body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	padding:0px; margin:0px;
	text-align:center;
	width:100%;
	height:100%;
	background:#EEEEEE url(../images/motif_fond.gif) 
}

a {
	text-decoration:none;
	margin:0px;
	padding:0px;
	color: #505d05;
	font-weight:bold;
	background-color:transparent;
	z-index:1000;
}

#menu a {
	text-decoration:none;
	margin:0;
	padding:0px;
	color: #333333;
	font-weight:bold;
	font-size:11px;
	background-color:transparent;
}

h2{ font-weight:bold; }
a:hover { text-decoration: none ; color:#DF400E;}

#header {
  height: 190px;
  width: 999px;
  padding:0;
  margin: 0 0 5px 0;
  background: transparent url(../images/101-bandeau_haut.png);
  background-repeat: no-repeat;
  background-position: top right;
}
#ong_liens {
	height: 30px;
	position: absolute;
	top: 159px;
	width: 800px;
	padding-left: 80px;
}
#ong_liens a { text-decoration: none; font-weight: bold; color: #fff; font-size: 16px; display:block;}
#ong_liens a:hover {  color: #6e7d0a; }

.divong {
  height: 35px;
  line-height:25px;
  float: left;
  margin: 0 2.22%;
*  margin: -1px 2.18%;
-  margin: -1px 1.1%;
  display: block;
	padding: 2px 0;
	text-align: center;
 }
.divong:hover { /*background: transparent url(../images/onglet_hover.png) no-repeat right top;*/
*  margin-top: 1px;
* padding-top: 1px;
-  margin-top: -1px;
- padding-top: 2px;}
.gris {
/*  background: transparent url(../images/onglet_courant.png) no-repeat right top; */
  text-align: center;
  }
.bleu {
  /*background: transparent url(../images/onglet_courant.png) no-repeat right;*/
  text-align: center;
 }
#ong_liens .bleu  a{   color: #6e7d0a; }


#central{
	margin-left:auto;
	margin-right:auto;
	width:1032px;
	text-align:left;
}

.page1{ background : transparent ; }


#page{
	padding:0px;
	font-size:11px;
	width:1000px;
	margin:-5px 0 0 0px;
	min-height:400px;
	background:transparent url(../images/conteneur.png) top left repeat-y ;

}
#fildAriane{
	margin: -3px 0;
*	margin: 0 0 0 200px;
	padding: 0 25px 0px 25px;
	font-size:10px;
	background: transparent url(../images/conteneurNord.png) top left no-repeat;
	z_index: 100000;
}

#menu {
	float : left;
	width: 220px;
	margin-top: -10px;
*	margin-top: -13px;
-	margin-top: -22px;
	margin-left: -15px;
	padding:0;
	color:#000000;
	font-weight:bold;
	font-size:13px;
				/*
	background-color : #f0f;
				*/
	text-align:right;
	background:#f5f6f1;
}


#menu ul#membre{
	list-style-type : none;
	margin-right: 10px;
}

#menu ul#commun{
	list-style-type : none;
	line-height:18px;
	vertical-align:middle;
	margin-left:5px;
	margin-right: 10px;
}

#page>#menu{ margin-left:0px; }
#contenu{
 	margin-left:270px; 
	margin-top:0px;
	min-height:600px;
	padding:5px;
	width:700px;
	z-index:5;
}

#contenu2{
 	/*margin-left:240px; _margin-left:230px;*/
	float:left;
	margin:10px 0 0 20px;_margin:10px 0 0 40px;
	padding:0;
	width:750px; 
}

.cadreContenu {
padding-top : 20px;
padding-left:20px;
padding-bottom : 20px;
background-color:#F2F2EF;
font-size : 11.2px;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#000000;
margin-bottom:20px;
width:630px;
}
.cadreContenu-2 {background-color:#F2F2EF; width: 610px; padding: 20px;}
.paddegal { /* Appliqué à cadreContenu pour obtenir un affichage correct des événements */
	padding: 20px;
	width:610px;
}
.cadreContenu2{
width:630px;
padding-top : 20px;
padding-left:20px;
padding-bottom : 20px;
background-color:#F2F2EF;
font-size : 11.2px;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#000000;
margin-bottom:20px;
}
.cadreTitre {
width:650px;
height:35px;
line-height:35px;
vertical-align:middle;
font-size : 18px;
font-weight : bolder;
padding-left:35px;
background-image:url(../images/fond_titre-2.jpg);
background-repeat:no-repeat;
background-position: top left;
color : #FFFFFF;
margin-bottom:0px;
}

.cadreTitre2 {
width:650px;
height:35px;
line-height:35px;
vertical-align:middle;
font-size : 18px;
font-weight : bolder;
padding-left:35px;
background-image:url(../images/fond_titre.jpg);
background-repeat:no-repeat;
background-position: top left;
color : #FFFFFF;
margin-bottom:0px;
}

table.contenu_menu{
	text-align:left;
}
.boutonGeneral{
background: transparent url(../images/fond_bouton_titre.gif) scroll no-repeat;
color:white;
display:block;
font-size:18px;
height:40px;
margin:0;
text-align:center;
width:352px;
border-style : none;
cursor: pointer;
}

.boutonGeneral:hover{
	background: url(../images/fond_bouton_titre.gif) no-repeat top right;
	color: black;
}

p#col1{
	width:50%;
	float:left;
}

.depotReg { background-color: #99c774; }
a.titOnglet{	color: #60831b; }
ul.titsOnglets{
	list-style-type:none;
	height:20px;
	margin-bottom:-2px ;
	padding-bottom:0px;
}

ul.titsOnglets li{
	float:left;
	width:100px;
	text-align:center;
	background : url(../images/onglet1.gif);
}
ul.titsOnglets a{ display:block; padding-bottom:1px;  color: #4a6515; }
ul.titsOnglets a:hover{ display:block; color: #60831b;	background : url(../images/onglet0.gif); }
ul.titsOnglets a.courant{	background : url(../images/onglet0.gif); }

.alert{
	color:#FF4300;
	font-weight:bold;
	margin-bottom:20px;
}

.alertalert{
	color:#C60017;
	font-weight:bold;
	margin-bottom:20px;
}

div#pied{
	font-size:12px;
	width: 1000px;
	margin: 4em auto;
	font-weight: bold;
	text-align: center;

}


#pied  a {
  text-decoration : none;
  color:#000000;
}

#pied a:hover {
  text-decoration: none;
  color:#000;
}

#pied  a:visited{
  color:#222;
}

.coinpied {
float:right;
height:47px;
margin-top:-72px;
width:250px;
}

#coinpiedgauche {
background:url(../images/pied_coin_gauche.png) no-repeat;
clear: left;
float:left;
height:250px;
width:47px;
margin-top:-250px;
* margin-top:-200px;
}

#coinpieddroit {
font-size : 11px;
background:transparent url(../images/pied_coin_droit.png) no-repeat scroll 0 0;
float:right;
height:27px;
margin-top:-47px;
* margin-top: 5px;
text-align: right;
width:240px;
padding-top:20px;
padding-right:10px;
}

ul#partenaires{
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

li.partenaire{
	display:inline;
	list-style-type:none;
	text-align:center;
	margin-left:30px;
	margin-right:30px;
}


ul.piedPage{
	padding:0;
	margin:4px auto;
	overflow:auto;
}

ul#accesRapide{ width:498px ; }
ul#accesBonus{ width:341px ; }

ul.piedPage li{
	float:left;
	margin:0 10px;
}

div#ecolutis
{
	/*padding-top:10px; */
	display:block;
	text-align: left;
	float:left;
	width:300px;
	margin-left:15px;
}

h1 { color: #428300; font-size: 1.3em; margin: 0 0 2em 0;}

h3 { color: #428300; font-size: 1.2em; font-weight: bold; margin: .5em  0 2.5em 0; }

h4 { color: #428300; font-weight: bold; margin-top: -.3em;}

.cat {
	 color: #428300; font-weight: bold;
	margin: -1.2em 0 .5em 1.2em;
	- margin: 1.2em 0 0 1.2em;
	width: 30%; float: left; background-color: #fff; border: #428300 solid 1px;padding: .5em;
}


#index_milieu { width: 52%; - width: 50%; float: left; text-align: justify; margin: 2em 0 0 0; }

#index_droit { width: 30%; float: right; padding: 2%; margin: 2em 1em 0 0; }

.bonjour { text-align: center; margin: 20px; color: #E74E29; font-size: 1.2em;}

a.lienHaut{
	float:right;
	background:url(../images/flecheHaut.gif) no-repeat;
	font-size:10px;
	padding: 10px 30px 0 10px;
	display:block;
}

.listeHoriz0{
	list-style-type:none;
}

.bloc {
	width:325px;
	height:250px;
	background:#F2F2EF;
	float:left;
	margin:30px 5px 0px 10px;
}

.bloc2 {
	width:325px;
	height:200px;
-	height:220px;
	background:#F2F2EF;
	float:left;
	margin: 20px 5px 0px 10px;
}

.titreAccueil {
	background:url(../images/fondbloc.png);
	text-align:center;
	height:33px;
	line-height:33px;
	font-size:20px;
	color:#444;
}

.titreAccueil2 {
	background:url(../images/fondbloc2.png);
	text-align:center;
	height:33px;
	line-height:33px;
	font-size:20px;
	color:#444;
}	


.titreAccueil3 {
	background:url(../images/fondbloc3.png);
	text-align:center;
	height:33px;
	line-height:33px;
	font-size:20px;
	color:#444;
}	


.titreAccueil4 {
	background:url(../images/fondbloc4.png);
	text-align:center;
	height:33px;
	line-height:33px;
	font-size:20px;
	color:#444;
}	
	

#champsRecherche {
	text-align:center;
	padding-top:10px;
	color:#3F3F40;
	font-size:15px;
	font-weight:bold;
}

input.saisieRecherche {
	border-top:2px solid #CCC;
	border-right:0px solid grey;
	border-bottom:0px solid grey;
	border-left:0px solid grey;
	width:200px;
	padding:3px;
	font-size:16px;
	color:#666;
}

.boutonRecherche {
	background:#b9d300;
	border: 4px solid #cbdf42;
	color:#FFF;
	font-size:18px;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
}

.boutonRecherche:hover {
	background:#cbdf42;
	border: 4px solid #b9d300;
}

.image {
	position:absolute;
	width:300px;
	font-size:11px;
	padding:5px 5px 0px 15px;
	background:#F2F2EF;
}

.image img {
	float:left;
	margin-right:10px;
}

#blocEvenements, #blocann {
	font-size:11.2px;
	padding-top:10px;
	color:#3F3F40;
}
#blocEvenements li { margin-left: -20px; list-style-type: none; }
#sinscrire {
clear: right;
	float: right;
	margin-top: 20px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 8px;
-	margin-right: 4px;

	}
#sinscrire a {
	color: #fff;

	}
#sinscrire a:hover {
	color: #6e7d0a;
	}
#logo {
	width: 155px;
	height: 140px; 
	margin-left: 20px;
	border: none;
	}
.pad_drt { padding-right: 2em; }
#blocDecouvrir {
	background:url(../images/blocevenement.png) bottom right no-repeat;
}
#logoEcolutis { margin: 0;}



/******************* ETAPE 1 ET ETAPE 2 *****************************/
	#ville_dep, #ville_arr, #adresse_dep, #adresse_arr {
		width: 190px;
		border: 1px solid #E3E3E3;
		margin-top: 2px;
		padding: 2px;
	}
	
	select#adresse_dep, select#adresse_arr {
		width: 194px;
	}
	
	.ville, .adresse {
		color: #636363;
		font-style:italic;
		font-size:12px; 
	}
	.ville { padding-top:4px; }
	.adresse { padding-top:5px; }
	#tableauTrajet {
		width:90%;
	}

	#thTableauDep {
		color:#299827;
		font-weight:bold;
	}
	#thTableauArr {
		color:#CA3C4A;
		font-weight:bold;
	}
	.separateurDepArr {
		width:30px;
	}
	
	#libelle_depart {
		width:120px;
	}
	
	.titreTrajet {
		color:#6E7D0A;
		font-weight:bold;
		margin-bottom:15px;
	}
	
	#titreTrajetConditions {
		margin-top:40px;
	}
	
	#tableauConditions {
		width:80%;
	}
	
	.conditions {
		font-size:12px;
	}
	
	.libelleConditions {
		font-style:italic;
		color: #636363;
	}
	
	.optionsConditions {
		padding-left:10px;
	}
	
	#validTrajet {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		padding-top:15px;
	}	
	
	
/********************** ETAPE 3 *******************************/
	#allerretour {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:75%;
		/*border: 1px solid;*/
		background: #DDDDDD;
	}

	#allerretour input, select {
		padding:2px;
		border: 1px solid #DDDDDD;
	}

	#titreAller, #titreRetour {
		color: green;
		font-weight:bold;
		font-size:14px;
	}

	#ANN_CH_PRECISION {
		padding:2px;
		border: 1px solid #E3E3E3;
	}

	#tabAller, #tabRetour, .jourLib, #commentaire, #horaireImportant, #placeDispo {
		color: #636363;
		font-style:italic;
		font-size:12px; 
		text-align:right;
	}

	.jourLib {
		text-align:center;
	}

	#itineraire {
		color: #333333;
		font-size:13px; 
		width:100%;
	}

	#tempsDist {
		text-align:right;
		padding-right:8px;
	}
	
/********************** ETAPE 4 *******************************/	
	.averti {
		color: #636363;
		font-style:italic;
		font-size:12px; 
	}
	
	#annonceOK {
		font-weight:bold;
	}
	
	#explPubliques {
		color: #636363;
		font-style:italic;
		font-size:10px; 
	}
	
	#exempleMobile {
		color: #636363;
		font-size:11px;
	}
	
	#telsms {
		padding:2px;
		border: 1px solid #E3E3E3;
	}
	
	#noresultat {
		text-align:center;
	} 
.degrade { 
	background:url(../images/fond_menu_gauche.gif) bottom right repeat-y;
	margin-right: -10px;
	height: 25px;
	padding: 3px 10px 0 0;
	}
#left_annonces {margin-top:10px;}
#annonces_proches {margin: 0 0 30px 50px;}
.partenaire_logo {
	text-align: center;
    float:left;
    width:33%;
    height:155px;
	}
.partenaire_logo_label { padding: .5em; }
#ue { margin: 0 auto 1em auto; width: 40%; 

height: 67px;

	background:url(../images/logo_ue.png) bottom left no-repeat;



 color: #0c4ca0; font-size: 12px; text-align: center;}

#uetxt { margin-left: 130px; padding-top: .8em;  }