/* = Html = */
	html, body {padding:0;}
	html {margin: 0; background: #FCED06 url(../medias/html.gif) no-repeat top left;}
	body {margin:0; background: transparent url(../medias/bgHtml.gif) repeat-x 0 0;}

/* png*/
	* html img,
	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../medias/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}

/* = Commun = */
	.break, .clear {display: block; clear:both; height:1px; }
	.hidden {display: none}
	p {line-height: 130%;}
	img {display: block;margin:0; padding:0;}

/* = Classes communes = */
/*Arrondis*/
	.rounded {position: relative;margin:0;}
	.tl, .tr, .bl, .br {position: absolute; width: 20px; height: 20px;}
	.tl {background: transparent url(../medias/TopLeft.png) no-repeat 0 0;}
	.tr {background: transparent url(../medias/TopRight.png) no-repeat 0 0;}
	.bl {background: transparent url(../medias/BottomLeft.png) no-repeat 0 0;}
	.br {background: transparent url(../medias/BottomRight.png) no-repeat 0 0;}
	.tr, .br {right: 0;}
	.tl, .bl {left: 0;}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}
	
/* = Debug = */
	.debug {/*background: transparent url(../medias/12_col.png) repeat-y;*/}
	.container_12 {}

/* banners */
	#bannerRight {
		margin:0 auto; width:100%; 
		position:absolute; top:115px;
		}
	#bannerRight img {
		margin: 0 auto; 
		z-index: 1000;
		position:relative; 
		left:545px;
		}
	#bannerRight #flashHome {
		margin: 0 auto; 
		position:relative; left:545px;
		}
	#bannerRight #flashHome {
		z-index : 10000;
		width: 120px; height:600px;
		}

/* = structure = */
	#habillage, #logosContent, #headerContent, #menuContent,
	#formulesContent, #middleTopContent, #mainContent, 
	#footerAdminContent, #footerContent {width: 100%; position: relative;}
	#middleTopContent, #mainContent { z-index: 0; }

	#headerContent { height: 165px; background: transparent url(../medias/header.gif) no-repeat top center;}
	body#home #headerContent {height: 205px;}
	body#generique #headerContent {height: 150px;}
	
	#logosContent .container_12,  #headerContent .container_12, 
	#formulesContent .container_12, #middleTopContent .container_12, 
	#menuContent .container_12, #mainContent .container_12, 
	#footerContent .container_12 {position: relative; width: 960px; margin: 0 auto;}
	
	#logosContent {z-index: 1000!important;}
	body#home #headerContent .container_12 { height: 205px;}
	#mainContent .container_12 {background-color:#fff;}
	body#home #mainContent .container_12 {padding: 1em 0 1em 0;}
	
	#middleTopContent .container_12 {
		height: 416px;
		background: transparent url(../medias/bgCalculateur.jpg) no-repeat 0 0;
		}
	#footerContent .container_12 {background: #C4DCED url(../medias/bgFlcMail.gif) no-repeat top right;}
	#footerAdminContent .container_12 {background-color:#1C5FA8;}

/* = headerContent */
	
	#headerContent h2.accroche {
		position: absolute; top: 100px; left: 225px;
		display: block; font-size: 170%; color:#0F60A8; font-weight: bold;
		}
	
	/* logos */
	a.logo_zenius, a.logo_loceco {position:absolute; display: block; /*z-index: 10000;*/}
	a.logo_zenius {top: 5px; left: 32px; width: 164px; height: 160px;}
	a.logo_loceco {top: 60px; right: 10px; width: 108px; height: 76px;}
	
	/*stickers*/
	#stickers {
		z-index: 10000;
		position: absolute; top: 160px; right: 40px;
		display: block; width: 165px; height: 165px;
		}
	
	/* menuTop */
	#menuTop {
		float: right; 
		margin: 0; padding: 0 25px 0 0;
		}
	#menuTop li {
		position:relative;
		display: inline; float: left;
		padding: 0 0 0 3px; margin: 0;
		}
	#menuTop li a {
		padding: 4px 7px 0 28px; margin:0;
		color:#1361A9; font-size: 85%; 
		font-weight: bold; text-decoration: none;
		background: transparent url(../medias/itemMenuTop.gif) no-repeat 0 0;
		}
	#menuTop li a:hover {
		background-position: 0 -20px;
		background-color: #FCED06;
		}
	
	/* sous menu */
	.sousmenu {
		z-index: 10000; width: 150px!important;
		position: absolute; top: 15px; left:3px;
		margin: 0; padding: 10px 0 10px 0;
		background-color:#FCED06;
		}
	.sousmenu li {
		display: block; width: 100%; height: 1%; 
		 float: none!important;
		margin: 0 0 5px 0!important;
		padding: 0!important;
		}
	.sousmenu li a {
		display: block;
		color:#DC102A!important; font-size: 93%;
		background-image: none!important;
		}
	
	/* connexion */
	form#connexion {float: right; padding: 3px 0 0 0;}
	form#connexion input, form#connexion button {float: left;}
	form#connexion input {
		width:125px;
		margin: 0 5px 0 0; padding: 2px;
		font-size: 80%; color:#506464;
		border: 1px #506464 solid;
		}
	form#connexion button {
		display: block; width: 25px; height: 22px;
		text-indent: -1000em; border:0;
		background: transparent url(../medias/buttonTopOk.gif) no-repeat 0 0;
		}
	form#connexion a.more {
		position: absolute; top: 40px; right: 28px;
		display: block; width: 135px; padding: 0 0 0 8px;
		color:#1361A9; font-size: 80%; 
		font-weight: normal; text-decoration: none;
		background: transparent url(../medias/flcRed.gif) no-repeat 0 3px;
		}
	
	/* rappel infos utilisateur déjà connecté */
	form#connexion p.info, 
	form#connexion p.liens {
		padding:5px; width: 300px;
		float: left; font-size: 85%;
		background-color:#C8E7FA;
		}
	form#connexion p.info {margin: 5px 0 0 0; color:#083E72; font-weight: bold;}
	form#connexion p.liens {/*height: 25px;*/ margin: -5px 0 0 0;}
	
	form#connexion p.liens a.more {
		width: auto!important; float: left;
		position: relative; top: 0; right: 0;
		margin: 0 10px 0 0;
		}
		
/* = home */
	
	/* avantages */
	#avantages {height: 215px; oveflow: hidden;}
	#avantages h2 a {
		display: block; padding: 0.5em; width: 90%; 
		font-size: 132%; color:#fff; font-style:italic;
		/*font-family:'Myriad Pro';*/ 
		}
	
/* calculateur */
	#calculateur {}
	#calculateur h2, #calculateur h2 em {/*font-family:'Myriad Pro';*/}
	#calculateur h2 {font-size: 200%; color: #84dbff;}
	#calculateur h2 em {font-size: 85%; color: #fff; padding: 5px 0 0 0; }

	/* modes */
	#modes { margin: 35px 0 0 0;}
	#modes li {float: left;}
	#modes li a {
		text-indent: -1000em;
		display: block; width: 55px; height: 55px;
		}
	
	#modes li.mode1 a {background: transparent url(../medias/formu25.gif) no-repeat 0 0;}
	#modes li.mode2 a {background: transparent url(../medias/formu50.gif) no-repeat 0 0;}
	#modes li.mode3 a {background: transparent url(../medias/formu100.gif) no-repeat 0 0;}
	#modes li.mode4 a {background: transparent url(../medias/formu200.gif) no-repeat 0 0;}
	#modes li.mode5 a {background: transparent url(../medias/formu300.gif) no-repeat 0 0;}
	#modes li.last {color:#fff; font-size: 125%; padding: 14px 0 0 10px; font-weight: bold;}
	
	#modes li.mode1 a.current, #modes li.mode1 a:hover,
	#modes li.mode2 a.current, #modes li.mode2 a:hover,
	#modes li.mode3 a.current, #modes li.mode3 a:hover,
	#modes li.mode4 a.current, #modes li.mode4 a:hover,
	#modes li.mode5 a.current, #modes li.mode5 a:hover  {background-position: 0 -55px;}
	
/* systèmes de calcul */
	#systemeCalcul {margin: 30px 0 0 0;}
	#systemeCalcul #selectFormule {
		padding: 50px 0 0 0;
		background: transparent url(../medias/fldModeSelect.gif) no-repeat top left;
		}
	#selectFormule select {width: 100%;}
	
	/* SLIDER / voir feuille style : jquery-ui-1.7.2.custom.min.js */
	
	/* prix */
	#prix {margin: 38px 0 0 0; padding:0;}
	#prix span {
		display: block; width: 120px; height: 31px; 
		padding: 5px 0 0 10px; font-size: 175%; color:#fff; 
		text-align: center; font-weight: bold;
		background: transparent url(../medias/fieldPrice.gif) no-repeat 0 0;
		}
	
	/* validation */
	#systemeCalcul #validation {}
	#validation #reservation,
	#validation #abonnement {
		cursor: pointer;
		display: block; width:220px; height: 36px; 
		border:0; text-indent: -1000em;
		}
	#validation #reservation {background: transparent url(../medias/btResa.gif) no-repeat 0 0;}
	#validation #abonnement {background: transparent url(../medias/btAbonne.gif) no-repeat 0 0;}
	
	
	/* articles */
	body#home #mainContent h3,
	body#home #mainContent h3 a {
		padding: 0 0 5px 0; font-weight: bold;
		color:#1361A9; font-size: 93%; 
		text-decoration: none;
		}
	body#home #mainContent p {font-size: 85%; color:#3f5251;}
	body#home #mainContent p a {color:#1C5FA8;}
	body#home #mainContent img {margin: 7px 0 7px 0;}
	body#home #mainContent a.more {
		display: block; padding: 0 0 0 8px;
		color:#1361A9; font-size: 85%; 
		font-weight: bold; text-decoration: none;
		background: transparent url(../medias/flcRed.gif) no-repeat 0 2px;
		}
	
	/* agences */
	#listeAgences ul {padding: 10px; background-color:#FCED06;}
	#listeAgences ul li {
		height: 1%;
		padding: 0 0 0 12px; margin: 0 0 3px 0;
		background: transparent url(../medias/flcRedSup.gif) no-repeat 0 3px;
		}	
	#listeAgences ul li a {
		display: block; text-decoration: none;
 		color:#1361A9; font-size: 85%;
		}
	#listeAgences ul li a:hover {text-decoration: underline;}
	
	/* formule Zenius Pro */
		

/*menuMain*/
	#menuMain {}
	#menuMain li {float: left; width: 140px; margin: 0 10px 0 0;}
	#menuMain li.last {margin:0;}
	#menuMain li a {
		display: block; width: 120px; height: 35px;
		padding: 20px 10px 0 10px; font-weight: normal;
		font-size: 130%; color:#fff; line-height: 125%;
		font-style:italic; text-decoration: none;
		background: transparent url(../medias/btMenuMain.gif) no-repeat 0 0;
		}
	#menuMain li a:hover,
	#menuMain li.current a {background-position: 0 -60px;}
	
/* h1.focus */
	h1.focus {
		font-size: 135%; color:#fff; font-weight: bold;
		padding: 0.4em 10px 0.4em 20px; margin:0;
		position: relative; width: 930px;
		background-color:#083E72;
		}

/* véhicules */
	#vehicules {width: 100%;}

	.gamme {
		z-index: 10000;
		border-top: 1px #D4D9D9 dotted;
		width: 100%; height: auto; clear: both;
		margin: 0 0 10px 0; padding:0.5em 0 0.5em 0;
		}
	.vhcl_img, .vhcl_des {float: left;}
	.vhcl_des {padding: 0 0 0 10px;}
	
	.gamme h2 {/*font-family:'Myriad Pro';*/ font-size: 120%; color:#bf0018; font-weight: bold;}
	.gamme h4 {/*font-family:'Myriad Pro';*/ font-size: 120%; color:#3f5251; font-style:italic; }

	.gamme .vehicule {padding: 0.4em 0 0 0;}
	.gamme .vehicule p.libele {
		font-size: 100%; color:#108BD8; 
		font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 0.3em 0;
		border-bottom: 1px #D4D9D9 dotted;;
		}
	.gamme .vehicule p.libele span {color:#BF0018;}
	.gamme .vehicule p {color:#3f5251; font-size: 85%;}
	
	/* options */
	.gamme .vehicule ul.options {
		height: 60px;
		padding: 5px 0 5px 0;
		}
	.gamme .vehicule ul.options li {
		float: left; width: 60px!important; 
		margin: 0 25px 0 0;
		display: block; text-align: center;
		}
	.gamme .vehicule ul.options li img {}
	.gamme .vehicule ul.options li span {color:#000; font-size: 85%;}
	.opt_Result li span {color:#666!important; padding:0 7px 0 0!important;}	
	
	/* offre */
	.gamme .vehicule .offre {
		margin: 20px 0 0 0;
		position: relative; clear: both;
		display: block; height: 40px; width: 600px;
		background: transparent url(../medias/bgForfait.gif) no-repeat 0 0;
		}
	.mode1 {background: transparent url(../medias/bgForfait1.gif) no-repeat 0 0!important;}
	.mode2 {background: transparent url(../medias/bgForfait2.gif) no-repeat 0 0!important;}
	.mode3 {background: transparent url(../medias/bgForfait3.gif) no-repeat 0 0!important;}
	.mode4 {background: transparent url(../medias/bgForfait4.gif) no-repeat 0 0!important;}
	.mode5 {background: transparent url(../medias/bgForfait5.gif) no-repeat 0 0!important;}
	.gamme .vehicule .offre p.prix,
	.gamme .vehicule .offre p.forfait,
	.gamme .vehicule .offre a.modification {position: absolute;}
	
	.gamme .vehicule .offre p.prix {padding: 3px 0 3px 0; margin:10px 0 0 25px; color:#fff; font-size: 85%;}
	.gamme .vehicule .offre p.prix span { font-size: 200%; padding: 0 7px 0 0;}
	
	.gamme .vehicule .offre p.forfait {padding:0;}
	.gamme .vehicule .offre p.forfait span.nbre {
		display: none;
		/*
			display: block; width: 40px; height: 20px;
			margin: 14px 0 0 355px;
			font-size: 130%; color:#fff; text-align: center;
		*/
		}
	.gamme .vehicule .offre a.modification {
		font-size: 85%; color:#3f5251;
		margin: 10px 0 0 460px; padding: 5px 0 0 7px;
		text-decoration: none;
		background: transparent url(../medias/flcRed.gif) no-repeat 0 7px;
		}
		
	ul.forfaits .mode1, ul.forfaits .mode2,
	ul.forfaits .mode3, ul.forfaits .mode4 {background-image: none!important;}

	/* validation */
	.gamme .validation {
		clear: both; position: relative;
		} 
	.gamme .validation a.resa,
	.gamme .validation a.abonne {
		cursor: pointer; float: left;
		display: block; width:155px; height: 32px; 
		border:0; text-indent: -1000em;
		}
	.gamme .validation a.resa {background: transparent url(../medias/btResaReduce.gif) no-repeat 0 0;}
	.gamme .validation a.abonne {background: transparent url(../medias/btAbonneReduce.gif) no-repeat 0 0;}

/* menuLeft */
	#menuLeft {padding: 0;}
	#menuLeft li {height:1%; margin: 0 0 5px 0;}
	#menuLeft li a {
		display: block; 
		width: 210px; height: 24px;
		padding: 8px 0 0 20px;
		font-size: 100%; color:#fff; 
		font-weight: bold; text-decoration:none;
		background: transparent url(../medias/itemMenuleft.gif) no-repeat 0 0;
		}
	#menuLeft li.current a,
	#menuLeft li a:hover {
		color:#bf0018!important; 
		text-decoration:none;
		background-position: 0 -32px;
		}

/* menuLeftTarifs */
	#menuLeftTarifs {padding: 0;}
	#menuLeftTarifs li {height:1%; margin: 0 0 5px 0;}
	#menuLeftTarifs li a {
		display: block; width: 230px; height: 32px;
		text-indent: -1000em;
		}
	#menuLeftTarifs li.current a,
	#menuLeftTarifs li a:hover {
		text-decoration:none;
		background-position: 0 -32px!important;
		}

	#menuLeftTarifs li.modeJrs1 a {background: transparent url(../medias/modeJrs1.gif) no-repeat 0 0}
	#menuLeftTarifs li.modeJrs2 a {background: transparent url(../medias/modeJrs2.gif) no-repeat 0 0}
	#menuLeftTarifs li.modeJrs3 a {background: transparent url(../medias/modeJrs3.gif) no-repeat 0 0}
	#menuLeftTarifs li.modeJrs4 a {background: transparent url(../medias/modeJrs4.gif) no-repeat 0 0}
	#menuLeftTarifs li.modeJrs5 a {background: transparent url(../medias/modeJrs5.gif) no-repeat 0 0}
	
	#mentions {padding: 1em 0 0 15px;}
	#mentions h2 {
		margin: 5px 0 10px 0;
		font-size: 100%; font-weight: bold; 
		color:#fff; /*color:#009EE0;*/ 
		border-bottom: 1px #009EE0 dotted;
		}
	#mentions ul {margin:0;}
	#mentions ul li, #mentions p {
		display: block;
		margin: 0 0 5px 0; padding: 0 0 5px 10px;
		font-size: 80%; color:#fff;
		background: transparent url(../medias/itemPuce.gif) no-repeat -3px 0px;
		}
	#mentions ul li a, #mentions p a {color:#fff;}

/* tarifs */
	.gammeTarifs {
		padding: 0.5em 0 0.5em 0;
		margin: 0 0 2em 0;
		/*border-bottom: 1px #D4D9D9 dotted;*/
		}	
	.gammeTarifs h2 {/*width: 200px;*/ padding: 8px 0 8px 0;}
	.imgGammeTarif, .desGammeTarif {float: left;}
	.imgGammeTarif {display: block; width: 220px; overflow: hidden;}
	.imgGammeTarif a.voir {
		display: block; 
		margin: 7px 0 0 0;
		padding: 0 0 0 8px;
		font-size: 77%; color:#083E72; 
		font-weight: bold; text-decoration: none;
		background: transparent url(../medias/flcRed.gif) no-repeat left center!important;
		}

	.desGammeTarif {width: 470px; margin: 0 0 0 10px;}
	.desGammeTarif h3 {
		clear: both; display:block;
		padding: 0.2em 0 0 0!important; 
		margin: 0.5em 0 0.2em 0!important;
		border-top: 1px #D4D9D9 dotted;
		border-bottom: 0!important;
		}
	.desGammeTarif .tarif {
		display: block; height: 40px;
		clear: both; 
 		margin: 0 0 0 5px 0;
		}
	.desGammeTarif .prix,
	.desGammeTarif a.resa,
	.desGammeTarif a.abonne {
		cursor: pointer; float: left;
		display: block; border:0; margin: 0 3px 0 0;
		}
	.desGammeTarif a.resa, .desGammeTarif a.abonne {width:145px; height: 27px; text-indent: -1000em;}
	.desGammeTarif .prix {
		width:155px;  height: 32px; padding: 8px 0 0 10px;
		font-size: 100%; color:#fff; font-weight: normal;
		background: transparent url(../medias/zonePrix.gif) no-repeat 0 0;
		}
	.desGammeTarif .prix span {font-size: 150%;}
	.desGammeTarif a.resa {background: transparent url(../medias/btResaReduce.gif) no-repeat 0 0;}
	.desGammeTarif a.abonne {background: transparent url(../medias/btAbonneReduce.gif) no-repeat 0 0;}

/* Page 2 colones */
	#content2col {
		padding: 1em 0 1em 0; border-bottom: 10px #fff solid;
		background: transparent url(../medias/bgRepeatMenuLeft.gif) repeat-y 0 0;
		}

/* ficheVille */
	#ficheVille {padding: 0 0 0 10px; margin:0;}
	#ficheVille p span {display: block;}
	
/* zoomMap */
	#zoomMap {}
	#zoomMap img {}
	#zoomMap .validation {padding: 0.5em 0 0 0;}
	
	#ficheVille .validation {height: 30px;}
	
	#zoomMap .validation a.resa,
	#ficheVille .validation a.resa,
	#zoomMap .validation a.abonne,
	#ficheVille .validation a.abonne {
		cursor: pointer; float: left;
		display: block; width:145px; height: 27px; 
		border:0; text-indent: -1000em;
		}	
	#ficheVille .validation a.resa, #zoomMap .validation a.resa {background: transparent url(../medias/btResaReduce.gif) no-repeat 0 0;}
	#ficheVille .validation a.abonne, #zoomMap .validation a.abonne {background: transparent url(../medias/btAbonneReduce.gif) no-repeat 0 0;}

/* = wisi = */
	.wisi {}
	.wisi a{color:#0060A9;}
	.wisi h1 {}
	.wisi h2 {font-size: 120%; color:#bf0018; font-weight: bold;}
	.wisi h3 {
		font-size: 100%; color:#108BD8; 
		font-weight: bold; padding: 0 0 0.2em 0; margin: 0.2em 0 0.2em 0;
		border-bottom: 1px #D4D9D9 dotted;
		}
	.wisi h4 {font-size: 93%} 
	.wisi p, .wisi li {font-size: 85%;}
	.wisi li a {font-size: 108%;}
	.wisi p {color:#666; padding: 0.2em 0 0.5em 0;}
	.wisi p.chapeau {font-size: 93%;}
	.wisi p.chapeau strong, .wisi p.chapeau b {font-weight: bold;}
	.wisi p.chapeau img {float: left; padding: 0 1em 1em 0;}
	.wisi ul {}
	.wisi ul li {}
	.wisi ul li a {font-size: 85%;}

	.wisi a.more {
		display: block; padding: 0.5em 0 0 0;
		font-size: 85%; /*color: #134897;*/
		text-align: right; text-decoration: none;
		}
	.wisi p a.more {font-size: 100%;}

/* forfaits */
	.liste-forfaits {
		padding: 7px;
		display: block; width: 125px; height: auto;
		position: absolute; right: 0;
		border: 1px #000 solid; margin: -95px 0 0 0;
		background-color: #009EE0;
		}
	.liste-forfaits, .liste-forfaits a {color:#fff;}	
	.liste-forfaits ul li a,
	.liste-forfaits a {font-size: 85%;text-decoration: none;}
	.liste-forfaits a.close {
		display: block; color:#083E72;
		text-align: right;
		}
	
/* raisons / encart float right */
	#faqPage {padding:10px;}
	#news_float {float: left; width: 650px;}
	#faqPage .intro { padding: 0 0 20px 0;}
	#raisons {
		position: relative;
		float:right; width: 250px;
		margin: 0 0 20px 10px; 
		background-color:#FFEC0B;
		}
	#raisons h2 {
		color:#fff; font-size: 100%; 
		padding: 2px 10px 2px 10px; 
		background-color:#1C5FA8;
		}
	#raisons ul {padding:5px;}
	#raisons ul li {height: 1%;}
	#raisons ul li a {
		display:block; padding: 0 0 0 10px;
		font-size: 100%; color:#1C5FA8; 
		text-decoration: none;
		background: transparent url(../medias/flcRed.gif) no-repeat 0 3px;
		}

/* = footerContent */

	/* tools */
	#tools {
		height: 22px; overflow: hidden;
		padding: 0 0 0 10px;
		}
	#tools li {
		float: left; margin: 2px 0 0 0;
		padding: 0 10px 0 28px;
		border-left: 1px #fff solid
		}
	#tools li.tool1 {background: transparent url(../medias/itemTool1.gif) no-repeat 3px -1px;}
	#tools li.tool2 {background: transparent url(../medias/itemTool2.gif) no-repeat 3px -1px;}
	#tools li.tool3 {
		border-right: 1px #fff solid;
		background: transparent url(../medias/itemTool3.gif) no-repeat 3px -1px;
		}
	#tools li a {font-size: 80%; color:#1361A9; text-decoration: none;}
	
	/* bons plans */
	#bonsPlans {height: 22px; overflow: hidden;}
	#bonsPlans form {margin:0; padding: 0;}
	#bonsPlans label,
	#bonsPlans input,
	#bonsPlans button {float: left}
	#bonsPlans label {
		text-align: right;
		width: 230px; padding: 2px 20px 0 0;
		font-size: 85%; color:#FB890D; font-weight: bold;
		}
	#bonsPlans input {
		width: 150px;
		margin: 0 5px 0 10px; padding: 1px ;
		font-size: 80%; color:#506464;
		border: 1px #506464 solid;
		}
	#bonsPlans input.ok {
		border:0;width: 23px; height: 18px;
		text-indent: -1000em; font-size: 1px; color:#CD1D00; text-align: left;
		background: transparent url(../medias/buttonOk.gif) no-repeat 0 0;
		}
	
/* = footerAdminContent */
	#footerAdminContent {margin: 0 0 10px 0;}
	#footerAdminContent h3 {color:#FCED06; font-size: 85%; padding: 5px 0 0 0;}
	#footerAdminContent ul {
		float: left;
		margin: 0; padding: 0 0 0.5em 0;
		}
	#footerAdminContent .grid_7 ul {width: 180px;}
	#footerAdminContent .grid_3 ul {width: 140px; }
	#agencesFooter {/*border-right: 1px #fff solid;*/}
	#footerAdminContent ul li {
		display: block; margin: 0; padding: 0 0 0 10px;
		background: transparent url(../medias/itemFooterContent.gif) no-repeat 0 5px;
		}
	#footerAdminContent ul li a {font-size: 77%; color:#fff; text-decoration: none;}
	#footerAdminContent ul li a:hover {color:#FCED06; text-decoration: underline;}

/*-------------------------------------------------------------------------------------*/
/* =  PAGES AVANTAGES			 */
/*-------------------------------------------------------------------------------------*/
/*--------------------- avantage_onglet*/
	/*#avantage_onglet{height:50px;}
	#avantage_onglet li {float:left;}
	#avantage_onglet li a{
		display:block; width:137px; height:50px;
		overflow:hidden; text-indent:-200em;
		background: transparent url(../medias/avantage_onglet.png) no-repeat 0 0;
		margin-right:21px;
	}
*/

	#avantage_onglet li.item1 a,
	#avantage_onglet li.item2 a,
	#avantage_onglet li.item3 a,
	#avantage_onglet li.item4 a{background: transparent url(../medias/avantage_onglet.png) no-repeat 0 0;}

	#avantage_onglet li.item1 a{background-position:0 0;}
	#avantage_onglet li.item2 a{background-position:-157px 0;}
	#avantage_onglet li.item3 a{background-position:-317px 0;}
	#avantage_onglet li.item4 a{background-position:-477px 0;}

	#avantage_onglet li.item1 a:hover, #avantage_onglet li.item1 a:focus, #avantage_onglet li.current.item1 a{background-position:0 -55px;}
	#avantage_onglet li.item2 a:hover, #avantage_onglet li.item2 a:focus, #avantage_onglet li.current.item2 a{background-position:-157px -55px;}
	#avantage_onglet li.item3 a:hover, #avantage_onglet li.item3 a:focus, #avantage_onglet li.current.item3 a{background-position:-317px -55px;}
	#avantage_onglet li.item4 a:hover, #avantage_onglet li.item4 a:focus, #avantage_onglet li.current.item4 a{background-position:-477px -55px;}

/*--------------------- avantage content*/
	#avantage_content{
		background-color:#fff !important;
		padding-bottom:15px; min-height:484px !important;
		}
	#avantage_content.deco1{background: #fff url(../medias/fond-main_content_deco1.png) no-repeat bottom right;}
	#avantage_content.deco2{background: #fff url(../medias/fond-main_content_deco2.png) no-repeat bottom right;}
	#avantage_content.deco3{background: #fff url(../medias/fond-main_content_deco3.png) no-repeat bottom right;}
	#avantage_content.deco4{background: #fff url(../medias/fond-main_content_deco4.png) no-repeat bottom right;}

	#avantage_content h1{
	display:block;
	padding:5px 12px; margin-bottom:15px;
	background-color:#073E72;
	color:#fff;
	font-size:165%; font-weight:bold;
	}

	#avantage_content .wisi strong{font-weight:bold; color:#135FA9;}

	#avantage_content a.abonne {
	border:0 none;
	cursor:pointer;
	display:block;
	float:left;
	height:32px;
	text-indent:-1000em;
	width:155px;
	background:transparent url(../medias/btAbonneReduce.gif) no-repeat scroll 0 0;
	margin-top:10px;
	}

/*--------------------- les encart*/
	#avantage_content #encart .contenu {
		margin:30px 0 0 50px;
		display:block;
		width:325px; height:237px;
		overflow:hidden;
		padding-top:22px;
		}
	#zoneEncartTexte, #zoneEncartVisuel {width: 300px;}
	#zoneEncarttexte {margin: 0 0 0 25px}
	#zoneEncartVisuel {margin : -23px 0 0 0;}
	#avantage_content.deco1 #encart .contenu{background:transparent url(../medias/avantage_encart_deco1.png) no-repeat;}
	#avantage_content.deco2 #encart .contenu{background:transparent url(../medias/avantage_encart_deco2.png) no-repeat;}
	#avantage_content.deco3 #encart .contenu{background:transparent url(../medias/avantage_encart_deco3.png) no-repeat;}
	#avantage_content.deco4 #encart .contenu{background:transparent url(../medias/avantage_encart_deco4.png) no-repeat;}

	#avantage_content #encart .contenu h2,
	#avantage_content #encart .contenu p {color:#fff; margin:0 25px 3px 25px; }
	#avantage_content #encart .contenu h2 {font-weight:bold; font-size:110%;}
	#avantage_content #encart .contenu p {font-size:87%;}
	#avantage_content #encart .contenu a{color:#fff; text-decoration:underline; font-weight:bold;}

/*--------------------- les plus*/
	#les_plus h4{
		display:block; width:165px; height:43px;
		overflow:hidden; text-indent:-200em;
		background:transparent url(../medias/avantage_lesplus_titre.png) no-repeat;
		margin-left:30px;
		}
	#les_plus li {
		font-size:85%; color:#fff;
		padding: 8px 10px 5px 30px;
		background:transparent url(../medias/avanatge_lesplus_li.png) no-repeat;
		}
	#les_plus a {
		color:#fff; text-decoration:underline; 
		font-weight:bold;
		}

/*-------------------------------------------------------------------------------------*/
/* =  pge zenius experience			 */
/*-------------------------------------------------------------------------------------*/
	body.experience a.logo_zenius_experience{
		position:absolute;
		width:288px; height:201px;
		left:0px;
		top:0px; text-decoration:none; border:none;
		}
	body.experience a.logo_zenius_experience span{
		display:block; position:absolute;
		top:112px; left:167px;
		font-size:25px;
		color:#fff; text-decoration:none;
		font-family:"Comic Sans MS", "Comic Sans MS5", cursive;
		font-weight:bold;
	}
	body.experience #headerContent{
		height:200px !important;
		background:transparent url(../medias/header_exp.gif) no-repeat scroll center top;
	}
	body.experience .accroche{
		position: absolute;
		top:110px ; right:140px;
		font-size:160%; color:#0061B0; font-weight:bold;
	}

	body.experience h1.focus{background-color:#000;}
	body.experience #content2col{
		background:transparent url(../medias/bgRepeatMenuLeft_black.gif) repeat-y scroll 0 0;
	}


	body.experience #menuLeftExp,
	body.experience #menuLeftSaison {padding:0;}
	
	body.experience #menuLeftSaison{margin-top:20px;}

	body.experience #menuLeftExp li, 
	body.experience #menuLeftSaison li {height:1%;margin:0 0 5px;}

	body.experience #menuLeftExp li a {
		font-weight:bold; padding:7px 0 0 20px;
		display:block;
		height:25px;
		text-indent:0;
		width:230px;
		background:transparent url(../medias/mode_experience.gif) no-repeat scroll 0 0;
		text-decoration:none;
		color:#fff;
	}
	body.experience #menuLeftSaison li a {
		font-weight:bold; padding:9px 0 0 20px;
		display:block;
		height:29px;
		text-indent:0;
		width:230px;
		background:transparent url(../medias/modeSaison.gif) no-repeat scroll 0 0;
		text-decoration:none;
		color:#fff;
		position:relative;
	}
	body.experience #menuLeftSaison li a span{
		position:absolute; right:43px; top:12px; display:block; width:30px; text-align:center; color:#fff;
		font-family:"Comic Sans MS", "Comic Sans MS5", cursive;
		font-weight:bold;
		}
	body.experience #menuLeftExp li.current a,
	#menuLeftExp li a:hover {
	background-position:0 -32px !important;
	text-decoration:none; color:#D20E24 !important;
	}
	body.experience #menuLeftSaison li.current a,
	#menuLeftSaison li a:hover {
	background-position:0 -38px !important;
	text-decoration:none; color:#D20E24 !important;
	}
	body.experience #content2col .grid_3{overflow:hidden; margin-right:0; width:230px;}


	/* 
		loic 13/12/2010 
	*/

		.consoIntro {}
		.consoIntro img {margin: 0 1em 0 0;}

		#listeReleve {padding: 1em 0 0 0;}
		#listeReleve .top {padding: 0 0 1em 0;}
		#listeReleve .top h2 {font-size: 100%;color:#1361A9;}
		#listeReleve .top .print {
			position: absolute; right: 25px;
			color:#545454; font-size: 85%
			}

		#listeReleve .tableauConso {
			width: 100%; margin: 0 0 1em 0;
			border-collapse: collapse;
			border: 1px #ccc solid;
			}
		#listeReleve .tableauConso th,
		#listeReleve .tableauConso td {
			padding: 5px;
			font-size: 100%;
			border: 1px #ccc solid;
			}
		#listeReleve .tableauConso td.total {
			color:#fff; background-color:#1361A9;
			}
		#listeReleve .tableauConso th {
			color:#fff; background-color:#1361A9;
			}	
		#listeReleve .tableauConso td.total {}