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



/* ####################################################################### */
/* Menu utilisateur */

#menuCovoitureur {
	margin: 0;
	padding: 10px;
	list-style: none;
}

#menuCovoitureur li {
	border-bottom: 1px dotted gray;
}

#conteneurMenuCovoitureur {
	padding: 10px;
}

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


/* ####################################################################### */
/* Affichage des lignes while */

.ligneWhile {
	display: block;
	clear: both;
	line-height: 20px;
	border-bottom: 1px solid gray;
	/*J'ai rajouter ca*/
	margin:0;
	height: 20px;
	display:block;
}

.aligneGauche {
	float: left;
}

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

.aligneDroiteInfoCovoitureur {
	float: center;
}

.aligneDroite {
	float: right;
}

.libelle{
	color:#a9a9a9;
}

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


/* ####################################################################### */
/* Geolocalisation */

#formModificationTrajet {
	position: relative;
}

.fielsetGeoDepart {
	width: 250px;
}

.fielsetGeoDestination {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
}


.carteConfirme {
	width: 415px;
	height: 200px;
}

.ulListeCommune {
	margin: 0;
	padding: 10px;
	list-style: none;
	width: 280px;
	float: left;
}

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


/* ####################################################################### */
/* Divers */

.curseurPointer {
	cursor: pointer;
}

.ouvert, .ferme {
	display: block;
	width: 6px;
	height: 10px;
	background: green;
	float:left;
	position:relative;
	top:1px;
	cursor: pointer;
}

.ouvert {
	background: url(../images/puce-ouvert.gif) no-repeat !important;
}

.ferme {
	background: url(../images/puce-ferme.gif) no-repeat !important;
}

.survol {
	font-weight: bold;
}

.libelleDetailsOffre {
	font-weight: normal;
	color: black;
}

.infoChamp {
	color: gray;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Morphing */

.morphMenu {
	width: 250px;
	height: 350px;	
	margin-left: -125px;
}

.morphListeTrajet {
	width: 250px;
	height: 500px;	
	margin-left: -125px;
}

.morphnoteCommentaireCovoitureur {
	width: 250px;
	height: 520px;	
	margin-left: -125px;
}

.morphProfil {
	width: 300px;
	height: 500px;	
	margin-left: -150px;
}

.morphInscription {
	width: 700px;
	height: 400px;	
	margin-left: -350px;
}

.morphLogin {
	width: 550px;
	height: 250px;	
	margin-left: -275px;
}

.morphModifTrajet, .morphInsertTrajet {
	width: 700px;
	height: 700px;	
	margin-left: -350px;
}

.morphProfilMesCovoitureur {
	width: 500px;
	height: 560px;	
	margin-left: -350px;
}

.morphMesPreferences{
	width: 500px;
	height: 560px;	
	margin-left: -250px;
}

.morph {
	width: 700px;
	height: 500px;
	margin-left: -350px;
}

/*Classe pour aligner a droite le bloc de selection d'un autre lieu dans un trajet*/
.droiteAutreLieu{
	position: absolute;
	right: 15px;
	/*bottom: 13px;*/
	top:247px;
}

#jeMinscript {
	color: maroon;
}

/* ########## */
/* FORMULAIRE ACCORDEON */

.conteneurFormAccordeon {
	position: relative;
	width: 100%;
	height: 430px;
}

#validationMessage {
	color: red;
	margin: 0;
}

#validationMessage p {
	color: red;
	margin: 0;
padding: 10px 10px 0 10px;
}



.formAccordeon {
	margin: 0;
	padding: 0;
}

.formAccordeon .champTexte {
	border:1px solid gray;
}

.formAccordeon fieldset {
	border: 1px solid #9eca26;
	clear: both;
	padding: 10px;
	margin: 10px;
}

.formAccordeon label {
	display: block;
	clear: both;
}

.formAccordeon legend {
	margin: 0;
	padding: 0;
}

.formAccordeon legend span{
	display: block;
	padding: 5px;
/*	width: 650px;
*/	background: #9eca26;
	border-bottom: 1px solid white;
	color: white;
}

.validerEtape {
	cursor: pointer;
}

.divEtape {
	
}

#conteneurDepart {
	background: #e3dffb;
	padding: 10px;
}

#conteneurDestination {
	background: #ddf7dd;
	padding: 10px;
}

#ajoutForm {
	position: relative;
	margin-left: 20px;
	padding: 10px;
	background: #E4E4E4;
}

/* Pour form accordeon gestion trajet */
#blocDepart, #blocDestination {
	position: relative;
}

#blocDepart input, #blocDestination input {
	width: 300px;	
}

#validerDepart {
		left:4px;
		position:relative;
		top:4px;
	}
	
	#validerDestination {
		left:4px;
		position:relative;
		top:4px;
	}
	
	.img_ConfirmDepart {
		background:transparent url(/basedure/www.roulezmalin.com/images/bt-confirmer.png) no-repeat scroll 0%;
		display:block;
		float:left;
		height:17px;
		padding-left:10px;
		padding-top:3px;
		width:100px;
		font-size: 9px;
	}

	.img_LocalDepart {
		background:transparent url(/basedure/www.roulezmalin.com/images/bt-localiser.png) no-repeat scroll 0%;
		display:block;
		float:left;
		height:17px;
		padding-left:12px;
		padding-top:3px;
		width:100px;
		font-size: 9px;
	}

#complementBlocDepart, #complementBlocDestination, #confirmeBlocDepart, #confirmeBlocDestination{
	position:relative;
	border: 1px solid gray;
	background: white;
	padding: 10px;
	margin: 20px 0;
}

#complementBlocDepart h2, #complementBlocDestination h2 #confirmeBlocDepart h2, #confirmeBlocDestination h2 {
	font-size: 12px;
}

#complementBlocDepart p {
	margin:23px 0;
}

#complementBlocDestination p {
	margin:23px 0;
}

#carteDepart, #carteDestination {
	position: absolute;
	top: 35px;
	right: 15px;
}

#complementBlocDepart p.infoComplementTrajet, #complementBlocDestination p.infoComplementTrajet {
	margin: 0;
	background: #a76f30;
	color: white;
	padding: 5px;
}


/* FIN ZONE INSCRIPTION */
/* ############## */


/* --------------------------------------------------------------------- * /
/* EVERNETBOX */

#assombrissement {
	position: absolute;
	z-index: 1000;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	height: 100%;
}

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

#conteneurEvernetBox {
	position: absolute;
	z-index: 1000;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	padding: 10px 10px 30px 10px;
/*	border: 10px solid #9eca26;
*/	overflow: auto;
}

#enteteEvernetBox {
	height: 56px;
	background: #9eca26;
	color:#FFFFFF;
	width:100%;
}

#fermer, #fermerEvernetBox {
}

#titreEvernetBox {
	margin: 0;
	font-size: 13px;
	padding: 5px 0 0 20px;
	width: 70%;
}

#titreEvernetBox span{
	display: block;
}

/* Menu icones */
#menuEntete {
	height:23px;
	position:absolute;
	right:15px;
	top:13px;
	width:65px;
}

#menuEnteteLight {
	height:23px;
	position:absolute;
	right:15px;
	top:13px;
	width:65px;
}

#menuEntete span {
	cursor: pointer;
}

#retourEvernetBox {
	display: block;
	float: right;
	width: 21px;
	height: 23px;
	cursor: pointer;
	background:url(../images/puce-entete-retour.png) no-repeat;
}

#menuEvernetBox {
	display: block;
	float: right;
	width: 21px;
	height: 23px;
	cursor: pointer;
	background:url(../images/puce-entete-menu.png) no-repeat;
}

#fermerEvernetBox {
	display: block;
	float: right;
	width: 21px;
	height: 23px;
	cursor: pointer;
	background:url(../images/puce-entete-fermer.png) no-repeat;
}

/* div sous menu profil */
#sousEnteteEvernetBox {
	height: 20px;
	color:#9eca26;
	border-bottom:2px solid #9eca26;
	margin-bottom: 20px;
}

#sousTitreEvernetBox { 
	float: left;	
	line-height: 20px;
	margin: 0;
	font-size: 13px;
	/*padding-left: 40px;*/
}

#conteneurSousMenu {
	/*margin-left: 35px;*/
}

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


/* ######### */
/* ZONE LOGIN */

#zoneLogin {
}

#formLogin {
	margin: 10px;
position: relative;
}

#formLogin p {
	margin: 5px 0;
}

.champTexteLogin {
	width: 200px;
	background: #E8E8E8;
	padding: 2px;
	font-size: 10px;
	
}

#formInscription .champTexte, #formInscription .number, #formInscription select{
	border: 1px solid gray;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#btInscription {
	position: absolute;
	right: 95px;
top: 24px;
	width: 103px;
	height: 29px;
	background: url(../images/bt-inscrivezvous.gif);
	cursor: pointer;
}

/* FIN ZONE LOGIN */
/* ################## */

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

.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(star-matrix.gif) no-repeat 0 0;
}
/* 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 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
.sixstar {background-position:0 -96px}
.sevenstar {background-position:0 -112px}
.eightstar {background-position:0 -128px}
.ninestar {background-position:0 -144px}
.tenstar {background-position:0 -160px}
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:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li.six a {left:80px;}
ul.rating li.seven a {left:96px;}
ul.rating li.eight a {left:112px;}
ul.rating li.nine a {left:128px;}
ul.rating li.ten a {left:144px;}

ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}
ul.rating li.six a:hover {background-position:0 -256px}
ul.rating li.seven a:hover {background-position:0 -272px}
ul.rating li.eight a:hover {background-position:0 -288px}
ul.rating li.nine a:hover {background-position:0 -304px}
ul.rating li.ten a:hover {background-position:0 -320px}




/* ################ */

.infoBulle {
	cursor: pointer;
}

.tool-tip {
	z-index: 13000;
	background: #e9e9e9;
	border: 1px solid gray;
}

#fermerTips {
	position: absolute;
	top: 5px;
	right: 10px;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}

.tool-text h2 {
	color: black;
	font-size: 13px;
}

.tool-text p {
	color: gray;
}
 
.custom-tip {
	color: #000;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}