@charset "utf-8";
/* CSS Document */
/* all 
@media (min-width: 0px) {
}
*/

 #BlockVideo {
   
 }
 #BlockVideo iframe.ifraemVideo {
    position: absolute;
    top: 200px;
    height: 200px;
}




/* --------------------- X-Small devices (smatphone h : 480px and up)  --------------*/

@media (min-width: 480px) {
    /* header */
    div.mobile {
        padding: 4px 15px;
        width: auto;
        float: left;    
    }
    div.mobile a {
    padding: 10px 20px;
    padding-left: 75px;
    background-position: left 25px center;
    font-size: 19px;
    margin :0px;
}
 
 #BlockVideo iframe.ifraemVideo {
    position: absolute;
    top: 200px;
    height: 250px;
}

    #fixedNav li:hover ul.sub{
        /*right :86px;*/
        top: 0px;
    }

    /* hp */
    /*legende diaporama */
    
    #hpSlider .flex-slide-item .content {
        position: absolute;
        z-index: 2000;
        top: 30px;
        left: 5%;
        padding: 10px 40px 20px 40px;
        font-size: 15px;
        background-color: #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        min-height: 80px;
    }
    #hpSlider .flex-control-nav {
        position: absolute;
        top: 130px;
        left: 7%;
        width: auto;
        bottom: auto;
        z-index: 3000;
    }
    #homepage #mainContentInner #htmlInscriptionNewsletter div.blockFooter a {
        font-size: 20px;
        padding: 10px 30px 10px 60px;
    }
    #departementsHP .logo-departement {
        right: 5%;
    }
    #departementsHP {
        padding: 60px 5% 100px 5%;
        font-size: 43px;
    }
    #departementsHP .col-sm-5 {}
    /* sous-hp */
    #sliderSHp + #mainContent #mainContentInner .intro {
        margin-bottom: 60px;
    }
    .activite-actions {
            margin:-20px 0 0 0;
            min-height: 50px ;
    }
    .activite-actions .add-carnet ,
    .activite-actions .contact ,
    .activite-actions .reserve {
        display:inline-block;
        float: right;
        margin-right:15px; 
        }

    /* footer */
    
    #footer #navPlanSite li {
        display: inline-block;
        float: left;
        width: 50%;
        font-size: 20px
    }
    #footer #navPlanSite li li.last {
        border-bottom: 0px solid #fff;
    }
}




/* -------------------------Small devices (tablets, 768px and up)----------------- */

@media (min-width: 520px) {

    #fixedNav li {
        width: 120px;
    }

    #fixedNav li:hover ul.sub{
        right :120px;
    }



     #BlockVideo iframe.ifraemVideo {
        position: absolute;
        top: 130px;
        height: 560px;
    }
}
/* -------------------------Small devices (tablets, 768px and up)----------------- */

@media (min-width: 768px) {
    /* header */
    
    #headerWrapper {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 5000;
    }


     #BlockVideo iframe.ifraemVideo {
        position: absolute;
        top: 0px;
        height: 575px;
    }
    .col-sm-05 {
        width: 5%;
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        display: none;
    }
    .navbar-default .navbar-toggle .activites {
        display: block;
    }

    .navbar-toggle {
        background-color: #fff;
    }
    .navbar-default  .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
         background-color: #f16522;
    }
    .menuPrincip button.navbar-toggle:hover  span.activites,
    .menuPrincip button.navbar-toggle:focus  span.activites{
        color: #fff;
    }

    .menuPrincip {
        margin-right: 0px;
        width: 145px;
    }
    #fixedNav li {
        width: 145px;
    }  
    #fixedNav li ul.sub {
        /*width: 100%;*/
      width: 300px;
    }
    #fixedNav li ul li {
       /* width: 300px;*/
    }  
/* ------  21/06
   #fixedNav li:hover ul.sub{
        left:145px;
        top: 0px;
    }
*/
    #fixedNav li:hover ul.sub{
        /*right :276px;*/
        right :145px;
        top: 0px;
    }



#mainContentInner {
    padding-top:0px;
}



    #headerWrapper #header #topNav {
        /*margin-right: -10px;*/
    }
    #siteLogo {
        /*padding:0 15px ;*/
    }
    .module-search .inputText,
    .module-search span.inputText {
        display: none;
    }
    .module-search form input[type="text"] {
        margin-top: 0px;
    }
    .module-search form span.submit {
        height: 60px;
        width: 100%;
        text-align: center;
        display: block;
    }
    div.mobile {
        margin-top: 4px;
        float: right;
        padding-right: 30px;
        clear: none;
    }
    div.mobile a {
        padding-left: 70px;
        background-color: #fff;
    }
    /*qd apparaît */
    
    .module-search span.inputText {
        width: 250px;
        margin-left: -250px;
        height: 60px;
        position: absolute;
        z-index: 10000;
        padding: 15px;
        background-color: #434343;
    }
    /* hp */
    
    #hpSlider .flex-slide-item .content {
        top: 100px;
    }
    #hpSlider .flex-control-nav {
        top: 200px;
    }
    #homepage #mainContentInner #htmlInscriptionNewsletter .blockFooter {
        display: inline-block;
        float: right;
    }
    #departementsHP .logo-departement {
        right: 15%;
    }
    /* sous-hp */
    
    #infoDepartement {
        position: absolute;
        font-size: 16px;
        font-weight: 700;
        top: 70px;
        left: 10%;
        z-index: 2000;
        font-style: italic;
        text-align: center;
        color: #fff;
        padding: 20px 40px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    #sliderSHp .flexslider .content {
        padding: 20px 20px;
        font-size: 14px;
        height: 100px;
        background-image: url("images/noir-transp-75.png");
        background-color: transparent;
    }
    #sliderSHp .flexslider .content h3 {
        font-size: 18px;
    }
    /* col de dr */
    /*mariage */
    
    #sidebarRight #htmlCrossSelling.sideboxRight {
        width: 50%;
    }
}

/* Medium devices (desktops, 992px and up)------------------------------------------------------------------------ */
    
    @media (min-width: 992px) {
        /* header */
        
        .col-md-05 {
            width: 5%;
        }
        /* hp */
        
        #htmlProfil {
            margin: -30px -15px 0 -15px;
        }
        #homepage #wrapper {
            margin-top: -180px;
            z-index: 2000;
        }
        #homepage #blockReservation {
            float: right;
            position: absolute;
            top: 100px;
            right: 0;
            z-index: 1000;
        }
        #hpSlider .flex-control-nav {
            top: 220px;
        }
        #hpSlider .flex-slide-item .content h2,
        #hpSlider .flex-slide-item .content h3,
        #hpSlider .flex-slide-item .content h2 a,
        #hpSlider .flex-slide-item .content h3 a {
            font-size: 30px;
            font-family: "Kaushan Script", cursive;
        }
        #hpSlider .flex-slide-item .content p,
        #hpSlider .flex-slide-item .content p a,
        #hpSlider .flex-slide-item .content p a:hover {
            font-size: 18px;
        }
        #homepage #htmlPresentationSite {
            font-size: 18px;
        }
        #departementsHP .logo-departement {
            top: 30%;
        }
        /* col de dr */
        
        #sidebarRight {
            margin: -12px 0 0 -14px;
        }
        /* sous-hp */
        /*---- position du contenu après img de fond ---*/
        
        #sliderSHp {
            min-height: 500px;
            max-height: 500px;
        }
        #sliderSHp .slider {
            max-height: 500px;
        }
        #sliderSHp .flexslider .content {
            width: 30%;
            position: absolute;
            top: 80px;
            right: 30%;
            z-index: 3000;
            padding: 30px 40px;
            color: #fff;
            font-size: 15px;
            font-weight: 300;
            text-align: right;
            margin-top: 0;
            height: auto;
        }
        #sliderSHp .flexslider .content h3 {
            font-size: 18px;
        }
        #sliderSHp .flex-control-nav {
            width: auto;
            position: absolute;
            top: 60px;
            right: 30%;
            z-index: 3000;
            bottom: none;
        }
        #mainContentInner {
            padding: 10px 15px 50px 0;
            margin-right: 10%; 
            
            
        }
        #homepage #mainContentInner {
            padding: 0px;
            margin: 0;
            margin-right: 00%;
        }
        #infoDepartement {
            font-size: 18px;
            font-weight: 700;
            top: 80px;
        }
        #sliderSHp + #mainContent #mainContentInner .intro {
            margin-top: -80px;
            z-index: 2000;
            position: relative;
        }
        #sliderSHp + #mainContent #mainContentInner #main {
            z-index: 2000;
            position: relative;
        }
        #sliderSHp + #mainContent #mainContentInner .intro {
            padding: 30px 60px;
        }
        .introSHp,
        #mainContentInner #blockIntroRestauration,
        #mainContentInner #blockIntroHebergement {
            padding: 0 60px 30px 60px;
        }
        #mainContentInner #blockTeambuildingEntreprises {
        	margin-top: -60px;
        }
        .introActivite {
            padding: 20px 5px 0 40px;
        }
        /* liste */
        
        #listProfils .list-profils .thumbnail {
            width: 60%;
            float: left;
        }
        .documents .activite.even .thumbnail,
        #listActivites div.activite.even .thumbnail,
        #listProfils .profil.even .thumbnail,
        #listThematiques .list-thematiques .thematique.even .thumbnail {
            margin-left: 9%;
        }
        .introActivite,
        #listProfils .list-profils h3,
        #listThematiques .list-thematiques h3  {
            background-color: #fff;
            z-index: 500;
            margin: 20px 0 0 -10%;
            -webkit-box-shadow: 1px 1px 10px 0 #333;
            box-shadow: 1px 1px 10px 0 #333;
            background-image: url(images/activity-more.png);
            background-position: bottom right;
            background-repeat: no-repeat;
        }
        #listActivites div.activite .introActivite:hover,
        #mainContentInner .block.small.activity .introActivite:hover,
        .documents div.activite .introActivite:hover,
        #listProfils .list-profils h3:hover ,
        #listThematiques .list-thematiques h3:hover {
            -webkit-box-shadow: 0 0 5px 0 #333;
            box-shadow: 0 0 5px 0 #333;
        }
        #listActivites div.activite .thumbnail a img,
        #mainContentInner .block.small.activity a img,
        .documents div.activite a img,
        .blockList .thumbnail a img {
            width: 100%;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -webkit-transform: scale(0.98);
            -moz-transform: scale(0.98);
            -o-transform: scale(0.98);
            -ms-transform: scale(0.98);
            transform: scale(0.98);
        }
        #listActivites div.activite .thumbnail a:hover img,
        #mainContentInner .block.small.activity a:hover img,
        .documents div.activite a:hover img,
        .blockList .thumbnail a:hover img {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        #listProfils .list-profils h3 {
            display: inline-block;
            width: 40%;
            position: absolute;
            z-index: 500;
            padding: 30px;
            margin-top: 100px;
        }
        /* footer */
        
        #footer #navPlanSite li {
            display: inline-block;
            float: left;
            width: 32%;
            font-size: 20px
        }
        #footer #navPlanSite li ul.sub li {
            font-size: 14px;
        }
    }
     @media (min-width: 1100px) {
         #BlockVideo iframe.ifraemVideo {
            position: absolute;
            top: 0px;
            height: 635px;
        }
     }
    /* Large devices (large desktops, 1200px and up) ----------------------------------------------------------------------*/
    
    @media (min-width: 1200px) {
        h1 {
            font-size: 60px;
        }
        /* header */
        
        /*21/06 */
        #fixedNav li:hover ul.sub{
           /*right :253px;*/
            right :145px;
            top: 0px;
        }
        #headerWrapper #header #topNav {
            margin-right: -10px;
            
        }

         #BlockVideo iframe.ifraemVideo {
            position: absolute;
            top: 0px;
            height:710px;
        }
        .navbar-toggle {
          /*  background-color: #f16522;*/
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
           /* background-color: #fff;*/
        }
        .navbar-default .navbar-toggle:hover .icon-bar,
        .navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #f16522;
        }
        .col-lg-05 {
            width: 5%;
        }
        #headerWrapper {
            position: fixed;
            width: 100%;
            top: 0;
            background-image: url(images/blanc-transp-80.png);
            height: 60px;
            font-size: 16px;
            z-index: 5000;
            padding-left: 15px;
            padding-bottom: 0;
            padding-top: 0;
        }
        #header .module-languages a {}
        /* hp */
        
        #hpSlider .flex-slide-item .content {
            top: 200px;
        }
        #hpSlider .flex-control-nav {
            top: 320px;
        }
        #homepage #mainContentInner #htmlInscriptionNewsletter div.blockFooter a {
            font-size: 22px;
            padding: 10px 40px 10px 74px;
        }
        #homepage #mainContentInner div.blockFooter a {
            padding: 15px 70px 15px 40px;
            background-position: right 40px center;
        }
        #homepage #mainContentInner div.blockFooter a:hover {
            background-position: right 20px center;
        }
        #blockEvents h2 a {
            padding: 20px 15px 20px 90px;
            background-position: left 40px center;
        }
        #blockEvents h2 a:hover {
            background-position: left 45px center;
        }
        #departementsHP {
            padding: 60px 10% 100px 10%;
        }
        #departementsHP .logo-departement {
            top: 40%;
        }
        /* sous-hp */
        
        #infoDepartement {
            top: 100px;
        }
        #sliderSHp .flex-control-nav {
            top: 80px;
        }
        #sliderSHp .flexslider .content {
            top: 100px;
        }
        #extruderContact {
            display: inline-block;
        }
        /* col de dr */
        
        #sidebarRight {
            /*position: fixed;
   		top: 0px;
     	*/
        }
        .col-ss-menu {
            /*position: absolute;*/
            
            z-index: 2000;
        }
        /*mariage */
        
        #sidebarRight #htmlCrossSelling.sideboxRight {
            width: 100%;
        }
        #sidebarRight div.subCategories ul,
        #mainNav__subMenu ul.subMenu ,
        #navEntreprises ul#menu-menu-navEntreprises {
            padding: 25px 25px 20px 25px;
        }
        #sidebarRight #htmlInscriptionNewsletter .blockBody,
        #sidebarRight .infosPratiques .blockBody,
        #sidebarRight .blocFAQ .blockBody,
        #sidebarRight #htmlProfil .blockBody,
        #sidebarRight #news__lastNews .blockBody {
            padding: 0 25px;
        }
        #sidebarRight .blockHead {
            padding: 0 25px;
        }
        /* footer */
        
        #footer .wrapper {
            margin: 0 10%;
        }
        #footer #navPlanSite li {
            display: inline-block;
            float: left;
            width: 16.665%;
            font-size: 22px
        }
        #footer #navPlanSite li ul.sub li {
            font-size: 14px;
        }
        #footer #navPlanSite li a {
            padding: 8px 0;
        }
        #footer #navPlanSite li a {
            color: #fff;
        }
    }
    /* Large devices (large desktops, 1300px and up) ----------------------------------------------------------------------*/
    
    @media (min-width: 1300px) {
        /* header */
        
        #headerWrapper {
            min-height: 70px;
        }
        #siteLogo {
            padding-top: 10px;
        }
        .navbar-toggle {
            height: 70px;
        }
        #header #topNav .menu li a {
            line-height: 70px;
            padding: 0 17px;
        }
         #BlockVideo iframe.ifraemVideo {
            height:760px;
        }
        div.entreprise a {
            background-image: url(images/menu-entreprise.png);
            background-size: auto;
            background-repeat: no-repeat;
            padding-left: 100px;
            font-size: 18px;
            font-weight: bold;
            line-height: 70px;
            background-position: 15px center;
            padding-left: 65px;
        }
        div.entreprise a:hover,
        div.entreprise a:focus {
            background-image: url(images/menu-entreprise-hover.png);
        }
        /*#header #topNav .menu li.groupes a {
            font-size: 18px;
            letter-spacing: 0.1em;
        }*/
        #header .module-languages a {
            line-height: 70px;
        }
        .module-search form span.submit {
            height: 70px;
        }
        .module-search form input.button {
            padding: 20px 0;
        }
        /*qd apparaît */
        
        .module-search span.inputText {
            height: 70px;
        }
        /* hp */
        /* col de dr */
        
        #sidebarRight #blockReservation h2 a {
            font-size: 30px;
        }
        #sidebarRight .sideboxRight .blockBody a,
        #sidebarRight .sideboxRight,
        #sidebarRight .module-menu {
            font-size: 16px;
        }
        /* sous-hp */
        
        #sliderSHp .flexslider .content {
            /* deja ok
		   	width: 30%;
		    position: absolute;
		    right: 30%;
		    z-index: 3000;
		    color: #fff;    
		    font-weight: 300;
		    text-align: right;
		    margin-top: 0;*/
            
            padding: 30px 50px;
            font-size: 18px;
            top: 170px;
        }
        #sliderSHp .flexslider .content h3 {
            font-size: 24px;
        }
        #sliderSHp .flex-control-nav {
            top: 140px;
        }
        /* liste */
        
        #listActivites div.activite h3,
        #mainContentInner .block.small.activity h3,
        .documents div.activite h3,
        .blockList h3 {
            font-size: 24px;
        }
        #listActivites div.activite .summary,
        #mainContentInner .block.small.activity p,
        .documents div.activite .summary,
        .blockList .summary {
            font-size: 15px;
        }
        /* footer */
        
        #footer #navPlanSite li {
            font-size: 24px
        }
        #footer #navPlanSite li ul.sub li {
            font-size: 16px;
        }
    }
    /* Large devices (large desktops, 1400px and up) ----------------------------------------------------------------------*/
    
    @media (min-width: 1400px) {
        /* header */
        
        #headerWrapper {
            min-height: 83px;
        }
        #siteLogo {
            padding-top: 14px;
        }
         #BlockVideo iframe.ifraemVideo {
            height:800px;
        }
        .navbar-toggle {
            height: 83px;
        }
        #header .module-languages a {
            line-height: 83px;
        }
        #header #topNav .menu li a {
            line-height: 83px;
        }
        #headerWrapper #header #topNav {
            font-size: 14px;
        }
        div.entreprise a {
            line-height: 83px;
            font-size: 18px;
        }
        .module-search form span.submit {
            height: 83px;
        }
        .module-search form input.button {
            padding: 25px 0;
        }

        /*---- menu activite noir ----- 
        #fixedNav li.kayaks a {
            color:#00bff2;
            background-image:url('images/menu/kayaks-1.png');
        }
        #fixedNav li.aventure a{
            color:#A5CD39;
            background-image:url('images/menu/aventure-1.png');
        }

        #fixedNav li.croisieres  a{
            color:#0080C5;
            background-image:url('images/menu/croisieres-1.png');
        }
        #fixedNav li.visites a{
            color:#915F2C;
            background-image:url('images/menu/visites-1.png');
        }
        #fixedNav li.event a{
            color:#DC0082;
            background-image:url('images/menu/event-1.png');
        }
        #fixedNav li a {
            background-color:transparent;
        }
    */


        /*#header #topNav .menu li.groupes a {
            font-size: 18px;
        }*/
        /*qd apparaît */
        
        .module-search span.inputText {
            height: 83px;
        }
        .module-search form input[type="text"] {
            margin-top: 8px;
        }
        /* hp */
        
        #departementsHP .ic_caption {
            padding: 20px;
            font-size: 16px;
        }
        /* sous-hp */
        /*---- position du contenu après img de fond ou slider ---*/
        
        #sliderSHp {
            min-height: 700px;
            max-height: 700px;
        }
        #sliderSHp .slider {
            max-height: 700px;
        }
        #sliderSHp + #mainContent #mainContentInner .intro {
            /*margin-top: -200px;  */
        }
        #sliderSHp + #mainContent #mainContentInner .intro p {
            font-size: 18px;
        }
        #sliderSHp + #mainContent #mainContentInner .intro {
            margin-top: -140px;
        }
        /* listes */
        
        .documents .activite.even .introActivite,
        #listThematiques .list-thematiques h3  {
            margin-top: 90px;
        }
    }
    /* Large devices (large desktops, 1600px and up) ----------------------------------------------------------------------*/
    
    @media (min-width: 1600px) {
        /* header */
         #BlockVideo iframe.ifraemVideo {
            height:900px;
        }
        div.entreprise a {
            background-position: 45px center;
            padding-left: 100px;
        }
        #headerWrapper #header #topNav /*,
        #headerWrapper #header .activites */      {
            font-size: 16px;
        }
       /* #header #topNav .menu li.agenda a {
            padding-left: 50px;
            background-position: 14px center;
        }
        */
        div.entreprise a ,
        .menuPrincip button.navbar-toggle span.activites  {
            font-size: 20px;

        }
        /*#header #topNav .menu li.groupes a {
            font-size: 20px;
        }*/
        /* hp */
        
        #homepage #htmlPresentationSite {
            font-size: 20px;
        }
        #homepage #mainContentInner #htmlInscriptionNewsletter .blockFooter {
           
        }
        #departementsHP .logo-departement {
            top: 50%;
        }
        /* sous-hp */
        /*---- position du contenu après img de fond ou slider ---*/
        
        #sliderSHp {
            min-height: 800px;
            max-height: 800px;
        }
        #sliderSHp .slider {
            max-height: 800px;
        }
        #sliderSHp + #mainContent #mainContentInner {
            /*margin-top: -300px;   */
        }
        #mainContentInner .intro p {
            font-size: 20px;
        }
        /* col de dr */
        
        #sidebarRight .module-brochure p strong {
            font-size: 22px;
        }
        #sidebarRight h2 {
            font-size: 28px;
        }
        #sidebarRight div.subCategories ul,
        #mainNav__subMenu ul.subMenu,
        #navEntreprises ul#menu-menu-navEntreprises  {
            padding: 25px 25px 30px 35px;
        }
        #sidebarRight #htmlInscriptionNewsletter .blockBody,
        #sidebarRight .infosPratiques .blockBody,
        #sidebarRight .blocFAQ .blockBody,
        #sidebarRight #htmlProfil .blockBody,
        #sidebarRight #news__lastNews .blockBody {
            padding: 0 25px 0 35px;
        }
        #sidebarRight .blockHead {
            padding: 0 25px 0 35px;
        }
    }
    @media (min-width: 1800px) {
     #BlockVideo iframe.ifraemVideo {
            height:1075px;
        }
     }
    /******************************************** seulement certains devices ************************************************/
    /* à utiliser en cas de besoin spécifique */
    /* X-Small devices Vertical ( max 350px and min) */
    
    @media (max-width: 350px) {
        #departementsHP .departement {
            width: 100% !important;
        }
      
    }
    /* X-Small devices H ( max 480px and min) */
    
    @media (max-width: 480px) {}
    @media (min-width: 480px) and (max-width: 767px) {

        #departementsHP .departement {
            width: 50% !important;
            float: left;
        }
    }
    /* Small devices ( max 767px and min) */
    
    @media (max-width: 760px) {
       
    }
    @media (min-width: 767px) and (max-width: 991px) {
        #departementsHP .logo-departement {
        top:55%;
    } 

    @media (max-width: 991px) {
        #blockThematiques {
            display: none;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {} 
    @media (max-width: 1200px) {
        #headerWrapper #header #topNav,
        #header .entreprise {
            display: none;
        }
        .col-ss-menu {
            clear: both;
        }
    }