/* Définitions gnales */
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#39393B;
    padding:0px; margin:0px;
    text-align:center;
    background : #F6F5F2 url(../images/bg.png) repeat-x scroll left 152px;
}

a {
    text-decoration:none;
    margin:0px;
    padding:0px;
    color: #37383C;
    font-weight:bold;
}

p{
    line-height:1.5em;
    margin:20px 0;
}

h2{ font-weight:100; }

a:hover { text-decoration: none ; color:#59B101;}

.discret{
    margin:5px;
}

/* Mise en page globale */
#header {
    height: 190px;
    padding: 0;
    margin: 0 0 0 80px;
    background: transparent url(../images/header-bg.png) repeat-x bottom left;
    position:relative
}


#header-slogan{
	text-indent:-1000px;
    background: url(../images/header_slogan.gif) no-repeat left 20px;
    position: relative; 
    width:520px;
    height:124px;
    margin-top:0;
}

#header-slogan a{display:block ; height:110px;}
#header-slogan h1 {font-size:12px;margin:0;padding:0;}


#header-illus{
    position:absolute; 
    right:0;
    top:3px;
}

#header-onglets{
    display:block;
    float:left;
    padding: 0;
    margin:0;
    height: 29px;
    width: 710px;
    text-align:left;
}

#header-onglets li {
    float : left;
    list-style-type: none;
    font-size : 1.25em;
    text-transform:lowercase ;
	background: #3d7b94 url(../images/fond_menu.gif) no-repeat top left;
    padding:0;
    display:block;
    margin:0 8px;
    text-align:center;
    vertical-align:middle;
}

#header-onglets li.courant{
	background: #265a6f url(../images/fond_menu_hover.gif) no-repeat top left;
}
#header-onglets li:hover {
	background: #265a6f url(../images/fond_menu_hover.gif) no-repeat top left;
}
#header-onglets a{
    color:white;
    display:block;
    padding : 5px 10px;
}
#header-onglets li#liong1 {
    margin-left:30px;
}


#central{
    width:968px;
    text-align:left;
    margin:0 auto; padding:0 auto;
}

#page{
    padding:0px;
    font-size:14px;
    margin: 10px 0;
    min-height:370px;
}

#fildAriane{
    margin: 0 0 0 80px; padding:0;
    font-size:10px;
}

.menu{
    float : left;
    width: 180px;
		
            padding: 0;
            color:#57574D;
            font-weight:bold;
            font-size:0.9em;
            text-align:right;
}
.menu img {display:block;margin:0;padding:0;}

/*margin: -20px 0 20px 0;
            *  margin: 20px 0 20px 0;*/

.menu ul {
    list-style-type:none;
    margin: 20px 5px 0 0;
    margin-bottom: 2em;
}

.menu li {
    padding: 5px 0;
    text-align: right;
    margin-right: 1em;
	width: 100%;
	height:25px;
}

li.entoure {
    text-align: center;
	display:block;
	width:156px;height:25px;
	margin:0px;
}

#menu-logo{
    margin: 30px 0 0 0;
	float:right;
}       

.entoure {
    background: transparent url(../images/menu-membre-li-bg.gif) no-repeat top left;
}
.entoure a:hover{color:#fff;}


.menu li.entoure2lignes {
    background: transparent url(../images/menu-membre-2li-bg.png) no-repeat scroll top center;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:15px;
}
#contenu2{
	min-height:430px;
    margin:5px 0 0 0;
    padding: 0;
	background: #fff url(../images/fond_contenu.gif) no-repeat top left;
    float:right;
    width:760px;
	}
#contenu{
    margin:10px;
}

.cadreContenu {
    margin : 5px 1px ;
    padding: 2px;
}

.cadreContenu2{
    /*padding-top : 20px;*/
    padding-left:20px;
    padding-bottom : 20px;
    margin-bottom:20px;
}

.cadreTitre, .cadreTitre2 {
    font-size : 1.75em;
    font-weight: normal;
    margin : 15px;
}


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 , .depotOccas { 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); }


#alerte, #confirme {
    width:650px;
}

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

div#pied{
    font-size:11px;
    width: 750px;
    margin-left:215px;
    padding-top:10px;
    height:50px;
    font-weight:bold;
    color:#000;
    text-align:center;
    padding-left:10px;
}

#pied p{
    line-height:1em;
    margin: 5px 0;
}

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:800px ; }
ul#accesBonus{ width:341px ; }

p#editeur{
    text-align:center;
}

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

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

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


.note {
    background: #E3DFDC url(../images/note-bg.png) scroll no-repeat top left;
	/*
    margin-top: -2.7em;
	 */

                *  margin-top: 2.7em;
}

.note h3{
    margin: 40px 10px 0 ;
    color:#55514E;
}

.note ul{
    list-style-image : url(../images/li-note-image.png);
    font-size:1.2em;
    margin-left:15px ;
    padding-left:10px;
}

.note li{margin:10px 0; padding-left:10px; line-height:1.4em; font-size:0.9em;}


.logoSafran{
	border-top:7px solid #F6F5F2 ;
	height:100px;
	width:100%;
	/*background:transparent url(../images/note-logo-safran.png) scroll no-repeat 50% 50%;*/
}

ul.descRecherche{
    
}
/*.colGauche{width:150px;}
.colDroite{width:150px;}*/

.box{
    background-color: #F5F6F1;
    margin-top:0;
    padding:10px 20px 10px 20px;
}

.box label { display:block; }
.box input[type=text]{font-size:1.1em; margin-bottom:20px; width: 205px; }

.box input[type=submit]{
    text-align:center;
    margin :10px;
    background-color:#d2e272 ;
    -moz-border-radius:5px 0 5px 0;
    border:0 solid white;
    width:116px ; height:26px;
    display:block;
    float:right;
}

h3.box {
    padding: 0 12px; height:23px;
    line-height:23px;
    margin: 0.5em 0 0 0;
            *  margin: 0.8em 0 0 0;
            color:white;
    background-color: #719b5b;
    -moz-border-radius: 5px 0 0 ;
}

.intertitre{
	font-weight:bold;
}

.lienHaut{
	color:#59B101;
}

.parexemple{
	color: #444;
	font-style:italic;
	font-size : 0.8em;
}


/******************* 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:97%;
	}

	#thTableauDep {
		color:#299827;
		font-weight:bold;
	}
	#thTableauArr {
		color:#CA3C4A;
		font-weight:bold;
	}
	.separateurDepArr {
		width:30px;
	}
	
	#libelle_depart {
		width:120px;
	}
	
	.titreTrajet {
		color:#9CA957;
		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;
	}	
	
    #saisie_depart, #saisie_arrivee{
        width:120px;
    }
/********************** 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: #9CA957;
		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;
	}