/*general*/
/* Reset */
* {
margin: 0;
padding: 0;
border: 0;
}
body {
 		font-family:arial, sans serif;	
		height: 100%; 
		font-size:11px;	
		background-color:#ffffff;
		text-align:center;
		}


.border {border:1px solid blue;}
/* Les Gobales */
.hand {cursor:pointer;}
.overflow{overflow:hidden;}
  
		
  #global{
  		width:1040px;		
		margin-left:auto;
		margin-right:auto;
		text-align:left;					
		}
		


#header{float:left;margin-bottom:20px;}
#footer{text-align:center;color:#999;float:left;margin:20px 0px;width:990px;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.h1 {font-size:15px;}
.bold {font-weight:900;}


/* Mise en page */

#container{float:left;width:990px;}

#ombreG{background:url(../images/ombreG.gif) no-repeat top left;width:25px;float:left;height:600px;}
#ombreD{background:url(../images/ombreD.gif) no-repeat top left;width:25px;float:left;height:600px;}

#contenu {margin-left:0px;background-color: #ffffff;float:left;margin:0px 20px;}

#contenu .illustrations {float:left;overflow:hidden;}
#contenu .centre{float:left;width:950px;}
#contenu .texte{float:left;width:862px;}
#contenu .symbole{float:left;text-align:right;width:65px;}
#contenu .symbole img{margin:8px 23px 0px 0px;}

#contenu .encarts {margin-left:0px;float:left;clear:both;width:990px;}
#contenu .encarts .encart{margin-right:10px;float:left;width:310px;}
#contenu .encarts .encart a{overflow:hidden;}
#contenu .encarts #contact{margin:0px;float:left;}



/* Pied de page */
.espace p {margin:10px 0px 0px 20px;}
#space .identificationDroite{width:306px; border:none;} 
#space .identificationDroite a{color:#37404F} 
#space .identificationDroite #form3{min-height:60px;margin-top:10px;margin-left:10px;}
#space .identificationDroite #form3 label{clear:both;float:left;width:90px;margin:6px 0px 0px 0px;}
#space .identificationDroite #form3 input.int{float:left;width:160px;border:1px solid #786B65;margin:6px 0px 0px 0px;}
#space .identificationDroite #form3 img {margin:8px 0px 0px 5px;}

.contact p {margin:10px 0px 0px 20px;}
#message .identificationDroite{width:306px; border:0px solid #CDC0C2;} 
#message .identificationDroite #form2{min-height:60px;margin-top:8px;margin-left:12px;}
#message .identificationDroite #form2 input.int{float:left;width:220px;border:1px solid #786B65;margin:6px 0px 0px 0px;}
#message .identificationDroite #form2 img {margin:8px 0px 0px 5px;}

/* Gestion des modals */
.black_box, .grey_box  {position:absolute;background-color:#c7c8c8;opacity:0.8;left:0;top:0;z-index:100;width:100%;height:100%;display:none;}



/* Formulaire de Contact */


#flashintro {margin-left:23px;}

#boite {width:391px;position:absolute;display:none;z-index:101;color:#777777;}


#formulaire {width:391px;margin:auto;}
#formulaire .btn_close {background-color:#f1f2ed;float:right;margin:10px 12px 0px 0px;font-size:12px;font-weight:900;text-decoration:underline;}

#formulaire .identificationDroite{width:391px;background-color:#f1f2ed;} 
#formulaire .identificationDroite #form2{min-height:175px;margin-top:15px;}

#formulaire .identificationDroite #form2 label.radio {clear:none;float:left;width:28px;margin:0px 0px 0px 10px;}
#formulaire .identificationDroite #form2 input.radio{float:left;width:20px;margin:0px 0px 0px 0px !important;height:14px;border:0;}
#formulaire .identificationDroite #form2 label{clear:both;float:left;width:71px;margin:8px 0px 0px 43px;}
#formulaire .identificationDroite #form2 input.int{float:left;width:160px;margin:6px 0px 0px 0px;border:1px solid #4dad01;}
#formulaire .identificationDroite #form2 input.email {float:left;width:230px;margin:6px 0px 0px 0px;border:1px solid #4dad01;}
#formulaire .identificationDroite #form2 textarea{float:left;width:310px;margin:6px 0px 0px 43px !important;border:1px solid #4dad01;}
#formulaire .identificationDroite #form2 .valid {margin:8px 30px 0px 0px;border:0;}

/* Mentions légales */

#boite2 {width:391px;position:absolute;display:none;z-index:101;color:#37404f;}
#boite2 #mentions {width:391px;background-color:#e7e8e9;margin:0px auto;}
#boite2 #mentions .intover{height:454px;overflow-y : scroll;}
#boite2 #mentions p {margin:20px 10px 0px 15px;text-align:left;}
#boite2 #mentions li {margin:20px 10px 0px 15px;text-align:left;}
#boite2 #mentions ul {margin:20px 10px 0px 15px;text-align:left;}
#boite2 #mentions h2  {margin:20px 10px 0px 15px;padding-top:20px;}
#boite2 #mentions h3  {margin:20px 10px 0px 15px;}
#boite2 .fermer {margin:20px 20px 10px 0px;font-weight:900;text-decoration:underline;}

/* Votre espace */

#boite3 {width:391px;position:absolute;display:none;z-index:101;color:#37404f;}
#boite3 #espace {width:391px;background-color:#e7e8e9;margin:0px auto;}
#boite3 #espace p {margin:20px 10px 0px 15px;text-align:left;}
#boite3 #espace h2  {margin:20px 10px 0px 15px;padding-top:20px;}
#boite3 .fermer {margin:20px 20px 10px 0px;font-weight:900;text-decoration:underline;}

#contactForm div.error {display: none;}
#contactForm label.error {display: none;}
#contactForm div.errorMessage {text-align: center;}
#contactForm div.errorMessage span {color: #c3234b;}
#contactForm input.valid_ {margin:6px 0 0 !important;}
#contactForm input.error {border: 1px #c3234b dashed !important;}
#contactForm textarea.valid_ {margin:6px 0 0 !important;;}
#contactForm textarea.error {border: 1px #c3234b dashed !important;}