/* CSS CH Lens partie boutique       */

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

body {font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
padding:  0;  font-size: 11px;  text-align: center;  color:#ddd;  background-color: #000}

h1 a {position: absolute; top: 100px; left: 0px; top: 0px; width: 280px; height: 130px; display:block; text-indent: -999em ;    }

h2 {margin: -10px 0 0px -1px;  font: normal 24px "Trebuchet MS"; color: #630001; height: 37px;  
background: url(../images/fond/f-h2.gif) left top no-repeat; padding: 20px 0 0 24px;   }
 
h3 { margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #000; text-decoration:underline   }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #dedbdb  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #dedbdb  }

p {font: normal 12px/15px arial;  margin: 0 0 0 0px;  text-align:left }

.ital p{ font-style:italic}

.format b, .format strong { color: #494949 }

input {	padding: 0 0 0 3px; color:#999; font-size:11px }        textarea  {	padding:  4px; }

ul li {list-style: none; font: normal 12px/15px arial;  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;   }

.format a       {color: #494949; text-decoration: underline; font: normal 11px arial; font-weight:bold}
.format a:hover {color: #494949; text-decoration: underline;}



/*                       CONTENEURS GENERAUX                     */	

#main { position: relative; margin: 0 auto; width: 1001px; text-align:left;  background: url(../images/fond/spread.jpg) left top repeat-y;  }

#intro {  width:1001px;  height:134px; background: url(../images/fond/header.jpg) left top no-repeat;   }

#content { margin: 0; padding:0;   overflow:auto;  }

div#colonne_gauche { float: left; width: 195px;  padding: 5px 5px 0px 5px     }

div#colonne_gauche #menu-left { background: url(../images/illustr/flamme.jpg) left bottom no-repeat; padding: 0 0 115px 0;    }


div#colonne_droite {  float: right;  width: 782px; margin: 0 ; padding: 5px 5px 10px 5px;    }

div#colonne_droite .format p{ margin: 10px 0; padding: 0px 35px 0px 10px; color: #fff    }



/*      Contact      */

form.contactform { border: 1px solid #535252; margin: 0 auto 10px;padding:10px; width: 66%;}
form.contactform input{ background-color: #9f9e9e; border: 1px solid #535252; color:#fff; width:250px  }
form.contactform select{ background-color: #9f9e9e; border: 1px solid #535252; color:#fff ; font-size:11px; width:255px }

form.contactform label {width:180px;}
textarea#comment {  margin: 4px 0 0 0px; background-color: #9f9e9e; border: 1px solid #535252}


.lbleft {float:left;  font: normal 11px verdana }

.buttons {text-align: center;  margin: 12px 0 10px 0px; }

.conformement { font: normal 10px arial; }

div#colonne_droite .format p.date {font: normal 12px verdana;  color: #404040}



/*                        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 }
.bold{ font-weight:bold}

.noborder {border: none}

div#colonne_droite .format p.bita{text-align: center; font:  italic normal 13px "Trebuchet MS" ;   margin: 15px auto 10px auto;   color: #535252}

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


/*                 Listes en générales                   */
.format li{ list-style-type:square; color:#fff; margin-top:0px; margin-bottom:0px}
.format li li{ list-style-type:circle; color:#fff;}
.format .list-num li{ list-style-type:decimal; color:#fff;}

/*                 Pages statiques                  */
.img-static{margin-right:10px; border:5px solid #000; margin-left:10px}




/*                 Messages d erreurs                    */

.denied {color: #313131; font: normal 12px arial; margin: 10px auto 20px auto;  width: 85%;  }

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


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

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

 
/*                PAGE MENTIONS            */

.adr{ float: left;     
padding: 10px;  height: 211px;
margin: 20px 0 10px 32px; width: 241px; }

.adr2 {float: left; height: 211px; 
padding: 10px; width: 241px; 
margin: 20px 20px 15px 150px ;}

.conforme{font: normal 10px arial; }

separa { float: left;    background: url(../images/illustr/separa.jpg) left top no-repeat; width: 236px; height: 179px; }

/*     LOGIN / LOGGED        */

div#menu-login {   }
div#menu-login form {margin: 0 ; padding: 4px 0 0 0      }
div#menu-login form p{margin: 0 0 7px 13px; padding: 0 0 0 0;    }
div#menu-login fieldset {margin: 0 ; padding: 0  }
div#menu-login legend {display: none;  }

div#menu-login label {display: block; float: left; width: 82px; font: normal 11px arial;  margin: 0 0 0 0px; padding: 0 0 0 0;  }
input.ch { border: 1px solid #949494; width: 99px; height: 14px;  }

p.validForm {text-align :right;  margin: 3px 12px 0 0px;}  p.validForm input{ position:relative; top: 0px; left: -14px; }

div#menu-login p.lien1{ text-align :right; margin: 0 14px 0 0px; padding: 0   }  div#menu-login p.lien1 a{ font: normal 10px arial;  color:#fff; text-decoration: underline;  }


div#menu-logged {   }
div#menu-logged ul { }
div#menu-logged p#bonjour{  }
div#menu-logged p#bonjour span { font: bold 12px arial;  }

div#menu-logged ul li {  text-align :right; padding: 0 5px 0 0;  }
div#menu-logged ul li a, div#menu-logged ul li a:hover{ color: #fff; text-decoration: none; font: normal 10px arial;  }
div#menu-logged ul li a:hover{ text-decoration:underline}

div#menu-logged a.deconnect { }


/* Home      */

#homeLeft  {  float: left; width: 547px; }

#homeRight {  float: right; width: 228px; margin: 10px 0 0 0px;  }

hr#separaHome { visibility: hidden; clear: both; height: 12px; }

p.intro {color: #fefefe; margin: 0 0 20px 0px; width: 515px; padding: 0 0 0 15px; }

div#bloc1      { width: 265px;  float: left;   } /* Bloc 1 */
div.bloc1-Top  { background: url(../images/fond/bloc1-Top.gif) left top no-repeat; width: 265px; height: 31px   }   
div.bloc1-Bot  { background: url(../images/fond/bloc1-Bot.gif) left bottom no-repeat;  width: 265px; height: 34px    }
div.bloc1-Bot p  { text-align:right}
div.bloc1-S     { background: url(../images/fond/bloc1-S.gif) left top repeat-y;  width: 265px; min-height: 123px; padding: 5px 0 5px 0; }
div#bloc1  p    { margin: 0px;   padding: 0 15px;  color: #fff;  }
div#bloc1  p.adresse    { margin: 10px 0 0 0px;  font: normal 13px verdana; }


div#bloc2     { width: 265px; float: left; margin: 0 0 0 16px;    }/* Bloc 2 */
div.bloc2-Top  { background: url(../images/fond/bloc2-Top.gif) left top no-repeat; width: 265px; height: 31px   }   
div.bloc2-Bot  { background: url(../images/fond/bloc2-Bot.gif) left bottom no-repeat;  width: 265px; height: 29px     }
div.bloc2-Bot p {  text-align :right;   } div.bloc2-Bot p a{ position:relative; top: 0px; left: -10px;  }
div.bloc2-S     { background: url(../images/fond/bloc2-S.gif) left top repeat-y;  width: 265px; min-height: 130px; padding: 5px 0 5px 0; }
div#bloc2  p    { margin: 0px;   padding: 0 15px;  color: #fff;  }
div#bloc2  p.adresse    { margin: 10px 0 0 0px;  font: normal 13px verdana; }


div#bloc3     { width: 263px; float: left; margin: 0 0 0 0px;    }/* Bloc 3 */
div.bloc3-Top  { background: url(../images/fond/bloc3-Top.gif) left top no-repeat; width: 263px; height: 30px   }   
div.bloc3-Bot  { background: url(../images/fond/bloc3-Bot.gif) left bottom no-repeat;  width: 263px; height: 32px     }
div.bloc3-Bot p {  text-align :right;   } 
div.bloc3-S     { background: url(../images/fond/bloc3-S.gif) left top repeat-y;  width: 263px; min-height: 92px; padding: 5px 0 5px 0; }
div#bloc3  p    { margin: 0px;   padding: 0 15px;  color: #fff;  }
div#bloc3  p.savoir    {  text-align :right;  }  div#bloc3  p.savoir a   {position:relative; top: 0px; left: -10px; }


div#bloc4     { width: 265px; float: left; margin: 0 0 0 16px;    } /* Bloc 4 */  
div.bloc4-Top  { background: url(../images/fond/bloc4-Top.gif) left top no-repeat; width: 265px; height: 48px   }   
div.bloc4-Bot  { background: url(../images/fond/bloc4-Bot.gif) left bottom no-repeat;  width: 265px; height: 24px     }
div.bloc4-Bot p {  text-align :right;   }  
div.bloc4-S     { background: url(../images/fond/bloc4-S.gif) left top repeat-y;  width: 265px; min-height: 116px; padding: 5px 0 5px 0; }
div#bloc4  p    { margin: 0px;   padding: 0 15px;  color: #fff;  }
div#bloc4  p.savoir    {  text-align :right;  }  div#bloc4  p.savoir a   {position:relative; top: 0px; left: -10px; }


div#bloc5     { width: 213px; float: left; margin: 0 0 0 10px;    } /* Bloc 5 */
div.bloc5-Top  { background: url(../images/fond/bloc5-Top.gif) left top no-repeat; width: 213px; height: 49px   }    
div.bloc5-Bot  { background: url(../images/fond/bloc5-Bot.gif) left bottom no-repeat;  width: 213px; height: 118px     }
div.bloc5-Bot p {  text-align :right;   } 
div.bloc5-S     { background: url(../images/fond/bloc5-S.gif) left top repeat-y;  width: 213px; min-height: 116px; padding: 5px 0 5px 0; }
div#bloc5  p    { margin: 0px;   padding: 0 15px;  color: #fff;  }
div.bloc3-Bot p a{ position:relative; top: 0px; left: -10px;  }


div#bloc6     { width: 213px; float: left; margin: 0 0 0 10px;    } /* Bloc 6 */
div.bloc6-Top  { background: url(../images/fond/bloc6-Top.gif) left top no-repeat; width: 213px; height: 31px   }     
div.bloc6-Bot  { background: url(../images/fond/bloc6-Bot.gif) left bottom no-repeat;  width: 213px; height: 29px     }
div.bloc6-Bot p {  text-align :right;   }  
div.bloc6-S     { background: url(../images/fond/bloc5-S.gif) left top repeat-y;  width: 213px; min-height: 93px; padding: 5px 0 5px 0; }

div.bloc6-S  ul  {  width: 193px; margin: 0 0 0 0px;   }
div.bloc6-S  ul li { background: url(../images/puce/carr.gif) left 3px no-repeat; padding: 0 0 0 20px; margin: 0 0 5px 25px;   }
div.bloc6-S  ul li a{ color: #fff; text-decoration: none;   }
div.bloc6-S  ul li a:hover{ color: #fff; text-decoration: underline;   }


div#bloc6  p    { margin: 0px;   padding: 0 15px;  color: #fff;  }
 


div.bloc1-Top h3, div.bloc2-Top h3, div.bloc3-Top h3, div.bloc4-Top h3, 
div.bloc5-Top h3, div#bloc6 h3 {text-indent: -5000px; width: 0px; height: 0px;  margin: 0   }



/*         Actus              */
.cadre{ border:1px solid #CCC; margin:15px; background-image:url(../images/fond/fond_cadre.gif); background-repeat:repeat-y; background-position:right; padding:10px}
.cadreM{ border:1px solid #CCC; background-image:url(../images/fond/fond_cadre.gif); background-repeat:repeat-y; background-position:right; }
.cadreL{ border:1px solid #CCC; margin-left:190px; background-image:url(../images/fond/fond_cadre.gif); background-repeat:repeat-y; background-position:right; padding:10px; width:300px}
.cadreL p{ text-align:right}

/*     FAQ         */
.faq a{ color:#000}
.faq p{ width:350px}
.faq label{ color:#000;}
.faq select{  width:200px; color:#666; font-size:11px}



/*   DOC   */
.doc{ width:60%; margin-left:150px; background-image:url(../images/fond/fond_cadre.gif); background-repeat:repeat-y;}
.doc td{ border-bottom:1px solid #888;}


.liste-word{ width:80%; margin:0 auto}
.liste-word td{ border-bottom:1px solid #ccc; height:25px; vertical-align:bottom}