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












/* ####################################################################### */
/* BASE*/

table {
	font-size: 11px;
}

.texteInfos{
	color: #fe9b01;
}

.boxLien {
	color: #87b83b;
	text-decoration: none;
	padding-left: 10px;
	background: url('/media/site/image/box/fleche-lien.gif') 0 1px no-repeat;
}

#sbox-content input {
/* 	border: 1px solid #87b83b;
 */}

 /* #validerContact{
	left:153px;
	position:absolute;
	top:9px;
 } */

.btValiderEtape {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#divProfil {
	padding: 10px;
}

	#divProfil p {
		margin: 10px 30px;
	}

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










/* ####################################################################### */
/* FORMULAIRE LOGIN ET BOX LOGIN */

#identifiant_, #mot_de_passe_ {
	width: 220px;
}

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









/* ####################################################################### */
/* FORMULAIRE INSCRIPTION */

#formInscriptionCovoitureur {

}

#formInscriptionCovoitureur p {
	margin: 10px 20px;
}

#charte {
	height: 100px;
	overflow: auto;
}

.element a {
	color: black;
}

/* FIN FORMULAIRE INSCRIPTION */
/* ####################################################################### */










/* ####################################################################### */
/* FORMULAIRE Depot/modif trajet */

#formTrajet {

}

#formTrajet p , #formAlerte p , #formVehicule p {
	margin: 10px 20px;
}

#formTrajet .champTexte{
	width: 150px;
}

#accordeon_depot_trajet {

}

#etape1 {
	padding: 10px;
}

	#insertionTrajet, #insertionVehic {
		margin: 30px 0;
		text-align: right;
	}

#etape2 {
	padding: 10px;
}

	h4.h4TitreFormAccordeon {
		background:transparent url(/media/site/image/box/puce-ronde.gif) no-repeat scroll 0 25px;
		color:#8FB939;
		font-size:14px;
		margin:0 15px 15px;
		padding-left:12px;
	}

	#dateTrajetRegulier {
		float: left;
		background: white;
		padding: 5px;
		width: 325px;
		border-right: 1px solid #8fb939;
	}

		#tableauDateRegulierDepotTrajet select {
			font: 11px verdana;
		}

		#appliqueTousDate {
			padding-left: 24px;
			background: url(/media/site/image/box/puce-fleche-verte.gif) no-repeat scroll 8px 2px;
			cursor: pointer;
		}

		#dateTrajetRegulier p{
				margin: 0;
		}

		#jour_unique_frequence {
			margin: 10px;
		}

		#jour_unique_description {
			width: 99%;
			border: 1px solid gray;
		}

	#dateTrajetPonctuel {
		float: right;
		right: 0;
		top: 10px;
		background: white;
		padding: 5px;
		width: 325px;
	}

#etape3 {
	padding: 10px;
}

	#description {
		width: 100%;
	}

#autoroute {
	background-color:#F1F1F1;
	border:1px dotted #CCCCCC;
	height:55px;
	margin-left:220px;
	padding:10px 5px;
	width:345px;
	z-index:1000;
}

#autoroute_cout {
	width:50px;
}

#cout_passager {
	width:50px;
}

#calcul-prix {
	margin-left:40px;
}

.labelFixWidth {
	display:block;
	float:left;
	line-height:18px;
	width:165px; /* Par defaut, spécifier directement dans l'element le width */
}

.labelFixWidth70 {
	display:block;
	float:left;
	line-height:18px;
	width:70px; /* Par defaut, spécifier directement dans l'element le width */
}

.labelFixWidth80 {
	display:block;
	float:left;
	line-height:18px;
	width:80px; /* Par defaut, spécifier directement dans l'element le width */
}

.labelFixWidth92 {
	display:block;
	float:left;
	line-height:18px;
	width:92px; /* Par defaut, spécifier directement dans l'element le width */
}

.labelFixWidth200 {
	display:block;
	float:left;
	line-height:18px;
	width:200px; /* Par defaut, spécifier directement dans l'element le width */
}

.etapeSuivante {
	text-align: right;
	cursor: pointer;
}


/*
.etapeSuivante {
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	font-size: 16px;
	line-height: 30px;
	padding: 5px;
	background: white;
	border: 2px solid gray;
	text-align: center;
	cursor: pointer;
}
*/


/* DEPOT mINUTE */
#formDepotMinute {
	padding: 10px;
}

#identificationDepotMinuteTitre, #depotMinuteTitre {
	font-size: 12px;
	margin: 10px;
}

#identificationDepotMinute, #formDepotMinute {
	margin: 10px;
	padding: 10px;
}

#btValiderAlerteMail  {
text-align:right;
width:330px;
}


/* FIN FORMULAIRE depot/modif trajet*/
/* ####################################################################### */




/* ####################################################################### */
/* DETAIL OFFRE */

.sousTitreDetailsOffre {
	font-size: 12px;
	margin: 10px 0 20px 0;
}

#conteneurDetailsOffre {
	height: 477px;
	min-height: 462px !important;
	height: auto;
}

#offreDetailsZone1 {
	left: 0;
	position:relative;
	top:2px;
	width:331px;
	padding: 10px;
	border-bottom: 1px solid #87b83b;
}
	.titreBoxImportant {
		background-color:#87b83b;
		color:white;
		font-size:12px;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		padding-bottom:3px;
		padding-left:3px;
		padding-right:3px;
		padding-top:3px;
	}

	.sousTitre {
		color: #87b83b;
		font-size: 14px;
	}

	#offreDetailsZone1 p {
		clear: both;
		margin: 5px 0 ;
	}

	#female, #male {
		position: relative;
		top: 5px;
		padding-right: 5px;
	}

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

	#tableDate {
		position: relative;
		top: -28px;
		width:100%;
	}

	#imprimer {
		position: absolute;
		right: 50px;
		top: 15px;
	}

	#itineraire {
		position: absolute;
		right: 15px;
		top: 15px;
	}

#offreDetailsZone2 {
	border-right: 1px solid #87b83b;
	width:331px;
	padding: 10px;
}

#offreDetailsZone3 {
	border-left: 1px solid #87b83b;
	left:351px;
	border-top: 1px solid #87b83b;
	position:absolute;
	top:-1px;
	width:346px;
}

	#carteDetail {
		width: 346px;
		height: 285px;
	}

#offreDetailsZone4 {
	border-left: 1px solid #87b83b;
	clear:both;
	width: 348px;
	position: absolute;
	top: 306px;
	right: 0;
	width:326px;
	padding: 10px;
	background: white;
	height: 136px;
}

	#boxMot_de_passe, #boxMail {
		width: 120px;
	}

	#validationContactCovoitureur {
		font-weight: bold;
	}

	#validerInscriptionMinute {
		position: absolute;
		bottom: 20px;
		right: 10px;
		border: none!important;
	}

	#texteInfoContact, #formInscriptionMinute {
		margin: 0;
		padding: 0;
	}

	#divFormAmi {
	bottom:0;
	position:absolute;
	}

	.identifier{
	bottom:26px;
	position:absolute;
	}


/* CARTE DETAIL */
/* ####################################################################### */




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

#sbox-content a{
	color:gray;
}

#formLogin_ {
	margin: 10px 20px;
}

/*MENU PROFIL */
#formCompte {

}

#formCompte .champTexte{
	width: 150px;
}

#deconnexion {
	text-decoration: underline;
}

.formBox {
/* 	position: relative;
 */	padding: 5px 30px;
}

.formBoxSansMargin {
/* 	position: relative;
 */	padding: 5px 0;
}

.contenuBoxTexte {
	margin: 10px;
}

#menuTitre {
	background-repeat: no-repeat;
}

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




/* ####################################################################### */
/* CARTE GMAPS */

// Carte de visualition des trajets lors de la confirmation d'un depot/modification
#carteTrajetInsertion {
	width: 100%;
	height: 300px;
	background: gray;
}

/* CARTE GMAPS */
/* ####################################################################### */




/* ####################################################################### */
/* GESTION NOTE */

/*RATING STAR*/
/* star rating code - use lists because its more semantic */

#note {
	position: absolute;
	right: 100px;
	top: 20px;
	font-size: 10px;
	color: gray;/*#C00A2A;*/
	cursor: pointer;
}

#avis {
	height: 130px;
	padding: 5px;
	overflow: auto;
	border: 1px dotted silver;
}

#comm_form {
	margin: 0;
}

#comm_content {
	width: 98%;
	height: 60px;
}

#comm_submit {
	margin: 5px 0;
}

.rating{
	width: 40px;
	height: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	position: relative;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -8px}
.twostar {background-position:0 -16px}
.threestar {background-position:0 -24px}
.fourstar {background-position:0 -32px}
.fivestar {background-position:0 -40px}
.sixstar {background-position:0 -48px}
.sevenstar {background-position:0 -56px}
.eightstar {background-position:0 -64px}
.ninestar {background-position:0 -72px}
.tenstar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:8px;
	height:8px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:8px;}
ul.rating li.three a {left:16px;}
ul.rating li.four a {left:24px;}
ul.rating li.five a {left:32px;}
ul.rating li.six a {left:40px;}
ul.rating li.seven a {left:48px;}
ul.rating li.eight a {left:56px;}
ul.rating li.nine a {left:64px;}
ul.rating li.ten a {left:72px;}

ul.rating li a:hover {
	z-index:2;
	width:40px;
	height:8px;
	overflow:hidden;
	left:0;
}
ul.rating li.one a:hover {background-position:0 -88px;}
ul.rating li.two a:hover {background-position:0 -96px;}
ul.rating li.three a:hover {background-position:0 -104px}
ul.rating li.four a:hover {background-position:0 -112px}
ul.rating li.five a:hover {background-position:0 -120px}
ul.rating li.six a:hover {background-position:0 -128px}
ul.rating li.seven a:hover {background-position:0 -136px}
ul.rating li.eight a:hover {background-position:0 -144px}
ul.rating li.nine a:hover {background-position:0 -152px}
ul.rating li.ten a:hover {background-position:0 -160px}

/*  GESTION NOTE*/
/* ####################################################################### */



/* ####################################################################### */
/* 								ECO-CLACULATEUR								*/

.tab_result{
	width:530px;
}

#distance{
	float:left;
	padding:0;
	margin:0;
}

#nb_personne{
	float:left;
	padding:0;
	margin:0;
}
#button_choix{
	clear:both;
}

#col1{
	width:140px;
	padding:0 ;
	margin:0 5px 0 5px ;
	float:left;
	display:block;
}

#col2{
	width:69px;
	padding:0 ;
	margin:0 5px 0 5px ;
	float:left;
	display:block;
}

#col3{
	width:135px;
	padding:0 ;
	margin:0 5px 0 5px ;
	float:left;
	display:block;
}

#col4{
	width:140px;
	padding:0 ;
	margin:0 5px 0 5px ;
	float:left;
	display:block;
}
/*								FIN ECO-CLACULATEUR			 				*/
/* ####################################################################### */




/* ####################################################################### */
/* Class diverses */

.erreur {
	font-weight: bold;
	color: red;
}

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

.fieldvalid {
/* 	color: black;
	background: #FF9D00;
 */}
/* Pour la gestiondu bloc de retour d'erreur  */
#retourErreur, .retourErreur {
	color: black;
	background-color: #FF9D00;
	padding: 3px;
}

/* A presonnaliser pour faire sortir les champs obligatoires */
.fieldreq {
	color: black;
}

.texteExemple {
	font-size: 10px;
	color: gray;
}

.texteObligatoire {
	font-size: 10px;
	color: #c91c25;
}

.curseurPointer {
	cursor: pointer;
}

.texteGris {
	color: #646868;
}

.texteGrisFonce {
	color: #3F4444;
}

.positionIconBox {
	position: relative;
	top: 6px;
}

.positionIconNumber {
	position: relative;
	top: 5px;
}

#divMessage, #divMessageSqueez, .message {
	color: white;
	background-color: #fe9b01;
	padding: 0 5px;
	line-height: 20px;
}

#confirmation {
	padding: 5px;
	color: white;
	background-color: #fe9b01;
	margin: 0 20px;
}

#confirmationOui, #confirmationNon {
	font-weight: bold;
	cursor: pointer;
}

/* CARTE GMAPS */
/* ####################################################################### */



/* --------------------------------------------------------------------- * /
/* Menu utilsiateur BOX */

#ulMenuProfil {
	margin: 0;
	padding: 10px;
	list-style: none;
	color: gray;
	line-height: 20px;
}

	#ulMenuProfil  li{
		border-bottom: 1px dotted #77A12E;
	}

.onglet {
	float: left;
	height: 32px;
	width: 125px;
	margin: 0 1px 0 0;
	text-align: center;
	background: silver;
	cursor: pointer;
}

.ongletTexte {
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 0;
}

.btSubmitProfil {
	cursor: pointer;
}

/* Affichage des lignes while */
.ligneWhile {
	display: block;
	clear: both;
	line-height: 20px;
	/*J'ai rajouter ca
	margin:0;*/
	height: 45px;
	display:block;
	padding:3px 0 1px 0;
	border-bottom: 1px dotted #8fb939;
}

.aligneGauche {
	float:left;
	width:240px;
}

.aligneGauche2 {
	float:left;
	width:75px;
}

.aligneGauche3 {
	float:left;
	text-align:center;
	width:70px;;
}

.aligneGauche4 {
	float:left;
	width:125px;
}
.aligneGaucheInfoCovoitureur {
	float: left;
	padding-left:10px;
	padding-right:50px;
}

.aligneDroiteInfoCovoitureur {
	float: center;
}

.aligneDroite {
	float: right;
}

.textAlignRight {
	text-align: right;
}

.libelle{
	color:#a9a9a9;
}

.ligneImpair {
	background: white;
}

.lignePair {
	background: white;
}

.fermer {
	display: none;
}

/* Gestion des entete de lsitiong offres */
.organismeListingOffres {
	width: 90px;
	float: left;
	display: block;
}

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

.dateListingOffres {
	display:block;
	float:left;
	width:80px;
}

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

#loader_ {
	margin: 20px;
}

/* FIN lignes */

/**
 * tristan
 */
div.hr, div.thinhr, div.ihr {
    height: 3px;
    visibility: hidden;
    clear: both;
    border: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
div.thinhr {
    height: 1px;
}
div.ihr {
    height: 0px;
}

#optionInscriptionMinute {
	margin: 10px;
}

/* FIN  */
/* --------------------------------------------------------------------- * /