html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #000;
background-color : #11568D;
background-image : url(../images/fond.gif);
background-repeat : no-repeat; 
}

.cont {
background-color :#333333;
text-align : left;
width : 738px ; 
margin-left : auto;
margin-right : auto;
height:100%;}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
width : 738px ; 
height : 203px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(../images/haut.gif)}
 
 
 .centre {
width : 738px ;

background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(../images/centre.gif);
 text-align : left; padding-bottom : 80px 
 border : solid 1px red;
     }
 
 
 
 .bas {width : 738px ; 
height : 92px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(../images/bas.gif);


}
 
 
.gauche {
float : left ;

width : 678px;
 text-align : left; 
 margin-left : 15px ; 
 margin-top :10px;
 color : #fff;
 /*border : solid 1px red;*/
 padding-bottom : 40px; overflow : hidden}
html>body .gauche {   margin-left : 30px ; margin-top : 0}
 

.gauche_oeil {
float : left ;

width : 697px;
 text-align : left; 
 margin-left : 11px ;
 margin-top :0px;
 margin-bottom : -5px;
 color : #fff;
/*border : solid 1px red;*/
 /*padding-bottom : 40px;*/
 overflow : auto;
 	/*background-attachment:fixed;   */
        height:520px!important;
        background-image: url('../doc/oeil3.jpg');
        background-repeat: repeat-y;
         background-position: top center;
 }
html>body .gauche_oeil{   margin-left : 22px ; margin-top : 0}



 .gauche_fan {
float : left ;

width : 697px;
 text-align : left; 
 margin-left : 11px ;
 margin-top :0px;
 margin-bottom : -5px;
 color : #fff;
/*border : solid 1px red;*/
 /*padding-bottom : 40px;*/
 overflow : auto;
 	/*background-attachment:fixed;    */
        height:435px!important;
        background-image: url('../images/fan.jpg');
        background-repeat: repeat-y;
         background-position: top right;
 }
html>body .gauche_fan{   margin-left : 22px ; margin-top : 0}




 
 h3 {width : 178px;
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
background-color : transparent;
 background-image : url(../images/h3.gif);
 height : 31px; }
 
 h2 {
	width : 484px;
	padding : 5;
	font-size : 12px;
	background-color : transparent;
	background: url(../images/h2.gif) no-repeat;
	height : 31px;
	margin-top: 10px;
}



h1 {
font-size : 12px; 
color : #363E5E ; 
margin : 30px 0 0 0 ;
text-transform : uppercase ;}
 
 
 
 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}



#menu {
	width : 	680px;
	height : 27px;
	text-align: left;
	background-color :#FF1644;
	color :#fff;
	font-size : 14px;
	font-weight : bold;
	margin-left : auto;
	margin-right : auto;
	font-size : 13px;
	background : url(../images/menu.gif)  no-repeat;
	overflow : hidden;
	border: medium double #000000;
}

 #menu li{
 float : left ;
  margin-left : 10px ;
   padding-top : 5px ;
   padding-right : 15px;
  background : url(../images/boot.gif) right bottom no-repeat}





.sitelogo {padding-top : 10px; padding-left : 25px ; border : 0}
.logo {float : left ; margin-top : 20px ; margin-right : 10px }
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0 ; }
.delire {float : right ; margin: 7px 30px 0 0}


div.hr {float : left;
  height: 6px;
  background: #eee scroll center;
  margin : 5px 0 5px 0  ;
  padding : 0;   
  background : #fff url(../images/hr.gif) left top no-repeat;
  width : 250px;
}
div.hr hr {
  display: none;  padding :0; 
}

p {margin : 10px 35px 0 5px ; padding : 0}
.intro {width : 350px ; color : #000; margin : 0 15px 0 0px ; display : inline}


.top {margin : 10px 10px 0 10px ; border-bottom : 1px dotted #363E5E ; padding-bottom : 5px}
.top2 {margin : 20px 10px 0 10px ; border-bottom : 1px dotted #363E5E ; padding-bottom : 5px}


.notop {margin : 5px 10px 0 10px ;}
.notop2 {margin : 0 10px 0 5px ;}


.top_menu {margin-top : 13px ; display : block}

.signature { margin : 45px 0 0 40px; color : #366A2D}
.pboot {
margin : 10px 15px 0 5px ; 
padding : 0 ; 
text-indent : 15px ;   
background :  url(../images/pboot.gif) left top no-repeat;}

.spacer {
clear : both; 
height : 13px ; 
margin-top : -10px}


.spacer2 {
clear : both; 
height : 13px ;}


#menu a {
color : #fff; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

#menu a:hover {
color : #cccccc;
text-decoration : none ;}



#menu a.class1 {
color : #363E5E; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

#menu a:hover.class1 {
color : #363E5E; 
text-decoration : none ; }

#menu a.class2 {
color : #363E5E; 
text-decoration : underline ; text-transform : uppercase ; font-size : 9px ; }

#menu a:hover.class2 {
color : #363E5E; 
text-decoration : underline}


#menu a.class3{
color : #363E5E; 
text-decoration : underline ; font-size : 9px ;}

#menu a:hover.class3 {
color : #363E5E; 
text-decoration : underline;  
}

#menu a.index_actif {
color : #FFF; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 15px; font-weight : bold ; margin-left : 0}
html>body a.index_actif {margin-left : 5px}

#menu a:hover.index_actif  {
color : #FFF; 
text-decoration : none ; }


#menu a.actif {
color : #000; 
text-decoration : none ;
text-transform : uppercase ; 
font-size : 11px; font-weight : bold ; }




#menu a:hover.actif  {
color : #000; 
text-decoration : none ; }



a.lien_simple {
color : #fff;
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.lien_simple {
color : #999;
text-decoration : none ;}


a.lien_groupe {
color : #fff;
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.lien_groupe {
color : #999;
text-decoration : none ;}

a.telecharger {
color : #999;
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.telecharger {
color : red;
text-decoration : none ;}


.class1 {
	color : #363E5E;
	text-decoration : none;
	text-transform : uppercase;
	font-size : 11px;
	font-weight : bold;
	text-align: center;
}

.description_mp3 {
  color : #999;
  font-size : 12px; font-weight : bold
  }