body {
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: small;
	font-family:Helvetica;
}


body.iphonized{
	font-size: inherit;
}

img{border:none;}

a, a:link, a:visited { 
	text-decoration: none; 
	color: #000; 
	font-weight:normal;
}

 
input[type="password"], 
input[type="search"], 
input[type="text"],
isindex {
	-webkit-appearance: textfield;
	padding: 1px;
	background-color: white;
	border: 2px inset;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
}

select {
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-box-align: center;
border: 1px solid;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
}

.inputselect,.inputtext,.inputtextarea {
	border: 1px solid #a7a7a7;
	margin:3px;
	width:90%;
	height:30px;
}

.inputsubmit {
	font-size:14px;
	-webkit-appearance:none;
	border-radius:0;
	moz-border-radius:0;
	padding:6px;
	border: 1px solid #4d96d4;
	margin:3px 5px 0 5px;
	background-color: #77B2E5;
	color: #fff; 
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #4189c7),color-stop(1, #77B2E5));
}

a.inputsubmit2, 
.inputsubmit2 {
	font-size:14px;
	-webkit-appearance:none;
	border-radius:0;
	border: 1px solid #4d96d4;
	margin:3px; 
	background-color: #77B2E5; 
	color: #fff;
	padding:6px;
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #4189c7),color-stop(1, #77B2E5));
}

.incentivebutton {
	border-radius:0;
	font-size:14px;
	-webkit-appearance:none;
	border: 1px solid #eeb300;
	margin:3px;
	background-color: #fbd522; 
	color: #fff;padding: 6px; 
	text-align:center;
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #eeb300),color-stop(1, #fbd522));
}

a.bookingbutton, .bookingbutton{
	border-radius:0;
	font-size:14px;
	-webkit-appearance:none;
	border: 1px solid #F6AD37;
	margin:3px auto; 
	background-color: #F6AD37; 
	color: #fff;
	padding:6px; 
	text-align:center;
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #e88f00),color-stop(1, #F6AD37));

}

a.bigbookingbutton, .bigbookingbutton{
	border-radius:0;
	-webkit-appearance:none;
	font-size:140%;
	border: 1px solid #F6AD37;
	margin:3px auto; 
	background-color: #F6AD37; 
	color: #fff;
	padding:8px 15px;
	text-align:center;
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #e88f00),color-stop(1, #F6AD37));

}

a.redbutton, .redbutton{
	border-radius:0;
	font-size:14px;
	-webkit-appearance:none;
	border: 1px solid #ac1918;
	margin:3px; 
	background-color: #c83332; 
	color: #fff;
	padding:6px;
	text-align:center;
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ac1918),color-stop(1, #c83332));
}

a.orangebutton{
	border-radius:0;
	font-size:14px;
	-webkit-appearance:none;
	border: 1px solid #F6AD37;
	margin:3px; 
	background-color: #F6AD37;
	color: #fff;padding:6px; 
	text-align:center;
	display:inline-block; 
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #e88f00),color-stop(1, #F6AD37));

}

a.greenbutton, .greenbutton{
	border-radius:0;
	font-size:14px;
	-webkit-appearance:none;
	border: 1px solid #5a9f25;
	margin:3px; 
	background-color: #6FB539;
	color: #fff;
	padding:6px;
	text-align:center;
	display:inline-block;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5a9f25),color-stop(1, #6FB539));
}

.bouton{
	text-align:center;
	}

.underline{
	text-decoration:underline;
}
	
.page{
	padding:3px;
}

.normal{
	font-weight:normal;
}
		
.orange{
	color:#fc6b00;
}
	
.bold-xhtml{
	font-weight:bold;
}
	
.padding-top{
	padding-top:5px;
}

.padding-left{
	padding-left:3px;
}
	
.numfield{ 
	-wap-input-format:"12N"; 
}

.navigationp{padding:5px 0px;
}
	
.navigationp a{
	border:1px solid #ccc;
	padding:3px;
	margin:0px 3px;
}
	
.tripseparator{
        padding:3px;
        margin:2px 0px;
        font-weight:bold;
        color:#000;
        border-top:#000 solid 1px;
        background-color:#D2D8FF;
}

.onetriplist{
        border-bottom:1px solid #ccc;
        padding:0px;
        margin:0;
        overflow:hidden;
        display:block;
}

.onetriplist img{
	padding:20px 0px;
}

.onetriplist a{
        font-weight:bold;
}

.bandeau-title1{
	padding: 3px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#4491e0;
	margin:0;
}

.bandeau-title2{
	padding: 0 3px 3px 3px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#4491e0;
	margin:0;
}

.bandeau-title-grey{
	padding: 3px;
	font-weight:bold;
	color:#000000;
	background-color:#CCCCCC;
	margin:0;
}

.bandeau-title-orange{
	padding: 3px;
	font-weight:bold;
	color:#000000;
	background-color:#F6AD37;
	margin:0;
}

.onmessage_subject{
	border-top:1px solid #777;
	padding:3px 0px;
	background-color:#ddd;	
}

.vip_needed{
	border:1px solid #c93533;
	background-color:#BF6160;
	color:#fff;
	text-align:center;
	padding:5px 0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.error_block, 
.valid_block,
.co_error,
.co_success,
.co_info,
.co_warning{
	margin: 5px 0px;
	padding:6px;
	text-align:center;
	vertical-align:center;
	/*padding-top:2px;*/
}

.error_block p, 
.valid_block p,
.co_error p,
.co_success p,
.co_info p,
.co_warning p{
	vertical-align:middle;
	margin:0;
}

.error_block, 
.co_error{
	color: #D8000C;
	background-color: #FFBABA;
}

.co_warning{
	color: #000;
	background-color: #FFF193;
}

.co_info{
	color: #217298;
	background-color: #ddf7ff;
}


.co_success{
	color: #3b6633;
	background-color: #dff2bf;
}

.valid_block{
	color: #4F8A10;
	background-color: #DFF2BF;
}

.incentive_iphone{
    margin-top:3px;
	text-align:center;
}

p {
    padding-left: 3px;
    padding-right: 3px;
}

.clearboth{
	clear:both;
	display:block;
	margin:0;
}

.codepassager{
	font-size:small;
	color:#000;
	}
	
/* header */

.nav {
    text-align: center;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;   
    margin:3px 0 12px;
    position:relative;
}

    .nav ul,
    .nav li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }
	.nav li{
		font-size: 10pt;
        font-weight: bold;
        }
	
    .nav a {
        position: relative;
        /*outline: 1px solid #FFF;*/
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        width: 32.5%;
        display: inline-block;
        color: #FFF;
        background-color:#72b827;
        margin-right:1px;
        padding:3px 0;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5a9f25),color-stop(1, #72b827));
    }
    
    .nav .selected a {
        background-color:#51851a;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #3d7114),color-stop(1, #51941e));
    }
    
    .nav .count {
        background: red;
        color: #FFF;
        font-size: 8px;
        line-height: 16px;
        font-weight: bold;
        position: absolute;
        right: 0px;
        top: -9px;
        display: inline-block;
        width: 16px;
        height: 16px;
    }
        
#top {
	text-align: center;
	display:block;
	width:90px;
	height:30px;
	display:block;
	margin:8px auto 2px;
}

#top-home {
	text-align: center;
	display:block;
	width:250px;
	height:83px;
	display:block;
	margin:8px auto 8px;
}

#bienvenue{
	text-align:center;
	padding-bottom:4px;
	line-height: 12px;
}
	
p#bienvenue{
	margin:0;
}
	
.status-booking{
	margin-top:0;
	margin-bottom:2px;
	margin-left:5px;
	clear:both;
}

/* footer */

#lien-footer{
	margin:10px 0;
	text-align:center;
}

.logo-footer{
	display:block;
	width:30px;
	height:30px;
	background:url(/static/images/xhtml/logo-covoiturage.fr-footer.png)no-repeat 0 0;
	margin:0 auto 5px;
}
	
/* Resultats */

.bloc-result-left{
	display:block;
	width:70%;
	float:left;
	padding:5px 3px 15px 0;
}

.bloc-result-right{
	display:block;
	width:25%;
	float:right;
	padding:2px 3px 5px 3px;
	text-align:right;
}

.infos-trajet{
	background-color:#eeeeee;
	display:block;
	padding:2px 3px 0 3px;
	padding-left:5px;
	border-top:2px solid #ccc;
}
	
a.fromto{
	color:#666666;
	text-decoration:none;
	font-weight:normal;}

.price{
	font-weight:bold;
	font-size:1.3em;
	color:#4491e0;
}

.price-total-devise{
	font-weight:bold;
	font-size:1.6em;
	color:#4491e0;
	vertical-align:middle;
	margin-right:10px;
}

.price-total{
	font-weight:bold;
	font-size:1.6em;
	color:#4491e0;
	vertical-align:middle;
}

.datetime{
	font-weight:bold;
}

.onetriplist img {
    padding: 0;
    margin-right: 5px;
}

.name{
	padding-top:3px;
	font-size:10pt;
	margin-top:3px;
}

.grade{
	color:#666666;
	font-size:10pt;
	margin-top:3px;
}

.ratings{
	font-size:10pt;
	}

.espace-result{
	clear: both;
}

.vertical_list li{
	margin:0;
	clear:both;
}

a.details{
	display:block;
}

p.espace-result{
	margin:0;
	padding:0;
}
	
.nbseats,
.nbseats-booking-auto,
.nbseats-booking-manual {
    color: #97B929;
    font-size:0.8em;
}

.seats-nb-1 {
    color: #FF9900;
}

.seats-nb-0 {
    color: #CC0000;
    font-weight:bold;
}

.onetriplist a {
    font-weight: normal;
}

.vertical_list{
	padding-left:0;
	padding-top:0;
}
	
ul.vertical_list{
	margin:0;
}

.require-driver-action{
	color:#fb8d22;}
	
 .booking-status-booked{
	color:#6FB539;
	clear: both;
    display: block;
    margin-bottom: 2px;
}
		
/* liens pages sous resultats */

.liens-pagination{
	text-align:center;
	clear:both;
}

/* Fiche trajet */

.debug_tpl_box p{
	margin:0;
}
	
.prefs{
    padding-top: 3px;
}

.comment{
	clear:both;
	margin-top: 5px;
}
	
.bloc-user{
	margin:0;
}

.btn-booking{
	background-color:#F6AD37;
	border: 1px solid #cc7f02;
	color:#fff;
}
	
.telcall{
	font-weight:bold;
}

.infos-vehicle{
	display:block;
	float:left;
	margin-top:5px;
}	

.img-vehicle{
	display:block;
	float:left;
	margin:5px 5px 0 0;
}	

.infos-cond-pref{
	display:block;
	margin-left:42px;
	}
	
.waiting{
	background-color:#fcf8bb;
	border-bottom:2px solid #ccc;
}

ul.waiting{
	padding: 3px 0;
	margin:0 0 5px 0;
}


.bloc-result-left-user{
	display:block;
	width:100%;
	padding:5px 3px 15px 0;
}
	
/* Mes trajets */

.nav2 {
    text-align: center;
  
    margin:5px 0 5px;

}

    .nav2 ul,
    .nav2 li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
}
	.nav2 li{
		font-size: 10pt;
        font-weight: bold;}
	
    .nav2 a {
        position: relative;
        /*outline: 1px solid #FFF;*/
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        width: 42%;
        display: inline-block;
        color: #FFF;
        background-color:#999999;
        margin-right:1px;
        padding:3px 0;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #898888),color-stop(1, #a6a5a5));
    }
    
    .nav2 .selected a {
        background-color:#4491e0;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #4189c7),color-stop(1, #77B2E5));
    }

	
.booking-manage-item ul,
.booking-manage-item li{
	list-style-type: none;
	padding-left:0;
}

.reservation-accepted{
	color:#6fb539;
	font-weight:bold;
}
	
/* Proposer */

.msg_error{
 color:#C83433;
}

/* Profil */
.pfl_section_oneline{
	font-weight:bold;
	padding:15px 2px 15px 5px;
	border-bottom:2px solid #fff;
	vertical-align:center;
	display:block;
	background-color:#EEEEEE;
}

.pfl_section_twoline{
	font-weight:bold;
	padding:10px 2px 10px 5px;
	border-bottom:2px solid #fff;
	vertical-align:center;
	display:block;
	background-color:#EEEEEE;
}
	
.pfl_section{
	font-weight:bold;
	border-bottom:2px solid #fff;
	display:block;
	padding:3px 5px 3px 5px;
	background-color:#EEEEEE;
}

.tpl-phrases{
	font-weight:normal;
	font-size:90%;
	color:#888;
	margin-left:11px;
	display:block;
}
	
/* Formulaire de recherche */

#search_form{
	margin-bottom:30px;}

.booking-ok{
    color: #6FB539;
}

.booking-warning{
    color: #FC0;
}

.booking-ko{
    color:red;
}

.grey{
    color: #5E5E5E;
	font-size:8pt;
}

#geoloc{
	border:none;
	color:#fff;
    visibility:hidden;
    width:30px;
    height:30px;
    padding:0;
    -webkit-appearance:none;
    position:relative;
    top:10px;
    background-color: transparent;
}

/* Messages */
	
.nav-message {
    text-align: center;  
    margin:5px 0 5px;

}

    .nav-message ul,
    .nav-message li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }
	.nav-message li{
		font-size: 10pt;
        font-weight: bold;}
	
    .nav-message a {
        position: relative;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        width: 32.5%;
        display: inline-block;
        color: #FFF;
        background-color:#999999;
        margin-right:1px;
        padding:3px 0;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #898888),color-stop(1, #999999));
    }
    
    .nav-message .selected a {
        background-color:#4491e0;
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5e5d5d),color-stop(1, #7e7e7e));
    }

/* vehicule */

/*.nav-vehicule {
    text-align: center;
  
    margin:5px 0 5px;

}

    .nav-vehicule ul,
    .nav-vehicule li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }
	.nav-vehicule li{
		font-size: 10pt;
        font-weight: bold;}
	
    .nav-vehicule a {
        position: relative;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        width: 32.5%;
        display: inline-block;
        color: #FFF;
        background-color:#77B2E5;
        margin-right:1px;
        padding:3px 0;
    }
    
        .nav-vehicule .supprimer a {
        position: relative;
        height: 20px;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        width: 32.5%;
        display: inline-block;
        color: #FFF;
        background-color:#c83332;
        margin-right:1px;
        padding:3px 0;
    }
    
        .nav-vehicule .modifier a {
        position: relative;
        height: 20px;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        width: 32.5%;
        display: inline-block;
        color: #FFF;
        background-color:#fb8d22;
        margin-right:1px;
        padding:3px 0;
    }*/
    

/* paiement */

#paiementstable{
       border:1px solid #888;
       width: 100%;
       background-color: #FFF;
       border-spacing: 0;
       color: #494949;
}

#paiementstable thead{
       color:#FFF;
       background-color: #888;
       font-weight: normal;
}

#paiementstable thead tr th{
       padding:3px;
}

#paiementstable tbody tr td{
       border:1px solid #888;
       text-align: center;
       padding: 2px;
}

.ratings-list{
	border-bottom:1px solid #CCCCCC;
}
	
.page-paiement{
	background-color:#EEEEEE;
	padding:3px;
}
	
.greenzone{
	background-color:#dfefc0;
	padding:5px;
}

.zone-securisee{
	background-color:#fdebc5;
}
	
#passenger_code,
.passenger_code{
	color:#fb8d22;
	font-weight:bold;
	padding-left:3px;
	font-size:1.5em;
}

.passenger_code-bloc-header{
	color:#fb8d22;
	font-weight:bold;
	padding-left:3px;
	font-size:1.3em;
}
/* avis */
	
.evals-photo{
	display: block;
	float:left;
	padding-top:3px;
}

.evals-text{
	display: block;
	float:right;
	padding-top:3px;
}

.toggleimage{
    width:30px;
    position:relative;
    top:10px;
    -webkit-transform:rotate(90deg);
}

.co_minus, .co_plus{
    width: 15px;
    margin:2px;
}

/* Publication */ 
.comuto_tripdetails_tripinfos_freeway,
.comuto_tripdetails_tripinfos_road,
.comuto_tripdetails_tripinfos_passager{
	font-size:1.3em;
}

div.comuto_tripdetails_tripinfos_freeway{
	background-color:#003399;
	color:#fff;
}

div.comuto_tripdetails_tripinfos_road{
	background-color:#009947;
	color:#fff;
}

#booking-post-info,
.booking-post-info-passenger{
	background-color:#f6ad37;
	color:#000;
	margin-bottom:8px;
	padding:3px;
	line-height:18px;
}

.viacity{
	margin-bottom:8px;}
	
#comuto_post_toll{
	width:40px;
	margin-right:2px;
}

.etapes-ville{
	float:left;
	vertical-align:middle;
}

.etapes-price{
	float:right;
	vertical-align:middle;
}

.ensavoirplus{
	padding-left:20px;}

.mespassagers{
	margin:0;}
