/* = GESTION DES MODULES = */

/* iframe */

/* = ACTUALITÉS */
	#newsContent {margin:0; padding: 10px;}
	#newsContent .article,
	.extendedNews {
		clear: both; margin: 0 0 1em 0;
		padding: .5em 0 .5em 0;
		border-top: 1px #D4D9D9 dotted;
		}
	#newsContent .article img {
		float: left; 
		margin: 0 10px 10px 0;
		padding: 0 0 10px 0;
		width: 135px; height: 100px;
		overflow: hidden;
		}
	
	.img_news, .post_short {}
	
	.post_date {
		padding: 0.2em; 
		text-decoration: none;
		font-size: 85%; color:#fff;
		background-color:#073F54;
		}
	.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 {
		border:0;
		color:#073F54; 
		font-size: 108%;
		}
	#newsContent .article h2 {font-size: 100%;}
	#newsContent .article h2 a {font-size: 93%;}
	#newsContent .post_short h2 a {}
	#newsContent .post_short p {font-size: 85%;}
	#newsContent .post_short a {color:#000}
	
	#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:#000;}
	#presseContent .article a.more,
	#presseContent .article a {
		display: block; 
		padding: 0 10px 0 0;
		color:#000;
		font-size: 85%; text-align: right;
		text-decoration: none; font-weight: bold;
		background: transparent url(/Content/medias/greenFlc.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; 
		text-decoration: 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;
}

div.validation-summary-errors
{
    margin-top: 20px;
}

span.validation-summary-errors 
{
    border: 1px #F00 solid;
    color: #f00 !important;
    font-weight: bold;
    font-size: 110% !important;
    background-color: #FFEDB7;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
}
		
ul.validation-summary-errors
{
    margin: 10px;
    color: #FF0000;
    font-weight: bold;
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:none !important;
}

ul.validation-summary-errors li
{
    padding:0 !important;
    display:inline;
}
		
	.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 15px 5px;
		margin: 0; min-height: 20px;
		font-size: 93%; color: #fff;
		background: #1C5368 url(/Content/medias/h2_form_bottom.gif) no-repeat bottom left ;
		/*background: #1C5368 url(/Content/medias/h2_form_bottom.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;}
	
	.desDetail .modifier {
	font-size: 85%; color:#fff; /*color:#666;*/
	padding: .2em .5em .2em .5em;
	text-align: center;
	text-decoration: none;
	background-color:#00637A;
	/*background-color:#F6f6f6;*/	
	}	
	
	/* 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: #68AA14 !important;
    margin-bottom: 20px;
}
    
    body.pop-up .grid_9
    {
        background-color:White !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: 2px 5px 2px 5px;
		}
	#messagePaiementCautionInclus,
	.messageKm {
		margin: 0 0 0 195px!important;
		}
	.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_inline 
	{
	    clear: both; width: 100%;}
	.mode_field_inline label, .mode_field_inline input {float: left}
	
	.libele_field_line {width: 28%;padding: 0 0 1px 0;}
	.mode_field_line {width: 62%; padding: 0 0 1px 0;}
	.mode_radio_line {}
	
	.mode_radio_line a.info {float: left;}
	
	.mode_radio_line .left,
	.mode_radio_line .right {float: left;}
	.mode_radio_line .left {width: 325px;}
	.mode_radio_line .right {width: 325px;}
	
	.clientConnecte .libele_field_line {width: 32%;}
	.clientConnecte .mode_field_line {width: 58%}
	
	.field_line label {
		margin:0;
		padding: 3px 0 0.2em 15px;
		font-size: 85%; color:#0F5067; 
		font-weight: bold;
		}
	p.mention {
		clear:both; 
		padding:0!important;
		font-size:85%; color:#000;
		font-style:italic;
		}
	p.mention a.info {float: right;}
	label a {color:#083E72;}
	.libele_field_line label {
		position:relative;
		background: transparent url(/Content/medias/flcLabel.gif) no-repeat 0 4px;
		}
	
/*08/07/11*/
	#indispoPaiement {}
	#indispoPaiement p,
	#indispoPaiement input {}
	
	#indispoPaiement p {
		float: left; 
		width: 316px; 
		padding: 0 10px 0 0;
		overflow: hidden;
		}
	#indispoPaiement input {float: right;}
	
	.bottomValide {margin: 10px 0 0 0;}
	.bottomValide a.modifier {float: right;}

/* = Composants formulaire - globale */
	select, input {width: 90%;border: 1px #ccc solid;}
	textarea {width: 92%;border: 1px #ccc solid;}
	
	input, textarea {background-color:#EBFFCE;}
	select {font-size: 85%; background-color:#AAED53;}
	input {font-size: 93%;}
	textarea {font-size: 93%; margin: 0 0 5px 0;}
	
	.mode_field_line input,
	.mode_field_line select {float: left;}
	.mode_field_line input {
		padding: .1em .5em .1em .5em;
		margin: 0 0 .2em 0;
		}
	.mode_field_line select {margin: 0 10px 0 0;}
	
	input.field_checkbox, input.field_radio,
	label.checkbox_label, label.radio_label {float: left; margin: 0 0 10px 0;}
	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 {
		cursor: pointer;
		font-size: 85%; color:#555!important;
		}
	.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 {
		margin: -10px 0 0 0;
		display: block; text-indent: -1000em;
		width: 50px!important; height: 65px;
		}

	label.radio25 {background: transparent url(/Content/medias/formu25.gif) no-repeat 0 0;}
	label.radio50 {background: transparent url(/Content/medias/formu50.gif) no-repeat 0 0;}
	label.radio100 {background: transparent url(/Content/medias/formu100.gif) no-repeat 0 0;}
	label.radio200 {background: transparent url(/Content/medias/formu200.gif) no-repeat 0 0;}
	label.radio300 {background: transparent url(/Content/medias/formu300.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;
		}
	
	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 150px;}
	
	/* bottomValide */
	.bottomValide input.valide,
	.bottomValide input.reserve,
	.bottomValide input.modifier,
	.bottomValide input.abonne {
		cursor: pointer;
		float: right; 
		text-align: left;
		width:210px; height:45px;
		border:0;
		/*vertical-align:text-top;*/
		font-size: 1px; color:#fff;
		text-indent: -1000em
		}
	.bottomValide input.valide {background: transparent url(/Content/medias/buttonValide.gif) no-repeat 0 0;}
	.pop-up .bottomValide input.valide {height: 40px; 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.abonne {margin: 0 0 0 10px; background: transparent url(/Content/medias/buttonAbonne.gif) no-repeat 0 0;}
	.bottomValide input.agence {width:375px; background: transparent url(/Content/medias/buttonValide03.gif) no-repeat 0 0;}
	.bottomValide input.web {width:335px; background: transparent url(/Content/medias/buttonValide02.gif) no-repeat 0 0;}
	.bottomValide input.paiement {width:335px; background: transparent url(/Content/medias/buttonPaieLigne.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 {
		position:relative; top:10px;
		font-size: 85%; color:#008AD9; 
		}
	
	/*** Don't remove the class nixhier, this is requi#CD071E for ASP ***/
	.nixhier {display:none;}

	/* options / désactivé */
	.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 { 
		float: left; position: relative;
		display: block; width: 100%; 
		margin: 7px 0 7px 0; padding:5px; 
		background-color:#F8F8F8;
		}

/* Abonnement 2010 */
	.abonnement_content fieldset {/*border: 1px #ccc solid;*/}
	
	.abonnement_content .libele_field_line {width: 225px;}
	.abonnement_content .mode_field_line {width: 425px;}
	.abonnement_content fieldset#formules_zone,
	.abonnement_content fieldset#formules_zone input {background-color:#6AAA17;}
	.abonnement_content fieldset#formules_zone h2 {
		background: #1C5368 url(/Content/medias/h2_form_bottom_formules.gif) no-repeat bottom left!important;
		}
	.abonnement_content fieldset h2 {font-size: 100%!important;}
	.abonnement_content fieldset#formules_zone .field_checkbox {margin: 15px 0 0 0;}
	.abonnement_content fieldset#formules_zone label.label_white {
		color:#fff;
		background: transparent url(/Content/medias/flcLabel_white.gif) no-repeat 0 3px!important;
		}
	.abonnement_content fieldset#formules_zone .required {color:#fff;}
	.abonnement_content fieldset#formules_zone label.label_formu {
		display: block;
		margin: 12px 0 0 0!important;
		}
	span.jrs {
		float: left;
		color:#fff; font-size: 100%; 
		font-weight: bold;
		padding: 10px 0 0 0;
		}
		
	.abonnement_content #conducteur_zone {display: none;}
	#condition_zone label {
		font-size: 85%; color:#6D6F70;
		}
	
	.abonnement_content fieldset#condition_zone input {background-color:#fff;}
	
/* 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; 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%;}