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

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #000;
background : #6EA325;
}

.cont {
background-color :#99FF99;
text-align : left;
width : 850px ; 
margin-left : auto;
margin-right : auto;
margin-top : 2px;
height:100%;
border : 10px solid #81D307;
}

html>body .cont {height : auto; min-height : 92%;  }


.haut {
width : 675px ;
height : 100px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
}

.gauche {
float : left ;  
background : ;
width : 180px;
text-align : left; 
margin-left : 5px ; 
margin-top : auto ;
padding-bottom : 100px; 
overflow : hidden;
text-decoration : underline; 
}
.droite {
float : left ;  
background-color : transparent;
width : 550px;
margin-left : 30px;
margin-top : 2px; 
padding-bottom : 100px;
height : 100%;
} 
 
.centre {
width : 775px ;
height : 98%;
margin-top : 50px ;
text-align : left; 
background : transparent;
}
.centre_index {
width : 775px ;
margin-left : auto;
margin-right : auto;
text-align : center; 
background : transparent;
}
.bas {
width : 100% ; 
height : 50px ;
background : transparent;
}
 
 
li {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 list-style-type:circle ;
 padding-left:0px;
 list-style-position:outside;
} 
 

html>body .gauche {   margin-left : 0px ;}
 









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

 

.selection {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 18px;
text-align : left;
text-transform : uppercase ;
text-decoration : underline ; 
}

 
.legend_photo {
font-size : 8px; 
text-decoration : underline ;
font-weight : bold;
}
 

 
h4 {
margin : 20px 0 0 0 ;
padding : 0 ; 
font-size : 10px; 
text-decoration : underline ;
font-weight : bold;
}
 
 
 
h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 18px; 
text-decoration : underline ;
font-weight : bold;
}
 
 
 
 
 h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 18px;
text-align : center;
border: 2px solid green;
text-transform : uppercase ;
text-decoration : underline ; 
}



.poussetop {margin : 20px 0 0 0 ;}



h1 {
font-size : 30px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
text-transform : uppercase ;
text-decoration : underline ;
text-align : center;
}
 
 
 

 
 /* MENU */
ul#menu_pere 
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   170px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  border    :   1px solid #6EA325; /* Application d'une bordure */
  background-color : #6EA325;
}

ul#menu_pere li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#menu_pere li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   90px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #39C;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  background-color  :   red;           /* Définition de la couleur de fond */ 
  border            :   1px solid #6EA325; /* Ajout d'une bordure */	
  border-left-width :   30px;               /* Modification de la bordure gauche */
}		

ul#menu_enfant 
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   170px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  border    :   1px solid #6EA325; /* Application d'une bordure */ 
}

ul#menu_enfant li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#menu_enfant li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #39C;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  background-color  :   #00FF66;           /* Définition de la couleur de fond */ 
  border            :   1px solid #6EA325; /* Ajout d'une bordure */	
  border-left-width :   40px;               /* Modification de la bordure gauche */
}
		
.menu {
text-align: left;
 background-color :transparent; 
color : black ; 
font-size : 14px ; 
font-weight : bold;
margin-top : 236px;
margin-left :10px;
font-size : 12px; 
border: 1px solid red;
overflow : hidden}
html>body .menu { margin-left :10px;  }
 
 
 
.menu li{
 float : left ;
 margin-left : 0 ;
 padding-top : 0 ;
 }
  

.li_lulu {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 18px;
 color: black;
 list-style-type:none;
 background-image:url(/images/feuille_12.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;
} 

.menu li a {
color : #fff ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;}


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


li.menuexept a{
text-decoration : none ;  
background : url(images/ul.jpg) right bottom repeat-y;  
 padding-right : 5px ;  
 padding-left : 5px ;}
li.menuexept a:hover { 
text-decoration : none }



.logo {
float : left ; 
margin-top : 20px ; 
margin-right : 10px ;
border : 1px solid #81D307 }


/* IMAGES A DROITE */

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



 /* PARAGRAPHES */

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

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


.top {margin : 40px 25px 0 0px ; border-bottom : 1px solid #4B3D40 ; padding-bottom : 5px}
.top2 {margin : 20px 25px 0 25px ;border-bottom : 1px dotted #4B3D40 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 5px ;}
.notop2 {margin : 0 25px 0 5px ;}
.couleur {color : #4B3D40; font-weight : bold }




.signature { 
margin :0 0 0 345px; 
color : #000 }
.copy {
border : 0; 
margin-right : 5px}

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

 /* SEPARATEURS */


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









 /* LIENS */


a {
color : #336633; 
text-decoration : none ; 
text-transform : uppercase ; 
 font-weight : bold}

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



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

a:hover.class1 {
color : #336633; 
text-decoration : none ; }

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

a:hover.class2 {
color : #4B3D40; 
text-decoration :underline }

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

a:hover.class3 {
color : #4B3D40; 
text-decoration : underline;  
}


a.class4{
color : #000; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.class4 {
color : #336633; 
text-decoration : underline; 
}

.pere{
color : black; 
text-transform : uppercase ;
text-decoration : underline ; 
text-decoration : bold ;
font-size : 14px; 
font-weight : bold;
margin-left:1px;
  
}

.enfant{
color : black; 
text-decoration : none ; 
text-transform : none ;  
font-size : 12px; 
font-weight : bold;
margin-left:10px;
}