html {
	color: #57585a;
}
/*html .underline {*/
/*text-decoration: underline !important;*/
/*}*/

html.underline a,html.underline .navbar-default .navbar-nav > li > a,html.underline .navbar-default .navbar-nav > li > span, html.underline input[type=submit] {
	text-decoration:underline !important;
}

/*
body {
    background: #FFFFFF;
    margin: auto;
    color: #4d4d4d;
    font-family: source_sans_proregular, Trebuchet MS, Arial;
    /* min-width: 300px;
    min-width: 1024px;
}*/
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
#recaptcha_image,
#recaptcha_image img
{
	width: 260px !important;
	cursor: pointer;
}
#recaptcha_image img:hover
{
	width: 270px !important;
}
.recaptcha_only_if_image,
.recaptcha_only_if_audio
{
	display: block;
}
a {
	color: #333333  ;
}
.full {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	min-width: 1015px;
}
#code a {
	color: #333333 !important;
}
/*
a:hover {
    text-decoration: underline !important;
}
*/





.clear {
	clear: both;
}

.left, .right {
	width: 48.5%;
	float:left;
}

.top30 {
	margin-top: 30px;
	float: left;
}



.middle {
	vertical-align: middle;
	margin-left: 0px;
}

div.popup-haut{
	height: 0px !important;
}
.popup-contenu {
	color:#000000 !important;
}


#popup_contact .info_destinataire{
	min-height: 100px;
	margin-bottom:15px;
}
#popup_contact #message-modal{
	color:#000;
}
#popup_contact .info_destinataire .avatar{
	min-height: 100px;
	min-width: 100px;
	max-width: 100px;
	max-height: 100px;
	border: 1px solid #EAEAEA;
}


#popup_contact .info_destinataire .infos{
	width: 255px;
	margin-top: -105px;
	margin-left: 115px;
}

#bouton-valider:hover, #bouton-valider:hover {
	background-color: #EEE;
}


.fond_vert {
	background-color: #399D3D;
}/*
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    color: #000000;
    -webkit-box-shadow: 0px 0px 2px 0px #4d4d4d;
    -moz-box-shadow: 0px 0px 2px 0px #4d4d4d;
    -o-box-shadow: 0px 0px 2px 0px #4d4d4d;
    box-shadow: 0px 0px 2px 0px #4d4d4d;
    -webkit-appearance: none;
    filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
}/*
input.valider, input.repondre_message, #formSolliciter .bouton, #formEvaluation .bouton, .boutoncontacter,
.nouveau_message_contacter, #formRDEX .bouton,
#ok_notconnected, #nouveauvehicule,#seconnecter, #se_connecter,
#valide_suppression, #activation, #okperdu, #email_utilise, #evenements .bouton,
#covoiturage_evenement .bouton
{
    width: auto;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    color: #4d4d4d !important;
    font-size: 16px !important;
    font-family: "source_sans_proregular" !important;
    background: #DDDDDD !important;
    border: 0px;
    -webkit-box-shadow: 0px 0px 2px 0px #4d4d4d;
    -moz-box-shadow: 0px 0px 2px 0px #4d4d4d;
    -o-box-shadow: 0px 0px 2px 0px #4d4d4d;
    box-shadow: 0px 0px 2px 0px #4d4d4d;
    -webkit-appearance: none;
    filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
    padding: 6px 6px;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}/*
input.valider:hover, input.repondre_message:hover, .nouveau_message_contacter:hover, .boutoncontacter:hover,
#valider_supprimer:hover, #bouton_paiement:hover,
#ok_notconnected:hover, #nouveauvehicule:hover,#seconnecter:hover, #se_connecter:hover,
#validation_desinscription:hover,
#valide_suppression:hover, #activation:hover, #formSolliciter .boutons .bouton:hover, #valider_evaluation:hover,
#mes-trajets .nouveau-trajet h2:hover, #okperdu:hover, #nouveau_message_lire:hover, #email_utilise:hover,
#evenements .bouton:hover, #covoiturage_evenement .bouton:hover
{
    background: #bcda00 !important;
    -webkit-box-shadow: 0px 0px 2px 0px #000000;
    -moz-box-shadow: 0px 0px 2px 0px #000000;
    -o-box-shadow: 0px 0px 2px 0px #000000;
    box-shadow: 0px 0px 2px 0px #000000;
    -webkit-appearance: none;
    filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
    cursor: pointer;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    text-decoration: none !important;
}*//*
#form-inscription #valider{
	padding: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 30px;
	font-size: 18px;
	background-color: #DDDDDD;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}*//*
#form-inscription #valider:hover, #covoiturage_evenement #signaler_evenement:hover,#signalement_cancel:hover {
	background-color: #d53915 !important;
	text-decoration: none !important;
	color: #000000 !important;
	-webkit-box-shadow: 0px 0px 2px 0px #000000;
	-moz-box-shadow: 0px 0px 2px 0px #000000;
	-o-box-shadow: 0px 0px 2px 0px #000000;
	box-shadow: 0px 0px 2px 0px #000000;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}*/
input.deletemail,.bt_supprimer, #annulation_desinscription, #validation_desinscription,
#formSolliciter .boutons .bouton, #valider_evaluation,
{
	width: 80px !important;
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: 10px;
	color: #4d4d4d !important;
	font-size: 16px !important;
	font-family: "source_sans_proregular" !important;
	background: #DDDDDD !important;
	border: 0px;
	-webkit-box-shadow: 0px 0px 2px 0px #4d4d4d;
	-moz-box-shadow: 0px 0px 2px 0px #4d4d4d;
	-o-box-shadow: 0px 0px 2px 0px #4d4d4d;
	box-shadow: 0px 0px 2px 0px #4d4d4d;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	padding: 6px 6px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
input.deletemail:hover,.bt_supprimer:hover, #annulation_desinscription:hover {
	background: #0d3082 !important;
	-webkit-box-shadow: 0px 0px 2px 0px #000000;
	-moz-box-shadow: 0px 0px 2px 0px #000000;
	-o-box-shadow: 0px 0px 2px 0px #000000;
	box-shadow: 0px 0px 2px 0px #000000;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	cursor: pointer;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	color:white;
}


.nouveau_message_contacter:hover, .boutoncontacter:hover{
	text-decoration: none !important;
}

.petit_bouton{
	padding: 6px;
	float: right;
	height: auto;
	margin-left: 20px !important;
	margin-bottom: 20px;
	width: 81px;
}
#activation{
	margin-top: 0px !important;
}
#paramsC{
	margin-top: 3px;
}
.FlashMessenger .ui-button-text-only{
	background: url(../images/wraper/valider.png) no-repeat 90% 40% #e0e0e0 !important;
	padding-right: 40px !important;
	background-size: 20% !important;
}
.FlashMessenger .ui-dialog-title{
	font-weight: bold !important;
}

#notconnecter .ui-button-text{
	background: url(../images/wraper/valider.png) no-repeat 90% 40% #e0e0e0;
	padding-right: 48px;
	background-size: 14%;
}
#nouveauvehicule{
	margin-bottom:-7px;
	margin-left: 68px;
}
.detail_proposition{
	background:none !important;
	padding: 0 !important;
	border:none !important;
}
.detail_proposition:hover{
	background:none !important;
	padding: 0 !important;
	border:none !important;
}


.retour_accueil:hover, .retour_accueil_avancee:hover {
	background: #9d2612;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.retour_accueil a:hover, .retour_accueil_avancee a:hover{
	text-decoration: none !important;
}
#message-reponse{
	display: block;
	margin-top: 10px;
	color: #9B9B9B;
	border: 1px solid #C1C1C1;
}
.bouton_reponse{
	background: url(../images/wraper/valider.png) no-repeat 90% 40% #e0e0e0;
	margin: 5px 2px 5px 10px;
	padding: 5px;
	padding-right:35px;
	cursor: pointer;
	border: 1px solid black;
	background-color: #e0e0e0;
	float:  right;
}
.infos_reponse{
	float: right !important;
	margin-top: -94px;
	margin-right: -100px;
}


h1.border-h1 {
	border-bottom: 2px solid #D2D1CF;
	color: #000;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 10px;
}



/* Ajouts grid */
.column.grid_16.border_8 {
	width: 978px;
}
#messagerie .historique .liste-messages ul li .contenu-message .repondre_message, #messagerie .historique .liste-messages ul li .contenu-message .valider {
	float: right;
}
/* Header */



#liens-menu a{
	text-decoration:none;
	outline:none;
	display: inline-block;
	padding: 0 5px;
	width: 40px;
	height: 40px;
}

#login  a:link, #inscription a:link {
	color:white;
}
#login-menu #Infos{
	background: #bcda00 !important;
	border-bottom: solid 4px #9cad00 !important;
}



.grey-font {
	background-color: #F6F5F3;
}

#header-content #menu {
	clear: both;
	float: right;
	position: relative;
	top: 50px;
	background: #FFF;
}

#login-banner .menu-masque {
	display: none;
	float: right;
	height: 40px;
}

#login-banner .menu-masque a {
	padding: 7px 5px 0 5px;
	display: inline-block;
	width: 35px;
	height:33px;
	text-align: center;
}

#login-banner .menu-masque a:hover {
	background: #000;
}

#header-content #menu li {
	float: left;
	width: 160px;
	height: 33px;
}

#header-content #menu li a {
	text-transform: uppercase;
	color: #000;
	text-decoration: none !important;
	font-size: 12px;
	display: block;
	height: 100%;
}

#menu li:hover a {
	text-decoration: none !important;
}

#menu li:hover h2 {
	padding-left: 15px;
	padding-top: 5px;
	color: #FFF;
	text-decoration: none !important;
}

#nb_messages {
	background: none repeat scroll 0 0 #000;
	color: #FFF;
	display: inline-block;
	margin-left: -21px;
	text-align: center;
	width: 15px;
}

/* Connexion */


#connexion a {
	font-size: 11px;
	padding-bottom: 3px;
	display: inline-block;
	color: #57585A;
}

#connexion a.inscription, #inscription_box a.connexion {
	color: #E8304A;
}


#formdesinscrire .input{
	margin-top: 10px;
}
#formdesinscrire #messagedesinscrire{
	margin-top: 10px;
}


#inscription_box a{
	color: #B5C300;
	font-size: 11px;
	padding-bottom: 3px;
	display: inline-block;
}


#inscription_box label{
	margin-bottom: 3px;
}

#inscription_box input[type='submit']{
	padding: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 30px;
	font-size: 18px;
	background-color: #DDDDDD;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#inscription_box input[type='submit']:hover {
	background-color: #d53915 !important;
	text-decoration: none !important;
	color: #000000 !important;
	-webkit-box-shadow: 0px 0px 2px 0px #000000;
	-moz-box-shadow: 0px 0px 2px 0px #000000;
	-o-box-shadow: 0px 0px 2px 0px #000000;
	box-shadow: 0px 0px 2px 0px #000000;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
}

#connexion .fermer-connexion:hover, .fermer-inscription:hover {
	color:red;
	border: 1px solid red;
}



/* Carousel d'images */

.ocarousel {
	display: none;
	height: 165px;
	width: 100%;
}
.ocarousel_window {
	overflow: hidden;
	white-space: nowrap;
	/* default size */
	width: 100%;
	height: 220px;
}
.ocarousel_window_slides {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 50000px;
	white-space: nowrap;
}
.ocarousel_window_slides>* {
	float: left;
	white-space: normal;
}
.ocarousel_indicators {
	width: 100%;
}
.ocarousel_indicators svg {
	height: 50px;
	margin: 0 auto;
	width: 100%;
}
.ocarousel_indicators svg circle {
	cursor: pointer;
}

.ocarousel div div {
	padding-left: 0;
	padding-right: 15px;
}

div.grey {
	background: #C3C2C2;
	width:97.5%;
	padding: 5px;
	padding-right: 0;
}
span.grey{
	margin-left: 10px;
}
.grey .bloc_texte{
	float: right;
	margin-top: 6px;
	margin-right: 10px;
}
#infos .left a, #infos .right a {
	font-size: 18px;
	color: #777779;
	text-transform: uppercase;
	text-decoration: none;
}

#infos .left {
	margin-right: 9px;
}

#infos .right img.block {
	margin: auto;
	display: block;
	/* padding-top: 10px;
		margin-bottom: -10px;*/
}
#infos a#video{
	padding:0;
	float:left;
}
#infos a#video_miniature{
	text-align: left;
}
#infos img.block, #infos a img.block {
	margin: auto;
	display: block;
}

#infos img.middle {
	vertical-align: middle;
	margin-left: 65px;
}

/* Jquery UI */


.ui-datepicker-trigger {
	width: auto !important;
	height: auto !important;
	float: none !important;
	margin: 0 !important;
	margin-left: 5px !important;
	vertical-align: middle;
}


/* Index */

#search h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

#search .left, #search .right {
	width: 50%;
	margin-top:32px;
}



#Main_frame_header ul li ul li:hover,#Main_frame_header ul li ul li a:hover {
	background: #bcda00;
	text-decoration: none !important;
	color: #fff;
}
#Main_frame_header ul li ul li:last-child a{
	border-bottom: 0px !important;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}
.ui-timepicker-list li{
	height: 30px;
	-webkit-appearance: none;
	margin: 9px 0px 9px 10px;
	font-size: 24px;
	font-family: "source_sans_prolight";
	color: #000000;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	margin-bottom: 0px;
	background: #FFFFFF;
	border:none;
}
.ui-timepicker-wrapper{
	height: 300px !important;
	width: 95px !important;
}
#search .grey {
	background: #E8E8E8;
	padding: 12px 0;
}
.je_suis {
	margin-left: 15px;
}
#header-background{
	position: relative;
}
#Content_wrapper #Background_picture {
	max-width: 1920px;
	max-height: 800px;
	height: auto;
	position: absolute;
	top: -111px;
}


.all {
	width: 100%;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
}



#search .je_recherche {
	height: 95px;
	width: 139px;
	float: left;
	text-align: center;
	cursor: pointer;
}
#search .je_recherche input {
	display: none;
}


#search .je_recherche h1 {
	font-size: 16px;
	color: #BEBEBE;
	position: relative;
	top: 40%;
}

#search .je_recherche h2 {
	position: relative;
	top: 35px;
	text-transform: uppercase
}

#search .je_recherche img {
	position: relative;
	top: 25px;
}

#Main_frame_options {
	position: absolute;
	right: -55px;
	bottom: 25px;
}
#Main_frame_options #Map_display {
	width: 55px;
	height: 41px;
	position: relative;
	background-color: #FFFFFF;
	-webkit-border-top-right-radius: 4px;
	-mozborder-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-mozborder-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-box-shadow: 0px 0px 2px 0px #4d4d4d;
	-moz-box-shadow: 0px 0px 2px 0px #4d4d4d;
	-o-box-shadow: 0px 0px 2px 0px #4d4d4d;
	box-shadow: 0px 0px 2px 0px #4d4d4d;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#Main_frame_options #Map_display:hover {
	background-color: #e8ff5b;
	cursor: pointer;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#Main_frame_options #Map_display img {
	padding: 4px 12px 2px 11px;
}
#Main_frame_options #Map_display.mapShow {
	background-color: #FFFFFF !important;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#Main_frame_options #Map_display.mapShow:hover {
	background-color: #f28f78 !important;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}




#mes-trajets .nouveau-trajet {
	float: right;
}

.trajet a{
	background-image :none !important;
	font-weight:bold !important;
	font-size: 12pt;
}

/* DatePicker Container */

.ui-datepicker a {
	text-decoration: none;
}

.flashMessages{
	text-align: center;
	color: #4d4d4d;
	font-size: 14px;
	font-family: "source_sans_proregular";
}

/* DATEPICKER Profil */
.datepicker_profil .ui-datepicker-prev {
	margin-left: 10px;
	margin-right: 0px;
	background-image: url('../images/wraper/arrow.png');
	background-repeat: no-repeat;
	float: left;
	width: 17px;
	background-position: right;
}
.datepicker_profil .ui-datepicker-next {
	margin-left: 0px;
	margin-right: 0px;
	background-image: url('../images/wraper/arrownext.png');
	background-repeat: no-repeat;
	float: right;
	background-position: left;
}


/* DatePicker Table */

#search .boutons {
	margin-top: 20px;
	float: right;
}

#search .boutons input, #search .boutons button {
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	height: 51px;
}

/*
#rechercher,
#search .boutons button {
    height: 40px;
    padding-bottom: 8px;
    padding-right: 39px;
    padding-left: 20px;
    background: url(../images/wraper/loupe_trajet01.png) no-repeat 90% center #e0e0e0;
    background-size: 13% !important ;
}*/

#recherche-avancee input[type="submit"], #recherche-avancee input[type="button"] {
	height: 40px;
}
#recherche-avancee #nb_places_passager{
	margin-top: -5px;
	margin-left: 15px;
}

#recherche-avancee #nb_places_conducteur{
	margin-top: -5px;
	margin-left: 15px;
}

#search .boutons button:hover {
	background-color: #B5C300;
}

.pink, .green {
	padding: 8px;
	text-align: center;
}

.pink {
	background: #E40055;
}

.green {
	background: #27A22E;
}

.detai_trajet #map {
	margin-top:15px;
	margin-bottom: 10px;
}

.maps_adresse{
	margin-left:700px;
	margin-top:-200px;
	position: relative;
}
.maps_pointsrelais{
	margin-left:317px;
	margin-top:-48px;
	position: relative;
}
#infos .right{
	height: 246px;
	float: right;
}
#infos #application{
	height: 55px;
}
/*#infos .left {
    height: 250px;
}*/


#infos .left a, #infos .right a {
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

#infos .left {
	margin-right: 10px;
}

#infos .block {
	width: 192px;
	height: 142px;
}

#infos .block_right {
	width: 96px;
	height: 96px;
	float:right;
	margin-bottom: 20px;
	margin-left: 19px;
}
#infos #commentaire_miniature{
	margin-top: 39px;
	float: left;
	width: 40%;
	height: 72px;
}
#infos .etape1, #infos .etape3, #infos .etape2 {
	background: url(../images/wraper/bouton_comment_etat_normal.png) no-repeat center center;
}

#infos .etape1:hover, #infos .etape2:hover, #infos .etape3:hover {
	background: url(../images/wraper/bouton_comment_etat_survol.png) no-repeat center center;
}

#infos .detail {
	position: relative;
	top: -40px;
	text-align: center;
}

#infos .numero {
	margin-bottom: 15px;
}

#infos .mobile {
	background: url(../images/wraper/bouton_application_etat_normal.png) no-repeat top center;
	margin-top: 20px;
	margin-bottom: -20px;
}

#infos .mobile:hover {
	background: url(../images/wraper/bouton_application_etat_survol.png) no-repeat top center;
	margin-top: 20px;
}

#infos .dispo {
	text-align: center;
	position: relative;
	top: -40px;
}

#infos .logos {
	margin-top: 10px;
}

#infos .logos .apple {
	margin-right: 15px;
}

#mes-alertes form #Musique_genre, #mes-alertes form #Chat_sujet, #mes-preferences form #Musique_genre, #mes-preferences form #Chat_sujet {
	display: inline-block;
	width: 200px;
	margin-left: 10px;
}

/* Mes trajets */
#navigation_one_element {
	-webkit-border-top-left-radius: 4px;
	-mozborder-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-mozborder-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

#navigation ul li.navigation_toggle_menu, #navigation_one_element ul li.navigation_toggle_menu {
	display: none;
	height: 37px;
	background: #bcda00 !important;
	border-top: 0px !important;
	-webkit-border-top-left-radius: 4px;
	-mozborder-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-mozborder-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

#navigation .nouveau-trajet {
	float: right;
	margin-right: 25px;
}

#navigation .nouveau-trajet h2 {
	padding: 10px 10px 0 0;
}

#navigation .nouveau-trajet a {
	color: #6D6B6C;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
}



#mes-trajets #trajets-liste h2 {
	margin-bottom: 20px;
}

.gras{
	font-weight: bold;
	background-color: #fff !important ;
}




#recherche-avancee #resultat{
	margin-top : 0px !important;
	min-width: 97.3% !important;
}


#resultat .enregistrer-recherche {
	float: right;
	margin-bottom: -19px;
	position: relative;
	top: -25px;
}


#resultat ul li:first-child {
	margin-top: 10px;
}


#resultat .infos-membre .pictos {
	float: left;
	height: 100%;
	width: 50px;
	margin-left: 5px;
	margin-right: 20px;
}

#resultat .infos-membre .telephone {
	margin-bottom:10px;
}

#resultat .date_tableau {
	margin-bottom: 5PX;
}


#resultat .evaluer .type_reponse{
	margin-right: 60px;
}
#resultat .enattente{
	font-size: 13px !important;
}
#resultat .enattente .type_reponse{
	margin-right: 0px;
	margin-top: 11px;
	font-size: 13px;
}

#resultat .voiture-bus {
	float: right;
	margin-right: 10px;
	margin-top: -5px;
}

#resultat .pertinence {
	font-size: 15px;
	padding-top: 5px;
}



#resultat .prix .cadre-c02 {
	background: #fff;
	font-size: 17px;
	color: #585858;
	height: 42px;
	padding-top: 14px;
	margin: auto;
	width: 120px;
	padding-right: 23px;
	padding-left: 20px;
	margin-top: -5px;
	padding-bottom: 0;
}

.detai_trajet .infos-date,.detai_trajet .Depart,.detai_trajet .Arrivee,{
	margin-bottom:10px;
	width: 410px;
}
.detai_trajet .Depart,.detai_trajet .Arrivee,{
	line-height: 18px;
}
#recherche-avancee .inline-table{
	display: inline-table;
}

#resultat .site_partenaire{
	float:right;
	padding-right: 10px;
}


.detail_prop .partie_bas{
	margin-top:34px;
}


.detail_prop .bt_sollicitation a{
	text-decoration: none;
	color: #333333;
}
.detail_prop .aller img{
	margin-left: 5px;
}


.detail_prop .infos-trajet .commentaire{
	margin-top: 22px;
	margin-bottom: 8px;
}
.detail_prop .commentaire:last-child{
	margin-top: 15px;
}
#popup_contact .data{
	color:#57585a;
	font-weight: bold;
}
.detail_prop .pseudo, .detail_prop .email, .detail_prop .phone_number,.detail_prop .cotation{
	margin-bottom:10px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.detail_prop .prix{
	margin-top:22px;
}
.detail_prop .prix .information_pop{
	margin-bottom:8px;
}
.detail_prop .prix .information_pop:last-child{
	margin-top:22px;
}
.titreresultat{
	font-size: 20px;
	font-weight: bold;
}
.heure_detail_trajet{
	margin-top: 6px;
}


/* Mon profil */


#mon-profil .left {
	margin-bottom: 20px;
}
.article #navigation{
	margin-left: -20px;
}

#mon-profil h1 {
	/*   color: #E25453 !important;*/
}

#mes-adresses h1,
#mes-vehicules h1,
#mes-alertes h1,
#payement #mon-historique h1,
#payement #mon-solde h1 {
	border-bottom: 2px solid #D2D1CF;
	color: #E25453;
	font-weight: normal;
	padding-bottom: 15px;
}


#payement #mon-solde {
	margin: 0;
	width:246px;
}
#mon-profil #mon-identite #profil .input:first-child {
	margin-top: 20px;
}
#mon-profil #mon-identite #profil .input {
	width: 100%;
	margin-top: 12px;
}

#mon-profil .right {
	padding-left: 10px;
}

.modifierpass label {
	display: inline-block;
	width: 240px !important;
	margin-top: 20px;;
}

#mon-profil #profil select {
	width: 154px;
	display: inline-block;
	color: #57585a;
}


.conducteur , .passager{
	cursor: pointer;
}
.pagination a.selected_trajet, .paginationmail a.selected_trajet_mail, .pagination a.selected {
	color: #bcda00 !important;
	font-weight: bold;
}
#mon-profil #profil a {
	display: block;
	margin-top: 10px;
	text-decoration: none;
	color: #4d4d4d;
	font-family: "source_sans_prolight";
	text-decoration: underline;
}

#mon-profil #supprimeruser{
	text-decoration: underline !important;
}

#mon-profil #profil .photo img {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
}

#mon-profil #profil .photo .formats {
	margin-top: 15px;
	font-size: 12px;
}

#mon-profil #profil .photo #image {
	margin-top: 15px;
	width: 135px;
	display: inline-block;
}

#mon-profil #profil .photo #image-val {
	margin-top: 20px;
	width: 180px;
	z-index: 0;
}



#mon-profil #mes-indicateurs .indicateurs-liste div {
	margin-bottom: 10px;
}



.pac-container:after{
	content:'';
	background:none;
	height:0px;
}
.pac-container{
	width: 300px !important;
}
/* Messagerie */


#messagerie #navigation .nouveau-message {
	float: right;
	margin: 10px 10px 0 0;
}

#messagerie #navigation .nouveau-message a{
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	color: #333333;
}

#messagerie #navigation .nouveau-message a img {
	margin-right: 10px;
}



#messagerie .liste-membres li.last {
	margin-bottom: 0;
}


#messagerie .liste-membres ul img.avatar {
	float: left;
	margin-right: 20px;
	min-height: 32px;
	min-width: 26px;
	max-width: 70px;
	max-height: 60px;
}




#messagerie .liste-membres .cotation, #messagerie .liste-membres .non-lu {
	font-size: 10px
}

#messagerie .liste-membres .cotation {
	margin-bottom: 9px;
}

#messagerie #etat_mess {
	margin-right: 140px;
}

#messagerie #objet_mess {
	margin-right: 330px;
}

#messagerie #date_mess {
	margin-right: 10px;
}

#messagerie .liste-messages {
	margin-top: 10px;
	margin-bottom: 55%;
}

.enregistrer_carnet{
	width: 20px;
	height: 20px;
	margin-bottom: -2px;
	margin-left: -21px;
	cursor: pointer;
}


#envoyer_message,#envoyer_reponse{
	background: url(../images/wraper/valider.png) no-repeat 90% 40% #e0e0e0;
	padding-right: 30px;
}


#messagerie .historique .liste-messages .envoi.selected .fleche {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);

}

#messagerie .historique .liste-messages .reception.selected .fleche {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}


/*
#messagerie .historique .liste-messages .envoi .date {
	background: url(../images/wraper/fleche_verte_mail.png) 130px 0 no-repeat;
}

#messagerie .historique .liste-messages .reception .date {
	background: url(../images/wraper/fleche_noir_mail.png) 130px 0 no-repeat;
}
*/
#messagerie .contenu-message .objet {
	background: #EAEAEA;
	border: 1px solid #D2D1CF;
	width: 100%;
}

.recherche_prix h2{
	cursor: pointer;
	border-bottom: 1px solid #D2D1CF;
	margin-bottom: 10px;
}
.recherche_prix h2 #fleche{
	background: url(../images/wraper/fleche_recu.png) no-repeat 10px 17px;
	padding: 13px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.recherche_prix h2 #fleche.deroulle{
	background: url(../images/wraper/fleche_noir_mail.png) 10px 17px no-repeat;
	padding: 13px;
}
.prix h1{
	cursor: pointer;
}
.detour_accepte h1{
	cursor: pointer;
}
#trajet_container h1{
	cursor: pointer;
}
#messagerie .envoi-message {
	margin-top: 10px;
}

#messagerie .contenu-message .objet label {
	margin-left: 15px;
}

#messagerie .contenu-message .objet input {
	margin: 6px;
	width: 320px;
}

#messagerie .contenu-message textarea {
	width: 100%;
	border: 1px solid #D2D1CF;
	border-top: none;
	height: 150px;
}

#messagerie .mail-deroule {
	display: none;
}

.pac-container:after{
	content:'';
	background:none;
	height:0px;
}

#objetbox{
	text-align: left;
	background: #e3e3e3;
	padding-left: 27px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#messagenouveau{
	width: 100%;
	height: 200px;
}
#popup_contact #objetnouveaudisplay{
	margin-bottom: 20px;
	float: none;
	font-size: 16px;
}
#messagebox{
	border: 1px solid #e3e3e3;
	text-align: left;
	margin-top: -15px;
}
#envoyer_message{
	background: url(../images/wraper/valider.png) no-repeat 90% 40% #e0e0e0;
	padding-right: 30px;
}
#envoyer_message:hover {
	background-color: #B5C300;
	color: #FFFFFF;
}

/* Recherche avancÃ©e */

#vehicules_liste div {
	height: 64px;
	width: 60px;
	float: left;
	margin: 0 2px 0 2px;
}

#vehicules_liste input, .detail-frequence input[type=checkbox] {
	display: none;
}

#vehicules_liste div {
	height: 95px;
	width: 70px;
}

#vehicules_liste h2 {
	text-transform: uppercase;
	position: relative;
	top: 35px;
}

#vehicules_liste {
	text-align: center;
}

#vehicules_liste img {
	position: relative;
	top: 25px;
}

/*#vehicules_liste .conducteur:hover,
#vehicules_liste .conducteur.selected {
    background: url(../images/wraper/conducteur_hover.png) no-repeat bottom;
}

#vehicules_liste .passager:hover,
#vehicules_liste .passager.selected {
    background: url(../images/wraper/passager_hover.png) no-repeat bottom;
}

#vehicules_liste .bus:hover,
#vehicules_liste .bus.selected {
    background: url(../images/wraper/bus_hover.png) no-repeat bottom;
}*/

.green-text {
	color: #B3C500;
}

.no-etape {
	background: #D1D1D1;
	margin-right: 10px;
}

#recherche-avancee .list_vehicules {
	height: 80px;
	margin-bottom: 10px;
}

#recherche-avancee .list_vehicules .libelle {
	padding-bottom: 15px;
}

#recherche-avancee #inside {
	padding-top: 15px;
	padding-right: 15px;
}

#recherche-avancee .no-border.hidden-regulier.aller .depart-le-label, #recherche-avancee .no-border.hidden-regulier.aller #depart_le, #recherche-avancee .no-border.hidden-regulier.aller #retour_le, #recherche-avancee .no-border.hidden-regulier.aller .label, #recherche-avancee .no-border.hidden-regulier.aller #heure-depart, #recherche-avancee .no-border.hidden-regulier.aller #heure-retour, #recherche-avancee .no-border.hidden-regulier.aller .marge-label, #recherche-avancee .retour-cache.no-border.hidden-regulier .depart-le-label, #recherche-avancee .retour-cache.no-border.hidden-regulier #depart_le, #recherche-avancee .retour-cache.no-border.hidden-regulier #retour_le, #recherche-avancee .retour-cache.no-border.hidden-regulier .label, #recherche-avancee .retour-cache.no-border.hidden-regulier #heure-depart, #recherche-avancee .retour-cache.no-border.hidden-regulier #heure-retour, #recherche-avancee .retour-cache.no-border.hidden-regulier .marge-label {
	margin-right: 8px;
}
#recherche-avancee .enregistrer {
	margin-left: 7px;
	float: left;
	width: 50%;
}
#recherche-avancee .label_commentaire{
	border-top: 1px solid #D2D1CF;
	padding-top: 5px;
	width: 96%;
}
#recherche-avancee .no-border.hidden-regulier.aller .heure, #recherche-avancee .retour-cache.no-border.hidden-regulier .heure {
	display: inline-block;
}
#recherche-avancee .no-border.hidden-regulier.aller, #recherche-avancee .retour-cache.no-border.hidden-regulier {
	width: 100%;
}
#recherche-avancee .label_detour_top{
	border-top: 1px solid #D2D1CF;
	padding-top: 5px;
	width: 96%;
}
#recherche-avancee .left.no-border {
	border-right: none;
	border-bottom: none;
}
.RAtimeP, .RRtimeP{
	width: 10% !important;
}
#recherche-avancee input {
	color: #000000;
	font-size: 14px;
	font-family: "source_sans_proregular";
	float: none;
	width: 4%;
	margint-left: 5px;
}
#recherche-avancee select{
	color: #000000;
	font-size: 14px;
	font-family: "source_sans_proregular";
}
#recherche-avancee .retour-cache {
	display: none;
}

#recherche-avancee .enregistrer-checkbox {
	float: right;
}

#recherche-avancee #lundi-vendredi {
	margin-left: 25px;
}

#recherche-avancee .enregistrer-checkbox label {
	color: #F00;
}

#recherche-avancee .map {
	vertical-align: middle
}

#recherche-avancee #depart,
#recherche-avancee #arrivee {
	width: 220px;
	margin-left: 50px;
}

#recherche-avancee .depart-le-label {
	margin-right: 34px;
}

#recherche-avancee #depart_le,
#recherche-avancee #retour_le,
#recherche-avancee #debut-detail,
#recherche-avancee #fin-detail {
	width: 60px;
	margin-right: 50px;
}

#recherche-avancee #heure,
#recherche-avancee #heure-retour,
#recherche-avancee #detail-heure,
#recherche-avancee #detail-heure-fin {
	width: 60px;
}

#recherche-avancee #periode {
	margin-left: 20px
}

#recherche-avancee #mon-trajet-aller, #recherche-avancee #occasionnel {
	margin-top: 10px;
}

#recherche-avancee .detail-frequence {
	padding-top: 10px;
	display: none;
	border-top: 1px solid #D2D1CF;
}

#recherche-avancee .detail-frequence  .margin-label {
	display: inline-block;
	padding: 10px 0;
	width: 100px;
}

#recherche-avancee .detail-frequence .jour {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	padding: 5px 13px 5px 37px;
}

#recherche-avancee .detail-frequence .jour.selected {
	background: url(../images/wraper/jour-sel.png) no-repeat #2A2A2A 20% 50%;
	color: #FFF;
}

#recherche-avancee .detail-frequence .jour {
	background: url(../images/wraper/jour-non-sel.png) no-repeat #FDFEFF 20% 50%;
	color: #BFBFBF;
}

#recherche-avancee .detail-frequence .plusmoins {
	text-align: center;
	padding-top: 5px;
	display: inline-block;
	width: 73px;
}

#recherche-avancee .detail-frequence select {
	margin-right: 5px;
}

#recherche-avancee .detail-retour {
	display: none;
}


#recherche-avancee .prix h2 {
	font-weight: bold;
	color: #000;
	padding: 10px 0;
}

#recherche-avancee .prix #recommande, #recherche-avancee .prix #personnalise, #recherche-avancee .prix #mon-tarif {
	margin-left: 40px;
}

#recherche-avancee .prix #mon-tarif {
	font-size: 12px;
	/*display: none;*/
}

#recherche-avancee .prix #mon-tarif input[type=text] {
	width: 60px;
	margin-left: 30px;
	margin-bottom: 10px;
}

#recherche-avancee .options h2 {
	display: inline-block;
	width: 400px;
	margin-right: 30px;
	padding: 10px 0;
}

#recherche-avancee .options textarea {
	border: 1px solid #D2D1CF;
	height: 100px;
	width: 250px;
}

#recherche-avancee .options select {
	width: 250px;
}

#recherche-avancee .options #acceptation, #recherche-avancee .options #reseau {
	margin-left: 439px;
}

#recherche-avancee input[type=submit] {
	float: right;
}

::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder {  font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; } /* ie */
input:-moz-placeholder {  font-style: italic; }

/* Mes adresses, mes véhicules */


/*
.ui-autocomplete {
    background-color: #fff;
    position: absolute!important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}*/
/*
.ui-autocomplete.ui-widget-content {
    border: 1px solid #B5C300;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}*/

#mes-adresses select,
#mes-vehicules select {
	width: 300px;
}
.mes-vehicules #in_use{
	margin-right: 10px !important;
}
#mes-adresses .aucune-adresse,
#mes-vehicules .aucun-vehicule {
	margin-top: 10px;
	color: #919191;
	font-size: 12px;
}





#mes-adresses form,
#mes-vehicules form {
	border: 1px solid #D2D1CF;
	border-top: none;
	padding: 10px;
	background: #EEEEEE;
}

#mes-adresses .obligatoire,
#mes-vehicules .obligatoire {
	margin-top: 10px;
	color: #919191;
}

#mes-adresses .bouton-visu,
#mes-vehicules .bouton-annuler {
	float: right;
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	border: 1px solid #D2D1CF;
	margin-left: 10px;
}

#mes-adresses .boutons,
#mes-vehicules .boutons {
	position: relative;
	top: -33px;
	margin-bottom: 10px;
}



.mes-vehicules form input.valider, .mes-adresses form input.valider {
	width: 90px;
	display: inline-block;
	margin: 10px 10px 0px 10px;
	float:right;
}
#mes-adresses .enroule form,
#mes-vehicules .enroule form {
	display: none;
}

#mes-vehicules input[type=file],
#mes-vehicules input[type=checkbox] {
	width: 15px;
	-webkit-appearance: checkbox;
	border: 0px;
	box-shadow: none;
}

#mes-vehicules .savoir-plus,
#mes-vehicules .format {
	font-size: 10px;
	position: relative;
	top: -2px;
}

#mes-vehicules .format {
	color: #919191;
}

/* Inscription */

.inscription #inside {
	padding: 10px;
}

#form-inscription .nonupleL {
	width: 456px;
}

#div-picto-simplicites {
	margin-left: 6px;
}

.label-simplicites {
	margin-top: 12px;
}

#formdesinscrire #erreur{
	color:red;
	margin-left: 10px;
}
#Simplicite {
	margin-top: 7px;
}

#form-inscription input[type=submit] {
	margin-top: 10px;
}

#form-inscription .required-libelle {
	position: relative;
	top: 15px;
}

.needsfilled {
	color: #727272 !important;
	font-style: italic;
	border: 1px solid #D00 !important	;
}

/* Articles */
.article p {
	text-align: justify;
	padding-right: 10px;
	line-height: 15px;
	font-size: 14px;
	border-color: #d4d4d4;
}

.article a {
	color: #000;
	text-decoration: none;
}

.article h2 {
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}

.article h3 {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}

.article h1 {
	border-bottom: 2px solid #D2D1CF;
	color: #000;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 10px;
}



/* Parking */

.article #map {
	width: 900px;
	height:400px;
	background-color: #E5E3DF;
	margin-bottom: 30px;
	margin-left: 35px;
	margin-top: 13px;
	overflow: hidden;
	padding: 1px;
	position: relative;
}

.article .infos {
	line-height: 20px;
}

.article .aire {
	padding: 10px;
	margin: 10px;
	border: 1px solid #D2D1CF;
	background: #EEE;
}

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

.gm-style .label_infobulle {
	line-height: 17px;
}

.gm-style h3 {
	margin: 0;
	color: #000;
	display: inline;
	font-weight: normal;
}

/* Header */

#mobile {
	margin-left: 10px;
}

#login, #mobile, a:link {
	/*background-color:white;*/
}
#coq-login{
	width:18px;
	height:19px;
	padding: 10px;
	vertical-align: middle;
}

#portal-wallonie{
	color: #ee2737;
}

#header-title{
	display: inline-block;
	font-size: 34px;
	/*   margin: 45px 33px 0 60px;*/
	margin-top: 60px;
	margin-left: 80px;
	color: #FFFFFF;
	vertical-align: top;
}


#text_log{
	float: left;
	display: inline;
	width: 410px;
	margin-right: 0px;
}

#coq-cercle, #bodji-cercle{
	/*width:150px;
	  height:180px;
	  padding:4px;*/
	margin-left: 22px;
	padding-top: 30px;
}

/* Menu */

#header-content {
	padding-top: 40px;
}



#login-banner #login-div:hover ul.niveau2 {
	visibility: visible;
}


#login-banner .communaute {
	background: url(../images/wraper/trajet.png) no-repeat;
	width: 50px;
	height: 28px;
	float: right;
	cursor: pointer;
}


#connexion a{
	color: #4d4d4d;
	font-size: 13px;
	font-family: "source_sans_proregular";
	display: inline-block;
	margin-bottom: 3px;
	text-decoration: none;
	outline: none;
}

header #header-logo {
	margin-left: 40px;
	margin-top: 60px;
	position: absolute;
}

#header-content .logo-cg {
	float: right;
	position: relative;
	top: 24px;
	/*   right: 20px;*/
	right: 20px;
}

#header-content #menu {
	clear: both;
	float: right;
	position: relative;
	top: 50px;
	background: #FFF;
}

#login-banner .menu-masque {
	display: none;
	float: right;
	height: 40px;
}

#login-banner .menu-masque a {
	padding: 7px 5px 0 5px;
	display: inline-block;
	width: 35px;
	height:33px;
	text-align: center;
}

#login-banner .menu-masque a:hover {
	background: #000;
}

#header-content #menu li {
	float: left;
	width: 160px;
	height: 33px;
}

#header-content #menu li a {
	text-transform: uppercase;
	color: #000;
	text-decoration: none !important;
	font-size: 12px;
	display: block;
	height: 100%;
}

#menu li:hover a {
	text-decoration: none !important;
}

#menu li:hover h2 {
	padding-left: 15px;
	padding-top: 5px;
	color: #FFF;
	text-decoration: none !important;
}

/* Section */





#cadre .tabs ul {
	float: right;
	list-style-type: none;
	top: 7px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}

.tabs {
	margin-right: 10px;
	clear: both;
	display: block;
	margin-bottom: 51px;
}

#cadre .tabs li.selected {
	background: #B5C300;
	color: #FFF;
}

#cadre .tabs li.selected a {
	color: #FFF;
}

#cadre .tabs li {
	float: left;
	padding: 17px;
	color: #A9B3BB;
	background: #FFF;
	font-size: 17px;
}

#cadre .tabs li a {
	color: #A9B3BB;
	text-decoration: none;
}



.right-content .inside {
	padding: 10px 0;
	padding-right: 10px;
}


/* Main */

#resultat {
	margin-top: 25px;
	width: 100%;
	olor: #4d4d4d;
	font-size: 14px;
	font-family: "source_sans_proregular";
}

#inside {
	border: 8px solid #B5C300;
	background: #FFF;
	margin: 10px;
	padding-left: 5px;
	min-width: 95%;
}

.article #inside{
	border: 8px solid #B5C300;
	background: #F7F5F6;
	margin: 10px;
	padding-left: 20px;
	min-width: 93%;
	padding-right: 20px;
}
/* Index */

/*#search .conducteur {
    background: #B5C300;
    margin-right: 17px;
}

#search .passager {
    background: #EF2738;
    margin-right: 17px;
}*/

#search .both {
	background: #A9B3BB;
}

#search .vehicules {
	width: 100%;
	height: 64px;
}


#vehicules_liste div {
	height: 64px;
	width: 60px;
	float: left;
}

#vehicules_liste .selected {
	background-position: 0 100% !important;
}

#vehicules_liste .conducteur {
	background: url(../images/wraper/v1.png) 0px -10% no-repeat;
}

#vehicules_liste .passager {
	background: url(../images/wraper/v2.png) 0px -10% no-repeat;
}

#vehicules_liste .taxis {
	background: url(../images/wraper/v3.png) 0px -10% no-repeat;
}

#vehicules_liste .velo {
	background: url(../images/wraper/v4.png) 0px -10% no-repeat;
}

#vehicules_liste .bus {
	background: url(../images/wraper/v5.png) 0px -10% no-repeat;
}

#vehicules_liste .parking {
	background: url(../images/wraper/v6.png) 0px -10% no-repeat;
}

#vehicules_liste .electrique {
	background: url(../images/wraper/v7.png) 0px -10% no-repeat;
}

.index .right-content {
	background: none repeat scroll 0 0 #F6F4F5;
	margin: 0;
	width: 417px;
}

#infos .left, #infos .right {
	background: #FFF;
	margin-bottom: 10px;
}

.right-content .inside {
	padding: 10px !important;
}

#mon-profil #Chat, #mon-profil #Music {
	margin-top: 3px;
}



/* Recherche avancée */


#recherche-avancee .inside {
	border: 7px solid #B5C300;
	margin: 10px;
	padding: 10px;
}



.elargir{
	margin-left: 536px;
	margin-top: -43px;
	position: absolute;
}

.RAtimeP, .RRtimeP {
	padding-right: 0;
	width: 50px;
}

#recherche-avancee .recherche_prix, #recherche-avancee .vehicule {
	border-top: 1px solid #D2D1CF;
}

#recherche-avancee .detour_accepte {
	border-bottom: 1px solid #D2D1CF;
	border-top: 1px solid #D2D1CF;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#recherche-avancee .options {
	border-bottom: 2px solid #D2D1CF;
	border-top: 2px solid #D2D1CF;
}
#recherche-avancee .fixedHeight {
	height: 242px;
}
#vehicules_liste div {
	float: left;
	height: 70px;
	margin: 0 2px;
	width: 70px;
}
#vehicules_liste div div {
	height: auto;
	position: relative;
	text-transform: uppercase;
	top: 5px;
}
#vehicules_liste input, .detail-frequence input[type="checkbox"] {
	display: none;
}
#vehicules_liste h2 {
	position: relative;
	text-transform: uppercase;
	top: 35px;
}
#recherche-avancee .adr-dep-arr.left {
	margin-bottom: 3px;
}
#recherche-avancee .adr-dep-arr {
	width: 100%;
	margin-top: 20px;
	padding: 0px;
}
#recherche-avancee .list_vehicules #vehicules_liste {
	display: inline-block;
}

#mon-solde .economies{
	border: 3px solid #B5c300;
	font-size: 25px;
	padding: 10px;
	margin-left: 25px;
	margin-right: 32px;
	margin-top: 7px;
	color: #B5C300;
}
#mon-solde .historique_solde{
	font-size: 15px;
	padding: 13px;
	/* margin-left: 8px; */
	border-bottom: 1px solid #D2D1CF;
}
#mon-solde .historique_solde .retrait{
	color: #B5C300;
}
#mon-solde .historique_solde .rechargement{
	color: #E25453;
}
.green-text {
	color: #BFCA45;
}
#recherche-avancee .list_vehicules label {
	display: inline-block;
}
#recherche-avancee label, #recherche-avancee .marge-label, #recherche-avancee span {
	color: #4d4d4d;
	font-size: 16px;
	font-weight: normal !important;
}
#recherche-avancee .green-font {
	color: #CBC7C7;
	font-family: "source_sans_prolight";
	font-size: 15px;
}
.no-etape {
	background: none repeat scroll 0 0 #0d3082;
	margin-right: 10px;
	color: #FFF !important;
	padding-right: 5px;
	padding-left: 5px;
}
#recherche-avancee .adr-dep-arr label {
	display: inline-block;
	width: 70px;
	font-size: 18px;
	font-family: "source_sans_prolight";
}

#recherche-avancee .adr-dep-arr #ChmpAdresseDepart {
	padding-right: 27px;
	width: -moz-calc(90% - 128px);
	width: -webkit-calc(90% - 128px);
	width: calc(90% - 128px);
}
#recherche-avancee .adr-dep-arr input {
	-webkit-box-shadow: 0px 0px 2px 0px #4d4d4d;
	-moz-box-shadow: 0px 0px 2px 0px #4d4d4d;
	-o-box-shadow: 0px 0px 2px 0px #4d4d4d;
	box-shadow: 0px 0px 2px 0px #4d4d4d;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	float: none;
	height: auto;
	font-size: 22px;
	font-family: "source_sans_prolight";
	padding: 3px 6px;
	border: 0px;
	margin: 0px;
}
#recherche-avancee .list_vehicules {
	height: 80px;
}
#recherche-avancee .list_vehicules .libelle {
	padding-bottom: 15px;
}
#recherche-avancee #inside {
	padding-right: 15px;
	padding-top: 15px;
}
.adr-dep-arr {
	float: left;
}

#recherche-avancee .left.no-border {
	border-bottom: medium none;
	border-right: medium none;
}
#recherche-avancee .retour-cache {
	display: none;
}
#recherche-avancee #lundi-vendredi {
	margin-left: 25px;
}
#recherche-avancee .enregistrer-checkbox label {
	color: #FF0000;
}
#recherche-avancee .map {
	vertical-align: middle;
}
#recherche-avancee #depart, #recherche-avancee #arrivee {
	margin-left: 50px;
	width: 220px;
}
#recherche-avancee #depart_le, #recherche-avancee #retour_le, #recherche-avancee #debut-detail, #recherche-avancee #fin-detail {
	width: 80px;
	padding-right: 0;
}
#recherche-avancee #heure, #recherche-avancee #heure-depart, #recherche-avancee #heure-retour, #recherche-avancee #detail-heure, #recherche-avancee #detail-heure-fin {
	width: 60px;
}
#recherche-avancee #periode {
	margin-left: 20px;
}
#recherche-avancee #mon-trajet-aller, #recherche-avancee #occasionnel {
	margin-top: 10px;
}
#recherche-avancee #mon-trajet-aller {
	margin-left: 4px;
}
#recherche-avancee #mon-trajet-retour {
	margin-left: 93px;
}
.padding-div {
	padding-top: 10px;
}
#recherche-avancee .detail-frequence {
	display: none;
	padding-top: 10px;
}
#recherche-avancee .detail-frequence .margin-label {
	display: inline-block;
	padding: 10px 0;
	width: 43px;
}
#recherche-avancee .detail-frequence .jour {
	display: inline-block;
	font-size: 12px;
	margin-right: -1px;
	padding: 5px 5px 5px 31px;
	vertical-align: middle;
}
#recherche-avancee .detail-frequence .jour.selected {
	background: url("../images/wraper/jour-sel.png") no-repeat scroll 20% 50% #2A2A2A;
	color: #FFFFFF;
}
#recherche-avancee .detail-frequence .jour {
	background: url("../images/wraper/jour-non-sel.png") no-repeat scroll 20% 50% #FDFEFF;
	border: 1px solid #000000;
	color: #969696;
	margin-bottom: 10px;
}
#recherche-avancee .detail-frequence .plusmoins {
	display: inline-block;
	padding-top: 5px;
	text-align: center;
	width: 54px;
}
#recherche-avancee .detail-frequence select {
	font-size: 12px;
	margin-bottom: 10px;
	margin-right: 4px;
	padding-left: 0;
}
#recherche-avancee .detail-retour {
	display: none;
}
#recherche-avancee .recherche_prix, #recherche-avancee .vehicule {
	padding-top: 5px;
	margin-top: 10px;
}
#recherche-avancee .recherche_prix h2, #recherche-avancee .vehicule h2, #form-recherche h2 {
	font-size: 21px;
	font-family: "source_sans_proregular";
	font-weight: normal;
	padding-bottom: 8px;
}
#recherche-avancee .recherche_prix #mon-tarif {
	display: inline;
	padding-top: 5px;
}
#recherche-avancee #depart_le, #recherche-avancee #retour_le {
	width: 80px;
}
.no-border.hidden-regulier.aller, .retour-cache.no-border.hidden-regulier {
	padding-bottom: 10px;
}
#recherche-avancee .recherche_prix #mon-tarif input[type="text"] {
	margin-left: 30px;
	width: 60px;
}
#recherche-avancee .vehicule input[type="text"] {
	margin:U 0 10px;
	width: 90px;
}
#recherche-avancee .options h2 {
	display: inline-block;
	margin-right: 30px;
	padding: 10px 0;
	width: 400px;
}
#recherche-avancee .options textarea {
	border: 1px solid #D2D1CF;
	height: 100px;
	width: 250px;
}
#recherche-avancee .options select {
	width: 250px;
}
#recherche-avancee .options #acceptation, #recherche-avancee .options #reseau {
	margin-left: 439px;
}
#recherche-avancee .nouvelle_recherche{
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	margin: 36px 10px 20px 10px;
	float: right;
}
#recherche-avancee .nouvelle_recherche:hover{
	color: #B3C500;
}
#recherche-avancee #ChmpAdresseDepart, #recherche-avancee #ChmpAdresseArrivee, #recherche-avancee #mon-trajet-aller, #recherche-avancee #mon-trajet-retour, #recherche-avancee #occasionnel, #recherche-avancee #debut-detail {
	margin-bottom: 10px !important;
}
#recherche-avancee .adr-dep-arr .geolocation_icon {
	position: relative;
	left: -37px;
	top: 8px;
}
#recherche-avancee .adr-dep-arr #ChmpAdresseArrivee {
	width: -moz-calc(90% - 107px);
	width: -webkit-calc(90% - 107px);
	width: calc(90% - 107px);
	margin-right: 35px;
}
#debut-detail {
	margin-top: 5px;
}
.tr_rechercheavancee{
	width: 100%;
}
.place_position{
	float: left;
	display: inline-block;
	width: 80% !important;
}
.td_rechercheavancee{
	width: 41%;
}
.recherche_prix .label, .vehicule .label {
	display: inline-block;
	margin-bottom: 10px;
	/*width: 100%;*/
	margin-top: -1px;
	height:58px;
	float:left;
	margin-left:25px;
	color: #4D4D4D;
	font-size:14px;
}
.nb_places{
	display:none;
}
.label .vehicule {
	border-top: 1px solid #D2D1CF;
	padding-top: 5px;
	width: 95%;
	margin-bottom:0px !important;
}

.puce{
	margin-left: 25px;
}


#recherche-avancee .commentaire {
	margin: 5px 0;
	padding: 10px 0;
	width: 97%;
}
#recherche-avancee .commentaire textarea {
	border: 1px solid #D2D1CF;
	height: 80px;
	margin-top: 0px;
	width: 100%;
	padding-left: 3px;
	margin-left: 5px;
}

#recherche-avancee #vehicules_liste div {
	width: 70px;
}

.inline-block{
	display:inline-block !important;
}
#trajet_container {
	margin-bottom: 50px;
}


.faq h2 {
	margin: 15px 0;
}

#marque {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}


.index #infos {
	margin-top:10px;
}

.label.indemnisation {
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 125px;
}

.indemnisation_contenu {
	color: #000;
	line-height: 16px;
	margin-left: 25px;
	margin-bottom: 25px;
}
.indemnisation_contenu_texte {
	color: #000;
	line-height: 16px;
}
#heure-depart{
	padding-right: 10px;
}
#heure-retour{
	padding-right: 10px;
}
#PaymentRequest input[type='radio']{
	margin-top: 10px;
	margin-bottom: 5px;
}

#choix_vehicule {
	margin: 0 0 10px 0;
}
.masque_conducteur .label_place{
	/* margin-left: 126px !important;*/
}
.label_place.label {
	display: inline-block;
	width: 435px;
	margin-left: 50px;
	height: 30px;
}

#recherche-avancee .border {
	border-top: 1px solid #D2D1CF;
	padding-top: 5px;
	width: 96%;
	display: inline-block;
	margin-bottom: 10px;
	/* width: 100%; */
	margin-top: -1px;
	margin-left: 25px;
}


/* Mes alertes */


#PaymentRequest label, #paiement_retrait label {
	color: #4d4d4d;
	display: inline-block;
	width: 250px;
}
#PaymentRequest input, #paiement_retrait input {
	float: none;
}

/* Mes Preferences */



div.sliderHolder {
	margin-left: 350px;
	margin-right: 20px;
	margin-top: -25px;
}
.sliderHolder {
	width: 240px;
}

div.slider-legend p {
	float: left;
	width: 50px !important;
}

div.slider-legend p + p {
	float: none;
	margin-left: 200px;
	margin-top: 10px;
}

.ui-slider-handle .Select_Wrapper {
	font-size: 10px;
	left: -20px;
	position: absolute;
	top: 17px;
	width: 50px;
}

.masque_conducteur{
	display:none;
	width: 100%;
}
.masque_passager{
	display:none;
	width: 100%;
}
.masque_passager.margin_detour .label_detour{
	margin-left: 126px;
}
.masque_passager.margin_detour .label_detour_temps{
	margin-left: 150px;
}
.masque_passager .sliderHolder{
	margin-left: 230px;
}
.detour_accepte .label {
	display: inline-block;
	width: 250px;
}



#recherche-avancee .label_detour, #recherche-avancee .label_detour_temps {
	margin-left: 56px;
}
#recherche-avancee table tr td input[type="submit"] {
	margin: 0;
	top: 10px;
}

#choix_vehicule {
	margin-right: 20px;
	margin-left: 48px;
}

#nouveau_vehicule {
	color: #333333 !important;
}

#Chat, #Music {
	margin-top: 5px;
}


#covoiturage_ville .infos{
	margin-left: 56px;
	margin-top: 15px;
}
.aucun_res {
	padding: 10px;
	margin-top: 10px;
}


.pagination a, .paginationmail a{
	color: #000;
	text-align: center;
	padding: 0 3px;
	text-decoration: none;
}
.paginationmail{
	margin-top:15px;
	width: 250px !important;
	text-align: center;
	margin: auto;
	padding: 5px 0;
	float: auto;
	width: auto;
}
.pagination {
	font-size: 17px;
}





#nouveau_vehicule{
	color: #B5C300 !important;
	text-decoration: none;
	/*font-weight: bold;*/
	margin-top: -5px;
	font-size: 15px; /*24*/
}


#messagerie .even.selected, #messagerie .odd.selected {
	border: 1px solid #D2D1CF;
}


.ui-slider-range{
	background: #B5C300;
}
.ui-slider-handle{
	cursor: pointer !important;
}
.Select_Wrapper{
	font-size: 12px !important;
	left: -5px !important;
	position: absolute !important;
	top: -19px !important;
	width: 50px !important;
}

div[aria-describedby="ajouterpointsrelais"]{
	margin-top: 50px;
	top: 0px !important;
}
.horizontalSlider.ui-widget-content {
	border:1px #B5C300 solid;
}



/*PORTEMONNAIE*/

#mon-historique .liste-historique {


}
.disabled_submit, .disabled_submit:hover{
	opacity:0.5;
	background-color: #e0e0e0 !important;
}




#paiement_retrait #tout_retirer{
	cursor: pointer;
	margin-left: 10px;
	text-decoration: underline;
}
#paiement_retrait #tout_retirer:hover{
	text-decoration: none;
}

.tout_selectionner_label{
	margin-top: 16px;
	float: left;
	margin-left: 7px;
}


#mon-portemonnaie > h1,
#mon-historique > a h1 {
	padding-left: 7px;
	border-bottom: 2px  solid transparent;
	font-weight: normal;
	padding-bottom: 15px;
}






#mon-historique .liste-membres ul li.first {
	position: relative;
}

#messagerie .liste-membres li.last {
	margin-bottom: 0;
}

.voirhistorique .profil h1 {
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
}


#mon-historique .profil .liste-membres .cotation {
	font-size: 10px;
}

.voirhistorique .infos h1.montant {
	padding: 0;
	margin: 0;
	width: 248px;
	margin-bottom: 30px;
	background: none;
	border: none;
	display: inline-block;
	float: left;
}

.voirhistorique.recharge .infos h1.montant,
.voirhistorique.retrait .infos h1.montant
{
	margin-bottom: 0px;
}

.liste-membres.histo .voirhistorique .infos h1.montant {
	width:380px;
}

.voirhistorique .infos h1 .label {
	float: left;
	font-size: 16px;
	color:#57585A !important;
}

.voirhistorique .infos h1 .prix {
	float: right;
}

.voirhistorique .infos h1.vert .prix,.total-impayes .color-val   {
	color: #B3C500;
}

.voirhistorique .infos h1.rouge .prix ,.total-impayes.red .color-val  {
	color: #E25453;
}

..voirhistorique .infos .nb-covoiturage, .voirhistorique .infos .date {
	clear: both;
	float: left;
	font-weight: bold;
	color: #B3C500;
}


.text_no{
	text-align: center;
	margin-top: 20px;
}
.pagination .selected {
	color: #B5C300;
}


/*historique */



#mon-historique .liste-historique a {
	color: #000;
	font-weight: bold;
	padding-botom: 10px;
	cursor: pointer;
}




#mon-historique .liste-historique .historique .prix.rouge {
	color: #FFF;
	background: #E25453;
}




#mon-historique .total-selection .rouge {
	color: #E25453;
}



#mon-historique .liste-historique .ts + .clear + .valider {
	margin-right: 16px;
}


#mon-historique .liste-membres #retrait #bordure,
#mon-historique .liste-membres #recharge #bordure{
	margin-top: 69px;
	display: none;
}

#mon-historique .liste-membres #retrait,
#mon-historique .liste-membres #recharge {
	font-weight: bold;
	text-align: center;
}
/************************ POP UP EVALUATION **************************/

#formEvaluation .section.infos-membre {
	background: #EAEAEA;
	padding-top: 10px;
}

#formEvaluation .infos-membre .infos-covoitureur .pseudo {
	font-size: 14px;
	font-weight: bold;
}
#formEvaluation .pseudo, #formEvaluation .email, #formEvaluation .phone_number, #formEvaluation .cotation, #formEvaluation .Depart, #formEvaluation .Arrivee {
	margin-bottom: 10px;
}

#popup_contact #formSolliciter dd, #pop #formEvaluation dd {
	margin-bottom: 27px;
	margin-top: 15px;
}
/********************** FIN POP UP EVALUATION ***********************/

/************************ FORM CONTACT ********************************/
.contact #contact {
	padding-left: 15px;
	padding-top: 15px;
	font-size: 14px;
	padding-bottom: 15px;
}
#contact .input {
	clear: both;
}
.contact label {
	width: 250px;
	float: left;
	height: 30px;
	line-height: 30px;
}
.contact label {
	width: 250px;
	float: left;
	height: 30px;
	line-height: 30px;
}
#contact .input-motifs {
	float: left;
}
#contact .input-motifs .input {
	margin: 0;
}
#contact .input-motifs input[type="radio"] {
	float: left;
	margin-right: 5px;
	margin-left: 0;
}
#contact .input-motifs label {
	line-height: 1;
}
#contact textarea {
	padding: 3px;
	font-size: 14px;
	font-family: "source_sans_prolight";
}
#contact label span {
	float: right;
	margin-right: 5px;
}

#g-recaptcha-response {
	display: block !important;
	visibility: hidden;
	float: right;
	margin-top: -82px !important;
	position: relative;
	margin-right: 51px !important;
}
/************************ FIN FORM CONTACT ******************************/

#recherche-avancee .ui-slider-handle{
	background:#D53915 !important;
}

/** Evènements début **/
.partial_evenements,
.partial_communautes{
	background:#FFFFFF;
	margin:10px 0;
	border:solid 1px #bdbdbd;
	position:relative;
	display: inline-block;
}


.partial_evenements .partial_evenements_infos span.partial_evenements_nom,
.partial_communautes .partial_communautes_infos span.partial_communautes_nom{
	color:#333333;
	font-family: 'Copse';
	font-size:24px;
}
.partial_text_evenement{
	text-align: justify;
	line-height: 15px;
	/* word-wrap: break-word; */
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	height: 88px;
	width: 100%;
}


.content_evenements,
.content_communautes{
	padding:15px;
}
.content_evenements h2,
.content_communautes h2{
	font-size: 20px;
	font-family: 'Raleway';
	font-weight: bold;
}
#search #Select_Communaute,
#search #Select_Evenement{
	padding-left:15px;
	margin-bottom:10px;
}
#evenements .aucune_donnees,
#communautes .aucune_donnees{
	margin:10px 5px;
}
#covoiturage_evenement .infos a {
	color:#7f9e1c;
}
#covoiturage_evenement .bouton {
	margin-left: -1px;
	float: left;
}

#covoiturage_evenement #inside,
#covoiturage_ville #inside{
	padding:15px;
}
#covoiturage_evenement .infos,
#covoiturage_ville .infos{
	padding-left:15px;
}
#covoiturage_evenement .infos .clear,
#covoiturage_ville .infos .clear{
	min-height:20px;
}
#covoiturage_ville .grid_6 h1,
#covoiturage_evenement .grid_6 h1{
	padding-left: 15px;
}
#covoiturage_evenement #inside,
#covoiturage_ville #inside{
	margin:0;
	padding-left:0;
}
#covoiturage_evenement #inside{
	padding-right: 0;
}
#covoiturage_evenement .infos a {
	color:#7f9e1c;
}
#search #Communaute,
#search #Evenement {
	width: 320px;
	margin-left: 15px;
	background:#FFF;
	border:solid 1px #4d4d4d;
	color:#333333;
	height:30px;
	margin-bottom:10px;
	padding: 0;
	padding-left:5px;
	float:left;
}
#search #Communaute,
#search #Select_Communaute .selectricWrapper,
#search #Evenement,
#search #Select_Evenement .selectricWrapper{
	width:325px;
	margin-left:15px;
}
#evenements .bouton, #covoiturage_evenement .bouton{
	width: 200px !important;
	margin: 5px 0px 5px 10px;
	float: right;
	padding: 5px;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	margin-top: -28px;
}
#covoiturage_evenement .bouton{
	margin-left: -1px !important;
	float: left !important;
	margin-top: 0px !important;
}
#covoiturage_evenement #map{
	border: 1px solid #C1C1C1;
}
#covoiturage_evenement .rose{
	font-weight: bold;
	margin-right: 10px;
}
#covoiturage_evenement .jp-current{
	color: #bcda00 !important;
}
#covoiturage_evenement .jp-previous, #covoiturage_evenement .jp-next{
	padding: 10px;
	cursor: pointer;
}


#titre_evt{
	font-weight: bold;
}
#raison_signalement{
	padding: 5px;
}
/**   Evenement fin   **/
/**   Evenement ADMIN début   **/
#evenement_form input[type="text"], #evenement_form input[type="password"], #evenement_form select {
	float: none;
	margin: 0;
	height: 35px;
}

/**   Evenement ADMIN fin   **/


#pointsrelais #map {
    margin: auto;
    width: 100%;
    height: 400px;
    background-color: #E5E3DF;
    /* margin-right: 45px; */
    /* margin-top: 13px; */
    overflow: hidden;
    padding: 1px;
}
.marker_description{
	font-style: italic;
}
.infoMarker{
	min-width: 350px;
}


#calcutrice_form {
	background-color: #FFF;
}
#formCalcul {
	float: left;
}
#formCalcul table tr td, #table_Resultats tr td {
	line-height: 30px;
	vertical-align: middle;
}
#formCalcul table tr td.last-child {
	padding-left: 10px;
}
#formCalcul table tr td.doubleligne{
	line-height: 1.2;
}
#formCalcul a, #formCalcul a:visited {
	color: #DDB840;
	outline: 0;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#formCalcul .boutons {
	float: right;
}
#formCalcul .boutons a.bouton {
	background-color: #DDB840;
	color: #FFFFFF !important;
	font-size: 13px;
	padding: 6px 14px;
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 0; */
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);
	color: white;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	font-size: 15px;
	line-height: 15px;
	font-weight: 400;
	display: inline-block;
	cursor: pointer;
	padding: 8px 17px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#table_Resultats {
	height: 250px;
	line-height: 250px;
}
#table_Resultats tr td.doubleligne {
	line-height: 1.2;
}
#ResultatsCO2, #ResultatsCO2ParAn, #ResultatsPrix, #ResultatsCout {
	border: solid 1px #ddb840;
	padding: 3px;
	font-size: 16px;
	color: #DDB840 !important;
	outline: 0;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#formCalcul table, #table_Resultats table {
	border-collapse: collapse;
	border-spacing: 0;
}
#table_Resultats tr td:last-child {
	padding-left: 50px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	width: 100px;
}

#formCalcul input[type='text'] {
	width: 120px;
}
#formCalcul input[type="text"] {
	margin: 5px;
}
#formCalcul input[type="text"]{
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px Arial, sans-serif;
	color: #777;
	margin: 0;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}

/****************** widget ***************/
#widget_evenement .input_champs > [class*="glyphicon-"] {
	bottom: 1px;
	color: #909090;
	display: inline-block;
	font-size: 16px;
	left: 3px;
	line-height: 23px;
	padding: 0 3px;
	position: absolute;
	top: 1px;
}
#widget_evenement .input_champs > [class*="glyphicon-"] {
	left: auto;
	right: 19px;
	top: 6px;
}
#widget_evenement .passager {
	background: url(../images/wraper/v2.png) 0px -10% no-repeat;
}

#widget_evenement .conducteur {
	background: url(../images/wraper/v1.png) 0px -10% no-repeat;
}
#widget_evenement input{
	padding-right: 20px;
}
#widget_evenement .Requeteur-radio{

}
#widget_evenement .btn-custom:hover{
	background: #bcda00;
	-webkit-box-shadow: 0px 0px 2px 0px #000000;
	-moz-box-shadow: 0px 0px 2px 0px #000000;
	-o-box-shadow: 0px 0px 2px 0px #000000;
	box-shadow: 0px 0px 2px 0px #000000;
	-webkit-appearance: none;
	filter: "progid:DXImageTransform.Microsoft.dropShadow(color=$color, offX=-7, offY=-7, positive=true)";
	cursor: pointer;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	text-decoration: none !important;
}
#widget_evenement .Requeteur-radio.Requeteur-check{
	background: #bcda00;
}
#widget_evenement .btn-custom{
	background-color: #DDDDDD;
}

#widget_evenement .ui-datepicker.ui-widget-content {
	border: 1px solid #b5c300;
}
#widget_evenement .datepicker_profil .ui-datepicker-year {
	font-size: 15px !important;
	margin-right: 26px;
}
#widget_evenement .datepicker_profil .ui-datepicker-month {
	float: left;
	margin-left: 27px;
	font-size: 15px !important;
}
#widget_evenement .ui-datepicker {
	height: auto;
	margin: 5px auto 0;
	font-size: 15px;
	border: none;
	width: 97% !important;
	left: 0 !important;
}
#widget_evenement .ui-datepicker .ui-datepicker-title {
	text-align: center;
}
#widget_evenement .ui-datepicker thead {
	background-color: #f7f7f7;
	border-bottom: 1px solid #4d4d4d;
}
#widget_evenement .ui-datepicker thead th {
	text-transform: uppercase;
	font-size: 8px !important;
	padding: 5px 0;
	color: #666666;
	/* text-shadow: 1px 0px 0px #fff; */
	filter: dropshadow(color=white, offx=1, offy=0);
}
#widget_evenement .ui-datepicker .ui-datepicker-unselectable .ui-state-default {
	background: #EAEAEA;
	color: #b4b3b3;
}
#widget_evenement .ui-datepicker .ui-datepicker-calendar .ui-state-default {
	background: #EAEAEA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}
#widget_evenement .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
#widget_evenement .ui-datepicker .ui-datepicker-calendar .ui-state-active {
	background: #DDDDDD !important;
	position: relative;
	height: 33px !important;
	padding-top: 2px;
	font-size: 13px;
}
#widget_evenement .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
	display: inline-block;
	font-weight: bold;
	text-align: left;
	height: 33px;
	font-size: 13px;
	line-height: 30px;
	color: #666666;
	padding-left: 5px;
	padding-top: 2px;
}
#widget_evenement .ui-datepicker-prev {
	margin-right: -53px;
	background-image: url("/images/wraper/arrow.png");
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
#widget_evenement .ui-datepicker .ui-datepicker-next {
	background-image: url("/images/wraper/arrownext.png");
	background-repeat: no-repeat;
	float: right;
	margin-right: 4px;
	cursor: pointer;
}
#widget_evenement .ui-datepicker .ui-datepicker-year {
	font-size: 10px;
}
#widget_evenement .ui-datepicker .ui-datepicker-month {
	text-align: center;
}
.highlight a, .highlight span {
	background: rgb(188, 218, 0) !important;
}
#widget_evenement .ui-datepicker-calendar, #widget_evenement .ui-datepeicker td a , #widget_evenement .ui-datepicker td span {
	width: 100%;
}
#widget_evenement .ui-datepicker td a:hover , #widget_evenement .ui-datepicker td span:hover {
	background: #f7f7f7 !important;
}
#widget_evenement #logo_event{

}

#widget_evenement #Requeteur_DateDeDepart{
	margin-bottom: 15px !important;
	cursor: pointer;
}
#widget_evenement .ico_localisation{
	cursor: pointer;
}
#recherche-avancee #help_calcul {
	margin-left: 7px;
}

/*Accessibilité section*/
#block-accessibilite {
	position: absolute;
	width: 250px;
	right: -320px;
	top: 0;
}
#block-accessibilite.open {
	right: 0;
	width:260px;
}
#block-accessibilite.open #open_accessibilite {

	right: 260px;

}
#open_accessibilite {
	right: 1rem;
	top: 1rem;
}

#open_accessibilite {
	position: fixed;
	border: none;
	/*right: 7rem;*/
	z-index: 999;
	padding: 0;
	border-radius: 50px;
	top: 5px;
	overflow: hidden;
	width: 2.5rem;
	height: 2.5rem;
	background: #00b6ee;
}
#block-accessibilite ul {
	position: fixed;
	background: #0d3082;
	height: 100%;
	right: -250px;
	width: 250px;
	top: 0;
	-webkit-transition: 100ms ease;
	-o-transition: 100ms ease;
	transition: 100ms ease;
}
#block-accessibilite.open ul {
	right: 0;
	z-index: 999;
	padding-left: 35px;
	font-size: 1.05rem;
}

#block-accessibilite ul li {
	list-style-type: none;
	margin: 7px 0;
	line-height: 1.43;
}
#block-accessibilite ul li a {
	color: white;
	text-decoration: none;
}
#block-accessibilite ul li a:hover {
	text-decoration: underline;
}
#open_accessibilite::before {
	content: " ";
	display: block;
	background: url(https://www.thionville.fr/sites/all/themes/custom/thionville/images/def.png) no-repeat center;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
}

#open_accessibilite.open::before {

	background: url(https://www.thionville.fr/sites/all/themes/custom/thionville/images/cancel.png) no-repeat center;
	background-size: 50% auto;

}

html.underline a, html.underline input.btn, html.underline .navbar-default .navbar-nav > li > a, html.underline .navbar-default .navbar-nav > li > span, html.underline h1, html.underline h2, html.underline h3,
html.underline h4, html.underline h5, html.underline h6  {
	text-decoration:underline !important;
}

html.dark a, html.dark input.btn, html.dark body, html.dark #Main_frame_header ul li, html.dark .navbar-default .navbar-nav > li > span, html.dark h1, html.dark h2, html.dark h3,
html.dark h4, html.dark h5, html.dark h6, html.dark h1 span.font_bleu_fonce {
	background:#25332e !important;
	/*border-color: #25332e !important;*/
	color:white !important;
	background-image:none;
}
html.dark div#cadre {
	background:#25332e !important;
}

html.dark #section_index #cadre #Main_frame_header ul li {
	background:#25332e !important;
	border-color: #3a4d47 !important;
}
html.dark div#cadre .texte div, html.dark div#cadre .texte p, html.dark div#cadre .texte div h4 strong span{
	background:#25332e !important;
	/*border-color: #25332e !important;*/
	color:white !important;
}

#section_index #cadre #content #form-recherche #rechercher {
	min-height: 40px !important;
	height: auto;
}

input#enregistrer_recherche_ {
	display: none;
}

.dark {
	background:#25332e !important;
	color:white !important;
}
h1 span.font_bleu_fonce.dark {
	background:#25332e !important;
	color:white !important;
}

button.dark, input[type=submit], a.btn.dark, img.dark {
	border: 1px solid #f5f5f5;
}