body { margin:0; padding:0; background:#f0efef;text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img { border:none; }
h1 {font-size:20px;color:#fff;}
a {color:#3a6b04;}
a:hover {text-decoration:underline;}
#global_ombre {margin:0 auto;padding:0; width:1018px; background:#fff url(../images/ombre.gif) top left repeat-y;}
#global {width:1002px; margin:0 auto;padding:0; text-align:left;background:#fff;}
#header {margin:0; padding:0; width: 1002px; height: 158px;background:#fff url(../images/header-covoiturage-correze.gif) top left no-repeat; overflow:hidden; }
#logo {width:100px; height:46px;margin:0; float:left; margin-left:41px; margin-top:43px;_margin-left:21px;}
#logo img {display:block;}
#www { float:right; margin:0;padding:0;}
#www img {display:block;}
#menu_site {width:1002px; height:32px; text-align:center; background: url(../images/fond_menu.gif) top left repeat-x; overflow:hidden;}
#menu_site ul { margin:0 auto; padding:0; width:935px; height:32px; list-style-type:none; overflow:hidden;}
#menu_site ul li { overflow:hidden; float:left;height:32px; margin:0;padding:0;}
#menu_site ul li a { float:left;display:block; height:32px;margin-top:-32px; padding:0;}
#menu_site ul li a:hover{ margin-top:0px;}
#menu_site ul li a img {display:block; margin:0; padding:0;}
.mn1 {width:94px;}
.mn2 {width:148px;}
.mn3 {width:172px;}
.mn4 {width:197px;}
.mn5 {width:183px;}
.mn6 {width:141px;}
#left {float:left; margin:0; padding:26px 0 0 0; width:246px;position:relative;}
#acces_membres {width:213px; height:105px; margin:0 0 0 32px; padding:0 0 10px 0; background:#fff url(../images/fond_acces_membres.gif) top left no-repeat;}
#acces_membres a {color:#000; text-decoration:none;font-weight:bold;}
#acces_membres p {margin-left:30px;}
.puce_gauche {margin:0;padding:0; padding:20px 0 0 30px;}
.puce_gauche li {list-style-type: none; padding: 0 0 0 16px;background:url(../images/puce_gauche.gif) center left no-repeat;}
.puce_gauche li a {font-size: 14px; font-weight:bold; text-decoration:none;color:#2b2b2b;}
.puce_gauche li a:hover {color:#000;}
.puce_gauche2 {margin:0;padding:0; padding:15px 0 0 30px;}
.puce_gauche2 li {list-style-type: none; padding: 0 0 0 16px;background:url(../images/puce_gauche.gif) center left no-repeat;}
.puce_gauche2 li a {font-size: 14px; font-weight:bold; text-decoration:none;color:#2b2b2b;}
.puce_gauche2 li a:hover {color:#000;}
#menu_gauche {width:233px; height:233px; margin:0 0 0 12px; padding:0; background:#fff url(../images/fond_menu_gauche.gif) top left no-repeat;}
#menu_gauche ul { margin:0;padding:20px 0 0 20px;width:190px;}
#menu_gauche ul li {margin:0; padding: 0 0 13px 0; border-bottom: 1px dotted #fff; list-style-type:none;}
#menu_gauche ul li.derniere_puce {border-bottom:none;}
#menu_gauche ul a {margin:0; padding:0; color:#fff;text-decoration:none;font-weight:bold;}
#menu_gauche ul a:hover {margin:0; padding:0; color:#3a6b04;}
.indigo {display:block; margin: 12px 0 0 36px;}
#pratique {width:213px; height:70px; margin:14px 0 0 32px;  padding:0; background:#fff url(../images/fond_pratique.gif) top left no-repeat;}
#ombre_left {position:absolute; top:0; right:0; width:6px; height:479px; background:url(../images/ombre_gauche.png) top left no-repeat;}
#right {float:left; margin:0;padding:0; width:756px;_width:725px;}
#footer  {margin:0 auto; padding:0; width:1018px; height:84px; background:#fff url(../images/bas_site.gif) top left no-repeat;}
.pfooter_img {display:block;float:left;margin: 16px 0 0 15px;}
.pfooter1 {float:left;font-weight:bold;margin:60px 0 0 20px;color:#fff;}
.pfooter2 {float:right;margin:60px 20px 0 0;}
.pfooter2 a {color:#fff;font-weight:bold; text-decoration:none;}
.encart {position:relative;text-align:center;width:333px; height:222px; float:left; padding:0px;margin: 30px 0 0 30px; _margin: 30px 0 0 10px;background:#e9e9e9 url(../images/fond_encart_accueil.jpg) top left no-repeat; }
#madame {position:absolute; width:47px; height:47px;top: 170px; right:30px;background:url(../images/madame.png) top left no-repeat;}
.encart img {display:block; margin:0; padding:0;}
.encart2 {text-align:center; width:333px; height:222px; float:left; padding:0px; margin: 30px 0 0 30px; _margin: 30px 0 0 10px; background:#e9e9e9 url(../images/fond_encart_accueil.jpg) top left no-repeat; }
.encart2 img {display:block; margin:0 auto; padding:0;}
.encart_int {width:320px; margin:0 auto; padding:0; text-align:left;}
.encart_int2 {width:320px; margin:0 auto; padding:0; text-align:left;}

.encart_int ul {margin:5px 0 0 40px; padding:0; }
.encart_int ul li {list-style-type:none;padding-left: 18px; background:url(../images/puce.png) center left no-repeat;} 
.encart_int ul li a {text-decoration:none; color:#2b2b2b;font-size:12px;font-weight:bold;}
.encart_int ul li a {color:#000;}

.encart_int p {padding-left:10px;}
.encart_int p a {text-decoration:none;}
.encart_int p a img {display:inline;}

#evenements {margin:5px 0 0 40px; padding:0; }
#evenements ul li {list-style-type:none;padding-left: 18px; background:url(../images/puce.png) center left no-repeat;} 
#evenements ul li a {text-decoration:none; color:#2b2b2b;font-size:12px;font-weight:bold;}
#evenements ul li a {color:#000;}

#der_annonces {margin:5px 0 0 20px; padding:0; }
#der_annonces ul li {width:280px; list-style-type:none;padding-left: 18px; background:url(../images/puce.png) center left no-repeat;} 
#der_annonces ul li a {text-decoration:none; color:#2b2b2b;font-size:12px;font-weight:bold;}
#der_annonces ul li a {color:#000;}

.annonceGo {width:270px;}
.aDroite {color:#3a6b04;}

/* hack png pour IE */
* html #ombre_left{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/ombre_gauche.png", sizingMethod="scale");
}
* html .encart_int ul li{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/puce.png", sizingMethod="scale");
}

* html #madame{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/madame.png", sizingMethod="scale");
}

#fildAriane{margin:0;padding:0; color:#3a6b04;width: 700px; font-size:10px;font-weight:bold;}
#fildAriane a{text-decoration:none;font-size:10px;font-weight:bold;}
#fildAriane a:hover{text-decoration:underline;font-size:10px;font-weight:bold;}

.boutonRecherche { background:url(../images/btn_recherche.gif) top left no-repeat; width:126px; height:24px;cursor:pointer; border:none;margin:10px 0 0 130px;}
.saisieRecherche { background: #fff; width:150px; height: 17px; font-size:12px; color:#a5ca2f; border:none;}
#date_trajet {width:150px;}
#champsRecherche {margin: 15px 0 0 0;padding:0; font-size:13px;font-weight:bold;}
#champsRecherche label {display:block;float:left; width:100px;text-align:right;margin:3px 5px 0 0;}
#dateImgDep {display:inline; width:14px; position:relative;margin: 3px0 0 0;padding:0;}
#logoEcolutis { margin: 0;border:none;}
#pied a {text-decoration:none;}
.eco {background:none;}
.lutis {background:none;}
#min-height {height:50px;}
#alerte {margin:0px;}
.point li {list-style-type:none;padding-left: 18px; background:url(../images/puce.png) center left no-repeat;} 
.point li a {text-decoration:none; color:#2b2b2b;font-size:13px;font-weight:bold;}
.point li a {color:#000;}
li.puce {list-style-type:none; padding-left:15px;margin-top:3px;}
/* contenu site ---------------------------------------------------------------------------- */

h2{ font-weight:bold; }


 
.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;
}


#contenu{
margin:0 0 0 50px;_margin:0 0 0 30px;
	/*min-height:600px;*/
	padding:5px;
	width:700px;
	z-index:5;
}
#contenu2{
margin:0 0 0 10px;
	/*min-height:600px;*/
	padding:5px;
	width:730px;
	z-index:5;
}

 #centre {float:left;width:750px;}
 #centre  #contenu {margin:0;}
 #centre .cadreTitre {
width:615px;
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;
text-align:left;
}

#centre .cadreContenu {
text-align:left;
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 {
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-2.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: 15px 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;
}	
	




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

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

.pad_drt { padding-right: 2em; }







/******************* 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;
	}
#annonces_proches {margin-left:35px;}