body {background-color:transparent;
margin:0px;
text-align: center;
}

div.page {background-color : transparent;
background-image : url(fonds/fondpage.png);
background-repeat : no-repeat;
margin-left: auto;
left : 0px;
top:0px;
position:absolute;
text-align:left;
width:992px;
height:860px;
}

div.fondpages {clip : rect(0px, 585px, 620px, 0px);
width : 575px;
height : 620px;
top : 210px;
left : 410px;
overflow : auto; 
position : absolute;
background-color : transparent;
}

div.rubrique {position : absolute;
width : 535px; 
height : 590px;
color : rgb(255,255,255);
font-family : helvetica, arial, verdana, sans-serif;
font-size : 10pt;
left : 10px;
top : 10px;
text-align : justify;
font-weight : normal;
z-index:110; 
}

div.menu {position : absolute;
z-index:120;
top : 162px;
left : 235px;
width : 730px;
height : 200px;
background-color : transparent;

}

#enveloppemenu {position : absolute;
top : 0px;
left : 0px;
}

div.menud {position : absolute;
z-index:110;
top : 170px;
left : 5px;
width : 200px;
height : 200px;
background-color : transparent;
}

#enveloppemenudroit {position : absolute;
top : 5px;
left : 5px;
}

div.menub {position:absolute;
z-index:120;
left: 0px;
top: 837px;
height: 20px;
width: 600px;
background-color : transparent;
}

div.menuh {position:absolute;
z-index:120;
left: 0px;
top: 137px;
height: 20px;
width: 986px;
background-color : transparent;
}

div.blocflottant1 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 0px;
width : 0px;
border : none;
visibility : hidden;
font-family:arial;
padding:4px;
background-image : url("fonds/imagemenu960001.jpg");
}

div.blocflottant2 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 0px;
width : 0px;
border : none;
visibility : hidden;
font-family:arial;
padding:4px;
background-image : url("fonds/imagemenu960002.jpg");
}

div.blocflottant3 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 0px;
width : 0px;
border : none;
visibility : hidden;
font-family:arial;
padding:4px;
background-image : url("fonds/imagemenu960003.jpg");
}

div.blocflottant4 {position:absolute;
z-index:200;
left: 0px;
top: 0px;
height: 0px;
width : 0px;
border : none;
visibility : hidden;
font-family:arial;
padding:4px;
background-image : url("fonds/imagemenu960004.jpg");
}

div.blocflottant5 {position:absolute;
z-index:200;
left: 890px;
top: 10px;
height: 20px;
width : 70px;
border : none;
visibility : visible;
font-family:arial;
padding:4px;
background-image : url("fonds/imagemenu960005.jpg");
}

div.actifMd {background-color: transparent;
border : none;
background-image : url();
margin-top : 8px;
z-index : 200;
text-align : left;
height : 20px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
}

span.actifMd {padding-left : 2px;
font-family : Arial, Verdana, sans-serif;
font-size : 11pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.actifMd:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}
a.actifMd:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}	
a.actifMd:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}

div.inactifMd {background-color: transparent;
border : none;
background-image : url();
margin-top : 8px;
z-index : 200;
text-align : left;
height : 20px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
}

span.inactifMd {padding-left: 2px;
font-family : Arial, Verdana, sans-serif;
font-size : 11pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.inactifMd:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}
a.inactifMd:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}
a.inactifMd:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}

div.survolMd {background-color: transparent;
border : none;
background-image : url();
margin-top : 8px;
z-index : 200;
text-align : left;
height : 20px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
}

span.survolMd {padding-left: 2px;
font-family : Arial, Verdana, sans-serif;
font-size : 11pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.survolMd:link {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(0,0,0);
}
a.survolMd:visited {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(0,0,0);
}
a.survolMd:hover {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(0,0,0);
}

div.actifM {background-color: transparent;
border : none;
background-image : url();
margin-top : 0px;
z-index : 200;
text-align : left;
height : 22px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
top : 0px;
position: absolute;
}

span.actifM {padding-left : 2px;
font-family : arial,verdana,sans-serif;
font-size : 9pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.actifM:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,204,151);
}
a.actifM:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,204,151);
}
a.actifM:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,204,151);
}

div.inactifM {background-color: transparent;
border : none;
background-image : url();
margin-top : 0px;
z-index : 200;
text-align : left;
height : 22px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
top : 0px;
position: absolute;
}

span.inactifM  {padding-left: 2px;
font-family : arial,verdana,sans-serif;
font-size : 9pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.inactifM:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,255,255);
}
a.inactifM:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,255,255);
}
a.inactifM:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,255,255);
}

div.survolM {background-color: transparent;
border : none;
background-image : url();
margin-top : 0px;
z-index : 200;
text-align : left;
height : 22px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
top : 0px;
position: absolute;
}

span.survolM {padding-left: 2px;
font-family : arial,verdana,sans-serif;
font-size : 9pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.survolM:link {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(255,204,151);
}
a.survolM:visited {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(255,204,151);
}
a.survolM:hover {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(255,204,151);
}

div.actifSMd {background-color: transparent;
border : none;
background-image : url();
margin-top : 8px;
z-index : 40;
text-align : left;
height : 20px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
}

span.actifSMd {padding-left : 5px;
margin-left : 2px;
font-family : Arial, Verdana, sans-serif;
font-size : 11pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.actifSMd:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}
a.actifSMd:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}	
a.actifSMd:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}

div.inactifSMd {background-color: transparent;
border : none;
background-image : url();
margin-top : 8px;
z-index : 200;
text-align : left;
height : 20px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
}

span.inactifSMd {padding-left : 5px;
margin-left : 2px;
font-family : Arial, Verdana, sans-serif;
font-size : 11pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.inactifSMd:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}
a.inactifSMd:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}
a.inactifSMd:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(0,0,0);
}


div.survolSMd {background-color: transparent;
border : none;
background-image : url();
margin-top : 8px;
z-index : 200;
text-align : left;
height : 20px;
width : 160px;
background-repeat : no-repeat;
background-position : center left;
}

span.survolSMd {padding-left : 5px;
margin-left : 2px;
font-family : Arial, Verdana, sans-serif;
font-size : 11pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.survolSMd:link {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(0,0,0);
}
a.survolSMd:visited {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(0,0,0);
}
a.survolSMd:hover {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(0,0,0);
}

div.actifSM {background-color: rgb(149,3,52);
border : none;
background-image : url();
margin-top : 0px;
border-top : solid 1px rgb(56,67,76);
z-index : 200;
text-align : left;
height : 18px;
width : 130px;
background-repeat : no-repeat;
background-position : center left;
}

span.actifSM {padding-left : 5px;
margin-left : 2px;
font-family : arial,verdana,sans-serif;
font-size : 8pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.actifSM:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,204,151);
}
a.actifSM:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,204,151);
}	
a.actifSM:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,204,151);
}


div.inactifSM {background-color: rgb(149,3,52);
border : none;
background-image : url();
margin-top : 0px;
border-top : solid 1px rgb(56,67,76);
z-index : 200;
text-align : left;
height : 18px;
width : 130px;
background-repeat : no-repeat;
background-position : center left;
}

span.inactifSM {padding-left : 5px;
margin-left : 2px;
font-family : arial,verdana,sans-serif;
font-size : 8pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.inactifSM:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,255,255);
}
a.inactifSM:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,255,255);
}
a.inactifSM:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color: rgb(255,255,255);
}

div.survolSM {background-color: rgb(149,3,52);
border : none;
background-image : url();
margin-top : 0px;
border-top : solid 1px rgb(56,67,76);
z-index : 200;
text-align : left;
height : 18px;
width : 130px;
background-repeat : no-repeat;
background-position : center left;
}

span.survolSM {padding-left : 5px;
margin-left : 2px;
font-family : arial,verdana,sans-serif;
font-size : 8pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.survolSM:link {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(255,204,151);
}
a.survolSM:visited {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(255,204,151);
}
a.survolSM:hover {text-decoration: none;
font-style: italic;
font-weight: bold;
color: rgb(255,204,151);
}


div.actifMh {text-align : left;
border : none;
position:absolute;
height: 20px;
background-image : url();
background-color : transparent;
top : 0px;
z-index:200;
text-align:left;
}

span.actifMh {padding-left : 5px;
font-family : arial,verdana,sans-serif;
font-size : 10pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.actifMh:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,204,151);
}
a.actifMh:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,204,151);
}
a.actifMh:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,204,151);
}


div.inactifMh  {text-align : left;
border : none;
position:absolute;
height: 20px;
background-image : url();
background-color : transparent;
top : 0px;
z-index:200;
text-align:left;
}

span.inactifMh {padding-left : 5px;
font-family : arial,verdana,sans-serif;
font-size : 10pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.inactifMh:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,255,255);
}
a.inactifMh:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,255,255);
}
a.inactifMh:hover  {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,255,255);
}

div.survolMh   {text-align : left;
border : none;
position:absolute;
height: 20px;
background-image : url();
background-color : transparent;
top : 0px;
z-index:200;
text-align:left;
}

span.survolMh {padding-left : 5px;
font-family : arial,verdana,sans-serif;
font-size : 10pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.survolMh:link {text-decoration: none;
font-style: italic;
font-weight: bold;
color:rgb(255,204,151);
}
a.survolMh:visited {text-decoration: none;
font-style: italic;
font-weight: bold;
color:rgb(255,204,151);
}
a.survolMh:hover  {text-decoration: none;
font-style: italic;
font-weight: bold;
color:rgb(255,204,151);
}

div.actifMb {text-align : left;
position:absolute;
border : none;
height: 20px;
background-image : url();
background-color : transparent;
top : 0px;
z-index:200;
}

span.actifMb {padding-left : 5px;
font-family : arial,verdana,sans-serif;
font-size : 10pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.actifMb:link {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,204,151);
}
a.actifMb:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,204,151);
}
a.actifMb:hover {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,204,151);
}

div.inactifMb  {text-align : left;
position:absolute;
border : none;
height: 20px;
background-image : url();
background-color : transparent;
top : 0px;
z-index:200;
}

span.inactifMb {padding-left : 5px;
font-family : arial,verdana,sans-serif;
font-size : 10pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.inactifMb:link  {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,255,255);
}
a.inactifMb:visited {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,255,255);
}
a.inactifMb:hover  {text-decoration: none;
font-style: normal;
font-weight: bold;
color:rgb(255,255,255);
}

div.survolMb   {text-align : left;
position:absolute;
border : none;
height: 20px;
background-image : url();
background-color : transparent;
top : 0px;
z-index:200;
}

span.survolMb {padding-left : 5px;
font-family : arial,verdana,sans-serif;
font-size : 10pt;
line-height : 20px;
cursor : pointer;
display : block;
}

a.survolMb:link {text-decoration: none;
font-style: italic;
font-weight: bold;
color:rgb(255,204,151);
}
a.survolMb:visited {text-decoration: none;
font-style: italic;
font-weight: bold;
color:rgb(255,204,151);
}
a.survolMb:hover  {text-decoration: none;
font-style: italic;
font-weight: bold;
color:rgb(255,204,151);
}


div.w3c {position:absolute;
width :88px;
height:31px;
top : 0px;
left : 0px;
visibility : hidden;
}

#inputrecherche  {height:16px;
width:135px;
border:0px;
background-color : #ffffff;
}

#recherche {position:absolute;
height:20px;
top : 837px;
left : 737px;
text-align:left;
margin-top: auto ;
margin-bottom:auto ;
width : 300px ;
/*width : 160px ; avec saut de ligne*/
visibility : visible;
z-index:200;
}

#spanrecherche  {font-size : 7pt;
font-weight : bold;
text-decoration : none;
font-family : Helvetica,Arial,sans-serif;
color : rgb(255,255,255);
}

a.recherche:link {text-decoration: underline; color:rgb(255,255,255);}
a.recherche:visited {text-decoration: underline; color:rgb(255,255,255);}
a.recherche:hover {text-decoration: none; color:rgb(255,255,255); font-style:italic;}

.text { color: rgb(255,255,255);
font-family : helvetica, arial, verdana, sans-serif;
font-size : 10pt;
font-weight : normal;
}

a:link {text-decoration: none; color : rgb(255,153,0);}
a:visited {text-decoration: none; color : rgb(255,153,0);}
a:hover {text-decoration: none; color :rgb(255,153,0);}


a.lang:link {text-decoration: none ; color:#7aa300;}
a.lang:visited {text-decoration: none ; color:#7aa300;}
a.lang:hover {text-decoration: none; color:#383c3a; font-style:italic;}

a.blanc:link {text-decoration: none ; color:#c0c0c0;}
a.blanc:visited {text-decoration: none ; color:#c0c0c0;}
a.blanc:hover {text-decoration: none; color:#abaf8e; font-style:italic;}

#mouline{visibility:hidden ;
top: 300px;
left:480px;
position:absolute;
height:30px;
width:30px;
z-index:400;
}