@charset "iso-8859-1";

body{behavior:url(csshover.htc); font-family:arial; font-size:12px; background:#666; text-align:center; margin:0px; background:url(images/fond.gif);}
#page{position:relative; width:952px; border:solid 1px black; text-align:left; background:#f2f2f2; margin:10px auto;}

#txt_def{position:absolute; z-index:1; top:-5px; left:70px;}
#logo_fidit{position:absolute; z-index:2; top:40px; left:40px;}
.fidit{color:#5A9F2B; text-decoration:none; font-weight:bold;}
.plus{text-align:right; font-size:.8em;}
.img_txt{float:right; margin:0 0 0 15px; position:relative;}
form{margin:0; padding:0;}

#rvb{position:absolute; margin:0; padding:0; top:5px; left:5px;}
#rvb a{display:block; width:10px; height:10px; margin:3px; padding:0; border:solid 1px white; float:left; text-decoration:none;}
#rvb #rouge{background:url(images/entete/rvb.gif) repeat-y;}
#rvb #vert{background:url(images/entete/rvb.gif) -10px 0 repeat-y;}
#rvb #bleu{background:url(images/entete/rvb.gif) -20px 0 repeat-y;}

hr{width:50%; margin:3px auto; text-align:center; height:1px; color:#ccc;}

dl{margin:10px 0;}
dt,dd{margin:0; padding:0; position:relative;}
dt{height:41px;}

#gauche dl{width:400px;}
#droite dl{width:540px; float:right;}
#gauche dd{background:url(images/cartouches/bas.gif) bottom; padding-bottom:10px;}
#droite dd{background:url(images/cartouche_droite/bas_droite.gif) bottom; padding-bottom:10px;}

dt#authentification_error{background:url(images/cartouche_droite/authentification_error.gif) no-repeat;}
dt#fidit{background:url(images/cartouche_droite/fidit.gif) no-repeat;}
dt#produit{background:url(images/cartouche_droite/produit.gif) no-repeat;}
dt#actu{background:url(images/cartouche_droite/actu_droite.gif) no-repeat;}
dt#service{background:url(images/cartouche_droite/service.gif) no-repeat;}
dt#produits{background:url(images/cartouches/produit.gif);}
dt#parle{background:url(images/cartouche_droite/parle.gif);}
dt#news{background:url(images/cartouche_droite/news.gif);}
dt#contact{background:url(images/cartouche_droite/contact.gif);}
dt#confiance{background:url(images/cartouches/confiance.gif);}
dt#revue_presse{background:url(images/cartouche_droite/revue_presse.gif);}
dt#telechargements{background:url(images/cartouche_droite/telechargements.gif);}
dt#plan_site{background:url(images/cartouche_droite/plan_site.gif);}
dt#ecommerce{background:url(images/cartouche_droite/ecommerce.gif);}

dd{position:relative; padding-top:10px;}
dd p{text-align:justify; margin:0px 25px 15px 25px;}
dd a{color:black; text-decoration:underline;}
/*dd a img{margin:10px 20px; border:none;}*/
dd img, dd ul{margin:0px 25px 5px 25px;}
dd ul{margin:0 15px 10px 50px; padding:0;}
dd li{margin:0; padding:0 0 0 10px; background:url(images/generiques/puce_petite.gif) no-repeat 0 5px;}

/*
h1{margin:0 15px 15px 25px; padding:0; font-size:1.2em; color:#5A9F2B;}
h1 a{color:#5A9F2B; text-decoration:none;}
h2{margin:0 15px 10px 25px; padding:0; font-size:1em; color:red;}
*/

dd h1{display:none;}
dd h2{margin:0 15px 15px 25px; padding:0; font-size:1.2em; color:#5A9F2B;}
dd h2 a{color:#5A9F2B; text-decoration:none;}

dd h3{margin:0 15px 10px 25px; padding:0; font-size:1em; color:red;}

#entete{position:relative; width:952px; height:236px; background:url(images/entete/entete_fond_vert.jpg) 0 -10px no-repeat #f1f1f1; z-index:50;}
#gauche{position:relative; float:left; width:400px;}
#droite{ z-index:10;}

#baseline{position:absolute; width:400px; height:105px; left:220px; top:70px; background:url(images/entete/baseline_vert.gif) no-repeat;}




/* Edito */
#edito{margin:20px 40px 20px 40px; text-align:justify; font-weight:bold; color:#000;}
#edito p{margin:5px 0;}
#edito h1{height:40px; font-size:2em; color:#5A9F2B; margin:0; padding:0;}

.rouge{font-weight:bold; color:#c00;}

ul{list-style-type:none; margin:0;}

ul#navigation_haut{position:absolute; top:5px; right:0;}

/* Navigation principale */
div#navigation_principale{position:absolute; top:208px; right:5px;}
div#navigation_principale ul{margin:0; padding:0;}
div#navigation_principale li{font-size:0.95em; position:relative; list-style:none; float:left; width:77px; text-align:center; border-right:solid 1px #ccc; padding-right:0px; margin-left:0px;}
div#navigation_principale ul ul{position:absolute; top:12px; /*top:14px;*/ left:0px; display:none; border-bottom:solid 1px #ccc;}
div#navigation_principale ul ul li{background:url(images/generiques/puce_deroulant.gif) no-repeat 5px 13px  #f2f2f2; padding: 7px 0; width:125px; text-align:left; padding-left:15px; /*border:none;*/ border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
div#navigation_principale ul ul li:hover{background:#ccc;}
div#navigation_principale li a{display:block; text-decoration:none; color:black;font-size:0.9em; font-weight:bold;}
div#navigation_principale li:hover ul{display:block;}

/* Navigation secondaire */
ul#navigation_secondaire{position:absolute; right:5px; top:38px; font-size:0.88em;}
#navigation_secondaire li{font-weight:bold; display:inline; margin:0 0 0 7px; border-right:solid 1px black; padding-right:5px;}
#navigation_secondaire li a{color:white; font-size:0.83em; text-decoration:none;}



#fidit_annexes{position:absolute; margin:0; padding:0;  color:#999; font-size:0.8em; border:none; left:15px; bottom:3px;}
#fidit_annexes a{color:#999; text-decoration:none;}

/* Navigation gauche */
#navigation_gauche{margin-top:220px; margin-left:130px; margin-bottom:50px;}
#navigation_gauche li{margin:7px 0;}
#navigation_gauche a{text-decoration:none; width:200px; background:url(images/generiques/puce.gif) no-repeat; padding-left:30px; color:#666;}
#navigation_gauche a:hover{background:url(images/generiques/puce_hover.gif) no-repeat; font-weight:bold; color:black;}

/* Illustrations génériques colonne gauche */
#gauche_axegate, #gauche_actualite, #gauche_societe, #gauche_services, #gauche_produits_temps, #gauche_produits_tracenews, #gauche_produits_bureautique, #gauche_produits_e_lifting, #gauche_produit_axiphone, #gauche_produit_maxemail, #gauche_produit_boycottspam, #gauche_produit_agendaxe, #gauche_web_agency, #gauche_audit_conseil, #gauche_intranet_extranet, #gauche_coaching_projets, #gauche_assistance, #gauche_fidit_news, #gauche_revue_presse, #gauche_parle, #gauche_produit_rolodaxe, #gauche_telechargements, #gauche_plan_site{position:relative; float:left; width:400px; }

#gauche_axegate{background:url(images/generiques/routeur.jpg) 100px 20px no-repeat;}
#gauche_actualite{background:url(images/generiques/radio.jpg) 0px 65px no-repeat;}
#gauche_societe{background:url(images/generiques/tv.gif) 100px 20px no-repeat;}
#gauche_services{background:url(images/generiques/cafe.jpg) 100px 20px no-repeat;}
#gauche_produits_temps{background:url(images/generiques/sablier.gif) 100px 20px no-repeat;}
#gauche_plan_site{background:url(images/generiques/plan_site.gif) 50px 20px no-repeat;}

#gauche_produits_tracenews{background:url(images/logos/tracenews_logo.gif) 100px 20px no-repeat;}
#gauche_produits_bureautique{background:url(images/generiques/documents.gif) 100px 20px no-repeat;}
#gauche_produits_e_lifting{background:url(images/generiques/documents.gif) 100px 20px no-repeat;}
#gauche_produit_axiphone{background:url(images/logos/logo_axiphone.gif) 100px 20px no-repeat;}
#gauche_produit_maxemail{background:url(images/logos/maxemail_logo.gif) 100px 20px no-repeat;}
#gauche_produit_boycottspam{background:url(images/logos/logo_boycottspam.gif) 100px 20px no-repeat;}
#gauche_produit_agendaxe{background:url(images/logos/agendaxe_logo.gif) 100px 20px no-repeat;}
#gauche_produit_rolodaxe{background:url(images/logos/rolodaxe_logo.gif) 100px 20px no-repeat;}


#gauche_web_agency{background:url(images/captures/captures_e_lifting.gif) 100px 20px no-repeat;}
#gauche_audit_conseil{background:url(images/generiques/audit_conseil.jpg) 100px 20px no-repeat;}
#gauche_intranet_extranet{background:url(images/generiques/intranet_extranet.jpg) 100px 20px no-repeat;}
#gauche_coaching_projets{background:url(images/generiques/coaching_projets.jpg) 100px 20px no-repeat;}
#gauche_assistance{background:url(images/generiques/sablier.gif) 100px 20px no-repeat;}
#gauche_fidit_news{background:url(images/generiques/fidit_news.gif) 100px 20px no-repeat;}
#gauche_revue_presse{background:url(images/generiques/revue_presse.gif) 100px 20px no-repeat;}
#gauche_parle{background:url(images/generiques/micro.jpg) -0px 65px no-repeat;}
#gauche_telechargements{background:url(images/generiques/telechargements.jpg) 100px 20px no-repeat;}


form#formulaire{text-align:left; width:100%; margin:20px auto; /*padding-top:20px;*/}
label{display:inline; float:left; width:150px; font-size:0.9em; text-align:right; color:#c00; margin-right:10px; padding-top:5px;} 


/* Espace Clients */
div#clients{margin:0; padding:0;}
div#clients form{position:relative; margin:0; padding:0; background:url(images/clients/fd_espace_clients.gif) no-repeat; width:390px; height:60px; margin-left:10px;}
div#clients input{position:absolute; top:15px;}
div#clients input#acces{left:155px;}
div#clients input#mdp{left:230px;}
div#clients a{position:absolute; right:50px; top:18px; width:30px; height:15px; background:url(images/clients/valider_0.gif) no-repeat; border:0; text-decoration:none;}
div#clients a:hover{background:url(images/clients/valider_1.gif) no-repeat;}

a.bouton_valider{display:block; border:none; margin-top:10px; background:url(images/form/valider.gif) no-repeat; width:30px; height:15px;}
a:hover.bouton_valider {background:url(images/form/valider_1.gif) no-repeat;}
input.bouton_valider{display:block; border:none; margin-top:10px; background:url(images/form/valider.gif) no-repeat; width:30px; height:15px;}
input:hover.bouton_valider {background:url(images/form/valider_1.gif) no-repeat;}


/* Menu déroulant FIDIT®'News */
ul#fidit_news{position:absolute; margin:0; padding:0; width:240px; right:10px; top:10px; border:solid 1px white; background:#f1f1f1; font-size:0.9em;}
ul#fidit_news li{list-style:none; padding:2px;}
ul#fidit_news a{color:black; text-decoration:none;}
ul#fidit_news ul{display:none; position:absolute; margin:0; padding:0; width:240px; left:5px; top:16px; border:solid 1px black; background:#f1f1f1; font-size:0.9em;}
ul#fidit_news ul li{/*width:240px;*/}
ul#fidit_news ul li:hover{background:#ccc; font-weight:bold;}
ul#fidit_news li:hover ul{display:block;}

.lien_logos{font-weight:bold; text-decoration:none;}

/* Menu déroulant gauche */
ul#m_deroulant_gauche{position:relative; padding:0; border:solid 1px #ccc; width:100%; margin:0px;}
ul#m_deroulant_gauche li{list-style:none; padding:2px;}
ul#m_deroulant_gauche a{color:black; text-decoration:none;}
ul#m_deroulant_gauche ul{display:none; position:absolute; margin:0; padding:0; width:240px; left:5px; top:15px; border:solid 1px #ccc; background:#fff; text-align:left; font-size:0.9em;}
ul#m_deroulant_gauche ul li{/*width:240px;*/}
ul#m_deroulant_gauche ul li:hover{background:#ccc; font-weight:bold;}
ul#m_deroulant_gauche li:hover ul{display:block;}


/* Navigation acutalités & parle */
#gauche_actualite form, #gauche_parle form{height:20px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding-top:7px;
width:200px; margin-left:30px; margin-top:25px; text-align:center;}
#gauche_actualite form a, #gauche_parle form a{color:#000; display:block; text-decoration:none; width:100%;}
#precedent, #suivant, #milieu{/*border:solid 1px;*/ width:20px; height:15px; float:left;}
#precedent{background:url(images/form/precedent.gif) no-repeat left;}
#suivant{background:url(images/form/suivant.gif) no-repeat right;}
#milieu{position:relative;top:-3px; width:159px;}
#suivant{}

form#news{position:absolute; text-align:left; height:50px; width:400px; margin:0; right:20px; top:-18px; /*background:url(images/entete/fidit_news.gif) no-repeat 360px 10px;*/}

#news select{position:absolute; bottom:3px; right:0px; border:none;}
input, textarea, select{margin:3px; font-family:arial; border:solid 1px #999; font-size:0.8em;  background:#f2f2f2; }

#pied{text-align:right; margin:5px 0; padding:0; clear:both;}
#pied ul{padding:0px; margin:0px;}
#pied ul li{ display:inline; border-right:solid 1px #666; margin:0 0 0 3px; padding:0 3px 0 0;}
#pied ul li a{color:#666; text-decoration:none; font-size:0.8em; text-align:left;}

//* Slide sites clients */
#imageflow{
float:right;
height:200px;
	width:550px;
	text-align:left;
}
#imageflow #images img { 
	position:absolute; 
	top:0px;
	border:solid 1px #ccc;
}
#imageflow .clear{
	clear:both;
}
#imageflow #images{
	visibility:hidden;
}
#imageflow #loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#imageflow #loading img{
	margin-top:10px;
	position:relative; 
}
#imageflow #captions{
	color:#900;
	font-weight:bold;
	font-size:150%;
	position:relative; 
	padding-top:150px;
	text-align:center;
	z-index:5;
}