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

body {
background-image : url(images/cigale.gif); background-attachment:fixed ;
margin: 0;
padding: 0;
text-align : left;
font-family : "Comic Sans Ms";
font-size : 13px;
color : #411B08;
}

.cadre {
background-color :#FFCC00;
text-align : left;
width : 705px ;
height : auto ;
margin-left : auto;
margin-right : auto;
margin-top : 5%;
border : 3px solid #804000;
}

.haut {
width : 675px ; 
height : 251px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
background-image : url(images/bghaut.jpg) ; background-repeat:no-repeat;
border-top : 1px solid #FFCC00;}
 
.entete {
background-color :transparent;
margin-top : 50px ;
text-align: center ;
font-size : 36px ;
font-weight : bold;
color : #FFCC00;
}

.centre {
width : 675px ;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
text-align : left; 
background : transparent;
}
 
.bas {
width : 705px ; 
height : 215px ;
background : transparent;
overflow : hidden
}
 
.gauche {
float : left ;  
background : transparent;
width : 160px;
text-align : left;
line-height : 12px ;
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
overflow : hidden}

.droite {
float : left ;  
background-color : transparent;
width : 480px;
margin-left : 15px;
margin-top : 10px; 
padding-bottom : 100px}


.haut_droite {
width :352px;
background-color :transparent; 
float : left; 
margin-left : 0; 
overflow : hidden} 

h3 {
margin : 10px 0 0 0 ;
padding : 0 ;
color : #4B3D40 ;
font-size : 14px ; }
 
h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0;
color : #804000 ;
font-size : 14px ;
letter-spacing : 2px ;
border-bottom : 2px dotted #411B08 ; padding-bottom : 5px ;
text-transform : uppercase ; }

h1 {
font-size : 14px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0 ;
color : #804000 ;
letter-spacing : 2px ;
text-transform : uppercase ;
border-bottom : 2px dotted #411B08 ; padding-bottom : 5px ;}

 
 /* LISTE */ 
 
ul, li {
margin : 0;
margin-left: 5px;
padding : 0 ;
color : #4B3D40 ;
list-style : none ;
line-height : 15px;}

 
 /* MENU */

.menu {
text-align: left;
background-color :transparent; 
color :#fff ; 
font-weight : bold;
margin-top : 236px;
margin-left :10px;
font-size : 12px; 
overflow : hidden}
html>body .menu { margin-left :10px;  }
 
.menu li{
float : left ;
margin-left : 0 ;
padding-top : 0 ;}
  
.menu li a {
color : #fff; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;}

.menu li a:hover {
color : #FFCC00; 
text-decoration : none }


li.menu-e a{
text-decoration : none ;
color : #fff ;
background : url(images/ul_white.jpg) right bottom repeat-y;  
padding-right : 5px ;  
padding-left : 5px ;}

li.menu-e a:hover {
color : #FFCC00 ;
text-decoration : none }


 /* TABLEAU */


table {
text-align : center ;
border-style : none;}


table.visible {
width : 80% ;
border-width : 1px;  
border-style : solid;
border-color : #411B08;
border-collapse : collapse;
font-size: 13px;
font-weight : bold ; 
color: #4B3D40;}

td.visible {
border-style:solid; 
border-width:1px; 
border-color: #411B08;}




.logo {
float : left ; 
margin-top : 20px ; 
margin-right : 10px ;
width : 115px ;
height : 115px ;}


/* IMAGES A DROITE */

.img_droite {float : right; 
margin-top : 10px ;
border : 1px solid #CA2005 }


.img_puce {
vertical-align : middle;}


.img {
text-align : center;
border : 1px solid #CA2005; }


.photo_droite {float : right; 
margin-top : 10px ;
width : 220px ;
height : 160px ;
border : 1px solid #CA2005 }


.photo_gauche {float : left; 
margin-top : 10px ;
margin-right : 20px ;
width : 220px ;
height : 160px ;
border : 1px solid #CA2005 }


.photo_centre {float : none; 
margin-top : 10px ;
width : 160px ;
height : 220px ;
border : 1px solid #CA2005 }



 /* PARAGRAPHES */

p {margin : 3px 15px 0 0 ; padding : 0}

.avecpuce {
margin : 10px 15px 0 0 ; 
padding : 0 ; 
text-indent : 15px ;   
background :  url(images/ul.jpg) left top no-repeat;}


.titre {margin : 10px 25px 0 5px ; border-bottom : 1px dotted #4B3D40 ; padding-bottom : 5px}
.titre2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted #4B3D40 ;  padding-bottom : 5px}
.texte {margin : 5px 25px 0 5px ; font-size : 11px ;}
.texte2 {margin : 0 25px 0 5px ; font-size : 11px ;}
.gras {color : #411B08; font-weight : bold ;}
.gras_couleur {color : #4B3D40; font-weight : bold ;}
.legende_photo {color : #4B3D40; font-weight : bold; margin-top : 60px ; margin-left : 30px ;}
.commentaire {text-align : left; }

.signature { 
margin :0 30px 0 0; 
color : #4B3D40 ;
font-size : 11px ;
font-weight : bold ;
text-align : right; }


.copy {
border : 0; 
margin-right : 5px}



 /* SEPARATEURS */

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


.barre {text-decoration: line-through ; }


 /* LIENS */

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

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

a.classe1{
color : #4B3D40; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.classe1 {
color : #B71F07; 
text-decoration : none; }

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

a:hover.classe2 {
color : #B71F07; 
text-decoration : none ; }

a.classe3 {
color : #4B3D40; 
text-decoration : underline ; 
text-transform : uppercase ; 
font-size : 9px ; }

a:hover.classe3 {
color : #B71F07; 
text-decoration :none; }

a.classe4 {
color : #411B08;
text-decoration : none ; 
text-transform : none ; 
font-size : 11px ;
font-weight : normal ; }

a:hover.classe4 {
color :#B71F07; 
text-decoration : none ;}