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

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 12px;
color : #000;
background : black url(image/bois.jpg) repeat top left;


}


.cont {
background-color :#fff;
text-align : left;
width : 700px ; 
margin-left : auto;
margin-right : auto;
margin-top : 2%;
height:100%;
border : 0px solid #070707;
}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
width : 700px ; 
height : 200px ;
background-color :transparent;
margin : 0;
background-image : url(image/bghaut3.jpg);
border-top : 0px solid #fff}
 
 .activites {
width : 700px ; 
height : 50px ;
background-color :transparent;
margin : 0;
border-top : 0px solid #fff}
 
 
 .centre {
width : 675px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
background : transparent;
}
 
 
 
 
 .bas {
 width : 700px ; 
height : 140px ;
background : transparent ;
background-image: url(image/bgbas.jpg) ;

overflow : hidden ;
}
 
 
.gauche {
float : left ;  
background : transparent;
width : 160px;
text-align : left; 
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
overflow : hidden}
html>body .gauche {   margin-left : 10px ; }
 
.gauche ul {
list-style-type: none; 
text-align: center;
padding: 0;
margin: 0;} 

.gauche ul li {
margin-top: 10px;} 


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


ul.leftlist { 
margin-left: 290px;
padding: 0; }
 

p.leftlist { 
margin-left: 280px;
padding: 0;
text-align: left; 
color: #070707 ; 
text-transform : uppercase ; 
font-size : 15px; 
font-weight : bold ;
}


p.rightlist { 
margin-left: 10px;
padding: 0;
text-align: left; 
color: #070707 ; 
text-transform : uppercase ; 
font-size : 15px; 
font-weight : bold ;
}


h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 16px; 
font-weight : bold ;
}
 
 
 
 
h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
background :  url(image/hr2.gif) left bottom repeat-x;
text-transform : uppercase ; }

.poussetop {margin : 20px 0 0 0 ;}
.poussedroit {text-align: right;}
.poussegauche {text-align: left;}

h1 {
font-size : 20px;  
margin : 20px 0 0 0 ;
padding : 0 0 5px 0; 
text-transform : none ;
text-align: right ;
color: #070707 ;
background :  url(image/hr2.gif) left bottom repeat-x;}
 
 
 
 
 
 
 
 




/* image  */

.imglettre { 
margin : 0 ;
padding: 0 ; 
border : none }

.imgtitre { 
margin : 0 ;
padding: 0 ; 
border : none }


.imglogo { 
margin : 20px 100px 20px 100px ;
padding: 0 ; 
border : none }


.imgmenu {
margin: 0px;
padding: 0px;
border: none;
}

.imgtitrehaut {
margin: 0 0 0 0;
padding: 0;
border: none;
}

.imgright{
float:right;
padding:2px;
border: 5px solid #6ea325;
margin-left:6px;
}
.imgleft{
float:left;
padding:2px ;
border: 4px solid #6ea325;
margin-right:6px;
}

.imgrightw{
float:right;
padding:2px;
border: none;
margin-left:6px;
}
.imgleftw{
float:left;
padding:2px;
border: none;
margin-right:6px;
}





 /* PARAGRAPHES */

p {margin : 3px 15px 0 0 ; padding : 0 ; text-align: justify; font-size : 12px;}

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

p.sucre { 
margin: 0;
padding: 0;
text-align: center; 
color: #070707 ; 
font-size : 20px; 
font-weight : bold ;
}

p.bureau { 
margin: 0;
padding: 0;
text-align: center; 
line-height:25px;
color: #bac5d9 ; 
font-size : 15px; 
font-weight : bold ;
}


.top {margin : 10px 25px 0 5px ; border-bottom : 1px dotted #b7ac44 ; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted #b7ac44 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 5px ;}
.notop2 {margin : 0 25px 0 5px ;}
.couleur {color : #bac5d9; font-weight : bold }
.poussedroit {text-align: right;}
.poussegauche {text-align: left;}
.poussex {text-align: right; margin-top: -15px;}
.poussemilieu {text-align: center; }


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

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

 /* SEPARATEURS */


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

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




 /* LIENS */


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

a:hover {
color :#000000; 
text-decoration : underline ;}



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

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

a.class2 {
color : #070707; 
text-decoration : underline ; 
text-transform : uppercase ; 
font-size : 8px ; }

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

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

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


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

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

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

a:hover.class6 {
color : #acc5d9; 
text-decoration : none ; }




 /* moi */




/* ---- menu ---- */



.haut ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
padding: 0;
margin: 0;
}

.menu li {
float: left;
}

.menu a {
margin: 0 ;
width: 110px;
height: 15px;
display: block;
text-align: center;
border: 0px solid #070707;
border-bottom: none;
border-top: none;
text-decoration: none;
color: #bac5da;
background: none;
}

.menu a:hover {
background: none;
border: 0px solid #070707;
border-bottom: none;
border-top: none;
color: black;
}

.menu a:active {
background: none;
border: 0px solid #070707;
border-bottom: none;
border-top: none;
color: black;
}