/* <![CDATA[ */

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(../../../ressources/images/style2/bg.jpg);
background-repeat : repeat-x; 
}

p {
text-align:justify;
line-height:15px;
margin-top:10px;
}

.droite li {
text-align:justify;
line-height:15px;
margin-top:10px;
}
.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(../../../ressources/images/style2/haut.jpg)}
 
.haut ul { 
position:relative;
top:215px;
left:40px;
margin:auto; 
color:#5a8ba2; 
font-size:0.85em; 
padding:0px;	
}
.haut li {
	display: inline;
	padding : 0px 1px 0 1px;
}
.haut li a {
	color:#fff;
	padding:5px;
	text-decoration:none;
	text-transform : uppercase ; 
}
.haut li a:hover {
	color :#feb204;
}


 .centre {
width : 750px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(../../../ressources/images/style2/centre.jpg);
 text-align : left; }

 
 
 
 
.bas {width : 750px ; 
height : 98px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
 background-image : url(../../../ressources/images/style2/bas2.jpg)
}
 


.gauche {
float : left ;  
background-color : #a0c76c;
width : 178px;
 text-align : left; 
 margin-left : 20px ; 
 padding-bottom : 150px;
 margin-top : 10px; 
 color : #4B8133 ;
}
html>body .gauche {margin-left : 35px ; margin-top : -9px;
}


.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}
 
 





h1 {
font-size : 16px; 
color : #4B8133 ; 
margin : 0px 0 0 10px ;
text-transform : uppercase ;}

h2 {
margin : 25px 0 0 10px ;
padding : 5px;; 
font-size : 14px;
background-color : #063559;
color:#ffffff;
 } 
 
h3 {
margin : 25px 0 0 10px ;
padding : 0; 
font-size : 14px;
background-color : transparent;
height : 31px; 
border-bottom:1px solid #063559;
 } 
 

 
h4 {
margin : 25px 0 0 10px ;
padding : 0; 
font-size : 14px;
background-color : transparent;
 height : 31px; 
 text-decoration:underline;} 
 
 h5 {
margin : 25px 0 0 10px ;
padding : 0; 
font-size : 14px;
background-color : transparent;
 height : 31px; } 
 
 h6 {
margin : 25px 0 0 10px ;
padding : 0; 
font-size : 13px;
background-color : transparent;
 height : 31px; } 


#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;
}

 #menu li a {
 text-transform : uppercase ; 
 }




.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(../../../ressources/images/style2/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(../../../ressources/images/style2/pboot.jpg) left top no-repeat;}

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

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

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


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


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

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



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

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

a.class2 {
color : #4B8133; 
text-decoration : underline ; text-transform : uppercase ; 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 ; 
text-transform : uppercase ; 
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 ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold ; }


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

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

table {
width:100%;
border-collapse:collapse;
}
caption {
	background-color:#063559;
	font-weight:bold;
	color:#ffffff;
}
th {
	background-color:#a1c56d;
	font-weight:bold;
}

.row1 {
		background-color:#d6e6c1;
}

.row2 {
		background-color:#ebf4ba;
}
#content ul, #content ol {	font-size:1.0em; }
#content .strike {
	text-decoration:line-through;
}
#content .underline {
	text-decoration:underline;
}
#content .blink {
	text-decoration:blink;
}

.gauche ul{list-style-type: none;padding-left:0px;margin:0 0 0 0} 

.gauche ul li{margin-bottom: 0px;}

.gauche ul li a{
     padding: 10px 0 10px 10px;
     width: 168px; 
     display: block;
     text-align: left;
     text-decoration: none;
     color: #000;
     background: transparent;
     border-bottom:2px solid #fff;
     text-transform : uppercase ; 
	}
.gauche ul li a:hover{
     background:#eae975;
	}
	
.avantages {
padding:5px;
margin:5px;
margin-right:0px;
border:1px solid #4B8133;
float:right;width:170px;
background-color:#fff
}

.avantages li {
text-align:justify;
line-height:15px;
margin-top:0px;
}
	
/********************************
AJOUT CSS --- BLOCS
*******************************/

.attention {
	border-color:#ffcb7f;
	background:#ffebce url("../../../ressources/images/icones/warning.png") no-repeat;
}

.juste {
	border-color: #99cc99;
	background:#e1f7e6 url("../../../ressources/images/icones/ok.png") no-repeat;
}

.information {
	border-color: #9fc5df;
	background:#e0ecf4 url("../../../ressources/images/icones/information.png") no-repeat;
}

.question {
	border-color: #c081bf;
	background:#ecd8ec url("../../../ressources/images/icones/question.png") no-repeat;
}

.attention, 
.juste,  
.information, 
.question
 {
	padding:5px 5px 5px 50px;
	margin:5px 0px 5px 0px;
	height:25px;
	width:90%;
	border-style:dashed;
	border-width:2px;
	background-position:10px 5px;
	font-size:1.0em;
}


html>body .attention, 
html>body .juste,  
html>body .information, 
html>body .question
{
	height: auto;
	min-height:30px;
}


/* ]]> */