html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	font-size: 12px;
	line-height: 17px;
	color: #382d24;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, input, dl, dt, dd, span{border:0; margin:0; padding:0;}
body#main{
	background: #FFF url(Gx/M/bgSite.gif) no-repeat 1003px 105px;
	text-align:left;}
body{ behavior:url("inc/csshover.htc");}		

/* EN-TÊTE */
#entete{ background: url(Gx/M/bg.gif) repeat-x top left; min-width: 1003px; height: 105px; }
#entete .contenu{ background: url(Gx/M/bgEntete.gif) no-repeat 204px 0px; height: 83px; margin:0 0 1px 0; position: relative; }
#entete .bande{ background: url(Gx/M/bgBande.gif) no-repeat 1011px 0px; width: 1003px; height: 21px; position: relative; z-index: 200; }
#entete #logo{ width: 161px; height: 53px; position: absolute; top: 17px; left: 90px; }
#entete #professionnels{ width: 120px; height: 47px; position: absolute; top: 17px; left: 315px; }
#entete #telephone{ width: 160px; height: 18px; position: absolute; top: 23px; left: 614px; }
#entete #recherche{ width: 220px; height: 20px; position: absolute; top: 50px; left: 565px; } #entete #recherche img{ float: left; display: block; margin: 2px 0 0 0; }
#entete #recherche input.Critere{ color: #ffffff; font-size: 11px; border: #ffffff 1px solid; background: #2a251f; width: 135px; height: 16px; margin: 0 3px 0 5px; float: left; display: block; }
#entete #recherche input.Bouton{ border: #ffffff 1px solid; background: #2a251f url(Gx/M/rechercheBtn.gif) no-repeat 3px 3px; width: 18px; height: 18px; float: left; display: block; }
#entete #langue{ font-size: 11px; width: 100px; position: absolute; top: 23px; left: 815px; }
#entete #langue a, #entete #langue a:visited{ color: #818d26; text-decoration: none; background: url(Gx/M/fleche1.gif) no-repeat 0px 5px; padding: 0 0 0 14px; }
#entete #langue a:hover{ color: #ffffff; }

/* MENU */
#menu{ background: url(Gx/M/bgMenu.gif) repeat-x 0px 0px; border-right: #ffffff 1px solid; width: 818px; height: 21px; float:left; display:block; }
#menu ul{ height: 20px; }
#menu ul li{ list-style-type:none; float: left; display: block; position:relative; }
#menu a, #menu a:link, #menu a:visited{
	color: #FFF; font-size: 11px; font-weight: normal; line-height: 20px; text-transform: uppercase; text-decoration: none;
	height: 20px; padding: 1px 18px 0 18px;
	float: left; display: block;
} #menu a:hover, #menu a:visited:hover, #menu a.actif, #menu a.actif:visited{ color: #382d24; }
#menu a#menu1{ padding: 1px 15px 0 45px; }
#menu ul ul{ height: auto; display: none; position: absolute; top: 21px; z-index: 200; }
#menu #submenu1{ left: 0; }
#menu #submenu2{ left:-30px; }
#menu #submenu3{ left:-20px; }
#menu #submenu4{ left:-5px; }
#menu li:hover ul ul{ display: none; }
#menu li:hover ul, #menu li:hover li:hover ul{ display: block; }
#menu li li{ display: block; float: left;}
#menu li li:hover{}
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited{
	color: #FFF; font-size: 11px; font-weight: normal; line-height: 20px; text-align: center; text-decoration: none;
	border-top: 1px solid #FFF; background: #abab32;
	width: 165px; height: auto; padding: 1px 0; margin: 0 3px 0 2px;
	float: left; display: block;
}
#menu ul ul a:hover, #menu ul ul a:visited:hover{ color: #FFF; text-indent: -5px; background: #8e8e0f; width: 170px; margin:0 0 0 0; }
#menu ul ul a.actif, #menu ul ul a.actif:visited{ color: #FFF; text-indent: -5px; background: #382d24; width: 170px; margin:0 0 0 0; }

/* CARRIÈRES */
#menucarriere{ width: 183px; height: 21px; float:left; display:block; position: relative; z-index: 200;}
#menucarriere ul{ height: 20px; }
#menucarriere ul li{ list-style-type:none; float: left; display: block; position:relative; }
#menucarriere a, #menucarriere a:link, #menucarriere a:visited{
	color: #FFF; font-size: 11px; font-weight: normal; line-height: 20px; text-decoration: none;
	height: 20px; padding: 1px 21px 0 21px;
	float: left; display: block;
} #menucarriere a:hover, #menucarriere a:visited:hover, #menucarriere a.actif, #menucarriere a.actif:visited{ color: #382d24; }
#menucarriere ul ul{ height: auto; display: none; position: absolute; top: 21px; z-index: 200; left:0px; }
#menucarriere li:hover ul ul{ display: none; }
#menucarriere li:hover ul, #menucarriere li:hover li:hover ul{ display: block; }
#menucarriere li li{ display: block; float: left;}
#menucarriere li li:hover{}
#menucarriere ul ul a, #menucarriere ul ul a:link, #menucarriere ul ul a:visited{
	color: #FFF; font-size: 11px; font-weight: normal; line-height: 20px; text-decoration: none;
	border-top: 1px solid #FFF; background: #dd7b30;
	width: 145px; height: auto; padding: 1px 0 1px 20px;
	float: left; display: block;
}
#menucarriere ul ul a:hover, #menucarriere ul ul a:visited:hover{ color: #FFF; background: #ab5a1d; width: 150px; }
#menucarriere ul ul a.actif, #menucarriere ul ul a.actif:visited{ color: #FFF; background: #382d24; width: 150px; }

/* CONTENU */
#contenu{ width: 1003px; }
#gauche{ width: 818px; float: left; display: block; }
#gauche #page{ width: 818px; height: 535px; display: block; position: relative; }

#droite{ line-height:0%; background: url(Gx/M/bgDroite.gif) repeat-y top left; width: 183px; float: left; display: block; }
#droite img{ margin: 0 0 0 0; }
#droite #navigation{ background: url(Gx/M/bgNavigation.gif) no-repeat top left; height: 100px; padding: 10px 15px 0 15px; }
#droite #navigation ul{ list-style: none; }
#droite #navigation a, #droite #navigation a:visited{ color: #5f564f; font-size: 11px; line-height:150%; text-decoration: none; }
#droite #navigation a:hover{ text-decoration: underline; }

#scroller{
	overflow: auto; position: absolute; top: 15px; height: 511px;
	scrollbar-face-color: #e1e9c9; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF;		
}
.small{ left: 377px; width: 425px; }
.medium{ left: 242px; width: 560px;	}	
.large{ left: 78px; width: 724px; }	
.extralarge{ left: 41px; width: 761px; }
.concours{ left: 295px; width: 480px; }
.concours2{ left: 375px; width: 400px; }
#scroller .inner{ padding: 0 20px 0 0; }
#scroller.large .inner{ padding: 0 25px 0 0; }

h1{ color: #382d24; font-size: 26px; font-weight: normal; line-height: 27px; position: relative; }
h1 span{ color: #757501; font-size: 20px; }
h2{ color: #757501; font-size: 14px; }
h3{ color: #757501; font-size: 18px; }
h6{ color: #757501; font-size: 12px; display: inline; }
strong.strblue2{ font-size: 14px; }

a, a:link, a:visited{ color: #382d24; text-decoration: none; }
a:hover{ text-decoration: underline; }
a.link1, a.link1:link, a.link1:visited{ color: #1A8499; font-size: 11px; text-decoration: none; }
a.link1:hover{ text-decoration: underline; }
a.link2, a.link2:link, a.link2:visited{
	color: #888802; font-size: 11px; line-height: 14px; text-decoration: none;
	background: transparent url(Gx/M/fleche2.gif) no-repeat center left;
	padding: 0 0 0 16px;
} a.link2:hover{ text-decoration: underline; }
.l2_2{ display: block; margin: 7px 0 0 0; }
a.link3, a.link3:link, a.link3:visited{
	color: #009345; font-size: 11px; line-height: 14px; text-decoration: none;
	background: transparent url(Gx/01/bg_link3.gif) no-repeat center left;
	padding: 0 0 0 16px;
} a.link3:hover{ text-decoration: underline; }	
a.link4, a.link4:link, a.link4:visited{ color: #E56B00; font-weight: normal; text-decoration: none}
a.link4:hover{ text-decoration: underline; }
a.link6, a.link6:link, a.link6:visited{
	color: #EE519C; font-size: 11px; line-height: 14px; text-decoration: none;
	background: transparent url(Gx/07/bg_link6.gif) no-repeat center left;
	padding: 0 0 0 16px;
} a.link6:hover{ text-decoration: underline; }	
a.btn_rendezvous, a.btn_rendezvous:link, a.btn_rendezvous:visited{
	color: #888802; line-height: 27px; text-align: center; text-decoration: none;
	background: transparent url(Gx/01/btnRendezVous.gif) no-repeat top left;	
	width: 161px; height: 30px; display: block;
} a.btn_rendezvous:hover{ color: #382d24; }	
a.retour, a.retour:visited{ color: #888802; font-weight: normal; background: url(Gx/M/flecheretour.gif) no-repeat 0px 0px; padding: 0 0 0 20px; float: right; display: block; }
a.retour:hover{ color: #382d24; text-decoration: none; }
.btn_envoyer{
	color: #888802; line-height: 29px; 
	border: none; background: transparent url(Gx/04/btnEnvoyer.gif) no-repeat top left;
	width: 109px; height: 29px; margin: 6px 0 0 0;
}
a.btn_envoyer, a:link.btn_envoyer, a:visited.btn_envoyer, a:hover.btn_envoyer{
	color: #888802; text-align: center; text-decoration: none; line-height: 29px;
	border: none; background: transparent url(Gx/04/btnEnvoyer.gif) no-repeat top left;
	width: 109px; height: 29px; margin: 6px 0 0 0; display: block;
}

a.btn_google, a.btn_google:link, a.btn_google:visited{
	color: #888802; line-height: 28px; text-align: center; text-decoration: none;
	background: transparent url(Gx/01/btnGoogle.gif) no-repeat top left;
	width: 225px; height: 30px; margin: auto; display: block;
} a.btn_google:hover{ color: #382d24; }

.liste1{ font-size: 11px; list-style-type: none; border-top: 1px solid #757501; width: 380px; margin: 5px 0 0 0; display: block; }
.liste1 li{ border-bottom: 1px solid #757501; width: 380px; padding: 10px 0; display: block; float: left; }
.liste1 li img{ float: left; margin: 0 15px 0 0; }
.liste1 li div{ padding: 4px 0 0 0; float: left; width: 245px; }
.liste1 li span{ display: block; padding: 0 5px; }

.liste4{ list-style-type: none; font-size: 11px; line-height: 15px; background: none; width: 270px; }
.liste4 li{ padding: 0 0 10px 0; display: block; float: left; width: 270px; }
.liste4 li div{ display: none; padding: 0px; }
.liste4 li strong{ float: left; width: 10px; cursor: pointer; color: #757501; }	
.liste4 li span{ color: #757501; font-weight: bold; width: 260px; cursor: pointer; float: left; }		
.liste4 ul{ list-style-type: none; width: auto; margin: 3px 0 0 10px; }
.liste4 ul li{ background: transparent url(Gx/02/bg_li_liste4.gif) no-repeat 0px 6px; width: 253px; padding: 0 0 3px 7px; }

/* FORMULAIRES */
input, select, textarea{ border: 1px solid #A9A9A9; width: 180px; }
.inputtype1{ width: 250px; margin: 0 0 8px 0; }	
.inputradio{ border: none; width: 15px; float: left; }
.textarea{ width: 300px; height: 75px; }	
.textarea1{ width: 500px; }
.erreur{ color: #FF0000; }
.champCache {display:none; visibility:hidden;}

/* PIED DE PAGE */
#pieddepage{ color: #666666; font-size: 11px; background: url(Gx/M/bgPiedDePage.gif) no-repeat top left; padding: 10px 0 0 5px; }
#pieddepage div{ float: left; display: block; } #pieddepage div.vortex{ margin: 0 0 0 10px; }
#pieddepage a, #pieddepage a:visited{ color: #666666; font-weight: bold; text-decoration: none; }
#pieddepage a:hover{ text-decoration: underline; }

/* OFFRES */
#offres img{ margin: 63px 0 0 326px; display: block; }
#offres div{ margin:181px 0 0 426px; }

/* CLINIQUES */
#clinique #recherche{ width: 330px; width: 535px; height: 200px; }
#clinique #recherche div{ margin: 0 0 0 70px; }
#clinique #recherche label{ font-weight: bold; }
#clinique #recherche .codepostal{ width: 95px; }
#clinique #carte{ margin: 7px 0 0 100px; display: block; }	

#clinique div.bureau{ border-top: #a0a036 1px solid; padding: 10px 0 0 0; margin: 10px 0 0 0; }
#clinique div.bureau div.coordonnees{ font-size: 11px; width: 200px; margin: 0 10px 0 0; float: left; display: block; }
#clinique div.bureau div.coordonnees a.btn_rendezvous{ font-size: 12px; }
#clinique div.photo{ width: 160px; margin: 0 10px 0 0; float: left; display: block; }
#clinique div.map{ text-align: center; background: url(Gx/01/bgMap.gif) no-repeat 0px 0px; width: 293px; padding: 0 0 0 7px; float: left; display: block; }
#clinique div.map div.google{ width: 293px; height: 217px; margin: 0 0 12px 0; overflow: hidden; }

/* SOLUTIONS DENTAIRES */
#solutions .miniature{ width: 410px; margin: 0 10px 0 0; float: left; display: block; }
#solutions .miniature .video{ width: 135px; margin: 0 0 10px 0; float: left; display: block; }
#solutions .miniature .video .image{ width: 100px; height: 80px; margin: 0 0 0 0; }
#solutions .miniature .video .texte{ font-size: 11px; text-align: center; width: 100px; }
#solutions .miniature a:hover{ color: #c9c98d; text-decoration: none; }

#solutions .liste{ width: 300px; float: left; display: block; }
#solutions .liste .recherche label{ color: #888802; font-size: 11px; display: block; }
#solutions .liste .recherche .Critere{ width: 205px; float: left; display: block; } #solutions .liste .recherche .Critere input{ border: #888802 1px solid; width: 200px; height: 18px; } 
#solutions .liste .recherche .Bouton{ width: 30px; float: left; display: block; } #solutions .liste .recherche .Bouton input{ border: #888802 1px solid; background: #ffffff url(Gx/02/btnFleche.gif) no-repeat 7px 5px; width: 22px; height: 20px; } 

#solutions .liste ul{ list-style: none; } #solutions .liste ul li{ margin: 0 0 10px 0; }
#solutions .liste ul li a, #solutions .liste ul li a:link, #solutions .liste ul li a:visited{ color: #888802; font-size: 16px; font-weight: bold; background: url(Gx/02/puce_c.gif) no-repeat 0px 5px; padding: 0 0 0 16px; }
#solutions .liste ul li a:hover{ color: #c9c98d; text-decoration: none; }
#solutions .liste ul li a.actif, #solutions .liste ul li a.actif:link, #solutions .liste ul li a.actif:visited, #solutions .liste ul li a.actif:hover{ background: url(Gx/02/puce_o.gif) no-repeat 0px 8px; }
#solutions .liste ul li ul{ display: none; } #solutions .liste ul li ul li{ padding: 0 0 0 17px; margin: 5px 0 0 0; }
#solutions .liste ul li ul li a, #solutions .liste ul li ul li a:link, #solutions .liste ul li ul li a:visited{ color: #382d24; font-size: 12px; font-weight: normal; background: none; padding: 0 0 0 0; }
#solutions .liste ul li ul li a:hover{ color: #888802; }

#solutions .video{ float: left; width: 430px; background: none; }	
#solutions .detail{ position: relative; float: right; width: 285px; background: none; }	
#solutions .detail .inner{ padding: 0 0 0 15px; }

#solutions .questionnaire .etape div{ text-transform: uppercase; text-align: center; width: 67px; height: 36px; float: left; display: block; }
#solutions .questionnaire .etape .off{ color: #b2c69b; background: url(Gx/02/etape_off.gif) no-repeat 0px 20px; }
#solutions .questionnaire .etape .on{ color: #558021; font-weight: bold; background: url(Gx/02/etape_on.gif) no-repeat 0px 20px; }
#solutions .questionnaire h2{ color: #382d24; font-size: 18px; font-weight: normal; }
#solutions .questionnaire label{ font-weight: bold; margin: 0 0 2px 0; display: block; } #solutions .questionnaire label.etape2{ margin: 0 0 10px 0; }
#solutions .questionnaire label strong{ color: #558021; text-transform: uppercase; }
#solutions .questionnaire div.label{ margin: 0 0 10px 13px; }
#solutions .questionnaire input.radio{ border: 0px; width: 25px; margin: 0 0 0 10px; }
#solutions .questionnaire input.Bouton{ border: 0px; background: url(Gx/02/btnFleche2.gif) no-repeat 0px 0px; width: 40px; height: 40px; margin: 0 0 0 17px; }
#solutions .questionnaire input.Retour{ border: 0px; background: url(Gx/02/btnFleche3.gif) no-repeat 0px 0px; width: 40px; height: 40px; margin: 0 0 0 17px; }
#solutions .questionnaire table.choix{ width: 380px; }
#solutions .questionnaire table.choix td.label{ color: #6c913f; font-size: 10px; text-align: center; width: 50px; }
#solutions .questionnaire table.choix input.radio{ width: 50px; margin: 0 0 0 0; }
#solutions .questionnaire table.choix div{ margin: 0 0 0 17px; }
#solutions .questionnaire .solution{ color: #6c913f; font-size: 10px; width: 90px; margin: 0 10px 20px 0; float: left; display: block; }
#solutions .questionnaire .solution label{ color: #382d24; font-size: 11px; font-weight: normal; margin: 0 0 5px 0; }
#solutions .questionnaire .solution input.radio{ width: 25px; margin: 0 0 0 0; }
#solutions .questionnaire .dernier{ margin: 0 0 20px 0; }
#solutions .questionnaire .couleur{ text-align: center; width: 130px; margin: 0 5px 20px 0; float: left; display: block; }
#solutions .questionnaire .couleur input.radio{ margin: 0 0 0 0; }

#solutions .resultat h2{ color: #382d24; font-size: 18px; font-weight: normal; }
#solutions .resultat strong{ font-size: 14px; }
#solutions .resultat em{ font-size: 10px; font-style: normal; }
#solutions .resultat table{ width: 380px; }
#solutions .resultat th{ color: #729e3b; font-size: 12px; text-transform: uppercase; text-align: center; border-bottom: #729e3b 5px solid; }
#solutions .resultat td{ vertical-align: top; background: #f1f5eb; border-right: #729e3b 1px solid; border-bottom: #729e3b 1px solid; padding: 5px; }
#solutions .resultat td.dernier{ border-right: 0px; }
#solutions .resultat td a:hover{ color: #558021; text-decoration: none; }
#solutions .resultat a.print, #solutions .resultat a.print:link, #solutions .resultat a.print:visited{ color: #558021; background: url(Gx/02/btnPrint.gif) no-repeat 0px 0px; padding: 2px 0 0 24px; }
#solutions .resultat a.print:hover{ color: #382d24; text-decoration: none; }
#solutions .resultat a.bouton, #solutions .resultat a.bouton:link, #solutions .resultat a.bouton:visited{ color: #558021; text-align: center; background: url(Gx/02/btnBouton.gif) no-repeat 0px 0px; width: 165px; height: 23px; padding: 2px 5px 0 0; display: block; }
#solutions .resultat a.bouton:hover{ color: #666666; text-decoration: none; }

#TB_window{ background: url(Gx/02/thickbox_bg.gif) no-repeat 0px 0px; }
#popUp .fermer{ text-align: right; padding: 0 20px 0 0; }
#popUp .fermer a{ color: #bc6420; font-size: 11px; text-decoration: none; }
#popUp #scroller{ top: 30px; height: 490px; } #popUp .extralarger{ width: 740px; }

/* RENDEZ-VOUS */
#rendezvous{ margin: 5px 0 0 0; }
#rendezvous .gauche{ background: none; width: 340px; float: left; }
#rendezvous .droite{ background: none; width: 320px; float: right; }
#rendezvous label{ padding: 0 5px 10px 4px; float: left; display: block; }
#rendezvous label.long{ padding: 7px 0 1px 0; }
#rendezvous table.calendrier{ font-size: 12px; text-align: left; border: none; border-collapse: collapse; width: 320px; }
#rendezvous table.calendrier th{ font-weight: normal; border-bottom: 1px solid #B8B8B8; padding: 2px 0; }
#rendezvous table.calendrier .periode{ width: 40px; }
#rendezvous table.calendrier .jours{ text-align: center; width: 30px; }	
#rendezvous table.calendrier td{ text-align: center; vertical-align: middle; padding: 4px 0; }
#rendezvous table.calendrier input{ width: 15px; border: none; }
#rendezvous table.date td.label{ font-size:10px; text-align:center; }
#rendezvous table.dentition th{ color:#989824; font-weight:normal; font-size:10px; text-align:center; }
#rendezvous table.dentition td{ font-size: 11px; }
#rendezvous table.dentition td.check{ text-align:center; vertical-align: top; }
#rendezvous table.dentition input{ width: 15px; border: none; }

/* ESPACE CLIENT */
#client .login{ text-align: center; width: 310px; }
#client .login div.nouveaucompte{ text-align: right; }
#client .login table{ text-align: left; width: 310px; margin: 5px 0 0 0; }
#client .login table td{ padding: 0 0 5px 0; }
#client .login input{ border: #c3c380 1px solid; width: 200px; }
#client .login input.Bouton{ color: #888802; text-align: center; border: 0px; background: url(Gx/06/btnLogin.gif) no-repeat 0px 0px; width: 147px; height: 25px; }

#client .section{ padding: 30px; }
#client .section .gauche{ width: 102px; float: left; display: block; }
#client .section .gauche div{ line-height: 0px; border: #888802 1px solid; background: #cccccc; width: 100px; }
#client .section .droite{ width: 656px; float: left; display: block; }
#client .section .droite .contenu #scroller{ width: 608px; height: 360px; left: 162px; top: 125px; }

#client .section .entete{ border-bottom: #888802 1px solid; height: 65px; padding: 0 0 0 30px; }
#client .section .entete h1{ color: #888802; font-size: 20px; margin: 0 0 10px 0; }
#client .section .entete .menu{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } #client .section .entete .menu li{ float: left; }
#client .section .entete .menu a, #client .section .entete .menu a:link, #client .section .entete .menu a:visited{ color: #342a21; font-size: 13px; border-top: #888802 1px solid; border-left: #888802 1px solid; padding: 5px 10px 5px 10px; display: block; }
#client .section .entete .menu a:hover{ color: #888802; text-decoration: none; }
#client .section .entete .menu a.dernier, #client .section .entete .menu a.dernier:link, #client .section .entete .menu a.dernier:visited, #client .section .entete .menu a.dernier:hover{ border-right: #888802 1px solid; }
#client .section .entete .menu a.actif, #client .section .entete .menu a.actif:link, #client .section .entete .menu a.actif:visited, #client .section .entete .menu a.actif:hover{ color: #342a21; background: #e1e9c9; }

#client .profil h2{ color: #888802; font-size: 14px; }
#client .profil a.Bouton, #client .profil a.Bouton:link, #client .profil a.Bouton:visited, #client .profil a.Bouton:hover{ color: #888802; text-align: center; text-decoration: none; background: url(Gx/06/btnLogin.gif) no-repeat 0px 0px; width: 147px; padding: 4px 0 4px 0; display: block; }

#client .boutique .item{ border-bottom: #888802 1px solid; padding: 0 20px 0 20px; }
#client .boutique .item .image{ border: #888802 1px solid; width: 125px; height: 125px; margin: 0 20px 0 0; float: left; display: block; }
#client .boutique .item .info{ width: 400px; float: left; display: block; }
#client .boutique .item h2{ color: #342a21; font-size: 12px; margin: 0 0 0 0; }
#client .boutique a.Bouton, #client .boutique a.Bouton:link, #client .boutique a.Bouton:visited, #client .boutique a.Bouton:hover{ color: #888802; text-align: center; text-decoration: none; background: url(Gx/06/btnLogin.gif) no-repeat 0px 0px; width: 147px; padding: 4px 0 4px 0; display: block; }

#client .photo div{ text-align: center; }
#client .photo div strong{ margin: 10px 0 0 0; display: block; }
#client .photo .avant{ width: 225px; margin: 0 30px 0 0; float: left; }
#client .photo .apres{ width: 225px; float: left; }

#client .traitement ul{ list-style: none; }
#client .traitement ul li{ background : url(Gx/M/fleche2.gif) no-repeat 0px 6px; padding: 0 0 0 16px; margin: 0 0 10px 10px; }

/* GALERIE DES SOURIRES */
#galerie h1{ color: #888802; font-size: 24px; border-bottom: #888802 1px solid; }
#galerie .sourire{ width: 128px; height: 128px; margin: 0 20px 0 0; float: left; display: block; }
#galerie .photo{ width: 475px; height: 415px; margin: 0 10px 0 0; float: left; display: block; }
#galerie .photo .avant{ width: 240px; height: 300px; float: left; display: block; }
#galerie .photo .apres{ width: 235px; height: 300px; float: left; display: block; }
#galerie .photo .avant_sourire{ width: 240px; height: 115px; float: left; display: block; }
#galerie .photo .apres_sourire{ width: 235px; height: 115px; float: left; display: block; }
#galerie .detail{ width: 250px; padding: 20px 0 0 0; height: 395px; float: left; display: block; position: relative; }
#galerie .detail a.retour{ float: left; }
#galerie .detail h2{ color: #382d24; font-weight: normal; border-bottom: #888802 1px solid; margin: 0 0 10px 0; }
#galerie .detail ul li{ margin: 0 0 0 25px; }
#galerie .detail .navigation{ color: #888802; width: 250px; height: 20px; bottom: 20px; position: absolute; }
#galerie .detail .navigation a, #galerie .detail .navigation a:link, #galerie .detail .navigation a:visited{ color: #888802; }
#galerie .detail .navigation a:hover{ color: #382d24; text-decoration: none; }
#galerie .detail .navigation a.precedent, #galerie .detail .navigation a.precedent:link, #galerie .detail .navigation a.precedent:visited, #galerie .detail .navigation a.precedent:hover{ background: url(Gx/07/fleche_gauche.gif) no-repeat 0px 2px; padding: 0 0 0 18px; }
#galerie .detail .navigation a.suivant, #galerie .detail .navigation a.suivant:link, #galerie .detail .navigation a.suivant:visited, #galerie .detail .navigation a.suivant:hover{ background: url(Gx/07/fleche_droite.gif) no-repeat right 2px; padding: 0 18px 0 0; }

/* PLAN DU SITE */
#plan{ font-size: 11px; line-height: 16px; background: transparent url(Gx/06/bgPlan.gif) repeat-y top center; height: 450px; }
#plan div{ width: 175px; }
#plan .gauche{ float: left; }
#plan .droite{ float: right; }

/* CONCOURS GAGNEZ UN SOURIRE LAPOINTE */

#concourssourire a.bouton, #concourssourire a.bouton:link, #concourssourire a.bouton:visited{ color: #ba5915; font-weight: bold; font-size: 13px; text-align: center; background: url(Gx/08/bouton1_bg.gif) no-repeat 0px 0px; width: 118px; padding: 12px 0 12px 0; float: left; display: block; }
#concourssourire a.bouton:hover{ color: #999999; text-decoration: none; }

#concourssourire a.boutonlarge, #concourssourire a.boutonlarge:link, #concourssourire a.boutonlarge:visited{ color: #ba5915; font-weight: bold; font-size: 13px; text-align: center; background: url(Gx/08/bouton5_bg.gif) no-repeat 0px 0px; width: 175px; padding: 12px 0 12px 0; float: left; display: block; }
#concourssourire a.boutonlarge:hover{ color: #999999; text-decoration: none; }

#concourssourire .introduction{ font-size: 12px; padding: 0 10px 0 0; }
#concourssourire .introduction h2{ color: #b95915; font-size: 12px; }
#concourssourire .introduction ul li{ margin: 0 0 0 15px; }

#concourssourire .inscription .boite{ font-size: 10px; line-height: 12px; background: url(Gx/08/boite1_bas.gif) no-repeat bottom left; width: 459px; padding: 0 0 18px 0; }
#concourssourire .inscription .boite .contenu{ background: url(Gx/08/boite1_bg.gif) repeat-y top left; padding: 0 16px 0 16px; }
#concourssourire .inscription .boite h1{ color: #b95915; font-size: 14px; font-weight: bold; text-transform: uppercase; background: #ffffff url(Gx/08/boite1_haut.gif) no-repeat 0px 10px; padding: 0 0 0 16px; }
#concourssourire .inscription .champs{ width: 210px; margin: 0 0 5px 0; float: left; display: block; }
#concourssourire .inscription .champs2, #concourssourire .inscription .champs3, #concourssourire .inscription .champs4{ color: #000000; width: 460px; margin: 0 0 5px 0; float: left; display: block; }
#concourssourire .inscription .gauche{ margin-right: 20px; } #concourssourire .inscription .section{ margin-top: 10px; }
#concourssourire .inscription label{ color: #000000; width: 80px; float: left; display: block; } #concourssourire .inscription label.puce{ background: url(Gx/08/puce.gif) no-repeat 0px 8px; padding: 0 0 0 6px; }
#concourssourire .inscription .input, #concourssourire .inscription select{ font-size: 11px; border: #dcac8a 1px solid; width: 120px; }
#concourssourire .inscription textarea{ font-size: 11px; font-family: Arial; border: #dcac8a 1px solid; width: 430px; }
#concourssourire .inscription .champs2 label{ width: 200px; } #concourssourire .inscription .champs2 .input{ width: 230px; }
#concourssourire .inscription .champs3 label{ width: 460px; margin: 0 0 5px 0; } #concourssourire .inscription .champs3 label.puce{ width: 454px; }
#concourssourire .inscription .champs3 .input{ width: 430px; margin: 0 0 2px 0; } #concourssourire .inscription .champs3 .check{ border: 0px; width: 20px; }
#concourssourire .inscription .champs4 label{ width: 326px; } #concourssourire .inscription .champs4 label.puce{ width: 320px; } #concourssourire .inscription .champs4 .check{ border: 0px; width: 50px; } 
#concourssourire .inscription .sub div{ color: #000000; font-size: 10px; float: left; display: block; }
#concourssourire .inscription .sup div{ color: #b95915; font-size: 10px; float: left; display: block; }
#concourssourire .inscription img{ border: #dcac8a 1px solid; }
#concourssourire .inscription div.erreur{ color: #ff0000; font-size: 10px; } #concourssourire .inscription div.erreur b{ font-size: 12px; }
#concourssourire .inscription label.erreur{ color: #ff0000; }

#concourssourire .inscription .cadre{ color: #000000; font-size: 11px; background: #fbefe4; width: 420px; padding: 5px; }
#concourssourire .inscription .cadre h1{ color: #000000; font-size: 14px; font-weight: bold; }
#concourssourire .inscription .cadre input{ border: 0px; width: 20px; }
#concourssourire .inscription .cadre textarea{ width: 418px; }
#concourssourire .inscription .cadre .photo{ background: #ffffff; border: #dcac8a 1px solid; width: 418px; height: 150px; }
#concourssourire .inscription .cadre .reglements{ font-size: 11px; line-height: 12px; border: #dcac8a 1px solid; background: #ffffff; width: 408px; height: 100px; padding: 5px; margin: 0 0 5px 0; overflow: auto; }
#concourssourire .inscription .cadre .reglements ol li{ margin: 0 0 5px 20px; }
#concourssourire .inscription .texte{ font-size: 11px; line-height: 13px; }

#concourssourire .vote .entete{ padding: 10px 10px 20px 10px; }
#concourssourire .vote .entete .logo{ width: 163px; padding: 25px 0 0 0; margin: 0 20px 0 0; float: left; display: block; }
#concourssourire .vote .entete .texte{ font-size: 11px; width: 600px; float: left; display: block; }
#concourssourire .vote .entete .texte h1{ color: #ba5915; font-size: 22px; margin: 0 0 5px 0; }
#concourssourire .vote a.bouton, #concourssourire .vote a.bouton:link, #concourssourire .vote a.bouton:visited, #concourssourire .vote a.bouton:hover{ margin: 0 5px 0 0; float: right; display: block; }
#concourssourire .vote .recherche{ margin: 0 10px 0 10px; float: left; display: block; } #concourssourire .vote .recherche div{ float: left; display: block; }
#concourssourire .vote .recherche label{ color: #ba5915; font-size: 10px; display: block; }
#concourssourire .vote .recherche input.Critere{ font-size: 11px; border: #c87b45 1px solid; width: 180px; margin: 0 5px 0 0; }
#concourssourire .vote .recherche input.Bouton{ border: #c87b45 1px solid; background: #ffffff url(Gx/08/bouton2_bg.gif) no-repeat 6px 2px; width: 20px; height: 15px; margin: 1px 0 0 0; }
#concourssourire .vote .page{ color: #ba5915; font-size: 11px; text-align: center; width: 200px; height: 20px; padding: 0 0 20px 0; margin: 15px 0 0 130px; float: left; display: block; }
#concourssourire .vote .page div{ padding: 0 5px 0 5px; float: left; display: block; } #concourssourire .vote .page b{ font-size: 16px; }
#concourssourire .vote .page a, #concourssourire .vote .page a:link, #concourssourire .vote .page a:visited{ color: #ba5915; text-decoration: none; padding: 0 2px 0 2px; }
#concourssourire .vote .page a:hover{ color: #666666; }
#concourssourire .vote .page a.gauche, #concourssourire .vote .page a.gauche:link, #concourssourire .vote .page a.gauche:visited{ background: url(Gx/08/flecheg.gif) no-repeat 0px 0px; width: 5px; height: 10px; padding: 0 0 0 0; margin: 4px 0 0 0; display: block; }
#concourssourire .vote .page a.droite, #concourssourire .vote .page a.droite:link, #concourssourire .vote .page a.droite:visited{ background: url(Gx/08/fleched.gif) no-repeat 0px 0px; width: 5px; height: 10px; padding: 0 0 0 0; margin: 4px 0 0 4px; display: block; }
#concourssourire .vote .page a.gauche:hover{ background: url(Gx/08/flecheg_ov.gif) no-repeat 0px 0px; }
#concourssourire .vote .page a.droite:hover{ background: url(Gx/08/fleched_ov.gif) no-repeat 0px 0px; }
#concourssourire .vote .page div.gauche{ background: url(Gx/08/flecheg_ov.gif) no-repeat 0px 0px; width: 5px; height: 10px; margin: 4px 0 0 0; }
#concourssourire .vote .page div.droite{ background: url(Gx/08/fleched_ov.gif) no-repeat 0px 0px; width: 5px; height: 10px; margin: 4px 0 0 4px; }

#concourssourire .liste{ background: url(Gx/08/liste_bg.gif) no-repeat 0px 0px; padding: 20px 0 0 0; position: relative; }
#concourssourire .liste #scroller{ width: 790px; height: 280px; left: 15px; }
#concourssourire .liste .fiche{ font-size: 10px; line-height: 12px; width: 240px; margin: 0 20px 0 0; float: left; display: block; }
#concourssourire .liste .fiche .photo{ font-size: 0px; line-height: 0px; border: #c36f34 1px solid; width: 100px; margin: 0 10px 0 0; float: left; display: block; }
#concourssourire .liste .fiche .info{ width: 125px; float: left; display: block; }
#concourssourire .liste .fiche h2{ color: #2f251d; font-size: 12px; margin: 0 0 5px 0; }
#concourssourire .liste .fiche a.votez, #concourssourire .liste .fiche a.votez:link, #concourssourire .liste .fiche a.votez:visited{ color: #ba5915; font-size: 12px; font-weight: bold; text-align: center; background: url(Gx/08/bouton3_bg.gif) no-repeat 0px 0px; width: 55px; padding: 7px 2px 8px 0; margin: 10px 0 0 0; display: block; }
#concourssourire .liste .fiche a.votez:hover{ color: #666666; text-decoration: none; }
#concourssourire .liste .ligne{ border-bottom: #efbc8d 1px solid; width: 240px; height: 10px; margin: 0 20px 10px 0; float: left; display: block; }
#concourssourire .liste .droite{ margin: 0 0 10px 0; } #concourssourire .liste .dernier{ border: 0px; margin-bottom: 10px; }

#concourssourire .detail{ text-align: center; background: url(Gx/08/liste_bg.gif) no-repeat 0px 0px; padding: 20px 0 0 0; position: relative; }
#concourssourire .detail #scroller{ width: 790px; height: 300px; left: 15px; }
#concourssourire .detail .fiche{ width: 600px; padding: 0 0 10px 0; margin: auto; }
#concourssourire .detail .fiche .photo{ font-size: 0px; line-height: 0px; border: #c36f34 1px solid; width: 200px; margin: 0 10px 0 0; float: left; display: block; }
#concourssourire .detail .fiche .info{ text-align: left; width: 385px; float: left; display: block; }
#concourssourire .detail .fiche h2{ color: #2f251d; font-size: 14px; margin: 0 0 5px 0; }
#concourssourire .detail .formulaire{ border-top: #c36f34 1px solid; width: 600px; padding:10px 0 0 0; margin:auto; }
#concourssourire .detail .formulaire .bouton{ width: 200px; height: 90px; padding: 30px 0 0 0; margin: 0 10px 0 0; float: left; display: block; }
#concourssourire .detail .formulaire .bouton a, #concourssourire .detail .formulaire .bouton a:link, #concourssourire .detail .formulaire .bouton a:visited{ color: #ba5915; font-weight: bold; font-size: 13px; text-align: center; background: url(Gx/08/bouton4_bg.gif) no-repeat 0px 0px; width: 130px; padding: 12px 0 12px 0; margin: auto; display: block; }
#concourssourire .detail .formulaire .bouton a:hover{ color: #999999; text-decoration: none; }
#concourssourire .detail .formulaire .info{ font-size: 11px; text-align: left; } #concourssourire .detail .formulaire .info label{ display: block; }
#concourssourire .detail .formulaire .info input{ border: #dcac8a 1px solid; width: 385px; margin: 0 0 10px 0; }
#concourssourire .detail .formulaire div.erreur{ color: #ff0000; font-size: 10px; } #concourssourire .detail .formulaire div.erreur b{ font-size: 12px; }
#concourssourire .detail .formulaire label.erreur{ color: #ff0000; }

#concourssourire .cheque{ padding: 10px 10px 20px 10px; }
#concourssourire .cheque .entete .logo{ width: 163px; padding: 25px 0 0 0; margin: 0 20px 0 0; float: left; display: block; }
#concourssourire .cheque .entete .texte{ font-size: 11px; width: 600px; float: left; display: block; }
#concourssourire .cheque .entete .texte h1{ color: #ba5915; font-size: 22px; margin: 0 0 5px 0; }
#concourssourire .cheque .entete a.imprimer, #concourssourire .cheque .entete a.imprimer:link, #concourssourire .cheque .entete a.imprimer:visited{ color: #ba5915; font-size: 12px; background: url(Gx/08/imprimer_bg.gif) no-repeat 0px 0px; padding: 0 0 0 25px; display: block; }
#concourssourire .cheque .entete a.imprimer:hover{ color: #666666; text-decoration: none; }
#concourssourire .cheque .specimen{ margin: 0 0 0 180px; }

#concourssourire .termine{ padding: 100px 0 0 30px; }

/* BOUTIQUE */
#boutique .entete{ font-size: 11px; padding: 20px; }
#boutique .double #scroller{ width: 790px; height: 535px; left: 15px; }
#boutique .double .gauche{ border-right: #c3c380 1px solid; width: 520px; min-height: 480px; padding: 20px 20px 0 0; float: left; display: block; }
#boutique .double .droite{ width: 200px; padding: 20px 0 0 20px; float: left; display: block; }

#boutique .droite{ color: #888802; font-size: 10px; }
#boutique .droite .telephone{ background: url(Gx/09/telephone.gif) no-repeat 0px 2px; padding: 0 0 0 18px; }
#boutique .droite .courriel{ background: url(Gx/09/courriel.gif) no-repeat 0px 2px; padding: 0 0 0 18px; }
#boutique .droite a, #boutique .droite a:link, #boutique .droite a:visited{ color: #888802; } #boutique .droite a:hover{ color: #382d24; text-decoration: none; }
#boutique .droite ul{ list-style: none; } #boutique .droite ul li{ background: url(Gx/09/puce.gif) no-repeat 0px 6px; padding: 0 0 0 12px; }
#boutique .droite strong{ font-size: 12px; font-weight: normal; margin: 0 0 5px 0; display: block; }

#boutique .liste{ background: url(Gx/09/liste_bg.gif) no-repeat 0px 0px; padding: 30px 0 0 0; position: relative; }
#boutique .liste #scroller{ width: 790px; height: 415px; left: 15px; }
#boutique .liste .item{ font-size: 10px; line-height: 120%; width: 230px; margin: 0 10px 20px 10px; float: left; display: block; }
#boutique .liste .item h2{ color: #382d24; font-size: 11px; margin: 0 0 5px 0; }
#boutique .liste .item .image{ border: #888802 1px solid; width: 125px; height: 125px; margin: 10px 10px 0 0; float: left; display: block; }
#boutique .liste .item .prix{ width: 80px; margin: 10px 0 0 0; float: left; display: block; }
#boutique .liste .item .prix strong{ color: #b85000; font-size: 11px; margin: 0 0 2px 0; display: block; } #boutique .liste .item .prix strong span{ font-size: 10px; font-weight: normal; }
#boutique .liste .item .prix label{ font-size: 11px; width: 25px; margin: 3px 0 0 0; float: left; display: block; } #boutique .liste .item .prix input{ border: #888802 1px solid; width: 30px; }
#boutique .liste .item .prix input.Bouton{ font-size: 11px; border: 0px; background: url(Gx/09/btnAcheter.gif) no-repeat 0px 2px; width: 58px; height: 19px; }

#boutique .panier .sommaire{ color: #888802; width: 265px; margin: 10px 70px 0 0; float: right; display: block; }
#boutique .panier .sommaire .item{ border-right: #cccc92 1px solid; background: url(Gx/09/panier.gif) no-repeat 0px 0px; width: 120px; padding: 0 0 0 44px; margin: 0 0 5px 0; float: left; display: block; }
#boutique .panier .sommaire .item a, #boutique .panier .sommaire .item a:link, #boutique .panier .sommaire .item a:visited, #boutique .panier .sommaire .item a:hover{ color: #888802; text-decoration: none; }
#boutique .panier .sommaire .total{ text-align: right;  width: 100px; margin: 0 0 5px 0; float: left; display: block; }
#boutique .panier .sommaire .bouton{ text-align: center; border-top: #cccc92 1px solid; padding: 5px 0 0 0; }
#boutique .panier .sommaire .bouton a, #boutique .panier .sommaire .bouton a:link, #boutique .panier .sommaire .bouton a:visited, #boutique .panier .sommaire .bouton a:hover{ color: #888802; font-size: 12px; text-decoration: none; background: url(Gx/09/btnCommande.gif) no-repeat 0px 0px; width: 147px; padding: 4px 0 4px 0; margin: auto; display: block; }

#boutique .panier .detail table{ width: 520px; }
#boutique .panier .detail th{ font-size: 12px; border-bottom: #c3c380 1px solid; }
#boutique .panier .detail th.achats{ font-size: 14px; width: 260px; } #boutique .panier .detail th.qte{ text-align: center; width: 70px; } #boutique .panier .detail th.supprimer{ width: 50px; } #boutique .panier .detail th.prix{ width: 70px; }
#boutique .panier .detail td{ border-bottom: #c3c380 1px solid; padding: 5px 0 5px 0; }
#boutique .panier .detail td.qte{ text-align: center; } #boutique .panier .detail td.prix{ text-align: right; }
#boutique .panier .detail td.supprimer{ color: #888802; text-align: right; }
#boutique .panier .detail td.supprimer a, #boutique .panier .detail td.supprimer a:link, #boutique .panier .detail td.supprimer a:visited{ color: #888802; font-size: 11px; }
#boutique .panier .detail td.supprimer a:hover{ color: #382d24; text-decoration: none; }
#boutique .panier .detail span{ font-size: 10px; }
#boutique .panier .detail input{ width: 30px; }
#boutique .panier .detail td.total{ font-weight: bold; text-align: right; } #boutique .panier .detail td.vide{ border: 0px; padding: 5px 0 0 0; }
#boutique .panier .detail .retour{ width: 148px; float: left; display: block; }
#boutique .panier .detail .retour a, #boutique .panier .detail .retour a:link, #boutique .panier .detail .retour a:visited, #boutique .panier .detail .retour a:hover{ color: #888802; text-decoration: none; text-align: center; background: url(Gx/09/btnRetour.gif) no-repeat 0px 0px; width: 133px; height: 23px; padding: 3px 0 0 15px; margin: auto; display: block; }
#boutique .panier .detail .commande{ width: 147px; float: right; display: block; }
#boutique .panier .detail .commande a, #boutique .panier .detail .commande a:link, #boutique .panier .detail .commande a:visited, #boutique .panier .detail .commande a:hover{ color: #888802; font-size: 12px; text-decoration: none; text-align: center; background: url(Gx/09/btnCommande.gif) no-repeat 0px 0px; width: 147px; padding: 4px 0 4px 0; margin: auto; display: block; }

#boutique .commande h2{ color: #382d24; font-size: 16px; margin: 0 0 10px 0; }
#boutique .commande .champsgauche{ width: 280px; float: left; display: block; }
#boutique .commande .champsdroite{ width: 220px; float: left; display: block; }
#boutique .commande .champsgauche div, #boutique .commande .champsdroite div{ float: left; display: block; }
#boutique .commande .province{ width: 160px; } #boutique .commande .codep{ width: 60px; }
#boutique .commande .ville{ width: 240px; } #boutique .commande .fleche{ width: 40px; }
#boutique .commande .date{ width: 120px; } #boutique .commande .code{ width: 100px; }
#boutique .commande label{ font-size: 12px; font-weight: bold; display: block; }
#boutique .commande input.Input{ border: #c3c380 1px solid; width: 220px; margin: 0 0 10px 0; }
#boutique .commande select{ font-size: 11px; width: 150px; border: #c3c380 1px solid; }
#boutique .commande .codep input.Input{ width: 60px; }
#boutique .commande input.Bouton{ color: #888802; font-size: 12px; text-decoration: none; text-align: center; border: 0px; background: url(Gx/09/btnCommande.gif) no-repeat 0px 0px; width: 147px; height: 25px; }
#boutique .commande input.Regler{ color: #888802; font-size: 12px; text-decoration: none; text-align: center; border: 0px; background: url(Gx/09/btnRegler.gif) no-repeat 0px 0px; width: 88px; height: 25px; }
#boutique .commande .mois{ color: #888802; font-size: 10px; text-align: center; width: 40px; margin: 0 8px 0 0; float: left; display: block; }
#boutique .commande .annee{ color: #888802; font-size: 10px; text-align: center; width: 50px; float: left; display: block; }