/* = Html = */
	html, body {padding:0;}
	html {margin: 0; background: #22627A url(../medias/html_repeat.gif) repeat 0 0;}
	body {margin: auto 0; background: transparent url(../medias/stars_top_repeat.gif) no-repeat top center;}
	
/*impression display*/
.print_logo, .adress_print {display: none;}

/* 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;}

/*font*/
/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

	/*MyriadProItalic*/
	
	@font-face {
		font-family: 'MyriadProItalic';
		src: url('../fonts/MyriadPro-It.eot');
		src: local('Myriad Pro Italic'), local('MyriadPro-It'), url('../fonts/MyriadPro-It.woff') format('woff'), url('../fonts/MyriadPro-It.otf') format('opentype'), url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
	}

	/*MyriadProBoldItalic*/

	/*@font-face {
			font-family: 'MyriadProBoldItalic';
			src: url('../fonts/MyriadPro-BoldIt.eot');
			src: local('../fonts/Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'), url('../fonts/MyriadPro-BoldIt.woff') format('woff'), url('../fonts/MyriadPro-BoldIt.otf') format('opentype'), url('../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
		}*/

	@font-face {
		font-family: 'MyriadProBoldItalic';
		src: url('MyriadPro-BoldIt.eot');
		src: local('Myriad Pro'), local('MyriadPro-BoldIt'), url('MyriadPro-BoldIt.woff') format('woff'), url('MyriadPro-BoldIt.ttf') format('truetype'), url('MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
	}

	/*MyriadProBold*/
	@font-face {
		font-family: 'MyriadProBold';
		src: url('MyriadPro-Bold.eot');
		src: local('Myriad Pro'), local('MyriadPro-Bold'), url('MyriadPro-Bold.woff') format('woff'), url('MyriadPro-Bold.ttf') format('truetype'), url('MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	}
	
	/*MyriadProRegular*/
	@font-face {
		font-family: 'MyriadProRegular';
		src: url('../fonts/MyriadPro-Regular.eot');
		src: local('../fonts/Myriad Pro Regular'), local('MyriadPro-Regular'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.otf') format('opentype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	}
	
/* = Debug = */
	.debug {/*background: transparent url(../medias/12_col.png) repeat-y;*/}

/* banners */
	#bannerRight {
		display: none;
		margin:0 auto; width:100%; 
		position:absolute; top:115px;
		}
	#bannerRight img,
	#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;}
	
	#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;}
		
	#headerContent .container_12 {z-index:1000;}
	#logosContent .container_12 {z-index:1;}
	#mainContent .container_12 {z-index: 100;}
	
	body#generique #mainContent .container_12 {background-color:#fff;}
	
	#footerContent .container_12 {height:23px; background-color:#fff;}
	#footerContent div div {margin:0;}
	
	#footerAdminContent {margin: 0;}
	#footerAdminContent .container_12 {
		background: #0C6D26 url(../medias/footerAdmin_repeat.gif) repeat-x 0 0;
		}
	#footerAdminContent .container_12 .grid_12 {
		padding: 0 0 17px 0; margin:0; width: 960px;
		background: transparent url(../medias/footer_bottom_repeat.gif) repeat-x bottom;
		}	
		
	#footerAdminContent .container_12 .content {
		margin: 10px 0 10px 0;
		padding: 0 0 15px 0;
		background: transparent url(../medias/footer_filet_repeat.gif) repeat-y 0 0;
		}
/* = headerContent */
	body#home #headerContent {height: 210px;}
	body#generique #headerContent {height: 170px;}
	
	#headerContent .container_12 {
		height: 80px; 
		background: transparent url(../medias/header_repeat_top.gif) repeat-x 0 0;
		}
	body#home #headerContent .container_12 {height: 150px;}
	
	h2.accroche {
		position: absolute;
		top: 95px; left: 500px;
		display: block;
		font-size: 150%; color:#fff;
		/*font-family: 'MyriadPro'; */
		font-weight: normal;
		font-style: italic;
		}
	body#home h2.accroche {display: none;}
	h2.accrochePage {
		position: relative;
		color:#525252 !important;
		font-size:108%;
		font-style:italic;
		padding:0.5em 0 0;
		border:0;
		}
	
/* = logos */
	a.logo_vi {
		position:absolute; 
		top: 70px; left: 10px; 
		display: block;
		width: 650px; height: 140px;
		}
	body#generique a.logo_vi {height: 78px;}
	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 {
		margin:0; padding:0;
		}
	#menuTop li {
		position:relative;
		float: left; height: 25px;
		padding: 0 0 0 3px; margin: 0;
		}
	#menuTop li a {
		float: left;
		padding: 4px 8px 0 25px; margin:0;
		color:#fff; font-size: 115%; 
		font-family: 'MyriadProItalic';
		text-decoration: none; 
		background: transparent url(../medias/itemMenuTop.png) no-repeat 0 0;
		}
	#menuTop li a:hover {
		color:#ADF355; 
		background: transparent url(../medias/itemMenuTop.png) no-repeat 0 -47px;
		}
	
/* sous menu */
	.sousmenu {
		position: absolute; 
		top: 25px; left:3px;
		z-index: 10000; width: 150px;
		margin: 0; padding: 5px;
		background-color:#073F54;
		}
	.sousmenu li {
		display: block;
		width: 100%; height: 15px!important; 
		float: none!important;
		margin: 0 0 5px 0!important;
		padding: 0!important;
		}
	.sousmenu li a {
		display: block;
		text-align: left;
		padding:0!important;
		font-weight: normal;
		color:#fff!important; font-size: 100%!important;
		background-image: none!important;
		}
	
/*signature*/
	#signature {
		margin: 53px 0 0 0;
		position: absolute;
		}
	#signature p {
		color:#fff; font-size: 80%;
		}
	
/* connexion */
	.connexionForm .mode {
		float: left; 
		width: 150px;
		}
	.connexionForm .mode p {padding:0; height: 54px; }
	.connexionForm .mode a.more {
		position: absolute;
		margin:0; padding: 0 0 0 8px;
		color:#fff; font-size: 77%; 
		font-weight: normal; text-decoration: none;
		background: transparent url(../medias/flcGreen.gif) no-repeat 0 2px;
		}
	.connexionForm .mode label,
	.deconnexionForm .mode label {
		display: block; height: 20px;
		overflow: hidden;
		padding: 5px 5px 0 25px; margin:0;
		color:#fff; font-size: 115%; 
		font-family: 'MyriadProItalic';
		background: transparent url(../medias/itemMenuTop.png) no-repeat 0 0;
		}
	.deconnexionForm .mode label a {
		color:#fff; 
		text-decoration: none;
		}
	.connexionForm .mode input {
		margin: 0 5px 0 0; padding: 2px;
		font-size: 80%; color:#506464;
		border: 1px #506464 solid;
		}	
	.connexionForm .modeAbonne input {width: 125px;}
	.connexionForm .modeCompte input {width: 110px;}

	.connexionForm .mode input.ok {
		position: absolute; right: 15px; 
		display: block; 
		cursor: pointer;
		margin: -25px 0 0 0;
		width: 35px!important; 
		height: 30px!important;
		/*text-align: right;*/
		font-size: 1px; color:#0E6E27;
		text-indent: -1000em; border:0;
		background: transparent url(../medias/ok_vi.gif) no-repeat 0 0;
		}

/* rappel infos utilisateur déjà connecté */
	form#connexion p.info, 
	form#connexion p.liens {
		padding:5px; width: 300px;
		color:#fff;
		float: left; font-size: 85%;
		}
	form#connexion p.info {margin: 5px 0 0 0; font-weight: bold;}
	form#connexion p.liens {
		margin: 4px 0 0 0;
		position: absolute;
		}
	.modeAbonne p.liens {
		position: absolute;
		padding:0!important;
		margin: 27px 0 0 0!important;
		}
	form#connexion p.liens a.more {
		color:#fff;
		width: auto!important; 
		float: left;
		position: relative;
		margin: 0 10px 0 0;
		padding: 0 0 0 10px;
		text-decoration: none;
		background: transparent url(../medias/flcGreen.gif) no-repeat 0 2px;
		}
	.modeAbonne span {
		height: 24px; width: 310px;
		color:#fff; font-size: 85%;
		line-height: 100%;
		font-weight: bold;
		position: absolute;
		}
		
/* = home */
	#leftHome {width: 320px;}
	#admini {margin: -5px 0 0 0;}
	#admini span {
		display: block;
		color:#000; font-size: 130%; 
		/*font-family: 'MyriadProBoldItalic'; */
		font-weight: bold; font-style: italic;
		padding: 0 0 .1em 0;
		}
	#admini p {
		padding: .2em 0 .2em 0;
		color:#fff; font-size: 93%;
		line-height: 175%;
		}
	#admini p a {color:#fff;}
	
/* avantages */
	#avantages {
		width: 310px; 
		padding: 0 10px 0 0;
		margin: 0;
		background: #22627A url(../medias/html_repeat.gif) repeat 0 0;
		}
	.avantage {
		margin: 1em 0 .5em 0;
		padding: 10px 0 1em 65px;
		}
	.avantage h2 {
		font-weight: normal;
		font-family: 'MyriadProBold';
		color:#fff; font-size: 130%;
		padding: 0 0 .2em 0;
		}
	.avant1 {padding: 10px 0 1em 65px;
		background: transparent url(../medias/point1.gif) no-repeat 0 0;
		}
	.avant2 {padding: 10px 0 1em 65px;
		background: transparent url(../medias/point2.gif) no-repeat 0 0;
		}
	.avant3 {padding: 10px 0 3em 65px;
		background: transparent url(../medias/point3.gif) no-repeat 0 0;
		}
	
	.avantage ul li {
		display: block;
		padding: 0 0 0 10px;
		margin: 0 0 2px 0;
		font-size: 90%; color:#a8da44;
		background: transparent url(../medias/item_avantage.gif) no-repeat -4px 2px;
		}
	
/*contactMode - 2010*/
	#contactMode {
		z-index: 1000; margin: 0;
		width: 300px; padding: 0 10px 0 10px;
		position: relative; bottom:0; left: 0;
		background-color:#0C3E54;
		}
	#contactMode h3 {
		font-family:'MyriadProRegular';
		font-weight: bold!important;
		color:#fff!important;
		font-size: 140%;
		margin: 0 0 .5em 0;
		}
	#contactMode h4 {
		font-size: 100%; color:#68AA14;
		padding: 0 0 0 7px; margin: 0 0 .5em 0;
		background: transparent url(../medias/flcBlack.gif) no-repeat 0 3px;
		}
	#contactMode h4 a {color: #fff; text-decoration: none;}

	
/* calculateur 2010 */
	body#home #mainContent .container_12 {
		padding: 0;		
		background: transparent url(../medias/mainHome_repeat.gif) repeat-y 0 0;
		}
	#calculateur {
		position: relative;
		z-index: 1000;
		}
	.imageHome {
		position: relative;
		z-index: 10000!important;
		right: 0; margin: -101px 0 0 330px;
		width: 300px; height: 270px;
		}
	
	#simuHome {
		width: 630px;
		margin: -176px 0 0 0; 
		padding:0 0 10px 10px;
		background-color:#68AA14;
		}
	#simuHome h2 {
		padding: .4em 0 0 20px;
		margin: 0 0 0 -10px;
		font-size: 200%; color: #fff; 
		font-weight: normal!important;
		line-height: 90%;
		font-weight: bold;
		font-family: 'MyriadProItalic';
		}
	#simuHome h2 em {
		font-size: 85%; color: #fff; 
		padding: 5px 0 0 0;
		}
	#simuHome h3 {
		font-weight: bold;
		font-size: 150%!important; 
		color:#0C3E54!important;
		margin: 0 0 0 -10px;
		padding: 2px 0 5px 20px!important;
		font-weight: bold;
		font-family: 'MyriadProRegular';
		background: transparent url(../medias/simuH3.gif) no-repeat 0 3px;
		}
	#simuFormules, #simuCalcul {	
		margin: 0 0 0 -10px;
		}
		
/* modes 2010 */
	#simuFormules {
		height: 170px;
		margin: 0 0 0 0;
		padding: 5px 0 0 ;
		}
	.abonnement_content #simuFormules {
		height: auto!important;
		margin: 0 0 0 0;
		padding: 5px 0 0 ;
		}
	#simuFormules h3 {
		margin: 1em 0 .5em -10px;
		}
	#simuFormules li {float: left;}
	#simuFormules li a {
		text-indent: -1000em;
		display: block; width: 65px; height: 65px;
		}
	#simuFormules li.mode1 a {background: transparent url(../medias/formu25abonne.gif) no-repeat 0 0;}
	#simuFormules li.mode2 a {background: transparent url(../medias/formu50abonne.gif) no-repeat 0 0;}
	#simuFormules li.mode3 a {background: transparent url(../medias/formu100abonne.gif) no-repeat 0 0;}
	#simuFormules li.mode4 a {background: transparent url(../medias/formu200abonne.gif) no-repeat 0 0;}
	#simuFormules li.mode5 a {background: transparent url(../medias/formu300abonne.gif) no-repeat 0 0;}
	#simuFormules li.last {color:#fff; font-size: 115%; padding: 14px 0 0 10px; font-weight: bold;}
	
	#simuFormules li.mode1 a.current, #simuFormules li.mode1 a:hover,
	#simuFormules li.mode2 a.current, #simuFormules li.mode2 a:hover,
	#simuFormules li.mode3 a.current, #simuFormules li.mode3 a:hover,
	#simuFormules li.mode4 a.current, #simuFormules li.mode4 a:hover,
	#simuFormules li.mode5 a.current, #simuFormules li.mode5 a:hover  {
		background-position: 0 -68px;
		}
	
	body#home #simuFormules li.mode1 a {background: transparent url(../medias/formu25.gif) no-repeat 0 0;}
	body#home #simuFormules li.mode2 a {background: transparent url(../medias/formu50.gif) no-repeat 0 0;}
	body#home #simuFormules li.mode3 a {background: transparent url(../medias/formu100.gif) no-repeat 0 0;}
	body#home #simuFormules li.mode4 a {background: transparent url(../medias/formu200.gif) no-repeat 0 0;}
	body#home #simuFormules li.mode5 a {background: transparent url(../medias/formu300.gif) no-repeat 0 0;}
	body#home #simuFormules li.mode1 a:hover {background: transparent url(../medias/formu25.gif) no-repeat 0 -65px;}
	body#home #simuFormules li.mode2 a:hover {background: transparent url(../medias/formu50.gif) no-repeat 0 -65px;}
	body#home #simuFormules li.mode3 a:hover {background: transparent url(../medias/formu100.gif) no-repeat 0 -65px;}
	body#home #simuFormules li.mode4 a:hover {background: transparent url(../medias/formu200.gif) no-repeat 0 -65px;}
	body#home #simuFormules li.mode5 a:hover {background: transparent url(../medias/formu300.gif) no-repeat 0 -65px;}
	
/* systèmes de calcul 2010 */
	.simuVhcl {padding: 0; height: 30px;}
	.simuVhcl h3,.simuVhcl select {float: left;}
	.simuVhcl h3 {width: 100px;}
	.simuVhcl select {
		width: 210px; margin: 5px 0 0 0;
		background-color:#A9ED52;
		}
	
	.simuPeriode {margin: 0 0 .5em 0;}	
	.simuPeriode .simuDuree, 
	.simuPeriode .simuPrix {float: left;}
	.simuPeriode .simuDuree {width: 340px; margin: 1em 0 0 0;}
	.simuPeriode .simuPrix {width: 250px;}

/*simuPeriode*/
	.simuDuree h3 {
		float: left; width: 100px;
		}
	.selectPeriode {
		float: left; width: 85px;
		margin: -10px 0 0 0;
		}
	.selectPeriode h4 {}
	.selectAu {
		padding: 0 0 0 20px;
		background: transparent url(../medias/simuAu_Flc.gif) no-repeat 0 10px;
		}
	
	.selectPeriode .select {
		width: 85px; height: 85px;
		background-color:#AAED53;
		}
	.selectPeriode .select p {text-align: center;}
	.selectPeriode .select .jour {
		padding: 2px 0 2px 0;
		color:#fff; font-size: 85%;
		border: 1px #AAED53 solid;
		background-color:#1F5D75;
		}
	.selectPeriode .select .date {
		padding: 1em 0 0 0;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color:#000; font-size: 93%;
		}
	.selectPeriode .select .date span {
		display: block;
		font-size: 300%;
		padding: 0 0 .3em 0;
		}
	
/*simuPrix*/
	.simuPrix {
		width: 250px; height:65px;
		margin: 25px 0 0 0; 
		padding: 5px 0 0 0;
		background: transparent url(../medias/home_zone_prix.gif) no-repeat 0 0;
		}
	.simuPrix span {
		display: block; width: 200px;
		margin: 0 0 0 40px;
		padding: 5px 0 0 0;
		text-align: center;
		font-size: 400%; color:#fff;
		font-weight: bold;
		line-height: 100%;
		font-family:'MyriadProRegular';
		}
	
/* simuValidation */
	.simuValidation {margin: 1em 0 0 0;}
	.simuValidation input {
		cursor: pointer;
		float: left; 
		display: block; height: 45px;
		border:0; text-indent: -1000em;
		}
	.simuValidation #abonnement { 
		margin: 0 10px 0 0;
		width:200px; 
		background: transparent url(../medias/home_abonne.gif) no-repeat 0 0;
		}
	.simuValidation #reservation { 
		width:350px;
		background: transparent url(../medias/home_reserve.gif) no-repeat 0 0;
		}
		
	#resa_valide {}
	#resa_valide .reserve {
		cursor: pointer;
		float: right; 
		display: block; 
		width:360px; height: 45px;
		border:0; text-indent: -1000em;
		background: transparent url(../medias/reserve_sup.gif) no-repeat 0 0;
		}
		
/*newsHome 2010*/
	#newsHome {
		width: 640px; margin:0;
		background-color: #fff;
		}
	#newsHome h2 {
		font-size: 150%; color:#68AA14; 
		font-weight: bold;
		font-family:'MyriadProItalic';
		padding: .5em 0 .2em 10px;
		}
	#newsHome h3 a {
		display: block;
		font-size: 100%; color:#0B6D26;
		font-weight: bold;
		padding: 0 0 .5em 0;
		text-decoration: none;
		}
	#newsHome img {margin: 0 0 .5em 0;}
	#newsHome p {
		font-size: 85%; color:#3F5251;
		padding: 0 0 .5em 0;
		}
	#newsHome a.more {
		margin: 1em 0 0 0;
		font-size: 85%;
		color:#000;font-weight: bold;
		padding: 0 0 0 10px;
		text-decoration: none;
		background: transparent url(../medias/greenFlc.gif) no-repeat -2px 3px;
		}
	
	/* 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;}

/*menuMain*/
	#menuMain li {float: left; width: 140px; margin: 0 10px 0 0;}
	#menuMain li.last {margin:0;}
	#menuMain li a {
		display: block; 
		width: 125px; height: 37px;
		padding: 15px 10px 0 15px; 
	 	color:#fff; 
		font-size: 145%;
		line-height: 93%;
		text-decoration: none;
		font-weight: normal!important;
		font-family:'MyriadProItalic';
		/*text-transform: lowercase!important;*/
		background: transparent url(../medias/btMenuMain.gif) no-repeat 0 0;
		}
	#menuMain li a:hover,
	#menuMain li.current a {
		background-position: 0 -52px!important;
		}

/* h1.focus */
	h1.focus {
		position: relative; width: 930px; 
		margin:0;
		padding: 0.2em 10px 0.2em 20px; 
		font-size: 140%; color:#fff;
		/*font-size: 150%;*/
		/*font-family: 'MyriadProBoldItalic';*/
		font-weight: normal;
		font-style:italic;
		background-color:#68AA14;
		}

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

	.gamme {
		z-index: 10000;
		border-top: 1px #D4D9D9 dotted;
		width: 100%; height: auto; clear: both;
		}
	.gamme h2 {
		font-size: 108%!important;
		}
	.vhcl_img, .vhcl_des {float: left;}
	.vhcl_img{width:300px;}
	
	.vhcl_des {
		width: 620px;
		padding: 0 0 0 10px;}
	
	.gamme h2 {
		font-size: 115%; color:#117e34; 
		font-weight: bold;}
	.gamme h4 {
		font-size: 115%; color:#0C3E54; 
		font-style:italic; 
		}

	.gamme .vehicule {}
	.gamme .vehicule p.libele {
		font-size: 100%; color:#0A5067; 
		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:#117E34;}
	.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; 
		display: block; 
		text-align: center;
		width: 60px!important; 
		height: 70px!important;
		overflow: hidden;
		margin: 0 25px 0 0;
		line-height: 90%;
		}
	.gamme .vehicule ul.options li img {
		margin: 0 0 3px 10px;
		}
	.gamme .vehicule ul.options li span {color:#3f5251; font-size: 85%;}
	.opt_Result li span {color:#666!important; padding:0 7px 0 0!important;}	
	
	
/*------------------------------------------------------------------------------------------------------*/
/* = offre */
	.gamme .vehicule .offre {
		margin: 0;
		position: relative; 
		clear: both;
		display: block; 
		height: 60px; 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 {
		color:#fff; font-size: 85%;
		padding: 3px 0 3px 0; 
		margin: 25px 0 0 25px; 
		}
	.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;
		}
	.gamme .vehicule .offre a.modification {
		font-size: 85%; color:#3f5251;
		margin: 24px 0 0 460px; padding: 5px 0 0 10px;
		text-decoration: none;
		background: transparent url(../medias/greenFlc.gif) no-repeat -3px 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; height: 40px;
		text-indent: -1000em;
		}
	.gamme .validation a.resa {
		margin: 0 10px 0 2px;
		width:175px; 
		background: transparent url(../medias/gene_abonne_reduce.gif) no-repeat 0 0;
		}
	.gamme .validation a.abonne {
		width:305px;
		background: transparent url(../medias/gene_reserve_reduce.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;
		}

/* = mentions*/	
	#mentions {padding: 1em 0 0 15px;}
	#mentions h2 {
		margin: 5px 0 10px 0;
		padding: 0 0 .4em 0;
		font-size: 93%; color:#fff;
		font-weight: bold;
		border-bottom: 1px #B7EC68 dotted;
		}
	#mentions ul {margin: 0 0 .5em 0;}
	#mentions ul li, #mentions p {
		display: block;
		font-weight: normal;
		margin: 0 0 5px 0; padding: 0 0 5px 10px;
		font-size: 85%; color:#fff;
		background: transparent url(../medias/itemPuce.gif) no-repeat -3px 1px;
		}
	#mentions ul li a, #mentions p a {color:#fff;}

/* = tarifs */

	/*tarifs_top*/
	#tarifs_top {}
	
	#tarifs_top .chapeau,
	#tarifs_top #menuTarifs,
	#tarifs_top .chapeauPro,
	#tarifs_top #menuTarifsPro  {
		border: 1px #fff solid;
		float: left;
		}
	#tarifs_top .chapeau {width: 300px;}
    #tarifs_top .chapeauPro {
		/*height:120px; */
		width: 520px;
		padding: 0 25px 0 0;
		}
	#tarifs_top .chapeauPro h2 {
		font-size: 93%;
		padding: 0 1em 0 0;
		}
	#tarifs_top .chapeauPro h2 strong {
		font-weight: bold!important;
		}
	/*menuTarifs*/
	#tarifs_top #menuTarifs {
		height: 95px;
		padding: 1em 0 0 25px;
		}
	#tarifs_top #menuTarifs {width: 350px;}
	#tarifs_top #menuTarifsPro{width: 150px;}
		 
	#menuTarifs li, #menuTarifsPro li {height:1%;float: left;}
	#menuTarifs li a, #menuTarifsPro li a {
		text-indent: -1000em;
		display: block; 
		width: 65px; height: 65px;
		}
	#menuTarifs li.current a,
	#menuTarifs li a:hover,
	#menuTarifsPro li.current a,
	#menuTarifsPro li a:hover {
		text-decoration:none;
		background-position: 0 -68px!important;
		}
	#menuTarifs li.modeJrs1 a {background: transparent url(../medias/formu25abonne.gif) no-repeat 0 0}
	#menuTarifs li.modeJrs2 a {background: transparent url(../medias/formu50abonne.gif) no-repeat 0 0}
	#menuTarifs li.modeJrs3 a {background: transparent url(../medias/formu100abonne.gif) no-repeat 0 0}
	#menuTarifs li.modeJrs4 a, #menuTarifsPro li.modeJrs4 a {background: transparent url(../medias/formu200abonne.gif) no-repeat 0 0}
	#menuTarifs li.modeJrs5 a, #menuTarifsPro li.modeJrs5 a {background: transparent url(../medias/formu300abonne.gif) no-repeat 0 0}

	/*gammeTarifs*/
	.gammeTarifs {
		border-top: 1px #D4D9D9 dotted;
		padding: .1em 0 0.5em 0;
		}	
	.gammeTarifs h2 {
		font-weight: bold;
		font-size: 125%!important;
		font-family:'MyriadProRegular';
		padding: 8px 0 8px 0;
		}
	.imgGammeTarif, .desGammeTarif {float: left;}
	.imgGammeTarif {
		display: block; 
		width: 295px; 
		overflow: hidden;
		}
	.imgGammeTarif a.voir {
		display: block; 
		margin: 7px 0 0 0;
		padding: 2px 0 4px 8px;
		font-size: 77%; 
		color:#000;
		font-weight: bold; text-decoration: none;
		background: transparent url(../medias/flc_more_15.gif) no-repeat 0 0!important;
		}

	.desGammeTarif {
		width: 390px; 
		padding: 28px 0 0 0;
		margin: 0 0 0 10px;
		}
	.desGammeTarif h3 {
		clear: both; display:block;
		color:#0F5067!important;
		padding: 2px 0 5px 15px!important; 
		margin: 0.5em 0 0.2em 0!important;
		border-bottom: 0!important;
		background: transparent url(../medias/tarfi_flc_blue.gif) no-repeat 0 0;
		}
	.desGammeTarif .tarif {
		display: block; 
		height: 40px;
		clear: both; 
 		margin: 15px 0 0 0;
		}
	
	.desGammeTarif a.resa,
	.desGammeTarif a.abonne {
		cursor: pointer; float: left;
		display: block; height: 35px; 
		border:0; text-indent: -1000em;
		}
		
	.desGammeTarif a.abonne{margin-left: 20px;}
		
	.desGammeTarif .prix {
    	width: 120px; height: 32px;
    	padding: 4px 0 0 10px;
    	font-size: 185%; color: #fff;
    	font-weight: bold;
    	text-align: left;
		font-family:'MyriadProRegular';
    	text-indent: 20px;
    	background: transparent url(../medias/prix_tarifs_gamme.gif) no-repeat 0 -4px;
		}
		
    .desGammeTarif table.formuleTable {
		width:400px;
		border-collapse:collapse;
		padding:0; margin:0;
		}
	.desGammeTarif table.formuleTable td {
		padding:0; margin:0;
		}
	.formuleTable h3 {
		font-size: 120%!important;
		}	
		
	.desGammeTarif .prix span {
		font-size: 110%;
		}
	.desGammeTarif a.resa {
		width:145px;
		background: transparent url(../medias/btResaReduce.gif) no-repeat 0 0;
		}
	.desGammeTarif a.abonne {
		width: 179px;
		background: transparent url(../medias/btAbonneReduce.gif) no-repeat 0 0;
		}

/* = Page 2 colones */
	#content2col {
		padding: 1em 0 1em 0;
		border:0;
		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 .validation {padding: 0.5em 0 0 0;}	
	#ficheVille .validation {height: 40px;}
	#zoomMap .validation a.resa,
	#ficheVille .validation a.resa,
	#zoomMap .validation a.abonne,
	#ficheVille .validation a.abonne {
		cursor: pointer; float: left;
		display: block; height: 40px; 
		border:0; text-indent: -1000em;
		}	
	#ficheVille .validation a.resa, 
	#zoomMap .validation a.resa {
		width:166px;
		background: transparent url(../medias/btResaReduce.gif) no-repeat 0 0;
		}
	#ficheVille .validation a.abonne, 
	#zoomMap .validation a.abonne {
		width:204px;
		background: transparent url(../medias/btAbonneReduce.gif) no-repeat 0 0;
		}

/* = detail_reservation */
	.detail_reservation .field_line {
		width: 100%;
		}
	.detail_reservation .libele_field_line {width: 150px;}
	.detail_reservation .mode_field_line,
	.detail_reservation .field_dep .mode_field_line, 
	.detail_reservation .field_ret .mode_field_line {
		width: 240px;
		padding: 2px 0 2px 0;
		}
	
	.detail_reservation .desDetail,
	.detail_reservation .imgDetail {
		float: left;
		ooverflow: hidden;
		}
		
	.detail_reservation .desDetail {
		width: 400px;
		}
	.detail_reservation .imgDetail {
		width: 300px;
		padding: 0 0 1em 0;
		}

/* = wisi */
	.wisi a{color:#0060A9;}
	.wisi h1 {}
	.wisi h2 {
		font-size: 115%; 
		color:#0F7D33; 
		font-weight: bold;
		/*font-family: 'MyriadProItalic';*/
		}
	.wisi h3 {
		font-size: 100%; color:#0B6D26; 
		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 a {color:#000;}
	.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 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 {
	    border: 3px solid #7BB51C;
	    padding: 7px;
	    display: block;
	    width: 125px;
	    height: auto;
	    position: absolute;
	    right: 0;
	    margin: -95px 0 0 0;
	    background-color: #0A5067;
		}
	.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: #FFFFFF;
	    text-align: right;
	    font-weight: bold;
		}
	
/* = 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:#EBFFCE;
		}
	#raisons h2 {
		color:#fff; font-size: 93%; 
		padding: 2px 10px 2px 10px; 
		background-color:#073F54;
		}
	#raisons ul {padding:5px;}
	#raisons ul li {height: 1%; margin: 0 0 5px 0;}
	#raisons ul li a {
		display:block; padding: 0 0 0 8px;
		font-size: 100%; color:#666;
		text-decoration: none;
		background: transparent url(../medias/flcGreen.gif) no-repeat 0 2px;
		}

/* = PAGES AVANTAGES - 2010*/
	
	/*avantage_onglet*/
	#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;
		color:#fff;
		font-size:165%; font-weight:bold;
		background-color:#073E72;
		}

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

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

/* = 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 VehiculeIdeal experience */
	body.experience a.logo_VehiculeIdeal_experience{
		position:absolute;
		width:288px; height:201px;
		left:0px;
		top:0px; text-decoration:none; border:none;
		}
	body.experience a.logo_VehiculeIdeal_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 {
		padding:7px 0 0 20px; text-indent:0;
		display:block; height:25px; width:230px;
		text-decoration:none;
		font-weight:bold; color:#fff;
		background:transparent url(../medias/mode_experience.gif) no-repeat scroll 0 0;
		}
	body.experience #menuLeftSaison li a {	
		position:relative;
		padding:9px 0 0 20px;
		display:block; width:230px; height:29px;
		text-indent:0;
		font-weight:bold; color:#fff; text-decoration:none;
		background:transparent url(../medias/modeSaison.gif) no-repeat scroll 0 0;
		}
	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;}

/* = 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 {
		position: relative;
		z-index: 1000;
		width: 960px;
		padding:0; margin:0;
		background-color:#FFFFFF;
		}
	#bonsPlans form {margin:0; padding:0;}
	#bonsPlans label,
	#bonsPlans input,
	#bonsPlans button {float: left}
	
	#bonsPlans label {
		width: 725px; height: 20px;
		text-align: right;
		padding: 3px 20px 0 0;
		font-weight: bold;
		letter-spacing: .1em;
		font-size: 80%; color:#98D633;
		background: #073F54 url(../medias/bonsPlansFlc.gif) no-repeat right;
		}
	#bonsPlans input {
		width: 150px;
		text-align: center;
		margin: 0 5px 0 10px; padding: 1px ;
		font-size: 80%; color:#506464;
		border: 1px #ccc solid;
		}
	#bonsPlans input.ok {	
		text-indent: -1000em;
		position: absolute; right: 10px; 
		display: block; border:0;
		width: 35px!important; height: 30px!important;
		margin: -7px 0 0 0;
		font-size: 1px; color:#fff; /*text-align: right;*/
		background: transparent url(../medias/ok_footer.png) no-repeat 0 0;
		}
	
	/*#bonsPlans input.ok {
			margin: -3px 0 0 0;
			border:0;width: 26px; height: 23px;
			text-indent: -1000em; font-size: 1px; color:#CD1D00; text-align: left;
			background: transparent url(../medias/footer_ok.gif) no-repeat 0 0;
			}
	*/
	
/* = footerAdminContent */
	#footerAdminContent h3 {
		font-weight: bold;
		color:#000; font-size: 85%; 
		padding: 5px 0 5px 0;
		}
	#footerAdminContent ul {
		float: left; margin: 0; 
		padding: 0 0 .5em 0;
		}
	#footerAdminContent .content {
		position: relative;
		width: 960px; 
		padding: 0 0 .5em 0;
		}
	#footerAdminContent .content a.europcar_link {
		position: absolute;
		margin: 0 0 -17px 0;
		bottom: -10px; right: 10px;
		}
	#footerAdminContent .grid_4 ul {width: 140px; padding: 0 5px 0 0;}
	#footerAdminContent .grid_3 ul {width: 140px; }
	#footerAdminContent .last {padding: 0 0 5em 0;}
	#footerAdminContent ul li {
		display: block; margin: 0; 
		padding: 0 0 0 10px;
		background: transparent url(../medias/chevron_black.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;}

	
	
/* 
	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:#0F7D33;}
	#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,
	#listeReleve .tableauConso th {
		color:#fff; background-color:#568D11;
		}	
	#listeReleve .tableauConso td.total {}
	


/*agencesFooter*/
	#agencesFooter {}
	#agencesFooter ul {width: 180px;}
	
	.printSpace{ display:none;}
	.printUserData{display:none;}
	#tableauPrintConso{display:none;}
	.rowPrintTotal{display:none;}