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 : #F3F2D5;
background-image : url(images/bg.jpg);
background-repeat : repeat-x; 
}

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


.haut {
width : 750px ; 
height : 248px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/haut.jpg)}
 
 
 .centre {
width : 750px ;
height : 776px;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/centre.jpg);
 text-align : left; }
html>body .centre {height : auto; min-height : 776px;  } 
 
 
 
 
 .bas {width : 750px ; 
height : 98px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(images/bas2.jpg)
}
 


.gauche {
float : left ;  
background-color : transparent;
width : 178px;
 text-align : left; 
 margin-left : 20px ; 
 padding-bottom : 150px;
 margin-top : 10px; 
 color : #4B8133 ;  
 background-image : url(images/basgauche.jpg) ; 
 background-position : bottom ; 
 background-repeat : no-repeat}
html>body .gauche {margin-left : 40px ; margin-top : 0}
 

.haut_gauche {
background-color : #fff;
width : 178px;
height : 40px;
padding-top : 10px;
} 
html>body .haut_gauche {height : 50px;}




.droite {
float : left ;  
background-color : transparent;
width : 490px;
margin-left : 10px;
color : #063559}


.haut_droite {
width : 360px; 
background-color : 
transparent; float : left}
 
 
 h3 {width : 178px;
margin : 10px 0 0 0 ;
padding:0;
padding-top:4px;
font-size : 12px;
background-color : transparent;
background-image : url(images/h3.jpg);
height : 31px;
text-align:center;
}
 
 h2 {width : 484px;
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
background-color : transparent;
 background: url(images/h2.jpg) no-repeat;
 height : 31px; }

h2.normal {font-size:14px; color:#009933; text-align:left; background:none;}


h1 {
font-size : 12px; 
color : #4B8133 ; 
margin : 25px 0 0 10px ;
text-transform : uppercase ;}
 
 
 
 
 
ul, li {
margin :0;
padding :0; 
list-style:none;
text-align:left;
padding-left:10px;
padding-top:10px;
}



#menu {
width : 678px ;
height : 31px;
text-align: left;
 background-color :transparent; 
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
margin-left : auto;
margin-right : auto;
font-size : 13px;
padding-top : 201px}

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





.sitelogo {padding-top : 20px; padding-left : 5px ; border : 0}
.logo {float : left ; margin-top : 15px ; margin-right : 0 ; width : 102px ; height : 102px}
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0}


div.hr {
  height: 15px;
  background: #eee scroll left;
  margin : 5px 0 5px 10px  ;
  padding : 0;   
  background : #fff url(images/hr.gif) left top;
  width : 360px; 
}
div.hr hr {
  display: none;  padding :0; 
}

p {margin : 10px 35px 0 5px ; padding : 0}
.intro {color : #063559; margin : 0 15px 0 10px ;}



.top {margin : 10px 10px 0 10px ; border-bottom : 1px dotted #4B8133 ; padding-bottom : 5px}
.top2 {margin : 10px 10px 0 10px ;}
.notop2 {margin : 0 10px 0 5px ;}
.notop {margin : 5px 10px 0 10px ;}

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

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

.signature { margin : 20px 20px 0 0; float : right}
html>body .signature { margin : 20px 45px 0 0; }

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


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


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

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



a.class1 {
color : #4B8133; 
text-decoration : none ; 

font-size : 11px; font-weight : bold}

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

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

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


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

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

a.index_actif {
color : #4B8133; 
text-decoration : none ; 

font-size : 11px; font-weight : bold ; margin-left : 5px}
html>body a.index_actif {margin-left : 5px}

a:hover.index_actif  {
color : #4B8133; 
text-decoration : none ; }


a.actif {
color : #4B8133; 
text-decoration : none ; 

font-size : 11px; font-weight : bold ; }




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






.lien_1 {  font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; color: #003366; clip:     rect(   )}
.lien_1:hover {color : red;}

.lien_2 {  font-family: arial; font-size: 10px; font-weight: bold; text-decoration: none; font-style: normal; color: #4B8133; clip:     rect(   )}
.lien_2:hover {color : red;}

.lien_3 { font-family: arial; font-size: 10px; font-weight: bold; text-decoration: none; font-style: normal; color: #990000; clip:     rect(   )}
.lien_3:hover { color : green; }

.lienp { font-family: Arial; font-size: 10px; color: #0066CC }
.liencom { font-family: Arial; font-size: 9px; color: #000066}

.lien_part { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; color: #CC0033; }

body {	SCROLLBAR-FACE-COLOR:#000099; SCROLLBAR-HIGHLIGHT-COLOR:#000099; SCROLLBAR-SHADOW-COLOR:black; SCROLLBAR-3DLIGHT-COLOR:#000099; SCROLLBAR-ARROW-COLOR:white; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR:#000099; }

.T1 {  font-family: Arial; font-size: 13px; font-weight: bold; color: #000033; text-transform: none; text-align: left; text-indent: 20pt}
.T2 {  font-family: Arial; font-size: 12px; color: #0099CC; font-weight: normal; margin-right: 35px; margin-left: 40px; vertical-align: middle; padding-top: 3px; padding-bottom: 3px}

.texte {  font-family: Arial; font-size: 11px; clip:  border: #c5ccd2; left: 20px; text-align: justify; color: #333333}
.textecent { font-family: Arial; font-size: 11px; text-align:center; font-weight: bold; color: #003333; }

.visit {  font-family: Arial; font-size: 9px; }

.barre1 {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #97B4FF;
	padding: 2px;
}

.barre2 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #003366;
	padding: 4px;
}

.cad_info {
	border: 1px dashed #E85959;
	padding: 4px;
	background-color: #FFF4F4;
	width: 60%;
	vertical-align: middle;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
}

.cad_info2 {
	border: thin solid #88CFFF;
	padding: 3px;
	background-color: white;
	width: 80%;
	position: relative;
}

.cad_info3 {
	border: thin solid #3399FF;
	padding: 3px;
	background-color: #EAF5FF;
	width: 80%;
	position: relative;
}

input,select,textarea {
	border:2px solid #000099;
	background-color:#E9E9FC;
	font-family: Verdana, Arial, Geneva;
	font-size: 12px;
}

.check {
	border:0px;
	background-color:#E2F0FE;
}

.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}