/*
Theme Name: SkiColor
Description: Theme Responsive par l'Agence Mojocom
Version: 1.0
Author: Agence Mojocom
Author URI: http://www.mojocom.fr
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

html {position: relative;min-height: 100%; -webkit-font-smoothing: antialiased}
body {margin-bottom: 30px!important;background-color:#fff}

/* TITRES ET LIENS */
h1 {
padding: 10px 0 10px 0;
font-family: 'Fjalla One', sans-serif;
font-size: 32px;
letter-spacing:-1px;
text-transform: uppercase;
line-height: 1.2em;
color: #ffffff;
background-color:#ce0070;
margin-bottom: 10px;
margin-top:0px}
h1.page-title {padding-left:15px;margin-bottom:0px;line-height:1em}
h2 {font-family: 'Fjalla One', sans-serif;font-weight:400;color: #ce0070;font-size:22px;text-transform:uppercase;margin:20px 0 5px 0}
h3 {font-family: 'Fjalla One', sans-serif;font-weight:400;color: #00AFFF;font-size:16px;text-transform:uppercase;margin:20px 0 0 0}
a:hover {text-decoration:none;color:#0093d2}
a {color:#ce0070;-webkit-transition: all 1s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}

/* LOGO SKICOLOR */
.navbar > .container .navbar-brand {
width:260px;
height:100px;
background-color: transparent;
background-image:url(images/logo_skiColor.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-10000px;	
position:absolute;
margin-left:15px!important;
top:-38px}
.uk {background-image:url(images/logo_skiColor_uk.png)!important}

/* HEADER */
.page-header {margin: 0px 0 5px 0px;border-bottom:0px solid #ce0070;padding-bottom:0px}
.header-skicolor {background-color:rgba(0, 0, 0, 0.85);z-index: 990!important;position:relative;border-bottom:3px solid #ce0070}

/* NAVIGATION */
.navbar-default {border-left:0px;border-right:0px;opacity:1;z-index:990}
.navbar-default .navbar-nav > li > a {text-transform:uppercase;font-family:'Fjalla One', sans-serif;font-size:20px;font-weight:400;color:#fff;transition: all 0.3s ease;padding:5px 12px 5px 12px}
.navbar-default .navbar-nav > li > a:hover {color:#ce0070}
.sub {text-transform:none;font-size:12px;color:#ce0070}
.dropdown-menu  {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
display: none;
min-width: 190px;
list-style: none;
font-size: 14px;
background-color: transparent;
padding:0 5px 0px 5px;
background-clip: padding-box;
}
.spacer {margin-right:10px}
.dropdown-menu > li > a {
margin:5px 0 5px 0;
padding:5px;
background-color:#ce0070;
text-transform:uppercase;
font-family:'Fjalla One', sans-serif;
font-weight:400;
font-size:14px;
color:#FFF;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-transition-property: padding-left;
-webkit-transition-duration:.3s;
-webkit-transition-timing-function:ease-out;
-moz-transition-property: padding-left;
-moz-transition-duration:.3s;
-moz-transition-timing-function: ease-out; 
transition-property: padding-left;
transition-duration: .3s;
transition-timing-function:ease-out}
.dropdown-menu li:hover a{padding-left:10px;background-color:#0093d2;color:#fff}
.divider-vertical {margin: 0px;border-right: 0px solid #0b4166}
.dropdown-menu .divider-vertical, li.divider-vertical:last {border-right:0px!important}

/* CONTENU */
.contenu {background-color:#fff;font-family:'Roboto', sans-serif;font-size:13px;color:#424348;line-height:22px;padding:0px;font-weight:300;position:relative}
#mapbg { height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 0}
.contenu-offset {padding:0 15px 15px 15px} 
.header-offset {padding:0 15px 0px 15px;margin:5px 0 5px 0} 
#breadcrumbs {background-color:#424348;padding:5px 0px 5px 15px; text-transform:uppercase;font-size:12px;color:#ce0070;margin-bottom:10px}  
.sponsors {background-color:rgba(0, 0, 0, 0.85);font-family:'Roboto', sans-serif;font-size:14px;color:#424348;line-height:20px;padding:0px;font-weight:400;color:#fff}
a.btn.btn-primary {margin-right:5px}

/* ARTICLE */
h1.single-title {font-size:30px;margin:0;padding-left:15px}
#main p.meta {text-transform:uppercase;font-style:normal;font-family:'Fjalla One', sans-serif;font-size:11px;margin:0 0 0 0;font-weight:400}
.meta a{color:#ffed00}
.page-header p.meta {text-transform:uppercase;font-style:normal;font-family:'Fjalla One', sans-serif;font-size:11px;margin:0 0 0 0;background-color:#0093d2;padding:5px 0px 5px 15px;color:#fff!important}

/* FOOTER */
.footer {position: absolute;bottom: 0;width: 100%;height: 30px;background-color:rgba(0, 0, 0, 0.85)}
.footer-info {margin: 5px 0 5px 0; font-family:'Fjalla One', sans-serif;font-size:11px;line-height:15px;height:15px}
.footer-menu {text-align:right}
.footer .copy {padding-left:5px;color:#fff}
.footer-links {margin-bottom:0px;}
.footer-links .menu li a {text-transform:uppercase;color:#fff}
.footer-links .menu li a:hover {color:#ce0070}
.footer .separator {font-family:Electrolize;font-size:10px;color:#ce0070}
.footer .separator:last-child {display:none}
#scrollup {display: block;width: 32px;height: 32px;position: absolute;text-indent: -9999px;cursor: pointer}
#scrollup {background: url("images/toggle_icons.png") 0 -192px no-repeat;position: fixed;bottom: -7px;left: 50%;z-index: 99;display: none}
.partenaires {background-color:transparent;position:relative;min-height:60px}

/* HOMEPAGE */
#home-news{width:100%;position:absolute;bottom:40px;overflow:visible}
h1.front {color:#fff;font-size:24px;position:absolute;top:0px;margin-bottom:3px;border:0px;width:100%;z-index:10}

#actu {background-color: rgba(206, 0, 112, 0.90);height:220px;position:relative;overflow:auto}
#actu h1.front{background-color:#fff;padding:10px;color:#00AFFF}
#offre {background-color: rgba(0, 175, 255, 0.90);height:220px;position:relative;overflow:auto}
#offre h1.front{background-color:#fff;padding:10px;color:#00AFFF}

#concept {background-color:#ce0070;padding:10px;height:60px;position:relative;margin-bottom:20px;text-align:center;font-family:"Fjalla One", sans-serif;font-size:24px}
#concept a {color:#fff}
#programme {background-color:#00AFFF;padding:10px;height:60px;position:relative;margin-bottom:20px;text-align:center;font-family:"Fjalla One", sans-serif;color:#fff;font-size:24px}
#programme a {color:#fff}
#inscription {background-color: #ffed00;padding:10px;height:60px;position:relative;margin-bottom:20px;text-align:center;font-family:"Fjalla One", sans-serif;color:#00AFFF;font-size:24px}
#inscription a {color:#000}
#concept a, #programme a, #inscription a {font-weight:500}
#concept i, #programme i, #inscription i {font-size:30px}

.home-claim {position:absolute;top:30%;text-align:center;width:100%;background-color:rgba(0, 0, 0, 0.60);padding:25px}
.claim {display:block;font-family:'Fjalla One', sans-serif;color:#fff;font-size:50px;line-height:45px;color:#fff}
.underclaim {display:block;font-family:'Fjalla One', sans-serif;color:#900;font-size:35px;color:#00AFFF;margin-bottom:5px}
.concept{font-family:'Fjalla One', sans-serif;font-size:20px;color:#FFF;border:2px solid #fff; padding:5px}
.concept:hover{background-color:#00AFFF;border-color:#00AFFF}
.concept a{color:#fff}

.detail {margin-bottom:10px}
.ag-link {display:none}	

/* ARCHIVE */
#archive{margin-bottom:15px}
#archive-thumb {
background-color: rgba(0, 0, 0, 0.8);
color:#9C9C9C;
font-family:'Fjalla One', sans-serif;
height:170px!important;
background-size:cover;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
#archive-thumb img {max-height:180px}
#archive-thumb:hover img {background-color:#fff;}
#archive-title{
background-color: rgba(255, 255, 255, 0.9);
color:#9C9C9C;
padding:7px;
font-family:'Fjalla One', sans-serif;
}
#archive-title a {color:#ce0070;text-transform:uppercase;font-weight:400}
#archive-title a:hover {color:#ce0070}
#archive-title article {margin-bottom: 0px;padding: 0 0 0 0}
#archive-title .meta{font-size:10px;color:#ce0070;text-transform:uppercase;font-family:Arial, sans-serif;}
#archive-excerpt{background-color:rgba(0, 0, 0, 0.85);color:#fff;padding:7px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px; line-height:20px}

h2.blogTitle {padding:0 0 0 0;margin:5px 0 5px 0; font-size:16px;font-weight:400}
h1.archive_title {text-align:center;border-bottom:0px;color:#fff}
.more {margin:10px 0 5px 0;text-align:center}

/* RESPONSIVE GALLERY */
.rgg_imagegrid { position: relative; }

/* FORMULAIRE CONTACT*/
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea {
background-color:rgba(255,255,255,0.5);
color: #000;
width: 100%;
padding:6px;
border: 1px solid #ce0070;
margin:2px 0 0 0}
.wpcf7 input[type="number"] {
background-color:rgba(255,255,255,0.2);
color: #999;
width: 80%;
padding:6px;
border: 2px solid #FFF;
margin:10px 0 0 0}
.wpcf7 input[type="submit"] {
background-color:#ce0070;
color: #fff;
padding:6px;
text-transform:uppercase;
border:none;
font-size:12px;
cursor:pointer;
font-family: 'Fjalla One', sans-serif;
font-weight:700;
text-shadow:none}
.wpcf7 input[type="submit"]:hover {
background-color: #FFF;
color: #ce0070;
cursor:pointer}
h3.form {
font-size:15px;
text-transform:uppercase;
margin:0 0 0 0;
padding: 0 0 0 0;
color:#424348!important}

/* HOVER ANIMATION */
.view {
float: none;
overflow: hidden;
position: relative;
text-align: center;
cursor: pointer}
.view .mask, .view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0}
.view img { display: block;position: relative}
.view a.skicolor {
background:url(images/link.png) top no-repeat;
display: inline-block;
text-decoration: none;
padding:0;
text-indent:-9999px;
width:20px;
height:20px}

.second-effect .mask {
opacity: 0;
overflow:visible;
border:0px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out}

.second-effect a.skicolor {
position:relative;
top:-10px;
opacity:0;
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-o-transform:scale(0,0);
-ms-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out}

.second-effect:hover .mask {opacity: 1;border:85px solid rgba(0,0,0,0.7)}
.second-effect:hover a.skicolor {
opacity:1;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-moz-transition-delay:0.3s;
-webkit-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
transition-delay:0.3s}

/* Background Slider */
#allground-container {overflow: hidden;z-index: -3;width: 100%;height: 100%;position: fixed;left:0;top: 0}
#alltube-player {position: absolute}
#allground-shield {width: 100%;height: 100%;z-index: -2;position: fixed;left: 0;top: 0}
.ag-play, .ag-mute {
padding: 6px 7px;
left: 10px;
outline: none;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)}
.ag-play:focus, .ag-mute:focus, .ag-play:active, .ag-mute:active {outline: 0}
.ag-play-show.ag-mute-show .ag-mute {	margin-left: 35px}
.ag-playing {background: #444;background: rgba(1,1,1,0.7)}
.ag-paused {background: #333;background: rgba(0,0,0,0.7)}
.ag-playing span, .ag-paused span, .ag-muted span, .ag-unmuted span {display: none}
.ag-playing i:before, .ag-paused i:before, .ag-muted i:before, .ag-unmuted i:before {
font: normal normal normal 120%;
font-family: 'Glyphicons Halflings';
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
text-transform: none}
.ag-unmuted i:before { content: '\e800'; }
.ag-muted i:before { content: '\e801'; }
.ag-paused i:before { content: '\e802'; }
.ag-playing i:before { content: '\e804'; }
#big-video-vid video {-webkit-transform: translateZ(0)}
.backstretch:before, #allground-shield:before, #big-video-wrap:before {display: block;width: 100%;height: 100%;content: '';position: absolute;z-index: -1}
.allground-opr #big-video-wrap:before {z-index: 0}

/** 
* EVERSLIDER RESPONSIVE QUERY
*/
.everslider {position: relative;width: 100%;overflow: hidden;margin: 0px}
.everslider .es-slides {position: relative;width: 100000px;
margin: 0;
padding: 0;
list-style: none;
-webkit-transform: translate3d(0,0,0)}
.everslider .es-slides > li {
position: relative;
padding: 0!important;
border: 0!important;
width: 500px;
height: 300px;
float:left;
margin: 0 10px 0 0;
-webkit-transform: translate3d(0,0,0)}

.everslider .es-slides img {width: 100%;height: auto;max-width: none}
.everslider .es-slides a > img {vertical-align: top}
.everslider .es-slides * {-moz-user-select: text;-webkit-user-select: text;-webkit-user-drag: none}

.everslider {background: url(images/preload.gif) no-repeat center}
.everslider.es-slides-ready {background: none}
.es-slides {visibility: hidden}
.es-slides-ready .es-slides {visibility: visible}

.es-navigation a {
position: absolute;
top: 50%;
margin-top: -17px;
padding: 5px;
border: 1px solid #fff;
color:#fff}

.es-navigation a:hover,
.es-navigation a:active,
.es-navigation a:focus {outline: 0;background-color:#fff;border-color:#fff;color:#cb2617}
.es-navigation .es-prev { left: 0;font-size:9px}
.es-navigation .es-next { right: 0;font-size:9px}
.es-navigation .es-first,.es-navigation .es-last {opacity: 0.5;filter: alpha(opacity=50);cursor: default}
.es-navigation a span {display: block;width: 20px;height: 20px;text-indent: -9999px}

/** Acutalité slider template */
.es-photo-template.es-has-navigation {padding-top: 0px}
.es-photo-template.es-has-pagination {margin-top: 0px}
.es-photo-template .es-slides > li {width: 100%;height: auto!important;margin-right: 15px}
.es-photo-template .es-slide-inner {overflow: hidden}
.es-photo-template .es-image {height:219px;background-size:cover; background-position:center}
.es-photo-template .slider-details {position:absolute;top:30%;left:10px;padding-right:10px}
.es-photo-template .es-title {font-size: 22px;line-height: 1.3em;font-weight: bold;text-transform:uppercase}
.es-photo-template .es-title a,.es-photo-template .es-title a:visited {
color: #fff;
background-color:#00AFFF;
text-decoration: none;
font-family:'Fjalla One', sans-serif;
padding:5px 10px 5px 5px;
display: block;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear}
.es-photo-template .es-title a:hover {color: #ffed00}
a.btn.btn-primary.actumore{position:absolute;bottom:15px;left:10px}
.es-photo-template .es-meta {
display:inline-block;
background-color:#ffed00;
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
font-size:14px;
color:#00AFFF;
padding:3px 5px 3px 10px}
.es-photo-template .es-navigation {position: absolute;top: 10px;right:10px;z-index:11}
.es-photo-template .es-navigation a {position: static;float: left;margin: 0 0 0 5px;background-color:#fff;border-color:#00AFFF;color:#00AFFF}
.es-photo-template .es-navigation a:hover {position: static;float: left;margin: 0 0 0 5px;background-color:#00AFFF;border-color:#00AFFF;color:#fff}
.es-photo-template .es-pagination {bottom: auto;top: 20px;left: 0}
.es-photo-template .es-pagination a {right: auto}
.es-photo-template .es-ticker + .es-navigation {	margin-right: 0px}
.es-photo-template .excerptmore a:hover,.contact-home a:hover {border : 1px solid #fff;background-color:transparent;color:#fff}

/** Offres slider template */
.es-default-template.es-has-navigation {padding-top: 0px}
.es-default-template.es-has-pagination {margin-top: 0px}
.es-default-template .es-slides > li {width: 100%;height: auto!important;margin-right: 15px}
.es-default-template .es-slide-inner {overflow: hidden;height:220px}

.es-default-template .es-image {height:219px;background-size:cover; background-position:center}
.es-default-template .es-image img {opacity: 1; border-radius: 0%;vertical-align: top;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;max-width:none;height:100%}

.es-default-template .slider-details {position:absolute;top:30%;left:10px;text-align:center;width:100%;padding-right:20px}
.es-default-template .es-title {font-size: 32px;line-height: 1em;font-weight: bold;text-transform:uppercase}
.es-default-template .es-title a,.es-default-template .es-title a:visited {
color: #fff;
display:block;
text-decoration: none;
font-family:'Fjalla One', sans-serif;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear}
.es-default-template .es-title a:hover {color: #ffed00}
.es-default-template .es-meta {display:inline-block;border:1px solid #ffed00;font-family: 'Fjalla One', sans-serif;text-transform: uppercase;font-size:22px;color:#ffed00;padding:3px;line-height:1em;text-align:center}
.es-default-template .es-more {margin-top:10px}
.es-default-template .es-excerpt {font-size:12px;color:#fff;margin-top:10px}
.es-default-template .es-navigation {position: absolute;top: 10px;right:10px;z-index:11}
.es-default-template .es-navigation a {position: static;float: left;margin: 0 0 0 5px;background-color:#fff;border-color:#00AFFF;color:#00AFFF}
.es-default-template .es-navigation a:hover {position: static;float: left;margin: 0 0 0 5px;background-color:#00AFFF;border-color:#00AFFF;color:#fff}
.es-default-template .es-pagination {bottom: auto;top: 20px;left: 0}
.es-default-template .es-pagination a {right: auto}
.es-default-template .es-ticker + .es-navigation {	margin-right: 0px}
.es-default-template .excerptmore a:hover,.contact-home a:hover {border : 1px solid #fff;background-color:transparent;color:#fff}
.es-default-template .btn{background-color:#fff!important;color:#00AFFF;border:	1px solid #00AFFF}
.es-default-template .btn:hover{background-color:#00AFFF!important;color:#fff;border:solid 1px #fff}
.offset {padding-left:0px;padding-right:10px}

/* Tableau */
table {width: 100%;margin-top:10px}
.td-title {background-color:#ce0070;font-family: 'Fjalla One', sans-serif;font-size:14px;padding-left:2px;margin-top:10px;text-align:left;color:#fff}
th {background-color:#0093d2;font-family: 'Fjalla One', sans-serif;font-size:11px;padding-left:2px;margin-top:10px;text-align:left;color:#fff}
td {border-bottom:1px solid #0093d2}
.first {text-align:left;font-weight:bold}
.red {color:#ce0070}

/* FAQ */
h3.panel-title {margin:5px 0 0 0!important;color:#00AFFF;font-size:15px;padding:3px 0 3px 0}

/* TARIFS PACKS */
.contenu-pack {background-color: transparent;font-family: 'Fjalla One', sans-serif;font-size:13px;color:#424348;line-height:22px;padding:0px;font-weight:300;position:relative}

.pack-01{background-color:#ffed00;padding:0px 10px 10px 10px}
.pack-01 h2 {font-size:30px;line-height:29px;padding-top:5px;margin-bottom:0px}
.pack-01 h3 {color:#ce0070;margin:0 0 8px 0}
.pack-01 .inscription a {background-color:#ce0070;display:block;padding:8px 5px 8px 5px;font-size:14px;margin-bottom:10px;text-transform:uppercase;color:#fff;text-align:center;font-family: 'Fjalla One', sans-serif}
.pack-01 .tarifs {background-color:#ce0070!important;color:#fff}

.pack-02{background-color:#00AFFF;padding:0px 10px 10px 10px}
.pack-02 h2 {font-size:30px;line-height:29px;padding-top:5px;margin-bottom:0px;color:#ffed00}
.pack-02 h3 {margin:0 0 8px 0;color:#ffed00}
.pack-02 .inscription a {background-color:#ffed00;display:block;padding:8px 5px 8px 5px;font-size:14px;margin-bottom:5px;text-transform:uppercase;color:#00AFFF;text-align:center;font-family: 'Fjalla One', sans-serif}
.pack-02 .tarifs {background-color:#ffed00!important;color:#00AFFF}

.pack-03 {background-color:#ce0070;padding:0px 10px 10px 10px}
.pack-03 h2 {font-size:30px;line-height:29px;padding-top:5px;margin-bottom:0px;color:#ffed00}
.pack-03 h3 {color:#ffed00;margin:0 0 8px 0}
.pack-03 .inscription a {background-color:#fff;display:block;padding:8px 5px 8px 5px;font-size:14px;margin-bottom:5px;text-transform:uppercase;color:#ce0070;text-align:center;font-family: 'Fjalla One', sans-serif}
.pack-03 .tarifs {background-color:#fff!important;color:#ce0070}

.pack-01 ul, .pack-02 ul, .pack-03 ul, .promo ul, .divers ul {margin:0;padding:0 0 0 20px;font-family:'Roboto', sans-serif;font-size:13px;line-height:18px;margin-bottom:10px}
.pack-01 p, .pack-02 p, .pack-03 p {font-family:'Roboto', sans-serif;font-size:12px;line-height:15px;font-weight:bold}
.pack-01 .tarifs, .pack-02 .tarifs, .pack-03 .tarifs {display:block;font-family: 'Fjalla One', sans-serif;padding:8px 5px 8px 5px;font-size:14px;margin-bottom:5px;text-transform:uppercase}
.pack-01 .inscription a:hover,.pack-02 .inscription a:hover,.pack-03 .inscription a:hover {background-color:#fff;color:#ce0070}

.promo {background-color:#fff;padding:0 10px 10px 10px}
.promo h2 {font-size:30px;line-height:29px;padding-top:5px;margin-bottom:10px;color:#ce0070}

.divers {background-color:#fff;padding:0 10px 10px 10px}
.divers h2 {font-size:30px;line-height:29px;padding-top:5px;margin-bottom:10px;color:#ce0070}


/* RÉSEAUX SOCIAUX */
.social-links ul {overflow: hidden;padding-left:0px;margin-bottom:0px;padding:2px 0 5px 0}
.social-links ul li {display: inline;margin: 0 0px 2px 5px;padding: 0 !important;list-style-type: none !important}
.social-links i:hover{color:#0093d2}
.social-in-homepage {position:relative;font-size: 14px;margin-top:10px;z-index:999}
.social-bookmarks.social-in-page ul li {float: right;display: block;overflow: hidden}
.social-bookmarks {overflow: hidden}
.social-bookmarks ul {float:right}
.social-bookmarks.res-social-bookmarks {display: none}
.social-bookmarks ul li {
display: inline-block;
margin: 0 0 2px 3px;
padding: 0 !important;
list-style-type: none !important;
background-color:#ce0070;
border-radius:100%}
.social-bookmarks ul li a {
display: block;
width: 25px;
height: 25px;
line-height:25px;
float: left;
font-size:13px;
color:#fff;
text-align:center;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s}
.social-bookmarks ul li a:hover {background-color:#00AFFF;border-radius:100%}
.social {position:absolute;bottom:30px;width:100%;background:#ce0070;border-bottom:1px solid #373737;z-index:999;text-align:center}
.infos {font-family: 'Fjalla One', sans-serif;text-align:center;font-size:13px;color:#fff}
.infos 	a:hover {color:#fff}

/* Langue */
.skicolor-fr {position:absolute;top:0;width:300px;margin-left:240px;display:block}
.lang-item {text-align:center;width:25px}
.lang-item a {text-indent: 0!important;text-transform:uppercase;font-family: 'Fjalla One', sans-serif;font-size:11px;padding-top:1px;background-color:#fff!important;color:#00AFFF!important;border-radius:100%}
li.facebook {text-align:center}
#shutdown {font-size:11px}

/* Divers */
.btn {margin-top:5px}
.panel-heading a:hover {color:#00AFFF!important}
.ngg-album-desc {font-size:10px;font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase}
.ngg-album-compact {border:0px}
.ngg-album-compactbox {border:none!important}
.ngg-album-compact h4 .ngg-album-desc {height:auto!important}
.ngg-album-compactbox::after {border:none!important}
.ngg-album-compact h4 {font-size:12px;margin-bottom:0px;margin-top:0px;width:135px}
.ngg-album-compact p {font-size:10px;margin-top:0px;font-family: 'Open Sans Condensed', sans-serif;text-transform:uppercase;letter-spacing:-1px;color:#900}
.ngg-gallery-thumbnail-box { margin: 5px .5%!important; width: 32.3%!important; }
.ngg-gallery-thumbnail a { display: block; overflow: hidden; }
.ngg-gallery-thumbnail a img { border: 1px solid #8eb83b!important; width: 95%!important; padding: 2%!important; margin: 0 auto!important; }

@media screen and (max-width: 979px){.boulie {margin:0 40px 0 40px}}
@font-face {
font-family: 'fontello';
src: url('http://www.skicolor.com/wp-content/themes/skiolor/library/fontello/font/fontello.eot?7901232');
src: url('http://www.skicolor.com/wp-content/themes/skicolor/library/fontello/font/fontello.eot?7901232#iefix') format('embedded-opentype'),
url('http://www.skicolor.com/wp-content/themes/skicolor/library/fontello/font/fontello.woff?7901232') format('woff'),
url('http://www.skicolor.com/wp-content/themes/skicolor/library/fontello/font/fontello.ttf?7901232') format('truetype'),
url('http://www.skicolor.com/wp-content/themes/skicolor/library/fontello/font/fontello.svg?7901232#fontello') format('svg');
font-weight: normal;
font-style: normal}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
line-height: 1;
margin:0;padding:0px}
.icon {
position: relative;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale}
.icon-ski:before { content: '\e800'; } /* '' */
.icon-vtt:before { content: '\e801'; } /* '' */
.icon-fashion:before { content: '\e802'; } /* '' */
.icon-smiley:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-twitter-bird:before { content: '\e805'; } /* '' */
.icon-instagram-filled:before { content: '\e806'; } /* '' */
.icon-gplus:before { content: '\e807'; } /* '' */
.icon-right-open:before { content: '\e808'; } /* '' */
.icon-left-open:before { content: '\e809'; } /* '' */
.icon-youtube:before { content: '\e80a'; } /* '' */
.icon-angle-circled-right:before { content: '\e80b'; } /* '' */
.icon-angle-circled-left:before { content: '\e80c'; } /* '' */
.icon-flag-checkered:before { content: '\e80d'; } /* '' */
.icon-camera:before { content: '\e80e'; } /* '' */
.icon-plus-squared:before { content: '\e80f'; } /* '' */
.icon-calendar-empty:before { content: '\e810'; } /* '' */
.icon-boulie:before { content: '\e811'; } /* '' */

/*Facebook */
.commentaires {margin-top:30px}
.commentaires i {color:#0093d2}
.twitter{display:inline-block;padding-left:15px;padding-top:7px;line-height:22px!important;margin-bottom:5px;max-width:95px;float:left}
.grid5 li {padding-right:0px!important}

/* MEDIA QUERIES */
@media (min-width: 1202px) {
.offset-0 {padding:0 0 0 50px}
.offset-2 {padding:0 50px 0 0}}

@media (min-width: 979px) {
.sub {font-size:12px}
.navbar-collapse  {float:right!important}
a.navbar-brand-mobile, a.navbar-brand-tablet {display:none}
.es-default-template .es-title a {margin-top:5px}
.es-default-template .es-image {display:none}
}
@media (min-width: 979px) and (max-width: 1201px)  {
.navbar-collapse  {padding-right:5px}
.navbar-default .navbar-nav > li > a {font-size:18px}
h1.front {margin-left:0px}
.navbar > .container .navbar-brand {}
.offset-0 {padding:0 0 0 0px}
.offset-2 {padding:0 0px 0 0}
.boulie-fr {margin-left:220px!important}
h2.blogTitle {font-size:14px}
#archive{min-height:350px}
.home-claim {top:23%}
}

@media (max-width: 768px) {
.sub {display:none}
body {padding-top:0px}
.navbar-brand, a.navbar-brand-tablet {display:none}
a.navbar-brand-mobile {
position:absolute;
padding:0;
width:225px;
height:50px;
background-image:url(images/logo_skiColor_mobile.png);
background-repeat:no-repeat;
background-position:left;
text-indent:-1000px;
top:0px}
.navbar{margin-bottom: 0px}
#content {padding:0px 0 20px 0}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .navbar-collapse {padding-left:15px;padding-right:15px}
.skicolor-fr {margin-left:90px!important}
}

@media (min-width: 768px) and  (max-width: 979px) {
body {padding-top:0px}
.navbar-brand, a.navbar-brand-mobile {display:none}
.navbar-default {margin-top:40px}
a.navbar-brand-tablet {
position:absolute;
display:block;
margin:0 auto;
width:100%;
height:105px;
padding:5px 0 15px 0;
background-image:url(images/logo_skiColor.png);
background-repeat:no-repeat;
background-position:center;
text-indent:-1000px;
z-index:998;
top:0px}
.offset-0 {padding:0 0 0 0px}
.offset-2 {padding:0 0px 0 0}
h1.front {font-size:20px;padding-top:3px}
.detail {font-size:13px}
.offset {padding-right:5px}
.navbar-default .navbar-nav > li > a {padding: 5px 13px}
.skicolor-fr {margin-left:0px!important;z-index:1000}
.navbar-default .navbar-nav > li > a {font-size:20px}
.es-photo-template .es-title {font-size:18px}
.es-default-template .es-title {font-size:19px;margin-top:5px}
}

@media (max-width: 767px) {
.footer-info {text-align:center}
.footer-links {display:none}
#archive {margin-bottom:15px}
.social-in-homepage {display:none}
#home-news{width:100%;position:relative;bottom:0px;overflow:auto;margin-top:15px}
#actu, #offre {margin-bottom:15px;height:auto;overflow:auto}
.panel-title{font-size:13px}
.nav > li {border-top: solid 1px #292929;padding:5px 0 5px 0}
.nav > li > a {font-size:20px!important}
.navbar-nav { margin: 0px -15px}
.navbar-default {opacity:1;border-bottom: 0px}
#space {min-height:0px}
.quick{display:none}
.contact-details{text-align:center}
.dropdown-menu li a{padding-left:10px!important}
.dropdown-menu {float:none!important;min-width:100%!important}
.middle{display:none}
.es-default-template .es-title {margin-top:5px}
.home-claim {position:relative;margin:10px 0 10px 0}
} 
@media (max-width: 480px) {
.icones-liens a{display:block}
.claim {font-size:25px;line-height:25px;color:#fff}
.underclaim {font-size:20px}
.concept{font-size:15px}
}

@media only screen and (min-width : 768px) {
.navbar-nav > li {padding:12px 0 0px 0}
.offset-1 {padding:0}
#concept i, #programme i, #inscription i {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
#concept:hover i, #programme:hover i, #inscription:hover i{  border-radius: 50%;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}
.pack-01, .pack-02, .pack-03 {min-height:285px}
}