/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, button, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
 margin: 0;
 padding: 0;
 outline: none;
 border: 0;
 vertical-align: baseline;
 font: inherit;
 font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
 display: block;
}

body{
 line-height: 1;
}

ol, ul{
 list-style: none;
}

blockquote, q{
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after{
 content: '';
 content: none;
}

table{
 border-spacing: 0;
 border-collapse: collapse;
}

/* fin reset */

/* fonts */

@font-face{
    font-weight: normal;
    font-style: normal;
    font-family: 'MyriadProBold';
    src: url('fonts/myriadpro-bold-webfont.eot');
    src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('fonts/myriadpro-bold-webfont.ttf') format('truetype'),

         url('fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
}

*:focus{
 outline: none;
}

/* main style */

html{
 font-size: 63%;
}

body{
 width: 100%;
 background: #eaeaea;
 font-size: 1.27em;
 font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

.bold{
	font-weight: bold;
}

#wrap{
 margin: auto;
 width: 1000px;
}

b{
 font-weight: bold;
}

a, a:visited{
 color: #000;
 text-decoration: none;
}

a:hover, a:active{
 color: #207b93;
}

#gras{
 font-weight: bold;
}

.bouttonJaune{
 padding-right: 15px;
 padding-left: 15px;
 height: 29px;
 border-radius: 3px;
 background: url(img/sprites.png) 0px -76px repeat-x;
 box-shadow: 0px 1px 0.2px 0px rgba(0,0,0,0.4);
 color: #363636;
 text-shadow: 0px 1px #efdfad;
 font-weight: bold;
 font-size: 0.95em;
 cursor: pointer;
}

#retourTop{
 position: absolute;
 right: 13px;
 bottom: 11px;
 float: right;
 width: 150px;
}

#retourTop a, #retourTop a:visited{
 position: absolute;
 bottom: 0px;
 padding-top: 14px;
 padding-right: 25px;
 padding-bottom: 17px;
 color: #313131;
 font-size: 1.17em;
}

#retourTop a:hover, #retourTop a:active{
 color: #207b93;
}

.bouttonTop{
 position: absolute;
 right: 0px;
 bottom: 0px;
 width: 40px;
 height: 47px;
 background: #313131;
 cursor: pointer;
}

.bouttonTop .bouttonTopImg{
 position: absolute;
 top: 18px;
 left: 11px;
 display: inline-block;
 width: 17px;
 height: 9px;
 background: url(img/sprites.png) -47px 0px no-repeat;
}

.bouttonTop:active .bouttonTopImg, .bouttonTop .bouttonTopImg:active{
 left: 12px;
}

#prePagination{
 clear: both;
}

.pagination{
 position: relative;
 left: -50%;
 float: right;
 height: 59px;
}

.pagination ul{
 position: relative;
 left: 50%;
 margin-top: 24px;
}

.pagination li{
 position: relative;
 float: left;
 margin-right: 7px;
 padding-top: 4px;
 height: 12px;
 border: 1px solid #ddd;
 border-right-color: #eee;
 border-bottom-color: #f7f7f7;
 border-left-color: #eee;
 border-radius: 3px;
 background-color: #f7f7f7;
 box-shadow: inset 0px 1px 0px 0px #eee;
 text-align: center;
 font-size: .7em;
}

.pagination a{
 padding: 4px 6px 3px 6px;
 color: #828282;
}

.pagination li:hover, .pagination li.paginationSelected{
 border-color: #353535;
 background: #3c3c3c;
 box-shadow: none;
}

.pagination li:hover a, .pagination li.paginationSelected a{
 color: #f6f6f6;
}

/* fil ariane */

#filAriane{
 height: 60px;
}

#filAriane ul li{
 display: inline-block;
 margin-top: 21px;
}

#filAriane ul li:after{
 content: " - ";
}

#filAriane ul li:last-child:after{
 content: "";
}

#filAriane ul li a{
 color: #252728;
 text-decoration: none;
 font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
}

#filAriane ul li a:hover{
 color: #207b93;
}

/* blueBar */

#blueBar{
 position: fixed;
 top: 0px;
 z-index: 10000;
 width: 100%;
 height: 42px;
 background: #113b51;
 box-shadow: 0 0 2px 2.5px rgba(0,0,0,0.12);
}

#blueBar #menu{
 margin: auto;
 width: 1000px;
 font-family: Helvetica, Arial, sans-serif;
 font-weight: 600;
 font-size: .86em;
}

.webkit #blueBar #menu{
 font-weight: 500;
}

#blueBar #home{
 float: left;
 width: 49px;
 height: 42px;
 background: url(img/sprites.png) 0px -174px repeat-x;
}

#blueBar #home #homeLogo{
 position: relative;
 top: 12px;
 left: 16px;
 display: inline-block;
 width: 18px;
 height: 17px;
 background: url(img/sprites.png) 0px 0px no-repeat;
}

#blueBar #home:active #homeLogo, #blueBar #home #homeLogo:active{
 left: 17px;
}

#blueBar #menu ul li{
 float: left;
 padding-top: 16px;
 height: 26px;
}

#blueBar #menu ul li a{
 position: relative;
 padding: 15px 12px 14px;
 color: #fff;
 text-transform: uppercase;
}

.linux #blueBar #menu ul li a{
 padding-top: 13px;
 padding-right: 10px;
 padding-bottom: 12px;
 padding-left: 10px;
}

#blueBar #menu ul li a .menuSep{
 position: absolute;
 top: 16px;
 width: 1px;
 height: 10px;
}

#blueBar #menu ul li a .menuSepLeft{
 left: 0px;
 background: #3c5e70;
}

#blueBar #menu ul li a .menuSepRight{
 right: 0px;
 background: #113344;
}

.webkit #blueBar #menu ul li a{
 padding: 15px 10px 13px;
}

#blueBar #menu ul li a:hover{
 background: url(img/sprites.png) 0px -216px repeat-x;
}

#blueBar #menu ul li a:hover .menuSep{
 display: none;
}

/* menuCompte */

#menuCompte{
 position: relative;
 margin-bottom: -27px;
 height: 53px;
}

#menuCompte ul li{
 display: inline-block;
 margin-right: -3px;
}

#menuCompte ul li a{
 padding: 10px 16px 9px 16px;
 background: #5a5a5a;
 color: #fefefe;
 text-decoration: none;
 font-size: 0.94em;
}

#menuCompte ul li.compteSelected a, #menuCompte ul li a:hover{
 background: #2d869a;
}

/* header */

header{
 margin-top: 42px;
 position: relative;
}

header #logoPlanete{
 position: relative;
 top: 12px;
 z-index: 100;
 float: left;
 margin-bottom: -8px;
 width: 136px;
 height: 135px;
 background: url(img/spritesLogo.png) 0px 0px no-repeat;
}

header #logoMobile{
 display: none;
}

header .saisonMobile{
 display: none;
}

header .saison{
 position: relative;
 top: 21px;
 left: -48px;
 float: left;
 width: 292px;
 height: 106px;
 background: url(img/spritesLogo.png) no-repeat;
}

header .saison.saisonHiver{
 background-position: -136px -35px;
}

header .saison.saisonAutomne{
 width: 257px;
 background-position: -450px -35px;
}

header .saison.saisonPrintemps{
 background-position: -770px 14px;
}

header .saison.saisonEte{
 background-position: -1038px -31px;
}

#connect{
 position: absolute;
 top: 87px;
 right: 0px; /* Ancienne valeur quandle menu était affiché 130px; */
}

#connect li{
 float: left;
}

#connect li a, #connect li a:visited{
 position: relative;
 padding-right: 10px;
 padding-left: 11px;
 color: #313131;
 font-size: 1.1em;
}

#connect li:first-child a, #connect li:first-child a:visited{
 background: none;
}

#connect li a .connectSep{
 position: absolute;
 top: 3px;
 width: 1px;
 height: 10px;
 background: #c0c0c0;
 box-shadow: 1px 0px 0px 0px rgba(192,192,192,0.2);
}

#connect li a:hover, header #connect li a:active{
 color: #207b93;
}

header #reservations{
 float: right;
 margin-top: 79px;
 margin-left: 30px;
}

header #reservations:active{
 padding-right: 14px;
 padding-left: 16px;
}

/* slideshow */

.nivoSlider a.nivo-imageLink{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 6;
 display: none;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 border: 0;
}

.nivo-slice{
 position: absolute;
 top: 0;
 z-index: 5;
 display: block;
 height: 100%;
}

.nivo-box{
 position: absolute;
 z-index: 5;
 display: block;
 overflow: hidden;
}

#slider{
 position: relative;
 clear: both;
 overflow: hidden;
 width: 1000px;
 height: 304px;
 background: #eaeaea url(img/loading.gif) no-repeat 50% 50%;
}

#slider img{
 position: absolute;
 top: 0px;
 left: 0px;
 display: none;
}

#slideshow{
 position: relative;
 clear: both;
 overflow: hidden;
 height: 304px;
}

#slideshow #imageSlide{
 width: 1000px;
 height: 296px;
}

#slideshow .slideB{
 position: absolute;
 top: 124px;
 z-index: 10;
 width: 43px;
 height: 53px;
 background: rgba(0,0,0,0.45);
 cursor: pointer;
}

#slideshow .slideB:hover{
 background: #000;
}

#slideshow .slideB#slideBLeft{
 left: 0px;
}

#slideshow .slideB#slideBRight{
 right: 0px;
}

#slideshow .slideB .slideArrow{
 position: relative;
 top: 16px;
 left: 13px;
 display: inline-block;
 width: 14px;
 height: 22px;
 background: url(img/sprites.png) no-repeat;
}

#slideshow .slideB .slideArrow#slideLeft{
 background-position: -18px 0px;
}

#slideshow .slideB .slideArrow#slideRight{
 background-position: -32px 0px;
}

#slideColumnsMain{
 position: relative;
 cursor: pointer;
}

.slideColumns{
 position: absolute;
 bottom: 0px;
 z-index: 10;
 width: 16.7%;
 height: 8px;
 -webkit-transition: height .5s;
 -moz-transition: height .5s;
 -o-transition: height .5s;
 transition: height .5s;
}

.slideColumns:hover, .slideSelected{
 z-index: 900;
 height: 20px;
}

#slide0{
 background: #292929;
}

#slide1{
 left: 16.7%;
 background: #86b035;
}

#slide2{
 left: 33.4%;
 width: 16.6%;
 background: #207b93;
}

#slide3{
 left: 50%;
 background: #0c2b3c;
}

#slide4{
 left: 66.7%;
 background: #ac2c2c;
}

#slide5{
 left: 83.4%;
 background: #eabc29;
}

#slideForme{
 position: absolute;
 right: 0px;
 bottom: 7px;
 z-index: 8;
 width: 398px;
 width: 398px;
 height: 196px;
 height: 196px;
 background: rgba(12,43,60,0.8);
 box-shadow: 0px -1px 2px 0px rgba(118,118,118,0.8);
 -webkit-transform: skewX(-22deg) skewY(12.5deg) translate(55px, 32px);
 -moz-transform: skewX(-22deg) skewY(12.5deg) translate(55px, 32px);
 -ms-transform: skewX(-22deg) skewY(12.5deg) translate(55px, 32px);
 -o-transform: skewX(-22deg) skewY(12.5deg) translate(55px, 32px);
 transform: skewX(-22deg) skewY(12.5deg) translate(55px, 32px);
}

.slideContent{
 position: absolute;
 top: 180px;
 right: 64px;
 z-index: 9;
 width: 230px;
 color: #fff;
 text-transform: uppercase;
 font-size: 2em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.slideContent a{
 color: #fff;
}

.slideContent #slideDoubleFleche{
 display: inline-block;
 margin-left: 20px;
 width: 17px;
 height: 18px;
 background: url(img/sprites.png) -35px -22px no-repeat;
}

/* main */

#main{
 clear: both;
}

/* filtre principal */

#filtrePrincipal{
 position: relative;
 margin-bottom: 38px;
 height: 29px;
 display: none; /* Masquage du moteur de recherche en mode blogs */
}

.filtreSelect dt{
 position: relative;
 float: left;
 margin-right: 10px;
 padding-top: 9px;
 padding-left: 24px;
 width: 118px;
 height: 20px;
 border-radius: 3px;
 background: url(img/sprites.png) 0px -76px repeat-x;
 box-shadow: 0px 1px 0.2px 0px rgba(0,0,0,0.4);
 color: #363636;
 text-shadow: 0px 1px #efdfad;
 font-weight: bold;
 font-size: 0.95em;
 cursor: pointer;
}

.filtreSelect dt .searchArrow{
 position: absolute;
 top: 14px;
 right: 12px;
 display: inline-block;
 width: 9px;
 height: 5px;
 background: url(img/sprites.png) 0px -32px no-repeat;
}

.filtreSelect dd ul{
 position: absolute;
 top: 30px;
 z-index: 99999;
 display: none;
 width: 142px;
}

.filtreSelect dd li{
 display: block;
 padding-top: 5px;
 padding-left: 22px;
 height: 15px;
 border-right: 1px solid #b9b9b9;
 border-bottom: 1px solid #b9b9b9;
 border-left: 1px solid #b9b9b9;
 background: #fff;
 color: #acacac;
 font-weight: bold;
 font-size: 0.8em;
 cursor: pointer;
}

.filtreSelect dd li:hover{
 background: #313131;
 color: #fff;
}

.filtreSelect span.value{
 display: none;
}

.filtreSelect#selectAge dd ul{
 left: 0px;
}

.filtreSelect#selectSaison dd ul{
 left: 152px;
}

.filtreSelect#selectDuree dd ul{
 left: 304px;
}

#filtrePrincipal #resetFiltre{
 position: absolute;
 left: 456px;
 margin-right: 6px;
 width: 0px;
}

#filtrePrincipal #resetFiltre i{
 position: absolute;
 top: 5px;
 left: 11px;
 font-size: 1.4em;
}

#filtrePrincipal #resetFiltre:active i{
 left: 12px;
}

.webkit #filtrePrincipal #resetFiltre i{
 top: 6px;
}

#filtrePrincipal #filtreGo{
 position: absolute;
 left: 495px;
 width: 30px;
}

#filtrePrincipal #filtreGo #filtreGoImg{
 position: absolute;
 top: 11px;
 left: 12px;
 display: inline-block;
 width: 7px;
 height: 8px;
 background: url(img/sprites.png) -46px -10px no-repeat;
}

#filtrePrincipal #filtreGo:active #filtreGoImg{
 left: 13px;
}

#filtrePrincipal #filtreSearch{
 float: right;
}

#filtrePrincipal #filtreSearch #filtreRechercher{
 position: relative;
 top: 2px;
 left: 8px;
 z-index: 1;
 padding-left: 10px;
 width: 154px;
 height: 23px;
 border: none;
 border-top: 1px solid #e1e1e1;
 border-bottom: 1px solid #dedede;
 border-radius: 3px;
 color: #000;
 font-style: italic;
 font-size: .94em;
}

#filtrePrincipal #filtreSearch #filtreRechercher.placeholder{
 color: #c3c3c3;
}

#filtrePrincipal #filtreSearch #filtreBouttonOk{
 position: relative;
 top: 2px;
 z-index: 2;
 width: 34px;
 height: 25px;
 border-radius: 3px;
 background: url(img/sprites.png) 0px -149px no-repeat;
 color: #fff;
 font-weight: bold;
 font-size: .94em;
 cursor: pointer;
}

#filtrePrincipal #filtreSearch #filtreBouttonOk:active{
 padding-left: 2px;
}

/* onglets */

.tabs{
 clear: both;
}

.tabs li{
 float: left;
 margin-right: 1px;
 padding-top: 8px;
 height: 19px;
 border-top-right-radius: 2px;
 border-top-left-radius: 2px;
 background: url(img/sprites.png) 0px -264px repeat-x;
 text-transform: uppercase;
 font-weight: bold;
 font-size: .78em;
}

.tabs li a{
 padding: 7px 16px;
 color: #505050;
}

.tabs li a .sejourPicto{
 display: inline-block;
 float: left;
 margin-top: -1px;
 margin-left: 10px;
 margin-right: -8px;
 width: 16px;
 height: 14px;
}

.tabs li a .sejourPictoPrin{
 background: url(img/sprites.png) -352px 0px no-repeat;
}


.tabs li a .sejourPictoEte{
 background: url(img/sprites.png) -352px -14px no-repeat;
}

.tabs li a .sejourPictoAut{
 background: url(img/sprites.png) -352px -28px no-repeat;
}

.tabs li a .sejourPictoHiv{
 background: url(img/sprites.png) -352px -42px no-repeat;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPictoDot{
 background: url(img/sprites.png) 0px -17px no-repeat;
}

.tabs li:hover, .tabs li.tabsSelected{
 background: url(img/sprites.png) 0px -291px repeat-x;
}

.tabs li:hover a, .tabs li.tabsSelected a{
 color: #fff;
}

.tabs li.tabsSelected a{
 pointer-events: none;
}

/* primary */

#primary{
 float: left;
 margin-top: 27px;
 margin-right: 14px;
 width: 100%; /* ancienne largeur : 732px */
 margin-bottom: 10px;
}

#mainContent,
.main-content{
 position: relative;
 clear: both;
 padding: 11px;
 border: 1px solid #d1d1d1;
 border-radius: 3px;
 background: #f6f6f6;
}

/* 404 */

#primary #main404{
 padding: 20px;
 background: #fff;
 color: #313131;
 font-size: 2.26em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#primary #main404 h1{
 font-weight: bold;
}

/* formulaires
 connexion */

#connexionError{
 margin-bottom: 20px;
 color: #f00;
 font-size: 1.1em;
}

.connexionCol1{
 float: left;
 width: 330px;
}

.connexionCol1 li{
 margin-left: 25px;
 padding-top: 14px;
 height: 34px;
 color: #a5a5a5;
 font-style: italic;
 font-size: 1.1em;
}

.connexionCol1 p{
 margin-top: 70px;
 margin-bottom: 23px;
 margin-left: 24px;
 color: #51818d;
 font-style: italic;
 font-size: 1.1em;
}

.connexionCol2{
 float: left;
 width: 356px;
}

.connexionCol2 input[type=text],
.connexionCol2 input[type=password],
.connexionCol2 input[type=number],
.connexionCol2 input[type=date] {
 margin-bottom: 9px;
 padding-left: 12px;
 width: 332px;
 height: 35px;
 border: 1px solid #efefef;
 border-top-color: #e4e4e4;
 border-bottom-color: #f6f6f6;
 border-radius: 3px;
 background: #f6f6f6;
 color: #767676;
 font-weight: bold;
 font-size: 1.1em;
}

.connexionCol2 li.radio {
	padding: 10px 0px;
	margin-bottom: 5px;
}

label{
 display: block;
 float: left;
 margin-top: 15px;
 margin-bottom: 15px;
 width: 300px;
 color: #a5a5a5;
 vertical-align: middle;
 white-space: nowrap;
 font-style: italic;
 font-size: 1.1em;
}

.connexionCol2 input[type=checkbox]{
 position: relative;
 top: 1px;
 margin-right: 8px;
 width: 13px;
 height: 13px;
 vertical-align: middle;
}

.bouttonConnexion{
 margin-top: 2px;
 margin-bottom: 17px;
 width: 133px;
 height: 38px;
 border-radius: 3px;
 background: url(img/sprites.png) 0 -318px repeat-x;
 color: #363636;
 text-shadow: 0px 1px #efdfad;
 font-weight: bold;
 font-size: 1.1em;
 cursor: pointer;
}

.bouttonConnexion:active{
 padding-left: 2px;
}

.connexionCol2 a{
 margin-left: 18px;
 color: #a5a5a5;
 font-style: italic;
 font-size: 1.1em;
}

.connexionSelect dt{
 position: relative;
 margin-bottom: 9px;
 padding-top: 11px;
 padding-left: 12px;
 width: 332px;
 height: 26px;
 border: 1px solid #efefef;
 border-top-color: #e4e4e4;
 border-bottom-color: #f6f6f6;
 border-radius: 3px;
 background: #f6f6f6;
 color: #767676;
 font-weight: bold;
 font-size: 1.1em;
 cursor: pointer;
}

.connexionSelect dt .connexionArrow{
 position: absolute;
 top: 11px;
 right: 13px;
 display: inline-block;
 width: 7px;
 height: 14px;
 background: url(img/sprites.png) -62px -21px no-repeat;
}

.connexionSelect dd ul{
 position: absolute;
 z-index: 3;
 display: none;
 margin-top: -10px;
 width: 346px;
}

.connexionSelect dd li{
 display: block;
 padding-top: 10px;
 padding-left: 16px;
 height: 22px;
 border-right: 1px solid #e4e4e4;
 border-bottom: 1px solid #e4e4e4;
 border-left: 1px solid #e4e4e4;
 background: #fff;
 color: #acacac;
 font-weight: bold;
 cursor: pointer;
}

.connexionSelect dd li:hover{
 background: #767676;
 color: #fff;
}

.connexionSelect span.value{
 display: none;
}

.connexionCol2 textarea{
 margin-bottom: 9px;
 padding-top: 12px;
 padding-right: 12px;
 padding-left: 12px;
 width: 320px;
 height: 238px;
 border: 1px solid #efefef;
 border-top-color: #e4e4e4;
 border-bottom-color: #f6f6f6;
 border-radius: 3px;
 border-radius: 3px;
 background: #f6f6f6;
 color: #767676;
 font-weight: bold;
 font-size: 1.1em;
 font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
 resize: none;
}

#obligContact{
 margin-top: 280px;
}

/* devis */

.connexionTextBox.connexionDate{
 margin-right: 10px;
 width: 116px;
}

.connexionTextBox.placeholder, .connexionCol2 textarea.placeholder{
 color: #f6f6f6;
 font-style: italic;
}

#obligDevis{
 margin-top: 20px;
}

#wrappedContent6 .connexionCol2{
 margin-top: 6px;
}

#devisDisclaimer{
 clear: both;
 margin-bottom: 10px;
 padding-left: 25px;
 color: #a5a5a5;
 font-style: italic;
 font-size: 1.1em;
 line-height: 1.2em;
}

.devisCheck{
 overflow: hidden;
 padding-left: 35px;
}

.devisCheck label{
 width: 150px;
}

.devisCheck input[type=checkbox]{
 position: relative;
 top: 1px;
 margin-right: 8px;
 width: 13px;
 height: 13px;
}

/* contact */

.contactContentWrap{
 margin-top: -2px;
 height: 100px;
 border-right: 1px solid #f0f0f0;
 border-left: 1px solid #f0f0f0;
 background: #fff url(img/shadow_top.png) 0px 0px no-repeat;
 color: #7f7f7f;
 font-size: 1.1em;
}

.contactContentWrap:last-child{
 clear: both;
 margin-top: 0px;
 padding-top: 34px;
 padding-left: 70px;
 height: 81px;
 border-bottom: 1px solid #f0f0f0;
 color: #a5a5a5;
 font-style: italic;
 line-height: 1.2em;
}

.contactContent{
 float: left;
 padding-top: 34px;
 padding-left: 70px;
 width: 157px;
 height: 66px;
 line-height: 1.4em;
}

.contactContent:last-child{
 float: right;
 padding-right: 50px;
 padding-left: 56px;
 width: 146px;
}

.contactContent>b{
 font-weight: bold;
}

/* page */

#wrappedContent, .wrappedContent{
 overflow: hidden;
 padding: 10px;
 border: 1px solid #eee;
 background: #fff;
}


.wrappedContentX{
 margin-top: 10px;
}

#mainContent #wrappedContent>h1, #mainContent .wrappedContent>h1{
 margin-top: 18px;
 margin-bottom: 23px;
 margin-left: 24px;
 color: #313131;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.44em;
 font-family: Helvetica, Arial, sans-serif;
}

#mainContent #wrappedContent>h2, #mainContent .wrappedContent>h2{
 margin-top: 18px;
 margin-bottom: 14px;
 margin-left: 24px;
 color: #313131;
 font-weight: bold;
 font-size: 1.44em;
 font-family: "MyriadProBold"; font-family: Helvetica, Arial, sans-serif;
}

#mainContent .wrappedContent.formContact>h2{
 margin-bottom: 45px;
}

.mainColumn{
 float: left;
 margin-top: 12px;
 margin-bottom: 50px;
 padding-right: 28px;
 padding-left: 28px;
 width: 652px;
 color: #505050;
 font-size: 1.17em;
 line-height: 1.2em;
}

.mainColumn p{
 margin-bottom: 1.6em;
}

.mainColumn1{
 margin-left: 28px;
}

.mainColumn2{
 margin-left: 53px;
}

/* bonus videos */

.videoBlock{
 float: left;
 margin-right: 1px;
 margin-bottom: 1px;
 padding: 10px;
 width: 213px;
 height: 260px;
 border: 1px solid #f0f0f0;
 background: #fff;
}

.videoBlock h3{
 margin-top: 19px;
 color: #313131;
 font-weight: bold;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.videoBlock p{
 margin-top: 19px;
 margin-bottom: 6px;
 color: #505050;
 font-size: .94em;
 line-height: 1.2em;
}

/* bonus telecharger */

#telechargerTitre{
 padding-top: 10px;
 padding-left: 10px;
 color: #313131;
 font-size: 1.3em;
}

#telechargerCat{
 position: relative;
 margin-top: 20px;
 height: 110px;
 color: #444;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.08em;
 font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
}

#telechargerCat .telechargerShadow{
 position: absolute;
 left: -10px;
 display: block;
 width: 727px;
 height: 10px;
}

#telechargerCat .telechargerShadowTop{
 top: 0px;
 background: url('img/shadow_top.png') no-repeat;
}

#telechargerCat .telechargerShadowBot{
 bottom: 0px;
 background: url('img/shadow_bot.png') no-repeat;
}

#telechargerCat ul{
 margin-left: 40px;
 padding-top: 36px;
}

#telechargerCat ul li{
 float: left;
 margin-right: 40px;
 width: 93px;
 height: 100px;
}

#telechargerCat ul a{
 color: #313131;
}

#telechargerContenu{
 overflow: hidden;
 margin-bottom: 50px;
 padding-top: 20px;
 padding-left: 20px;
 width: 708px;
}

#telechargerContenu div{
 position: relative;
 float: left;
 width: 177px;
 height: 100px;
}

#telechargerContenu div:hover{
 opacity: .7;
 cursor: pointer;
}

#telechargerContenu div p{
 padding-left: 60px;
 font-weight: bold;
 font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
 line-height: 1.1em;
}

#telechargerContenu div .telechargerNom{
 padding-top: 5px;
 color: #444;
}

#telechargerContenu div .telechargerDescr{
 color: #8f8f8f;
}

#telechargerContenu div i{
 position: absolute;
 display: block;
 width: 50px;
 height: 53px;
 background: url('img/telecharger.png') no-repeat;
}

/* partenaires */

.partenaires>div{
 float: left;
 margin-right: 1px;
 margin-bottom: 1px;
 padding: 12px;
 width: 209px;
 border: 1px solid #f0f0f0;
 background: #fff;
}

.partenaires>div .titre_partenaire{
 color: #343434;
 text-transform: uppercase;
 text-align: center;
 margin-top: 8px;
 font-weight: bold;
}

.partenaires>div>img{
 width: 210px;
 height: 200px;
}

.partenaires>div:hover img{
 opacity: .8;
}

#partenairesBot{
 clear: both;
 height: 34px;
 border: none;
 background: none;
}

.partenaires #retourTop{
 float: right;
 width: 150px;
 border: none;
 background: none;
}

/* emplois */

.emploiBlock{
 position: relative;
 margin-bottom: 10px;
 border: 1px solid #f0f0f0;
 background: #fff;
}

.emploiBlock:hover{
 background: #dfdfdf;
}

.emploiBlock .emploiImg{
 float: left;
 margin: 10px;
 margin-right: 23px;
 padding: 3px;
 width: 94px;
 border: 1px solid #ebebeb;
 border-radius: 3px;
 background: #fff;
}

.emploiBlock .emploiImg>img{
 width: 94px;
}

.emploiBlock h3{
 float: left;
 margin-top: 18px;
 margin-right: 10px;
 width: 306px;
 color: #313131;
 font-weight: bold;
 font-size: 1.6em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.emploiBlock p{
 float: left;
 margin-top: 12px;
 margin-right: 10px;
 width: 306px;
 height: 60px;
 color: #505050;
 font-size: .94em;
 line-height: 1.2em;
}

.emploiBlock ul{
 margin-top: 26px;
}

.emploiBlock ul li{
 margin-bottom: 17px;
 color: #6a6a6a;
 font-style: italic;
 font-size: .94em;
}

.emploiBlock ul li b{
 font-weight: bold;
}

.emploiBlock ul li i, #ficheTop ul li i, #ficheActivites ul li i{
 display: inline-block;
 margin-right: 11px;
 width: 9px;
 height: 9px;
 background: url(img/sprites.png) 0 -19px no-repeat;
}

.emploiShadow{
 position: absolute;
 left: -10px;
 display: inline-block;
 width: 727px;
 height: 10px;
}

.emploiShadowTop{
 top: 4px;
 background: url('img/shadow_top.png') no-repeat;
}

.emploiShadowBot{
 bottom: 4px;
 background: url('img/shadow_bot.png') no-repeat;
}

/* emploi fiche */

#emploiFicheBlock:hover{
 background: #fff;
}

#emploiFicheContent h3{
 color: #313131;
 font-weight: bold;
 font-size: 1.6em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#emploiFicheContent p{
 color: #505050;
 font-size: .94em;
}

#emploiFicheContent{
 position: relative;
 overflow: hidden;
 margin-top: -10px;
 border-right: 1px solid #ececec;
 border-left: 1px solid #ececec;
}

#emploiFicheContent .emploiFicheContentCol{
 float: left;
 margin-top: 60px;
 margin-bottom: 68px;
 width: 254px;
}

#emploiFicheContent .emploiFicheContentCol:first-child{
 margin-right: 60px;
 margin-left: 65px;
}

#emploiFicheContent .emploiFicheContentCol:last-child{
 margin-right: 72px;
}

.emploiShadowContentTop{
 top: 0px;
 background: url('img/shadow_top.png') no-repeat;
}

.emploiShadowContentBot{
 bottom: 0px;
 background: url('img/shadow_bot.png') no-repeat;
}

/* faq */

#faqTop{
 overflow: hidden;
}

#faqTop .faqBlock{
 width: 310px;
 margin-left: 370px;
}

#faqTop>div span font{
 font-family: 'Comic Sans', 'Comic Sans MS', 'Chalkboard', 'ChalkboardSE-Regular', 'Marker Felt', 'Purisa', 'URW Chancery L', cursive !important;
 font-size: 14px;
 line-height: 1.6em;
}

#faqTop>div>div{
 margin-top: 4px !important;
}

#faqTop img{
 float: left;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 14px;
}

#faqTop div{
 margin-top: 28px;
 color: #505050;
 font-size: 1.17em;
 line-height: 1.2em;
}

#faqBot{
 margin-top: 24px;
 padding-top: 21px;
 background: url(img/faq_shadow.png) no-repeat;
 margin-bottom: 50px;
}

#faqBot li{
 margin-top: 15px;
 margin-left: 58px;
}

#faqBot li .faqLink{
 color: #989898;
 text-decoration: underline;
 font-size: 1.17em;
}

#faqBot li .faqLink:hover, #faqBot a.faqLinkSelected{
 color: #313131;
}

#faqBot a.faqLinkSelected{
 margin-left: -7px;
}

.faqArrow{
 position: relative;
 top: -1px;
 right: 17px;
 display: inline-block;
 width: 7px;
 height: 8px;
 background: url(img/sprites.png) -55px -135px no-repeat;
}

#faqBot ul{
 margin-bottom: 22px;
}

/* news */

.ui-tabs{
 position: relative;
 overflow: hidden;
 margin-bottom: 9px;
 height: 260px;
 border: 1px solid #f0f0f0;
 background: #fff;
 color: #505050;
 font-size: .94em;
 line-height: 1.6em;
}

.ui-tabs-panel{
 position: relative;
}

.ui-tabs-panel:not(.ui-tabs-hide){
 display: block !important;
 height: 182px;
}

/*.ui-tabs-nav{
 display: none;
}*/

.newsBoutton{
 display: none;
}

.ui-tabs h2{
 width: 618px;
 color: #313131;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 line-height: 2em;
}

.ui-tabs p{
 width: 618px;
}

.ui-tabs .newsCol{
 float: left;
 width: 280px;
}

.ui-tabs .newsCol2{
 margin-left: 50px;
}

.ui-state-default{
 float: left;
 padding-top: 16px;
 width: 139px;
 height: 28px;
 border: 1px solid #fff;
 border-top: none;
 background: url(img/sprites.png) 0px -105px repeat-x;
 text-align: center;
}

.ui-state-default:first-child{
 width: 140px;
}

.ui-state-default:last-child{
 width: 140px;
 border-right: none;
}

.ui-state-default:hover{
 background: #c1c1c1;
}

.ui-state-default a{
 display: block;
 margin-top: -18px;
 padding-top: 16px;
 width: 100%;
 height: 100%;
 color: #7f7f7f;
 text-transform: uppercase;
 font-weight: bold;
}

.ui-tabs-selected, .ui-tabs-selected:hover{
 background: #fff;
}

.ui-tabs-panel{
 clear: both;
 padding: 33px 44px 0px 44px;
}

.ui-tabs-hide{
 display: none;
}

#news .newsBoutton{
 position: absolute;
 bottom: 1px;
 width: 41px;
 height: 41px;
 border: 1px solid #d6d6d6;
 cursor: pointer;
}

#news .newsBoutton#newsBouttonRight{
 right: 1px;
}

#news .newsBoutton#newsBouttonLeft{
 right: 45px;
}

#news .newsBoutton:hover{
 border: 1px solid #f6f6f6;
 background: #f6f6f6;
}

#news .newsBoutton .newsBouttonImg{
 position: absolute;
 top: 16px;
 left: 16px;
 display: inline-block;
 width: 8px;
 height: 8px;
}

#news .newsBoutton .newsBouttonImg#newsBouttonImgLeft{
 background: url(img/sprites.png) -15px -22px no-repeat;
}

#news .newsBoutton .newsBouttonImg#newsBouttonImgRight{
 background: url(img/sprites.png) -15px -30px no-repeat;
}

#news .newsBoutton:active > .newsBouttonImg, #news .newsBoutton > .newsBouttonImg:active{
 left: 18px;
}

/* sejour */

#sejours, #promos{
 position: relative;
 clear: both;
 overflow: hidden;
}

#sejours{
 margin-bottom: 54px;
}

#sejours .aucun{
 margin-top: 20px;
 color: #505050;
 text-align: center;
 font-weight: bold;
 font-size: 1.3em;
}

.sejourBlock{
 position: relative;
 float: left;
 margin-top: 1px;
 margin-right: 1px;
 width: 233px;
 height: 364px;
 border: 1px solid #f0f0f0;
 background: #fff;
 text-align: justify;
}

.sejourBlock .promoImg{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 2;
 width: 59px;
 height: 58px;
 background: url(img/sprites.png) no-repeat;
}

.sejourBlock .promoImgNouveau{
 background-position: -234px 0px;
}

.sejourBlock .promoImgPromo{
 background-position: -293px 0px;
}

.sejourBlock .promoComplet{
 background: url(img/complet_59x58.png) no-repeat;
}

.sejourBlock .promoLastPlace{
 background: url(img/saisir_59x58.png) no-repeat;
}

.sejourBlock .sejourBlockImg{
 position: relative;
 margin-top: 9px;
 margin-left: 10px;
 width: 213px;
 height: 120px;
 background: #d9d9d9;
}

.sejourBlock .sejourBlockImg .sejourBlockPrix{
 position: absolute;
 right: 0px;
 bottom: 0px;
 padding: 4px 9px 4px 12px;
 background: #252728;
 color: #fff;
 text-shadow: 0px 0.6px rgba(255,255,255,0.5);
 font-size: 1.56em;
 font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
}

.sejourBlock .sejourBlockImg .sejourBlockPrix:before{
 content: 'A partir de ';
    font-size: 0.7em;
}

.sejourBlock .sejourBlockImg .sejourBlockPrix:after{
 content: '€';
}

.sejourBlock h2{
 margin: 8px 15px 0px 15px;
 color: #313131;
 text-align: left;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.95em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.sejourBlock h3{
 margin: 8px 15px 0px 15px;
 color: #668694;
 text-align: left;
 font-weight: bold;
 font-size: 1.1em;
}

.sejourBlock .age{
 font-weight: bold;
}

.sejourBlock p{
 margin: 8px 15px 0px 15px;
 color: #505050;
 font-size: .94em;
 line-height: 1.4em;
}

.sejourBlock .sejourSuite{
 position: absolute;
 bottom: 17px;
 z-index: 5;
 color: #c5c5c5;
 text-decoration: underline;
 font-style: italic;
}

.sejourBlock .sejourSuite:hover{
 color: #207b93;
}

.sejourBlock .sejourInfos{
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding-top: 14px;
 width: 100%;
 height: 29px;
}

.sejourBlock .sejourInfos .sejourInfosShadow{
 position: absolute;
 left: 0px;
 display: none;
 width: 100%;
 height: 9px;
 background: #000;
}

.sejourBlock .sejourInfos .sejourInfosShadowTop{
 top: 0px;
 background: url(img/sprites.png) 0px -40px no-repeat;
}

.sejourBlock .sejourInfos .sejourInfosShadowBot{
 bottom: 0px;
 background: url(img/sprites.png) 0px -49px no-repeat;
}

.sejourBlock .sejourInfos .sejourPlus{
 position: absolute;
 right: 0px;
 bottom: 0px;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-sizing: border-box;
 width: 41px;
 height: 100%;
 border: 1px solid #d6d6d6;
 background: #fff;
 cursor: pointer;
}

.sejourBlock .sejourInfos .sejourPlus:hover{
 border: 1px solid #f6f6f6;
 background: #d6d6d6;
}

.sejourBlock .sejourInfos .sejourPlus .sejourPlusImg{
 position: absolute;
 top: 14px;
 left: 17px;
 display: inline-block;
 width: 0px;
 height: 0px;
 color: #616161;
 font-weight: bold;
 font-style: italic;
 font-family: Georgia, Times, "Times New Roman", serif;
}

.sejourBlock .sejourInfos .sejourPlus:active > .sejourPlusImg, .sejourBlock .sejourInfos .sejourPlus > .sejourPlusImg:active{
 left: 18px;
}

.sejourBlock .sejourInfos .sejourPlusLine{
 position: relative;
 display: none;
 width: 190px;
 height: 28px;
 color: #6a6a6a;
 font-style: italic;
 font-size: .94em;
}

.sejourBlock .sejourInfos .sejourPlusLine p{
 float: left;
 margin-top: 10px;
 margin-left: 8px;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPicto, .sejourBlock .age .sejourPicto{
 display: inline-block;
 width: 16px;
 height: 14px;
 float: left;
 margin-top: 1px;
 margin-right: 4px;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPicto{
 margin-top: 11px;
 margin-left: 19px;
 margin-right: 0px;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPictoPrin, .sejourBlock .age .sejourPictoPrin{
 background: url(img/sprites.png) -352px 0px no-repeat;
}


.sejourBlock .sejourInfos .sejourPlusLine .sejourPictoEte, .sejourBlock .age .sejourPictoEte{
 background: url(img/sprites.png) -352px -14px no-repeat;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPictoAut, .sejourBlock .age .sejourPictoAut{
 background: url(img/sprites.png) -352px -28px no-repeat;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPictoHiv, .sejourBlock .age .sejourPictoHiv{
 background: url(img/sprites.png) -352px -42px no-repeat;
}

.sejourBlock .sejourInfos .sejourPlusLine .sejourPictoDot{
 background: url(img/sprites.png) 0px -17px no-repeat;
 margin-left: 23px;
 margin-right: -4px;
}

#allSejour{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

#allSejour a{
    width:21%;
    cursor:pointer;
    text-align:center;
    color:rgb(127,127,127);
    text-transform:uppercase;
    font-weight:bold;
    background:#fff;
    margin-right:7.5px;
    border: 1px solid #f0f0f0;
    padding:10px;
    float:left;
    margin-bottom:10px;
}
#allSejour a:last-child{
    float:right;
    margin-right:2px;
}

#allSejour a:hover{
    background:#e1e1e1;
}
#allSejour a li{


}

#accueilLibre{
 position: relative;
 margin-top: 9px;
}

#accueilLibre .boxLibre{
 position: relative;
 float: left;
 padding: 11px;
 width: 324px;
 height: 237px;
 border: 1px solid #eee;
 background: #fff;
}

#accueilLibre .boxLibre:first-child{
 margin-right: 10px;
}

#accueilLibre .boxLibre h3{
 margin-top: 15px;
 margin-left: 7px;
 color: #1f1f1f;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.17em;
 font-family: Helvetica, Arial, sans-serif;
}

#accueilLibre .boxLibre p{
 margin-top: 10px;
 margin-left: 7px;
 color: #505050;
 font-size: .94em;
 line-height: 1.6em;
}

#accueilLibre .boxLibre a{
 position: absolute;
 bottom: 35px;
 margin-left: 7px;
 color: #113b51;
 text-decoration: underline;
 font-weight: bold;
}

/* fiche sejour */

.ficheSejour{
 position: relative;
}

#promoNouveau{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
 display: inline-block;
 width: 132px;
 height: 132px;
}

#promoNouveau.promo{
 background: url(img/promo.png) no-repeat;
}

#promoNouveau.nouveau{
 background: url(img/nouveau.png) no-repeat;
}

#promoNouveau.complet{
 background: url(img/complet_132x132.png) no-repeat;
}

#promoNouveau.lastPlace{
 background: url(img/saisir_132x132.png) no-repeat;
}

#ficheSlide{
 float: left;
 margin-top: 22px;
 margin-left: 24px;
 width: 315px;
 height: 326px;
 margin-bottom: 80px;
}

#ficheTop{
 overflow: hidden;
 padding-bottom: 2px;
}

#ficheTop #ficheSlide{
 position: relative;
}

#ficheTop #ficheSlide .nivo-imageLink{
 height: 174px;
}

#ficheTop #ficheSlide img{
 position: absolute;
 padding: 1px;
 width: 314px!important;
 height: 170px;
 border: 1px solid #ebebeb;
 border-radius: 3px;
 background: #fff;
}

#ficheTop #ficheSlide .nivo-slice{
 padding: 1px;
}

#ficheTop #ficheSlide .nivo-slice img{
 width: 314px!important;
 height: 170px!important;
}

#ficheTop #ficheSlide .slideB{
 position: absolute;
 top: 128px;
 z-index: 10;
 width: 41px;
 height: 41px;
 border: 1px solid #d6d6d6;
 background: #fff;
 cursor: pointer;
}

#ficheTop #ficheSlide .slideB#slideBRight{
 right: 0px;
}

#ficheTop #ficheSlide .slideB#slideBLeft{
 right: 44px;
}

#ficheTop #ficheSlide .slideB:hover{
 border: 1px solid #f6f6f6;
 background: #f6f6f6;
}

#ficheTop #ficheSlide .slideB .slideArrow{
 position: absolute;
 top: 16px;
 left: 16px;
 display: inline-block;
 width: 8px;
 height: 8px;
}

#ficheTop #ficheSlide .slideB .slideArrow#slideLeft{
 background: url(img/sprites.png) -15px -22px no-repeat;
}

#ficheTop #ficheSlide .slideB .slideArrow#slideRight{
 background: url(img/sprites.png) -15px -30px no-repeat;
}

#ficheTop #ficheSlide .slideB:active > .slideArrow, #ficheTop #ficheSlide .slideB > .slideArrow:active{
 left: 18px;
}

#ficheTop #slideColumnsMain{
 position: absolute;
 top: 224px;
 margin-left: 24px;
 width: 318px;
}

#ficheTop #slideColumnsMain img{
 margin-right: 9px;
 margin-bottom: 8px;
 padding: 1px;
 width: 96px;
 height: 55px;
 border: 1px solid #ebebeb;
 border-radius: 3px;
 background: #fff;
}

#ficheTop #slideColumnsMain a:nth-child(3n) img{
 margin-right: 0px;
}

#ficheTop #slideColumnsMain img:hover{
 opacity: 0.6;
 filter: alpha(opacity=60);
}

#ficheTop>h1{
 float: left;
 margin-top: 22px;
 margin-left: 40px;
 padding-right: 32px;
 width: 274px;
 color: #313131;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 2.34em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#ficheTop>h3{
 float: left;
 margin-top: 6px;
 margin-left: 40px;
 padding-right: 32px;
 width: 274px;
 color: #668694;
 font-weight: bold;
 font-size: 1.1em;
}

#ficheTop>h5{
 float: left;
 margin-top: 20px;
 margin-left: 40px;
 color: #668694;
 font-weight: bold;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#ficheTop>h6{
 float: left;
 margin-top: 18px;
 margin-left: 6px;
 color: #668694;
 font-weight: bold;
 font-size: 1.95em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#ficheTop>h6:after{
 content: "€";
}

#ficheTop .ville{
 position: relative;
 top: 80px;
 left: -60px;
 color: #6a6a6a;
 font-style: italic;
}

#ficheTop .pays{
 color: #c5c5c5;
 position: relative;
 top: 82px;
 left: -60px;
}

#ficheMap{
 float: left;
 margin-top: 30px;
 margin-left: 40px;
 padding-right: 32px;
 width: 274px;
 position: relative;
}

#ficheMap>img{
 float: left;
 margin-right: 14px;
}

#ficheMap #departement{
 margin-top: 4px;
 color: #6a6a6a;
 font-style: italic;
 font-size: .94em;
}

#ficheMap #codeDep{
 margin-top: 6px;
 color: #c5c5c5;
 font-style: italic;
 font-size: .94em;
}

#ficheTop>h4{
 float: left;
 margin-top: 36px;
 margin-left: 40px;
 padding-right: 32px;
 width: 274px;
 color: #313131
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 font-weight: bold;
 font-size: 1.56em;
}

#ficheTop>ul{
 float: left;
 margin-top: 16px;
 width: 312px;
 color: #6a6a6a;
 font-style: italic;
}

#ficheTop>ul li{
 position: relative;
 margin-bottom: 12px;
 padding-left: 20px;
}

#ficheTop>ul li i{
 position: absolute;
 top: 1px;
 left: 0px;
}

#ficheTop>ul li:last-child{
 margin-bottom: 0px;
}

#ficheTop ul#infosGauche{
 margin-right: 10px;
 margin-left: 20px;
}

#bandeauResa{
 width: 100%;
 height: 147px;
 margin-top: -80px;
 clear: both;
}

#bandeauResa .blockResa{
 position: absolute;
 bottom: 0px;
 width: 116px;
 height: 54px;
 /* height: 145px; */
 border: 1px solid #d6d6d6;
 background: #f6f6f6;
}

#bandeauResa .blockResa:first-child{
 height: 145px;
 background: #e5e5e5;
}

#bandeauResa .blockResa.transport:first-child{
 height: 185px;
}

#bandeauResa .blockResa:first-child .blockResaDate1{
 top: 60px;
}

#bandeauResa .blockResa:first-child .blockResaDate2{
 top: 72px;
}

#bandeauResa .blockResa:first-child .bouttonJaune{
 display: block;
}

#bandeauResa .blockResa:first-child .blockResaPlaces{
 display: block;
}

#bandeauResa .blockResa:first-child .blockResaPrix{
 display: block;
}

#bandeauResa .blockResa:first-child .blockResaShadow{
 display: block;
}

#ficheContentSejour{
 position: relative;
 padding: 33px 44px 33px 44px;
 border-color: #eaeaea;
 border-top: none;
 background: #f6f6f6;
}

#ficheContentSejour h1{
 color: #313131;
 font-weight: bold;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 line-height: 2em;
}

#ficheContentSejour p, #ficheContentSejour font, #ficheContentSejour span{
 background: #f6f6f6 !important;
 color: #505050 !important;
 font-style: normal;
 font-size: 1em !important;
 font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif !important;
 line-height: 1.2em !important;
}

.ficheContentSejourShadow{
 position: absolute;
 left: -10px;
 width: 727px;
 height: 10px;
}

#ficheContentSejourShadowTop{
 top: 0px;
 background: url(img/shadow_top.png);
}

#ficheContentSejourShadowBot{
 bottom: 0px;
 background: url(img/shadow_bot.png);
}

#bandeauResa .blockResa:hover, bandeauResa .blockResa:active{
 background: #e5e5e5;
 cursor: pointer;
}

#bandeauResa .blockResa:nth-child(2n+1){
 width: 117px;
}

#bandeauResa .blockResa:nth-child(2){
 margin-left: 118px;
}

#bandeauResa .blockResa:nth-child(3){
 margin-left: 235px;
}

#bandeauResa .blockResa:nth-child(4){
 margin-left: 353px;
}

#bandeauResa .blockResa:nth-child(5){
 margin-left: 470px;
}

#bandeauResa .blockResa:nth-child(6){
 margin-left: 588px;
}

#bandeauResa .blockResa button{
 display: none;
 margin-bottom: 14px;
 margin-left: 14px;
 width: 88px;
}

.webkit #bandeauResa .blockResa button{
 padding-top: 4px;
}

#bandeauResa .blockResa button:active{
 text-indent: 2px;
}

#bandeauResa .blockResa button.bouttonGris{
 background: #aaa;
}

#bandeauResa .blockResa button.bouttonGris:active{
 text-indent: 0px;
}

#bandeauResa .blockResa bi{
 font-weight: bold;
 font-style: italic;
}

#bandeauResa .blockResa p{
 margin-left: 18px;
 color: #717171;
 font-size: .94em;
}

#bandeauResa .blockResa .blockResaDate1{
 position: absolute;
 top: 16px;
}

#bandeauResa .blockResa .blockResaDate2{
 position: absolute;
 top: 28px;
}

#bandeauResa .blockResa .blockResaTransport1{
 position: absolute;
 top: 96px;
}

#bandeauResa .blockResa .blockResaTransport2{
 position: absolute;
 top: 116px;
}

#bandeauResa .blockResa .blockResaPlaces{
 position: absolute;
 top: 96px;
 display: none;
}

#bandeauResa .blockResa.transport .blockResaPlaces{
 top: 136px;
}

#bandeauResa .blockResa .blockResaPrix{
 position: absolute;
 top: 116px;
 display: none;
}

#bandeauResa .blockResa.transport .blockResaPrix{
 top: 156px;
}

#bandeauResa .blockResa .blockResaPrix:after{
 content: "€";
}

#bandeauResa .blockResa .blockResaShadow{
 display: none;
 width: 117px;
 height: 13px;
}

#bandeauResa .blockResa .blockResaShadow.blockResaShadowTop{
 margin-top: 4px;
 background: url(img/fiche_shadow_top.png) no-repeat;
}

#bandeauResa .blockResa .blockResaShadow.blockResaShadowBot{
 position: absolute;
 bottom: 4px;
 background: url(img/fiche_shadow_bot.png) no-repeat;
}

#bandeauResa .blockResa.blockResaVide{
 background: #f6f6f6;
 cursor: default;
}

#ficheActivites{
 position: relative;
 overflow: hidden;
 margin-top: 0px;
 padding-bottom: 40px;
 background: #fff;
}

#ficheActivites h4{
 margin-top: 34px;
 margin-bottom: 16px;
 margin-left: 44px;
 color: #313131;
 font-weight: bold;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#ficheActivites li{
 position: relative;
 margin-top: 10px;
 margin-left: 42px;
 padding-left: 30px;
 color: #6a6a6a;
 font-style: italic;
}

#ficheActivites li i{
 position: absolute;
 top: 1px;
 left: 0px;
}

#ficheActivites li b{
 display: block;
 margin-left: -10px;
}

#qrCode{
 display: block;
 margin-top: 50px;
 margin-right: auto;
 margin-left: auto;
 width: 100%;
}

#qrCode #qrFleche{
 display: block;
 width: 47px;
 height: 15px;
 background: url(img/sprites.png) -89px -59px no-repeat;
 float: left;
 position: relative;
 top: 72px;
 left: 30px;
}

#qrCode>img{
 float: left;
 width: 86px;
 margin-left: 180px;
 -webkit-transform: rotate(4deg);
 -moz-transform: rotate(4deg);
 -o-transform: rotate(4deg);
 -ms-transform: rotate(4deg);
 transform: rotate(4deg);
 box-shadow: 3px 3px 3px 0px #ccc;
}

#qrCode>p{
 float: left;
 margin-top: 52px;
 margin-left: 64px;
 margin-bottom: 20px;
 width: 200px;
 color: #313131;
 font-weight: bold;
 font-size: 1.56em;
 font-family: 'Indie Flower', cursive;
}

#ExplicationTarif{
 padding-top: 20px;
 padding-left: 20px;
 padding-bottom: 10px;
 color: #505050;
 font-style: italic;
}

/* tunnel */

#tunnelTop{
 position: relative;
 width: 601px;
}

#tunnelTop #hsbcLogo{
 position: absolute;
 top: 27px;
 right: 36px;
 display: inline-block;
 width: 89px;
 height: 17px;
 background: url(img/sprites.png) 0 -59px no-repeat;
}

#tunnelPagi{
 position: absolute;
 top: 11px;
 right: 11px;
 width: 73px;
 height: 70px;
 border: 1px solid;
 border-top-color: #ebd98d;
 border-right-color: #eccc46;
 border-bottom-color: #ecc523;
 border-left-color: #ebd269;
 background: #ecc523;
 color: #fff;
 text-align: center;
 font-weight: bold;
 font-size: 1.44em;
 font-family: Helvetica, Arial, sans-serif;
 line-height: 4em;
}

/* Page login */
#mainContent.tunnel-login{
  margin-bottom: 0 !important;
}

.go-to-panier{
 text-align: left !important;
}
/* reservations */

#resaTop{
 background: #eaeaea;
 color: #6a6a6a;
 font-style: italic;
 font-size: .94em;
}

#resaTop>div{
 display: inline-block;
 width: 119px;
 border-right: 1px solid #d6d6d6;
 text-align: center;
}

#resaTop>div:last-child{
 border-right: none;
}

.resaLine{
 position: relative;
 height: 100px;
 border: 1px solid #f0f0f0;
 border-bottom: none;
 background: #fff;
 color: #5c5c5c;
 font-weight: bold;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 line-height: 3.3em;
}


.resaLine.avecTransport{
 height: 112px;
}

.resaLine .assurance{
 position: absolute;
 top: 20px;
 width: 400px;
 display: block;
 height:auto;
}


.resaLine .depot {
 position: absolute;
 top: 62px;
 height:auto;
 width: 400px;
 display: block;
 line-height: 1em;
}

.resaLine .depot input[type=checkbox]{
 position: absolute;
 top: -4px;
 z-index: 1;
}

.resaLine.avecTransport .assurance{
 position: absolute;
 top: 60px;
 width: 400px;
 display: block;
 line-height: 1em;
}

.resaLine .assurance input{
 position: relative;
 top: 2px;
 left: 6px;
 z-index: 1;
}

.resaLine:hover{
 background: #dfdfdf;
}

.resaLine>div{
 display: inline-block;
 width: 116px;
 text-align: center;
}

.resaLine>div:nth-child(n+2){
 position: relative;
 top: 14px;
}

#resaTop>div:first-child, .resaLine>div:first-child{
 position: relative;
 padding-left: 28px;
 width: 310px;
 text-align: left;
}

.resaSession{
 position: absolute;
 bottom: -18px;
 left: 30px;
 color: #c3c3c3;
 font-weight: normal;
 font-style: italic;
 font-size: .6em;
}

.resaLine.avecTransport #transport{
 position: absolute;
 top: 21px;
 width: 400px;
}

.resaLine.avecTransport #transport input{
 position: relative;
 top: 2px;
}

.resaSession b{
 font-weight: bold;
}

.resaLineShadow{
 position: absolute;
 left: -10px;
 display: inline-block;
 width: 727px;
 height: 10px;
}

.resaLineShadowTop{
 top: 4px;
 background: url('img/shadow_top.png') no-repeat;
}

.resaLineShadowBot{
 bottom: 4px;
 background: url('img/shadow_bot.png') no-repeat;
}

.resaBotShadowTop{
 top: 0px;
}

.resaBotShadowBot{
 bottom: 0px;
}

.resaPrix:after{
 content: '€';
}

#resaBot1 .resaPrix:after{
 content: '€ *';
}

.totalTTC:after{
 content: '€';
}

.reductionField:after{
	content: '';
	margin-right:5px;
}

.resaLine button{
 position: relative;
 top: 2px;
 width: 21px;
 height: 21px;
 border: 1px solid #ddd;
 border-right-color: #eee;
 border-bottom-color: #f7f7f7;
 border-left-color: #eee;
 border-radius: 3px;
 background-color: #f7f7f7;
 box-shadow: inset 0px 1px 0px 0px #eee;
 color: #828282;
 font-weight: normal;
 font-size: 1.1em;
 font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
 line-height: 0em;
 cursor: pointer;
}

.resaLine button:hover{
 border-color: #353535;
 background: #3c3c3c;
 box-shadow: none;
 color: #f6f6f6;
}

.resaLine button:active{
 padding-left: 1px;
}

.resaLine.avecTransport>div:nth-child(n+2){
 position: relative;
 top: 26px;
}

#resaBot1{
 position: relative;
 height: 58px;
 border-top: 1px solid #f0f0f0;
 background: #eaeaea;
}

#resaBot1>h3{
 float: left;
 margin-top: 25px;
 margin-left: 480px;
 color: #6a6a6a;
 font-style: italic;
 font-size: .94em;
}

#resaBot1>div{
 position: absolute;
 right: 36px;
 color: #5c5c5c;
 font-weight: bold;
 font-size: 1.56em;
 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 line-height: 2.9em;
}

#resaBot1 #cotisation{
 position: absolute;
 left: 20px;
 top: 25px;
 color: #6a6a6a;
 font-size: .94em;
}

#resaBot2{
 height: 78px;
 border: 1px solid #eaeaea;
 background: #fff;
}

#resaBot2>button{
 position: absolute;
 margin-top: 20px;
}

#resaBot2>button:first-child{
 right: 312px;
}

#resaBot2>button:nth-child(2){
 right: 171px;
}

#resaBot2>button:last-child{
 right: 30px;
 background-position: 0 -356px;
 color: #fff;
 text-shadow: none;
}

#resaBot2 #codePromoField{
 position: relative;
 float: left;
 margin-right: 50px;
 width: 179px;
}

#resaBot2 #codePromoField input{
 margin-top: 20px;
 margin-left: 15px;
 padding-left: 15px;
 width: 145px;
 height: 34px;
 border: 1px solid;
 border-top-color: #e4e4e4;
 border-bottom-color: #f6f6f6;
 border-left-color: #efefef;
 border-radius: 3px;
 background: #f6f6f6;
 color: #767676;
 font-weight: bold;
 font-size: 1.1em;
}

#resaBot2 #codePromoField button{
 position: absolute;
 top: 20px;
 right: 0px;
 width: 31px;
 height: 38px;
 border-radius: 3px;
 background: url(img/sprites.png) 0 -356px repeat-x;
 cursor: pointer;
}

#resaBot2 #codePromoField button i{
 position: relative;
 top: 1px;
 left: 1px;
 display: inline-block;
 width: 7px;
 height: 12px;
 background: url(img/sprites.png) -8px -29px no-repeat;
}

#resaBot2 #codePromoField button:active i{
 left: 2px;
}

#resaBot2 #codePromoField #codePromoError{
 position: relative;
 top: -24px;
 left: 190px;
 color: #ac2c2c;
}

#tunnelContent{
 background: #fff;
 margin-top: 10px;
 padding: 30px;
}

#tunnelContent h3{
 font-size: 1em;
 font-weight: bold;
 margin-bottom: 8px;
 color: #343434;
}

#tunnelContent p{
 color: #343434;
 line-height: 1.2em;
 margin-bottom: 30px;
}

#tunnelContent ul{
 margin-left: 240px;
 padding-bottom: 10px;
}

#tunnelContent ul li{
 float: left;
 margin-right: 20px;
}



/* espace perso */

/* titre */

#titre{
 position: relative;
 margin-top: 35px;
 width: 100%;
 height: 79px;
 background: #1d556a;
}

#titre>div{
 margin: auto;
 width: 1000px;
 position: relative;
}

#titre>div p{
 position: relative;
 top: 28px;
 text-transform: uppercase;
 font-size: 2.34em;
}

#titre>div p a{
 color: #fff;
 text-decoration: none;
}

/* facebook */

.fb-like{
 margin-top: 11px;
}

.fb-like-box{
 margin-left: -3px;
 background: #fff;
}

/* secondary */

#secondary{
float: right;
margin-top: 27px;
width: 252px;
display: none; /* masquage de la colonne en version blog */
}

#secondary .secondaryBlock{
 margin-bottom: 14px;
 padding: 9px;
 border: 1px solid #c8c8c8;
 border-radius: 3px;
 background: #f5f5f5;
 display: none; /* masquage de la colonne en version blog */
}

#secondary .secondaryBlock h4{
 margin-top: 6px;
 margin-bottom: 10px;
 color: #444;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.6em;
 font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
}

#secondary .secondaryBlock .secondaryBlockContent{
 padding: 7px;
 border: 1px solid #eaeaea;
 border-radius: 1px;
 background: #fff;
}

#secondaryMainImg{
 width: 216px;
 height: 117px;
 background: #d9d9d9;
}

#main #secondary .secondaryContent, #main #secondary .secondaryContentBlog{
 position: relative;
 margin-top: -3px;
 padding-top: 10px;
 width: 216px;
 height: 41px;
 border-bottom: 1px solid #ddd;
 color: #919191;
}

#main #secondary .secondaryBlock .secondaryBlockContent .plus p{
	text-align: justify;
}

#main #secondary .secondaryContent .secondaryContentArrow{
 position: absolute;
 top: 18px;
 right: 10px;
 width: 10px;
 height: 18px;
 background: url(img/sprites.png) -52px -22px no-repeat;
}

#main #secondary a:last-child .secondaryContent, #main #secondary a:last-child .secondaryContentBlog{
 border-bottom: none;
}

#main #secondary .secondaryContent h6, #main #secondary .secondaryContentBlog h6{
 float: left;
 margin-left: 14px;
 width: 136px;
 color: #3d3d3d;
 font-weight: bold;
 font-size: .94em;
}

#main #secondary .secondaryContent p, #main #secondary .secondaryContentBlog p{
 float: left;
 margin-top: 8px;
 margin-left: 14px;
 font-style: italic;
 font-size: .86em;
 font-family: Georgia, Times, "Times New Roman", serif;
}

#main #secondary .secondaryContent:hover, #main #secondary .secondaryContentBlog:hover{
 background: #313131 url(img/arrowSideSelected.png) 196px 17px no-repeat;
 color: #fff;
 text-shadow: 0.4px 0.8px 0.2px rgba(0,0,0,0.4);

}

#main #secondary .secondaryContent:hover h6, #main #secondary .secondaryContentBlog:hover h6{
 color: #fff;
}

#main #secondary .secondaryContent:hover .secondaryContentArrow{
 background: url(img/sprites.png) -65px 0px no-repeat;
}

#main #secondary .secondaryContent .secondaryMiniImg, #main #secondary .secondaryContentBlog .secondaryMiniImg{
 float: left;
 margin-left: 9px;
 width: 57px;
 height: 31px;
 background: #d9d9d9;
 box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.08);
}

/* footer */

footer{
 position: relative;
 clear: both;
}

footer #footer1{
 position: relative;
 height: 160px;
 background: #0c2b3c;
 color: #fff;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.1em;
 font-family: Helvetica, Arial, sans-serif;
 overflow: hidden;
 text-align:center;
}

footer #footer1 img{
	min-width:0px;
	margin-top:25px;
	margin-left:30px;
	margin-right:30px;
	height:45px;
}

footer #footer2 i{
 font-style: italic;
 font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

footer #footer2 a, footer #footer1 a:visited{
 color: #fff;
}

footer #footer2 a:hover, footer #footer1 a:active{
 color: #eabc29;
}

footer #footer1 #footer1Wrap{
 margin-right: auto;
 margin-left: auto;
 width: 1000px;
}

footer #footer1 #footer1ShadowBot{
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 6px;
 background: url(img/sprites.png) 0px -258px repeat-x;
}

footer #footer2{
 height: 130px;
 background: #041823;
 padding-left:25px;
}

footer #footer2 #footer2Wrap{
 margin-right: auto;
 margin-left: auto;
 width: 1000px;
 position: relative;
 font-size: 1em;
 font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif;
}

footer #footer2 #footer2Wrap ul{
 float: left;
 margin-top: 20px;
 width: 200px;
 line-height: 1.6em;
 color: #fff;
}

footer #footer2 #footer2Wrap ul:first-child{
 margin-left: 44px;
 width: 260px;
}

footer #footer2 #footer2Wrap ul:last-of-type{
 width: 220px;
}

footer #footer2 #footer2Wrap #pandaa{
 position: absolute;
 right: 140px;
 bottom: -78px;
 color: #fff;
}

footer #footer2 #footer2Wrap #pandaa a:hover{
 color: #eabc29;
}

footer #footer2 #footer2Wrap #footPayment{
 float: left;
 margin-top: 21px;
 margin-left: 56px;
 width: 152px;
 height: 32px;
 background: url(img/sprites.png) -76px -8px no-repeat;
}

/* mobile */

@media screen and (max-width:700px){

html, body{
 width: 100%;
 height: 100%;
}

header #logoPlanete{
 display: none;
}

header .saison{
 display: none;
}

header{
 white-space: nowrap;
 padding-top: 10px;
}

header #logoMobile{
 display: inline;
 width: 30%;
 margin-bottom: -5%;
 z-index: 100;
 position: relative;
}

header .saisonMobile{
 display: inline;
 width: 70%;
 margin-left: -16%;
 margin-bottom: -1%;
}

header .saisonMobile#mobilePrintemps{
 margin-left: -20%;
 margin-bottom: -10%;
}

header .saisonMobile#mobileEte{
 margin-left: -10%;
 margin-bottom: -2%;
}

header .saisonMobile#mobileHiver{
 margin-left: -12%;
}

#blueBar{
 width: 100%;
 min-width: 261px;
}

#menu{
 width: 100%
 height: 100%;
}

#menu ul{
 width: 86%;
 height: 100%;
 background: rgba(12,43,60,1);
 position: fixed;
 z-index: 1000;
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
 overflow-y: auto;
 display: none;
}

#menu ul li{
 border-bottom: 1px solid #0d2633;
 border-top: 1px solid #324b59;
}

#menu ul li:nth-child(8){
 border-bottom: none;
}

#menu ul li a{
 color: #fff;
 font-size: 1.0em;
 display: block;
 padding-left: 10%;
 padding-top: 1.1em;
 padding-bottom: 1.1em;
}

#menu ul li a:hover, #menu ul li a:active{
 background: #1f768d;
}

#wrap{
 height: 100%;
 width: 100%;
}

#connect{
 float: none;
 clear: both;
 width: 310px;
 margin: auto;
 margin-top: 16px;
}

#wrap #reservations{
 width: 80%;
 margin-left: 10%;
 margin-top: 16px;
  margin-bottom: 3%;
}

#wrappedContent, .wrappedContent{
 padding: 0;
}

header #reservations{
 float: none;
 margin-top: 0;
 margin-left: 8%;
}

header #reservations:active{
 padding-right: 14px;
 padding-left: 16px;
}

#slider{
 width: 100%;
 height: 0;
 padding-bottom: 30%;
}

#slideshow{
 height: 0;
 padding-bottom: 30%;
}

.slidePrev, .slideNext{
 display: none;
}

.slideContent{
 display: none;
}

#slideForme{
 display: none;
}

.slideColumns:hover, .slideSelected{
 height: 14px;
}

#filtrePrincipal{
 float: right;
}

#filtrePrincipal dl, #filtrePrincipal>button{
 display: none;
}

#filtreSearch{
 margin-right: 10px;
 margin-top: 6px;
}

#filtrePrincipal #filtreSearch #filtreRechercher{
 height: 18px;
 top: 3px;
}

#primary{
 width: 100%;
 margin-top: 0px;
}

#selectTabs{
 margin-bottom: 3%;
 font-size: 1.2em;
 padding: 6px;
 width: 80%;
 margin-left: 10%;
}

.ui-tabs-nav{
 display: none;
}

.ui-tabs h1, .ui-tabs p{
 width: 100%;
}

#news{
 height: 100%;
 padding-bottom: 82px;
 text-align: justify;
}

.ui-tabs-panel{
 background: none !important;
}

#news .newsBoutton{
 left: 0;
 right: 0;
 margin: 0 auto;
 margin-bottom: 20px;
}

#news #newsBouttonRight.newsBoutton{
 margin-left: 50%;
}

.ui-tabs .newsCol{
 float: none;
 width: 100%;
}

.ui-tabs .newsCol2{
 margin-left: 0px;
}

.mainColumn{
 margin-left: 0%;
 width: 100%;
 padding-left: 3%;
 padding-right: 3%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.mainColumn p, .mainColumn div, .mainColumn span, .mainColumn font, .mainColumn li{
 width: 100%
 text-indent: 0;
 text-align: justify !important;
 line-height: 1.3em;
}

.sejourBlock{
 width: 100%;
 height: auto;
 text-align: justify;
 margin-bottom: 10px;
 overflow: hidden;
 padding-bottom: 40px;
 text-align: center;
 padding-left: 11px;
 padding-right: 11px;
 padding-top: 11px;
 padding: 11px 11px 40px;
 box-sizing: boder-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.sejourBlock h3, .sejourBlock h2, .sejourBlock p{
 text-align: left;
 margin-left: 0;
 margin-right: 0;
 text-align: justify;
}

.sejourBlock p{
 margin-bottom: 10px;
}

.sejourBlock p.sejourSuite{
 margin-bottom: -4px;
}

.sejourBlock .sejourBlockImg{
 margin: 0 auto;
}

.sejourBlock .sejourBlockImg .sejourBlockPrix{
 bottom: 0px;
}

.sejourBlock .sejourInfos .sejourPlus{
 right: 1px;
}

.sejourBlock .sejourInfos .sejourPlusLine{
 width: 76%;
 clear: both;
 margin-left: 10px;
}

#ficheMap{
 clear: both;
}

.pagination{
 top: -50px;
}

.sejourInfosShadow{
 display: none !important;
}

#accueilLibre{
 overflow: hidden;
 width: 100%;
}

#accueilLibre .boxLibre{
 width: 100%;
 height: auto;
 margin-bottom: 10px;
 padding-bottom: 60px;
 float: none;
 box-sizing: boder-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 text-align: center;
}

#accueilLibre .boxLibre img{
 width: 100%;
 max-width: 324px;
}

#accueilLibre .boxLibre h3, #accueilLibre .boxLibre p{
 text-align: left;
}

#accueilLibre .boxLibre a{
 left: 11px;
 bottom: 26px;
}

.contactContentWrap{
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
 background: #fff;
 border: none;
}

.contactContent{
 width: 100%;
 float: none;
 height: auto;
 padding: 0;
 margin-bottom: 10px;
 margin-left: 24%;
}

.contactContent:last-child{
 float: none;
 padding: 0;
 width: 100%;
}

.contactContentWrap:last-child{
 padding: 10px;
 width: 100%;
 height: auto;
 text-align: justify;
 box-sizing: boder-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
 border-top: 1px solid #888;
}

/* faq */

#faqTop{
 padding-left: 3%;
 padding-right: 3%;
 text-align: center;
}

#faqTop .faqBlock{
 width: 93%;
 margin-left: auto;
 margin-right: auto;
}

#faqTop img{
 float: none;
 width: 100%;
 max-width: 331px;
 margin-left: auto;
 margin-right: auto;
}

#faqTop div{
 text-align: justify;
}

#faqBot{
 background-size: 100%;
 padding-right: 3%;
}

#faqBot li{
 margin-left: 30px;
 line-height: 1.5em;
}

/* forms */

.connexionCol1{
 display: none;
}

.connexionCol2{
 padding-left: 3%;
 width: 100%;
}

.connexionCol2 ul{
 width: 100%;
}

.connexionCol2 ul li{
 width: 100%;
}

.connexionCol2 input{
 width: 94%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.connexionCol2 textarea{
  width: 94%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.bouttonConnexion{
 width: 94%;
}

.connexionCol2 a{
 margin-left: auto;
 margin-right: auto;
 width: 120px;
 display: block;
 margin-top: 20px;
 margin-bottom: 20px;
}

.connexionTextBox.placeholder, .connexionCol2 textarea.placeholder{
 color: #c3c3c3;
 font-style: italic;
}

.connexionSelect dt{
 width: 94%;
 height: 38px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.connexionSelect dl, .connexionSelect dd, .connexionSelect dd ul{
 width: 100%;
}

.connexionSelect dd ul{
 width: 94%;
 position: relative;
 margin-bottom: 10px;
}

.connexionSelect dd li{
 height: 34px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

/* sejour */

.ficheSejour{
 height: auto;
}

#ficheContentSejour{
 text-align: justify;
 padding: 20px;
}

#ficheContentSejour .ficheContentSejourShadow{
 width: 100%;
 left: 0;
 background-size: 100% auto;
 background-repeat: no-repeat !important;
}

#ficheContentSejour .ficheContentSejourShadow#ficheContentSejourShadowBot{
 background-position: bottom;
}

#ficheActivites li{
 margin-left: 5%;
 margin-right: 5%;
}

#promoNouveau.promo {
 width: 30%;
 height: 100%;
 background-size: 100%;
}

#ficheTop{
 width: 100%;
}

#ficheTop #ficheSlide{
 width: 100%;
 height: auto !important;
 margin-left: 0;
 float: none;
}

#ficheTop #ficheSlide .nivo-imageLink{
 width: 100%;
}

#ficheTop #slideColumnsMain{
 display: none;
}

#ficheTop #ficheSlide img{
 width: 90% !important;
 margin-left: 5%;
 height: auto !important;
 box-sizing: boder-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 position: relative;
}

#ficheTop>h1{
 float: none;
 margin-left: 6%;
 margin-right: 6%;
 width: auto;
}

#promoNouveau.nouveau, #promoNouveau.promo{
 width: 16%;
 height: 106px;
 background-size: 100%;
}

#qrCode{
 display: none;
}

/* partenaires */

.partenaires > div {
 width: 92%;
}

.partenaires > div img{
 width: 100%;
}

iframe{
 width: 100%;
}

#secondary{
 display: none;
}

footer #footer1{
 display: none;
}

footer #footer2{
 height: auto !important;
 overflow: hidden;
 padding-left: 0px;
}

footer #footer2 #footer2Wrap {
 width: 100%;
}

footer #footer2 #footer2Wrap ul{
 display: block;
 float: none;
 margin-left: auto;
 margin-right: auto;
 width: 260px;
}

footer #footer2 #footer2Wrap ul:first-child {
 margin-left: auto;
}

footer #footer2 #footer2Wrap #footPayment {
 margin-top: 30px;
 float: none;
 margin-left: auto;
 margin-right: auto;
}

footer #footer2 #footer2Wrap #pandaa {
 position: relative;
 width: 80px;
 margin-left: auto;
 margin-right: auto;
 right: auto;
 bottom: auto;
 color: rgb(255, 255, 255);
 margin-top: 10px;
 margin-bottom: 20px;
}

#ficheTop > ul {
 width: auto;
}

#bandeauResa{
 position: relative;
 margin-top: 80px;
 height: 290px;
 margin-bottom: -6px;
}

#bandeauResa.Resatransport{
 height: 370px;
}

#bandeauResa .blockResa{
 bottom: auto;
 height: 145px;
 padding none;
 width: 31.8% !important;
 margin-left: 0 !important;
 position: relative;
 display: inline-block;
}

#bandeauResa .blockResa.transport{
 height: 185px;
}

#bandeauResa .blockResa .blockResaShadow {
 display: none !important;
}

#bandeauResa .blockResa p {
 margin-left: auto;
 margin-right: auto;
}

#bandeauResa .blockResa button {
 margin-left: 3%;
 margin-top: 10px;
 display: inline-block !important;
 position: absolute;
 width: 94%;
}

#gplus{
	display: none;
}

}

@media screen and (max-width:700px) and (orientation: landscape){

#menu ul li{
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: boder-box;
 width: 50%;
}

#menu ul li:nth-child(2n+1){
 border-right: 1px solid #324b59;
}

#menu ul li:nth-child(2n){
 border-left: 1px solid #0d2633;
}

#menu ul li:nth-child(7){
 border-bottom: none;
}

}

/* lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	margin: 0 auto;
	width: 250px;
	height: 250px;
	background-color: #fff;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
	height: 25%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block;
	width: 49%;
	height: 100%;
	zoom: 1;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	overflow: auto;
	margin: 0 auto;
	padding: 0 10px 0;
	width: 100%;
	background-color: #fff;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	float: left;
	width: 70%;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	float: right;
	padding-bottom: 0.7em;
	width: 66px;
}


#popinMask{
 position: fixed;
 top: 0;
 left: 0;
 z-index: 10000;
 width: 100%;
 height: 100%;
 background-color: #000;
 opacity: .8;
}

#popinContent{
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 10001;
 float: left;
 padding: 40px 50px;
 border-radius: 3px;
 background: #eaeaea;
 color: #668694;
 text-align: center;
 font-size: 1.2em;
}

#popinContent p{
 font-style: italic;
 font-size: .8em;
}

#popinContent .bouttonJaune{
 display: block;
 margin-top: 14px;
 margin-right: auto;
 margin-left: auto;
 width: 200px;
}

#popinClose{
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 margin-top: 1px;
 margin-right: 3px;
 width: 10px;
 height: 12px;
 background: url(img/sprites.png) 0px -17px no-repeat;
}
.qteCommande form {
	display : inline;
}

.qteCommande input {
 text-align: center;
 width: 44px;
 height: 34px;
 border: 1px solid;
 border-top-color: #e4e4e4;
 border-bottom-color: #f6f6f6;
 border-left-color: #efefef;
 border-right-color: #efefef;
 border-radius: 3px;
 background: #f6f6f6;
 color: #767676;
 font-weight: bold;
 font-size: .8em;
}
.hidden { display : none; }
#planeteTitre{display:none;}


#listeBlog{
    padding:10px;
    margin-bottom:60px;
}
#listeBlog h1{
    font-size:2.3em;
    margin:10px;
    margin-bottom:25px;
}

#listeBlog ul li{
    margin:0px 10px;
    padding:5px;
    padding-right:0px;
    width:957;
    border-bottom:1.5px solid #e5e5e5;
    border-left:1.5px solid #e5e5e5;
    padding-bottom:10px;
    padding-top:10px;
}
#listeBlog ul li:hover{
    background: #e2e2e2;
}
.home-h1{
	margin: -20px 0 13px 0;
	font-size:1.5em;
	font-weight: bold;
}

#gplus{
	float: right;
	margin-top: 10px;
}

.blogs-wrap{
	background: #fff;
	overflow: hidden;
}

.blogs-title{
	font-size: 30px;
	color: #444;
	text-transform: uppercase;
	margin-top: 70px;
	text-align: center;
}

.blogs-desc{
	width: 400px;
	margin: 40px auto;
	color: #676767;
	text-align: center;
}

.input-text{
	margin-bottom: 9px;
	padding-left: 12px;
	width: 385px;
	height: 35px;
	border: 1px solid #efefef;
	border-top-color: #e4e4e4;
	border-bottom-color: #f6f6f6;
	border-radius: 3px;
	background: #f6f6f6;
	color: #767676;
	font-weight: bold;
	font-size: 1.1em;
}

.blogs-wrap .input-text{
	display: block;
	margin: 0 auto 40px;
	text-align: center;
}

.blogs-wrap .bouttonConnexion{
	margin: 0 auto 70px;
	width: 140px;
	display: block;
}

.tunnel-etapes{
	background: #fff;
	font-size: 0;
	padding: 20px 70px;
	margin-bottom: 20px;
}

.tunnel-etape{
	font-size: 20px;
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	color: #eaeaea;
	z-index: 1000;
	position: relative;
}

.tunnel-etape.tunnel-etape-active{
	color: #ecc523;
}

.tunnel-etape-nbr{
	background: #eaeaea;
	color: #fff;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	margin-right: 10px;
}

.tunnel-etape.tunnel-etape-active .tunnel-etape-nbr{
	background: #ecc523;
}

.tunnel-wrap{
	border: 1px solid #d1d1d1;
	position: relative;
}

.tunnel-wrap:nth-child(n+2){
	margin-top: 10px;
}

.tunnel-header{
	background: #eaeaea;
	overflow: hidden;
	color: #acacac;
}

.tunnel-header-title{
	font-size: 2rem;
	margin: 6px 0 0;
	color: #333;
}

.tunnel-content{
	background: #fff;
	overflow: hidden;
	padding: 24px 0;
}

[class^="span"]{
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}

[class^="span"]:first-child{
	padding-left: 30px;
}

[class^="span"]:last-child{
	padding-right: 30px;
}

.span14{
	width: 974px;
}

.span12{
	width: 835px;
}

.span10{
	width: 674px;
}

.span8{
	width: 556px;
}

.span7{
	width: 337px;
}

.span3{
	width: 190px;
}

.span2{
	width: 139px;
}

.row{
	clear: both;
	overflow: hidden;
}

.tunnel-header span{
	height: 30px;
	line-height: 30px;
}

.tunnel-header .span2{
	text-align: center;
}

.tunnel-sejour{
	font-size: 0;
}

.tunnel-img{
	background-color: #d1d1d1;
	width: 214px;
	height: 120px;
	background-size: cover;
	background-position: center center;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}

.tunnel-sejour-desc{
	display: inline-block;
	vertical-align: middle;
	width: 252px;
}

.tunnel-sejour-desc h3{
	font-size: 2rem;
	color: #676767;
	line-height: 1;
	margin-bottom: 6px;
}

.tunnel-sejour-depart,
.tunnel-sejour-retour{
	font-size: 1.6rem;
	color: #676767;
	display: block;
	line-height: 1.2;
}

.tunnel-sejour .span2{
	font-size: 2rem;
	color: #676767;
	height: 120px;
	line-height: 120px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
}

.btn.btn-qte{
	display: inline-block;
	height: 26px;
	width: 26px;
	line-height: 0;
	border: 1px solid #d1d1d1;
	background: #f6f6f6;
	font-size: 1.4rem;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.btn.btn-qte:hover{
	background: #d1d1d1;
}

.tunnel-sejour-qte{
	background: #f6f6f6;
	font-size: 1.4rem;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 0;
	text-align: center;
	border: 1px solid #d1d1d1;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.tunnel-box label,
.tunnel-box .label,
.tunnel-box .tunnel-simu-checkbox{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	font-size: 1.6rem;
	color: #676767;
	margin: 0 10px;
	cursor: pointer;
	width: auto;
	font-style: normal;
}

.tunnel-box .tunnel-simu-checkbox{
	cursor: default;
	margin-left: 32px;
}

.tunnel-right{
	height: 30px;
	line-height: 30px;
	font-size: 1.8rem;
	color: #676767;
	text-align: right;
}

.tunnel-box input[type="text"],
.tunnel-box input[type="password"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 1;
	border: 1px solid #d1d1d1;
	background: #f6f6f6;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 10px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.btn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 1;
	border: 1px solid #d1d1d1;
	background: #d1d1d1;
	color: #676767;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 10px;
	cursor: pointer;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.btn.selected{
	box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.7) inset;
}

.btn:hover{
	background: #eaeaea;
}

.btn-dark-blue{
	color: #fff;
	background: #20506a;
	border-color: #20506a;
}

.btn-dark-blue:hover{
	background: #123b51;
	border-color: #123b51;
}

.btn-yellow{
	color: #18445c;
	background: #dcb513;
	border-color: #dcb513;
}

.btn-yellow:hover{
	background: #c7a000;
	border-color: #c7a000;
}

.tunnel-total{
	background: #fff;
	margin-top: 20px;
}

.tunnel-total > span{
	font-size: 2rem;
	padding: 0 30px;
	height: 60px;
	line-height: 60px;
	color: #333;
}

.tunnel-total > span:first-child{
	background: #ecc523;
	display: inline-block;
}

.tunnel-total > span:last-child{
	float: right;
	font-weight: bold;
}

.tunnel-buttons{
	height: 90px;
	line-height: 90px;
	text-align: right;
	margin-bottom: 40px;
	clear: both;
}

.tunnel-buttons .btn{
	height: 50px;
	display: inline-block;
	padding: 4px 20px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.tunnel-content-left{
	width: 700px;
	float: left;
	margin-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: none;
	margin-bottom: 70px;
}

.tunnel-content-right{
	width: 280px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: none;
	margin-bottom: 60px;
}

.tunnel-hr{
	border: none;
	margin: 5px 0;
}

.recap{
	background: #fff;
	padding: 10px;
}

.recap-title{
	font-size: 2rem;
	text-align: center;
	margin: 5px 0 0;
	color: #333;
}

.recap-sejour{
	margin-top: 20px;
}

.recap-nom-sejour>span{
	display: block;
}

.recap-nom-sejour>span:first-child{
	font-size: 1.3rem;
	color: #acacac;
	font-style: italic;
	margin-bottom: 4px;
}

.recap-nom-sejour>span:last-child{
	font-size: 2rem;
	color: #333;
	padding-bottom: 6px;
	border-bottom: 1px solid #d1d1d1;
}

.recap-detail-sejour > li{
	border-bottom: 1px solid #d1d1d1;
	padding: 6px 0;
	color: #acacac;
	font-style: italic;
	font-size: 0;
}

.recap-left{
	display: inline-block;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 70%;
}

.recap-right{
	font-style: normal;
	text-align: right;
	display: inline-block;
	width: 30%;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.recap-ville{
	font-style: normal;
	margin-top: 6px;
}

.recap-prix-total{
	font-weight: bold;
	font-size: 0;
	margin-top: 14px;
}

.recap-prix-total > span{
	font-size: 1.5rem;
}

.tunnel-nouveau-client{
	height: 60px;
	line-height: 60px;
}

.tunnel-nouveau-client > .span7:first-child{
	font-size: 2rem;
	font-weight: bold;
	margin: 0 -10px 0 10px;
}

.tunnel-nouveau-client > .span7:last-child,
.tunnel-deja-client .span7:last-child{
	text-align: right;
}

.tunnel-nouveau-client .btn,
.tunnel-deja-client .btn,
.tunnel-paiement .btn{
	padding: 4px 20px;
	height: 40px;
}

.tunnel-deja-client .span{
	font-size: 2rem;
	margin: 0 10px 20px;
	font-weight: bold;
}

.tunnel-deja-client .span7{
	padding-top: 4px;
	padding-bottom: 4px;
}

.tunnel-deja-client .span10{
	text-align: right;
	margin-top: 10px;
}

.tunnel-conf .span10 > span,
.tunnel-paiement .span10 > span{
	border-bottom: 1px solid #d1d1d1;
	display: block;
	font-size: 2rem;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.tunnel-conf .highlight{
	background: #ecc523;
	color: #fff;
	margin-top: 10px;
	padding: 4px 10px;
	display: inline-block;
}

.tunnel-conf .highlight > a{
	color: #fff;
}

.tunnel-sous-total{
	border-top: 1px solid #EAEAEA;
	text-transform: uppercase;
	font-size: 1.6rem;
	color: #676767;
}

.tunnel-paiement .label{
	margin: 0;
}

.tunnel-paiement .btn{
	margin-top: 20px;
}

.tunnel-paiement .btn-label{
	float: none;
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.42;
	margin-top: 10px;
}

.tunnel-paiement .span10{
	height: auto;
}

.grey-box{
	background: #f6f6f6;
	margin: 10px;
	padding: 10px;
	font-size: 1.4rem;
	color: #676767;
	line-height: 1.42;
}

.grey-box [class^="span"]{
	padding: 0 !important;
}

.grey-box .span10{
	width: 634px;
}

.grey-box .span7{
	width: 317px;
}

.grey-box > .row:first-child{
	margin-bottom: 30px;
}

.grey-box .tunnel-right{
	margin-bottom: 20px;
	font-size: 2rem;
}

.tunnel-reserver > .row{
	font-size: 1.6rem;
	margin: 20px 0 0;
	line-height: 1.42;
}

.tunnel-reserver > .row:first-child{
	margin: 0 0 20px;
}

.tunnel-reserver-buttons{
	position: absolute;
	right: 0;
}

.tunnel-prereserver{
	line-height: 2;
	color: #676767;
	font-size: 1.5rem;
}

.tunnel-prereserver ul{
	margin: 10px 0;
	list-style: disc;
	padding-left: 50px !important;
}

.tunnel-prereserver label{
	font-size: 1.5rem;
}

.nouveau-client input[type=text]{
	width: 100%;
}

.nouveau-client input.input-day,
.nouveau-client input.input-month{
	width: 45px;
}

.nouveau-client input.input-year{
	width: 70px;
}

.nouveau-client .span3,
.nouveau-client .span7{
	margin: 4px 0;
}

.tunnel-login-header{
	font-size: 2rem;
	background: #fff;
	color: #676767;
	padding: 20px 0;
}

.ajout-enfant li{
	margin-bottom: 20px;
	color: #333;
	font-size: 1.5rem;
}

.ajout-enfant li:before{
	content: '- ';
}

.ajout-enfant .btn-yellow{
	margin-bottom: 20px;
}

.ajout-enfant .btn-grey{
	margin-top: 20px;
}

@media screen and (max-width: 700px){
	[class^="span"]{
		width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.tunnel-content-left,
	.tunnel-content-right{
		width: 100%;
	}

	.tunnel-etapes {
		padding: 20px 10px;
	}

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

	.tunnel-etape-nbr{
		font-size: 20px;
		margin-bottom: 6px;
		margin-right: 0;
	}

	.tunnel-etape-nbr + span{
		display: block;
	}

	.body-panier #reservations{
		display: none;
	}

	.tunnel-box label, .tunnel-box .label, .tunnel-box .tunnel-simu-checkbox {
		width: auto;
		height: auto;
		white-space: normal;
		margin: 0;
	}

	.tunnel-box input[type="text"], .tunnel-box input[type="password"] {
		width: 100%;
	}

	.tunnel-header-legend .span2{
		display: none;
	}

	.tunnel-sejour .span2 {
		height: auto;
		line-height: 1.42;
		margin: 6px 0;
	}

	.tunnel-img {
		width: 100%;
		height: 220px;
		margin-bottom: 10px;
	}

	.tunnel-sejour-desc {
		width: 100%;
	}

	.nouveau-client input.input-day,
	.nouveau-client input.input-month{
		width: 45px !important;
	}

	.nouveau-client input.input-year{
		width: 70px !important;
	}
}