/*
 Theme Name:   flat Child
 Theme URI:    http://lemet.fr/
 Description:  lemet theme
 Author:       BBP
 Author URI:   http://bonbonpiment.com
 Template:     flat
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/
@import url("../flat/style.css");
/* rest */

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Temps réel */
#liste_lignes{
	
}

#liste_lignes .icon_ligne{
	height:25px;display: inline-block;text-align: center;line-height: 20px;margin: 0 15px 15px 0;cursor: pointer
}
#liste_lignes .icon_ligne_desc{
	color:white;font-weight: 700;padding:3px;display: inline-block;text-align: center;line-height: 20px;width:20px;height: 25px;margin-right: 0;
}
#liste_lignes .icon_ligne_label{
	background: black;color:white;font-weight: 700;padding:3px;display: inline-block;text-align: center;line-height: 20px;width:40px;height: 25px
}

.legendes_temps_reel{
	text-align: left;border-bottom: 1px solid #eee;font-weight: 100;
}
.legendes_temps_reel span{
	color:gray;font-weight: 300;padding:3px 0;display: inline-block;text-align: left;height: 25px;margin-right: 0;
}
.horaires_temps_reel{
	text-align: left;padding:9px 0;border-bottom: 1px solid gray;position: relative;
}
.horaires_temps_reel a {
	height:25px;display: inline-block;text-align: center;line-height: 20px;margin: 0;
}
.horaires_temps_reel a span.desc {
	color:white;font-weight: 700;padding:3px;display: inline-block;text-align: center;line-height: 20px;width:20px;height: 25px;margin-right: 0;
}
.horaires_temps_reel a span.branch_name {
	background: black;color:white;font-weight: 700;padding:3px;display: inline-block;text-align: center;line-height: 20px;width:40px;height: 25px;margin-right: 5px;
}
.horaires_temps_reel a span.girouette{
	font-size: 80%
}

.horaires_temps_reel .horaires {
	float:right;position:relative;top:5px;display: inline-block;text-align: right;
}

.horaires_temps_reel .led{
	width:10px;height:10px;border-radius: 5px;background:url(https://lemet.fr/images/temoin.gif) 0 0 no-repeat;display: inline-block;margin:0 2px;
}



.horaires_temps_reel .affichagenottemps{
	color:gray !important;
	padding:0 5px;margin-right: 10px;color: black;font-weight: 900;background: #eee;
}
.horaires_temps_reel .affichagetemps{
	padding: 0 2px;
margin-right: 3px;
color: black;
font-weight: 900;
background: #eee;
font-size: 80%;
}
.onTime{
	background: #2ecc71;
}
.delay{
	background : #e74c3c
}
/* Fin temps réel  */
.jsonhoraire{
	width:32%;float:left;margin-right: 1%
}
.jsonhoraire b { 
	background: black;
	color: white;
	width:20px;
	display: block;
	float: left;
	text-align: center;
}
.odd{ 
	background: #eee;
}
.even{
	background: white
}
.loading {
  margin: 65px 0 0;
}

#weather {
  width: 350px;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

#weather h1 {
  margin: 0;
  color: #00a4b2;
  font-family: weather;
  font-size: 200px;
  font-weight: normal;
  line-height: 1.0;
}

#weather h1.icon-0:before { content: ":"; }
#weather h1.icon-1:before { content: "p"; }
#weather h1.icon-2:before { content: "S"; }
#weather h1.icon-3:before { content: "Q"; }
#weather h1.icon-4:before { content: "S"; }
#weather h1.icon-5:before { content: "W"; }
#weather h1.icon-6:before { content: "W"; }
#weather h1.icon-7:before { content: "W"; }
#weather h1.icon-8:before { content: "W"; }
#weather h1.icon-9:before { content: "I"; }
#weather h1.icon-10:before { content: "W"; }
#weather h1.icon-11:before { content: "I"; }
#weather h1.icon-12:before { content: "I"; }
#weather h1.icon-13:before { content: "I"; }
#weather h1.icon-14:before { content: "I"; }
#weather h1.icon-15:before { content: "W"; }
#weather h1.icon-16:before { content: "I"; }
#weather h1.icon-17:before { content: "W"; }
#weather h1.icon-18:before { content: "U"; }
#weather h1.icon-19:before { content: "Z"; }
#weather h1.icon-20:before { content: "Z"; }
#weather h1.icon-21:before { content: "Z"; }
#weather h1.icon-22:before { content: "Z"; }
#weather h1.icon-23:before { content: "Z"; }
#weather h1.icon-24:before { content: "E"; }
#weather h1.icon-25:before { content: "E"; }
#weather h1.icon-26:before { content: "3"; }
#weather h1.icon-27:before { content: "a"; }
#weather h1.icon-28:before { content: "A"; }
#weather h1.icon-29:before { content: "a"; }
#weather h1.icon-30:before { content: "A"; }
#weather h1.icon-31:before { content: "6"; }
#weather h1.icon-32:before { content: "1"; }
#weather h1.icon-33:before { content: "6"; }
#weather h1.icon-34:before { content: "1"; }
#weather h1.icon-35:before { content: "W"; }
#weather h1.icon-36:before { content: "1"; }
#weather h1.icon-37:before { content: "S"; }
#weather h1.icon-38:before { content: "S"; }
#weather h1.icon-39:before { content: "S"; }
#weather h1.icon-40:before { content: "M"; }
#weather h1.icon-41:before { content: "W"; }
#weather h1.icon-42:before { content: "I"; }
#weather h1.icon-43:before { content: "W"; }
#weather h1.icon-44:before { content: "a"; }
#weather h1.icon-45:before { content: "S"; }
#weather h1.icon-46:before { content: "U"; }
#weather h1.icon-47:before { content: "S"; }

#weather h2 {
  margin: -50px 0 8px;
  color: #00a4b2;
  font-size: 90px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  margin: 0 15px;
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

#weather .updated {
  opacity: 0.45;
}

body{}
a { color: #34495e}
.nomargin{
	margin: 0;padding:0;
}
.hentry {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}
.default{background: white}
.bleu{ background: #00a4b2}
.mirabelle{ background: #f58507 }
.prune{ background: #b02f78 }
.vert{ background:  #81b71c}

.nav-tabs li a.disabled {
	color:red;
	
}
#site-navigation a{
	text-transform: none !important;
	font-size: 100%;
}
.datepicker table tr td.active.day{
	background: #00a4b2;
}
.geolocme i {
	position: absolute;
	left: 30px;
	bottom: 10px;
	padding:4px;
	font-size: 200%;
	background: #efefef;
	z-index: 111111;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.white{
	background: white;
}
.C{ background: #00a4b2}
.M{ background: #f58507 }
.L{ background: #b02f78 }
.P{ background:  #81b71c}
.N{ background:  maroon}

.Cb{ border-color: #00a4b2}
.Mb{ border-color: #f58507 }
.Lb{ border-color: #b02f78 }
.Pb{ border-color:  #81b71c}
.Nb{ border-color:  maroon}

.ui-group-buttons .btn {
	padding:10px 20px;
}
.modulescontainer{
	position: relative;
}
ul.iconslist {
	position: absolute;
	right:0;
	top:5px;
	list-style: none;
}
ul.iconslist li {
    float: left;
    color: gray;
    font-size: 160%;
    margin: 0px 6px 0 6px;
}
ul.iconslist li a{
	color: gray;
}
ul.iconslist li.inter {	
	margin: 0 14px;
}
/* MAP */
.homemap{
	width:100%;
	margin:0;
	height:700px;
}
.geoloc{
	width:10px;
	height:10px;
	background: red;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top:50%;
	left:50%;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
}
.inverse {
	background: #808080 none repeat scroll 0% 0%;
	color: #FFF;
	padding: 4px 8px;
	border-radius: 2px;
	position: absolute;
	top: 118px;
	right: 22px;
	z-index: 1000;
}
.locate {
	background: #808080 none repeat scroll 0% 0%;
	color: #FFF;
	padding: 4px 8px;
	border-radius: 2px;
	position: absolute;
	top: 34px;
	right: 22px;
	z-index: 1000;
}
.champadresse {
	position: absolute;
	top:15px;
	width:75%;
	right:10%;
	z-index: 998;
}
/* PAGE et HEADER */
#preheader {
	text-align: center;
	width:100%;
	margin: 0;
	padding: 10px 0;
	background: #34495e;
	color: white;
	font-weight: 900;
}
#page {
	margin-top:20px;
	background: none !important;
}
#primary{
	margin:0px;
	background-color: none;
	background: none;
}
#secondary{
	padding:0 10px;
}
#main-sidebar{
	background: white;
	color:black
}
.hgroup {
	background: white;
	color:black;
	text-align: center;
	padding:20px 0;
	border-bottom: 1px solid #ddd !important;
}

.main-navigation {
	
}
.main-navigation ul li {
	list-style: circle !important;
}
.main-navigation ul li i{
	color: gray !important;
}
.nav-menu ul li  {
	background: none;
	padding-left: 10px;
}


.menu-item a {color:black}
.menu-item {
	background: white;
}

.sub-menu li {
	background: gray
}

.nav-menu li a {
	color: black !important;
}
.nav-tabs{
	margin-bottom: 0;
	border-bottom: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 1px solid #fff;
    border-bottom-color: transparent;
}
.nav-tabs li{
	background: none;
}

.menu-item-has-children,.menu-item-21624,.menu-item-19000,.menu-item-20372,.menu-item-21558 {
	border-bottom: 1px #ddd solid !important;
	position: relative;
	cursor: pointer;
	
}
.menu-item-has-children > a,.menu-item-21624 > a,.menu-item-19000 > a,.menu-item-20372 > a,.menu-item-21558 > a {
	margin-left: 15px;

}
.menu-item-21624,.menu-item-19000,.menu-item-20372,.menu-item-21558{
	position: relative;
}
.menu-item-21624:before,.menu-item-19000:before,.menu-item-20372:before,.menu-item-21558:before {
	content: ' \25CF';
    font-size: 35px;
    margin: 0 0 0 10px;
    position: absolute;
    top:-9px;
    left:0px;
    color:#81b71c;
}
.menu-item-19000:before,.menu-item-20372:before,.menu-item-21558:before{
	color:#999;
}

.menu-item-has-children:before{
	content: ' \25CF';
    font-size: 35px;
    margin: 0 0 0 10px;
    position: absolute;
    top:-9px;
    left:0px;
}
.menu-item-has-children:nth-child(1):before{
	color:#f58507;
}
.menu-item-has-children:nth-child(2):before{
	color:#b02f78;
}
.menu-item-has-children:nth-child(3):before{
	color:#00a4b2;
}
.menu-item-has-children:nth-child(4):before{
	color:#81b71c;
}

.menu-item-has-children:nth-child(1) .sub-menu{
	background: #f58507 !important;
}
.menu-item-has-children:nth-child(2) .sub-menu{
	background: #b02f78 !important;
}
.menu-item-has-children:nth-child(3) .sub-menu{
	background: #00a4b2 !important;
}
.menu-item-has-children:nth-child(4) .sub-menu{
	background: #81b71c !important;
}
.menu-item-has-children .sub-menu{
	position: relative;
}
.menu-item-has-children .sub-menu:after {
	position: absolute;
	top:10px;
	left: 90px;
	z-index: 1000;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7.5px 0 7.5px;
	border-color: #ffffff transparent transparent transparent;
}
.menu-item-has-children ul li a {
	color : white !important;
	font-weight: 900;
	position: relative;
}
.menu-item-has-children ul li a:before{
	content: ' \25CF';
    font-size: 10px;
    margin: 0 0 0 10px;
    position: absolute;
    top:-2px;
    left:-2px;
}
.menu-item-has-children ul li:nth-child(1):after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7.5px 0 7.5px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 10000;
    position: absolute;
    top:-2px;
    left:14px;
    content: ' ';
}
.phonewidget{
	background: #8A8A8A;
	color:white;
	margin:0;
	text-align: center;
}
.phonewidget p{
	padding: 12px 0 2px 0;
}
.phonewidget i{
	font-size: 250%;
	position: relative;
	top:7px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#searchform .field {
	background: #eee;
}

.tab-content {
	background: white;
	padding: 10px;
}

.affix {
  position: fixed;
  top:10px;
  width:280px;
}
.dynamiquetitre{
	padding:0;
	margin:20px 0 0 0;
}
.dynamiquetitre span{
	background: black;
	color: white;
	font-weight: 900;
	padding:3px;
}
.dynamique{
	background: #eee;
	color: gray;
	padding:0;
	margin: 0;
	position: relative;
	margin-top: 10px;
	padding-bottom: 5px;
}
.dynamique .ligne{
	font-weight:900;
	color:white;
	text-align: center;
	padding:0 10px;
	width:40px;
	position:absolute;
	top:5px;left:37px;
}
.dynamique .description{
	font-weight:900;
	color:white;
	background: black;
	text-align: center;
	padding:0 10px;
	width:30px;
	position:absolute;
	top:5px;left:5px;
}

.dynamique .headsign{
	font-weight:900;
	width:100%;
	position:absolute;
	top:0px;
	left:80px;
	font-size: 90%;
}
.dynamique .stop{
	width:100%;
	position:absolute;
	top:16px;
	left:80px;
	font-size: 80%;
}
.dynamique .row .col-md-4 {
	text-align: center;
	font-weight: 900;
}
.radio .btn-primary.active {
    background-color: #204d74;
    color: white;
    border-color: #122b40;
    opacity: 1;
}

.mymail-email {
	background: #eee !important
}
.submit-button {
	background: #555 !important;
	color: white !important;
	border: none;
}

/* Style datepicker */

.dropdown-menu table {
    border: none;
    margin-bottom: 0;
}
.dropdown-menu th {
    border: none;
    background: none;
}
.dropdown-menu th, .dropdown-menu td {
    padding: 5px;
}

.dropdown-menu .btn-default {
    color: #333;
}

.dropdown-menu .btn-default {
    border: none;
}
.dropdown-menu .btn:hover {
    background-color: #e0e0e0;
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: white;
    color: black;
}

#responsive-menu {
  top : 46px !important;
}
#responsive-menu .responsive-menu ul {
	list-style-type: none !important;
}

#responsive-menu .responsive-menu li a {
	border-top : 0px !important;
}

#responsive-menu .responsive-menu > li a:hover {
	color: black !important;
	background: none !important;
}

#responsive-menu .appendLink{
	border : 0px !important;
}

#responsive-menu .menu-item-has-children ul li a::before {
	content :"" !important;
}

#responsive-menu li.current_page_item a {
	background: none !important;
	color:black !important;
}
@media (max-width: 768px) {
    .wpcmsdev-columns div.column {
        width: 30.666667% !important;
    }
}