/* = ACTUALITÉS */
	#newsContent {margin:0; padding: 10px;}
	#newsContent .article,
	.extendedNews {
		clear: both; margin: 0 0 1em 0;
		padding: 0 0 .5em 0;
		/*border-bottom: 1px #D4D9D9 dotted;*/
		}
	#newsContent .article .img_news,
	#newsContent .article .post_short {
		float: left;
		}
	
	#newsContent .article .img_news {width: 200px;}
	#newsContent .article .post_short {width: 100%;/*width: 700px;*/}
	.faqMain .article .post_short {width: 440px!important;}
	
	#newsContent .article img {
		float: left; 
		margin: 0 10px 10px 0;
		padding: 0 0 10px 0;
		}
	.post_date {
		display: block; 
		width: 125px; height: 30px;
		padding: 0.4em 0.2em 0.2em 0.5em; 
		font-size: 85%; color:#000; 
		font-weight: bold; text-decoration: none;
		background: transparent url(/Content/medias/date_span.gif) no-repeat 0 0;
		}
	.quiContent .post_date {
		width: 440px;
		/*date_span_qui.gif / image supprimée*/
		}
	.post_short .post_date, .post_short h2 {/*float: left;*/}
	.post_short .post_date {margin: 0 10px 0 0;}
	#newsContent .article h2, 
	#newsContent .article h2 a {
		color:#006602; font-size: 108%;
		border:0; font-weight: bold;
		text-decoration: none;
		}
	#newsContent .article h2 {
		/*display: block; */
		width: 98%;
		padding: 0 0 .5em 0;
		font-size: 108%; 
		}
	#newsContent .article h2 a {font-size: 100%;}
	#newsContent .post_short a {color:#006602;}
	
	#newsContent a.more,
	.extendedNews a.more {
		display: block; padding: 0 10px 0 0;
		font-size: 85%; 
		color: #0A518C;
		text-decoration: underline;
		text-align: right;
		}
/* page presse liste articles / changement mise en page 2 colones */
	#presseContent {padding: 10px;}
	#presseContent .article {
		border-top: 1px #cdcdcd solid;
		padding: 0 10px 10px 0;
		float: left!important; width: 445px;
		}
	#presseContent .article .post_short h2 {font-size: 93%; padding: 5px 0 0 0;}
	#presseContent .article p a {font-size: 90%!important; color:#006602;}
	#presseContent .article a.more,
	#presseContent .article a {
		display: block; 
		text-align: right;
		padding: 0 10px 0 0;
		font-size: 77%; color:#006602;
		text-decoration: none; font-weight: bold;
		background: transparent url(/Content/medias/flcRed.gif) no-repeat right;
		}
	
/* Plan du site / Listes globales associés à newsContent */
	#newsContent ul {
		padding: 0 0 0 10px;
		}
	#newsContent ul li {
		list-style-type: disc;
		color:#000;
		list-style-position: inside;
		}
	#newsContent ul li a {
		/*display: block;*/
		color:#D10F28; font-size: 93%!important;
		text-decoration: none;
		}
	
/* = FORMULAIRE *************************/

	/* = message erreur */
	.message {
		padding:10px !important; 
		border:1px #F00 solid; 
		color:#f00 !important; 
		font-weight:bold; font-size:110%!important;
		background-color:#FFEDB7; 
		}
	.summary-alerte {
		width:585px;
		padding: 5px 10px 5px 10px!important; 
		margin: 0 0 10px 0; 
		font-weight:bold; 
		font-size:90%!important; 
		color:#000!important;
		}
	.pop-up-newsletter p {
		margin: 10px 0 0 0;
		padding: 10px; font-size:93%!important;
		border: 0; color:#000!important;
		background-color:none!important;
		}
	
	/* = formulaire */
	#formulaire {padding: 0 0 1em 0;}
	#formulaire h2 {
		display: block; clear: both;
		padding: 5px 5px 5px 5px;
		margin: 0;
		height:15px;
		overflow: hidden;
		font-size: 93%; color: #000;
		background-color:#E6FBC8;
		}
	#formulaire h3 {
		display: block;
		border-bottom: 1px #BF0006 dotted;
		margin: 10px 0 10px 0;
		color:#BF0006; font-size: 90%;
		}
	#formulaire fieldset {margin:10px 0 0 0; padding:0;}
	
	/* je suis client */
	.clientConnecte .references {padding: 2px 10px 0 0;}
	.clientConnecte p {color:#000; font-size: 85%;}
	.clientConnecte p span {font-weight: bold; margin: 0 0 0 10px;}
	
	/* popup */
	body.pop-up .references {background-color:#fff!important;}
	
	/* extendedForm */
	#formulaire .extendedForm {}
	h2.conducteur {
		display:block;
		cursor:pointer;
		font-size:85%; color:#007800!important;
		font-weight:bold;
		height:16px;
		margin:0 0 1px;
		padding:4px 0 2px 10px;
		text-decoration:none;
		background:url("/Content/medias/ajout_item.gif") no-repeat scroll right 2px #E6FFC1;
		}
	h2.conducteur.moins {background-position: right -20px!important}
	
	/*field_line*/
	.field_line {
		float: left; clear: both; width: 685px; 
		padding: 4px 5px 2px 5px;
		}
	.field_none {border:0;}
	.field_civilite {}
	.checkBoxOne {padding: 5px 0 0 0; margin: 0 0 5px 0;}
	
	.libele_field_line, 
	.mode_field_line {float: left;}
	
	.mode_field_line table td,
	.mode_field_inline td {border:0;}
	
	.libele_field_line {width: 28%;padding: 0 0 3px 0;}
	.mode_field_line {width: 62%; padding: 0 0 4px 0;}
	.mode_radio_line {}
	
	.clientConnecte .libele_field_line {width: 32%;}
	.clientConnecte .mode_field_line {width: 58%}
	
	.field_line label {
		font-size: 85%; color:#0E6803; font-weight: bold;
		margin:0; padding: 0 0 0.2em 8px;
		}
	p.mention {
		clear:both; 
		padding:0!important;
		font-size:85%; color:#666;
		}
	label a {color:#083E72;}
	.libele_field_line input {
		margin: 0 5px 0 0;
	}
	.libele_field_line label {
		position:relative;
		color:#5D5D5D; font-size:85%;
		font-weight:normal;
		margin:0;
		padding:0 0 0 10px;
		background:url("/Content/medias/flcRed.gif") no-repeat scroll -2px 3px transparent;
		}
	.mode_field_line label {color:#000; padding:0;}
	.libele_field_line label {padding: 0 0 0 10px;}
	
	/**/
	select, input, textarea {width: 90%;border: 1px #c8c8c8 solid;}
	select {font-size: 85%;}
	input {font-size: 93%;}
	textarea {font-size: 93%;}
	
	.mode_field_line input,
	.mode_field_line select {float: left;}
	
	input.field_checkbox, input.field_radio,
	label.checkbox_label, label.radio_label {float: left;}
	label.checkbox_label, label.radio_label {width: auto!important; padding: 0 10px 0 5px;}
	
	input.chk {border:0!important;}
	.field_radio, .field_checkbox {border:0; width: auto!important;}

	.checkbox_label, .radio_label  {font-size: 85%;cursor: pointer;}
	.email {font-size: 85%;width: 200px;}
	.required {color: #008AD9; padding: 0 0 0 5px; font-weight:normal;}
	.pRech input {width: 35%;}
	
	label.radio25, label.radio50,
	label.radio75, label.radio100,
	label.radioPro {
		display: block; text-indent: -1000em;
		width: 40px!important; height: 40px; 
		}

	label.radioVoiture, 
	label.radioUtilitaire,
	label.radioMoto {
		display: block; font-size: 110%;
		padding: 0 10px 0 10px; margin:0;
		width: 100px!important;
		}

	span.jjmmaa {font-size: 77%; color:#000; padding: 0 0 0 5px;}
	span.infos {
		float: left;
		margin: 0 0 0 5px;
		display: block; width: 20px; height: 20px;
		text-indent: -1000em;
		background: transparent url(/Content/medias/moreInfos.gif) no-repeat 0 0;
		}
	
	/* detail de la réservation */
	.detail_reservation .field_line {padding:0!important;/* height: 25px;*/}
	.detail_reservation .field_line p {padding:0!important;}
	.detail_reservation .field_dep p,
	.detail_reservation .field_ret p {padding: 2px!important;}
	.detail_reservation .field_dep .mode_field_line,
	.detail_reservation .field_ret .mode_field_line {height: auto!important}
	.detail_reservation p.messageKm {margin: 0 0 0 192px;}
	
	/* = sastisfaction client */
	#satisfaction_client {padding: 10px;}
	#satisfaction_client h2 {
		color:#0E6803; font-size: 125%; font-weight: bold;
		}
	#satisfaction_client h3 {
		margin: 1em 0 0 0; height: 25px;
		border-top: 1px #c8c8c8 solid;
		font-weight: bold;
		color:#000; padding: 3px 0 3px 10px;
		display: block; clear: both;
		background: transparent url(/Content/medias/satisfaction_h3.gif) no-repeat 0 0;
		}
	#satisfaction_client .field_line {
		width: 100%; clear: both; 
		padding: 5px 0 5px 0;
		border-bottom: 1px #ccc dotted;
		}
	#satisfaction_client .libele_field_line,
	#satisfaction_client .mode_field_line {
		width: 49%;
		}
	#satisfaction_client .mode_field_line font {
		display: block; clear: both;
		font-size: 85%; 
		}
	#satisfaction_client select.type {width: 250px;}
	#satisfaction_client select.mode {width: 100px;}
	#satisfaction_client .field_line label {
		padding: 2px 0 0 15px;
		background: transparent url(/Content/medias/itemSatisfaction.gif) no-repeat 0 5px;
		}
	.commentaires .mode_field_line {width: 100%!important;}
	.commentaires .mode_field_line textarea {width: 100%!important;}
	#satisfaction_client .field_line input {margin: 5px 0 0 0;}
	#satisfaction_client .inptRadio {width: auto!important;}
	
	/* bottomValide */
	.bottomValide input.valide,
	.bottomValide input.reserve,
	.bottomValide input.modifier {
		cursor: pointer;
		float: right; text-align: left;
		width:160px; height:45px; border:0;
		font-size: 1px; color:#fff;
		}
	.extendedForm .bottomValide input.valide {
		margin: 0 -10px 0 0;
		}
	.bottomValide input.valide {background: transparent url(/Content/medias/buttonValide.gif) no-repeat 0 0;}
	.pop-up .bottomValide input.valide {background: transparent url(/Content/medias/buttonValide.gif) no-repeat 0 0;}
	.bottomValide input.reserve {background: transparent url(/Content/medias/buttonReserve.gif) no-repeat 0 0;}
	.bottomValide input.modifier {margin: 0 0 0 10px; background: transparent url(/Content/medias/buttonModifie.gif) no-repeat 0 0;}
	
	.bottomValide input.valide:hover,
	.bottomValide input.reserve:hover,
	.bottomValide input.modifier:hover {/*background-position: 0 -45px;*/}
	
	/* mentions */
	span.champsAsterix {
		font-size: 85%;
		color:#108BD8; 
		top:10px; position:relative;
		}
	
	/*** Don't remove the class nixhier, this is requi#CD071E for ASP ***/
	.nixhier {display:none;}
	

	/* options */
	.mode_field_line .options {}
	.mode_field_line .options li {
		position: relative; 
		clear: both; width: 100%;
		display: block; height: 22px;
		margin: 0 0 10px 0; 
		font-size: 85%; color:#1360A8;
		}
	.mode_field_line  .options li span {float: left; display: block;}
	.mode_field_line  .options li span.qte {
		padding: 3px 7px 0 7px;
		height: 17px; text-align: center; vertical-align: middle;
		font-size: 100%; color:#fff; font-weight: bold;
		border: 1px #BF0018 solid;
		background-color:#BF0018;
		}
	.mode_field_line  .options li span.libelle {color:#666; padding: 0 7px 0 0;}
	.mode_field_line  .options li span.changePlus a,
	.mode_field_line  .options li span.changeMoins a {
		display: block;
		width: 16px; height: 20px;
		padding: 0 2px 0 2px; margin: 0 0 0 5px;
		border: 1px #1360A8 solid; 
		text-align: center; text-decoration: none;
		font-size: 125%; color:#1360A8; font-weight: bold;
		background-color:#fff;
		}
	.mode_field_line .options li span.changePlus a:hover,
	.mode_field_line .options li span.changeMoins a:hover {
		background-color:#f8f8f8;
		}

	.mode_field_line ul.reserver li {
		height: auto!important;
		display: block!important
		}
		
	.mode_field_line  .options span.detail { 
		position: relative;
		display: block; float: left;
		width: 100%; margin: 7px 0 7px 0;
		padding:5px; 
		/*border: 1px #ccc solid;*/
		background-color:#F8F8F8;
		}
	a.bt_Resa {
		display: block;
		float: left;
		text-align: left;
		font-size: 1%; color:#fff;
		width: 120px; height: 30px;
		}
	a.Bt_Modifier, a.Bt_Delete {
		float:left;
		text-decoration: none;
		margin: 5px 10px 0 0;
		padding: 2px 10px 2px 10px;
		font-size: 85%; color:#007800;
		border: 1px #007800 solid;
		background-color:#E6FBC8;
		}
	a.bt_Resa { background: transparent url(/Content/medias/Bt_Resa.png) no-repeat 0 0;}
	a.bt_ajout {
		position: absolute; 
		right: 13px;
		display: block;
		text-align: left;
		font-size: 1%; 
		color:#A0F228;
		margin: -26px 0 0 0;
		width: 136px; height: 29px;
		/*Bt_Ajout_new - image supprimée */
		}
	
/* sliders pages réserver */	
	.field_dep .sliderHeure,
	.field_ret .sliderHeure {float: left; width: 260px;}
	.field_dep .mode_field_line,
	.field_ret .mode_field_line {height: 30px; width: 450px;}
	.field_dep .mode_field_line label,
	.field_ret .mode_field_line label {
		width: auto!important; float: left; 
		padding: 0 7px 0 7px;
		}
		
	.field_dep .textfield, 
	.field_ret .textfield {
		width: 120px;
		background: transparent url(/Content/medias/calendar_resa.gif) no-repeat right;
		}
	.field_dep .inputSlider, 
	.field_ret .inputSlider {
		display:block; width:80px!important; height:82px;
		margin: 10px 0 0 -9%!important; padding:10px 0 5px;
		text-align:center;
		}
	
	.field_dep p.date, .field_dep p.heure, 
	.field_ret p.date, .field_ret p.heure {
		float: left; 
		/*width: 100px;*/ padding: 5px;
		background-color:#f1f1f1;
		}

/* = SITE MAP *************************/
	.siteMap1 li a{font-size: 100%;}
	.siteMap2 li a {font-size: 120%;}
	.siteMap3 li a{font-size: 140%;}
	
	
	#siteMap {padding: 0 0 0 25px;}
	#siteMap h2 {font-weight: bold; color:#006602;}
	#siteMap h3, #siteMap h3 a {
		font-size: 93%;
		font-weight: bold;
		color:#000;
		}
	#siteMap h3 {margin: 10px 0 0 0; }
	#siteMap h3 a {}
	#siteMap p a {color:#006602;}
	

/* = RECHERCHE RÉSULTAT *************************/
	.FormResultRech button {
		border: 0;
		margin: 0 0 1em 1em;
		color: #fff;
		background-color: #0295CF;
		}
	.FormResultRech p input,
	.FormResultRech p label {float: left;}
	.FormResultRech p label {padding: 0 10px 0 12px;}
	
/*resultat liste recherche */
	.ResultRech {
		clear: both;
		width: 100%;
		margin: 0 0 25px 0;
		}
	.ResultRech p.field_line {
		width: 400px;
		background-color: #DDE6DF;
		}
	#rappelRecherche {
		background-color:#F0F5F1;
		padding: 0.2em;
		}
	
	.ResultRech a.more {
		display: block;
		font-size: 93%; color:#0295CF;
		margin: 0 0 1px 0; 
		padding: 0.1em 0 0.1em 15px;
		text-decoration: none;
		border-bottom: 1px #DDE6DF solid;
		/* itemListe / images supprimée */
		}
		
/* = Gestion des tables *************************/
	table {border-collapse: collapse; border:0;}
	table th {}
	table td {
		color:#3F5251;font-size:85%;
		border: 1px #ccc solid;
		}
	table p a {font-size: 108%;}
	table h2 {font-size: 115%!important; padding: 0 0 5px 5px!important;}
	table h3 {
		border-bottom:1px solid #D4D9D9!important;
		font-size:108%!important; 
		padding: 0 0 5px 10px!important;
		}