/* 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					*/
#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:25px;}

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

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; }




/*                        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; }