@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
html, body { margin:0; padding:0; width:100%; height:100%  }
body {
    background: #fff;
    color: #333;
    font-family: 'Arimo', sans-serif, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6em;
}

a {
   color:#333;
   transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #f15a24;
    text-decoration: none; cursor:pointer;
} 
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Amatic SC', cursive, "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; 
    line-height: 1.5em;
}
h1, .h1{font-size:44px;}
h2, .h2{font-size:42px;}
h3, .h3{font-size:34px;}
h4, .h4{font-size:24px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:14px;}

ul, li { list-style:none;}
a { font-family: 'Amatic SC', cursive; font-size:22px; text-decoration:none;  }
p { font-size:16px; }

#wrapper { overflow:hidden;  }

/********** Scroll to top**************/
.scrollup {
    width: 95px;
    height:80px;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    text-indent: -9999px;
    background: url('../images/icon_top.png') no-repeat center center;
    background-color: rgb(255, 255, 255);
  	background-color: rgba(255, 255, 255, 0);
	z-index:50; opacity:0.5
}
.scrollup:hover {  
background-color: rgb(255, 255, 255);
  	background-color: rgba(255, 255, 255, 0);opacity:1
 } 
 
/*****************************************/
/***************** HEADER ****************/
/*****************************************/
header { width:100%; position:relative; margin:0 auto ;  background: #fff; border-bottom:10px solid #f15a24;  z-index:5000; 
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
  }

/*** Logo ***/
header #logo {  width:100%;  position:absolute; top:10px; }
header #logo { -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
          transition: all 0.4s ease; }
header #logo a { display:block; margin:0 auto;  width:180px; height:180px; position:relative; z-index:50; }

/*header #logo a img { display:block; margin:0 auto;  width:100%; height:100%;  }
*/
#border, #background, #maskletters  { width:100%; height:100%;   position:absolute}
#border img, #background img, #maskletters img { width:100%; height:100%;
-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;
 }
#maskletters { z-index:5000;}
#border, #background, #maskletters   {
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
 
 #logo a:hover #border,  #logo a:hover #background {
  border-radius: 50%;
  -webkit-transform: rotate(240deg);
     -moz-transform: rotate(240deg);
       -o-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}



/******* sticky header ********/
header.sticky {
            position: fixed;
            font-size: 24px;
            line-height: 48px;
            height: 48px; 
            width: 100%;
            display:table;
            text-align: left;
            padding:0;
}
header.sticky { border-bottom:4px solid #f15a24;}
header.sticky #logo a {
    height: 100px;
    width: 100px;
}
header.sticky nav#navigation a { padding:5px!important;}
header.sticky nav#navigation #lang li a {  padding:5px 0!important; }
header.sticky nav#navigation {  max-width:90%; max-width:1040px;   }


/******************* Navigation *********************/
nav#navigation {  width:90%; position:relative;  z-index:4; max-width:1040px; margin:0 auto; display:table    }
nav#navigation  ul, nav#navigation  li { float:left;    }
nav#navigation  a { display:block; padding:35px 0 ; margin:2px;  }
nav#navigation  .current-menu-item a { color:#F15A24 !important; }
nav#navigation  .current-menu-item .sub-menu a { color:#333 !important; }
nav#navigation  .current-menu-item .sub-menu a:hover { color:#F15A24 !important; }

nav#navigation  .menu a {   margin: 2px; padding: 35px 5px;  }
nav#navigation  .menu li a:after { content: " / ";
    display: block;
    float: right;
    margin-left: 16px;
    right: -14px; color:#333 !important;}
nav#navigation  .menu li:last-child a:after { content:"" }

nav#navigation  #network { float:right;  margin-right: 10px; }
nav#navigation  #network a {  padding:35px 5px ; margin:2px; width:32px; background:url(../images/networks.png) no-repeat; text-indent:-9999px;  }

nav#navigation  #network .facebook {  background-position: -37px center ;  }
nav#navigation  #network .twitter { background-position:5px center ;  }	
nav#navigation  #network .linkedin {  background-position: -78px center ;  }

#mm-navigation #network a { 
background:url(../images/networks.png) no-repeat;
	display: block;
    float: left;
    height: 37px;
    margin: 2px;
    text-indent: -9999px;
    width: 41px;  
	}

#mm-navigation  #network .facebook {  background-position: -40px center ;   }
#mm-navigation  #network .twitter { background-position:1px center ;  }	
#mm-navigation  #network .linkedin {  background-position: -78px center ;  }

nav#navigation  #lang { float:right; }
nav#navigation  #lang li a:after { content:" / " ;  color:#333 !important;}
nav#navigation  #lang li:last-child a:after { content:"";  }

/********** Sub menu************/
#submenu {    }
nav#navigation ul ul { display: none; }
nav#navigation ul li:hover > ul {
		display: block;
		position:absolute; margin-top:-5px; 
		float:none; background:#fff; 
}
nav#navigation ul li > ul li a::after { content:""; display:none !important  }
nav#navigation ul li > ul li {  border-bottom:3px solid transparent; background:#fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
  }
nav#navigation ul li > ul li:hover {  border-bottom:3px solid #F15A24 ; color:#F15A24 ;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}	
nav#navigation ul ul li { float:none; }
nav#navigation ul li > ul li a { padding:15px 10px !important;  }
/************* Menu mobile **************/
#menumobile {
    padding: 5px 10px;
	height: 40px;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    top: 5px;
    width: 40px;
    z-index:2;
	display:none; 
}
#menumobile:hover span {  background:#F15A24; }
#menumobile  span {
   background: #999;
   display: block;
   height: 3px;
   margin: 5px 0;
}

html.mm-opened #menumobile  span.top-bar {
   transform: rotate( 45deg );
   top: 9px;
}
html.mm-opened #menumobile  span.middle-bar { opacity: 0; }
html.mm-opened #menumobile  span.bottom-bar {
   transform: rotate( -45deg );
   top: -7px;
}
#menumobile  { overflow: hidden; }
#menumobile  span {
   position: relative;
   transform: rotate( 0 );
   top: 0;
   left: 0;
   opacity: 1;
   transition: none 0.5s ease;
   transition-property: transform, top, left, opacity;
}
html.mm-opened #menumobile  span.middle-bar {left: -40px;}
/**** animation mobile nav ****/
#menu { background: #eee;}
.mm-listview li {
	padding: 5% 10% 5% 3% !important;
	overflow: hidden; border-bottom:3px solid transparent;
}
.mm-listview > li:hover a {
	padding-left: 40px; 
}
.mm-listview > li:hover {
	color:#fff; cursor:pointer
}

.mm-listview li.active { border-color:#F15A24;  font-weight:bold }
.mm-listview li:hover { border-color:#F15A24;  font-weight:bold }

/*****************************************/
/******* Global Section style ************/
section { position:relative; }
section#tarif *, section#contact *, #section#ourteam * { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
 }
section#banner .rsABlock, section#banner a, section#banner span, section#banner h2, section#banner img, section#banner .bContainer { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
 }

.container { 
	margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width:1100px;
    width: 100%;
}
/************ Link style positive **************/
section a  { display:block; width:100%; }
section a span {
	background: #f15a24 none repeat scroll 0 0; 
	font-weight:bold;
    color: #fff;
    display: block;
    font-size: 35px;
    margin: 0 auto;
    max-width: 320px;
    padding: 15px 30px;
    text-align: center;
	position:relative;  
	overflow: hidden; 
	border:3px solid #f15a24;
	z-index: 1;

}

section a span::after { 
content:""; max-width:120%; padding: 0 ; width:120%; height:100%; background:#128E6F; z-index: -1; position:absolute; left:-125%;top:0; 

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}
section a:hover span::after { left:-10%;
-moz-transform: skewX(-25deg) skewY(0deg);
-webkit-transform: skewX(-25deg) skewY(0deg);
-o-transform: skewX(-25deg) skewY(0deg);
-ms-transform: skewX(-25deg) skewY(0deg);
transform: skewX(-25deg) skewY(0deg);
}


section a.negative span { background:#128E6F; border:3px solid #128E6F; }

section a.negative span::after { background:#f15a24;  } 
/************* End link style ***************/

section h1, section h2 { text-align:center; width:100%; }
section h2 { color:#f15a24 ; margin-top:30px; }
section h2:before, section h2:after { content:" - " }

section.orange { 
background: /*url(../images/dotted.png)*/ #f15a24 repeat;
-webkit-box-shadow:inset 0 0 20px -5px rgba(0,0,0,1);
box-shadow:inset 0 0 20px -5px rgba(0,0,0,1); 
}
section.green { 
background: url(../images/dotted.png) #139373 repeat;
-webkit-box-shadow:inset 0 0 20px -5px rgba(0,0,0,1);
box-shadow:inset 0 0 20px -5px rgba(0,0,0,1); 
}

/****************************************/
/*************** Banner  ****************/
section#banner { 
	width:100%;  
	position:relative; 
	border-bottom:10px solid #f15a24 ; 
	overflow:hidden;  

}
#slider-with-blocks-1 {
	width:100%;  
	background: url(../images/banner.gif) #f15a24 no-repeat bottom center;
	background-size:100% auto; 
}
section#banner  #slider-with-blocks-1 .slide2 img  { max-width:150px !important; height:auto !important; bottom:5%; left:20%; }
section#banner  #slider-with-blocks-1 .slide3 img  { max-width:150px !important; height:auto !important; bottom:2%; right:15%; }

section#banner h1 { 
	color: #fff;
    margin: 0 auto;
    max-width: 90%; left:5%;
    position: absolute;
    text-align: center;
    top:100px;
    z-index: 5;
}	
section#banner a { 
	font-weight:bold;  
	bottom: 10%;
    position: absolute;
    z-index: 5;
}

 
section#banner #bottom_shadow {  position:absolute; width:100%; height:10px; bottom:-10px;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
}
section#banner #slider-with-blocks-1 { max-height:550px !important; }
section#banner #new-royalslider-1 { max-height:500px !important; }
section#banner #slider-with-blocks-1  .rsOverflow { max-height:550px !important; }
section#banner #new-royalslider-1  .rsOverflow { max-height:500px !important; }
section#banner .bContainer { max-width: 800px !important; }
section#banner .bContainer strong {}
section#banner .bContainer span{ font-size:18px; }

/****************************************/
/************Banner pages  **************/
section.bannerpages .container { 
	color: #fff;
    left: 5%;
    margin: 0 auto;
    max-width: 90%;
    position: absolute;
    text-align: center;
    top:180px;
    z-index: 5;

  }

section.bannerpages .container .description > p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto;
    max-width:1040px;
}



section #slider-with-blocks-1 .bContainer  { z-index:5000  }
section.bannerpages #new-royalslider-1 img.rsImg { opacity:0.4 !important; background:red; }
.post-meta-key { display:none; }
/****************************************/
/***************** Content pages ********/
section#content .container { width:90%; max-width:1020px; padding:30px 0; display:table }
section#content .container h2 { width:100%;  text-align:center; margin:0 auto;  }
section#content .container p { font-size: 17px; margin: 15px 0;  }
section#content .container a, section#content .container strong { display:inline;font-family: "Arimo",sans-serif,Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 17px; font-weight:bold;color: #f15a24;   }



section#content .container li { font-size:18px; line-height:32px ; margin-left:25px; list-style:circle }

section#content .container h2.notitle::after, h2.notitle::before { display:none; max-width:580px; } 
section#content .container .gallery li {  
	float: left;
    width: 19.3%; background: rgba(241, 90, 36,0); 
margin-left:0; list-style:none
}
 
section#content .container .gallery li a { display:block; width:100%;padding:10%;   }
section#content .container .gallery li a img { display:block; width:80%;  opacity:1;}
/*section#content .container .gallery li a img:hover { display:block; width:80%;  opacity:1; } */

/****** table tarifaires ********/ 
#content table#screen { display:table }
#content table { width:100%; border-spacing: 0; border: 5px solid #fff;
  -webkit-border-radius: 15px; 
  border-radius: 15px; text-align:center;  font-size:24px ;
}
#content tr:first-child  { background:#F15A24; color:#fff;  font-weight:bold; }
#content tr:last-child  {   background:#F15A24; color:#fff;  }
#content td {  padding:7px 0; border-bottom:1px solid #F15A24; font-size:15px; font-family: "Arimo",sans-serif,Arial,"Helvetica Neue",Helvetica,sans-serif !important; }
#content tr:first-child > td {
    font-size: 19px !important;
    line-height: 20px;
    padding-top: 10px;
}
#content tr:first-child > td span {  font-size:14px !important; font-weight:normal;  }
#content td strong { color:#333 !important; font:15px !important; }
#content td:first-child { color: #f15a24; font-weight: bold;}
#content td:last-child  { color:#333;}
#content tr:last-child td:first-child { color:#fff; font:16px; font-weight:bold; border-bottom: 0 none;}
#content tr:first-child td:first-child { border-bottom: 0 none;}
#content tr:last-child td:last-child {  border-bottom: 0 none; }
#content tr:first-child td:last-child { border-bottom: 0 none; color:#fff;}

section#content a:hover { color:#128E6F; }
section#content .download { margin:30px auto; display:block !important;  }
section#content .download span { 
	background: #f15a24 none repeat scroll 0 0;
    border: 3px solid #f15a24;
    color: #fff;
    display: block;
    font-size: 35px;
    font-weight: bold;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    padding: 15px 30px;
    position: relative;
    text-align: left;
    z-index: 1;
	font-family: "Amatic SC",cursive,"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
 }
 

  
section#content a span img { 
 	display: block;
    height: 80% !important; width:auto !important;
    position: absolute;
    right: 1%;
    top: 10%;
  }

/****************************************/
/***************** Tarif ****************/
section#tarif {  padding-bottom:80px;  }
section#tarif  .container { display:flex; max-width:1000px; }
section#tarif .block {
	margin-top:60px; 
    display: table;
    float: left;
    padding: 2% 6%;
    position: relative;
    width:38%;
}
section#tarif .block p { margin:10px 0 ; max-width:95%; position: relative; z-index: 1; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+38,ffffff+100&1+49,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 38%, rgba(255,255,255,1) 49%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 38%,rgba(255,255,255,1) 49%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 38%,rgba(255,255,255,1) 49%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
section#tarif .block .illu { width:100%; margin-top:-28%; display:table; opacity:1;  }
section#tarif .block .illu img { width:100%; display:block;  float:right;  }
section#tarif .block .illu img.larger { width:115%;  }

.specialshadow { 
	bottom: -90px;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
    z-index:-1;
 }
section#tarif a { bottom: 0; margin:10px auto -20px ; width:100%;}
section#tarif a span { max-width:100%; padding:7px 0; }

/****************************************/
/****************** Bike ****************/
section#bike {  display: inline-block; width: 100%;}
section#bike h2 { color:#fff;  }
section#bike a { 
	font-weight:bold;  
	bottom: 10%;
    position:relative;
    z-index: 5;
}
section#bike #slider-with-blocks-2 img.rsImg { opacity:1;}
section#bike .bContainer { width:100%; height:100%;   }
section#bike .bContainer img { width:100%;   }
section#bike .slidebike { top:5%;}
section#bike .rsABlock {
    display: block;
    left: auto;
    position: absolute;
    bottom: 8%;
} 
section#bike #slider-with-blocks-2  {
    max-height: 480px; min-height: auto;
}
section#bike a { margin:40px auto; } 
section#bike .slidebike .blockHeadline { top:auto;top:0;font-family: 'Amatic SC', cursive; font-size:32px;  }

/****************************************/
/****************** Our team ************/
section#ourteam {  margin-bottom:80px;   }
section#ourteam  .container { display:table; max-width:1340px; margin:30px auto;}
section#ourteam ul li { position: relative;  display: inline-block;  }
section#ourteam ul { text-align:center;  }
section#ourteam li.sticker { height:200px; width:200px; position:relative; display:inline-block; text-align:center; margin:0.5% ;}
section#ourteam li.sticker img { width:100%; height:100% ; position:absolute; top:0; left:0;}
section#ourteam li.sticker .mask {  width:90%; height:90% ; top:5%; left:5%;  position:absolute; overflow:hidden;-webkit-border-radius: 300px;
border-radius: 300px;}
section#ourteam li.sticker .mask .description { color:#fff; width:80%; height:100% ; position:absolute; left:10%; top:-100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

section#ourteam li.sticker .maskhead {  width:90%; height:90% ; top:0;  margin-top:5%; left:5%;  position:absolute; overflow:hidden;
-webkit-border-radius: 300px;
border-radius: 300px;}
section#ourteam li.sticker .maskhead img { position:absolute; top:0; margin-top:0; display:inline-flex;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
section#ourteam li.sticker:hover { cursor:pointer }
section#ourteam li.sticker:hover .mask .description { top:15%; }
section#ourteam li.sticker:hover .maskhead  img { margin-top:100%; }

/****************************************/	
/****************** Partenaire **********/	
section#partenaire {  display: table; padding-bottom: 80px; width: 100%;   }
section#partenaire .container { display:table;}

section#partenaire h2 { color:#fff; margin-bottom:20px }
section#partenaire .block { width:48% ; height:100%; margin:2% 0 0 1.4%; float:left; position:relative;min-height: 300px;   }
section#partenaire h3 { color:#fff; text-align:center; margin:15px; }
section#partenaire p {  color: #fff;
    font-size: 26px;
    line-height: 30px; 
    margin: 0 20px;
    text-align: center;
	font-family: "Amatic SC",cursive,"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight:bold;
	}
section#partenaire a span { padding:7px 0; }
section#partenaire .link { position:absolute; bottom:-20px; }
section#partenaire .block .slick img { width:80%; margin:0 auto } 
section#partenaire .block .slick-prev::before, section#partenaire .block .slick-next::before {
    background: red none repeat scroll 0 0;
    color: white;
    display: block;
    font-family: "slick";
    font-size: 20px;
    height: 110px;
    line-height: 1;
 	width: 50px;
}
section#partenaire .block  .slick-next::before {
    background: transparent url("../images/arrowright.png") repeat scroll -10px 0;
    content: "";
    display: block;
}
section#partenaire .block  .slick-prev::before {
    background: transparent url("../images/arrowleft.png") repeat scroll -10px 0;
    content: "";
    display: block;
}
.slick-prev, .slick-next {
    width:auto !important; height:auto !important;
}

/****************************************/
/****************** Contact *************/
section#contact {   width:100%; background:url(../images/map1.png) right center;  }	
section#contact #left { width:60%; height:100%; margin-left:-10%;  display: table;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);
-webkit-box-shadow: 10px 3px 10px 0 rgba(0,0,0,0.1);
box-shadow: 10px 3px 10px 0 rgba(0,0,0,0.1);
}

section#contact #left > * {  -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg);}
section#contact #float_right { float:right; width:80%; max-width:520px; margin-bottom:20px; }
section#contact h2:before, section#contact h2:after { content:"" }
section#contact h2 { text-align:left; }  
section#contact a { display:block; font-size:30px;  font-family: 'Amatic SC', cursive; text-decoration:none; font-weight:bold; margin:15px 0; }
section#contact p { display:block; font-size:30px;  font-family: 'Amatic SC', cursive; text-decoration:none; font-weight:bold;  margin:15px 0;}
 label {display:none } 
section#contact #contact_form p { margin:5px; }


/****************************************/
/**************** Credit *****************/
section#credit { min-height:150px; }
section#credit p { width:100%; text-align:center; font:25px/32px 'Amatic SC', cursive, "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:capitalize; color:#fff; padding:15px 0 ;  }

/********************************************************************************/
/********************************************************************************/
/*******************************  MEDIA QUERIES  ********************************/
/********************************************************************************/
/********************************************************************************/

/********************************************************************************/
/************* Under 1040px *************/
/********************************************************************************/
@media screen and (max-width:1040px) {  
section#banner  #slider-with-blocks-1 { height:650px !important; }
section#banner  #new-royalslider-1 { height:600px !important; }
section#banner  #slider-with-blocks-1  .rsOverflow {height:650px !important;}
section#banner  #new-royalslider-1  .rsOverflow {height:600px !important;}
section#banner  img.rsImg {
    margin-left: 0 !important;
    max-width: unset !important;
    width: auto !important;
}
.stickers { height: 160px; }
#slider-with-blocks-2  { min-height: 550px; }


/************Banner pages  **************/

section.bannerpages .container .description > p {
    font-size: 15px;
    line-height: 18px;
    margin: 0 auto;
    max-width: 800px;
}


/****************** Our team ***********/
section#ourteam li.sticker  { margin-bottom:80px; }
section#ourteam li.sticker .mask {  width:100%; height:100% ; top:100%; left:0;  overflow:visible;-webkit-border-radius: 0;
border-radius: 0;}
section#ourteam li.sticker .mask .description { color:#333; width:100%; height:100% ; top:auto; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
section#ourteam li.sticker .mask {  width:100%; height:100% ; top:100%; left:0;  overflow:visible;-webkit-border-radius: 0;
border-radius: 0;   }
section#ourteam li.sticker .mask .description { top:0 ; color:#333; left:0; width:100%; }
section#ourteam li.sticker .maskhead img { margin-top:0 !important }
section#ourteam li.sticker:hover .mask .description { top:0;}
}

/********************************************************************************/
/************* over 900px *************/
/********************************************************************************/  
@media screen and (min-width:900px) {  
#mm-navigation { display:none; }
html.mm-opening .mm-slideout {
    transform: translate(0px) !important;
}
html.mm-blocking #mm-blocker {
    display: none !important;
}
#slider-with-blocks-2  {
    min-height:550px;
}

}

/********************************************************************************/
/************* Under 900px *************/
/********************************************************************************/
@media screen and (max-width:900px) { 

 
h1, .h1{font-size:38px;}
h2, .h2{font-size:36px;}
h3, .h3{font-size:34px;}
h4, .h4{font-size:28px;}
h5, .h5{font-size:14px;}
h6, .h6{font-size:10px;}

p { font-size:14px; padding:0; }
header { 
			border-bottom:4px solid #f15a24; 
			position: fixed;
            font-size: 24px;
            line-height: 48px;
            height: 48px; 
            width: 100%;
            display:table;
            text-align: left;
            padding:0;
}

header #logo a { max-width:80px;  max-height: 80px; }
header nav#navigation a { padding:5px!important;}

header.sticky #logo a { max-width:80px; }


/****************************************/
/*************** Banner  ****************/
#slider-with-blocks-1 { background-position: bottom 5% center;  background-size:100% }
section#banner  #slider-with-blocks-1 .slide2 img  { max-width:150px !important;  bottom:25%; left:40%;  }
section#banner  #slider-with-blocks-1 .slide3 img  { max-width:150px !important;  bottom:20%; left:40%;}

section#banner .bContainer { max-width: 80% !important;}
section#banner .bContainer strong {  }
section#banner .bContainer span{ font-size:16px }

section.bannerpages .container {  top:220px; }
 
section#banner #slider-with-blocks-1 { height:600px !important; }
section#banner #new-royalslider-1 { height:550px !important; }
section#banner #slider-with-blocks-1 .rsOverflow {height:600px !important;}
section#banner #new-royalslider-1 .rsOverflow {height:550px !important;}
section#banner img.rsImg {
    margin-left: 0 !important;
    max-width: unset !important;
    width: auto !important;
}

#slider-with-blocks-2  { min-height: 440px !important; }


section#ourteam li.sticker .mask {  width:100%; height:100% ; top:100%; left:0;  overflow:visible;-webkit-border-radius: 0;
border-radius: 0;   }
section#ourteam li.sticker .mask .description { top:0; color:#333; }
section#ourteam li.sticker .maskhead img { top:0 !important }


#contact table {
    max-width: 90%; margin:0 auto;
    width: 90%;
}
/****************************************/	
/****************** Partenaire ************************/	
section#partenaire { padding-bottom:30px;   }
section#partenaire h2 { color:#fff; }
section#partenaire .block { 
	float: none;
    min-height: 280px;
    margin: 50px auto 0 auto;
    position: relative;
    width: 80%;
}
section#partenaire .link { bottom:0px; }
/****************************************/
/****************** Contact ************************/
section#contact { display:flex; height:auto; background:url(../images/map1.png) right center;   }	
section#contact #left { width:100%; margin-left:0%; padding-bottom:50px  ;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg);
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
section#contact #left > * {  -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); }
section#contact #float_right { float:unset; width:100%; max-width:600px; margin:0 auto; margin-top:2%; text-align:center }

section#contact #float_right #contactform {
    display: table;
    margin: 0;
    padding: 0;
    width: 95%;
}

section#contact h2 { text-align: center;}
#submenu { display:block;   }
.menu, #lang, #network { display: none; }

#menumobile {	display:block !important; }
#mm-navigation  #lang, #mm-navigation  #network { display:table; margin: 0 auto; width:100%;}
#mm-navigation #network a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color:#139A79;
    display: block;
    float: left;
    height: 37px;
    margin: 2px;
    text-align: center;
    text-indent: 0;
    width: 46%;
}


section#content .container .gallery li {   width: 30.3%; }

}

/********************************************************************************/
/************* Under 800px *************/
/********************************************************************************/
@media screen and (max-width:800px) { 
/*** Logo ***/
header { 
			border-bottom:4px solid #f15a24; 
			position: fixed;
            font-size: 24px;
            line-height: 48px;
            height: 48px; 
            width: 100%;
            display:table;
            text-align: left;
            padding:0;
}

section#banner .bContainer span{ font-size:18px;text-shadow: 0 0 2px #191919; }

section#bike .rsMinW .rsArrow { display:none !important }

/****** Table tarifs**/	
#content table {
    border: none !important;
    border-radius:none !important;
    
}
#content table#screen { display:none }

#content table#mobile td:first-child {
    color: #333;
    font-weight: normal;
}
#content tr:first-child td:first-child {
    border-bottom: 0 none;
    color: #fff !important;
    font-weight: bold !important;
}
#content table#mobile tr td .subclass { color:#F15A24 !important; font-weight: bold !important;  }
#content tr:last-child td:last-child {
    color: #fff !important;
    font-weight: bold !important;
}

section#content .container p, section#content .container h3, section#content .container img { width:90%; margin:0 auto; }
}

/********************************************************************************/
/************* Under 600px *************/
/********************************************************************************/
@media screen and (max-width:600px) {  
p { font-size:14px;  padding:0; }
section#banner a { bottom:2% }
section#banner a span {
    display: block;
    font-size: 27px;
    max-width: 95%;
    padding: 2% 0;
	
}

section#bike a { bottom:2%; margin:10px auto;  }
section#bike a span {
    display: block;
    font-size: 27px;
    max-width: 95%;
    padding: 2% 0;
	
}

#slider-with-blocks-1 { background-position: bottom 15% center;  background-size:100% }
section#banner  #slider-with-blocks-1 .slide2 img  { max-width:150px !important;  bottom:13%; left:37%; opacity:0.7 }
section#banner  #slider-with-blocks-1 .slide3 img  { max-width:150px !important;  bottom:10%; left:37%; opacity:0.7}
section#banner  #slider-with-blocks-1 .rsArrow { display:none !important }

section#banner  #slider-with-blocks-1 { height:800px !important; }
section#banner  #new-royalslider-1 { height:750px !important; }
section#banner  #slider-with-blocks-1 .rsOverflow { height:800px !important; }
section#banner  #new-royalslider-1 .rsOverflow { height:750px !important; }
section#banner  img.rsImg {
    margin-left: 0 !important;
    max-width: unset !important;
    width: auto !important;
}
section#banner .bContainer{ top: 44%; }
section#banner .bContainer { max-width: 70% !important; }
section#banner .bContainer span{ font-size:15px }


section.bannerpages .container { top:230px; }
section#banner h1 { font-size:28px }
section.bannerpages .container .description p { font-size:14px }

section#tarif .container { display:table;}
section#tarif .block {
    float: none;
    left: 0;
    width: 70%;
	margin-top:80px;
    padding: 5% 15% 1%; min-height:250px;
}
section#tarif .block:first-child { margin-top:0;  }

section#tarif a { bottom: 0; width: 100%; }
section#tarif a span {  font-size: 28px; }

#slider-with-blocks-2  {min-height: 250px !important;}

section#content .download span {
    font-size: 28px;
    line-height:32px;
    max-width: 100%;
    padding: 15px 15% 15px 10px;
    text-align: left;
    
}
section#content .container .gallery li {   width: 45.3%; }

section#partenaire a { bottom:2% }
section#partenaire a span {
    display: block;
    font-size: 27px;
    max-width: 95%;
    padding: 2% 0;
	
}
section#ourteam li.sticker { width:150px; height:150px; }
section#partenaire .block {  margin: 0 auto; min-height:250px;}
}

/********************************************************************************/
/************* Under 300px *************/
/********************************************************************************/
@media screen and (max-width:300px) {   
#slider-with-blocks-2  {
    height: auto !important; max-height:auto !important; }
	
section.bannerpages .container { top:220px; }
section#banner h1 { font-size:24px }
section.bannerpages .container .description p { font-size:12px }
	
}