/* ////////////////global//////////////// */

body,td,th, div{
   color:#000000;
   font:11px Verdana, Arial, Helvetica, sans-serif;
   line-height:120%;
}
body {
   background-color: #E2EEF3;
   background-image:url(IMG/squelettes/bgBody.gif);
   background-repeat:repeat-x;
   margin: 0;
   padding:0;
}
a {
   color:#336666;
   text-decoration:underline;
}
a:hover {
   color:#336699;
   text-decoration:underline;
}
h1 {
   color:#990000;
   font-size: 18px;
   font-weight: bold;
   padding:20px 0px 20px 0px;
   margin:0;
}
h2 {
   color:#990000;
   font-size: 16px;
   font-weight: bold;
   font-family:Arial;
}
h3 {
   color:#990000;
   font-size: 14px;
   font-weight: bold;
}
p{
   padding-bottom:10px;
   margin:0;
   }
.cleaner{
   clear:both;
   line-height:1px;
}


/* ////////////////structure de la page//////////////// */

#all{
   width:800px;
   background-color:transparent;
}

#header{
   height:142px;
   background-image:url(IMG/squelettes/bgBando.jpg);
   background-repeat:no-repeat;
}

#header #logo{
   float:right;
   background-color:transparent;
}
#container{
   float:left;
   background-color:#E1E1E1;
   width:800px;
   background-image:url(IMG/squelettes/bgCorps.gif);
   background-repeat:repeat-y;
}
#container2{
   float:left;
   background-color:transparent;
   width:800px;
   background-image:url(IMG/squelettes/menuBottom.jpg);
   background-repeat:no-repeat;
   background-position:left bottom;
}
#left{
   width:200px;
   float:left;
   text-align:right;
}
#right{
   width:560px;
   margin:0 0 20px 20px;
   float:left;
   text-align:left;
   background:transparent;
}
#right #flash{
   background-image:url(IMG/squelettes/flash.jpg);
   background-position:center;
   background-repeat:no-repeat;
   text-align:center;
   height:250px;
}
#right #presentation{
   margin-top:20px;
   text-align:justify;
}
#right #presentation p.spip span.spip_documents_left{
   margin: 0 15px 0 0;
}

#right #presentation p.spip{
   margin: 0 0 10px 0;
}
#right #presentation strong.spip{
   color:#006699;
   font-weight: bold;
}
#right #imgText{
   float:right;
   margin-left:15px;
   margin-bottom:5px;
}
#right #imgText a img{
   border:1px solid #CCCCCC;
}
#right #imgText a:hover img{
   border:1px solid #6699CC;
}
#right .cateDetail ul.listeArticle{
   color:#990000;
   font-weight: bold;
}
#right .cateDetail ul.listeArticle li a{
   text-decoration:none;
}
#footer{
   width:100%;
   height:59px;
   background-image:url(IMG/squelettes/bgFooter.gif);
   background-repeat:repeat-x;
}
#Coordonees{
   text-align:center;
   padding:20px;
}
/* ///////////////menu haut///////////////*/

#header #menuHaut{
   margin:24px 20px 0px 0px;
   float:right;
   text-align:left;
   background-color:transparent;
}
#header #menuHaut ul{
   padding:0 0 0 40px;
   margin:0;
}
#header #menuHaut ul li{
   list-style: none;
   float:left;
   margin:0px 0px 0px 45px;
}
#header #menuHaut a{
   font:12px Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#FFFFFF;
   text-transform:uppercase;
}
#header #menuHaut a:hover{
   font:12px Verdana,Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#66CCFF;
   text-transform:uppercase;
}
#header img{
   border:0;
}
/* ////////////////menu gauche//////////////// */
#menuGaucheTop{
   background-image:url(IMG/squelettes/menuTop.jpg);
   background-repeat:no-repeat;
   height:50px;
}
#left ul{
   padding:0;
   margin:0 20px 50px 20px;;
   list-style:none;
}
#left ul li{
   padding:5px 0 5px 0;
   margin:0;
   background-image:url(IMG/squelettes/carreH.gif);
   background-repeat:repeat-x;
   background-position:bottom;
}
#left ul li img{
   border:0;
   vertical-align:middle;
   float:right;
}
#left ul li a{
   display: block;
   width:140px;
   line-height:150%;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:#004566;
   background-image: url(IMG/squelettes/menuItem.gif);
   background-repeat:no-repeat;
   background-position:right;
   padding-right:20px;
}
#left ul li a:hover{
   color:#3F92BE;
}

/* ///////////fil d'arien/////// */

#filArien{
   background-color:transparent;
}


/* formulaire de contact */
.cateDetail{
background:none;
font-size: 12px;
text-align:justify;
}
.textRed{
color:#FF6600;
}
#contactR{
float:right;
width:340px;
}
#contactL{
float:left;
width:200px;
font-weight:bold;
text-align:right;
}
#contactL {
padding:3px;
}
#contactR {
padding:3px;
}
#contactR a{
width:70px;
padding:2px;
text-align:center;
text-decoration:none;
display:block;
font-weight:bold;
float: left;
margin-right:20px;
border: double #3E91C1;
}
#contactR a:hover{
width:70px;
padding:2px;
text-decoration:none;
text-align:center;
float: left;
margin-right:20px;
font-weight:bold;
display:block;
border: double #515151;
}
input {
color:#32586B;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
.TextField {
width:250px;
}

.radioField{
vertical-align:text-top;
}

textarea {
color:#666666;
font:10px Verdana, Arial, Helvetica, sans-serif;
width:250px;
height:100px;
}
select {
color:#666666;
font:10px Verdana, Arial, Helvetica, sans-serif;
width:255px;
}


/* ///////////others/////// */
.gras{
   font-weight:bold;
}
.bleu{
   color:#3E91C1;
}
.centrer{
   text-align:center;
}
strong.spip{
   font-weight:bold;
   color:#3E91C1;
}

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

/* thumbnail list */

  ul#thumbs, ul#thumbs li{
    margin:0;
    padding:0;
    list-style:none;
  }
  
  ul#thumbs li{
    float:left;
    margin-right:5px;
    border:1px solid #999;  
    padding:2px;
  }
  ul#thumbs a{
    display:block;
    float:left;
    width:160px;
    height:160px;
    line-height:100px;
    overflow:hidden;
    position:relative;
    z-index:1;    
  }
  ul#thumbs a img{
    float:left;
    position:absolute;
    top:-20px;
    left:-20px;
    border:none;
  }
  
  /* mouse over */
  
    ul#thumbs a:hover{
      overflow:visible;
      z-index:1000;
      border:none;    
    }
    ul#thumbs a:hover img{
      border:1px solid #999;  
      background:#fff;
      padding:2px;      
    }  
  
  /* // mouse over */

  /* clearing floats */
  
    ul#thumbs:after, li#thumbs:after{
      content:"."; 
      display:block; 
      height:0; 
      clear:both; 
      visibility:hidden;
      }
    ul#thumbs, li#thumbs{
      display:block;
      }
    /*  \*/
    ul#thumbs, li#thumbs{
      min-height:1%;
      }
    * html ul#thumbs, * html li#thumbs{
      height:1%;
      }  
  
  /* // clearing floats */

/* // thumbnail list */

#img_courant img{
	border:none;
}

