/* CSS GABARIT 2 COLONNES */

* {margin:0; padding:0; border: none; text-decoration: none; }

body {font-family: "Trebuchet MS"; padding: 15px 0 0 0; font-size: 62.5%; text-align: center; color: #6d2366; }

/*h1 a {position: absolute; top: 100px; left: 0px; top: 0px; width: 200px; height: 90px; display:block; text-indent: -999em ;    }
h2 {margin: 5px 0 20px 20px;  font: normal 1.8em "Trebuchet MS"; color: #630001;*/
background: url(../images/fond/f-h2.jpg) left 3px no-repeat; padding: 0 0 0 15px;   }
 
h3 { margin: 15px 0 10px 20px;  font: normal 1.8em "Trebuchet MS"; color: #806b3c;   }
h4 { margin: 15px 0 10px 20px;  font: normal 1.7em "Trebuchet MS"; color: #806b3c;  }
h5 { margin: 15px 0 10px 20px;  font: normal 1.6em "Trebuchet MS"; color: #806b3c;  }

p {font: normal 1.1em;  margin: 10px 0 10px 0px; text-align:left }

input {	padding: 0 0 0 3px; }
textarea  {	padding:  4px; }

ul li {list-style: none; font: normal 1.1em;  margin: 10px 15px 10px 24px;   }

ul.puced li {list-style: none;  margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat;}

ul.radio li {float: left; }
ul.radio li input{margin: 0px 4px 0 0px; position:relative; top: 2px; left: 0px;   }
 
a img {border: none; text-decoration: none; }

a       {color: red; text-decoration: underline; font: normal 1.1em;}
a:hover {color: blue; text-decoration: underline;}





/*                       CONTENEURS GENERAUX                     */	
#intro {  width:912px;  height:146px; background: url(../images/bandeau/header_intermediaire.gif) left top no-repeat; margin:0 auto; position:relative;   }
#intro #changeSize {position:absolute; bottom:20px; right:0;}
	#intro #changeSize li {float:left; color:#999999; margin:5px;}
	#intro #changeSize li a {color:#999999; font-size:1.1em;}

#intro input {padding:0;}
#intro .inputSearch {font-size:1.2em; line-height:1.2em; margin:0; padding:2px 2px 0;}
#intro .valid { font-size:1.2em;}
#intro form.formatform.formatintro {margin:0; padding:0; position:absolute; width:auto; bottom:53px; right:0;} 
#intro form.formatform.formatintro label {display:none;} 
#intro .link-contact {position:absolute; bottom:0px; right:25px;}


#menu-left { width:190px;}
#content { margin: 0; padding:0; width:728px;  }
#contenu{ margin:0 auto}

#before{ width:912px; height:517px; margin:0 auto}

/*							Menu-left					*/
#accordion {margin:50px 0 0;}
#menu-left ul li { text-align:right; margin:2px 22px 2px 0}
#menu-left ul li a { color:#6d2366; font-size:1.4em; text-decoration:none}
#menu-left ul li a:hover { color:#e6432e; }
.toggler{ margin-top:15px}
.fauxtoggler{ margin-top:8px;}

.edito{ font-size:1.2em; width:96%; margin:15px auto; line-height:1.2em; clear:both}


#home-nav {text-align:left;}
	#home-nav li {width:167px; float:left; margin:0 19px 0 0; position:relative; z-index:5;}
		#home-nav .fourth {margin:0;}
		#home-nav span {display:block; padding:0 0 2px; border-bottom:9px solid;}
		#home-nav .second span {border-color:#98bf0e;}
		#home-nav .third span {border-color:#f6a800;}
		#home-nav .fourth span {border-color:#12c0e5;}
		#home-nav .first span {border-color:#f193bd;}
	#home-nav ul {background:url(../images/bgd_subNav.png) no-repeat left bottom; padding:20px 10px 20px; width:147px; position:absolute; top:34px; left:-9999em; z-index:5;}
	#home-nav .third ul {background-position:-217px bottom;}
	#home-nav .fourth ul {background-position:-434px bottom;}
	#home-nav .first ul {background-position:-651px bottom; width:167px;}
		#home-nav ul li {float:none; margin:0 0 5px; width:auto; background:url(../images/ico_navHome_li.png) no-repeat left 5px; padding:0 0 0 13px;}
		#home-nav li ul li span {border-bottom:none; font-size:0.95em;}
		#home-nav ul a {color:#56005e; font-size:1.2em; text-decoration:none; font-weight:bold; }
		#home-nav ul a:hover {color:#FFFFFF;}
	
	#home-nav li:hover ul, #home-nav li.sfhover ul {left:auto;}
	
#content-home {padding:27px 0 0; clear:both; width:680px; overflow:hidden; margin:0 auto;}
#slideshow-home {width:360px; float:left; position:relative; height:402px;}
	#slideshow-home li {position:absolute; margin:0; left:0; top:0;}
		#slideshow-home li span {position:absolute; margin:0; left:50px; color:#FFFFFF; font-size:24px;}
		#slideshow-home .slide01 span {left:160px; top:101px;}
		#slideshow-home .slide02 span {left:1px; top:281px;}
		#slideshow-home .slide03 span {left:150px; top:142px;}
		#slideshow-home .slide04 span {left:6px; top:132px;}
		#slideshow-home .slide05 span {left:28px; top:238px;}
		#slideshow-home .slide06 span {left:127px; top:189px;}
	#slideshow-home h3 {width:288px; height:73px; margin:0; position:absolute; right:1px; bottom:1px;}
	
#infos-home {text-align:left; width:302px; float:right;}	
	#infos-home ul {width:250px;}	
		#infos-home li {margin:0 0 20px;}	
		#infos-home .last {margin:0 0 30px; padding:20px 0 0;}	
	#infos-home p {padding:30px 0 0; color:#C9422F; font-size:1.4em; font-weight:bold; font-style:italic; font-family:"Times New Roman", Times, serif;}	
		#infos-home p a {color:#C9422F; text-decoration:none; display:block;}	
	
div.bloc01, div.bloc02, div.bloc03{ float:left; margin:0 11px; position:relative}
div.bloc01 #ssmenu01, div.bloc02 #ssmenu02, div.bloc03 #ssmenu03{ position:absolute; bottom:50px; width:100%; display:none}
div.bloc01 #ssmenu01 li, div.bloc02 #ssmenu02 li, div.bloc03 #ssmenu03 li{ text-align:left; margin-left:10px}
div.bloc01 #ssmenu01 li a, div.bloc02 #ssmenu02 li a, div.bloc03 #ssmenu03 li a{ font-weight:bold; color:#6d2366; font-size:1.1em; text-decoration:none}
div.bloc01 #ssmenu01 li a:hover, div.bloc02 #ssmenu02 li a:hover, div.bloc03 #ssmenu03 li a:hover{ color:#fff}
div.bloc01 #ssmenu01{ background-color:#97bf0d}
div.bloc02 #ssmenu02{ background-color:#f6a800}
div.bloc03 #ssmenu03{ background-color:#11c0e5}
div.bloc01 #ssmenu01 li{ background:url(../images/puce/puce01vert.gif) left 4px no-repeat; padding-left:10px}
div.bloc02 #ssmenu02 li{ background:url(../images/puce/puce01jaune.gif) left 4px no-repeat; padding-left:10px}
div.bloc03 #ssmenu03 li{ background:url(../images/puce/puce01bleu.gif) left 4px no-repeat; padding-left:10px}

form.formatform                  { width: 100%;  margin: 30px auto 15px auto; padding: 15px;  } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 0.8em arial; color: #7d7d7d;  } 
form.formatform  input, form.formatform  select, form.formatform  textarea          { border: 1px solid #c5a0c1;  }
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform input       { border: 1px solid #c5a0c1; font-size:1.2em; line-height:1.2em;}

form.formatform  input.valid{ border:1px solid #e6432e; background-color:#6d2366; color:#fff; font-weight:bold}
form.formatform  input.ok { border:1px solid #e6432e; background-color:#6d2366; color:#fff; width:2em; height:1.8em; line-height:1.2em; font-weight:bold; cursor:pointer; }
#content .formcontact p {overflow:hidden; display:inline-block;} 


/*                      FOOTER           */
			
#outro {  width:1000px; height: 57px; background: url(../images/fond/footer.jpg) no-repeat ; clear: both;     }

#outro p {  color: white; text-align: center;  padding: 16px 0 0 0   }
#outro p a{ color:  white; text-decoration: none; }
#outro p a:hover {text-decoration: underline; }


#footer {  width:935px; height: 57px; background: url(../images/fond/footer.jpg) no-repeat ; clear: both; margin:0 auto; }

#footer p {  color:#000; text-align: right;  padding: 9px 0 0 0; font-size:1.1em ; margin-right:45px  }
#footer p a{ color: #000; text-decoration: none;font-size:1.1em;   }
#footer p a:hover {text-decoration: underline; }


/*                        General styles                   */	


.lbleft { float: left; width: 140px; }
.input  {   border: 1px solid black; }
.bordered {border: 1px solid black; }
.noborder {border:none }
.clear {clear:both; display: none;  }
.kill {display: none;}
.fleft {float: left}
.fright {float: right; }
.center {text-align: center; }
.clear {clear:both; visibility: hidden }

.noborder {border: none}

.bita{text-align: center; font: bold italic 1.2em ;  margin: 15px auto 10px auto;  color: #8cafca;}


.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }

.full {width: 100%}

.button {text-align: center; margin: 10px 0 0 0px; clear: both; }
.button input{border: none }



/*                 Messages d erreurs                    */
.denied {color: red; font: normal 1.2em; margin: 10px 20px 20px 30px;   }

.denied ul li {padding: 0 25px 0 17px; 
background: url(../images/puce/pucerouge.gif) left 2px no-repeat; 
margin: 0 0 3px 0px; }