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-color : #568854;


}

	.hidden {
	   display: none;
	 
	}

	.visible {
	   display: inline;
		  
	}

.trombinosc {

		float:left;
		width:112px;
		height:160px; 
		background-color:#a8c6a7;
		border:1px green solid; 
		margin:4px;

}
.mail:hover {

color:#a8c6a7;

}
.cont {
background-color :#fff;
text-align : left;
width : 705px; 
margin-left : auto;
margin-right : auto;
margin-top : 10px;
height:100%;
border : 10px outset #507857;

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

.okjpg {
		position:relative;
		top:6px;
		left:16px;
		cursor:pointer;
		border:dashed 1px green}


* html .okjpg {
		top:5px;
		}

		
.haut {
width : 675px; 
height : 212px;
background-color :transparent;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
background-image : url(images/bghaut.jpg);
border-top : 1px solid #fff}
 
 
 .centre {
width : 675px;
margin-left : auto;
margin-right : auto;
text-align : left; 
background : transparent;
}
 
 
 
 .bas {
 width : 705px; 
height : 40px;
background : transparent;
overflow : hidden
}
 

.gauche {
float : left;  
background : #ececec;
width : 160px;

text-align : left; 
margin-left : 0px; 
margin-top : 10px;
padding-bottom : 20px; 
border-right : double 3px #9cb896; 
border-top : double 3px #9cb896; 
border-left : double 3px #9cb896; 
border-bottom : double 3px #9cb896; 
overflow : hidden}
html>body .gauche {   margin-left : 0px ;

}

 
.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 ; 
font-size : 12px; }
 

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

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



h1 {
font-size : 12px;  
margin : 20px 0 0 0;
padding : 0 0 10px 0; 
text-transform : uppercase;
background :  url(images/hr2.gif) left bottom repeat-x;}
 
 
 
 /* LISTE */ 
 
 ul, li {
 margin :0;
padding : 0; 
list-style : none;}

 
 
 /* MENU */

.menu {
text-align: left;
background-color :transparent; 
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
margin-top : 195px;
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;}

.menubastxt{
padding : 5px; 
color:white;

}

.menubastxt:hover{
background-color:#8CB78A;

}

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


li.menuexept a{

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

.menubas {
			width:100%;
			height:18px; 
			background-color: #517849;
			text-decoration : none;
			padding-top : 5px;
			border-bottom : solid 2px #d5e1d3; 
			border-top : solid 1px #fff; 
		}	
		
	

.rogneimg { background: url(img/fille1.jpg) no-repeat center center; width: 100px; height: 100px; }


.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 : 10px 25px 0 5px ; border-bottom : 1px dotted green; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted green ;  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 ; }

.tabtrombi {
		width:112px; 
		height:150px;
		background-color:#a8c6a7; 
		border:1px green solid; 
		margin:6px;

}

 /* LIENS */


a {
/*color : #92a996; */
text-decoration : none ; 
/*text-transform : uppercase ; */
font-size : 11px; }

a:hover {
/*
color :#fff; */
text-decoration : underline;

}



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

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

a.class2 {
color : #aaa; 
text-decoration : underline; 
text-transform : capitalize; 
font-size : 9px ; }

a:hover.class2 {
color : #4d594a;
text-decoration :none }

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 : #BCDF21; 
text-decoration : underline;  
}