@charset "windows-1252";

body{font:0.75em/1.5 "arial","verdana","sans-seriff"; background-color:#000; text-align:center; behavior:url(csshover.htc);}
div, ul, li, p, h1, h2{margin:0; padding:0;}
a.imp{color:#fc3; text-decoration:none;}
.imp{color:#fc3;}
#conteneur{position:relative; width:960px; margin:0 auto; text-align:left; background:#666;}

a#demos{width:50px; height:20px; position:absolute; bottom:7px; left:355px; display:block; text-indent:-3000px; background:url(images/bt_demo.gif) no-repeat;}


a#accueil{display:block; width:50px; height:50px; position:absolute; left:350px; top:50px; text-indent:-3000px;}

#entete{position:relative; height:30px; background:url(images/gibus_entete.gif) no-repeat 10px 3px #000; border-bottom:solid 1px #666; z-index:10;}
#pied{clear:both; position:relative; height:20px; background:#000; border-top:solid 1px #666; padding-top:5px;}

ul#nav_haut{list-style:none; position:absolute; right:20px; bottom:5px;}
ul#nav_haut li{float:left; margin-right:10px; padding-right:10px; border-right:solid 1px #666;}
ul#nav_haut a{text-decoration:none; color:#ccc;}
ul#nav_haut a:hover{color:#fc3;}
ul#nav_haut a#demo{width:50px; display:block; text-indent:-3000px; background:url(images/bt_demo.gif) no-repeat;}

ul#nav_bas{list-style:none; position:absolute; right:20px;}
ul#nav_bas li{float:left; margin-right:10px; padding-right:10px; border-right:solid 1px #666;}
ul#nav_bas a{text-decoration:none; color:#ccc; font-size:0.85em;}
ul#nav_bas a:hover{color:#fc3;}

#gauche{width:334px; float:left;}
#droite{position:relative; width:626px; float:left; background:url(images/fd_droite.gif); padding-bottom:25px; min-height:800px; _height:800px;}	
/*html>body #droite{position:relative; width:626px; float:left; background:url(images/fd_droite.gif); padding-bottom:25px; min-height:800px;}*/
#droite a{color:white;}
#droite a:hover{color:#fc3;}
#droite p{padding:0 50px 10px 250px; color:white;}
#droite form{padding:0 50px 10px 250px; color:white;}
#droite ul{padding:0 50px 10px 250px; color:white; list-style:none;}
#droite li{background:url(images/pte_puce.gif) 0 2px no-repeat; padding-left:20px;}

/* Formulaire contact */
form#contact {padding:0 0 0 150px;}
form#contact p{padding:0 0 5px 0; color:#fc3;}
form#contact label{display:block; float:left; width:100px; text-align:right; padding-right:10px; font-size:0.9em; color:#fc3;}
form#contact #valider{color:#fc3; background:none; border:solid 1px #fc3; font-size:0.8em; padding:3px;}
form#contact p#mention{font-size:0.8em; margin:5px 50px 0 100px;}
div#ad_contact{position:absolute; left:43px; top:500px; text-align:center; color:#fff; font-weight:bold; padding:15px;}
div#ad_contact a{color:white;}
div#ad_contact a:hover{color:#fc3;}

/* Grand titre */
#droite h1#simple{text-indent:-3000px; background:url(images/titres/crm_simple.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#actu{text-indent:-3000px; background:url(images/titres/actualite.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#contact{text-indent:-3000px; background:url(images/titres/contact.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#faq{text-indent:-3000px; background:url(images/titres/faq.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#documentation{text-indent:-3000px; background:url(images/titres/documentation.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#inf_legales{text-indent:-3000px; background:url(images/titres/inf_legales.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#actualites{text-indent:-3000px; background:url(images/titres/actualites.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}
#droite h1#plan{text-indent:-3000px; background:url(images/titres/plan.gif) 0 30px no-repeat; display:block; margin-left:100px; width:500px; height:180px;}

/* Sous-titres */
#droite h2{padding:0 50px 10px 250px; color:#fc3; font-size:1.2em;}
/* Navigation verticale */
ul#nav_verticale{list-style:none; position:absolute; left:110px; top:180px; padding:0;}
ul#nav_verticale li{margin-bottom:15px; padding-right:10px; padding-left:0; line-height:1em; background:none;}
ul#nav_verticale a{text-decoration:none; color:#ccc; font-size:0.95em;}
ul#nav_verticale a:hover{color:#fc3;}
ul#nav_verticale a.page_ok{color:#fc3;}

/* FAQ */
dl#faq{padding:0; color:white; }
dl#faq dt{margin:10px 0 0 130px; width:450px; padding-left:20px; background:url(images/pte_puce.gif) 0 2px no-repeat;}
dl#faq p{padding:0;}
dl#faq dt p{color:#fc3;}
dl#faq dt.jaune p{color:yellow;}
dl#faq dd {padding:10px 0; width:400px; margin:10px 0 10px 180px; border-top:solid 1px #fc3; border-bottom:solid 1px #fc3;}
dl#faq dd p{padding:0; margin:0;}
dl#faq dd h2{padding:0; margin:10px 0 0 0;}
dl#faq dd h3{padding:0; margin:10px 0 0 0; font-size:0.95em; color:#fc3;}

/* Lien PDF */	 
ul.lien_pdf li{background:url(images/pdficon_small.gif) 0 2px no-repeat; padding-left:25px; margin-top:2px; list-style:none;}
/*ul.lien_pdf a{color:#fc3;}*/


/* Captures écranc  "offre ergonomie" */
ul#captures li{text-align:center; background:none;}
ul#captures p{padding:10px 0; color:#fc3;}

/* image email */
#email{background:url(images/email.gif) no-repeat 290px -4px; }
#email_gauche{background:url(images/email_gauche.gif) no-repeat 52px 2px;}

/* Actus */
div#actualite{margin-top:75px;}
div#actualite h1, div#actualite h2, div#actualite p, div#actualite ul{margin-left:-120px;}
div#actualite li{background:url(images/pte_puce.gif) 0 2px no-repeat; padding-left:20px;}


/* Sélection déroulante Actualités */
div#selection_deroulante{margin:0 20px 50px 180px; padding:0;}
a#precedent, a#suivant{display:block; width:25px; height:25px; float:left; text-decoration:none;}
a#precedent{background:url(images/pte_puce_1.gif) left no-repeat;}
a#suivant{background:url(images/pte_puce.gif) right no-repeat;}
div#selection_deroulante ul{position:relative; padding:0; width:300px; float:left;}
div#selection_deroulante ul li{text-align:center; padding:5px 0; background:none; border-top:1px solid #666; border-bottom:1px solid #666; color:#fc3; font-weight:bold;}
div#selection_deroulante ul ul{display:none;  width:590px; background:#ccc;  z-index:1000; position:absolute; top:17px; right:-140px; overflow-x:none;overflow-y:none; margin:10px 0 0 0; padding:10px 0;}
div#selection_deroulante ul li:hover ul{display:block;}
div#selection_deroulante ul ul li{margin:0 10px; text-align:left; padding:0; background:none; border:none;}
div#selection_deroulante ul ul li a{color:#666; font-weight:bold; text-decoration:none;}
div#selection_deroulante ul ul li a:hover{color:#000;}
								   
/* Sélection déroulante Offre GiBUS® */
div#selection_deroulante_offre{margin:0 20px 50px 250px; padding:0;}
div#selection_deroulante_offre ul{position:relative; padding:0; width:300px; float:left;}
div#selection_deroulante_offre ul li{text-align:center; padding:5px 0; background:none; border-top:1px solid #666; border-bottom:1px solid #666; color:#fc3; font-weight:bold;}
div#selection_deroulante_offre ul ul{display:none; background:#ccc;  z-index:1000; position:absolute; top:17px; right:0px; overflow-x:none;overflow-y:none; margin:10px 0 0 0; padding:10px 0;}
div#selection_deroulante_offre ul li:hover ul{display:block;}
div#selection_deroulante_offre ul ul li{margin:0 10px; text-align:left; padding:0; background:none; border:none;}
div#selection_deroulante_offre ul ul li a{color:#666; font-weight:bold; text-decoration:none;}
div#selection_deroulante_offre ul ul li a:hover{color:#000;}