/* @override http://imarguerite2.lux.mediacd.fr/global/css/communs.css */

/* = 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 {
width: 90px; 
height: 30px; 
float: left; 
overflow: hidden; 
text-indent: -30em; 
float: left; 
margin-right: 5px; 
background: url(/global/images/labelDepart.gif) no-repeat top left;
}
label.retour {
width: 90px; 
height: 30px; 
float: left; 
overflow: hidden; 
text-indent: -30em; 
margin-right: 5px; 
display: block; 
background: url(/global/images/labelRetour.gif) no-repeat top left;
}
input.inputDate {
width: 60px; 
height: 13px; 
padding: 5px 7px 5px 7px; 
color: #fff; 
border: none; 
float: left; 
font-family: "Trebuchet MS";
overflow: hidden;
font-size: 12px; 
margin-right: 8px; 
background: #a5A5A5 url(/global/images/bgInputDate.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 {
position: absolute; 
top: 0px; 
left: 190px;
}
#heurearrivee {
position: absolute; 
top: 0px; 
left: 190px;
}
.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 {
}