@charset "utf-8";
/* PICTOS */

@font-face {
	font-family: 'reseaux';
	src:  url('../fonts/reseaux.eot?n34y9n');
	src:  url('../fonts/reseaux.eot?n34y9n#iefix') format('embedded-opentype'),
	url('../fonts/reseaux.woff2?n34y9n') format('woff2'),
	url('../fonts/reseaux.ttf?n34y9n') format('truetype'),
	url('../fonts/reseaux.woff?n34y9n') format('woff'),
	url('../fonts/reseaux.svg?n34y9n#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="reseaux-"], [class*=" reseaux-"] {
	font-family: 'reseaux' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.reseaux-facebook:before {
	content: "\e1000";
}
.reseaux-twitter:before {
	content: "\e1001";
}
.reseaux-google_plus:before {
	content: "\e1002";
}
.reseaux-instagram:before {
	content: "\e1003";
}
.reseaux-youtube:before {
	content: "\e1004";
}
.reseaux-linked_in:before {
	content: "\e1005";
}
.reseaux-viadeo:before {
	content: "\e1006";
}

@font-face {
	font-family: 'pictos';
	src:  url('../fonts/pictos.eot?rzlu9k');
	src:  url('../fonts/pictos.eot?rzlu9k#iefix') format('embedded-opentype'),
	url('../fonts/pictos.woff2?rzlu9k') format('woff2'),
	url('../fonts/pictos.ttf?rzlu9k') format('truetype'),
	url('../fonts/pictos.woff?rzlu9k') format('woff'),
	url('../fonts/pictos.svg?rzlu9k#pictos') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'pictos' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.icon-bus:before {
	content: "\e900";
}
.icon-velo:before {
	content: "\e901";
}
.icon-objets:before {
	content: "\e902";
}
.icon-sac:before {
	content: "\e903";
}
.icon-bus-elec:before {
	content: "\e904";
}
.icon-tel:before {
	content: "\e905";
}
.icon-bulle:before {
	content: "\e906";
}
.icon-local:before {
	content: "\e907";
}
.icon-o:before {
	content: "\e908";
}
.icon-mail:before {
	content: "\e909";
}
.icon-go:before {
	content: "\e90a";
}
.icon-horloge:before {
	content: "\e90b";
}
.icon-infos:before {
	content: "\e90c";
}
.icon-config:before {
	content: "\e90d";
}
.icon-bus-titre:before {
	content: "\e90e";
}
.icon-borne-titre:before {
	content: "\e90f";
}
.icon-store-titre:before {
	content: "\e910";
}
.icon-tarifs:before {
	content: "\e911";
}
.icon-accessibilite:before {
	content: "\e912";
}
.icon-trambus:before {
	content: "\e913";
}
.icon-scolaire:before {
	content: "\e914";
}
.icon-abonnement:before {
	content: "\e915";
}
.icon-ticket:before {
	content: "\e916";
}
.icon-recharge:before {
	content: "\e917";
}
.icon-station:before {
	content: "\e918";
}
.icon-carte:before {
	content: "\e919";
}
.icon-interlocuteur:before {
	content: "\e91a";
}
.icon-combine:before {
	content: "\e91b";
}
.icon-kiosque:before {
	content: "\e91c";
}
.icon-agenda:before {
	content: "\e91d";
}
.icon-documents:before {
	content: "\e91e";
}
.icon-vae:before {
	content: "\e91f";
}
.icon-recrutement:before {
  content: "\e920";
}
.icon-dat:before {
	content: "\e921";
}
/* CSS Document */

html{font-size:100%;font-size: 0.625em;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;line-height:normal;font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;font-weight: 400;color:#354853; background:#FFF;}
h1,h2,h3,h4,h5,h6{margin:1.25em 0 .5em 0;line-height:1.2;font-style:normal;font-weight:normal;font-family: Arial, Helvetica, sans-serif;}h1{font-size:2.75em;color:#5C4B42;margin-top:20px;}h2{font-size:1.875em; color: #2d2d2d;}h3{font-size:1.375em}h4{font-size:1em}ol,ul{margin:.75em 0 .75em 32px;padding:0}p{margin:1.375em 0}address{margin:.75em 0;font-style:normal}a{text-decoration:none;color:#666;cursor:pointer;}a:hover{color: #1A171B;}a img{border:none}em{font-style:italic} fieldset,form{margin:0;padding:0;border:none}button,input,select{vertical-align:middle}.clear{clear:both}.clearfix::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html.zoom_x1{
	font-size: 0.625em;
}
html.zoom_x2{
	font-size: 0.688em;
}
html.zoom_x3{
	font-size: 0.75em;
}

img{
	max-width: 100%;
	height: auto;
}
p, ul, ol{
	color: #6f787e;
	line-height: 1.25em;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-weight: 400;
}
p strong, ul strong, ol strong{
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-weight: 600;
}
input, textarea, select, button{
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.external-link {
	color: #AA1832;

}


input[type="submit"], button{
	cursor: pointer;
}
.overall{
    max-width: 1200px;
	margin: auto;
}
.overall_pad{
    max-width: 1200px;
	padding: 0 20px;
	margin: auto;
}
.center{
	text-align: center;
}

#zoom {
	float: right;
	clear: both;
	margin: -40px 0 0 0;
	font-size: 1.5em;
	text-align: right;
}
#zoom div{
	display: inline-block;
	padding: 10px 2px;
	margin: 0 0 0 6px;
	font-weight: bold;
	position: relative;
}
#zoom div::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#zoom div.passive{
	color: #999;
}
#zoom #grossir{
	cursor: pointer;
}
#zoom #retrecir{
	cursor: pointer;
}

/* GRID */

.row {
    margin:0 -20px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.columns {
    float: left;
    padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.columns.col_1_2 {
    width:50%;
}

.columns.col_1_3 {
    width:33.333%;
}

.ce-textpic a {
	color: #AA1832;
}

.ce-textpic a:hover {
	text-decoration: underline;
}


/* HEADER */

#logo{
	width: 269px;
	height: 81px;
	display: block;
	background: url(../images/logo.png) no-repeat center;
	float: left;
	margin: 20px 40px 20px 0;
}
#logo strong{
	font-size: 0;
}

#haut{
	position: relative;
}
#haut{
	font-size: 0;
}
#zone_nav{
	display: inline-block;
	vertical-align: bottom;
	width: calc(50% + 202px);
	font-size: 1.6rem;
	line-height: 1em;
	background: #FFF;
}
#entete{
	float: right;
	width: 100%;
	max-width: 832px;
}
#zone_utile{
	padding: 26px 20px;
}
#zone_utile #recherche{
	position: relative;
	float: left;
	margin: 0 40px 20px 0;
}

#zone_utile #horaires {
	position: relative;
}
#zone_utile #horaires::before {
	display: none;
}

#zone_utile #recherche input[type="text"]{
	border: none;
	border-bottom: 1px solid #646d77;
	padding: 6px;
	font-size: 1.6rem;
	width: 200px;
}
#zone_utile #recherche button{
	position: absolute;
	background: none;
	border: none;
	width: 24px;
	height: 24px;
	right: 0;
	top: 6px;
}
#zone_utile #recherche button::before{
	content: "";
	position: absolute;
	width: 18px;
	height: 17px;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
	background: url(../images/sprite.png) no-repeat -280px -38px;
}

#langues{
	float: left;
	margin: 6px 20px 20px 0;
}
#langues p{
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
#langues a{
	display: inline-block;
	vertical-align: middle;
	width: 33px;
	height: 22px;
	background: url(../images/sprite_langues.png) no-repeat 0 0;
	text-indent: -9999px;
}
#langues a#fr{
	background-position: 0 0;
}
#langues a#sp{
	background-position: -39px 0;
}
#langues a#en{
	background-position: -78px 0;
}
#langues a#ba{
	background-position: -118px 0;
}

#contact {
	float: left;
	margin-top: -12px;
}
#contact a {
}
#contact a i {
	font-size: 3.4em;
}

#zone_espace{
	display: inline-block;
	vertical-align: bottom;
	width: calc(50% - 202px);
	font-size: 1.6rem;
	line-height: 1em;
	background: #f2f2f2;
	padding: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone_espace p{
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.4em;
	color: #878786;
}
#zone_espace p strong{
	display: block;
	color: #aa1832;
	text-transform: uppercase;
	font-size: 2rem;
	font-family: "Dosis";
}

.tx-kg-moncompte {
	display:inline;
}

#zone_espace form{
	float: left;
	max-width: 250px;
	width: 100%;
	margin: 24px 0 0 0;
}
#zone_espace form input[type="text"], #zone_espace form input[type="email"], #zone_espace form input[type="password"] {
	border: none;
	border-bottom: 1px solid #646d77;
	padding: 6px;
	font-size: 1.6rem;
	width: calc(100% - 54px);
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone_espace input[type="submit"]{
	background: #FFF;
	color: #aa1832;
	border: none;
	border-radius: 50%;
	padding: 10px;
	font-weight: bold;
	font-family: "Dosis";
	font-weight: 700;
	font-size: 1.8rem;
	margin: -10px 0 0 0;
	float: right;
	transition: background .2s, color .2s;
}
#zone_espace input[type="submit"]:hover{
	background: #c1ce00;
	color: #FFF;
}
#zone_espace  ul {
	float: left;
	padding: 0 0 0 20px;
	margin: 30px 0 0 0;
	list-style: none;
}
#zone_espace  ul li a{
	display: block;
	position: relative;
	font-size: 1.5rem;
	color: #878786;
	padding: 7px 0;
}
#zone_espace  ul li a:hover{
	color: #aa1832;
}
#zone_espace  ul li a::before{
	display: inline-block;
	vertical-align: middle;
	content: "\203A";
	color: #aa1832;
	margin: -3px 6px 0 0;
}

.error-message {
	color:red;
}

#zone_espace form.logged {
	margin: 22px 0 0 0;
}

#zone_espace  ul.logged {
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}

#zone_espace ul.logged li a {
	padding: 2px 0;
}

#zone_espace  ul li .submit-logout::before{
	display: inline-block;
	vertical-align: middle;
	content: "\203A";
	color: #aa1832;
	margin: -3px 6px 0 0;
}

#zone_espace ul.logged li .submit-logout {

	position: relative;
	font-size: 1.5rem;
	color: #878786;
	padding: 2px 0;
	border: none;
	background:none;
}

#zone_espace  ul li .submit-logout:hover{
	color: #aa1832;
}

/* NAV */

#menu{
	background: #646d77;
	color: #FFF;
	clear: both;
	top: 30px;
}
#menu > ul{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	font-family: 'Dosis', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1.9rem;
	color: #FFF;
	font-size: 0;
}
#menu > ul > li{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.9rem;
	line-height: 1.2em
}
#menu > ul > li > a{
	color: #FFF;
	display: block;
	padding: 20px 27px;
	text-transform: uppercase;
	position: relative;
	border-right: 1px solid rgba(255,255,255,0.2);
	transition: background .2s;
}
#menu > ul > li:hover > a{
	background: rgba(0,0,0,0.3);
}
#menu > ul > li .sous-menu {
	display: none;
	position: absolute;
	z-index: 1000;
	background: #464c53;
	color: #FFF;
	padding: 24px;
	margin: 0;
	left: 0;
	right: 0;
	text-align: left;
}
#menu > ul > li:hover .sous-menu {
	display: block;
}
#menu > ul > li > .sous-menu ul {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0;
	list-style: none;
	/* -webkit-columns: 3;
	-moz-columns: 3;
	-o-columns: 3;
	columns: 3; */
}
#menu > ul > li > .sous-menu ul > li{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
#menu > ul > li > .sous-menu ul > li a {
	display: block;
	padding: 12px;
	margin: 0 6px;
	color: #FFF;
	font-size: 1.6rem;
	line-height: 1.2em;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	transition: padding .4s, color .4s;
	overflow: hidden;
}
#menu > ul > li > .sous-menu ul > li a:hover {
	padding-left: 24px;
	color: #c1ce00;
}
#menu > ul > li > .sous-menu ul > li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100%;
	height: 1px;
	background: #FFF;
	transition: right .4s;
}
#menu > ul > li > .sous-menu ul > li a::after {
	content: "";
	position: absolute;
	left: -16px;
	background: url(../images/sprite.png) no-repeat -133px 0;
	width: 14px;
	height: 28px;
	top: 50%;
	margin: -14px 0 0 0;
	transition: left .4s;
	transform: scale(0.5);
}
#menu > ul > li > .sous-menu ul > li a:hover::after {
	left: 0;
	
}
#menu > ul > li > .sous-menu ul > li:hover a::after {
	right: 0%;
}

.sous-menu > div{
	max-width: 1240px;
	margin: auto;
}

#menu #btn_menu{
	display: none;
}
#menu > ul > li:first-child a{
	background: #c1ce00;
}
#menu > ul > li:nth-child(2)>a{
	background: #aa1832;
}

#menu > ul > li:last-child a{
	background: #c1ce00;
	/*padding: 20px 24px 20px 54px;*/
}
/*#menu > ul > li:last-child a::before{*/
/*	content: "";*/
/*	position: absolute;*/
/*	left: 18px;*/
/*	background: url(../images/sprite.png) no-repeat 0 0;*/
/*	width: 22px;*/
/*	height: 16px;*/
/*	top: 50%;*/
/*	margin: -8px 0 0 0;*/
/*}*/


/* HOME */

#slider-home{
	background: url(../images/bayadere.png) #f2f2f2 repeat-x center top;
	padding: 60px 0;
}
#slider-home h1{
	display: none;
}
.owl-item{
	position: relative;
	z-index: 1;
}
.carousel{
	position: relative;
	overflow: hidden;
	max-height: 624px;
}
.overslide{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
}

.overslide.nooverlay {
	background:0;
}

.overslide h2{
	margin: 0;
	top: 50%;
	transform: translate(0, -50%);
	left: 80px;
	position: absolute;
	color: #FFF;
	font-size: 4.2em;
	font-family: "Dosis";
	font-weight: normal;
	font-weight: 600;
	text-transform: uppercase;
	max-width: 50%;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
div.infos{
	margin: 0;
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	z-index: 10;
	background: rgba(219,15,44,0.8);
	width:auto;
	margin-top:20px ;
}
.bulle-infos{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	background: #c1ce00;
	border: 5px solid #FFF;
	border-radius: 50%;
	margin: 0 24px 0 0;
	text-align: center;
	font-size: 3.6rem;
	line-height: 1.4em;
	font-weight: 600;
	color: #FFF;
}

div.infos .alerte-trafic {
	display:none;
}

.owl-carousel .owl-item .alerte-trafic {
	display:block;
}

div.infos .alerte-trafic {
	display:none;
}

div.infos .alerte-trafic-lien {
	border-bottom: 1px dotted white;
}

div.infos .alerte-trafic-text {
	color: #FFF;
	margin: 0;
	font-size: 1.5em;
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 250px);
    margin-bottom: 4px;
}

div.infos .alerte-trafic-text .alerte-trafic-titre {
	font-size: 1.9rem;
	font-family: 'Dosis';
	font-weight: 600;
	text-transform: uppercase;
}

div.infos .alerte-trafic-text p {
	color: #FFF;
	margin: 0;
	font-size: 1.3em;
	display: block;
}

.carousel .owl-controls{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate(0, -50%);
}
.carousel .owl-dots{
}
.carousel .owl-dots .owl-dot{
	display: block;
	margin: 20px 10px;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	border: 2px solid #FFF;
	background: rgba(255,255,255,0);
	transition: background .2s;
}
.carousel .owl-dots .owl-dot.active{
	background: rgba(255,255,255,1);
}
.carousel .owl-nav{
	display: none;
}
#zone_carousel{
	position: relative;
}


/* PAN FIXE */

#pan-fixe{
	position: fixed;
	right: 0;
	top: 248px;
	background: #FFF;
	width: 490px;
	height: 624px;
	z-index: 100;
	transition: right .6s;
}
#onglets-pan-fixe{
	display: block;
	font-size: 0;
}
#onglets-pan-fixe a{
	font-size: 1.9rem;
	display: inline-block;
	width: 50%;
	font-family: 'Dosis';
	font-weight: 600;
	color: #FFF;
	background: #646d77;
	position: relative;
	padding: 26px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
}
#onglets-pan-fixe a.active{
	color: #aa1832;
	background: #FFF;
}

#pan-fixe .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #c1ce00;

}
.pop-pan{
	padding: 40px 35px 40px 40px;
	clear: both;
}
.pop-pan > div{
	max-height: 440px;
	overflow-y: auto;
}

.pop-pan {
	display:none;
}

.pop-pan.active {
	display:block;
}

.pop-pan ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.pop-pan ul .fiches-liste-item {
	position:relative;
}

.pop-pan ul li a{
	display: block;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 18px 0;
	color: #646d77;
	border-bottom: 1px solid #d8dadd;
}
.pop-pan ul li a:hover strong{
	color: #aa1832;
}
.pop-pan ul li a strong{
	display: block;
	text-transform: uppercase;
	font-size: 1.9rem;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	color: #000;
	transition: color .2s;
}
.pop-pan ul li a span{
	float: right;
	width: 50px;
	height: 50px;
	margin: -7px 0 0 12px;
	text-align: right;
	color: #FFF;
	font-size: 2rem;
	line-height: 2.4em;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
}

.pop-pan ul li a span img{
	height:50px;
}

.pop-pan ul li a span.ligne_5{
	background: #28abe1;
}
.pop-pan ul li a span.ligne_6{
	background: #f389b6;
}
.pop-pan ul li a span.ligne_7{
	background: #c5d42d;
}
.pop-pan ul li a span.ligne_10{
	background: #63b446;
}
.pop-pan ul li a span.ligne_12{
	background: #fcc951;
}
.pop-pan ul li a span.ligne_13{
	background: #82b7df;
}

.pop-pan ul li a.lien-plan {
	min-height: 31px;
	padding-right: 35px;
}

.pop-pan ul li .btn_favoris {
	border: 0;
	right:40px;
}

.pop-pan ul li .btn_favoris.btn_favoris_plans {
	right:0;
}

.pop-pan ul li span.img .icon {
	font-size: 62px;
	color: #C1CE00;
}

.pop-pan ul li span.img .icon.icon-carte {
	font-size: 62px;
	color: #C1CE00;
}

#btn-pan-fixe{
	position: absolute;
	top: 50%;
	left: -70px;
	width: 90px;
	min-height: 90px;
	margin: -45px 0 0 0;
	background: #aa1832;
	cursor: pointer;
}
#pan-fixe.inactif{
	right: -440px;
}

#btn-pan-fixe p{
	margin: 0;
	font-size: 1.2em;
	color: #FFF;
	text-transform: uppercase;
	font-family: "Dosis";
	font-weight: 600;
	text-align: center;
	padding: 64px 10px 10px 10px;
	position: relative;
}
#btn-pan-fixe p::before{
	background: url(../images/sprite.png) no-repeat -133px 0;
	width: 14px;
	height: 28px;
	content: "";
	position: absolute;
	left: 50%;
	top: 20px;
	margin: 0 0 0 -7px;
	transition: transform .3s;
}
#pan-fixe.inactif p::before{
	transform: rotate(180deg);
	margin: 0 0 0 -9px;
}

ul.col_1_3{
	float: left;
	width: 33.3333% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ZONE INFOS HOME */

#zone-infos-home{
	position: relative;
	border: 1px solid #c6c6c6;
	padding: 64px 0 0 0;
}
#zone-infos-home .onglet{
	text-transform: uppercase;
	font-size: 2.6em;
	color: #666;
	font-family: "Dosis";
	font-weight: 600;
	padding: 15px 20px 15px 70px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	height: 64px;
	cursor: pointer;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}
#zone-infos-home .onglet::before{
	content: "";
	position: absolute;
	background-image: url(../images/sprite.png);
	left: 24px;
	top: 50%;
	margin: -12px 0 0 0;
}
#zone-infos-home .onglet.actif{
	background: #cccd00;
	color: #aa1832;
}

.contenu-onglet{
	padding: 3% 4%;
	display: none;
}
.contenu-onglet.actif{
	display: block;
}

#btn-itineraire{
	left: 0;
}
#btn-itineraire::before{
	background-position: -162px 0;
	width: 21px;
	height: 26px;
}
#btn-horaires{
	left: 25%;
}
#btn-horaires::before{
	background-position: -198px 0;
	width: 25px;
	height: 25px;
}
#btn-a-proximite{
	left: 50%;
}
#btn-a-proximite::before{
	background-position: -238px 0;
	width: 21px;
	height: 26px;
}
#btn-infos-trafic{
	left: 75%;
	border-right: none !important;
}
#btn-infos-trafic::before{
	background-position: -274px 0;
	width: 8px;
	height: 28px;
	left: 28px !important;
}

.titre_dep_ari{
	color: #aa1832;
	text-transform: uppercase;
	font-size: 2em;
	margin: 0;
	font-family: "Dosis";
	font-weight: 600;
	position: relative;
	padding: 10px 0 10px 36px;
	margin: 0;
	
}
.titre_dep_ari::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -13px 0 0 0;
	background: url(../images/sprite.png) no-repeat -133px -38px;
	width: 21px;
	height: 26px;
}

#zone-itineraire .champ_adresse{
	position: relative;
	border: none;
	padding: 6px;
	border-bottom: 1px solid #8e8e8d;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-size: 1.6em;
	color: #1d1d1b;
}
#choix-date-heure {
	padding-top: 20px;
}
#choix-date-heure input, #choix-date-heure select {
	display: inline-block;
	vertical-align: middle;
	border-radius: 30px;
	border: 1px solid #8e8e8d;
	padding: 8px 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.6em;
	max-width: 160px;
}
#choix-date-heure select {
	margin: 0 20px 0 0;
}
#choix-date-heure input{
	max-width: 120px;
}
#choix-date-heure span{
	font-size: 1.6em;
	line-height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	padding: 0 6px;
}
#choix-date-heure input.input_horaire{
	max-width: 60px;
	text-align: center;
}
#choix-date-heure #date{
	position: relative;
}
#choix-date-heure #date::after{
	content: "";
	position: absolute;
}
span#picto_date{
	background: url(../images/sprite.png) no-repeat 0 -31px;
	width: 24px;
	height: 24px;
	margin: 0 20px 0 10px;
	display: inline-block;
	vertical-align: middle;
}

#modes_transport{
	color: #aa1832;
	text-transform: uppercase;
	font-size: 2em;
	margin: 0;
	font-family: "Dosis";
	font-weight: 600;
	position: relative;
	padding: 10px 0 10px 40px;
	margin: 40px 0 20px 0;	
}
#modes_transport::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -13px 0 0 0;
	background: url(../images/sprite.png) no-repeat -169px -38px;
	width: 34px;
	height: 25px;
}

#zone-itineraire a{
	position: relative;
	font-size: 1.6rem;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	margin: 0 50px 0 0;
}

#btn_picto_bus{
	color: #8e8e8d;
	text-transform: uppercase;
}
#btn_picto_bus::before{
	content: "";
	display: block;
	margin: auto auto 6px auto;
	background: url(../images/sprite.png) no-repeat 0 -73px;
	width: 34px;
	height: 34px;
}
#btn_picto_velo{
	color: #8e8e8d;
	text-transform: uppercase;
}
#btn_picto_velo::before{
	content: "";
	display: block;
	margin: auto auto 6px auto;
	background: url(../images/sprite.png) no-repeat -49px -73px;
	width: 40px;
	height: 25px;
}
#btn_picto_bus_electrique{
	color: #8e8e8d;
	text-transform: uppercase;
}
#btn_picto_bus_electrique::before{
	content: "";
	display: block;
	margin: auto auto 6px auto;
	background: url(../images/sprite.png) no-repeat -104px -73px;
	width: 48px;
	height: 34px;
}

#zone-itineraire input[type="submit"]{
	display: block;
	margin: 24px auto auto 0;
	background: #aa1832;
	color: #FFF;
	border: 0;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 1.8rem;
	text-transform: uppercase;
	font-family: "Dosis";
	font-weight: 600;
	transition: background .2s;
}
#zone-itineraire input[type="submit"]:hover{
	background: #b4bc41;
}

#zone-infos-home{
	margin-bottom: 50px;
}

.lien_rapides{
	margin: 0 -3px;
	padding: 20px 0;
}
.lien_rapides ul{
	padding: 0;
	margin: 0;
	font-size: 0;
	list-style: none;
}
.lien_rapides ul li{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.6rem;
	line-height: 1.2em;
	width: 25%;
	position: relative;
}
.lien_rapides ul li.bandeau{
	width: 100%;
}

.lien_rapides ul li .nolink,
.lien_rapides ul li a{
	display: block;
	margin: 3px;
	height: 100px;
	font-size: 2.1rem;
	line-height: 1.2em;
	text-transform: uppercase;
	font-family: "Dosis";
	font-weight: 600;
	padding: 0 12px 0 10px;
	color: #FFF;
	background-repeat: no-repeat;
	background-image: url(../images/bayadere_l.png);
	background-position: 0 100px;
	background-size: 100% 100px;
	transition: background-position .3s;
	background-blend-mode: soft-light;
}

.lien_rapides ul li .nolink:hover,
.lien_rapides ul li a:hover{
	background-position: 0 0;
}

.lien_rapides ul li .nolink span,
.lien_rapides ul li a span{
	display: table-cell;
	height: 100px;
	vertical-align: middle;
}

.lien_rapides ul li .nolink span.icon,
.lien_rapides ul li a span.icon {
	font-size: 70px;
	opacity: 0.5;
	width: 80px;
}

#baya_liens{
	background: url(../images/bayadere.png) center top repeat-y;
	height: 34px;
}

#lien_bus{
	background-color: #a1c3c6;
}
#lien_bus::before{
	background-position: 0 -122px;
	width: 50px;
	height: 50px;
	left: 20px;
	top: 50%;
	margin: -25px 0 0 0;
}
#lien_velos_electriques{
	background-color: #bcb81b;
}
#lien_velos_electriques::before{
	background-position: -65px -122px;
	width: 60px;
	height: 37px;
	left: 16px;
	top: 50%;
	margin: -19px 0 0 0;
}
#lien_objets_trouves{
	background-color: #f6932b;
}
#lien_objets_trouves::before{
	background-position: -140px -123px;
	width: 62px;
	height: 47px;
	left: 16px;
	top: 50%;
	margin: -23px 0 0 0;
}
#lien_scolaires{
	background-color: #80ba27;
}
#lien_scolaires::before{
	background-position: -217px -123px;
	width: 46px;
	height: 55px;
	left: 24px;
	top: 50%;
	margin: -26px 0 0 0;
}

.lien_rapides.lien_img ul li a{
	padding: 0;
}
.lien_rapides.lien_img ul li a::after{
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 10;
}

.lien_rapides.lien_img ul li > span {
	margin: -3px 3px 3px 3px;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.lien_rapides.lien_img ul li:hover > span img {
	transform: scale(1.1);
}
.lien_rapides.lien_img ul li img{
	display: block;
	width:100%;
	transition: transform .3s;
}

#lien_titres_tarifs{
	background-color: #00afeb;
}
#lien_accessibilite{
	background-color: #d55794;
}
#lien_projet_trambus{
	background-color: #d32d60;
}
#lien_faq{
	background-color: #646d77;
}

#social-wall{
	margin-top: 40px;
	background: #f2f2f2;
	padding: 30px 0 40px 0;
}
#mur{
	padding: 0;
	margin: 0;
	list-style: none;
	/*display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;*/
	font-size: 0;
	width: 100%;
	-webkit-columns: 4;
	-moz-columns: 4;
	-o-columns: 4;
	columns: 4;
	-webkit-column-break-after: always;
  	break-inside: avoid-column;
	word-wrap: break-word;
}
#mur li{
	font-size: 1.5rem;
	line-height: 1.2em;
	text-align: center;
	display: inline-block;
    width: 100%;
}
#mur li a{
	display: block;
	border-bottom: 1px solid #242424;
	border-top: 1px solid #242424;
	padding: 20px 10px;
	margin: 0 4px 20px 4px;
}
#mur li a img{
	display: block;
	width: 100%;
	margin: 16px 0 0 0;
}
#mur li .icon{
	float: right;
	font-size: 2.3rem !important;
}
#mur li:nth-child(8n+1) a{
	color: #f6932b !important;
	border-color: #f6932b !important;
}
#mur li:nth-child(8n+2) a{
	color: #d55794 !important;
	border-color: #d55794 !important;
}
#mur li:nth-child(8n+3) a{
	color: #aa1832 !important;
	border-color: #aa1832 !important;
}
#mur li:nth-child(8n+4) a{
	color: #d32d60 !important;
	border-color: #d32d60 !important;
}
#mur li:nth-child(8n+5) a{
	color: #00afeb !important;
	border-color: #00afeb !important;
}
#mur li:nth-child(8n+6) a{
	color: #d32b28 !important;
	border-color: #d32b28 !important;
}
#mur li:nth-child(8n+7) a{
	color: #bcb81b !important;
	border-color: #bcb81b !important;
}
#mur li:nth-child(8n+8) a{
	color: #646d77 !important;
	border-color: #646d77 !important;
}
.date_heure{
	font-weight: 600;
	display: block;
	margin: 0 0 20px 0;
	font-size: 1.8rem;
	text-align: left;
}
.txt{
}

#titre_suivre{
	display: inline-block;
	vertical-align: middle;
	font-size: 2.6em;
	color: #aa1832;
	font-family: "Dosis";
	font-weight: 600;
	text-transform: uppercase;
}
#liens_reseaux{
	padding: 0 0 0 12px;
	margin: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}
#liens_reseaux li{
	display: inline-block;
	vertical-align: middle;
}
#liens_reseaux li a{
	display: block;
	font-size: 2.4em;
	color: #aa1832;
	background-color: #FFF;
	padding: 6px;
	border-radius: 50px;
	margin: 3px;
}
#liens_reseaux li:nth-child(1) a:hover{
	color: #FFF;
	background: #3b5998;
}
#liens_reseaux li:nth-child(2) a:hover{
	color: #FFF;
	background: #1da1f3;
}


/* FOOTER */

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #b4bc41;
    color: white;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.2s ease-out;
    opacity: 0;
    font-size:16px;
}
#back-to-top:hover {
    background: #AA1832;
}
#back-to-top.show {
    opacity: 1;
}

#bas{
	background: url(../images/bayadere.png) repeat-x center top;
	padding: 20px 0 0 0;
}

#pour_aller_plus_loin{
	background: #646d77;
	padding: 20px 0 30px 0;
}
#pour_aller_plus_loin > .overall_pad > p{
	color: #FFF;
	font-family: "Dosis";
	font-weight: 600;
	text-transform: uppercase;
	font-size: 2.1em;
}
#pour_aller_plus_loin > .overall_pad > ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}
#pour_aller_plus_loin > .overall_pad > ul li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 1.6rem;
	line-height: 1.2em;
	color: #FFF;
}
#pour_aller_plus_loin > .overall_pad > ul li p{
	color: #FFF;
	position: relative;
	padding: 0 0 0 56px;
	display: block;
}
#pour_aller_plus_loin > .overall_pad > ul li p a{
	color: #FFF;
}

#pour_aller_plus_loin > .overall_pad > ul li p::before{
	display: none;
}
#pour_aller_plus_loin > .overall_pad > ul li p .icon{
	width: 39px;
	height: 39px;
	top: 50%;
	left: 0;
	margin: -26px 0 0 0;
	position: absolute;
	font-size: 3.4em;
}

/* #pour_aller_plus_loin > .overall_pad > ul li p a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#pour_aller_plus_loin > .overall_pad > ul li p::before{
	content: "";
	background: url(../images/sprite.png) no-repeat 0 -192px;
	width: 39px;
	height: 39px;
	top: 50%;
	left: 0;
	margin: -20px 0 0 0;
	position: absolute;
}
#pour_aller_plus_loin > .overall_pad > ul li:nth-child(2) p::before{
	background-position: -59px -192px;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 0;
}
#pour_aller_plus_loin > .overall_pad > ul li:nth-child(3) p::before{
	background-position: -123px -192px;
	width: 32px;
	height: 40px;
	margin: -20px 0 0 0;
}
#pour_aller_plus_loin > .overall_pad > ul li:nth-child(4) p::before{
	background-position: -175px -192px;
	width: 32px;
	height: 40px;
	margin: -20px 0 0 0;
}*/

#pour_aller_plus_loin > .overall_pad > ul li p strong{
	font-size: 1.2em;
}
#pour_aller_plus_loin > .overall_pad > ul li p:hover .icon{
	-webkit-animation: animpicto .4s;
	-o-animation: animpicto .4s;
	animation: animpicto .4s;
}
#pour_aller_plus_loin > .overall_pad > ul li p:hover a{
	color: #d6dd71;
}


@keyframes animpicto {
	0	 {transform: rotate(0)}
    25%  {transform: rotate(15deg)}
    50%  {transform: rotate(-15deg)}
	75%  {transform: rotate(15deg)}
    100% {transform: rotate(0)}
}

#mentions{
	background: #b4bc41;
	padding: 40px 0;
}
#mentions h2{
	color: #FFF;
	font-family: "Dosis";
	font-weight: 600;
	text-transform: uppercase;
	font-size: 2.1rem;
	margin-top: 0;
}
#mentions > .overall_pad > ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}
#mentions > .overall_pad > ul li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 1.6rem;
	line-height: 1.2em;
	color: #FFF;
	padding: 0 24px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#mentions > .overall_pad > ul li p{
	color: #FFF;
}
#liens_utiles a{
	display: block;
	color: #FFF;
	font-family: "Dosis";
	font-weight: 600;
	text-transform: uppercase;
	font-size: 2.1rem;
	margin: 0 0 12px 0;
}
#mentions img{
	display: block;
	margin: auto auto 16px 0; 
}

.col_gauche{
	width: 48%;
	float: left;
}
.col_droite{
	width: 48%;
	float: right;
}

#btn_affiche_compte{
	display: none;
}


/* PAGE */

#page{
	padding: 20px 0;
	background: url(../images/bayadere.png) #F2F2F2 repeat-x center top;
}
#page h2{
	color: #AA1832;
	font-family: "Dosis";
	position: relative;
	z-index: 10;
	font-weight: 600;
	font-size: 3.4em;
	margin: 24px 0;
}
#page h2::before{
	background: url(../images/sprite.png) no-repeat -227px -192px;
	width: 20px;
	height: 40px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	content: "";
	margin: 2px 16px 0 0;
}

#page h3{
	color: #212121;
	font-family: "Dosis";
	position: relative;
	z-index: 10;
	font-weight: 600;
	font-size: 2.8em;
	margin: 36px 0 24px 0;
}
#page p, #page ul, #page ol{
	color: #666;
	font-size: 1.6em;
	line-height: 1.4em;
}

#page table p {
	font-size: 1em;
}

#page  .teaser-text p {
	font-size: 1.2em;
}

#page .ce-menu {
	font-size: 2.8em;
}

#page .ce-menu ul {
	font-size: 0.8em;
	margin: .4em 0 .4em 32px;
}
.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

#page ul{
	list-style-image: url(../images/puce_li.png);
}
#page hr{
	margin: 40px auto 40px 0;
	border: none;
	max-width: 160px;
	border-bottom: 1px solid #d2d2d2;
}
#page table{
	border: 1px solid #DADADA;
	background: #FFF;
	border-collapse: collapse;
}
#page table th{
	padding: 12px;
	font-size: 1.7em;
	line-height: 1.4em;
	font-weight: 700;
	background: #aa1832;
	color: #FFF;
	border-right: 1px solid rgba(255,255,255,0.4);
}
#page table:not(.gsc-table-result) td{
	padding: 12px;
	color: #808080;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: 400;
	border-right: 1px solid #DADADA;
	vertical-align: top;
}

@media screen and (max-width: 600px) {
	table {width:100%;}
	thead {display: none;}
	tr:nth-of-type(2n) {background-color: inherit;}
	tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
	tbody td {display: block;  text-align:center;}
	tbody td:before {
		content: attr(data-th);
		display: block;
		text-align:center;
	}
}


#bandeau{
	background: url(../images/bandeau_page.jpg) no-repeat center;
	background-size: cover;
	min-height: 240px;
	position: relative;
}
#bandeau::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(20,29,39,.5);
}
#bandeau h1{
	margin: 0 auto;
	padding: 80px 0;
	display: block;
	font-size: 6em;
	line-height: 1.2em;
	text-align: center;
	color: #FFF;
	font-family: "Dosis";
	position: relative;
	z-index: 10;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 2px 4px 12px rgba(0,0,0,0.4);
}
#ariane{
	background: #F2F2F2;
	padding: 0 8px;
	margin: -32px 0 0 0;
	position: relative;
	z-index: 100;
	float: left;
}
#ariane ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
#ariane ol li{
	display: inline-block;
	vertical-align: top;
}
#ariane ol li a, #ariane ol li > span{
	color: #646D77;
	position: relative;
	display: block;
	padding: 6px;
}
#ariane ol li a::before, #ariane ol li > span::before{
	content: "\203A";
	color: #D0212E;
	margin: 0 10px 0 0;
	font-size: 1em;
}
#ariane ol li:first-child a::before, #ariane ol li:first-child > span::before{
	display: none;
}
#ariane ol li:last-child a, #ariane ol li:last-child > span{
	color: #D0212E;
}

.overall_contenu{
	margin: 60px auto 40px auto;
	max-width: 1200px;
	background: #FFF;
	padding: 30px 3% 60px 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* LISTING ACTUALITES */

.overall_contenu.overall_actus {
	margin:0 auto;
}
.listing_actus{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.listing_actus #filtres {
	margin:60px auto 0 auto;
}
.listing_actus ul{
	padding: 0;
	margin: 0 -12px;
	list-style: none;
	font-size: 0 !important;
} 
.listing_actus ul li{
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
}
#page .listing_actus ul li p{
	font-size: 1.5rem !important;
	line-height: 1.4em;
}
.listing_actus ul li .img_actu{
	position: relative;
}
.listing_actus ul li .img_actu img{
	display: block;
	width: 100%;
}
.listing_actus ul li .img_actu span{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 7px 18px;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	background: #BAC441;
	font-size: 1.6rem !important;
	line-height: 1.4em;
}
.listing_actus ul li .desc_actu{
	padding: 26px 30px 30px 30px;
	background: #FFF;
	min-height: 100px;
}
.listing_actus ul li .desc_actu p{
	margin: 0;
}
.listing_actus ul li .desc_actu a{
	color: #D0212E;
	font-size: 2rem !important;
	line-height: 1.4em;
}
.listing_actus ul li .desc_actu a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.item_actu{
	position: relative;
	margin: 12px;
	transition: box-shadow .2s, margin .2s;
}
.item_actu:hover{
	box-shadow: 2px 8px 12px rgba(0,0,0,0.2);
	margin: 6px 12px 18px 12px;
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
	margin: 4px 0;
}

.news-single .footer {
	padding: 0;
}

#filtres {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-weight: 600;
	padding-bottom: 20px;
}
#filtres a{
	display: inline-block;
	padding: 7px 18px;
	margin: 0 6px 0 0;
	color: #FFF;
	text-transform: uppercase;
	background: #BAC441;
	font-size: 1.6rem !important;
	line-height: 1.4em;
}

#filtres a.active{
background:#aa1832;
}
#filtres p{
	margin: -6px 10px 0 0;
	line-height: 1.4em;
	display: inline-block;
	vertical-align: middle;
}


/* TITRES ET TARIFS */

#titres_et_tarifs{
	padding: 0 0 0 309px;
	margin: 80px 0 60px 0;
}

#col_filtre{
	width: 272px;
	float: left;
	margin: 0 0 0 -309px;
}
#col_filtre.actif{
	display: block;
}
.bloc_filtre{
	padding: 24px;
	background: #FFF;
	border-bottom: 1px solid #DADADA;
}
.bloc_filtre p{
	margin: 0 0 16px 0;
	padding: 0 0 0 42px;
	font-size: 1.9rem !important;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}
.bloc_filtre p::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin: -13px 0 0 0;
}
.bloc_filtre p#titre_je_recherche::before{
	background: url(../images/sprite.png) no-repeat -1px -256px;
	width: 31px;
	height: 26px;
}
.bloc_filtre p#titre_je_voyage::before{
	background: url(../images/sprite.png) no-repeat -52px -256px;
	width: 29px;
	height: 26px;
}
.bloc_filtre p#titre_je_suis::before{
	background: url(../images/sprite.png) no-repeat -101px -256px;
	width: 28px;
	height: 26px;
}

.bloc_filtre label{
	display: block;
	padding: 7px 0 7px 34px;
	font-size: 1.5rem;
	line-height: 1.2em;
	/*word-break: break-all;*/
	font-weight: 400;
	cursor: pointer;
}
.bloc_filtre label:hover, .bloc_filtre .checked {
	color: #D0212E;
}
.bloc_filtre label input{
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 -24px;
}

.nomatches {
	display:none;
}

#btn_affiche_filres{
	display: none;
}


#col_contenu{
	width: 100%;
	float: left;
}
#col_contenu hr{
	margin: auto auto 40px auto;
	clear: both;
	height: 36px;
	border: none;
	max-width: 100%;
	border-bottom: 1px solid #DADADA;
}


#titres_et_tarifs.fullwidth {
	padding:0;
	margin:0;
}

#titres_et_tarifs.liste_lignes {
	margin: 80px 0 60px 0;
}

#titres_et_tarifs.liste_lignes.fullwidth .item_plan_carte {
	min-height: 280px;
}

#titres_et_tarifs.fullwidth #col_contenu {
	width: 100%;
	float: none;
}

#titres_et_tarifs.fullwidth #listing_plans_cartes ul li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.columns.col_1_2 #titres_et_tarifs.fullwidth #listing_plans_cartes ul li {
	width: 50%;
}


#titres_et_tarifs.fullwidth .item_plan_carte {
	border: 1px solid #e2dfdc;
}

.listing_titres{
	margin: 0 -12px;
}

.item_titre{
	width: 50%;
	float: left;
	padding: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.listing_titres .item_titre:nth-child(2n+1){
	/*clear: both;*/
}

.entete{
	position: relative;
	padding: 6px;
	background: #FFF;
}

.entete .icon {
	font-size: 50px;
	vertical-align: middle;
	color: #D0212E;
	padding: 0 10px;
}

#page .item_titre h3, #page .item_titre h2{
	color: #D0212E;
	font-size: 2.3rem;
	line-height: 1.3em;
	font-family: 'Dosis', Helvetica, Arial, sans-serif;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
#page .item_titre h2{
	color: #646D77;
	padding: 0;
}
#page .item_titre h2::before{
	display: none !important;
}

#page .listing_titres .item_titre h3 {
	width: 77%;
}

.img_titre{
	display: inline-block;
	vertical-align: middle;
	width: 22%;
}
.img_titre img{
	display: block;
	margin: auto;
	max-width: 80px;
	max-height: 80px;
}

.zone_infos{
	float: left;
	padding: 12px 16px 6px 16px;
}
#page .zone_infos p{
	margin: 0 0 14px 6px;
	color: #3A3A3A !important;
}

.zone_infos .icon{
	font-size: 4.8em;
	line-height: 0.2em;
	letter-spacing: -0.15em;
}


.btn_infos{
	background: #AA1832;
	position: relative;
	color: #FFF;
	float: right;
	padding: 16px 20px;
	text-align: center;
	font-size: 2.8em;
	font-weight: 700;
	cursor: pointer;
}
.btn_infos.actif{
	background: #646D77;
}
.btn_infos span{
	display: block;
	font-size: 0.5em;
}
.scroll_infos{
	display: none;
	padding: 6px 24px;
	background: #646D77;
	clear: both;
	color: #FFF;
}
.scroll_infos.actif{
	display: block;
}
.scroll_infos p{
	color: #FFF !important;
	line-height: 1.3em !important;
}
.scroll_infos p strong{
	display: block;
	font-size: 1.1em;
}

.scroll_infos p a{
	color:white;
}

.scroll_infos img{
	float: left;
	margin: 24px 18px 12px 0;
	max-width: 45%;
}

.map_infos{
	margin: 0 -24px -6px -24px;
	clear: both;
	height: 200px;
	padding: 40px 0 0 0;
}
.map_infos iframe{
	height: 200px;
	width: 100%;	
}

.mapmarker {
	background:white;
	font-size: 32px;
	border-radius: 50%;
	color: #AA1832;
	width: 32px;
	height: 32px;
	-moz-box-shadow: 3px 3px 5px 0px #656565;
	-webkit-box-shadow: 3px 3px 5px 0px #656565;
	-o-box-shadow: 3px 3px 5px 0px #656565;
	box-shadow: 3px 3px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=5);
}

.btn_openpoi {
 	background: #AA1832;
    color: #FFF !important;
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}

.zone_detail_titre{
	position: relative;
	background: #E2DFDC;
}
.zone_detail_titre::after, .scroll_infos::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.btn_itineraire{
	position: absolute;
	right: 14px;
    bottom:-15px;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 0;
	background: #FFF;
	z-index: 10;
	border-radius: 50%;
	color: #AA1832;
	text-align: center;
	font-size: 1rem;
	box-shadow: 2px 8px 12px rgba(0,0,0,0.2);
}
.btn_itineraire::before{
	content: "";
	display: block;
	margin: 12px auto 2px auto;
	background: url(../images/sprite.png) no-repeat -152px -327px;
	width: 24px;
	height: 20px;
}

.btn_voirlacarte{
	position: absolute;
	right: 84px;
    bottom:-15px;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 0;
	background: #FFF;
	z-index: 10;
	border-radius: 50%;
	color: #AA1832;
	text-align: center;
	font-size: 1rem;
	box-shadow: 2px 8px 12px rgba(0,0,0,0.2);
}
.btn_voirlacarte::before{
	    content: "";
    display: block;
    margin: 12px auto 2px auto;
    background: url(../images/sprite.png) no-repeat -54px 0;
    width: 24px;
    height: 20px;
    background-size: 197px;
}

/* LISTING PLANS CARTES AUTRES */

#listing_plans_cartes{
	margin: 0 -12px;
}
#listing_plans_cartes ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}
#listing_plans_cartes ul li{
	width: 33.3333%;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.item_plan_carte{
	margin: 0 12px 24px 12px;
	padding: 5%;
	background: #FFF;
	text-align: center;
	position: relative;
	font-size: 1rem;
	min-height: 240px;
	transition: box-shadow .2s, margin .2s;
}
.item_plan_carte:hover{
	box-shadow: 2px 8px 12px rgba(0,0,0,0.2);
	margin: -6px 12px 30px 12px;
}
.item_plan_carte::after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #E2DFDC transparent;
}
.item_plan_carte h2::before{
	display: none !important;
}
.item_plan_carte h2{
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	font-size: 2.1em !important;
	color: #AA1832;
	position: static !important;
}
.item_plan_carte h2 a{
	color: #AA1832;
}
.item_plan_carte h2 a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#page .item_plan_carte p{
	margin: 0;
	font-size: 1.5em;
	line-height: 1.1em;
	margin-top:6px;
}

#page .item_plan_carte p.date-validite {
	color: #999;
	font-size: 1.5em;
}

.item_plan_carte span.img{
	display: block;
	min-height: 100px;
}

.item_plan_carte span.img img{
	max-height: 90px;
	margin-bottom: 10px;
}

.item_plan_carte span.img .icon {
	font-size: 100px;
	color:#C1CE00;
}


#filtres_plans_cartes p{
	background: #E2DFDC;
	margin: -24px -24px 24px -24px;
	padding: 20px 20px 20px 66px;
}
.bloc_filtre#filtres_plans_cartes p#titre_je_recherche::before{
	left: 24px;
}

.picto_img{
	margin: 20px auto !important;
}

.bloc_filtre hr{
	width: 100% !important;
	max-width: 100% !important;
	margin: 16px 0 !important;
}
.bloc_filtre .icon{
	 float: right;
	 margin: 0 0 0 6px;
	 font-size: 50px;
	line-height: 26px;
}

.bloc_filtre #picto_plan{
	float: right;
	background: url(../images/sprite.png) no-repeat 0 -327px;
	width: 34px;
	height: 26px;
}
.bloc_filtre #picto_scolaire{
	float: right;
	background: url(../images/sprite.png) no-repeat -54px -327px;
	width: 33px;
	height: 34px;
}
.bloc_filtre #picto_abo_titres{
	float: right;
	background: url(../images/sprite.png) no-repeat -107px -327px;
	width: 25px;
	height: 34px;
	margin: 0 0 0 6px;
}

#filtres_plans_cartes.bloc_filtre label input {
    display: inline-block;
    margin: -2px 12px 0 -28px;
    vertical-align: middle;
}
#filtres_plans_cartes.bloc_filtre label {
    padding: 7px 0 7px 28px;
}

#filtres_plans_cartes.bloc_filtre .icon {
	color:#AA1832;
}

#filtres_plans_cartes.bloc_filtre_documents .icon {
	color: #C1CE00;
}

.bloc_filtre input[type="submit"] {
	color: #FFF;
	background: #C1CE00;
	font-weight: 700;
	font-size: 1.8rem;
	border: none;
	display: block;
	width: 100%;
	padding: 12px 24px;
	margin: 24px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	clear: both;
}

#map{
	position: relative;
	height: 420px;
	margin-bottom: 30px;
}



/* FORMS */

.obli{
	color: #000 !important;
	font-weight: bold;
}
.obli::before{
	display: inline-block;
	margin: 0 6px 0 0;
	content: "*";
	color: #AA1832;
	font-size: 1.2em;
}

.td_gauche{
	float: left;
	width: 30%;
	clear: both;
	padding: 12px 0;
}
.td_gauche label, .td_gauche p{
	display: block;
	padding: 12px 24px;
	margin: 0;
	text-align: right;
	font-size: 1.6rem;
	color: #666;
}

.td_gauche .mandatory {
	color: #AA1832;
	padding-left: 4px;
}

.td_droite{
	float: right;
	width: 70%;
	padding: 12px 0;
}
.td_droite input[type="text"], .td_droite input[type="date"],.td_droite input[type="time"], .td_droite input[type="number"], .td_droite input[type="tel"], .td_droite input[type="email"], .td_droite input[type="password"] {
	padding: 14px;
	width: 75%;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	background: #F4F4F4;
	font-size: 1.6em;
}
.td_droite label{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.6em;
	padding: 14px 40px 14px 0;
	cursor: pointer;
}
.td_droite label input{
	margin: 0 6px 0 0;
}

.td_droite select {
	padding: 14px;
	width: 75%;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	background: #F4F4F4;
	font-size: 1.6em;

}

.td_droite textarea{
	padding: 10px 14px;
	width: 75%;
	min-height: 140px;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	background: #F4F4F4;
	font-size: 1.6em;
}

.td_droite input[type="submit"]{
	border: none;
	padding: 16px 40px;
	color: #FFF;
	font-size: 2.3rem;
	font-family: "Dosis";
	background: #A7BA1C;
	border-radius: 40px;
	text-transform: uppercase;
}
.td_droite input[type="submit"]:hover{
	background: #DB0F2C;
}

.nolabel label.powermail_label {
	display: none;
}
#txt_legal{
	text-align: center;
	padding-top: 32px;
	font-size: 1.2rem !important;
}

.td_1_3{
	width: 25.5%;
	display: inline-block;
	vertical-align: middle;
}
.td_1_3 select{
	width: 90%;
}

.alert {
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 13px;
}

.alert-success {
	background-color: #f1f9f7;
	border-color: #e0f1e9;
	color: #1d9d74;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	background-color: #fbeeed;
	border-color: #f7d8dd;
	color: #d9534f;
}



/* FAQ */

.item_faq{
	border: 1px solid #FFF;
	border-bottom: 1px solid #d8dadd;
}
.question {
	position: relative;
	padding: 0 24px 0 0;
	cursor: pointer;
}
.question.actif {
	background: #646d77;
	color: #FFF;
}
.question.actif h3{
	color: #FFF !important;
}
.question::after {
	position: absolute;
	top: 50%;
	margin: -8px 0 0 0;
	right: 24px;
	content: "\25BC";
	font-size: 1.8em;
	line-height: 1em;
	color: #AA1832;
}
.question.actif::after {
	color: #FFF;
	transform: rotate(180deg);
}
.question h3{
	margin: 0 !important;
	font-size: 2.1em !important;
	line-height: 1.2em;
	padding: 24px;
	color: #646D77 !important;
}
.reponse{
	display: none;
	padding: 12px 24px;
}
.reponse.actif{
	display: block;
	border: 1px solid #646d77;
}


/* ESPACE COMPTE */

#espace_compte{	
	padding: 60px 0;
}
#espace_compte h2{

}
#espace_compte p a {
	color:#AA1832;
}

#barre_accueil{
	background: #AA1832;
	padding: 16px;
}
#barre_accueil h2{
	color: #FFF;
	margin: 0;
	line-height: 1.1em;
	font-weight: normal;
}
#barre_accueil p{
	margin: 0;
	float: left;
	font-size: 1.7em;
	padding: 12px 12px 10px 24px;
	color: #FFF;
	position: relative;
}
#barre_accueil p::before{
	content: "/";
	margin: 0 8px 0 0;
	display: inline-block;
}
#btn_config_compte{
	float: right;
	padding: 12px 24px 12px 60px;
	color: #AA1832;
	font-size: 1.8em;
	background: #FFF;
	border-radius: 25px;
	font-weight: bold;
	position: relative;
}
#btn_config_compte::before{
	content: "";
	position: absolute;
	left: 6px;
	top: 50%;
	margin: -19px 0 0 0;
	background: url(../images/sprite.png) no-repeat -196px -327px;
	width: 38px;
	height: 38px;
	transition: transform .6s;
}
#btn_config_compte:hover::before{
	transform: rotate(180deg);
}

.bloc_favoris{
	background: #FFF;
	border: 1px solid #d6d7d9;
	border-bottom: 2px solid #d6d7d9;
	margin: 40px 0 0 0;
}

.entete_favoris {
	background: #E3DFDC;
}
.entete_favoris h3{
	float: left;
	margin: 0 !important;
	padding: 16px 24px;
	font-size: 2.6em !important;
	color: #394754 !important;
}
.entete_favoris .btn_config{
	float: right;
	color: #FFF;
	background: #646D77;
	padding: 20px 24px 20px 70px;
	color: #FFF;
	font-size: 1.8em;
	font-weight: bold;
	position: relative;
	transition: background .2s;
	border-radius: 30px 0 0 30px;
}
.entete_favoris .btn_config::before{
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	margin: -20px 0 0 0;
 	background: #FFF;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.entete_favoris .btn_config::after{
	content: "";
	position: absolute;
	left: 22px;
	top: 50%;
	margin: -10px 0 0 0;
 	background: url(../images/sprite.png) no-repeat -254px -327px;
	width: 20px;
	height: 20px;
}
.entete_favoris .btn_config:hover{
	background: #aa1832;
}

.ligne{
	padding: 24px;
	border-bottom: 1px solid #e0e2e4;
}

.ligne-image {
	float: left;
	padding-right: 15px;
}

.ligne-image img {
	height:60px;
}

.ligne::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#mes_lignes .ligne ul{
	font-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
#mes_lignes .ligne ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 1.6rem !important;
	line-height: 1.2em;
}
#mes_lignes .ligne ul li p{
	font-size: 1.6rem !important;
	display: inline-block;
	vertical-align: middle;
	margin: 12px 12px 12px 0;
}
#mes_lignes .ligne ul li div{
	display: inline-block;
	vertical-align: middle;
	background: #999;
	color: #FFF;
	width: 100px;
	padding: 10px 0;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}
#mes_lignes .ligne ul li:nth-child(2){
	margin-left: 24px;
}
#mes_lignes .ligne ul li:nth-child(2)::before{
	content: "\279C";
	font-size: 3rem;
	color: #d8dadd;
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px 0 0;
}
.ligne ul li a, .zone_btn a{
	display: inline-block;
	vertical-align: middle;
	padding: 8px 20px 8px 48px;
	margin: 0 4px;
	border: 2px solid #d8dadd;
	border-radius: 24px;
	position: relative;
	transition: color .2s, border-color .2s;
}
.ligne ul li a:hover, .zone_btn a:hover{
	border-color: #212121 !important;
}
.ligne ul li a.btn_perturbation{
	color: #AA1832;
	border-color: #AA1832;
}
.ligne ul li a.btn_perturbation::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -46px -378px;
	width: 27px;
	height: 24px;
	left: 12px;
	top: 50%;
	margin: -12px 0 0 0;
}
.li_right{
	float: right;
	margin: 4px 0;
}

.btn_horaires::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat 0 -378px;
	width: 26px;
	height: 26px;
	left: 6px;
	top: 50%;
	margin: -13px 0 0 0;
}
.btn_partir::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -93px -378px;
	width: 43px;
	height: 24px;
	left: 6px;
	top: 50%;
	margin: -12px 0 0 0;
}
.btn_partir, .btn_arriver {
	padding-left: 60px !important;
}
.btn_arriver::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -156px -378px;
	width: 42px;
	height: 24px;
	left: 6px;
	top: 50%;
	margin: -12px 0 0 0;
}

.btn_documents::before{
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat 0 -410px;
	width: 26px;
	height: 26px;
	left: 10px;
	top: 50%;
	margin: -13px 0 0 0;
}

.btn_supprimer::before {
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -90px -410px;
	width: 26px;
	height: 26px;
	left: 12px;
	top: 50%;
	margin: -13px 0 0 0;
}

.btn_itinerairegmap::before {
	content: "";
	position: absolute;
	background: url(../images/sprite.png) no-repeat -150px -325px;
	width: 26px;
	height: 26px;
	left: 11px;
	top: 50%;
	margin: -13px 0 0 0;
}

.zone_btn{
	float: right;
	margin: 4px 0;
	font-size: 1.6em;
}

.destinations p{
	float: left;
	margin: 0 16px 0 0;
	line-height: 1.5em !important;
}
.destinations p strong{
	display: block;
	color: #AA1832;
	font-size: 1.2em;
}

.meslignes ul {
	float: left;
	margin: 0 16px 0 0;
	line-height: 1.5em !important;
}

.btn_favoris {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 24px;
	height: 24px;
	z-index: 10;
	color: #AA1832;
	text-align: center;
	font-size: 1rem;
	opacity: 0.15;
}

.btn_favoris::before {
	content: "";
	display: block;
	background: url(../images/sprite.png) no-repeat -135px -407px;
	width: 27px;
	height: 27px;
}

.btn_favoris.isfavoris {
	opacity: 1;
}

.alertetrafic-text {
	width:80%;
}

.alertetrafic-text p {
	width:80%;
}

/* TXT COOKIES */

#tx_cookies_showPermanent {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 99;
}
#tx_cookies {
	font-size: 14px;

}
#tx_cookies_inner {
	position: relative;
	background: #111111;
	padding: 10px 20px;
	color:white;
}

#tx_cookies_hide,
#tx_cookies_hide>div {
	display:inline;
}

#tx_cookies_inner a {
	background: #c1ce00;
	cursor: pointer;
	padding: 2px 5px;
	color: white;
	font-size: 13px;
}
#tx_cookies input[type="checkbox"] {
	float: left;
	margin-right: 3px;
}
#tx_cookies button,
#tx_cookies input[type="submit"] {
	border: 0;
	background: #c1ce00;
	cursor: pointer;
	padding: 2px;
	color: white;
	vertical-align: baseline;
}
#tx_cookies #tx_cookies_close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99;
}

#tx_cookies_inner a:hover,
#tx_cookies button:hover,
#tx_cookies input[type="submit"]:hover {
	background:black;
	transition: background .2s;
}

.signaturekoredge {
	text-align: center;
	font-size: 12px;
}

/* RESPONSIVE */
@media screen and (max-width:1390px) {
    #back-to-top {
        right:0;
    }
}

@media screen and (max-width:1780px) and (min-width:1200px) {
	div.infos .alerte-trafic-text {
		max-width: 50%;
	}
}
@media screen and (max-width:1450px) {
	#zone_espace{
		display: none;
	}	
	#zone_nav {
		display: block;
		width: 100%;
	}
	#entete {
		float: left;
		max-width: 100%;
		width: 100%;
		padding: 0 110px 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#btn_affiche_compte{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background: #aa1832;
		padding: 16px;
		text-align: center;
		color: #FFF;
		font-family: "Dosis";
		font-size: 1.4rem;
		text-transform: uppercase;
		cursor: pointer;
		max-width: 83px;
	}
	#btn_affiche_compte.actif{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10001;
		font-size: 0;
		padding: 20px;
	}
	#btn_affiche_compte.actif::before{
		content: "";
		font-size: 1rem;
		width: 4px;
		height: 24px;
		background: #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -12px 0 0 -2px;
		transform: rotate(45deg);
	}
	#btn_affiche_compte.actif::after{
		content: "";
		font-size: 1rem;
		width: 4px;
		height: 24px;
		background: #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -12px 0 0 -2px;
		transform: rotate(-45deg);
	}
	#zone_espace.actif{
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		height: auto;
		background: #FFF;
		z-index: 1000;
		padding: 12% 5% 0 5%;
		text-align: center;
	}	
	#zone_espace form {
		float: none;
		margin: 24px auto;
		max-width: 100%;
		width: 80%;
	}
	#zone_espace ul {
		float: none;
		display: block;
		margin: 30px auto;
		padding: 0;
	}
	#zone_espace form input[type="text"], #zone_espace form input[type="email"], #zone_espace form input[type="password"] {
		width: 100%;
		padding: 20px;
		text-align: center;
	}
	#zone_espace input[type="submit"]{
		border-radius: 25px;
		padding: 24px;
		margin: 0 auto;
		float: none;
		display: block;
	}
	
}
@media screen and (max-width:1200px) {
	#slider-home{
		background: url(../images/bayadere.png) #f2f2f2 repeat-x center top;
		padding: 20px 0 60px 0;
	}
	#pan-fixe{
		position: relative;
		right: 0 !important;
		left: 0 !important;
		top: auto;
		width: auto;
		height: 440px;
		border-top: 1px solid #FFF;
	}
	#btn-pan-fixe{
		display: none;
	}
	.pop-pan {
		padding: 20px;
	}
	.pop-pan > div{
		max-height: 320px;
		overflow-y: auto;
	}
	#onglets-pan-fixe a{
		font-size: 1.6rem;
		padding: 16px 24px;
	}
}
@media screen and (max-width:1180px) {
	.overslide h2{
		font-size: 3.6em;
		max-width: 80%;
	}
	.item_titre{
		width: 100%;
	}
	#listing_plans_cartes ul li{
		width: 50%;
	}

	#titres_et_tarifs.fullwidth #listing_plans_cartes ul li {
		width: 33.333%;
	}
}

@media screen and (max-width:1180px) and (min-width:640px) {

	.columns.col_1_2 #titres_et_tarifs.fullwidth #listing_plans_cartes ul li {
		width: 100%;
	}
}

@media screen and (max-width:960px) {
	#menu #btn_menu{
		display: block;
		background: #646d77;
		color: #FFF;
		font-size: 1.6rem;
		padding: 16px;
		position: relative;
		cursor: pointer;
	}
	#menu #btn_menu p{
		margin: 0;
		color: #FFF;
		font-size: 2rem;
		text-transform: uppercase;
		display: inline-block;
		vertical-align: middle;
		font-family: "Dosis";
		font-weight: 600;
	}
	#burger{
		position: relative;
		width: 24px;
		height: 3px;
		margin: 0 8px 0 0;
		background: #FFF;
		display: inline-block;
		vertical-align: middle;
	}
	#burger::before{
		content: "";
		display: block;
		position: absolute;
		top: -8px;
		width: 24px;
		height: 3px;
		background: #FFF;
		transition: transform .3s;
	}
	#burger::after{
		content: "";
		display: block;
		position: absolute;
		bottom: -8px;
		width: 24px;
		height: 3px;
		background: #FFF;
		transition: transform .3s;
	}
	#menu #btn_menu.actif #burger{
		background: none;
	}
	#menu #btn_menu.actif #burger::before{
		transform: rotate(-45deg);
		top: 0;
	}
	#menu #btn_menu.actif #burger::after{
		transform: rotate(45deg);
		bottom: 0;
	}
	#menu ul#deroulant{
		display: none;
	}
	#menu ul#deroulant.actif{
		display: block !important;
	}
	#menu > ul > li{
		display: block;
		font-size: 1.6rem;
		line-height: 1.2em
	}
	#menu > ul > li > a{
		color: #FFF;
		display: block;
		border-right: 0;
		text-align: left;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	#menu ul#deroulant > li .sous-menu {
		display: block !important;
		position: relative;
	}
	#menu ul#deroulant > li .sous-menu ul {
		width: 100% !important;
	}
	#logo{
		width: 135px;
		height: 40px;
		background-size: contain;
	}
	#btn_affiche_compte{
		top: 0;
	}
	#zone-infos-home .onglet{
		left: auto !important;
		position: relative !important;
		width: 100% !important;
		border-right: 0 !important;
	}
	#zone-infos-home{
		padding-top: 0;
	}
	.contenu-onglet{
		border-bottom: 1px solid #c6c6c6;
		padding-bottom: 20px;
	}
	
	#zone_utile #horaires {
		position: relative;
		display: block;
		margin-top: 30px;
	}
}

@media screen and (max-width:860px) {
	div.infos{
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		display: block;
	}

	div.infos .alerte-trafic-text {
		max-width: calc(100% - 100px);
	}

	#baya_liens{
		display: none;
	}
	.lien_rapides{
		padding: 0;
	}
	.lien_rapides ul li{
		width: 50%;
	}

	.lien_rapides ul li .nolink::before,
	.lien_rapides a::before{
		display: none !important;
	}
	.lien_rapides ul li .nolink,
	.lien_rapides ul li a{
		padding: 0 12px !important;
	}
	.lien_rapides.lien_img ul li > span{
		display: none;
	}
	.lien_rapides ul li .nolink,
	.lien_rapides ul li .nolink span,
	.lien_rapides ul li a span, .lien_rapides ul li a{
		height: 80px;
	}
	#social-wall {
		padding: 0 0;
		text-align: center;
	}
	#social-wall #mur{
		display: none;
	}
	#bas ul li{
		width: 50% !important;
	}
	.col_gauche, .col_droite{
		width: 100%;
	}
	#choix-date-heure select{
		width: 100%;
		max-width: 100%;
		margin: 20px 0;
		display: block;
	}
	#zone-itineraire a{
		margin: 0 10px;
	}
	#zone-itineraire input[type="submit"]{
		margin-bottom: 24px;
	}
	.listing_actus ul li{
		width: 50%;
	}
	#titres_et_tarifs{
		padding: 0;
		margin: 80px 0 60px 0;
	}
	#col_filtre{
		width: 100%;
		margin: 0;
		display: none;
	}
	#btn_affiche_filres{
		display: block;
		background: #aa1832;
		color: #FFF;
		font-size: 1.8em;
		padding: 12px 18px;
		font-family: "Dosis";
		text-transform: uppercase;
		cursor: pointer;
		position: relative;
	}
	#btn_affiche_filres::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 4px;
		height: 20px;
		background: #FFF;
		margin: -10px 0 0 0;
		border-radius: 2px;
		transition: transform .2s;
	}
	#btn_affiche_filres::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 4px;
		height: 20px;
		background: #FFF;
		margin: -10px 0 0 0;
		transform: rotate(90deg);
		border-radius: 2px;
		transition: transform .2s;
	}
	#btn_affiche_filres.actif::before{
		transform: rotate(-45deg);
	}
	#btn_affiche_filres.actif::after{
		transform: rotate(45deg);
	}
	#titres_et_tarifs {
		margin: 24px 0 30px;
		padding: 0;
	}
	#listing_plans_cartes{
		padding-top: 24px;
	}
	.zone_btn {
		margin-top: 12px;
		float: left;
	}
	.zone_btn a{
		margin-bottom: 8px;
	}

	#titres_et_tarifs.fullwidth #listing_plans_cartes ul li {
		width: 50%;
	}
}
@media screen and (max-width:640px) {
	#back-to-top{
        display:none;
    }
    
    .overslide h2{
		font-size: 2.8em;
		/*top: 40px;
		transform: translate(0, 0);*/
	}
	div.infos .alerte-trafic-text {
		font-size: 1.4em;
	}
	.bulle-infos{
		width: 44px;
		height: 44px;
		margin: 0 18px 0 0;
		font-size: 3.4rem;
		line-height: 1.3em;
	}
	#entete {
		padding: 0 20px;
		clear: both;
	}
	#zone_utile{
		padding: 20px 0;
	}
	#zone_utile #recherche {
		float: none;
		clear: both;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	#zone_utile #recherche input[type="text"]{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#langues a{
		transform: scale(0.6);
		margin-right: -8px;
	}
	#langues {
		padding-left: 6px;
		margin: 15px 0 10px 0;
	}
	#contact {
		margin-top: 0px;
	}
    .columns.col_1_2 {
		width:100%;
	}

	.columns.col_1_3 {
		width:100%;
	}
	#bandeau{
		min-height: 40px;
	}
	#bandeau h1 {
		font-size: 3.8em;
		padding: 40px 0 60px 0;
	}
	.img_titre img{
		display: block;
		margin: 10px auto;
		max-width: 60px;
		max-height: 60px;
	}
	
	.td_gauche{
		width: 100%;
		padding: 12px 0 0 0;
	}
	.td_gauche label{
		padding: 6px 0 0 0;
		text-align: left;
	}
	.td_droite{
		width: 100%;
		padding: 12px 0 0 0;
	}
	.td_droite input[type="text"], .td_droite input[type="date"],.td_droite input[type="time"], .td_droite input[type="number"], .td_droite input[type="tel"], .td_droite input[type="email"], .td_droite input[type="password"] {
		width: 100%;
	}
	.td_droite select{
		width: 100%;
	}
	.td_droite textarea{
		width: 100%;
	}
	.td_1_3{
		width: 32%;
	}
	.entete_favoris .btn_config{
		float: none;
		display: block;
		border-radius: 0;
		clear: both;
	}
	#mes_lignes .ligne ul li{
		display: block;
	}
	#mes_lignes .ligne ul li:nth-child(2){
		margin: 0;
	}
	.li_right{
		float: left;
		margin-top: 12px;
	}
}

@media screen and (max-width:480px) {
	.listing_actus ul li{
		width: 100%;
	}

	#titres_et_tarifs.fullwidth #listing_plans_cartes ul li {
		width: 100%;
	}

	.lien_rapides ul li{
		width: 100%;
	}

	.lien_rapides ul li .nolink,
	.lien_rapides ul li .nolink span,
	.lien_rapides ul li a span, .lien_rapides ul li a{
		font-size: 2rem;
	}
	#bas ul li{
		width: 100% !important;
	}
	#mentions img{
		display: inline-block;
		vertical-align: middle;
		margin: 6px; 
	}
	#listing_plans_cartes ul li{
		width: 100%;
		float:none;
	}
}


/* COULEURS */

.gris-clair.color{
	color: #a1c3c6 !important;
}
.gris-clair.background{
	background-color: #a1c3c6 !important;
}

.vert-clair.color{
	color: #bcb81b !important;
}
.vert-clair.background{
	background-color: #bcb81b !important;
}

.orange.color{
	color: #f6932b !important;
}
.orange.background{
	background-color: #f6932b !important;
}

.vert-fonce.color{
	color: #80ba27 !important;
}
.vert-fonce.background{
	background-color: #80ba27 !important;
}

.bleur.color{
	color: #00afeb !important;
}
.bleu.background{
	background-color: #00afeb !important;
}

.gris-fonce.color{
	color: #646d77 !important;
}
.gris-fonce.background{
	background-color: #646d77 !important;
}

.rose.color{
	color: #d55794 !important;
}
.rose.background{
	background-color: #d55794 !important;
}

.pourpre.color{
	color: #d32d60 !important;
}
.pourpre.background{
	background-color: #d32d60 !important;
}

/* GOOGLE SEARCH */

#page .gsc-control-cse table{
	border: none !important;
	background:none !important;
	border-collapse: collapse;
}
.gsc-webResult.gsc-result{
	padding: 20px 0 !important;
	border-bottom: 1px solid #DADADA !important;
	margin-bottom: 14px !important;
}
a.gs-title{
	color: #aa1832 !important;
	text-decoration: none !important;
	font-size: 2.2rem !important;
	font-family: "Dosis";
	height: auto !important;
	line-height: 1.3rem !important;
}
a.gs-title:hover{
	color: #d0212e !important;
}
.gs-bidi-start-align.gs-snippet{
	padding: 10px !important;
	
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{
	color: #51ad32 !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{
	text-decoration: none !important;
}

.gsc-result .gs-title {
	height: auto !important;
	overflow: visible !important;
}

.gsc-adBlock{
	display: none !important;
}

.gsc-above-wrapper-area-container td, .gsc-resultsHeader td{
	border: none !important;
	padding: 0 !important;
}

.gsc-cursor-page{
	padding: 12px 6px !important;
}

.gsc-cursor-box{
	padding-top: 12px !important;
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet{
	padding: 12px !important;
	text-align: center !important;
}

/* REDIM IMAGES HD */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
	
}