/* = RAZ ------- */

	#btRetour {
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	}
	body {
	margin: 0; 
	padding: 0; 
	font-size: 62.5%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
	font-size: 1em; 
	margin: 0; 
	padding: 0; 
	font-weight: normal;
	}
	select, input, textarea, button {
	border: 1px #acacac solid; 
	color: #666; 
	font-size: 1em;
	}
	form {
	margin: 0; 
	padding: 0;
	}
	img {
	border: 0;
	}
	html, body {
	height: 100%;
	}
	ul, li {
	list-style: none;
	}
	/* = MISE EN PAGE
	---------------- */
	.clear {
	clear: both;
	}
	.clearer {
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px;
	}
	hr {
	border: 0; 
	height: 1px; 
	background: #DEEBF4;
	}
	.cache {
	display: none;
	}
	/* Clearfix :
		Méthode pour les éléments en «clear».
		L’élément container qui a pour class ‘clearfix’ récupère
		la hauteur des éléments enfants
		http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/
	.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	.clearfix {
	display: inline-block;
	}
	/* Hide from IE Mac \*/
	.clearfix {
	display: block;
	}
	/* End hide from IE Mac */
	/* = Base ----- */
	#page {
	width: 1000px;
	}
	body {
	background-color: #000;
	}
	#page {
	width: 1000px; 
	margin: 0 auto;
	}
	#header {
	width: 1000px; 
	margin: 0 auto; 
	height: 140px; 
	position: relative; 
	background: #ff6418 url(/global/images/bg_header.gif) no-repeat top left;
	}
	#header.javascript {
	height:100px;
	}
	#content {
	width: 1000px; 

	padding: 0 0 20px 0; 
	background: #ff6418 url(/global/images/bg_content.gif) no-repeat bottom left;
	}
	.interieure #content {
	float: left;
	}
	#footer {
	color: #fff;
	}
	/* = Header ----- */
	#logo {
	width: 264px; 
	float: left; 
	margin-left: 66px; 
	overflow: hidden; 
	text-indent: -50em; 
	}
	#logo a {
	width: 264px; 
	height: 94px; 
	display: block;
	}
	#ZoneFlash {
	width: 490px;
	height: 95px;
	position: absolute;
	top: 0;
	left: 0;
	}
	#ZoneFlash img {
	position: absolute;
	z-index: 1;
	}
	#ZoneFlash p {
	position: absolute;
	z-index: 2;
	}
	#baseline {
	float: left; 
	margin: 5px 0 0 10px; 
	width: 184px; 
	height: 60px; 
	overflow: hidden; 
	text-indent: -50em;
	/*background: transparent url(/global/images/baseline.gif) no-repeat top left;*/
	}
	/* = Navigation ----- */
	ul#navPrincipale {
	position: absolute; 
	top: 0px; 
	left: 450px;
	z-index: 100; 
	}
	ul#navPrincipale li {
	display: inline; 
	float: left;
	}
	ul#navPrincipale li a {
	height: 49px; 
	display: block; 
	float: left; 
	text-indent: -50em; 
	overflow: hidden; 
	background: url(/global/images/navPrincipale.gif) no-repeat;
	}
	ul#navPrincipale li#it1 a {
	width: 79px; 
	background-position: 0 0;
	}
	ul#navPrincipale li#it2 a {
	width: 108px; 
	background-position: -79px 0px;
	}
	ul#navPrincipale li#it3 a {
	width: 90px; 
	background-position: -192px 0px;
	}
	ul#navPrincipale li#it4 a {
	width: 74px; 
	background-position: -297px 0px;
	}
	ul#navPrincipale li#it5 a {
	width: 74px; 
	background-position: -386px 0px;
	}
	ul#navPrincipale li#it6 a {
	width: 125px; 
	background-position: -454px 0px;
	}
	ul#navPrincipale li#it1 a:hover {
	background-position: 0 -50px;
	}
	ul#navPrincipale li#it2 a:hover {
	background-position: -79px -50px;
	}
	ul#navPrincipale li#it3 a:hover {
	background-position: -192px -50px;
	}
	ul#navPrincipale li#it4 a:hover {
	background-position: -297px -50px;
	}
	ul#navPrincipale li#it5 a:hover {
	background-position: -386px -50px;
	}
	ul#navPrincipale li#it6 a:hover {
	background-position: -454px -50px;
	}
	#navPrincipale ul.niv2 {
	position: absolute; 
	z-index: 100; 
	top: 49px; 
	width: 130px; 
	padding: 0 0 5px 0; 
	margin: 0; 
	background: url(/global/images/bgSsnavN2.gif) no-repeat bottom left;
	}
	ul#menu1.niv2 {
	left: 0px;
	}
	ul#menu2.niv2 {
	left: 75px;
	}
	ul#menu3.niv2 {
	left: 188px;
	}
	ul#menu8.niv2 {
	left: 420px;
	}
	ul#navPrincipale ul.niv2 li {
	float: left;
	}
	ul#navPrincipale ul.niv2 li a {
	height: auto; 
	width: 110px!important; 
	line-height: 1.3em; 
	text-decoration: none; 
	margin: 0 0 0 0px!important; 
	padding: 2px 5px 3px 15px!important; 
	color: #fff; 
	font-size: 1em!important; 
	background-color: #000; 
	background-image: none; 
	text-indent: 0;
	}
	ul#navPrincipale ul.niv2 li a:hover {
	color: #fff; 
	background-color: #ff6418; 
	text-decoration: none;
	}
	/* = header ---- */
	/* Espace Client */
	div#espaceClient {
	width: 235px; 
	float: right; 
	position: relative; 
	top: 60px;
	z-index: 2;
	}
	div#espaceClient label {
	display: none;
	}
	div#espaceClient input {
	width: 76px; 
	height: 14px; 
	padding: 4px 8px; 
	font-family: "Trebuchet MS"; 
	margin-right: 10px; 
	font-size: 10px;
	border: none; 
	background: url(/global/images/bgTextInput.gif) no-repeat top left;
	}
	div#espaceClient input.btOK {
	width: 20px; 
	height: 20px; 
	padding: 0px 0; 
	color: #000; 
	background: url(/global/images/btOk.gif) no-repeat top left; 
	text-indent: -50em; 
	cursor: pointer;
	}
	#espaceClient a.oubli {
	color: #fff; 
	text-decoration: none; 
	float: right; 
	margin-right: 30px;
	}
	#espaceClient a.oubli:hover {
	text-decoration: underline;
	}
	/* = Contenu ----*/
	/* A l'affiche */
	#affiche {
	width: 180px; 
	float: left; 
	padding: 0 5px 0 5px; 
	margin-right: 10px;
	}
	#titAffiche {
	width: 110px; 
	height: 23px; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/titAffiche.gif) no-repeat top left; 
	margin: 0 auto;
	}
	div.blocArticle {
	width: 180px; 
	margin: 10px 0 20px 0; 
	text-align: center;
	}
	.blocArticle p.titreActu {
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	color: #000; 
	font-size: 1.2em;
	}
	.blocArticle p {
	color: #fff; 
	margin: 2px 0;
	}
	p.linkplus {
	width: 100%; 
	text-align: right;
	}
	p.linkplus a {
	color: #fff; 
	font-size: .9em; 
	text-decoration: none;
	}
	#devenirMembre {
	margin: 10px 0 0 0; 
	height: 60px;
	}
	p.btMembership {

	}
	p.btMembership a {
	width: 171px; 
	height: 60px; 
	display: block; 
	margin: 0 auto; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/btMembership.gif) no-repeat top left
	}
	/* = Main content -----*/
	#mainContent {
	width: 540px; 
	float: left; 
	background: #fff url(/global/images/bgContenuPage.gif) no-repeat bottom left; 
	padding: 0 0 0px 0;
	}
	#titrePage {
	font-family: "Trebuchet MS"; 
	font-size: 2.4em; 
	line-height: 1.5em; 
	color: #fff; 
	background: #ff6418 url(/global/images/bgTitrePage.gif) no-repeat bottom left; 
	padding: 0 0 10px 15px;
	}
	h2 {
	font-family: "Trebuchet MS"; 
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ff6418;
	}
	h3 {
	font-family: "Trebuchet MS"; 	
	font-size: 1.3em;
	font-weight: bold;
	color: #ff6418;
	}
	h4 {
	font-family: "Trebuchet MS"; 
	font-size: 1.2em;
	}
	img.visuel {
	margin: 5px 20px;
	}
	img.left {
	float: left; 
	margin: 0px 5px 0px 5px;
	}
	img.right {
	float: right; 
	margin: 2px 0px 3px 5px;
	}
	#blocContenu {
	min-height: 480px; 
	padding: 5px 10px 20px 10px;
	}
	#blocContenu p {
	margin: 10px 0;
	}
	#itemsFaq {
	float: left;
	}

	/* =Alternate -----*/
	#alternate {
	width: 225px; 
	float: right; 
	padding: 0 10px 0 20px;
	}
	#titreAlternate {
	font-family: "Trebuchet MS"; 
	font-size: 1.8em; 
	line-height: 1.4em; 
	text-align: center; 
	color: #fff; 
	padding: 0 0 10px 0;
	}
	div.blocAcces {
	width: 100%; 
	margin: 10px 0 20px 0; 
	text-align: center;
	}
	#alternate .blocAcces img {

	}
	#alternate .blocAcces p.titre {
	font-family: "Trebuchet MS"; 
	font-size: 1.3em; 
	font-weight: bold; 
	background: url(/global/images/puceTitreAlternate.gif) no-repeat bottom left; 
	padding-left: 10px; 
	margin: 0 0 5px 0; 
	color: #000; 
	text-align: left;
	}
	#alternate .blocAcces p.titre a {
	color: #000; 
	text-decoration: none;
	}
	#alternate .blocAcces p.titre a:hover {
	color: #fff; 
	text-decoration: underline;
	}
	#alternate div.blocAcces p {
	text-align: left; 
	margin: 2px 0;
	}
	#alternate div.blocAcces p.linkplus {
	text-align: right;
	}
	#simulation {
	margin: 10px 0 0 0; 
	height: 60px;
	}
	p.btSimulation {

	}
	#simulation p.btSimulation a {
	width: 206px; 
	height: 70px; 
	display: block; 
	margin: 0 auto; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/btSimulation.gif) no-repeat top left;
	}
	/* =Page Pro */
	#mainContentPro {
	width: 800px;
	float: right;
	padding: 0 0 50px 0;
	margin:  0px 0 0px 0;
	background: #fff url(/global/images/mainContentPro-bottom.gif) no-repeat bottom left;
	}
	#mainContentPro #blocTitre {
	padding-bottom: 5px;
	background: #000 url(/global/images/bgTitrePagePro-bottom.gif) no-repeat bottom left;
	min-height: 100px;
	}
	#mainContentPro #titrePage {
	font-family: "Trebuchet MS"; 
	font-size: 1.8em; 
	line-height: 1.3em; 
	color: #fff;
	font-style: italic;
	background: url(/global/images/mainContentPro-top.gif) no-repeat top left;
	padding: 10px 320px 10px 15px;
	}
	#mainContentPro #blocContenu {
	width: 540px;
	min-height: 480px; 
	float: left;
	padding: 5px 10px 20px 10px;
	}
	#mainContentPro #blocContenu table {
	margin:  15px 0 0 0;
	width: 540px;
	}
	#mainContentPro #blocContenu table h4 {
	color: #000;
	font-size: 1.4em;
	}
	#mainContentPro #alternate {
	width: 230px;
	padding: 0 0px 0 10px;
	float: right;
	}

	#temoignage div.temoignagesInfos {
	width: 210px;
	background: url(/global/images/bgTemoignageInfos.png) no-repeat top right;
	position: absolute;
	right: 0;
	z-index: 1000;
	padding:25px 10px 10px 10px;
	margin: -10px 0 0 0;
	}

	#alternate .navigationPro ul {
	border-top: 1px solid #ff6418;
	}
	#alternate .navigationPro li {
	padding: 5px 0;
	text-align: center;	
	border-bottom: 1px solid #ff6418;
	}
	#alternate .navigationPro li a {
	font-family: "Trebuchet MS"; 
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ff6418;
	text-decoration: none;
	}
	#temoignage div.temoignageContent {
	padding: 5px 10px 10px 10px;
	display: block;
	font-style: italic;
	}
	#mainContentPro #alternate #temoignage {
	margin: 20px 0 80px 0;
	font-family: "Trebuchet MS"; 
	font-size: 1.1em;
	position: relative;
	}
	#mainContentPro #alternate #avantages {
	margin: 20px 0 0 0;
	}
	#mainContentPro #alternate #avantages p {
	font-style: italic;
	margin: 5px 10px;
	float: left;
	}
	#mainContentPro #alternate #avantages p a {
		color: #000;
	}
	#mainContentPro fieldset legend {width: 80%; float: left;}

	#mainContentPro fieldset {
		padding: 0 0px 0 0;
	}

	#photoID {
	text-align: right;
	margin: 0;
	padding: 10px 0px 0px 0px;
	background: url(/global/images/temoignagesBulle-bottom.gif) no-repeat top center;
	}

	/* = Footer -----*/
	#footer a {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #fff; 
	margin: 0 2px 0 2px; 
	text-decoration: none;
	text-transform: uppercase;
	}
	#footer a:hover {
	text-decoration: underline;
	}
	#navFooter {
	position: relative; 
	left: 10px;
	clear: both;
	}
	#navFooter li {
	float: left; 
	}
	#navFooter li script {
	margin: 0;
	padding: 0;
	}
	#complements {
	width:57%;
	float: right;
	}
	p.coordonnees {
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	margin-right: 10px;
	}
	#formStations {
	width:  400px;
	margin: 0 auto;
	}
	#btStations {
	width: 280px;
	height: 30px;
	background: url(/global/images/btAjoutStation.gif) no-repeat top left;
	border: none;
	margin: 15px;
	overflow: hidden;
	text-indent:  -50em;
	}
	#validationStations {
	width: 100px;
	height: 30px;
	overflow: hidden; 
	float: right;
	text-indent: -20em; 
	background: url(/global/images/btvalider.gif) no-repeat top right;
	border: none;
	}
	span.adresse{
	margin-top: 4px;
	margin-right: 15px;
	float: left;
	}
	span.numeroAzur {
	width: 160px; 
	height: 18px; 
	overflow: hidden; 
	text-indent: -500em; 
	text-align: left;
	display: block;
	float: right;
	background: url(/global/images/numeroAzur.gif) no-repeat bottom left;
	}
	/* = Pages n2 */
	.interieure #header {
	height: 140px; 
	background: transparent url(/global/images/bg_headerInterieure.gif) no-repeat top left;
	}
	.interieure #header.javascript {
	height: 80px; 
	}
	.interieure #logo {
	width: 228px; 
	height: 80px; 
	float: left; 
	margin-left: 10px; 
	overflow: hidden; 
	text-indent: -50em; 
	background: transparent url(/global/images/logo_interieure.gif) no-repeat top left;
	}

	#logo a {
	width: 264px; 
	height: 80px; 
	display: block;
	}
	.interieure #logo a {
	width: 228px; 
	height: 80px;
	}
	#colA {
	width: 180px; 
	float: left; 
	padding: 0 5px 0 5px; 
	margin-right: 10px;
	}
	.interieure #titrePage {
	padding: 0 0 10px 15px;
	}
	/* = Page Modeemploi spécificités */
	div#blocContenu.modeEmploi {
	float: left; 
	padding: 10px 10px 0px 10px; 
	background: url(/global/images/panneau_accueil.gif) no-repeat 212px bottom;
	}
	/* = Navigation ----- */
	.interieure ul#navPrincipale {
	position: absolute; 
	top: 0px; 
	left: 250px;
	}
	.interieure ul#navPrincipale li {
	display: inline;
	}
	.interieure ul#navPrincipale li a {
	height: 41px; 
	display: block; 
	float: left; 
	text-indent: -50em; 
	overflow: hidden; 
	background: url(/global/images/navPrincipaleInterieure.gif) no-repeat;
	}
	.interieure ul#navPrincipale li#it1 a {
	width: 65px;
	background-position: 0 0;
	}
	.interieure ul#navPrincipale li#it2 a {
	width: 137px; 
	background-position: -67px 0px;
	}
	.interieure ul#navPrincipale li#it3 a {
	width: 94px; 
	background-position: -202px 0px;
	}
	.interieure ul#navPrincipale li#it4 a {
	width: 76px; 
	background-position: -297px 0px;
	}
	.interieure ul#navPrincipale li#it5 a {
	width: 66px; 
	background-position: -371px 0px;
	}
	.interieure ul#navPrincipale li#it6 a {
	width: 70px; 
	background-position: -440px 0px;
	}
	.interieure ul#navPrincipale li#it7 a {
	width: 87px;
	background-position: -509px 0px;
	}
	.interieure ul#navPrincipale li#it8 a {
	width: 135px;
	background-position: -595px 0px;
	}
	.interieure ul#navPrincipale li#it1 a:hover, .interieure ul#navPrincipale li#it1 a.active {
	background-position: 0px -39px;
	}
	.interieure ul#navPrincipale li#it2 a:hover, .interieure ul#navPrincipale li#it2 a.active {
	background-position: -67px -39px;
	}
	.interieure ul#navPrincipale li#it3 a:hover, .interieure ul#navPrincipale li#it3 a.active {
	background-position: -202px -39px;
	}
	.interieure ul#navPrincipale li#it4 a:hover, .interieure ul#navPrincipale li#it4 a.active {
	background-position: -297px -39px;
	}
	.interieure ul#navPrincipale li#it5 a:hover, .interieure ul#navPrincipale li#it5 a.active {
	background-position: -371px -39px;
	}
	.interieure ul#navPrincipale li#it6 a:hover, .interieure ul#navPrincipale li#it6 a.active {
	background-position: -440px -39px;
	}
	.interieure ul#navPrincipale li#it7 a:hover, .interieure ul#navPrincipale li#it7 a.active {
	background-position: -509px -39px;
	}
	.interieure ul#navPrincipale li#it8 a:hover, .interieure ul#navPrincipale li#it7 a.active {
	background-position: -595px -39px;
	}
	.interieure #navPrincipale ul.niv2 {
	position: absolute; 
	top: 41px; 
	z-index: 10; 
	width: 130px; 
	padding: 0 0 5px 0; 
	margin: 0; 
	background: url(/global/images/bgSsnavN2.gif) no-repeat bottom left;
	}
	.interieure ul#menu1.niv2 {
	left: 0px;
	}
	.interieure ul#menu2.niv2 {
	left: 65px;
	}
	.interieure ul#menu3.niv2 {
	left: 202px;
	z-index: 100;
	}
	.interieure ul#menu8.niv2 {
	left: 595px;
	z-index: 100;
	}
	#bloc1 ul,#bloc2 ul, #bloc3 ul {
	width: 220px; 
	margin: 10px 0px; 
	float: left;
	}
	#bloc1 ul {
	width: 180px;
	position: relative;
	top: 35px;
	}
	#bloc1 ul li,#bloc2 ul li,#bloc3 ul li {
	list-style: square inside;
	}
	div#bloc1 {
	width: 510px; 
	float: left; 
	padding: 0px 0px 0 10px; 
	overflow: visible; 
	background: url(/global/images/modeEmploi_Etape1-Visuel.gif) no-repeat 320px  0px; 
	position: relative; 
	top: 0; 
	left: 0; 
	z-index: 2;
	}
	div#bloc1 h2 {
	width: 129px; 
	height: 108px;
	float: left; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/modeEmploi_Etape1.gif) no-repeat top left;
	}

	div#bloc2 {
	width: 220px; 
	float: left; 
	position: relative;
	top:  -15px;
	padding-bottom: 85px; 
	margin-bottom: 5px; 
	margin-top: 0px; 
	background: url(/global/images/modeEmploi_Etape2-Visuel.gif) no-repeat bottom left;
	}
	div#bloc2 h2 {
	width: 225px; 
	height: 100px; 
	margin-top: 20px; 
	float: left; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/modeEmploi_Etape2.gif) no-repeat top left;
	}
	div#bloc2 ul {
	width: 195px;
	}
	div#bloc3 {
	width: 245px; 
	padding-bottom: 150px; 
	position: relative; 
	z-index: 3; 
	float: right; 
	background: url(/global/images/modeEmploi_Etape3-Visuel.gif) no-repeat bottom left;
	}
	div#bloc3 h2 {
	width: 220px; 
	height: 100px; 
	float: left; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/modeEmploi_Etape3.gif) no-repeat top left;
	}
	#bloc3 ul {
	width: 220px; 
	margin: 10px 0px; 
	float: right;
	}
	.interieure ul#navPrincipale ul.niv2 li {
	float: left;
	}
	.interieure ul#navPrincipale ul.niv2 li a {
	width: 110px!important; 
	line-height: 1.3em; 
	text-decoration: none; 
	margin: 0 0 0 0px!important; 
	padding: 2px 5px 3px 15px!important; 
	color: #fff; 
	font-size: 1em!important; 
	background-color: #000; 
	background-image: none; 
	text-indent: 0;
	}
	.interieure ul#navPrincipale ul.niv2 li a:hover {
	color: #fff; 
	background-color: #ff6418; 
	text-decoration: none;
	}
	/* barre bouton intérieure */
	.interieure #devenirMembre {
	margin: 20px 0 0 0; 
	height: 60px;
	}
	.interieure #reserver {
	margin: 20px 0 0 0; 
	height: 60px;
	}
	.interieure #simulation {
	margin: 20px 0 0 0; 
	height: 90px;
	}
	.interieure p.btMembership a {
	width: 145px; 
	height: 60px; 
	display: block; 
	margin: 0 auto; 
	margin-top: 55px; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/btMembership_interieur.gif) no-repeat top left
	}
	.interieure p.btReserver a {
	width: 145px; 
	height: 60px; 
	display: block; 
	margin: 0 auto; 
	overflow: hidden; 
	text-indent: -50em; 
	background: url(/global/images/btReservez_interieur.gif) no-repeat top left
	}
	.interieure #simulation .btSimulation a {
	width: 145px; 
	height: 90px; 
	background: url(/global/images/btSimulation_interieur.gif) no-repeat top left;
	}
	.interieure #abonnementNewsletter {
	margin: 20px 0 0 0; 
	width: 100%; 
	height: 70px; 
	background: url(/global/images/bg_AbonnementNewsletter.gif) no-repeat top center;
	}
	.interieure #abonnementNewsletter form {
	width: 145px; 
	position: relative; 
	top: 35px; 
	left: 22px;
	}
	.interieure #abonnementNewsletter form label {
	display: none;
	}
	#coordonnees {
	margin: 20px 0 0 0; 
	height: 70px;
	width: 100%; 
	background: url(/global/images/bg_ContactezNous.gif) no-repeat top center;
	}
	.interieure #coordonnees {
	margin: 20px 0 0 0; 
	background: url(/global/images/bg_ContactezNous.gif) no-repeat top center;
	}
	.interieure #coordonnees p {
	font-family: "Trebuchet MS";
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em ;
	padding: 75px 0 0 0 ;
	}
	input#MailNewsletterCustomer1 {
	width: 87px; 
	height: 12px; 
	padding: 4px 8px; 
	font-family: "Trebuchet MS";
	font-size: 10px;
	background: url(/global/images/bgInputNewsletter.gif) no-repeat top left; 
	border: none;
	}
	input#MailNewsletterCustomer1:focus{
	color: #000;
	}
	.interieure input.btOK {
	width: 30px; 
	height: 30px; 
	padding: 0px 0; 
	color: #000; 
	background: url(/global/images/btOkNewsletter.gif) no-repeat top left; 
	text-indent: -50em; 
	cursor: pointer; 
	border: none;
	}
	/* = spécificités Calculateur ----- */
	#mainContent.calculateur {
	background-color: transparent; 
	background-image: none;
	}
	#titrePage span.smaller {
	font-size: 0.7em;
	color: #000;}
	.calculateur #titrePage {
	background: none; 
	line-height: .8em;
	}
	#etape1, #etape2, #etape3 {
	width: 530px; 
	position: relative;
	background: url(/global/images/bgEtapes-bottom.gif) no-repeat bottom left; 
	float: left;
	}
	#etape1 {
	height: 140px;
	margin: 0;
	padding: 0;
	}
	#etape2 {
	height: 70px;*/
	margin: 0;
	padding: 0;
	}
	#etape3 {
	position: relative; 
	height: 100px;*/
	margin: 0;
	padding: 0;
	}
	#etape1 p, #etape2 p, #etape3 p {
	margin: 0;
	padding: 0;
	}
	#etape1 h2, #etape2 h2, #etape3 h2 {
	overflow: hidden; 
	text-indent: -50em;
	margin:  0;
	}
	#etape1 h2 {
	width: 530px; 
	height: 52px; 
	background: url(/global/images/bgEtape1.gif) no-repeat top left;
	}
	#etape2 h2 {
	width: 530px; 
	height: 52px; 
	background: url(/global/images/bgEtape2.gif) no-repeat top left;
	}
	#etape3 h2 {
	width: 530px; 
	height: 52px; 
	background: url(/global/images/bgEtape3.gif) no-repeat top left;
	}
	#blocChoix1, #blocChoix2 {
	width: 130px;
	float: left;
	text-align: center;
	}
	#blocContenu #blocChoix1 p, #blocContenu #blocChoix2 p{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #ff6418;
	}
	#blocChoix1 {
	width: 130px; 
	position: absolute; 
	top: 5px; 
	left: 175px;
	}
	#blocChoix2 {
	width: 130px; 
	position: absolute; 
	top: 5px; 
	left: 350px;
	}
	.choix1 img, .choix2 img {
	margin: 0;
	padding: 0;
	}
	span.choix1 a {
	}
	img#coche1, img#coche2 {
	position: absolute;
	top:  -10px;
	left: 90px;
	display: none;
	}
	img#coche1.active, img#coche2.active {
	position: absolute;
	top:  90px;
	left: 80px;
	display: block;
	}

	#etape2 p {
	width: 240px; 
	position: absolute; 
	top: -48px; 
	left: 240px; 
	float: left;
	}
	#etape2 p {
	width: 240px; 
	position: absolute; 
	top: 10px; 
	left: 240px; 
	float: left;
	}
	#etape2 p label {
	display: none;
	}
	input.inputKilometrage {
	width: 43px; 
	height: 13px; 
	color: #fff; 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	border: none; 
	padding: 5px 44px 5px 10px; 
	background: #a5A5A5 url(/global/images/bgInputKilometrage.gif) no-repeat top left;
	_background-attachment: fixed;
	}
	input.inputKilometrage:focus{
	color: #fff;
	}
	#etape3 p {
	width: 200px; 
	float: left; 
	}

	#etape3 #depart {
	width: 200px;
	float: left; 
	position: absolute;
	top: 10px;
	left: 40px; 
	}

	#etape3 #arrivee {
	width: 200px;
	float: left; 
	position: absolute;
	top: 50px;
	left: 40px; 
	}
	#etape3 span.labelDate {
	width: 8px; 
	height: 20px; 
	float: left; 
	text-indent: -500em; 
	font-size: .1em; 
	background: url(/global/images/labelDate.gif) no-repeat top center;
	}
	label.depart, label.retour {
	width: 82px;
	height: 30px; 
	float: left; 
	overflow: hidden; 
	text-indent: -30em; 
	float: left; 
	/*margin-right: 5px;*/ 
	}
	
	label.depart {background: url(/global/images/labelDepart.gif) no-repeat top left;}
	label.retour {background: url(/global/images/labelRetour.gif) no-repeat top left;}
	
	input.inputDate {
		width: 50px; 
		overflow: hidden;
		height: 13px; 
		padding: 5px 7px 5px 7px; 
		color: #fff; 
		border: none; 
		float: left; 
		font-family: "Trebuchet MS";
		overflow: hidden;
		font-size: 12px; 
		margin: 0 3px 0 2px; 
		background: transparent url(/global/images/bgInputDate_reduce.gif) no-repeat top left;
		_background-attachment: fixed;
	}
	input.inputDate:focus {color: #fff;}
	#heureD, #heureR {
	width: 60px;
	height: 15px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	color: orange;
	font-weight: bold;
	position: absolute;
	top: -13px;
	left: -30px;
	display: block;
	}
	div#mail {
	width: 250px; 
	float: left; 
	position: relative; 
	left: 18px; 
	top: 5px;
	}
	div#valider {
	height: 45px ;
	float: right; 
	position: relative; 
	right: 15px; 
	top: 7px;
	}
	#inputAdresseEmail {
	width: 236px; 
	height: 14px; 
	padding: 3px 5px 2px 5px; 
	border: none; 
	background: url(/global/images/bgInputAdresseEmail.gif) no-repeat top left;
	}
	div#valider p {
	margin: 0; 
	padding: 0;
	}
	div#valider a {
	width: 231px; 
	height: 30px; 
	display: block; 
	overflow: hidden; 
	text-indent: -20em; 
	background: url(/global/images/bgBtValiderPrix.gif) no-repeat top left;
	}
	#divSimulation {
	/*width: 430px; modifs pour regler le probleme d'affichage sous firefox*/
	float: left;
	background: url(/global/images/bgEtapes-bottom.gif) no-repeat bottom left; 
	}
	#simulationDirect {
	width: 430px;
	padding: 15px 40px;
	float: left;
	clear: both;
	text-align: center;
	background: url(/global/images/bgEtapes-haut.gif) no-repeat top left;
	}
	#simulationDirect p strong {
	color: #ff6418;
	}
	div#recapitulatif {
	margin: 25px 0;
	padding: 0;
	font-size: 1.2em;
	}
	#simulationDirect p {
	width: 420px;
	font-family: "Trebuchet MS";
	font-size: 1.3em;
	text-align: center;
	}
	#simulationDirect div.barreValidation {
	margin:  0 auto;
	}

	/* le slider */
	#heuredepart,
	#heurearrivee {
		position: absolute; 
		top: 0px; left: 155px;
		}
	.ui-slider-handle {
		position: absolute; 
		height: 23px; 
		width: 12px; 
		top: 3px; 
		left: 0px; 
		background-image: url(/global/images/slider-handle.gif); 
		cursor: pointer;
	}
	/* Default slider backgrounds */
	.ui-slider-1 {
		width: 250px; 
		height: 23px; 
		position: relative; 
		background-image: url(/global/images/slider-bg-1.png); 
		background-repeat: no-repeat; 
		background-position: top center;
	}
	.ui-slider-2 {
		width: 250px; 
		height: 23px; 
		position: relative; 
		background-image: url(/global/images/slider-bg-2.png); 
		background-repeat: no-repeat; 
		background-position: center center;
	}
	#contentB {
	margin-left: 14px;
	width: 140px; 
	float: right;
	}
	div#contentA {
	width: 100%; 
	float: left;
	}
	a.retourActus {
	width: 200px; 
	height: 30px; 
	margin-top: 15px; 
	display: block; 
	text-indent: -100em; 
	float: right; 
	clear: both; 
	overflow: hidden; 
	background: url(/global/images/btRetourActus.gif) no-repeat top left;
	}
	a.liens {
	color: #ff6418; 
	font-weight: normal; 
	text-decoration: none; 
	background: url(/global/images/puceOrangeListe.gif) no-repeat 0px 2px; 
	padding-left: 10px; 
	float: right; 
	clear: both;
	}
	.blocActualites {
	width: 95%; 
	margin: 10px 5px 20px 5px; 
	float: left;
	}
	.blocActualites h2 {
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	color: #ff6418;
	}
	.blocActualites img {
	float: left; 
	margin: 0 10px 0 0;
	}
	.blocActualites span.sstitre {
	font-weight: bold; 
	font-size: 1.1em;
	}
	.blocActualites span.content {
	float: left;
	}
	.blocActualites p {

	}
	.themeFaq {
	margin: 15px 0 5px 0;
	}
	.introductionFaq, .introduction {
	font-family: "Trebuchet MS"; 
	font-size: 1.2em; 
	color: #000; 
	font-weight: bold;
	}
	#rappelThemesFaq {
	background: url(../images/bgContentPlus.gif) no-repeat right bottom; 
	padding: 0 0px 10px 0px; 
	float: left;
	clear: none;
	}
	.itemFaq {
	margin: 10px 0 20px 0;
	}
	.itemFaq h3 {
	font-family: "Trebuchet MS"; 
	font-size: 1.2em; 
	font-weight: normal; 
	color: #ff6418;
	}
	.itemFaq a {
	color: #ff6418;
	text-decoration: none;
	}
	.itemFaq a.liens {
	clear: none;
	position: relative;
	top: -5px;
	}
	.itemFaq a:hover {
	text-decoration: underline;
	}
	.themeFaq h2, .titreThemeFaq h2 {
	font-family: "Trebuchet MS"; 
	font-weight: bold;
	}
	.themeFaq a:hover {
	text-decoration: underline;
	}
	.themeFaq p {
	font-size: 1em; 
	padding: 0 0 0 10px; 
	background: url(/global/images/puceOrangeListe.gif) no-repeat 0px 1px;
	}
	.themeFaq a {
	color: #ff6418; 
	text-decoration: none;
	}
	#mainContent #rappelThemesFaq a {
	width: 120px; 
	color: #fff; 
	text-decoration: none; 
	float: left; 
	margin: 2px 5px; 
	background: url(/global/images/puceTitreAlternate.gif) no-repeat 0px 2px; 
	padding-left: 10px;
	}
	#rappelThemesFaq h2 {
	font-family: "Trebuchet MS"; 
	color: #ff6418; 
	font-size: 1.3em; 
	padding: 2px 0; 
	text-align: center; 
	margin-bottom: 5px; 
	background: #fff url(../images/bgTitrePlus.gif) no-repeat left top;
	}
	.itemFaq ul li {
	list-style-type: square; 
	list-style-position: inside; 
	opacity: 1;
	}
	/* Formulaire */
	fieldset {
	width: 95%; 
	border: 0; 
	margin: 0; 
	padding: 0;
	}
	legend {
	font-family: "Trebuchet MS"; 
	font-size: 1.3em; 
	line-height: 1.0em; 
	font-weight: bold; 
	color: #666;
	margin-bottom: 5px;
	}
	select, input, textarea, button {
	font-family: "Trebuchet MS";
	}
	fieldset fieldset {
	border: 1px solid;
	}
	h4 {
	font-family: "Trebuchet MS"; 
	line-height: 1.5em; 
	font-weight: bold; 
	color: #666;
	}
	fieldset fieldset legend {
	color: #980e19; 
	font-size: 1.2em;
	line-height: 1em;
	color: #999;
	}
	p.fieldline {
	font-size: 0.5em; 
	float: left; 
	clear: both; 
	margin: 0px 0px; 
	padding: 0;
	}
	.float {
	float: left;
	}
	span.float {
	float: left;
	margin-right:10px;
	}
	#adherer label, #adherer span.pseudolabel {
	float: left;
	width: 240px;
	text-align: right ;
	font-weight: normal;
	padding-top: 2px;
	}

	#mainContentPro #adherer label, #adherer span.pseudolabel {
	float: left;
	width: 190px;
	text-align: right ;
	font-weight: normal;
	padding-top: 2px;
	}
	span.float2 label {
		width:  auto !important;
	}
	span.pseudolabel {
	font-weight: bold;
	}
	#adherer input, #adherer textarea {
	margin: 0px 5px;
	padding: 2px;
	}
	#adherer input.radio, #adherer input.checkbox {
	border: none; 
	position: relative; 
	top: 0px;
	border: none;
	}
	input.textfield {
	}
	input.textfield.long {
	width: 180px;
	}
	input.textfield.xlong {
	width: 220px;
	}

	input.textfield.xxlong {
	width: 280px;
	}
	input.textfield.moyen {
	width: 100px;
	}
	p.field_line a {
	text-decoration: none;
	color: #ff6418;
	}
	input.textfield.court {
	width: 28px;
	}
	input.textfield.date {
	width: 53px;
	}
	input.textfield.telephone {
	width:  53px;
	}
	p.field_line {
	clear: both;
	}
	input.adresse {
	width: 300px;
	}
	select {
	width: 180px;
	margin: 0 0 0 5px;
	}
	font.required {
	font-weight: bold; 
	color: #980e19;
	}

	#ongletsID {
	width: 360px;
	float: left;
	text-align: center;
	margin-bottom: 15px;
	padding-left: 150px;
	}
	button.suiteForm {
	width: 200px;
	height: 30px;
	float: right;
	clear: both;
	text-indent: -50em;
	background: url(/global/images/btAdherer.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	}
	/* button pour le formulaire newsletter */
	button.suiteFormNewsletter {
	width: 200px;
	height: 30px;
	float: right;
	clear: both;
	text-indent: -50em;
	background: url(/global/images/btvalider.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	}
	div.warning {
	background: #ebebeb;
	border: 1px solid #666;
	padding: 10px;
	font-family: "Trebuchet MS"; 
	color: #ff6418; 
	font-size: 1.3em; 
	margin-bottom: 10px;
	}
	/* Mise en forme du texte */
	#presentationA {
	padding-top: 55px;
	width: 100px; 
	float: left;
	}
	#presentationA img {
	width:  90px;
	margin: 5px;
	}
	#presentationB {
	margin-left: 100px ;
	}
	#mainContent {
	font-size: 1.05em;
	}
	#mainContent a {
	color: #ff6418; 
	text-decoration: underline;
	}
	#mainContent ul {
	margin: 5px 0;
	font-size: 1em;
	}
	#mainContent ul li { 
	list-style-type: none; 
	list-style-position: inside;
	margin: 3px 0;
	background: url(/global/images/puceOrangeListe.gif) no-repeat 0px 1px;
	padding-left: 10px;
	}

	#mainContent ul ul {
	margin-left: 10px;
	}
	#mainContent ul ul li { 
	background-image: none;
	padding-left: 0 ; 
	list-style-type: square;
	}
	#mainContent p {
	line-height: 1.3em;
	margin: 10px 0px 5px 0px;
	}
	/* = PRESSE*/
	p.accroche {
	font-weight: normal;
	}
	span.datePresse {
	width:  75px;
	color:  #fff;
	font-size: 1.1em;
	text-align: center;
	padding: 0 0 0 5px;
	background:  url(/global/images/bgOngletGauche.gif) no-repeat top left;
	float:left;
	}
	span.titrePresse {
	float: left;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	font-weight: bold;
	background:  url(/global/images/bgOngletDroite.gif) no-repeat top left;
	padding-left: 10px;

	}
	p.blocTitre {
	width: 98%;
	float: left;
	border-bottom: 1px solid #ff6418;
	}
	/* Partenaires */
	#partenairesA, #partenairesB {
	width:  47%;
	margin-right: 2%;
	float: left;
	}
	#exemplesA, #exemplesB {
	width:  245px;
	}
	#exemplesA {
	float: left;
	}
	#exemplesB {
	float:left;
	margin: 0 0 0 15px;
	}
	#partenairesC {
	width: 98%;
	float: left;
	}



	h2.identifiant {
	width: 100%;
	}
	.blocPartenaires {
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
	}
	/* Fiche Véhicule */
	#titrePage span {
	color: #000;
	}
	#ficheVehiculeA {
	width: 330px;
	margin-right: 10px;
	float: left;
	padding-left: 15px;
	position: relative;
	}
	#ficheVehiculeB {
	width: 165px;
	float: left;
	}
	#visuelVehicules {
	padding: 0 0 0 30px;
	}
	#visuelVehicules img {
	margin:  5px 0;
	}
	#ficheVehiculeB h3 {
	font-family: "Trebuchet MS";
	font-size: 1.3em;
	text-align: left;
	background: url(/global/images/puceOrangeListe.gif) no-repeat 0px 3px;
	padding-left: 10px;
	}
	#ficheVehiculeA img {
	margin-top: 30px;

	}
	#mainContent ul#listeVehicule li {
	}
	#mainContent #itTwingo a{
	width: 135px;
	height: 135px;
	display: block;
	float: right;
	padding: 0;
	}
	#mainContent #itFocus a{
	width: 135px;
	height: 135px;
	display: block;
	overflow: hidden;
	float: right;
	padding: 0;
	text-indent: -50em;

	}
	/* Partenaires */
	.blocPartenaires img{
	float: left;
	margin: 0 10px 0 0;
	}
	p.titrePartenaires {
	font-family: "Trebuchet MS"; 
	font-weight: bold;
	font-size: 1.2em;  
	color: #ff6418;
	}
	p.titrePartenaires a{
	text-decoration: none;
	}
	p.titrePartenaires a:hover{
	text-decoration: underline;
	}
	.blocExemple {
	width: 100%;
	float: left;
	text-align: center;
	}
	p.titreExemple {
	font-family: "Trebuchet MS"; 
	font-weight: bold;
	font-size: 1.3em;  
	color: #ff6418;
	}
	p.texteExemple {
	text-align: left;
	padding: 0 5px;
	}
	p.prix {
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	font-weight: bold;
	color: #ff6418;
	}
	p.prix span {
	color:  #000;
	font-weight: normal;
	}
	.blocExemple img {
	width: 240px;
	margin: 5px;
	}
	/* SITEMAP */
	#SiteMap {
	margin: 10px 0px;
	}
	#SiteMap ul li{
	background: url(/global/images/siteMapN1.gif) no-repeat top left;
	margin-left: 5px;
	}
	#SiteMap ul li a {
	font-family: "Trebuchet MS";
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	}
	#SiteMap ul ul li a {
	color: #ff6418;
	font-size: 1.1em;
	font-weight: normal;
	}
	#SiteMap ul ul li {
	background: url(/global/images/siteMapN2.gif) no-repeat top left;
	list-style: none;
	margin-left: 5px;
	padding-left: 8px;
	}
	img.infos {
	position:  absolute;
	top: 88px;
	left: 20px;
	}
	#SiteMap ul a {
	text-decoration: none;
	}
	#SiteMap ul a:hover {
	text-decoration: underline;
	}
	ul.siteMapB {
	margin-top: 10px;
	float: left;
	}

	/* CARTE DES STATIONS */
	#listeStations {
	margin-top: 5px;
	}
	#listeStations #titre {
	font-family: "Trebuchet MS"; 
	font-size: 1.3em; 
	font-weight: bold; 
	background: url(/global/images/puceTitreAlternate.gif) no-repeat bottom left; 
	padding-left: 10px; 
	margin: 0 0 5px 0; 
	color: #000; 
	text-align: left;
	}
	#listeStations .element {
	cursor: pointer;
	display: block;
	margin: 3px 0;
	}
	#listeStations .element a {
	background: url(/global/images/puceListeStations.gif) no-repeat 0px 4px;
	padding-left: 10px ;
	}
	#listeStations .element a:hover {
	color: #fff;
	}
	.uneStationChezVous {
	margin-top: 10px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	}
	.uneStationChezVous a {
	background: url(/global/images/puceOrangeListe.gif) no-repeat 0px 1px;
	padding-left: 10px;
	}
	.element input {border: none;}

	.labelCheckbox {position: relative; top: -1px; cursor: pointer;}
	.labelCheckbox img {position: relative; top: 3px;}

	input#pompasse,
	input#parkings {
	display: none;
	}
	p.linksStations {
		margin: 0px;
	}

	.linksStations a {
		text-decoration: none!important;
		color: #000!important;
	}
	
	/* OUBLI */
	#input_captcha {
	width:  50px;
	}
	#oubli p {
	margin:  5px 0px;
	}
	#oubli  p label.field_title {
	width: 150px !important;
	text-align: right;
	float: left;
	padding-top: 3px;
	margin-right: 5px;
	}
	p.field_line.captcha {
	text-align: center;
	padding-top: 15px;
	margin: 15px 0 0 0;
	}
	#oubli p input.textfield {
	width: 157px;
	padding: 4px 10px ;
	background: url(/global/images/bgInput-espaceClient.gif) no-repeat top left;
	border: 0;
	color: #fff;
	}
	#oubli p input.email {
	width: 157px;
	padding: 4px 10px ;
	background: url(/global/images/bgInput-espaceClient.gif) no-repeat top left;
	border: 0;
	color: #fff;
	}
	#validation input {
	width: 120px;
	height: 30px;
	text-indent: -50em;
	overflow: hidden;
	background: url(/global/images/btvalider.gif) no-repeat top right;
	border: none;
	float: right;
	margin: 15px 0 0 280px;
	}
	a#recevoirMail {
	width: 118px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-indent: -50em;
	margin: 5px 5px;
	background:  url(/global/images/btRecevoirEmail.gif) no-repeat top left;
	float: left;
	}
	a#reserverEnligne {
	width: 118px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-indent: -500px;
	margin: 5px 12px;
	background:  url(/global/images/btReserverEnLigne.gif) no-repeat top left;
	float: left;
	}
	a#pasAdherent {
	width: 118px;
	height: 30px;
	overflow: hidden;
	text-indent: -500em;
	display: block;
	margin: 5px 4px;
	background:  url(/global/images/btNonAdherent.gif) no-repeat top left;
	float: right;
	}
	/* Perte des identifiants */

	#ongletIdentifiant, #ongletPassword {
	width: 180px;
	height: 14px;
	text-align: center;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	color: #fff;
	padding: 8px 0;
	background: url(/global/images/ongletOff.gif) no-repeat ;
	cursor: pointer;
	}

	#ongletIdentifiant.currentOnglet, #ongletPassword.currentOnglet {
	background: url(/global/images/ongletOn.gif) no-repeat ;
	}
	#lbl_captcha img {
	position: relative;
	top: 10px;
	}
	/* AJOUTS */
	.note {
		width:100%;
		margin-top: 10px;
		color: #666;
		font-size: 0.8em; 
		font-style: italic;
	}

	.interieure #complements {
	}