/* ####################################################################### */
/* ##############################  Index  ################################ */
/* ####################################################################### */

body {
	margin: 0;
   	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   	font-size   : 11px;
	color:  #5f5753;
}

p {
	text-align:justify;
}

#conteneur {
	position: absolute;
	top: 0;
	min-height: 542px;
	height: auto !important;
	height: 542px;
	width: 980px;
	left: 50%;
	margin-left: -490px;
}

img {
	border: none;
}

th, td {
	text-align: left;
	padding-left: 5px;
}

/* ####################################################################### */
/* ENTETE */

#entete {
	width: 980px;
	height: 197px;
	background: url(/media/site/image/bandeau-haut.gif) right 0 no-repeat;
	position: relative;
}

#enteteIndex {
	width: 980px;
	height: 197px;
	background: url(/media/site/image/bandeau-haut_Index.gif) right 0 no-repeat;
	position: relative;
}

#titrePage {
	display: none;
	margin: 0;
}

.retourAccueil {
	display:block;
	height:111px;
	left:0;
	position:absolute;
	top:20px;
	width:176px;
}
.introaccueil {
	text-align:center!important;
}


/* FIN ENTETE */
/* ####################################################################### */


/* Infos compte */
#infosCompte {
	left:100px;
	position:absolute;
	top:142px;
	z-index: 2000;
}

	#infosCompte h2 {
		font-size: 11px;
		color: #bf0a2a;
	}

	#infosCompte p {
		margin: 0;
		color: gray;
	}


.labelFixWidth {
	display:block;
	float:left;
	line-height:16px;
	width:165px;
}

/* ####################################################################### */
/* MENU */


body {
} /* WinIE behavior call */

/* Div conteneur du ul menu */
div#menu {
	height:20px;
	/*right: 433px;*/
	left: 48px;
	position:absolute;
	top:110px;
	z-index:3000;
}

/* Ul principal */
div#menu ul {
	margin: 0;
	padding: 0;
	background: white;
}

/* Li premier niveau */
div#menu li {
	list-style: none;
	margin: 0 0 0 4px;
    float: left;
	position: relative;
	white-space: nowrap;
}

div#menu li span.cg{
	display:block;
	float:left;
	height:22px;
	width:8px;
	background: url(/media/site/image/coin-menu-gauche.png) no-repeat 0 0;
}

div#menu li span.cd{
	display:block;
	float:left;
	height:22px;
	width:8px;
	background: url(/media/site/image/coin-menu-droit.png) no-repeat 0 0;
}

/* Au survol du li principal AVEC ou SANS sous menu */
div#menu li:hover {
	color: black;
}

/* Pour le li Li principale AVEC un sous menu */
div#menu li.liSousMenu {
	/*background: url(dropmenu.gif) 95% 50% no-repeat;*/

}

/* Au survol du li principal AVEC un sous menu */
div#menu li.liSousMenu:hover {
	color:  black;
}

/* Lien a des li principaux appliqué a tous les enfants a */
div#menu li a {
	display: block;
	float: left;
	padding: 5px 0;
	text-decoration: none;
	color: white;
	background: #58585A;
	font-size: 9px;
}

div#menu li a span{
	background: #58585A;
}

/* Petite correction ff et navigateur conforme */
div#menu>ul a {
	width: auto;
}

/* Ul de sous menu */
div#menu ul ul {
	position: absolute;
  display: none;
}

/* li de l'ul de sous menu */
div#menu ul ul li {
	clear: both;
	display: block;
	border: none;
	float: none;
	/*border-bottom: 1px solid white;*/
}

/* Au survol des li principal on change la couleur de fond */
div#menu li.liSousMenu li.liSousMenu:hover {
/* 	background-color: #cd008a;
 */}

/* Au survol des li de sous menu */
div#menu ul.ulNiveau1 li.liSousMenu:hover ul.ulNiveau2 {
	 display:block;
}

/* Positionnement de l'ul de sous menu */
div#menu ul.ulNiveau2 {
	top: 22px;
	left: 0;
	background: #58585A;
}

/* lien sur les sous menu */
div#menu ul.ulNiveau2 li a {
padding: 10px 14px;
}

/* lien sur les sous menu au survol */
div#menu ul.ulNiveau2 li a:hover {
	color: black;
}



/* FIN MENU */
/* ####################################################################### */

/* ################## */
/* CORPS */

#corpsIndex {
	position: relative;
	z-index: 10;
	/*height: 500px;*/
	min-height: 400px; /*885*/
	height: auto !important;
	height: 400px; /*885*/
	/*height: 360px;*/
	top:-20px;
}

#corpsIndex h2 {
	color:white;
	font-size:12px;
	left:14px;
	margin:0;
	position:absolute;
	top:5px;
	z-index:10000;
}

/* FIN CORPS */
/* ################## */


/* ####################################################################### */
/* ZONE RECHERCHE */

#conteneurZoneRecherche {
	float: left;
	position: relative;
	z-index: 1500;
	top: 20px;
	width: 449px;
	height: 191px;
	background: url('/media/site/image/fond-recherche.gif') no-repeat;
	left: 20px;
}

#zoneRecherche {
	position: relative;
}

/* autocompletion */
#form_choix_ville {
	position: absolute;
	margin:25px 13px;
	padding: 0;
	width: 430px;
	height:170px;
}

#form_choix_ville p {
	margin: 2px 0 0;
} /** attention il y a un fix pour IE6 dans le fichier pour ie6*/

#form_choix_ville input {
	font-size: 11px;
}

#form_choix_ville label {
	color:#224467;
	display:block;
	float:left;
	width:105px;
}

#listeChoixDate  span{
	position: relative;
	top: -3px;
}

 /* Class diverses */
.listeDeroulanteBis {
	font-size: 11px;
}

#rayonMini {
	font-size: 11px;
}

#inputChoixDateUnique, #inputChoixDateRegulier {
	top: 50px;
}

.inputTextRecherche {
	border: none;
}

#depart, #destination {
	width: 170px;
}

#depart_lieu, #destination_lieu {
	position: relative;
	left:	105px;
	margin-top:2px;
} /** fix IE6 */

#depart_ville , #destination_ville{
	position: relative;
}

#organisme, #evenement {
	width: 228px;
}

#divFrequence {
	position: absolute;
	/*bottom: 12px;*/
	top: 126px;
	left: 106px;
}

#askFrequence {
    position: absolute;
    top: 122px;
    left: 102px;
}

#alerteCriteres {

	display: block;
	padding: 2px;
	background: #FFFFFF;
	width: 120px;
	margin: 6px 125px;
	color: gray;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
	border: none;
	font-size: 11px;
	left: 269px;
	margin-top:-2px;
}

#RssCriteres {

	display: block;
	padding: 2px;
	background: #FFFFFF;
	width: 120px;
	margin: 2px 125px;
	color: gray;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
	border: none;
	font-size: 11px;
	left: 269px;
	margin-top:-2px;
}

.btRecherche {
	display: block;
	padding: 2px;
	background: #FFFFFF;
	width: 120px;
	margin: 2px 125px;
	color: gray;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
	border: none;
	font-size: 11px;
	left: 269px;

}

.btSubmit {
	cursor:pointer;
	position:absolute;
	/*right:-2px;*/
	left: 315px;
	top:140px;
}



#conteneurEvenement, #conteneurOrganisme {
	background: url(../images/lst_img.gif) no-repeat;
}

#conteneurRayonDest, #conteneurRayonDep {
	background: url(../images/img-list-rayon.gif) no-repeat;
}


/* RESA VEHICULES */

/* temp */
fieldset {
	border:0 none;
	position:relative;
	/*top:2px;*/
}

legend {
	border:0 none;
	visibility:hidden;
	display: none;
}

#listingResultats {
	height:149px;
	width:450px;
	position:relative;
	top:40px;
	overflow: auto;
}

#listingResultats p {
	border-bottom:1px solid #58585A;
	clear:both;
	min-height:16px;
	line-height:15px;
	margin:0 0 3px;
	font-size:11px;
}

#listingResultats a {
	color: gray;
	text-decoration: none;
}

/* Depot trajet */
#resaformRechercheVoiture p label {
	display:block;
	float:left;
	line-height:18px;
	width:200px;
	font-weight: bold;
}

/* confirmation trajet */
#divRecapResa fieldset {
	position: relative;
}

#inputChoixDateUnique, #inputChoixDateRegulier {
	top: 0px;
}
#inputChoixDateRegulier {
left:177px;
position:absolute;
top:117px;
}
#inputChoixDateUnique {
left:200px;
position:absolute;
top:139px;
}
#inputChoixDateUnique input.champTexte {
    width: 90px;
}


.messageAnomalie {
	font-weight:bold;
	color:#FF0000;
}
/* FIN ZONE RECHERCHE */
/* ################## */

/* ######### */
/* ZONE OFFRES */

#listingOffresparent {
	background:transparent url(../media/site/image/fond-liste-resultat.gif) no-repeat left top;
	min-height:274px;
	height: auto !important;
	position: absolute;
	top: 232px;
	left: 20px;
	width:450px;
	z-index: 100000;
	display: block;
}
#listingOffresResa {
	background:transparent url(../media/site/image/fond-liste-resultat.gif) no-repeat left top;
	height:224px;
	position: relative;
	width:450px;
	z-index: 10000;
}
/*#listingOffresResa {
    height: 160px;
    top: 250px;
}*/

#listingOffresResa {
	/*background:transparent url(../media/site/image/fond-liste-resultat.gif) no-repeat left top;*/
	/*height:224px;*/
	/*left:20px;*/
	/*position:absolute;*/
	/*top:215px;*/
	/*width:450px;*/
	/*z-index:500;*/
}

#listingOffresRetourInfo {
	left:20px;
	position:absolute;
	top:40px;
}
#divListingOffres {
	left:0;
	position:relative;
	top:23px;
	/*width:449px;*/
}

#resaListingResultats #divListingOffres { /** fix pour IE6 qui comprends jamais rien */
    top: 0px;
}
	.pListingOffres  {
		font-size: 12px;
		color: white;
		clear: both;
		height: 17px;
		line-height: 14px;
		margin: 0;
	}


	.pListingOffresLignes  {
		border-bottom:1px solid #58585A;
		clear:both;
		min-height:20px;
		line-height:16px;
		margin:0 0 5px;
	}

	#divFixHeightListingOffres {
		overflow: auto;
		height: 149px;
		height: 100px;

	}

		.pListingOffresLignes  a {
			color: gray;
			text-decoration: none;
		}

		.roleListingOffres {
			padding-left:5px;
			width: 50px;
			float: left;
			display: block;
		}

		.departListingOffres {
			width: 130px;
			float: left;
			display: block;
		}

		.destinationListingOffres {
			width: 130px;
			float: left;
			display: block;
		}

		.organismeListingOffres {
			width: 90px;
			float: left;
			display: block;
		}

		.dateListingOffres {
			float: left;
			display: block;
		}

#tableListingOffres {
	border-collapse: collapse;
}

.separateur {
	padding-left: 50px;
	margin: 5px 5px 5px 0;
	line-height: 20px;
	background: #58585A;
	color: white;
	clear: both;
}

.listingHorsDep {
	background: #F2EFE9;
	margin: 5px 5px 5px 0;
}

.enteteTableauListing {
	background: #80af1d;
	color: white;
	height: 20px;
}

/* outils haut */
#menuRss {
	bottom:54px;
	left:130px;
	position:absolute;
}

#texteBtAlerteMail, #texteBtRss a , #btToutesoffres {
	color: #58585A;
	text-decoration: underline;
}

#btToutesoffres {
	background: url(../media/site/image/icon-toutes-offres.gif) no-repeat;
	position: absolute;
	right: 10px;
	top: 195px;
	padding-left: 15px;
	visibility:hidden;
}

#texteBtRss {
	background: url(../media/site/image/icon-rss.gif) no-repeat;
	left:-128px;
	padding-left:15px;
	position:absolute;
	top:-8px;
	display:none;
}

#formAlerteMail, #formRss {
	display: inline;

}


#tableDate {
position:relative;
top:0;
width:100%;
}

/* Changement des apparences au survol */
.survolOn {
	background: #eee2d2;
}

.survolOff {
	background: white;
}

/** injection */
#listingOffres #nResultat {
    top: -10px;
}
/* normal */
#divListingOffres #nResultat {
    top: -32px;
}
#divListingOffres #nResultat, #listingOffres #nResultat {
	color:gray;
	/*color:white;*/
	/*font-size:13px;*/
	font-size:13px;
	/*font-weight:bold;*/
	font-weight:bold;
	left:87px;
	/*left:12px;*/
	/*position:absolute;*/
	position:absolute;
	/*top:-32px;*/
	/*top:-9px;*/
}
.pVeo {
} /** voir fix IE6 */


/* FIN ZONE INFO */
/* ############# */

/* ########## */
/* ZONE CARTE */

#conteneurZoneCarte {
	background:transparent url(/media/site/image/fond-carte.gif) no-repeat scroll 0 0;
	height:344px;
	left:520px;
	position:absolute;
	top:20px;
	width:442px;
	z-index:10;
}

#conteneurZoneCarte h2 {
	color:white;
	left:8px;
	position:absolute;
	top:7px;
}

#utilisationCarte {
	position:absolute;
	left: 10px;
	bottom: -15px;
}

#realisation {
	bottom:-15px;
	margin:0;
	position:absolute;
	right:45px;
}

#carte {
	height:290px;
	left:8px;
	margin:0;
	position:absolute;
	top:30px;
	width:428px;
}

/* SLIDER */
#affinerRayon {
	bottom:2px;
	left:20px;
	position:absolute;
}

	#affinerRayon p {
		margin: 4px 0;
		color: black;
		width:	185px;
	}

#conteneurSlider {
	background: url(/media/site/image/fond-slider.gif) ;
	bottom:4px;
	height:14px;
	position:absolute;
	right:-194px;
	width:170px;
}

	#sliderMoins {
		float: left;
		width: 9px;
		height: 14px;
		background: url(/media/site/image/bt-moins-slider.gif);
	}

	#sliderPlus {
		float: right;
		width: 9px;
		height: 14px;
		background: url(/media/site/image/bt-plus-slider.gif);
	}

div.slider {
	float: left;
	height:14px; /** fix même hauteur que la hauteur du slider, fix pour IE6 */
	width:152px;
}
div.slider div.curseur {

	width: 10px;
	height: 14px;
	background: url(/media/site/image/fleche-slider.gif) 0 1px no-repeat;
	cursor: pointer;
}


/* FIN ZONE CARTE */
/* ############## */


/* ################ */
/* ZONE DETAIL RESA */

#conteneurZoneDetailResa {
    position: relative;
    left: 530px;
    top: 0;
	width:442px;
	z-index:10;
	min-height: 342px; /* 542 */
	height: auto !important;
	height: 342px; /* 542 */
	left: 560px;
}

#haut_conteneurZoneDetailResa {
	background:transparent url(/media/site/image/fond-carte_haut.gif) no-repeat scroll 0 0;
	position:absolute;
	top:20px;
	width:442px;
	height: 42px;
}

#pied_conteneurZoneDetailResa {
background:transparent url(/media/site/image/fond-carte_pied.gif) no-repeat scroll 0 0;
bottom:-50px;
height:30px;
position:relative;
width:442px;
z-index:10;
}

#conteneurZoneDetailResa a {
	margin: 10px;
	color: black;
}


#conteneurZoneDetailResa h2 {
	color:white;
	left:8px;
	position:absolute;
	top:7px;
}


.ficheVoiture {
	position:absolute;
	top:18px;
	left:-15px;
}

.ficheDetailleeVehicule {
	background:#D9DADB none repeat scroll 0 0;
	position:relative;
	top:51px;
	text-align:justify;
	min-height: 385px;
	height: auto !important;
	height: 385px;
	padding: 0 10px;
}
    .resaficheVoiture {
        position: relative;
        margin-bottom: 10px;
    }
.ficheDetailleeVehicule h3 {
	margin: 10px 0;
}

.ficheDetailleeVehicule ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
    .ficheVoitureCouleur {
        display: none;
    }
    .ficheVoiturePlaces {
        left:230px;
        position:absolute;
    }
    .ficheVoitureModele {
        left:230px;
        position:absolute;
        top:0;
    }
    .ficheVoitureCouleur {
        display:none;
    }
    .ficheVoitureKm {
        display:none;
    }
.resaRecap {
	position:relative;
/* 	top:15px;
 */	text-align:justify;
	width:340px;
/* 	height:155px;
 */}

.fixWidth {
	font-weight:bold;
}

#formConfirmationReservation fieldset {
	position: relative;
}

/* FIN ZONE DETAIL RESA */
/* ################### */

/* ####################################################################### */
/* PIED */

#pied {
	position: relative;
	/*top: -40px;*/
	top: 20px;
	background: url('/media/site/image/fond-pied.gif');
	width: 980px;
	height: 88px;
    clear: both;
}

#pied a {
	color: white;
}

/* FIN PIED */
/* ####################################################################### */


/* ####################################################################### */
/* Accueil Login */

#accueil {
	min-height:350px;
	height: auto !important;
	height: 350px;
	position:relative;
}

#formLoginAccueil {
	position:relative;
	top:50px;
	left:350px;
}

#accueil a {
	color:  #5f5753;
}

#contenuAccueil {
	position:relative;
	top:60px;
	left:300px;
	color:  #5f5753;
}


#edito {
	width: 450px;
	height: 400px;
	left:10px;
	position:absolute;
	top:-36px;
	background: url('/media/site/image/fond-corps-accueil.gif') no-repeat;
	color:  #5f5753;
}

	#contenuEdito {
		left:140px;
		position:relative;
		top:85px;
		width:350px;
	}

		#petit1 {
			width: 160px;
			float: left;
			height:90px;
		}

		#petit2 {
			width: 160px;
			float: right;
			height:90px;
		}

	#vousEtes {
		border-left:1px solid gray;
		height:400px;
		padding-left:30px;
		position:absolute;
		right:20px;
		top:20px;
		width:400px;
	}


		#h2VousEtes {
			margin: 0;
			background: url('/media/site/image/fond-vous-etes.gif');
			width: 89px;
			height: 29px;
		}

			#h2VousEtes span{
				display: none;
			}

	#vousEtes p {
		margin-left: 16px;
	}

		#h2VousSouhaitez {
			margin: 0;
			background: url('/media/site/image/fond-vous-souhaitez.gif');
			width: 125px;
			height: 29px;
		}

			#h2VousSouhaitez span{
				display: none;
			}




/* FIN  */
/* ####################################################################### */



/* ####################################################################### */
/* BOX */

#contenuBox {
	margin: 10px;
}

#sbox-content input {
	border:1px solid #11;
}

#sbox-entete, .titreBoxImportant {
	background-color: #58585A;
}

#sbox-btn-close {
	background-color: #e75221;
}

h3.barreTitreAccordeon {
	margin: 10px 0 ;
}

#sbox-content,#dateTrajetRegulier, #sbox-entete, #offreDetailsZone1, #offreDetailsZone2, #offreDetailsZone3, #offreDetailsZone4, #sbox-btn-close, #menuBox , #ulMenuProfil li, .ligneWhile{
	border-color: #58585A;
}

.boxLien, .sousTitre {
	color: #58585A;
}

#menuTitre {
	background-color: #DF430D;
	border-color: #DF430D;
}

/* etoile pour note de la box */
.rating {
	background-image: url('/media/site/image/box/stars.gif');
	background-repeat:  no-repeat;
}

ul.rating li a:hover {
	background: url('/media/site/image/box/stars.gif');
	background-repeat:  no-repeat;
}

/* ACCORDEON */

#accordeon_compte, #formTrajet, #accordeonInscription {
	margin: 20px 0;
}

h3.barreTitreAccordeon {
	cursor: pointer;
	font-size: 12px;
	background-color: #D5D4E5;
	color: black;
	margin: 0 0 4px 0;
	line-height: 30px;
	padding-left: 30px;
	clear: both;
}

#barreTitreAccordeon_1 {
	background-image: url(/media/site/image/box/n1.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

#barreTitreAccordeon_2 {
	background-image: url(/media/site/image/box/n2.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

#barreTitreAccordeon_3 {
	background-image: url(/media/site/image/box/n3.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

#barreTitreAccordeon_4 {
	background-image: url(/media/site/image/box/n4.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

#barreTitreAccordeon_5 {
	background-image: url(/media/site/image/box/n5.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}

.activeTitreAccordeon {
	background-color: #6F769C!important;
	color: white!important;
}

/* Divers sur box */

h4.h4TitreFormAccordeon {
	color: #58585A;
}

#pBlocPreciserEtape {
	border-top:1px solid #58585A;
	padding-top: 20px;
	margin: 20px 0;
}

#divParentEtape {

}

.precision {
	border-top:1px solid #58585A;
	padding-top: 20px;
	background-position: 0 26px;
	clear: both;
}

/* Pour un couplage resa, on réajuste les dates lors du depot */
#dateTrajetPonctuel {
	background:white none repeat scroll 0 0;
	/*border-right:1px solid #8FB939;*/
	float:left;
	padding:5px;
	width:325px;
}

#dateTrajetRegulier {
	border-right:1px solid #58585A;
}

#divParentVehiculePro, #divParentVehiculePerso {
/* 	border-top: 1px solid gray;
 */	padding: 20px;
}

 /* FIN BOX */
/* ####################################################################### */


/* ####################################################################### */
/* CLASS DIVERSES ET VARIEES */

#connect_cliquez_ici {
	text-decoration: underline;
	font-weight: bold;
	color: black;
	cursor:	pointer;
}

.imgFloatLeft {
	float: left;
	margin: 3px 5px 1px 0;
}

.labelFix80px {
	width: 80px;
	float: left;
	display: block;
	font-weight: bold;
}

.labelFix150px {
	width: 150px;
	float: left;
	display: block;
	font-weight: bold;
}

.lien {
	background: url('/media/site/image/fleche-lien.gif') 0 5px no-repeat;
	/*background: url(/media/site/image/deconnecter.png) 0 5px no-repeat;*/
	padding-left: 7px;
	text-decoration: none;
	color: #58585A;
	cursor: pointer;
}
    #deconnexionEntete {
	    background: url(/media/site/image/deconnecter.png) -1px 2px no-repeat;
	    padding-left: 14px;
	    padding-bottom: 2px; /* fix pour IE pour qu'il affiche toute l'image, t. */
	    margin-left: 10px;
	    text-decoration: underline;
    }
/* LOADER */

#loader {
	height: 20px;
	width: 65px;
	position:absolute;
	z-index: 200000;
	top:50%;
	left:50%;
	margin-top: -10px;
	margin-left: -32px;
}

#assombrissement_blanc {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
}

#extra1 {
	background:transparent url(/media/site/image/extra1.png) repeat scroll 0 0;
	height:1px;
	position:absolute;
	right:85px;
	top:125px;
	width:1px;
}

.clear{
clear:both;
height: 60px;
}

.text_loader {
	clear: both;
}

.d , .cursor{
	cursor: pointer;
}

.d td {
	/*border-bottom: 1px solid gray;*/
}

.survolListe {
	background: #CD008A;
	color:  white;
}

.survolListe td {
	border-color: #CD008A;
}

.fielderror {
	clear: none;
	line-height:20px;
	padding: 0 5px;
	background: #fe9b01;
}

/* FIN CLASS DIVERSES ET VARIEES */
/* ####################################################################### */

/*
Default style for the nogray calendar
the default class prefix is ng-

made by Wesam Saif
http://www.nogray.com
support@nogray.com

*/

/* Pour calendrier */

/* table list */
.table_list {border-collapse:collapse;
	border:solid #cccccc 1px;
	width:100%;}

.table_list td {padding:5px;
	border:solid #efefef 1px;}

.table_list th {background:#75b2d1;
	padding:5px;
	color:#ffffff;}

.table_list tr.odd {background:#e1eff5;}


/* calendar styles */
#calendrier {
	border:solid #4a974c 1px;
	background:#ffffff;
	padding-bottom:5px;
	padding-top:5px;}

#calendrier {width:210px;}
#calendrier .ng-cal-header-table {width:200px;}



#inter_cal .ng-cal-header-table, #inter_cal2 .ng-cal-header-table {width:95%;}


/* the main header table */
.ng-cal-header-table {margin:5px;
	border-collapse:collapse;
	background:#efefef;
	border:solid #cccccc 1px;}

/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:20px;
	height:20px;
	color:#336699;
	border:solid #cccccc 1px;
	text-align:center;}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td {text-align:center;
	font-weight:bold;
	padding:3px;}

/* the main month table */
.ng-cal {border:solid #5fd7d6 1px;
	border-collapse:collapse;
	margin:5px;
	margin-top:0px;
	background-color: #d9d9d9;}

.ng-cal * {font-size:8pt;}
.ng-cal td {padding:3px;
	border:solid #4a974c 1px;}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:gray;
	border:solid gray 1px;}

/* the month name table cell */
.ng-month-name-th {background:#4a974c;
	font-weight:bold;
	padding:3px;
	color:#ffffff;
	text-align:center;}

/* weekends, days off, dates off (holidayes) */
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999;}

/* out of range days (previous or next month) */
.ng-outOfRange {color:#999999;
	background:#efefef;
	text-decoration:line-through;}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {font-weight:bold;
	background:#faedd6;}

/* selected day */
.ng-selected-day {background:#ffbb45;
		font-weight:bold;}

/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#efefef;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;}



		#contenu {
			width: 978px;
		}


		#colonne_gauche {
			float: left;
			width:460px;
			/*margin-left:60px;*/
		}

		#colonne_droite {
			float: left;
			width: 460px;
			margin-left:30px;
		}

.fondRose{
background-color:#58585A;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:25px;
}

.fondVert{
background-color:#58585A;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:25px;
}

.fondVertClair{
background-color:#6F769C;
color:#FFFFFF;
font-size:11px;
height:25px;
}

.fondVertClairPlus{
background-color:#D5D4E5;
color:#FFFFFF;
font-size:11px;
height:25px;
}


/**
 * fix pour la mise en page pour l'outil de résa
 */
#resaficheVoiture ul {
}
#resaficheVoiture ul li {
}
#resaformReservationVehicule {
	padding-bottom:30px;
}
#resaformReservationVehicule fieldset {
    padding-top: 5px;
    margin-top: 5px;
}
#resaformReservationVehicule fieldset {
    position: relative;
    border: 1px solid #7F7F7F;
}
#resaformReservationVehicule legend {
    visibility: visible;
    display: block;
	font-weight:bold;
}
#resaformReservationVehicule p {
    margin: 0 0 0 0;
}
#resaformReservationVehicule label {
    width: 160px;
}
.formError {
    border: 2px solid red;
}
form.resa p {
    width: 100%;
    height: 23px;
    margin: 5px 0;
}
form.resa label {
    width: 180px;
    float: left;
}
form.resa fieldset {
    padding: 22px 0 0 5px;
}

form.resa input, form.resa select {
    width: 220px;
}
    form.resa input#idSubmit {
        left:70px;
        position:relative;
        top:7px;
        width:auto;
    } /** fix IE6 */
form.resa input[type=text], form.resa input[type=password] {
    width: 215px;
}
form.resa input[type=submit] {
    width: 150px;
}

#listingOffresRetourInfoResa {
    position: relative;
    top: 28px;
}

#titreListing2 {
}

#resaRechercheVoitureDateDebut {
margin-top:50px;
}

#resaRechercheVoitureDateFin {
}

#resaRechercheVoitureDParkingDepart {
position:absolute;
top:0;
}
#resaRechercheVoitureDParkingDepart label {
    position: relative;
}

#resaRechercheVoitureDParkingDepart select {
left:0;
position:absolute;
top:20px;
width:140px;
}
/* fix pour la squeezebox */
#sbox-window #resaRechercheVoitureDParkingDepart {
    /*width: 235px;*/
    position: relative;
    top: 0px;
    height: 20px;
}
#sbox-window #resaRechercheVoitureDParkingDepart label {
    position: relative;
    top: 0px;
    height: 20px;
}
#sbox-window #resaRechercheVoitureDParkingDepart select {
    position:relative;
    top: 0px;
    height: 20px;
}
#resaRechercheVoitureNbPlaces {
}

#resaRechercheVoitureDestination {
    width: 235px;
}
#resaRechercheVoitureDestination {
left:200px;
position:absolute;
top:0;
}
#resaRechercheVoitureDestination label {
    position: relative;
}
#resaRechercheVoitureDestination input {
left:0;
position:absolute;
top:20px;
}
#resaRechercheVoitureDateSubmit {
}

select#places {
    width: 50px;
}

#siVousVoulezCovoiturer {
    display: block;
}

.ficheVoitureImmatriculation {
}

.ficheVoiturePlaces {
}

.ficheVoitureMarque {
}

.ficheVoitureModele {
}

.ficheVoitureCouleur {
}

.ficheVoitureKm {
}

.ficheVoitureParking {
}

.resaConfirmezVousLaReservation {
    font-weight: bolder;
    font-size: 16px;
}

.messageAnomalie {
    color: red;
    font-size: 13px;
}
#cancelMyResa {
    position:relative;
    top:-28px;
    z-index:50000;
    left: 200px;
}
#jannulemaresa {
    width: 180px;
}
#idSubmitConfirm {
    width: 105px;
}

#resaFormResaVehiSubmit {
    margin: 20px 0 0 73px;
}
.resaMessageInfo {
    color: #0B8A23;
}

#attentionVousDevezValider {
    margin: 0 !important; /* grmbl */
    text-align: right;
}