@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
border:0px;	
}
body {
	background-image:url(../images/v2011/fond/nuages.png);
	background-repeat: repeat-x;
	background-position: 28px -18px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#717889;
	line-height:18px;
	background-color:#e1f0ff; 
	/*min-height:918px;/*******************************************************************************************/
}

#global {
	background-image: url(../images/v2011/logo/fond_colines.gif);
	background-repeat: repeat-x;
	background-position: center top;	
	min-height:1200px;/*******************************************************************************************/
	z-index:0;
	position:relative;
}
#footer{
	/*background-image: url(../images/theme/fond_herbe_route2.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-top:#fff 1px solid;
	height:350px;	
	background-color:#53a737;*/
	
}
#page, #pied {
position:relative;
width:1000px;
margin:0 auto;	
padding:20px 0 0 0;
}

#header{
padding:0 0 0 0;
}
/** couleurs **/
.bleu,#form_recherche input.btn,ul.navigation li a:hover,.accueil ul.navigation li#nav_accueil a, .inscription ul.navigation li#nav_inscription a,.trajets ul.navigation li#nav_trajet a,.contact ul.navigation li#nav_contact a,  .nouveau_trajet ul.navigation li#nav_nouveau_trajet a,.conditions a {
color:#0082d1;	
}
#cache{
position:absolute;
background-color:#fff;
height:22px;
top:226px;
z-index:1;
}
.rouge,h1{
color:#ff3247;	
}
#bloc_connexion label{
color:#fff;	
}
div.perdu a {
color:#82C2E9;	
}
ul.navigation li a{
	color:#5e7b97;
}
.gris,ul#visual,ul#visual a,.rubrique,.supprimer,#central.conditions,#lien_demande{
	color:#717889;
}
.noir,ul.mentions li a{
color:#000;	
}
/** fonds couleurs */
#bloc_connexion,#central #trajets th, #mes_trajets th {
background-color:#0082d1;		
}
#central,ul.navigation li{
background-color:#fff;		
}
/****fonts **/
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;	
margin:0 0 12px 0;
font-weight:normal;
}
ul.mentions {
font-size:11px;		
}
div.perdu,ul#visual{
font-size:10px;
}
#bloc_connexion label{
font-size:13px;
}


.gras{
	font-weight:bold;
}
/*****/
*h1{/* hack ie7 */
margin:0px 0 9px 0;
}
#logo{
position:absolute;
top:27px;
left:-9px;	
}

#recherche{
	width:152px;
	height:300px;
	padding:20px 0 20px 20px;
	position:absolute;
	top:240px;
	left:0;
	z-index:2;
	background-color:#ff3247;
}
#connexion{
width:280px;
height:100px;
border:1px #000 solid;	
	
}
#central{
float:left;
width:630px;
padding:27px 25px;
min-height:350px;
margin:-8px 0 0 172px;

-moz-box-shadow: #aaa 0px 0px 18px;
-webkit-box-shadow: #aaa 0px 0px 18px;
box-shadow: #aaa 0px 0px 18px;
behavior: url(PIE.php);

 -moz-border-radius: 10px 10px 10px 10px; 
 -webkit-border-radius: 10px 10px 10px 10px; 
 border-radius: 10px 10px 10px 10px;
 behavior: url(PIE.php);
}
.trajets #central, .mes_trajets #central{
padding:27px 1px ;
width:678px;	
}
.trajets h1,.mes_trajets h1{
margin-left:25px;
width:350px;
float:left;	
}
#page.accueil #central{
	background-image: url(../images/v2011/fond/fond_panneau.gif);
	background-repeat: no-repeat;
	background-position: 23px bottom;	
}
#menu{
margin:23px 0px 0 167px;	
}
ul.navigation{
	/*margin:19px 0 0 310px; AVEC  PUB */
	
	list-style-type: none;
	font-size:13px;
}
*ul.navigation{
	margin:32px 0 0 310px;
}
ul.navigation li{
	float:left;
	margin:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	height:49px;
	padding:0 6px;
	line-height:28px;	
}
ul.navigation li a{	
text-decoration:none;
padding:7px 8px 7px 3px ;
margin:0 0 0 5px;
display:block;
}
ul.navigation li a:hover{
color:#564efa;
}


p{
margin:9px 0 9px 0;	
}
#central p {
	margin:9px 0 9px 0;	
	font-weight:bold;
}
#form_recherche input.champs{
	width:124px;
	height:18px;
	margin:0 0 0 0;
	font-size:12px;
	padding:0 5px 0 5px;	
	
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 border-radius: 10px;
 behavior: url(PIE.php);	
}
#form_recherche select{
	font-size:12px;
	width:135px;
	height:18px;
	padding:0 5px;
	 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 border-radius: 10px;
 behavior: url(PIE.php);
	
}
#form_recherche label{
display:block;
margin:17px 0 2px 0;
font-size:12px;
color:#fff;
font-weight:bold;	
}
#form_recherche p.label{
font-size:14px;
color:#fff;	
line-height:12px;
margin:0 0 8px 0;
padding:0;
}
#bloc_radio  label.radio {
text-transform:lowercase;
display:inline;
padding:0 20px 0 0;
}
#passager,#chauffeur{
	
}
#bloc_radio{
padding:10px 0 10px 0;	
}
#form_recherche  input.radio {
	vertical-align:middle;
	border:1px #000 solid;
	padding:17px 0 0 5px;
}
#form_recherche input.btn{
	width:143px;
	height:35px;
	background-position: left top;
	margin:8px 0 10px -5px;
	background-image:url(../images/v2011/fond/bouton.png);
	background-repeat: no-repeat;
	background-color:transparent;	
	
}
.spacer{clear:both;}
/***** Conditions ****/
#conditions{
background-image:url(../images/v2011/logo/logo.png);
background-repeat: no-repeat;
background-position: 20px top;
padding:220px 20px 0 20px;
}
.conditions h2{
font-size:11px;
font-weight:bold;
margin:10px 0 0px 0;	
}
.conditions p,.conditions ul{
font-size:11px;
font-weight:normal;	
margin:4px 0 4px 0;
line-height:12px;
 }
.conditions ul {
	list-style-type: none;	 
 }
 /* formulaires */
 input.champ, select.champ{
	/*border:1px solid #f99350;*/
	background-color: #F5FBFE;
	border: 1px solid #ccc;
	height:18px;
	/*background-image: url(../images/recherche/fond_input.png);
	background-repeat: repeat-x;
	background-position: left top;*/	
	margin:0 0 10px 0;
	font-size:12px;
	padding:2px 5px 0px 5px; 
	color:#000;
 }
 textarea.champ_tx{
	border:1px solid #ccc;
	background-color: #F5FBFE;
	margin:0 0 10px 0;
	font-size:12px;
	padding:2px 5px 0px 5px; 
	color:#000; 
	width:300px;
	font-family:Verdana, Geneva, sans-serif;
 }
 select.champ{
	 padding:0px 0px 1px 5px;
	 height:23px; 
 }
 td.ru_role{
	padding:15px 0 15px 0; 
 }
 input.btn_radio_trajet{
	margin:0 20px 0 0px; 
 }
 input.btn_submit,.btn_envoyer{
	width:110px;
	height:25px;
	color:#FFF;
	font-weight:bold;
	background-image: url(../images/forms/btn_base.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 25px 0:	
	 
 }
 
  input.btn_submit:hover{
	background-position: left -25px;	  
  }
  p.alert{
	font-size:10px;
	color: #333; 
	line-height:10px;
	vertical-align:top;
  }
  #pub{
margin:6px 0 0 197px;/*172+25*/	
border:1px solid #666;
}
  /* bloc connexion */
   #bloc_connexion{
	padding:0px 20px 0px 20px; 
	margin:17px 0 5px 172px;
	text-align:left;
	position:relative;
	width:640px;
	height:47px;
	line-height:43px;
	
  }
  #form_connexion{
	 margin:0 10px 0 0;
	 padding:0 0 0 5px; 
  }
  ul.connexion li a{
  	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
  }
   #form_connexion input{
	margin:0 0 5px 0;
	background-color:#F0F4FF;
	 
   }
  #bloc_connexion ul {
	list-style-type: none;	
	
  }
  #bloc_connexion li{
	display:inline;  
	margin:0 10px 0 0;  
  }
  #bloc_connexion label{
	 display:block;
	 float:left;
	 margin:0 8px 0 0;
	 
  }
  #bloc_connexion label.connect{
	margin:0 140px 0  0; 
  }
  #bloc_connexion #password{
	  margin:0 26px 0 0;
	  width:103px;	 
  }
  #bloc_connexion #id,#bloc_connexion #password{
	  padding:1px 2px 1px 2px;
	  font-size:11px;
	  float:left;
	  margin:15px 15px  0 0;
  }
  #btn_connexion.btn_ok{
	width:30px;
	height:35px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	position:absolute;
	top:10px;
	right:24px;
	background-image: url(../images/v2011/fond/btn_login.png);
	}
	#btn_connexion.btn_ok:hover{
	cursor:pointer;	
	}
/*** formulaire ajout trajet ***/
#ajt_divers1{
margin:0 0 15px 0;	
	}
#ajt_divers2{
display:none;	
}
#ajout label{
padding:0 5px 0 0px;

}
#ajout label.cgu_ok{
font-size:11px;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;	
color:#000;
}
td.valide_cgu{
font-size:11px;
padding:0 0 5px 0;	
}
td.valide_cgu a{
color:#333;	
}
/* pied */
#pied{
	/*margin:203px auto 0 auto;*/
}
ul.mentions {
	list-style-type: none;
	margin:5px 155px 0 0;
	float:right;
}
#pied ul li,ul.mentions li {
	float:left;
	padding:0 2px 0 0px;
}

ul.mentions li a {
	text-decoration:none;
}

#pied ul li a:hover {
	color:#2D5B1F;
	text-decoration:none;
}
/*** table ***/
#central table {
margin:12px 0 0 0;
width:678px;
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
font-size:11px;
}
#central table tr.ligne{
	height:40px;
	text-transform: capitalize;
}
#central #trajets th, #mes_trajets th {
padding:2px 4px 2px 4px;	
/*background-color:#675040;*/
font-size:11px;
color:#fff;
text-align:left;
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
/*text-transform:uppercase;*/
}
#central #trajets th.th_0,#central #trajets th.th_1,#central table th.th_1{
text-align:center;	
}
#central #trajets td, #central #mes_trajets td {
padding:2px 6px 0px 6px;
border-bottom:2px #0083dc dashed;
}
#central #trajets td.t_0 {
display:none;	
}
#central #trajets td.t_1,#central table td.t_2,#central #mes_trajets td.t_1 {
text-align:center;
}

#central #mes_trajets td.t_2{
text-align:left;	
}
#central #trajets td.t_8,#central #mes_trajets td.t_6 {
	font-size:10px;	
}
#central #trajets td.t_3,#central #mes_trajets td.t_3,#central #trajets td.t_4,#central #mes_trajets td.t_4,#central #trajets td.t_7,#central #mes_trajets td.t_7{
text-transform:capitalize;		
}
#central p.infos{
color:#0083d2;
font-size:12px;
font-weight:normal;
padding:5px 0 0 25px;	
}
p.infos a {
color:#0083d2;
text-decoration:underline;	
}
p.infos a:hover {
text-decoration:none;	
}
/* accueil */
#texte_accueil{
float:left;	
/*font-size:11px;
line-height:14px;*/
}
#central p.decale{
margin:0 0 0 206px;	

}
#central p.panneau{
margin-top:28px;	
}
#covoiturage{
float:left;
margin:20px;	
}
/** contact trajet **/
#ul_contact_trajet{
	list-style-type: none;
	padding:0 0 0 19px;
	list-style-position: inside;
	list-style-image: url(../images/icones/puce.png);
	margin:10px 0 0 0;	
}
#li_date_trajet{
margin:0 0 10px 0;	
}
.sans_puce{

}
p.remarques{
padding: 20px 0 0 19px;	
}
/****/
.une_maj{
text-transform:capitalize;	
}
.maj{
text-transform:uppercase;
}
div.perdu{
bottom:-10px;
left:25px;
position:absolute;
}

div.perdu a {
text-decoration:none;
}
div.perdu a:hover {
text-decoration:none;	
}

ul#visual{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
line-height:14px;
margin:30px 5px 0 -20px;
text-align:center;	
}
ul#visual a{
text-decoration:none;	
}
#addthis{
margin:16px 5px 0 0px;
float:left;
text-align:right;	
}
#facebook{
margin:15px 0 0 0;
clear:right;
}
/** pubs **/
#pub2{
margin:15px 0 0 0;
}
#pub_side{
width:120px;
height:402px;
margin:-7px 0 0 10px;
float:right;
/*background-color:#0000CC;*/
}
#central p.obligatoire{
font-size:10px;
font-weight:normal;	
}
/*** nav ***/
#legal {
width:640px;
/*border:1px #fff solid;*/
height:500px;/**********************************/
background-image:url(../images/v2011/logo/logo.png);
background-repeat: no-repeat;
background-position: 20px top;
padding:220px 20px 0 20px;
	
}
	
.arrondi{
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 border-radius: 10px;
 behavior: url(PIE.php);
}
.arrondi_top{
 -moz-border-radius: 10px 10px 0  0; 
 -webkit-border-radius: 10px 10px 0  0; 
 border-radius: 10px 10px 0  0;
 behavior: url(PIE.php);
}
.arrondi_left{
 -moz-border-radius: 10px 0 0  10px; 
 -webkit-border-radius: 10px 0 0  10px; 
 border-radius: 10px 0 0  10px;
 behavior: url(PIE.php);
}
.ombrePortee {
-moz-box-shadow: #aaa 0px 0px 18px;
-webkit-box-shadow: #aaa 0x 0px 18px;
box-shadow: #aaa 0px 0px 18px;
behavior: url(PIE.php);
}
.ombre_onglet{
-moz-box-shadow: #aaa 0px 0px 3px;
-webkit-box-shadow: #aaa 0x 0px 3px;
box-shadow: #ddd 0px 0px 3px;
behavior: url(PIE.php);
}
.ombre_connexion {
-moz-box-shadow: #aaa 0px 0px 4px;
-webkit-box-shadow: #aaa 0x 0px 4px;
box-shadow: #aaa 0px 0px 4px;
behavior: url(PIE.php);
}
.ombrePortee_interne {
-moz-box-shadow: #555 5px -5px 9px inset;
-webkit-box-shadow: #555 5px -5px 9px inset;
box-shadow: #cd2c3d -5px 1px 18px inset ;

}

 .ombrePortee_interne{
  border-radius: 8px;
  behavior: url(PIE.php);
 }