/************************************************************************
STYLE de structuration de la page
************************************************************************/
* {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
}
body {
		
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../img/structure/fond_body_top.jpg);
	background-repeat: repeat-x;
	background-position: 0px 100px;
}
.oneColFixCtr #container {
	position : relative;
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


#footer{

height:250px;
width:100%;
background:url(../img/structure/fond_footer.jpg) repeat-x 0px 30px;
}
#footer p{
color:#808080;
text-align:center;

}
#footer #container_bottom{
	position : relative;
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}
#menu_bottom{
	text-align:left;
	height:226px;
}
/************************************************************************************
Style pour template main
************************************************************************************/
#entete{ 

background:url(../img/structure/logo.jpg) no-repeat left top;
height:100px;
width:100%;}
#contenu{}

.block_contenu{
float:left;
width:498px;
margin-top:20px;
}

#block_bottom{
	text-align:center;
	width:100%;
	clear:both;
}

#block_left{
	margin-right: 20px;
	width:478px;
	display:inline-block;
} 
#block_left .block_illustration{
	position:relative;
	width:223px;
	height:282px;
	float:right;
} 
#block_left .block_illustration .spacer{
	height:100%;
	width:25px;
	float:left;}
	
#block_left .block_illustration a{
	padding-top:250px;
	width:173px;
	display:block;
	float:left;
	text-align:right;
} 
#block_right .block_illustration{
	margin-top:30px;
	position:relative;
	width:497px;
	height:242px;
} 
#block_right .block_illustration .spacer{
height:100%;
width:25px;
float:left;}

#block_right .block_illustration a{
	padding-top:200px;
	width:225px;
	display:block;
	float:left;
	text-align:right;
} 
a:hover{
color:#00957E;}
h1{
	font-family: "Adobe Caslon Pro",Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#0064B1;
	padding-left : 30px;
	text-align:left;
	background-image: url(../img/structure/fond_h1.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0px 0px 10px 0px;
	color:#00A085;
	text-align:left;
	border-bottom:solid 1px #00A085;

}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0;
	margin:0;
	color:#0064B1;
	text-align:left;
}
p{

text-align:justify;
color:#808080;
margin-bottom:10px;}

p.tarif{
background:url(../img/structure/fond_tarif.gif) repeat-x;
clear:both;
margin-bottom:10px;
display:inline-block;
width:100%;
}
p.tarif span.right{ background-color:#FFFFFF; 
float:right;
color:#00A085;
font-weight:bold;} 
p.tarif span.left{ background-color:#FFFFFF; 
float:left;
color:#808080;} 
span.vert{color:#00957E;}
span.bleu{color:#0064B1;}
span.gras{ font-weight:bold; font-size:11px;}
a{color:#0064B1;font-size:11px;}
a:hover{color:#00957E;}
/************************************************************************************
Style pour template menu
************************************************************************************/
.entree{
	width:200px;
	float:left;
	
}
.entree a{
	padding-top :70px;
	margin-bottom : 15px;
	width:100%;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
}

#footer .entree p{
	margin-right:20px;
	color:#000000;
	text-align:left;
}
.petit{font-size:1px;}

#entree_1 a{ background-image: url(../img/menu/accueil.jpg); }
#entree_2 a{ background-image:url(../img/menu/historique.jpg);}
#entree_3 a{ background-image:url(../img/menu/infos.jpg); }
#entree_4 a{ background-image:url(../img/menu/bon_plan.jpg); }
#entree_5 a{ background-image:url(../img/menu/contact.jpg); }

#entree_1 a:hover, #entree_1.actif a{ background-image: url(../img/menu/accueil_hover.jpg);}
#entree_2 a:hover, #entree_2.actif a{ background-image:url(../img/menu/historique_hover.jpg);}
#entree_3 a:hover, #entree_3.actif a{ background-image:url(../img/menu/infos_hover.jpg);}
#entree_4 a:hover, #entree_4.actif a{ background-image:url(../img/menu/bon_plan_hover.jpg);}
#entree_5 a:hover, #entree_5.actif a{ background-image:url(../img/menu/contact_hover.jpg);}

.entree ul{
	list-style-position: outside;
	list-style-type: none;
	border-left:solid 3px #808080;
}
.entree ul li{

margin-left: 10px;}

#entree_3.entree ul li a,#entree_2.entree ul li a{
	font-size:12px;
	padding-top:0px;
	margin-bottom:0px;
	color:#808080;
	font-weight:bold;
	text-decoration:none;
	background-image:none;
}
#entree_3.entree ul li a:hover,#entree_2.entree ul li a:hover{
	color:#000000;
}
.entree ul li a:hover{
color:#00957E;
}