@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(../images/bg-body.jpg) repeat-x #eb6e08;
	font-family:Arial, Helvetica, sans-serif;
}

body #background {
	width:100%;
	background:url(../images/bg-voiture.jpg) no-repeat center 80px;
	margin:auto;
}

body #background #entete {
	width:900px;
	height:125px;
	margin:auto;
	position:relative;
}

body #background #entete #logo {
	width:190px;
	height:125px;
	float:left;
}

body #background #entete #espace_client {
	width:710px;
	height:125px;
	background:url(../images/bg-espace-client.png) no-repeat;
	float:right;
}

body #background #entete #espace_client .separation {
	width:1px;
	height:80px;
	background:url(../images/entete-sep.jpg) no-repeat;
	position:absolute;
	top:0;
	right:300px;
}

body #background #entete #espace_client .titre {
	font-size:14px;
	font-weight:bold;
	color:#414141;
	position:absolute;
	top:5px;
	right:165px;
}

body #background #entete #espace_client .titre img {
	vertical-align:middle;
}

body #background #entete #espace_client .acces-ep {
	position:absolute;
	top:20px;
	left:620px;
	font-size:14px;
	font-weight:bold;
}

body #background #entete #espace_client .acces-ep a {
	color:#414141;
}

body #background #entete #espace_client #ec_identifiant {
	background:#e7e7e7;
	border:1px solid #a6a6a6;
	font-size:10px;
	font-style:italic;
	color:#8f8f8f;
	width:100px;
	height:17px;
	padding:0 5px 0 5px;
	position:absolute;
	top:30px;
	left:620px;
}

body #background #entete #espace_client #ec_mdp {
	background:#e7e7e7;
	border:1px solid #a6a6a6;
	font-size:10px;
	color:#8f8f8f;
	width:100px;
	height:17px;
	padding:0 5px 0 5px;
	position:absolute;
	top:30px;
	left:750px;
}

body #background #entete #espace_client #ec_ok {
	width:25px;
	height:19px;
	background:url(../images/btn-ok.jpg) no-repeat;
	border:none;
	cursor:pointer;
	position:absolute;
	top:30px;
	right:0;
}

body #background #entete #espace_client .demande_compte {
	font-size:10px;
	position:absolute;
	top:41px;
	left:620px;
	padding:5px 0 0 0;
}

body #background #entete #espace_client .mdp_oublie {
	font-size:10px;
	position:absolute;
	top:41px;
	left:750px;
	padding:5px 0 0 0;
}

body #background #entete #espace_client .demande_compte a, body #background #entete #espace_client .mdp_oublie a {
	color:#5f5f5f;
}

body #background #menu {
	width:900px;
	height:50px;
	background:url(../images/bg-menu.png) no-repeat;
	margin:auto;
}

body #background #menu a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#666;
}

body #background #menu #menu1 {
	width:64px;
	height:50px;
	text-align:center;
	line-height:50px;
	padding:0 0 0 5px;
	float:left;
}

body #background #menu #menu1:hover {
	background:url(../images/bg-menu.png) no-repeat 0 -50px;
}

body #background #menu #menu2 {
	width:145px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

body #background #menu #menu2:hover {
	background:url(../images/bg-menu.png) no-repeat -69px -50px;
}

body #background #menu #menu3 {
	width:80px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

body #background #menu #menu3:hover {
	background:url(../images/bg-menu.png) no-repeat -214px -50px;
}


body #background #menu #menu4 {
	width:111px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

body #background #menu #menu4:hover {
	background:url(../images/bg-menu.png) no-repeat -294px -50px;
}

body #background #menu #menu5 {
	width:192px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

body #background #menu #menu5:hover {
	background:url(../images/bg-menu.png) no-repeat -405px -50px;
}

body #background #menu #menu6 {
	width:136px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

body #background #menu #menu6:hover {
	background:url(../images/bg-menu.png) no-repeat -597px -50px;
}

body #background #menu #menu7 {
	width:93px;
	height:50px;
	text-align:center;
	line-height:50px;
	float:left;
}

body #background #menu #menu7:hover {
	background:url(../images/bg-menu.png) no-repeat -733px -50px;
}

body #background #menu #menu8 {
	width:69px;
	height:50px;
	text-align:center;
	line-height:50px;
	padding:0 5px 0 0;
	float:left;
}

body #background #menu #menu8:hover {
	background:url(../images/bg-menu.png) no-repeat -826px -50px;
}

body #background #zone-haute {
	width:900px;
	height:300px;
	margin:23px auto 40px auto;
	position:relative;
}

body #background #zone-haute #diaporama {
	width:565px;
	height:300px;
	padding:5px;
	background:url(../images/bg-slider.jpg) no-repeat;
	float:left;
}

body #background #zone-haute #diaporama ol,ul { 
	list-style:none; 
}

body #background #zone-haute #diaporama .next, body #background #diaporama .prev {
	width:23px;
	height:42px;
	position:absolute;
	top:133px;
	display:block;
}

body #background #zone-haute .diaporama_container {
	width:555px;
	height:290px;
	position:relative;
	overflow:hidden;
}

body #background #zone-haute #diaporama .prev {
	left:-23px;
}

body #background #zone-haute #diaporama .next {
	left:560px;
}

body #background #zone-haute #presentation-api {
	width:280px;
	height:310px;
	float:right;
}

body #background #zone-haute #presentation-api .texte {
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#fff;
	line-height:25px;
	text-align:justify;
	margin:50px 0 30px 0;
}

body #background #zone-basse {
	width:900px;
	height:250px;
	margin:0 auto 45px auto;
}

body #background #zone-basse .titre {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:15px;
	color:#ffffff;
}

body #background #zone-basse #edito {
	width:280px;
	height:250px;
	margin:0 40px 0 0;
	float:left;
}

body #background #zone-basse #edito .texte {
	font-size:10px;
	text-align:justify;
	line-height:18px;
}	

body #background #zone-basse #questions {
	width:280px;
	height:250px;
	float:left;
}

body #background #zone-basse #questions div {
	float:left;
	margin:6px 10px 10px 0;
}

body #background #zone-basse #questions img {
	border:3px solid #424242;
}

body #background #zone-basse #actualite {
	width:280px;
	height:250px;
	margin:20px 0 0 20px;
	font-size:11px;
	float:left;
}

body #background #zone-basse #actualite p {
	margin:0;
}

body #background #zone-basse #actualite .titre {
	font-weight:bold;
	font-style:normal;
	font-size:13px;
	color:#ffffff;
	margin:10px 0 10px 0;
}

body #background #zone-basse #actualite a {
	font-size:11px;
	color:#003681;
	text-decoration:none;
}

body #background #pied-de-page {
	width:900px;
	padding:10px 0 0 0;
	margin:auto;
}

body #background #pied-de-page #coordonnees {
	width:445px;
	font-size:11px;
	color:#fff;
	float:left;
}

body #background #pied-de-page #liens {
	width:365px;
	font-size:10px;
	float:left;
}

body #background #pied-de-page #liens a, body #background #pied-de-page #reseaux-sociaux a {
	color:#fff;
}

body #background #pied-de-page #reseaux-sociaux {
	width:90px;
	font-size:11px;
	float:left;
}

body #background #pied-de-page #reseaux-sociaux img {
	vertical-align:middle;
}

#nous-trouver-gauche {
	width:380px;
	float:left;
}

#plan_google {
	    width: 470px;
    height: 377px;
    margin: 10px 0 0 0;
    border: thin solid #000000;
    float: right;
}

/******************************* PROMOTIONS *******************************/

.div-promotion {
	width:418px;
	height:158px;
	padding:1px;
	background:url(../images/bg-promotions.jpg) no-repeat;
	margin:0 0 20px 0;
	position:relative;
}

.div-promotion img {
	float:left;
	margin:0 20px 0 0;
	border-right:1px solid #b6b6b6;
}

.div-promotion .titre a {
	font-size:14px;
	font-weight:bold;
	color:#003681;
}

.prix-barre {
	font-size:15px;
	font-weight:bold;
	color:#7c7c7c;
	text-decoration:line-through;
}

.prix {
	font-size:23px;
	font-weight:bold;
	color:#003681;
}

.div-promotion .facebook {
	background:url(../images/facebook-promo.png) no-repeat;
	width:200px;
	height:16px;
	line-height:16px;
	position:absolute;
	bottom:3px;
	right:0;
	margin:0;
}

.div-promotion .facebook a {
	font-size:11px;
	color:#454444;
	padding:0 0 0 20px;
}

.detail-img {
	float:left;
	margin:0 20px 0 0;
}

.contactgris {
	color:#747474;
}


/******************************* GENERAL *******************************/

.clear {
	clear:both;
}

.flotteg {
	float:left;
}

.flotted {
	float:right;
}

a {
	text-decoration:none;
}

img {
	border:none;
}

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

#contactform label {
	display:inline-block;
	width:140px;
}

#compte-aj label {
	display:inline-block;
	width:150px;
}

 #compte-aj input[type="text"] {
	width:350px;
}