/* FONTS */
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0; background:#ededed; background:url('../../img/bg.png') repeat #ededed; font-family: 'Roboto', sans-serif; font-weight: 400;}

#wallpaper{ min-width: 960px;}

/* COLORS */
.color-a{color: #ffffff;}
.color-a a{color: #ffffff;text-decoration:none;}
.color-a a:hover{color: #ffffff;text-decoration:underline;}
.color-b{color: #0bbaef;}
.color-b a{color: #0bbaef;text-decoration:none;}
.color-b a:hover{color: #0bbaef;text-decoration:underline;}
.color-c{color: #000;}
.color-c a{color: #000;text-decoration:none;}
.color-c a:hover{color: #000;text-decoration:underline;}
.color-d{color: #757575;}
.color-d a{color: #757575;text-decoration:none;}
.color-d a:hover{color: #757575;text-decoration:underline;}

.light{ font-family: 'Roboto', serif; font-weight: 300; }
b{ font-family: 'Roboto', serif; font-weight: 600; }

.clear{clear:both; }
.without-underline a{text-decoration:none;}
.without-underline a:hover{text-decoration:none;}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
}
.big{ font-size: 38px; text-shadow: 1px 1px 3px #333; color:#ff6600}
.more{ font-size: 14px; color: #ffffff; display: inline-block; padding-top: 20px;}
.more a{ color: #ffffff;}
.more a:hover{ color: #ffffff; }
.h2.titleH2{ background-color: #0bbaef; border-radius: 3px; color: #ffffff; padding: 2px 5px 5px 5px; font-size:18px; font-weight: 400;  }
.h2.titleH2Orange{ background-color: #013343; border-radius: 3px; color: #ffffff; padding: 2px 5px 5px 5px; font-size:18px; font-weight: 400;  }
.raquo{ color:#ffffff; font-size:24px; padding: 0; line-height: 24px; }

/*POSITIONNEMENT*/
.with-margin-topbottom{ margin-top:10px; margin-bottom:10px; }
.with-padding-topbottom{ padding-top:10px; padding-bottom:10px; }
.with-padding-topbottom-5{ padding-top:5px; padding-bottom:5px; }
.with-padding-topbottom-7{ padding-top:7px; padding-bottom:7px; }
.with-padding{ padding:10px; }
.with-padding-vertical{ padding:15px; }
.with-padding-5{ padding:5px; }
.with-margin{ margin:10px; }
.with-margin-left-15{ margin-left:15px; }
.with-margin-right-15{ margin-right:15px; }
.with-margin-top-20{ margin-top:20px; }
.lineSpace{ margin:0; padding: 0; height: 15px; }
.block iframe{ display:block; padding: 0; margin: 0;vertical-align: top; }
.block img{ display:block; padding: 0; margin: 0;vertical-align: top; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.float-right{ float: right; }
.float-left{ float: left; }

/* BACKGROUND */
.bg-gris{ background: #2b2d2e; }
.bg-blanc{ background: #ffffff; }
.bg-bleu{ background: #0bbaef; }

/* TOP ET HEADER */
header{ position: fixed; width: 100%; z-index: 1000; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); color:#013343; }
.subBody{width: 100%; height: 134px; background:#ffffff; }

.navbar-tcms{ padding:0px; margin: 0; display: block; z-index:100; width:100%; }
.navbar-tcms .logo-top{ display: inline-block; height:104px; }
.navbar-tcms .logo-top img{ width:284px; height:100px; }

.navbar-tcms .menu-container { height: 35px; background: #0bbaef; }
	.navbar-tcms .menu { padding: 0; margin:0; list-style-type: none; display: inline-block; height: 35px; }
	.navbar-tcms .menu li{ float:left; border-left:1px solid #ffffff; height: 35px; }
    .navbar-tcms .menu li.logo{display:none; }
	.navbar-tcms .menu li a{ margin: 0; padding-right:12px; text-transform: uppercase; display: inline-block; height: 35px; color: #ffffff; font-weight: 700; font-size: 16px; }
	.navbar-tcms .menu li a .picto{ float: left; margin-top: 5px; margin-left: 15px; display: inline-block; background: #0bbaef; width: 25px; height: 25px; }
	.navbar-tcms .menu li a .logo{ float: right; margin-left: 5px; display: inline-block; width: 25px; height: 25px; margin-top: 5px; }
	.navbar-tcms .menu li a div{ float: left; margin-top: 8px; margin-right: 5px; margin-left: 5px; display: inline-block; }
	.navbar-tcms .menu li a:hover{ background: #013343; }
	.navbar-tcms .menu li a:hover img{ background: #013343; }
	.navbar-tcms .menu li.home { border-left:0; }
	.navbar-tcms .menu li.home a{ padding: 0; }
	.navbar-tcms .menu li.home a .picto{ margin-right: 10px; margin-left: 10px; }
	.navbar-tcms .menu li.home a  div{ margin-right: 10px; }
	.navbar-tcms .menu li.pros a{ background: #ffc600; padding-right:20px; }
	.navbar-tcms .menu li.pros a:hover{ background: #eeb902; }
	.navbar-tcms .menu li.pros a.active{ background: #eeb902; }

	.navbar-tcms .menu li.active a{ background: #013343; }
	.navbar-tcms .menu li.active a{ color: #ffffff; }
	.navbar-tcms .menu li.active a img{ background: #013343; }
	.navbar-tcms .menu li.active.pros a{ background: #eeb902; }

	.navbar-tcms .menu li.right{ float: right; }
	.navbar-tcms .menu li:last-child{ border-right: 0; }

header .followus{ padding-top:40px; color:#ffffff;}
    header .followus b{ font-weight: 400; font-size: 14px; }
    header .followus .round{text-align: center;width:30px; height: 24px; padding-top:6px; display: inline-block; border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: #0bbaef; color:#ffffff}
    header .followus .round:hover{background: #013343;}

/* FOOTER */
footer{ width: 100%; min-height: 400px; background:url('../../img/bg-footer.png') repeat #063343; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); }
    footer .container-links{ width: 1000px; margin-right: auto; margin-left: auto; }
    footer .links-footer{ width: 250px; color: #ffffff; padding-top:40px; text-align:center; }
    footer .links-footer b{ font-size: 15px; margin-bottom: 10px; display: inline-block;}
    footer .links-footer a{ font-size: 13px; display: inline-block; text-decoration: none; color: #ffffff;}
    footer .links-footer a:hover{ text-decoration: underline; color: #ffffff;}
    footer .partenaire{ margin-top:20px; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding-top:20px; padding-bottom:10px; color:#ffffff;}
    footer .partenaire b{ font-weight: 700; font-size: 14px; }
    footer .links-footer .round{margin: 15px; width:30px; height: 24px; padding-top:6px; display: inline-block; border: 1px solid rgba(255,255,255,0.5); border-radius:15px; color: rgba(255,255,255,0.5)}
    footer .links-footer .round:hover{border: 1px solid rgba(255,255,255,1); color: rgba(255,255,255,1)}
    footer .copyright{color:rgba(255,255,255,0.5); font-size:14px; margin-top:10px;}
    footer .copyright a{color:rgba(255,255,255,0.5); text-decoration: none;}
    footer .copyright a:hover{color:rgba(255,255,255,0.5); text-decoration: none;}
    footer .osrgroupe{margin-top:20px;}
    footer .osrgroupe a{width: calc(12% - 10px); display:inline-block; margin:5px;}
    footer .osrgroupe a img{margin-left:10px;margin-right:10px; width:60%;}
    
/* BREADCRUMB */
.breadcrumb {  border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; }
.breadcrumb .container-breadcrumb{ padding-top:10px; padding-bottom: 20px; }
.breadcrumb .h1 { color: rgba(72, 72, 72, 1); }
.breadcrumb .h1 img{ background: rgba(72, 72, 72, 1); display: inline-block; float:left; width: 40px; height: 40px; }
.breadcrumb .h1 div{ display: inline-block; margin-top: 3px; margin-left: 10px; float:left; }
.breadcrumb .sub {font-size: 14px; color: rgba(117, 117, 117, 1); margin-bottom: 10px; margin-left: 50px;}
.breadcrumb .sub a{text-decoration:none; color: rgba(117, 117, 117, 1);}
.breadcrumb .sub a:hover{text-decoration: underline;}
.breadcrumb .package { margin-left: 50px; font-size: 14px; color: rgba(117, 117, 117, 1);}

.breadcrumb-map-container { width: 100%; height: 230px; background: #ffffff; }
.breadcrumb-map-container .breadcrumb-map{ width: 100%; height: 230px; }

.breadcrumb-photo-container { width: 100%; height: 180px; background: #ffffff; }
.breadcrumb-photo-container .breadcrumb-map{ width: 100%; height: 180px; }

.breadcrumb-home-container { width: 100%; height: 250px; background: #ffffff; }
.breadcrumb-home-container .breadcrumb-home{ width: 100%; height: 250px; }


/* PARTAGE */
.coords{ padding-top:15px; font-size: 14px; color: rgba(117, 117, 117, 1); text-align: right; margin-right: 5px;}
.ligne-partage{ padding-top:47px; margin-right: 5px; }
.ligne-partage.withCoords{ padding-top:10px; margin-right: 5px; }
    .ligne-partage .facebook{ float:left; margin-right:20px; max-width:100px; overflow:hidden; }
    .ligne-partage .facebook2{ float:left; margin-right:20px; overflow:hidden; }
    .ligne-partage .google{ float:left; max-width:100px; overflow:hidden; }
    .ligne-partage .twitter{ float:left; max-width:100px; overflow:hidden; }

/* CARDS */
.card{ 
    overflow: hidden;
    width: 100%;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}
.card.active{ 
    border: 1px solid #0bbaef;
    background: #e2f8ff;
}
.card .title{ padding: 5px 10px 5px 10px; font-size: 16px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 300; border-bottom: 1px solid #dcdcdc; }
.card .title.playfair{ letter-spacing: 0px; }
.card .subTitle{ padding: 0px 10px 10px 10px; font-size: 13px; font-family: 'Source Sans Pro', sans-serif;}
.card .titleForecast{font-size:12px; border-bottom: 1px solid #dcdcdc; color:rgba(117, 117, 117, 1); padding-top:5px; padding-bottom: 5px;  padding-left: 10px; text-transform: uppercase;}
.card .titleForecastSecondary{font-size:10px; color:rgba(117, 117, 117, 0.5); padding-top:5px; padding-bottom:0px; padding-left: 2px; text-transform: none;}
.card .titleForecastSecondary.line{border-top: 1px solid #dcdcdc;}
.card .titleForecastSecondary.line-bottom{border-bottom: 1px solid #dcdcdc; padding-bottom:5px;}

.card .live {font-size: 14px;}
.card .live b{color: #0bbaef; font-size: 16px;}
.card .live em{color: rgba(117, 117, 117, 0.5); font-size: 12px;}

.card .bouee {font-size: 12px;}
.card .bouee b{color: #0bbaef; font-size: 16px;}
.card .bouee em{color: rgba(117, 117, 117, 0.5); font-size: 12px;}

/* MATCH */
.match,.match:hover,.match:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
a.match:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.match .championnat{ width: 90px; text-align: left; border-right: 1px solid #dcdcdc; margin-right: 10px; }
.match .championnat .col_a{ width: 90px; max-width: 90px; text-align:left; }
.match .championnat .col_a.text-center{ padding-top: 20px; max-width: 120px; width: 120px; text-align:center; }
.match .equipe{ color: #0bbaef; width: 195px; }
.match .equipe.line{ border-right: 1px solid #dcdcdc; margin-right: 10px; padding-right: 10px; }
.match .date{ width: 70px; font-size: 12px;padding-top: 10px; }
.match .meteo{ width: 230px; max-width: 230px;}
.match .meteo .mitemps1{ width: 50%; font-size: 11px; text-align: left;}
.match .meteo .titleMitemps{ color:rgba(117, 117, 117, 0.5); }
.match .meteo .mitemps1 .temperature b{ font-size: 18px; color: #0bbaef; height: 20px; float:left; margin-top:5px;}
.match .meteo .mitemps1 .temperature span{ height: 20px; display: inline-block; float:left; margin-top:10px;}
.match .meteo .mitemps1 .temperature img{ width: 30px; float:left;}
.match .meteo .mitemps2{ width: 50%; font-size: 11px; text-align: left;}
.match .meteo .mitemps2 .temperature b{ font-size: 18px; color: #0bbaef; height: 20px; float:left; margin-top:5px;}
.match .meteo .mitemps2 .temperature span{ height: 20px; display: inline-block; float:left; margin-top:10px;}
.match .meteo .mitemps2 .temperature img{ width: 30px; float:left;}

/* HOME MATCH */
.match-home,.match-home:hover,.match-home:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
.match-home:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.match-home .blason{ width: 70px; text-align: left; border-right: 1px solid #dcdcdc; margin-right: 10px; }
.match-home .details{ text-align: left; font-size: 12px; }
.match-home .details .title-championnat{ color: #0bbaef; font-size: 13px; margin-bottom: 5px; display: inline-block; }

/* CARD SPOT */
.card-spot,.card-spot:hover,.card-spot:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
.card-spot:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.card-spot .blason{ width: 40px; text-align: left; border-right: 1px solid #dcdcdc; margin-right: 10px; }
.card-spot .details{ text-align: left; font-size: 12px;width: 130px; overflow: hidden; }
.card-spot .details .title-spot{ color: #0bbaef; font-size: 13px; margin-bottom: 5px; display: inline-block; }
.card-spot .meteo{ text-align: left; font-size: 12px; border-left: 1px solid #dcdcdc; margin-left: 10px; padding-left: 10px; }
.card-spot .meteo .direction{ margin-right: 5px; }
.card-spot .meteo .taille{ font-size: 12px; }
.card-spot .meteo .taille b{ color: #0bbaef; font-size: 18px; }

/* CARD STADE */
.card-stade,.card-stade:hover,.card-stade:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
.card-stade:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.card-stade .blason{ width: 40px; text-align: left; border-right: 1px solid #dcdcdc; margin-right: 10px; }
.card-stade .details{ text-align: left; font-size: 12px;width: 150px; overflow: hidden; }
.card-stade .details .title-stade{ color: #0bbaef; font-size: 13px; margin-bottom: 5px; display: inline-block; }
.card-stade .meteo{ text-align: left; font-size: 12px; border-left: 1px solid #dcdcdc; margin-left: 10px; padding-left: 10px; }
.card-stade .meteo .direction{ margin-right: 5px; }
.card-stade .meteo .tempe{ font-size: 12px; }
.card-stade .meteo .tempe b{ color: #0bbaef; font-size: 18px; }

/* CARD GOLF */
.card-golf,.card-golf:hover,.card-golf:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
.card-golf:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.card-golf .blason{ width: 40px; text-align: left; border-right: 1px solid #dcdcdc; margin-right: 10px; }
.card-golf .details{ text-align: left; font-size: 12px;width: 150px; overflow: hidden; }
.card-golf .details .title-stade{ color: #0bbaef; font-size: 13px; margin-bottom: 5px; display: inline-block; }
.card-golf .meteo{ text-align: left; font-size: 12px; border-left: 1px solid #dcdcdc; margin-left: 10px; padding-left: 10px; }
.card-golf .meteo .direction{ margin-right: 5px; }
.card-golf .meteo .tempe{ font-size: 12px; }
.card-golf .meteo .tempe b{ color: #0bbaef; font-size: 18px; }

/* CARD VENT */
.card-wind,.card-wind:hover,.card-wind:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
.card-wind:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.card-wind .blason{ width: 40px; text-align: left; border-right: 1px solid #dcdcdc; margin-right: 10px; }
.card-wind .details{ text-align: left; font-size: 12px;width: 130px; overflow: hidden; }
.card-wind .details .title-spot{ color: #0bbaef; font-size: 13px; margin-bottom: 5px; display: inline-block; }
.card-wind .meteo{ text-align: left; font-size: 12px; border-left: 1px solid #dcdcdc; margin-left: 10px; padding-left: 10px;width: 145px; }
.card-wind .meteo .direction{ margin-right: 5px; }
.card-wind .meteo .taille{ font-size: 12px; }
.card-wind .meteo .taille b{ color: #0bbaef; font-size: 18px; }

/* LIST POIS */
.list-poi,.list-poi:hover,.list-poi:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block; width: calc(100% - 5px); border-bottom: 1px solid #dcdcdc; padding-bottom:5px; padding-top:5px; padding-left:5px;}
.list-poi:hover{ background:#efefef }
.list-poi.without-bottom{ border-bottom: 0px; padding-bottom:5px; padding-top:5px; padding-left:5px;}
.list-poi .blason{ width: 40px; text-align: left; margin-right: 10px; }
.list-poi .details{ text-align: left; font-size: 12px; overflow: hidden; }
.list-poi .details .title-poi{ color: #0bbaef; font-size: 13px; margin-bottom: 5px; display: inline-block; }

/* NEXT DAYS FORECAST */
.next-days-forecast{color: rgba(72, 72, 72, 1);}
.next-days-forecast .days-forecast,.next-days-forecast .days-forecast:hover,.next-days-forecast .days-forecast:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; cursor: pointer;}
.next-days-forecast .days-forecast:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.next-days-forecast .days-forecast .weather-forecast{ width: 55px; }
.next-days-forecast .days-forecast .date-forecast{ font-size: 12px; border-bottom: 1px solid #dcdcdc; padding: 5px 10px 5px 10px; }
.next-days-forecast .days-forecast .date-forecast b{ font-size: 16px; }
.next-days-forecast .days-forecast .temperature-forecast{ font-size: 16px; }
.next-days-forecast .days-forecast .temperature-forecast b{ font-size: 24px; }
.next-days-forecast .days-forecast .wind-forecast{ margin-top:0px; }
.next-days-forecast .days-forecast .wind-forecast img{ width: 35px; height: 35px; }
.next-days-forecast .days-forecast .wind-text-forecast{ font-size: 12px; margin-top:5px; }
.next-days-forecast .days-forecast .wind-text-forecast b{ font-size: 16px; }

.next-days-forecast .days-forecast .waves-forecast{ margin-top:5px; }
.next-days-forecast .days-forecast .waves-forecast img{ width: 35px; height: 35px; }
.next-days-forecast .days-forecast .waves-text-forecast{ font-size: 12px; margin-top:5px; }
.next-days-forecast .days-forecast .waves-text-forecast b{ font-size: 20px; color: #0bbaef; }

/* BLOCS */
.next-days-forecast .night{ /*background: #efefef;*/ }
.next-days-forecast .round{ width: 30px; height: 30px; margin-left: auto; margin-right: auto; border-radius: 5px; text-align: center; font-size: 12px; line-height: 30px;}
.next-days-forecast .hoursForecast .hours{ text-align: center; font-size:11px; color:rgba(117, 117, 117, 1); padding-top:5px; padding-bottom: 5px; }
.next-days-forecast #weatherForecast{ }
.next-days-forecast #weatherForecast .weather{ padding-top:5px; padding-bottom:5px; text-align: center; }
.next-days-forecast #weatherForecast .weather img{ width: 35px; height: 35px; }
.next-days-forecast #weatherForecast .temperature{ padding-top: 0px; padding-bottom: 5px; text-align: center; font-size: 12px;}
.next-days-forecast #windForecast{ }
.next-days-forecast #windForecast .wind-speed{ padding-top: 5px; padding-bottom: 5px; text-align: center; font-size: 12px;}
.next-days-forecast #windForecast .wind-gust{ padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px;}
.next-days-forecast #windForecast .wind-direction{ margin-top:5px; margin-bottom:0px; text-align: center;}
.next-days-forecast #windForecast .wind-direction img{ width: 35px; height: 35px; }
.next-days-forecast #windForecast .wind-direction-txt{ padding-top: 0px; padding-bottom: 10px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast{ }
.next-days-forecast #wavesForecast .houle-min{ padding-top: 5px; padding-bottom: 0px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast .houle-max{ padding-top: 5px; padding-bottom: 5px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast .houle-primaire{ padding-top: 5px; padding-bottom: 10px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast .periode-houle{ padding-top: 0px; padding-bottom: 0px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast .direction-houle{ margin-top:5px; margin-bottom:0px; text-align: center;}
.next-days-forecast #wavesForecast .direction-houle img{ width: 35px; height: 35px; }
.next-days-forecast #wavesForecast .direction-houle-txt{ padding-top: 0px; padding-bottom: 5px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast .direction-houle-txt.secondaire{ padding-top: 0px; padding-bottom: 10px; text-align: center; font-size: 12px;}

.next-days-forecast #wavesForecast .houle-primaire.without-data{ padding-top: 15px; padding-bottom: 10px; font-size: 12px;}
.next-days-forecast #wavesForecast .periode-houle.without-data{ padding-top: 0px; padding-bottom: 0px; font-size: 12px;}
.next-days-forecast #wavesForecast .direction-houle.without-data{ margin-top:15px; margin-bottom:0px; font-size: 12px; }
.next-days-forecast #wavesForecast .direction-houle-txt.without-data{ padding-top: 0px; padding-bottom: 5px; text-align: center; font-size: 12px;}
.next-days-forecast #wavesForecast .direction-houle-txt.secondaire.without-data{ padding-top: 0px; padding-bottom: 10px; text-align: center; font-size: 12px; }

.next-days-forecast #tideForecast .tide{ padding-top: 10px; padding-bottom: 0px; text-align: center; font-size: 12px;}

.next-days-forecast #pressureForecast .pressure{ padding-top: 10px; padding-bottom: 0px; text-align: center; font-size: 12px; }
.next-days-forecast #humidityForecast .precipitations{ padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px; }
.next-days-forecast #humidityForecast .humidity{ padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px; }
.next-days-forecast #coverForecast .cover{ padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 12px; }

.next-days-forecast .show-up{position: absolute; width: 100px; z-index: 999; margin-left: 0px; margin-top: -15px; text-align: center; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);}
.next-days-forecast .show-up-col{position: absolute; width: 100px; z-index: 998; margin-left: 0px; margin-top: -15px; text-align: center; }

/* EVENTS / MATCHS */
.event-map-container { width: calc(100%-20px); height: 578px; background: #ffffff; }
.event-map-container .event-map{ width: 100%; height: 578px; }
.match-list,.match-list:hover,.match-list:visited{ text-align: center; color: rgba(72, 72, 72, 1); text-decoration: none; display: inline-block;}
.match-list:hover{ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); border: 1px solid #ffffff; }
.match-list .equipe{ color: #0bbaef; width: 165px; }
.match-list .equipe img{ margin-left: 5px; }
.match-list .equipe.line{ border-right: 1px solid #dcdcdc; margin-right: 10px; padding-right: 10px; }
.match-list .equipe.line img{ margin-right: 5px; }
.match-list .date{ width: 30px; font-size: 12px;padding-top: 20px; }
.match-list .meteo{ width: 446px; max-width: 446px;}
.match-list .meteo .mitemps1{ width: 50%; font-size: 11px; text-align: left;}
.match-list .meteo .titleMitemps{ color:rgba(117, 117, 117, 0.5); }
.match-list .meteo .mitemps1 .temperature{ margin-right: 10px;}
.match-list .meteo .mitemps1 .temperature b{ font-size: 32px; color: #0bbaef; height: 20px; display: inline-block;float:left; margin-top:5px; margin-left:10px;}
.match-list .meteo .mitemps1 .temperature span{ height: 20px; display: inline-block; float:left; margin-top:10px;}
.match-list .meteo .mitemps1 .temperature img{ width: 45px; float:left;}
.match-list .meteo .mitemps2{ width: calc(50% - 5px); font-size: 11px; text-align: left; padding-left: 5px; }
.match-list .meteo .mitemps2 .temperature{ margin-right: 10px;}
.match-list .meteo .mitemps2 .temperature b{ font-size: 32px; color: #0bbaef; height: 20px; float:left; margin-top:5px;}
.match-list .meteo .mitemps2 .temperature span{ height: 20px; display: inline-block; float:left; margin-top:10px;}
.match-list .meteo .mitemps2 .temperature img{ width: 45px; float:left;}

/*WELCOME BOX*/
.welcome-div{
    background-color:rgba(0,0,0,.8);
    bottom:0;
    top:0;
    left:0;
    right:0;
    overflow:hidden;
    position:fixed;
    z-index:999999;
    height:100%}
.welcome-div .welcome-box{
    padding:10px;
    background-color:#ffffff;
    -moz-box-shadow:0 0 5px #000;
    -webkit-box-shadow:0 0 5px #000;
    box-shadow:0 0 5px #000;
    outline:0;
    overflow:hidden;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-269px;
    margin-left:-350px;
    width:700px;
    text-align:left}
.welcome-div .welcome-box .close{float:right;margin-top:-5px}
.welcome-div .welcome-box .titre{text-align:center; padding-bottom:10px; border-bottom:1px solid #00315f;}
.welcome-div .welcome-box .content{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;background:#fff;padding:10px}

.form-control{width: 100%;background-color:rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px;
                    box-shadow:rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
                    box-sizing:border-box;
                    color:rgb(85, 85, 85);
                    display:block;
                    font-size:14px;
                    height:34px;
                    line-height:20px;
                    margin:0px;
                    padding-bottom:6px;
                    padding-left:12px;
                    padding-right:12px;
                    padding-top:6px;
                    position:relative;
                    transition-delay:0s, 0s;
                    transition-duration:0.15s, 0.15s;
                    transition-property:border-color, box-shadow;
                    transition-timing-function:ease-in-out, ease-in-out;
}
/* Autocomplete
----------------------------------*/
.ac_results { padding:0px; border: 2px solid #efefef; background-color: white; overflow: hidden; z-index: 99999;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; color:rgba(72, 72, 72, 1); max-height:200px; overflow:auto; }
.ac_results li { margin: 0px; padding-left:5px; cursor:pointer; display: block; font: menu; font-size: 14px; line-height: 20px; overflow: hidden; border-bottom: 1px solid #efefef; padding: 5px 10px 5px 10px; text-align:left; }
.ac_loading { background: white url(../../img/load-16-16.gif) right center no-repeat; }
.ac_odd { color:rgba(72, 72, 72, 1); background-color: #efefef; }
.ac_over { background-color: #ffffff; color: #0bbaef; }
.ac_left{ float:left; }

/* PAGINATION */
.pagination {
	height: 36px;
	margin: 0px 0;
	clear: both;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
}

.pagination li {
	display: inline;
}

.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
    background: #ffffff;
}

.pagination a:hover,
.pagination .active a {
	background-color: #f5f5f5;
}

.pagination .active a {
	color: #999999;
	cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

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

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

/* TEMP CLASS */
.temp_0{color: #001042;}
.temp_1{color: #003063;}
.temp_2{color: #00309c;}
.temp_3{color: #0000ce;}
.temp_4{color: #0000ff;}
.temp_5{color: #0034ff;}
.temp_6{color: #009aff;}
.temp_7{color: #31cfff;}
.temp_8{color: #65ffff;}
.temp_9{color: #63ff9c;}
.temp_10{color: #63ff63;}
.temp_11{color: #63ff00;}
.temp_12{color: #bdfb08;}
.temp_13{color: #ffff08;}
.temp_14{color: #ffff84;}
.temp_15{color: #ffeb52;}
.temp_16{color: #e8dd33;}
.temp_17{color: #ff9a00;}
.temp_18{color: #ff6500;}
.temp_19{color: #ff3031;}
.temp_20{color: #ff3000;}
.temp_21{color: #ff0000;}
.temp_22{color: #e70000;}
.temp_23{color: #b50701;}
.temp_24{color: #9c0000;}
.temp_25{color: #680300;}
.temp_26{color: #840052;}
.temp_27{color: #a50073;}
.temp_28{color: #ce00ce;}
.temp_29{color: #ff00ff;}
.temp_30{color: #ff41ff;}
.temp_31{color: #ff82ff;}
.temp_32{color: #ffa2ff;}
.temp_33{color: #dedede;}

.bgTempColor_1{background-color:#ff4200; color:#ffffff;}
.bgTempColor_2{background-color:#ff6600; color:#ffffff;}
.bgTempColor_3{background-color:#ff9000; color:#ffffff;}
.bgTempColor_4{background-color:#ff9c00; color:#ffffff;}
.bgTempColor_5{background-color:#ffc600; color:#ffffff;}
.bgTempColor_6{background-color:#00eaff; color:#ffffff;}
.bgTempColor_7{background-color:#009cff; color:#ffffff;}
.bgTempColor_8{background-color:#0066ff; color:#ffffff;}
.bgTempColor_9{background-color:#0018ff; color:#ffffff;}

/* WIND CLASS */
.bgWindColor_1{background-color:#b2ff9a; color:rgba(72, 72, 72, 1);}
.bgWindColor_2{background-color:#68e242; color:#ffffff;}
.bgWindColor_3{background-color:#ebf72f; color:rgba(72, 72, 72, 1);}
.bgWindColor_4{background-color:#f7ae2f; color:#ffffff;}
.bgWindColor_5{background-color:#f03838; color:#ffffff;}
.bgWindColor_6{background-color:#f038cb; color:#ffffff;}
.bgWindColor_7{background-color:#7f1eeb; color:#ffffff;}
.bgWindColor_8{background-color:#7138f0; color:#ffffff;}

/* PRESSURE CLASS */
.bgPressure{background-color: rgb(83, 180, 164); color:#ffffff;}


/* WAVE CLASS */
.bgHoule_1{background-color:#a3e0ff; color:#rgba(72, 72, 72, 1);}
.bgHoule_2{background-color:#88d7ff; color:#rgba(72, 72, 72, 1);}
.bgHoule_3{background-color:#66cafd; color:#ffffff;}
.bgHoule_4{background-color:#4dc1fc; color:#ffffff;}
.bgHoule_5{background-color:#29b7ff; color:#ffffff;}

/* MM CLASS */
.bgPrecipitations_1{background-color:#a3e0ff; color:#rgba(72, 72, 72, 1);}
.bgPrecipitations_2{background-color:#88d7ff; color:#rgba(72, 72, 72, 1);}
.bgPrecipitations_3{background-color:#66cafd; color:#ffffff;}
.bgPrecipitations_4{background-color:#4dc1fc; color:#ffffff;}
.bgPrecipitations_5{background-color:#29b7ff; color:#ffffff;}

/* HUMIDITY CLASS */
.bgHumidity_1{background-color:#a3e0ff; color:#rgba(72, 72, 72, 1);}
.bgHumidity_2{background-color:#88d7ff; color:#rgba(72, 72, 72, 1);}
.bgHumidity_3{background-color:#66cafd; color:#ffffff;}
.bgHumidity_4{background-color:#4dc1fc; color:#ffffff;}
.bgHumidity_5{background-color:#29b7ff; color:#ffffff;}

/* COVER CLASS */
.bgCover_1{background-color:#f4f4f4; color:#rgba(72, 72, 72, 1);}
.bgCover_2{background-color:#dbdbdb; color:#rgba(72, 72, 72, 1);}
.bgCover_3{background-color:#c0c0c0; color:#ffffff;}
.bgCover_4{background-color:#a7a7a7; color:#ffffff;}
.bgCover_5{background-color:#8f8e8e; color:#ffffff;}

.btn,.btn:hover,.btn:visited{
    cursor: pointer;
align-items:flex-start;
background-color:rgb(248, 248, 248);
background-image:-webkit-linear-gradient(top, rgb(248, 248, 248), rgb(241, 241, 241));
border-bottom-color:rgb(198, 198, 198);
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
border-bottom-style:solid;
border-bottom-width:1px;
border-image-outset:0px;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(198, 198, 198);
border-left-style:solid;
border-left-width:1px;
border-right-color:rgb(198, 198, 198);
border-right-style:solid;
border-right-width:1px;
border-top-color:rgb(198, 198, 198);
border-top-left-radius:2px;
border-top-right-radius:2px;
border-top-style:solid;
border-top-width:1px;
box-shadow:rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px;
box-sizing:border-box;
color:rgb(34, 34, 34);
display:inline-block;
font-size:14px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:36px;
letter-spacing:normal;
line-height:27px;
    text-decoration: none;
min-width:54px;padding-bottom:0px;padding-left:16px;padding-right:16px;padding-top:0px;text-align:center;text-indent:0px;text-rendering:auto;text-shadow:none;text-transform:none;white-space:pre;
word-spacing:0px;writing-mode:horizontal-tb;-webkit-appearance:none;-webkit-rtl-ordering:logical;
-webkit-user-select:none;
}
.btn.home{font-size:16px; color:#0bbaef; display: inline-block; padding-top: 3px;}