/* CSS Document */
body {
 text-align:left;
 color:#036;
 margin-top:10;
 padding-left:30px;
 height: 100%;
 width: 100%;
}
span.title{
 background-image:url(images/carre_h5.gif);
 background-repeat:no-repeat;
 background-position:0 5px;
 font:normal normal 11px arial;
 padding-left:16px;
 display:inline;
 width:100%;
 text-align: left;
 font-weight:bold;
 text-align:left;
 float:left;
}
span.title2{
 background-repeat:no-repeat;
 font:normal normal 11px arial;
 display:inline;
 width:100%;
 text-align: center;
 font-weight:bold;
 text-align:center;
 float:left;
}
span {
 display:block;
 padding:0px 4px;
 font:11px verdana;
 text-align:justify;
}
td {
 font:10px verdana;
}
#Cadre {
 margin: 0 auto;
 text-align: center;
 width: 800px;
}
span.note {
 display:block;
 padding:5px 4px;
 font:10px verdana;
 text-align:justify;
 color:#036;
 font-weight:bold;height:50;
}
span.note strong{
 color:#07c;
}

a:link,a:visited{
 font:10px verdana,arial;
 color:#52A4ED;
 text-decoration:none;
 font-weight:bold;
 }
a:hover{
 font:10px verdana,arial;
 color:#07C;
 text-decoration:none;
 font-weight:bold;
 }
a.partenaire,a.partenaire:link,a.partenaire:visited {

 background-image:url(images/partenaires.gif);
 background-position: top center;
 background-repeat:no-repeat;
 text-align:center;
 color:#131313;
 padding-top:30px;
 font: normal 11px verdana;
}
a.contact,a.contact:link,a.contact:visited {

 background-image:url(images/contact.gif);
 background-position: top center;
 background-repeat:no-repeat;
 text-align:center;
 color:#131313;
 font: normal 11px verdana;
 padding-top:30px;
}

div#ban{
/* background-image:   url(images/logo.gif);*/
 background-repeat:no-repeat;
 height:50px;
 width:100%;
 background-color:#fff;
 text-align:left;
}
div#menu{
 background-image:   url(images/fondban.gif);
 background-repeat:no-repeat;
 height:50px;
 width:100%;
 background-color:#B3D6F7;
}
div#nav{
 float:left;
 width:50%;
 padding-top:26px;
}
div#nav ul.navig{
 display:inline;
}
div#part_cont{
 float:right;
 padding-right:5px;
 text-align:left;
 padding-top:29px;
}

div#nav ul.navig li{
 float: left;
 list-style-type:none;
 
 border:1px solid  #36c;
 width:auto;
}
div#nav ul.navig li.space{
 list-style-type:none;
 display:block;
 width:7px;
 background-color:none;
 border:none;
}
#nav a ,#nav a:link ,#nav a:visited {
 float: left;
 display: block;
 color: #000;
 text-decoration: none;
 padding-left:10px;
 padding-right:10px;
 padding-top:4px;
 padding-bottom:4px;
 background-color:#fff;
 font-family:arial;
 font-size:12px;
 font-weight:bold;
}
#nav a:hover {
 background-color:#fdcf34;
 color:#006;
}
#nav a.active ,#nav a.active:link ,#nav a.active:visited,#nav a.active:hover {
 background-color:#fdcf34;
 color:#006;
}

div#contenu {
 background-image:url(images/fond-contenu.gif);
 background-position:top left;
 background-repeat:no-repeat;
 height:410px;
 padding:20px 0 0 0;
 width:100%;
}
div#contenu div.space {
 float:left;
 height:9px;
 font-size:1px;
 width:10px;
    
 }

div.decalage{
 display:block;
 padding-bottom:8px;
 position:relative;
 top:-10px;
 z-index:10;
 font: bold 16px verdana;
 color:#036;
 line-height:90%;
 width:auto;

 filter: shadow(color=#C0C0C0, direction=135); 
}

div.cadre_gauche {
 float:left;
 width:470px;
 
 }
div.cadre_gauche div.haut {
 background-image:url(images/cadre_droit_haut.gif);
 background-repeat:no-repeat;
 width:470px;
 height:18px;
 font-size:1px;
 }
div.cadre_gauche div.contenu {
 text-align:left;
 float:left;
 width:100%;
 background-color:#ffffff;
 border-left: #B3D6F7 solid 1px;
 border-right: #B3D6F7 solid 1px;
 border-bottom: #B3D6F7 solid 1px;
 }
 
div.cadre_droit {
 float:right;
 width:318px;
 height:100%;
 }
div.cadre_droit div.haut {
 background-image:url(images/cadre_gauche_haut.gif);
 background-repeat:no-repeat;
 width:318px;
 height:18px;
 font-size:1px;
 }
div.cadre_droit div.contenu {
 text-align:left;
 float:left;
 width:100%;
 background-color:#ffffff;
 border-left: #B3D6F7 solid 1px;
 border-right: #B3D6F7 solid 1px;
 border-bottom: #B3D6F7 solid 1px;
 }

div.link-area {
text-align:left top;
}

div.link-area div {
 text-align:left top;
 float:left;
 width:25%;
}

div.link-area div  a:link,div.link-area div a:visited{
 color:#888;
 font-weight:normal;
 background-image:url(images/puce_link.gif);
 padding-left:12px;
 background-repeat:no-repeat;
 background-position:0px 3px;
 text-align:left;
 float:left;
}
div.link-area div a:hover{
 color:#036;
}
div.footer {
 float:left;
 width:100%;
 text-align:right;
}