/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/

}
body{
font-size:62.5%;
background:#d7ebf4 url(../images/charte/bg-body.jpg) no-repeat scroll center top;
}
#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:960px;
margin:0 auto;
padding:0 15px;
background:url(../images/charte/bg-container.gif) repeat-y scroll center top;
/*_background:url();*/
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-container.png', sizingMethod='scale');
z-Index:0;*/
}
#header{
width:960px;
height:181px;
}
/**********************/
#colLeft{
background:url(../images/charte/bg-left-col.jpg) no-repeat top center;
float:left;
width:210px;
padding-top:2px;
padding-bottom:5px;
}
/*--- MENU ---*/
dl, dt, dd, ul, li {
list-style-type: none;
}
#menu {
width: 210px;
height:100%;
margin-top:3px;
}
.menu-1 {
cursor: pointer;
height:24px;
padding-top:3px;
}
	.menu-1 a {
	text-decoration: none;
	display:block;
	height:100%;
	font:bold 1.2em/24px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#1d6aa2;
	padding-left:24px;
	}
	.menu-1 a:hover{
	text-decoration: none;
	color:#8abc00;

	}
	.menu-2 {
cursor: pointer;
height:24px;
padding-top:0px;
}
	.menu-2 a {
	text-decoration: none;
	display:block;
	height:100%;
	font:bold 1.2em/24px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#1d6aa2;
	padding-left:24px;
	}
	.menu-2 a:hover{
	text-decoration: none;
	color:#8abc00;

	}
.menu-double {
height:34px;
padding-left:24px;
padding-top:4px;
}
	.menu-double a {
	font:bold 1.2em/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#1d6aa2;

	}
	.menu-double a:hover{
	text-decoration: none;
	color:#8abc00;
	}

.menu-bas {
height:40px;
padding-left:24px;
padding-top:3px;
}
	.menu-bas a {
	font:bold 1.2em/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#1d6aa2;
	}
	.menu-bas a:hover{
	text-decoration: none;
	color:#8abc00;
	}
	

/*-----------------*/
#contenu{
position:relative;
margin-left:240px;
width:690px;
padding-top:30px;
padding-bottom:50px;
}
.image-left{
float:left;
margin:0px 5px 5px 0px;
cursor:pointer;
border:solid 1px #000000;
}
.image-right{
float:right;
margin:0px 0px 5px 5px;
cursor:pointer;
border:solid 1px #000000;
}
.image-center{
float:left;
margin:0px 10px 5px 10px;
cursor:pointer;
border:solid 1px #000000;
}
.align-left{/*border:solid 1px #0000FF;*/
float:left;
width:335px;
}
.align-right{/*border:solid 1px #FF0000;*/
float:right;
width:335px;
}
.align-center{/*border:solid 1px #FF0000;*/
float:left;
width:690px;
}

ul.list-1
{width:620px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#1d6aa2;
	margin-top:10px;
	margin-bottom:5px;
	float:left;
}
.list-1 li
{
	background:url(../images/charte/bullet.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 3px;
	background-repeat:no-repeat;
	padding:1px 2px 2px 0px;
	padding-left:20px;
}	
ul.list-2
{	width:580px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#1d6aa2;
	margin-top:-3px;
	float:left;
}
.list-2 li
{
	background:url(../images/charte/bullet.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 3px;
	background-repeat:no-repeat;
	padding:1px 2px 2px 0px;
	padding-left:20px;
}	

.carte-electro{
/*border:solid 1px #FF0000;*/
float:left;
width:690px;
}
.line{
margin:5px 0px 5px 0px;
float:left;
}
ul.list-carte-left
{
	background:url(../images/charte/station-carburant/bullets/list-left.jpg) no-repeat;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:14px;
	color:#1d6aa2;
	margin-top:-5px;
	margin-right:10px;
	float:left;

}
.list-carte-left li
{
	list-style-type:none;
	padding:4px 2px 2px 0px;
	padding-left:25px;
	
}	
ul.list-carte-right
{
	background:url(../images/charte/station-carburant/bullets/list-right.jpg) no-repeat;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:14px;
	color:#1d6aa2;
	margin-top:-5px;
	float:left;

}
.list-carte-right li
{
	list-style-type:none;
	padding:4px 2px 2px 0px;
	padding-left:25px;
}	
.table{

width:690px;
text-align:left;
float:left;
}
.table1{
width:150px;
font:normal 13px Arial, Helvetica, sans-serif;
padding-left:10px;
float:left;
margin-left:15px;
}

.carte-table{
font:normal 13px Arial, Helvetica, sans-serif;
padding-left:10px;
color:#1d6aa2;
margin-left:70px;
}
.row
{background-color:#DFEEB5;
 padding-left:5px;
 width:140px;
 }
.row1
{
 padding-left:5px;
 border:solid 1px #DFEEB5;
 }
 .row2
{
 padding-left:5px;
 width:190px;
 border:solid 1px #DFEEB5;
 }
.left
{
width:270px;
float:left;
margin-right:3px;
margin-left:5px;

}	
.right
{
width:270px;
float:left;
}	
.bullet-l
{
height:19px;
float:left;
margin-bottom:5px;

}	
.list-left
{	
	width:270px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:15px;
	color:#1d6aa2;
	margin-top:3px;
	float:left;
}
.list
{
float:left;
width:240px;
margin:2px 0px 5px 3px;
}	
.image{
margin-top:10px;
margin-bottom:10px;
width:690px;
float:left;
}
.image1{
margin-top:0px;
margin-bottom:0px;
width:690px;
float:left;
}
.text
{
/*border:solid 1px #FF0000;
*/float:left;
width:690px;
margin:5px 0px;
}
/*---popup---*/
#fermer 
{
	background-color:#DAEBFB;
	height:30px
}
#fermer a:link, #fermer a:visited{
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#8ABC00;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#8ABC00;
	text-decoration:underline;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear: both;
width:990px;
height:25px;
margin:-25px auto 0 auto;
}


/******************************************************/
/*																		*/
/* 				FORMULAIRES										*/
/*																		*/
/******************************************************/

.inputForm{
	border:1px solid #6DBFF4;
	background-color:transparent;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#1d6aa2;
  height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #6DBFF4;
	background-color:#E3F7FF;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#194BA9;
	height:16px;
	margin-top:2px;
}
select{
	background-color: #fff!important;
}
.button{
	border:1px solid #198B12;
	background-color: #C2E2F0;
	width:65px;
  color:#198B12;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor:pointer;
}
.buttonOver{
	border:1px solid #C2E2F0;
	background-color: #198B12;
	width:65px;
	color:#C2E2F0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor:pointer;
}
#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:550px;
	border:1px solid #6DBFF4;
	color:#1d6aa2;
}
.petit{
  font-size:10px;
}
#center{
text-align:center;
}
#image_contact{
	width:540px;
	border:1px solid #6DBFF4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1d6aa2;
	text-align:center;
	padding:5px;
	letter-spacing:0.04em;
	float:left;
	margin-top:0px;
}
.plan-image
{
	width:131px;
	height:62px;
	padding:5px;
	float:right;
	margin-top:0px;
	cursor:pointer;
}
#contact{
	width:100%;
}
.label{
	text-align: left;
}