/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,600);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400');


/* Généralités **************************************************/
body, html {
	width:100%;
	height:100%;
	margin:0;
}
*{
	outline: none;
	word-break: keep-all;
}
br.bugajaxie{
	display: none;
}
/*img {
	width: 100%;
   max-width: 100%;
   height: auto;
}*/
body {
	background:#8cc63f url(../images/bg_bottom.png) top center repeat-y;
	background-size:100% auto;
}
label{
	margin-right: 1rem !important;
}

#main {
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
	z-index:10;
}

/*@media (max-width: 1060px) {
	
	body {
	background-size:140% auto;
	}

}*/
.mid-bg-resp, img.background-resp {
	display:none;
	opacity:0;
	visibility:hidden;
}

/* partie haute *************************************************************/
.header {
	position:fixed;
	top:0;
	display:inline-block;
	width:100%;
	height:150px;
	background: #B9EAFB url(../images/bg_top.png) top center no-repeat;
	background-size:100% auto;
	z-index:1000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header span.logo {
	position:fixed;
	top:10px;
	left:18%;
	width:32%;
	z-index:500;
}

.header span.logo img.logo {
	width:100%;
	height:auto;
}
.header span.logged{
	top: 35px !important;
}
.header h4 {
	font:600 14px 'Dosis', Arial, Helvetica, sans-serif;
	color:black;
	margin:.8em 0 .2em 0;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align: left;
}
.formulaire_recherche_trajet{
	display:block;
	width:88%;
	background:#B9EAFB;
	padding:0 0 10px 10px;
	border-radius:0 0 .4em .4em;
	margin: 100px auto 0 10%;
	z-index:500;
}
#formulaire_recherche_trajet.logged{
	top: 100px;
}

.header span.charly {
	position:fixed;
	top:17px;
	right:18%;
	width:5%;
	z-index:500;
}
.header span.charly img {
	width:100%;
}
.header span.slogan {
	position:fixed;
	top:35px;
	right:25%;
	width:20%;
	font:300 1.3vw 'Oswald', sans-serif;
	color:black;
	line-height:1.5vw;
	text-align:center;
	z-index:9999;
}
.header span.slogan.logged {
	top:45px !important;
}


/* partie centrale *************************************************************/
#main img.background, #main img.background-mid {
	position:relative;
	margin:0;
	width:100%;
	height:auto;
	display:block;
	border:none;
	vertical-align:baseline;
	z-index:2;
}

#main .home-mid {
	position:relative;
	display:inline-block;
	z-index:500;
}
#main .form {
	position:absolute;
	top:60%;
	width:100%;
	text-align:center;
	z-index:100;
}
#main .form span.connexion a {
	font:400 1.4vw 'Oswald', sans-serif;
	color:#fff;
	text-decoration:none;
	background:#F15A24;
	padding:.2em 2vw;
	line-height:1.4vw;
	border-radius:1em;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#main .form span.ou {
	display:inline-block;
	width:100%;
	margin:.8em 0 1em 0;
	font:600 1vw 'Dosis', sans-serif;
	color:#000;
}
#main .form span.connexion a:hover {
	background:#00A99D;
}

#main span.item-left {
	position:absolute;
	width:20%;
	bottom:0px;
	left:25%;
	text-align:center;
	z-index:500;
}
#main span.item-right {
	position:absolute;
	width:20%;
	bottom:0px;
	right:25%;
	text-align:center;
	z-index:500;
}
#main span.item-left img, #main span.item-right img {
	width:80%;
	margin:0 auto;
	vertical-align:bottom;
}

/* partie basse *************************************************************/
body.sommaire #main .home-bottom {
	padding:0 0 20px 0;
	background:url(../images/bg_bottom.png) top center repeat-y;
	background-size:100% auto;
	position:relative;
	display:inline;
	width: 100%;
}
body.sommaire #main .home-bottom{
	margin-top: 0;
}

/*@media (max-width: 1060px) {
	
	#main .home-bottom {
	background-size:140% auto;
	}

}*/
#main .home-bottom a{
	box-sizing: content-box;
	text-decoration: none;
}
#main .home-bottom span.enter-left {
	display:inline-block;
	width:25%;
	margin:0 2% 0 20%;
	font-family:'Dosis', Arial, Helvetica, sans-serif;
	line-height:1.4vw;
	text-align:center;
	background:#FBB03B;
	padding:20px 2%;
	border-radius:1em;
	color:#000;
	z-index:500;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#main .home-bottom span.enter-right {
	display:inline-block;
	width:25%;
	margin-top:0;
	font-family:'Dosis', Arial, Helvetica, sans-serif;
	line-height:1.4vw;
	text-align:center;
	background:#BE1622;
	padding:20px 2%;
	border-radius:1em;
	color:#fff;
	z-index:500;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#main .home-bottom span.enter-left h1, #main .home-bottom span.enter-right h1 {
	font:600 1.5em 'Oswald', sans-serif;
	line-height:1;
	text-transform:uppercase;
	margin:0 0 -.5em 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#main .home-bottom span.enter-left:hover {
	border-radius:0em;
}
#main .home-bottom span.enter-right:hover {
	border-radius:0em;
}
#main .home-bottom span.enter-left:hover h1 {
	color:#BE1622;
}
#main .home-bottom span.enter-right:hover h1 {
	color:#FBB03B;
}

.home-bottom p {
	margin:1.5em 0 0 0;
	text-align:center;
}
.pied-de-page{
	display: block;
	margin: auto;
	text-align: center;
}
.home-bottom p a i.fa,.pied-de-page p a i.fa {
	font-size:3em;
	color:#666;
	text-decoration:none;
	margin:0 2px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.home-bottom p a:hover i.fa, .pied-de-page p a:hover i.fa {
	color:#00A99D;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	transform-origin: center;
}
.home-bottom h2 {
	font:600 24px 'Dosis', Arial, Helvetica, sans-serif;
	color:#f15a24;
	margin:1em 0 0 0;
	text-align:center;
	border: none;
	word-wrap: normal;
	word-break: keep-all;
}
.home-bottom h5 a, .suite a {
	display:block;
	width:15em;
	font:600 20px 'Dosis', Arial, Helvetica, sans-serif;
	color:#f15a24;
	margin:0 auto 1em auto;
	padding: 1rem 0;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: rgba(0,0,0,.05);
	border-radius: .3em;
	border: 1px solid transparent;
}
.home-bottom h5 a:hover, .suite a:hover {
	color:black;
	background: none;
	border: 1px solid rgba(0,0,0,.1);
}
.home-bottom h5 a:active, .suite a:active{
	color:#f15a24;
	background: rgba(0,0,0,.05);
}

.footer {
	display:flex;
	width:100%;
	margin:1rem auto;
	text-align:center;
	font:400 11px Arial, Helvetica, sans-serif;
	color:#666;
	background:#ddd;
	padding:8px 3% 8px 3%;
	border-radius:1.2em;
}
body.sommaire .footer{
	width: 61%;
	margin: 1rem auto;
}
.footer p{
	text-align: center;
	margin: auto;
	width: 100%;
}
.footer a.spip_ancre {
	color:#000;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.footer a.spip_out {
	color:#BE1622;
	font-weight:600;
	text-decoration:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.footer a:hover.spip_ancre {
	color:#666;
}
.footer a:hover.spip_out {
	color:#000;
}




/* pages dev ********************************/
main {
	width:60%;
	margin:0 20%;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	position: absolute;
	top: 150px;
}

main h1, .article h1:first-child,.trajet h1:first-child, .recherche-trajets h1:first-child, h2, legend {
	font:600 1.875em 'Oswald', sans-serif;
	color:#BE1622;
	margin: 1rem 0;
	border-bottom: 4px dotted #ccc;
	padding-bottom: 1.5rem;
	line-height: 1.15;
}
legend{
	font-size: 1.4em;
}
h1:first-child{
	margin-top: 1rem;
}
h1 i{
	margin: 0 1rem;
	color: #999;
}
h1 a{
	color: inherit;
	text-decoration: none;
}
.recherche-trajets h1 div{
	color:#8CC63F;
}
legend{
	text-align: left;
	margin: 1rem 0;
	width: 100%;
	color: #F15A24;
}

main .div-annonce h4 {
	background:#00A99D;
	padding:.5em 20px;
	font:600 1.125em 'Dosis', Arial, Helvetica, sans-serif;
	color:white;
	margin:0 0 1em 0;
	border-radius:.3em;
}
main .div-annonce {
	display:inline-block;
	width:100%;
	background:#B9EAFB;
	padding:0 0 1em 0;
	border-bottom:6px solid #F15A24;
	margin-bottom:20px;
}
main .div-annonce span.date-annonce {
	display:inline-block;
	float:right;
	width:120px;
	padding:5px;
	margin-right:20px;
	font:400 80% 'Dosis', sans-serif;
	background:#777;
	color:white;
	text-align:center;
	border-radius:.4em;
}
main .div-annonce span.date-annonce img.spip_logo {
	height:32px;
	width:32px;
	border-radius:16px;
	margin:4px auto 0 auto;
}
main .div-annonce span.date-annonce strong {
	font-weight:400;
	color:#fede00;
}
main .div-annonce.liste .bloc-annonce {
	padding:0 0 0 2rem;
}
main .div-annonce .bloc-annonce {
	padding:2rem;
}
main .div-annonce .bloc-annonce p{
	font: 400 1.125em 'Dosis', sans-serif;
}
main .div-annonce h4 a{
	color: white;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
main .div-annonce h4 a:hover{
	color: rgba(255,255,255,.75);
}
main .div-annonce h4 a.repondre{
	font-size: 1.25rem;
	padding: .5rem 1rem;
	border-radius: .3em;
	float: right;
	background: rgba(0,0,0,.3);
}

main .div-annonce h4 a.repondre:hover{
	cursor: pointer;
	background: rgba(0,0,0,.5);
}

main .div-annonce h4 a.repondre:active{
	background: rgba(0,0,0,.3);
}
main .div-annonce h4 a.repondre i{
	color: white;
}

main .formulaire-repondre-annonce, main .coordoonnes-auteur{
	/*display: none;*/
	background: transparent;
	padding: 0;
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
}
main .coordoonnes-auteur{
	padding: 0;
	margin: 0 0 20px 0;
	background: rgba(140,198,63,.25);
}
main .coordoonnes-auteur.notlogged{
	padding: 1rem;
}
main .coordoonnes-auteur > div{
	margin: 0 1rem;
	padding:1rem 0;
}
main .coordoonnes-auteur p.explication{
	background: none;
	font-size: 1em;
	border-radius: unset;
	color: #333;
	margin: 0 0 2rem 0;
	padding: 1rem 0 2rem 0;
	border-bottom: 2px dotted white;
}
main .coordoonnes-auteur h4{
	margin: 0 0 1rem 0;
	padding: 0 0 1rem 0;
	border-bottom: 2px dotted white;
	font-family: 'Oswald', sans-serif;
	color: rgba(0,0,0,.75);
}
main .coordoonnes-auteur a{
	text-decoration: none;
	padding: 1rem;
	background: rgba(255,255,255,.5);
	width: 100%;
	display: block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-radius: .3em;
}
main .coordoonnes-auteur a i{
	margin-right: 1rem;
	color:#BE1622;
}
main .coordoonnes-auteur a:hover i{
	color: black;
}
main .coordoonnes-auteur a:hover{
	background: white;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #BE1622;
}
main .formulaire_ecrire_message legend{
	margin-top: 0;
}
main .formulaire-repondre-annonce .formulaire_ecrire_message{
	background: rgba(255,255,255,.5);
	padding: 1rem;
	border-radius: .3em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
main .formulaire-repondre-annonce .formulaire_ecrire_message:hover{
	background: white;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
main .formulaire-repondre-annonce .formulaire_ecrire_message:hover textarea{
	background: #f3f3f3;
}
main .formulaire-repondre-annonce legend{
	font-size: 1em;
	color: #BE1622;
	margin: 0 !important;
}
main .formulaire-repondre-annonce label, main .formulaire-repondre-annonce .legende_obligatoire{
	display: none;
}
main .formulaire-repondre-annonce textarea{
	width: 97%;
	padding: 1rem;
	border:1px solid #ddd;
	background: white;
	font: 100 1em 'Dosis', Arial, Helvetica, sans-serif;
}
main .formulaire-repondre-annonce textarea:focus{
	border:1px dotted #8CC63F;
}
main .formulaire-repondre-annonce .boutons, main .formulaire-repondre-annonce .reponse_formulaire_ok, main .formulaire-repondre-annonce .reponse_formulaire_erreur{
	text-align: center;
}
main .formulaire-repondre-annonce .submit{
	font-size: 1em;
}
main .formulaire-repondre-annonce .reponse_formulaire_ok{
	color: green;
}
main .formulaire-repondre-annonce .reponse_formulaire_erreur{
	color: red;
}

/* formulaires ******************************/
#continuer_inscription p{
	margin: 1em 0;
}

input.text, input.url, textarea, .formulaire_modification_informations_personnelles input.password {
	background:rgba(251,176,59,0.3);
	padding:.75rem;
	margin:0;
	font:400 1em Arial, Helvetica, sans-serif;
	color:black;
	width:220px;
	border-radius:.3em;
	border:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
textarea{
	width: 50%;
}
input.text:hover, input.url:hover{
	width:260px;
}
input.text:focus, input.url:focus {
	background:rgba(251,176,59,0.7);
	box-shadow:2px 2px 4px rgba(0,0,0,0.6);
	width:260px;
}
.formulaire_modification_informations_personnelles input[type="password"]:focus,.formulaire_modification_informations_personnelles input[type="password"]:hover{
	background:rgba(251,176,59,0.7);
	box-shadow:2px 2px 4px rgba(0,0,0,0.6);
	width: 220px;
}
input[name="titre"].text,input[name="titre"].text:hover{
	width: 100%;
}
span.ui-spinner{
	border: none;
	margin: 0;
}
input.text.ui-spinner-input, input.text.ui-spinner-input:hover,input.text.ui-spinner-input:focus{
	width: 80px;
	padding: 7px 0 7px 8px;
	border: none;
	box-shadow: none;
}
fieldset div {
	margin:1em 0;
}
input.submit, #se-connecter button, button.sidentifier, main .deconnexion  {
	text-decoration: none;
	background:#F15A24;
	padding:5px 2rem;
	font:400 1.375em 'Oswald', sans-serif;
	color:white;
	letter-spacing:1px;
	border-radius:.2em;
	border:1px solid transparent;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor:pointer;
	margin: 0;
}
input.submit:hover, input.submit-home:hover, input.submit-home:focus, #se-connecter button:hover,#mon-compte button.steps:hover, #mon-compte input.submit:hover,#mon-compte button.devenir_conducteur:hover , .coordoonnes-auteur button.btn:hover, button.sidentifier:hover,main .deconnexion:hover {
	background:#00A99D;
	color:white;
}
button.sidentifier, main .deconnexion{
	font-size: .9375em;
}

#mon-compte button.steps, #mon-compte input.submit, #mon-compte button.devenir_conducteur,.coordoonnes-auteur button.btn{
	background:#F15A24;
	padding:5px 2rem;
	margin:0;
	font:100 1em 'Oswald', sans-serif;
	color:white;
	letter-spacing:1px;
	border-radius:.2em;
	border:1px solid transparent;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor:pointer;
	width: auto;
}
#mon-compte button.devenir_conducteur{
	width: auto;
	padding: 5px 1em;
	margin-top: 1rem;
}

#mon-compte input.submit.supprimer{
	font-size: .875em;
	width: auto;
	margin-top: 1rem;
}
#formulaire_recherche_trajet{
	width: 63%;
	position: relative;
	top:110px;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#formulaire_recherche_trajet i{
	font-size: 1.625em;
	color: #BE1622;
	margin: 0 .5rem;
	vertical-align: -4px;
}

.recherche-trajets #formulaire_recherche_trajet,.recherche-trajets #formulaire_recherche_trajet.logged{
	/*overflow: auto;*/
	width: auto;
	border-radius: .4em;
	padding: 1.5rem;
	float: none;
	top:0;
}

.recherche-trajets #formulaire_recherche_trajet h4{
	display: none;
}

input.home {
	display: inline-block;
	background:white;
	padding:0 0 0 10px;
	margin:0;
	font:400 1em 'Roboto Condensed', sans-serif;
	color:#BE1622;
	border-radius:.2em;
	border:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height: 4rem;
	height: 4rem;
	width: 35%;
}
input.home:hover {
	background:#eee;
}
input.home:focus {
	box-shadow:1px 1px 3px rgba(0,0,0,0.6);
}
input.submit-home {
	display: inline-block;
	background:#F15A24;
	padding:0 2%;
	font:400 1.125em 'Oswald', sans-serif;
	color:white;
	line-height:4rem;
	height: 4rem;
	letter-spacing:1px;
	border-radius:.2em;
	border:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor:pointer;
	margin: 0 0 0 1rem;
	vertical-align: -2px;
	width: auto;
	min-width: 10rem;
}

span.float {
	float:left;
	font-size:1.6vw;
}

/*legend {
	font:400 22px 'Oswald', sans-serif;
	color:#F15A24;
	margin:1em auto .5em auto;
	text-align: center;
	width:100%;
}*/
fieldset {
	border:none;
	display:block;
	margin:0;
}
p.details a, p.txtcenter a,a.link {
	color:#BE1622;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

p.details a:hover, p.txtcenter a:hover,a.link:hover {
	color:#F15A24;
}
a.link.deconnexion, a.link.deconnexion:hover, button.sidentifier, button.sidentifier:hover{
	color: white;
}
ul, li {
	list-style: none;
	padding:0;
	margin:0;
}
ul#choix_inscription{
	margin: 0;
}
ul#choix_inscription li{
	margin: 2em;
}

li.conducteur a {
	display:inline-block;
	width:90%;
	margin:0 5%;
	font:600 1.625em 'Dosis', Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#FBB03B;
	padding:10px 0;
	border-radius:1em;
	color:black;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
li.passager a {
	display:inline-block;
	width:100%;
	margin:auto;
	font:600 1.625em 'Dosis', Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#BE1622;
	padding:10px 0;
	border-radius:1em;
	color:white;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
li.conducteur a:hover, li.passager a:hover, li.choosed a {
	background:#666;
	color:#FBAD2C;
}
li.conducteur img, li.passager img {
	width:50%;
	margin:0 auto;
	text-align:center;
}

p.msg_choix_inscription, h3.legend {
	font:600 1.25em 'Dosis', Arial, Helvetica, sans-serif;
	color:#f15a24;
	margin:0 0 1em 0;
}
p.msg_choix_inscription strong {
	font-weight:600;
	color:#C00014;
	text-transform:uppercase;
}

span.obligatoire, em.obligatoire {
	font-size:.85em;
	font-style:italic;
}
span.erreur_message {
	font-weight:600;
	font-size:.85em;
	color:#BE1622;
}
span.explication {
	font-style:italic;
	color:#666;
	display:inline-block;
	width:100%;
	margin:0 0 1em 0;
}
#inscription, #connexion, #se-connecter {
	text-align:center;
	margin-top: 1rem;
}
#se-connecter{
	margin-bottom: 3rem;

}
#se-connecter h4{
	font:600 1.25em 'Dosis', Arial, Helvetica, sans-serif;
	color: #F15A24;
	margin: 0 auto 1rem auto;
}
#se-connecter #sinscrire .texte{
	font-size: .875em;
	padding: 1rem 0 0 0;
	width: 75%;
	margin: auto;
	color: #333;
}
#se-connecter #sinscrire, #se-connecter .formulaire_login{
	position: relative;
	border: 1px solid #e3e3e3;
	border-radius: .3em	;
	padding: 1em 0;
	margin: .5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#se-connecter #sinscrire:hover, #se-connecter .formulaire_login:hover{
	border-color: #FBB03B;
	background: #f9f9f9;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#se-connecter p.boutons{
	margin: 1em auto 0 auto;
}
span.ligne-1 {
	display:inline-block;
	width:100%;
	margin:0 0 1em 0;
}

.block-logo img {
	border:2px solid #F15A24;
}
/*button {
	background:#F15A24;
	padding:5px 10px;
	font:400 14px Arial, sans-serif;
	color:white;
	letter-spacing:1px;
	border-radius:.2em;
	border:1px solid black;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}*/
nav button, #mes-messages input.submit, .retour_recherche a {
   background:#F15A24;
   padding:5px 10px;
   font:400 .875em 'Roboto Condensed', Arial, sans-serif;
   color:white;
   letter-spacing:1px;
   border-radius:.2em;
   border:none;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   cursor:pointer;
	width: auto;
	margin: 0 0 2px 0;
	text-decoration: none;
}
nav button:hover, nav button.choosed,#mes-messages input.submit:hover,.retour_recherche a:hover {
   transition: all 0.2s ease-in-out;
   background:#00A99D;
   border: none;
}
.retour_recherche{
	margin: 2rem 0 3rem 0;
}
.retour_recherche a{
	font-family: 'Oswald',sans-serif;
}

/* annonces accueil *************************************/
.home-trajets {
	width:61%;
	margin:0 auto;
}
.home-contenu-trajets {
	position:relative;
	display: block;
	width:auto;
	height:auto;
	background:#ffdca7;
	color:black;
	font:400 1.25em 'Dosis', sans-serif;
	margin:.5rem;
	padding:4rem 1rem;
	border-radius:1em;
	text-align:center;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.home-contenu-trajets p {
	height:auto;
	line-height:1;
	padding:0;
	margin:0;
}
span.flex-h {
	width:100%;
	vertical-align:middle;
	display:inline-block;
	line-height:1.2;
}
.home-contenu-trajets h4 {
	font:400 1.125em 'Oswald', sans-serif;
	color:#BE1622;
	text-align:left;
	margin:0 0 6px 0;
}
.home-contenu-trajets:hover {
	background:#B9E8FA;
	border-radius:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.6);
}
.home-contenu-trajets span.focus {
	/*font-size:1.3vw;*/
	font-weight:600;
	color:#BE1622;
}
.home-contenu-trajets span.focus-2 {
	/*font-size:1.3vw;*/
	font-weight:600;
	color:#F15A24;
}

.home-annonces {
	width:61%;
	margin:0 auto;
}
.home-contenu-annonce {
	position:relative;
	display: block;
	width:auto;
	height:140px;
	background:#ddd;
	color:black;
	font:400 1em 'Dosis', sans-serif;
	margin:.5rem;
	padding:1rem;
	border-radius:1em;
	text-align:justify;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.home-contenu-annonce h4 {
	font:400 1.125em 'Oswald', sans-serif;
	color:#BE1622;
	text-align:center;
	margin:0 0 6px 0;
}.home-contenu-annonce p{
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.1;
 }
.home-contenu-annonce span.date-annonce {
	position:absolute;
	bottom:12px;
	right:12px;
	text-align: right;
	font:400 .85em 'Dosis', sans-serif;
	color: rgba(0,0,0,0.5);
}
.home-contenu-annonce:hover {
	background:#B9E8FA;
	border-radius:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.6);
}

.editer_anonymat{
	padding: 1em 0;
	border-top: 1px solid #FBB03B;
	border-bottom: 1px solid #FBB03B;
	margin-top: 2em;
}
.editer_anonymat > label{
	color: #F15A24;
	font-weight: bold;
}
.editer_prix_trajet, .prix_conseille{
	display: inline-block;
}
.prix_conseille{
	color: #999;
	margin-left: 1rem;
	vertical-align: -2px;
}
#main .home-bottom .enter{
	margin: 5px auto 0 auto;
	width: 61%;
	position: relative;
}
#main .home-bottom .enter span{
	display: block; !important;
	width: auto !important;
	margin: -5px 1rem 1rem 1rem !important;
	font-size: 1.25em;
}
#main .home-bottom .enter span.enter-right a{
	color: white;
}
@media (max-width: 1480px) {

	body {
		background-image:url(../images/bg-bottom-resp.png);
	}
	main{
		width: 80%;
		margin: 0 10%;
	}
	#main .form span.connexion a {
		font-size: 1.7vw;
	}
	.header span.logo {
	position:fixed;
	top:10px;
	left:10%;
	width:40%;
	z-index:500;
	}
	.header span.charly {
		width:7%;
		right:10%;
	}
	.header span.slogan {
	top:35px;
	right:25%;
	width:20%;
	font:300 1.6vw 'Oswald', sans-serif;
	color:black;
	line-height:1.8vw;
	}
	.header span.slogan.logged{
		top:45px !important;
	}

	.mid-bg {
		display:none;
		opacity:0;
		visibility:hidden;
		overflow:hidden;
		z-index:0;
	}
	.mid-bg-resp {
		display:block;
		opacity:1;
		visibility:visible;
		position:relative;
		margin:0;
		width:100%;
		height:auto;
		vertical-align:baseline;
		z-index:10;
	}

	/*#main span.item-left {
		position:absolute;
		width:30%;
		bottom:0px;
		left:14%;
		text-align:center;
		z-index:500;
	}
	#main span.item-right {
		position:absolute;
		width:30%;
		bottom:0px;
		right:14%;
		text-align:center;
		z-index:500;
	}*/

	body.sommaire #main .home-bottom {
		padding:0 0 20px 0;
		background:url(../images/bg-bottom-resp.png) top center repeat-y;
		background-size:100% auto;
		position:relative;
		top:0;
	}

	.footer{
		width: 100%;
		margin: 1rem auto;
	}

	/*#main .home-bottom span.enter-left {
		width:35%;
		margin:-5px 2% 0 10%;
		font-family:'Dosis', Arial, Helvetica, sans-serif;
		font-size:1.4vw;
		text-align:center;
		background:#FBB03B;
		border-radius:1em;
	}
	#main .home-bottom span.enter-right {
		width:35%;
		margin-top:-5px;
		font-family:'Dosis', Arial, Helvetica, sans-serif;
		font-size:1.4vw;
		text-align:center;
		background:#BE1622;
		border-radius:1em;
	}*/
	.home-trajets, .home-annonces {
		width:84%;
	}
	#formulaire_recherche_trajet{
		width: 84%;
		top:115px;
	}
	#formulaire_recherche_trajet.logged{
		top:100px;
	}

	#main .home-bottom .enter{
		width: 70%;
	}
	#main span.item-left{
		left: 22.5%;
	}
	#main span.item-right{
		right: 22.5%;
	}
	body.sommaire .footer{
		width: 84%;
		margin: 1rem auto;
	}

}

@media (max-width: 1200px) {
	#formulaire_recherche_trajet.logged{
		top:80px;
	}
	#formulaire_recherche_trajet{
		top:95px;
	}
}

@media (max-width: 1060px) {

	.header {
		height:120px;
	}
	main{
		top: 120px;
	}


	.home-contenu-annonce h4 {
	font:400 1em 'Oswald', sans-serif;
	margin:0 0 5px 0;
	}
	.header span.slogan{
		top: 30px;
	}
	.home-contenu-trajets, .home-contenu-annonce {
		font-size: 1em;
	}
	#main .home-bottom .enter span{
		font-size: 1em;
	}

}
@media (max-width: 960px) {
	#formulaire_recherche_trajet.logged{
		top:65px;
	}
	#formulaire_recherche_trajet{
		top:75px;
	}
	#main .form span.connexion a {
		font-size: 2vw;
	}
	#main .home-bottom .enter{
		width: 80%;
	}
}

@media (max-width: 799px) {

	[class*="formulaire_inscription"] label,[class*="formulaire_modification_informations_personnelles"] label{
		text-align: left;
	}
	#formulaire_recherche_trajet.logged{
		top:52px;
	}
	#formulaire_recherche_trajet{
		top:65px;
		width: 100%;
		text-align: center;
	}
	.recherche-trajets input.home{
		width: 98%;
	}
	.recherche-trajets input.home:first-child{
		margin-bottom: 1rem;
	}
	.recherche-trajets #formulaire_recherche_trajet > form i{
		display: none;
	}
	.recherche-trajets .submit-home{
		margin: 1rem auto 0 auto;
	}
	#recherche_etendue{
		text-align: left;
	}
	.header span.charly, .header span.logo, .header span.slogan{
		position: absolute;
	}
	#main img.background{
		display: none;
	}
	.header span.slogan{
		top: 23px;
	}
	.header span.slogan.logged{
		top:45px !important;
	}
	.header span.logo{
		left: 2%;
	}
	.header span.charly{
		right: 5px;
	}
	body.sommaire #main .home-mid,body.sommaire #main .home-bottom{
		top:140px;
	}

}
@media (max-width: 599px) {
	/*.header{
		height: auto;
	}*/
	#main{
		height: auto;
		min-height: auto;
	}
	body.sommaire #main .home-bottom{
		background: white none;
		width: auto;
		margin: 0 4rem;
	}
	main{
		top:100px;
	}
	.home-contenu-trajets{
		font-size: 1.25em;
	}
	main .div-annonce .bloc-annonce{
		padding: 1rem;
	}
	main .div-annonce h4{
		padding: .5em;
	}
	main .div-annonce.liste .bloc-annonce{
		padding: 0 2rem;
	}
	main .div-annonce .bloc-annonce p{
		font-size: 1em;
	}

	ul#choix_inscription li a{
		font-size: 5vw;
	}
	input.text,input.url,textarea,select,.ui-spinner,.select2{
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
	}
	[class*="formulaire_inscription"] p.boutons{
		text-align: center;
	}

	[class*="formulaire_inscription"] input.submit, [class*="formulaire_inscription"] input.submit:hover,[class*="formulaire_inscription"] input.submit:active,[class*="formulaire_modification_informations_personnelles"] input.submit, [class*="formulaire_modification_informations_personnelles"] input.submit:hover,[class*="formulaire_modification_informations_personnelles"] input.submit:active{
		width: auto;
		margin: 0 auto;
	}
	#formulaire_recherche_trajet,#formulaire_recherche_trajet.logged {
		text-align: center;
		top:15px;
		padding: 0;
		margin: 0 auto;
	}
	#formulaire_recherche_trajet > form{
		display: none;
	}
	.recherche-trajets #formulaire_recherche_trajet > form{
		display: block !important;
		padding-top: 1rem;
	}
	#formulaire_recherche_trajet h4{
		border: 1px solid white;
		padding: .5rem 1rem;
		border-radius: .3em;
		display: inline-block;
		background: rgba(255,255,255,.3);
		margin-bottom: 1rem;
	}
	#formulaire_recherche_trajet h4:hover{
		cursor: pointer;
		background: transparent;
	}
	#formulaire_recherche_trajet h4:active{
		color: #666;
		background: rgba(255,255,255,.3);
	}
	#formulaire_recherche_trajet > form i{
		display: none;
	}
	.recherche-trajets input.home{
		width: 95%;
	}
	.header{
		height: 100px;
	}
	body.sommaire #main .home-mid,body.sommaire #main .home-bottom{
		top:123px;
	}

	#main img.background{
		display: none;
	}
	.header span.logo{
		position: relative;
		left: auto;
		width: 70%;
		display: block;
		margin: 0 auto;
	}
	.header span.slogan{
		display: none;
	}
	.header span.charly{
		right: 5px;
	}
	.header span.logged{
		top: 10px !important;
	}
	.header span.logged.charly{
		top: 16px !important;
	}
	#main .form span.ou{
		display: none;
	}
	#main .form{
		top:20px;
	}
	#main .form span.connexion{
		display: block;
	}
	#main .form span.connexion a{
		display: inline-block;
		font-size: 1.125em;
		width: 18rem;
		margin: auto;
		padding: 1.125rem 0;
	}
	#main .form span.connexion:first-child{
		margin-bottom: .5rem;
	}
	input.submit-home{
		margin: 1rem auto;
	}
	#main .home-bottom .enter{
		top: -30px;
		z-index: 999;
	}
	.item-left img, .item-right img{
		display: none;
	}

}
@media screen and (min-width:600px){
	#formulaire_recherche_trajet > form{
		display: block !important;
	}
}
	@media screen and (min-width:600px) and (max-width: 800px) {
	ul#choix_inscription li a{
		font-size: 3vw;
	}
}
@media (max-width: 480px) {
	#formulaire_recherche_trajet{
		width: 100%;
		padding: 0;
	}
	#formulaire_recherche_trajet i{
		display: none;
	}
	#main .form{
		top:25px;
	}
	input.home{
		margin: 0 0 1rem 0;
		width: 96%;
	}
	input.submit-home{
		margin: 0 auto 1rem 0;
	}
	body.sommaire #main .home-mid,body.sommaire #main .home-bottom{
		top:100px;
	}
	.header{
		height: 80px;
	}
	main{
		top:80px;
	}
	.header span.logo{
		top: 15px;
	}


}
@media (max-width: 400px) {
	#main .home-bottom .enter{
		width: 85%;
	}
}

/* ajouts 16/01/2018 ***********************************************/
span.commentaire-trajet {
	display:block;
	width:90%;
	padding:10px 5%;
	background:white;
	margin:.5em 0;
}

/* ajouts 18/04/2018 ***********************************************/
main .texte {
	display:inline-block;
	width:100%;
	padding:1em 0;
}
main .texte h3 {
	color:#00A99D;
}
main .texte strong {
	display:inline-block;
	width:100%;
	margin-top:1em;
	color:#EB5B26;
}
main .texte i {
	display:inline-block;
	width:100%;
	padding:.5em 2.5%;
	background:#ddd;
	margin: 1em 0;
}
main .texte a {
	color:#BE1622;
	border-bottom:1px dotted #BE1622;
	text-decoration:none;
}
/*main .texte p {
	margin:0 0 1.5em 0;
}*/
table.spip {
	width:100%;
	border:none;
	background:#fcebe5;
}
table.spip tr.row_first th#id68eb_c0 {
	background:#B9EAFB;
	padding:.3em;
	text-align:center;
	width:20%;
}
table.spip tr.row_first th#id68eb_c1 {
	background:#eb5b26;
	padding:.3em;
	text-align:center;
	color:white;
}
table.spip td.numeric {
	text-align:center;
	background:#e1f4fb;
	font-weight:600;
}