/* = GESTION DES MODULES = */

/* iframe */

/* = 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 {
		float: left; 
		margin: 0 10px 10px 0;
		padding: 0 0 10px 0;
		}
	
	.img_news, .post_short {}
	
	.post_date {
		padding: 0.2em; 
		text-decoration: none;
		font-size: 85%; color:#fff;
		background-color:#108BD8;
		}
	.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:#BF0018;
		/*color:#0A518C;*/ font-size: 108%;
		border:0;
		}
	#newsContent .article h2 {font-size: 108%;}
	#newsContent .article h2 a {font-size: 100%;}
	#newsContent .post_short h2 a {}
	#newsContent .post_short p {}
	#newsContent .post_short a {color:#083E72}
	
	#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 #ccc solid;
		padding: 0 10px 10px 0;
		float: left!important; width: 445px;
		}
	#presseContent .article .post_date {
		height: auto!important}
	#presseContent .article .post_short h2 {font-size: 93%; padding: 5px 0 0 0;}
	#presseContent .article p a {font-size: 93%!important; color:#108BD8;}
	#presseContent .article a.more,
	#presseContent .article a {
		display: block; 
		text-align: right;
		padding: 0 10px 0 0;
		font-size: 85%; color:#083E72;
		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 {
		color:#D10F28;
		/*display: block;*/ 
		text-decoratin: none;
		font-size: 93%!important;
		}

/* = FORMULAIRE *************************/
	/*--------------------- message erreur*/
	.message{
		padding:10px !important; 
		border:1px #F00 solid; 
		color:#f00 !important; 
		font-weight:bold; font-size:110%!important;
		background-color:#FFEDB7; 
		}
	
	.pop-up-newsletter p {
		margin: 10px 0 0 0;
		/*font-weight: bold;*/
		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 15px 5px;
		margin: 0;
		font-size: 93%; color: #fff;
		background: #108BD8 url(/Content/medias/flcBottomForm.gif) no-repeat bottom left ;
		}
	#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 10px;
		background-color:#C8E7FA;
		}
	.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:#FFEC0E!important;}
	
	/* extendedForm */
	#formulaire .extendedForm {}
	h2.conducteur, h2.options  {
		cursor: pointer;
		display: block; width:700px; height: 30px;
		padding: 5px 5px 0 5px!important;
		background: transparent url(/Content/medias/h2Conducteur.gif) no-repeat 0 0!important;
		}
	h2.conducteur.moins, h2.options.moins {background-position: 0 -35px!important}
	
	/*field_line*/
	.field_line {
		float: left; clear: both; width: 685px; 
		padding: 4px 5px 2px 5px;
		/*border-bottom: 1px #C8C8C8 dotted;*/
		}
	.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; }
	
	.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:#108BD8; 
		font-weight: bold;
		margin:0;
		padding: 0 0 0.2em 8px;
		}
	p.mention {
		clear:both; 
		padding:0!important;
		font-size:85%; color:#0087D5;
		font-style:italic;
		}
	p.mention_options {
		clear:both; 
		padding:0!important;
		font-size:85%; color:#0087D5;
		font-style:italic;
		}
	p.mention a.info {float: right;}
	label a {color:#083E72;}
	.libele_field_line label {
		position:relative;
		background: transparent url(/Content/medias/flcRed.gif) no-repeat 0 4px;
		}
	
	/*options - 2010*/
	.conditions_mentions {margin:0!important;}
	#options p {/*float: left;*/}
	#options a.info {float: left; margin: -3px 0 0 -10px;}
	#options input {margin: -2px 0 0 0;}
	
	/*srtucture globale elements formulaires */
	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.radio200, label.radio300,
	label.radioPro {
		display: block; text-indent: -1000em;
		width: 40px!important; height: 40px; 
		}

	label.radio25 {background: transparent url(/Content/medias/radio25.gif) no-repeat 0 0;}
	label.radio50 {background: transparent url(/Content/medias/radio50.gif) no-repeat 0 0;}
	label.radio75 {background: transparent url(/Content/medias/radio75.gif) no-repeat 0 0;}
	label.radio100 {background: transparent url(/Content/medias/radio100.gif) no-repeat 0 0;}
	label.radio200 {background: transparent url(/Content/medias/radio200.gif) no-repeat 0 0;}
	label.radio300 {background: transparent url(/Content/medias/radio300.gif) no-repeat 0 0;}
	label.radioPro {background: transparent url(/Content/medias/radioPro.gif) no-repeat 0 0;}
	
	label.radioVoiture, 
	label.radioUtilitaire,
	label.radioMoto {
		display: block; font-size: 110%;
		padding: 0 10px 0 10px; margin:0;
		width: 100px!important;
		/*height: 20px; padding: 20px 10px 0 60px;*/
		}
	
	/*
	label.radioVoiture {background: transparent url(/Content/medias/radioVoiture.gif) no-repeat 0 0;}
	label.radioUtilitaire {background: transparent url(/Content/medias/radioUtilitaire.gif) no-repeat 0 0;}
	label.radioMoto {background: transparent url(/Content/medias/radioMoto.gif) no-repeat 0 0;}
	*/
	
	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;}
	
	/* bottomValide */
	.bottomValide input.valide,
	.bottomValide input.reserve,
	.bottomValide input.modifier {
		float: right; text-align: left;
		width:150px; height:35px; border:0;
		font-size: 1px; color:#108BD8;
		}
	.bottomValide input.valide {background: transparent url(/Content/medias/buttonValide.gif) no-repeat 0 0;}
	.pop-up .bottomValide input.valide {height: 34px; background: transparent url(/Content/medias/buttonValidePopup.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 -35px; cursor: pointer;}
	
	/* mentions */
	span.champsAsterix {font-size: 85%; color:#008BDA; top:10px; position:relative;}
	
	/*** Don't remove the class nixhier, this is requi#CD071E for ASP ***/
	.nixhier {display:none;}
	
	/* 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;
		}
	
/* 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%;}

/* = 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;
		background: transparent url(/global/medias/itemListe.gif) no-repeat 0 2px
		}
		
/* = Gestion des tables *************************/
	table {border-collapse: collapse;}
	table th {}
	table td {color:#3F5251;font-size:85%;}