﻿

body {
background: #ffffff url(../layout_images/bandeau.jpg) repeat-x;
font-size: 12px;
font-family: Verdana, Arial, Tahoma;
color:#666666;
padding:0;
margin:0;
text-decoration:none;
}


h1 {
font-size: 18px;
font-weight: bold;
font-family: Verdana, Arial, Tahoma;
color:#7EA800;
}

h2 {
font-size:14px;
font-weight: bold;
font-family: Verdana, Arial, Tahoma;
color:#7EA800;
}

h3 {
font-size:20px;
font-weight: normal;
font-family: Verdana, Arial, Tahoma;
color:#7EA800;
}


h4 {
font-size:12px;
font-weight: normal;
font-family: Verdana, Arial, Tahoma;
color:#7EA800;
}


h5 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;
}

h6 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;
}


a {
text-decoration:underline;
color:#7EA800;
}

a:hover {
text-decoration:underline;
color:#0066ff;
}

table {
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
padding:0;
margin:0;
text-decoration:none;
}

td {
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
padding:0;
margin:0;
text-decoration:none;
}


img { 
border: none; 
margin:5px 5px 5px 5px;
}

ul, ol {
	margin-left: 25px;
	margin-right:10px;
	padding: 5px 0px;
	color: #666666;
}
ul span, ol span {
	color: #666666; 
}

ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-roman;}


.floatstop {
	clear:both;
}


#encadre {
	float:none;
	width: 204px;
	height: 98px;
	margin: auto;  
 	padding: 13px 6px 6px 6px;  	
  	background: url(../layout_images/encadre_vert.gif) no-repeat;
	background-position: center;
	color: #698B10;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
}


#encadre2 {
	float:none;
	width: 204px;
	height: 98px;
	margin: auto;  
 	padding: 13px 6px 20px 6px;  	
  	background: url(../layout_images/encadre_vert3.gif) no-repeat;
	background-position: center;
	color: #698B10;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
}



#encadre_ca{
	float:right
	width: 175px;
	height: auto;
	margin: 0px 0px 0px 6px;  
 	padding: 0px 0px 0px 6px;  	
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
}


blockquote {
	margin: 5px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}




/* -------- images ---------- */
img {
	border: 0px solid #cccccc;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 0px solid #568EB6;
}
a:hover img {  
  border: 0px solid #CCC !important; /* IE fix*/
  border: 0px solid #568EB6;
}



/* ----------header-------------- */

#header {
position: relative;
width: 839px;
height: 65px;
padding-top: 4px;
text-align: right;
font-size: 10px;
font-family: Verdana, Arial, Sans-Serif;
color:#cccccc;
}

#header a {
color:#cccccc;
text-decoration: none;
}

#header a:hover{
text-decoration:underline;
color:#fff;
}




/* ----------container to center the layout-------------- */
#container {
width: 919px;
background: url(../layout_images/fond4.jpg) no-repeat;
margin-bottom: 10px;
margin: 0 auto;
}



/* ----------container2 inside container -------------- */
#container2 {
width: 839px;
min-height:650px;
margin: 0 auto;

}



/* --------------Div center sans top margin 165px------------- */


#center_large_2 {
float: left;
width: 625px;
background-color: #fff;
margin-left: 15px;
}

#center_med {
float: left;
width: 500px;
background-color: #fff;
margin-left: 15px;

}


#center_small {
float: left;
width: 315px;
background-color: #fff;
margin-left: 15px;
}

#center_mini {
float: left;
width: 225px;
background-color: #fff;
margin-left: 15px;
}




/* --------------main------------- */
#left {
float: left;
width: 175px;
background-color: #fff;
height: 100%;
margin: 0;
padding-left: 5px;
margin-top: 165px;
}

#center_petit {
float: left;
width: 320px;
background-color: #fff;
margin: 0;
margin-top: 165px;
}



#center {
float: left;
width: 420px;
background-color: #fff;
margin: 0;
margin-top: 165px;
}

#center_large {
float: right;
width: 650px;
background-color: #fff;
margin-top: 165px;
}


#center_medium {
float: left;
width: 500px;
background-color: #fff;
margin-left: 30px;
margin-top: 165px;
}





#center ul.liste {
	list-style:none;
	margin:0px 0 0px 0px;
	padding-left: 5px;
	padding:0;		
}
#center ul.liste li {
	margin-bottom:5px;
	border-left: 2px solid #99cc00;
	padding-left: 5px;
}



#right {
float: right;
width: 200px;
background-color: #fff;
margin: 0;
margin-top: 165px;
padding-right: 20px;
}


#center .box_set .box {
width : 35%;
float : left;
margin : 10px 5px 10px 15px;
padding-bottom : 10px;
}

#center .box_set .box h2 {
font-size : 110%;
font-weight : bold;
color : #fff;
border : none;
margin : 0 0 0px 0px;
}

#center .box_set .box ul {
list-style-type : none;
}

#center .box_set .box ul li {
font-size : 95%;
}

#center .box_set ul.box a {
text-decoration:underline;
color:#7EA800;
}

#center .box_set ul.box a:hover {
text-decoration:underline;
color:#0066ff;
}




/*------------menu gauche--------------*/

#leftmenu {
	float: left;
	width: 90%;
	margin: 0;	
	padding: 0; 
	display: inline;		
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	color:#000;

}
#leftmenu ul.sidemenu {
	list-style:none;
	margin:0px 0 0px 0px;
	padding:0;		

}
#leftmenu ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #fff;
	padding-left: 6px;

}

#leftmenu ul.sidemenu a {
	display:block;
	text-decoration:none;	
	padding:2px 5px 2px 10px;	
	font-size: 13px;
	font-family: Verdana, Arial, Sans-Serif;
	color:#333333;


	min-height:10px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#leftmenu ul.sidemenu a:hover {
	color: #0066ff;
	background:url(../layout_images/arrow.gif) 0% 50% no-repeat; 
	text-decoration:none;
}

#leftmenu ul.sousmenu {
	list-style:none;
	margin:0px 0 0px 0px;
	padding:0;		
}
#leftmenu ul.sousmenu li {
	margin-bottom:3px;
	border: 1px solid #fff;
	padding-left: 26px;
	color:#808080;
}

#leftmenu ul.sousmenu a {
	display:block;
	text-decoration:none;	
	padding:2px 5px 2px 10px;	
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	color:#333333;
	background:url(../layout_images/arrow_point.gif) 0% 50% no-repeat; 
	
	min-height:10px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#leftmenu ul.sousmenu a:hover {
	color: #0066ff;
	background:url(../layout_images/arrow.gif) 0% 50% no-repeat; 
	text-decoration:none;
}



/* -----------footer--------------------------- */
#footer {
clear: both;
background: url(../layout_images/herbes.jpg) no-repeat ;
background-position: right;
height: 161px;
margin-bottom: 25px;

}


#footer-text {
height: 50px;
padding-top: 100px;
font-size: 10px;
font-family: Verdana, Arial, Sans-Serif;
color:#808080;
text-align: center;
}

#footer a {
text-decoration: none;
}

#footer a:hover{
text-decoration:underline;
}




