@font-face {
    font-family: "bebas-bold";
    font-style: normal;
    font-weight: normal;
    src: url('../assets/bebasneue_bold/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../assets/bebasneue_bold/bebasneue_bold-webfont.woff2') format('woff2'),
    url('../assets/bebasneue_bold/bebasneue_bold-webfont.woff') format('woff'),
    url('../assets/bebasneue_bold/bebasneue_bold-webfont.ttf') format('truetype'),
    url('../assets/bebasneue_bold/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
}

@font-face {
    font-family: "museo700";
    font-style: normal;
    font-weight: normal;
    src:	url("../assets/Museo700/Museo700-Regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../assets/Museo700/Museo700-Regular-webfont.woff2") format("woff2"),
    url("../assets/Museo700/Museo700-Regular-webfont.woff") format("woff"),
    url("../assets/Museo700/Museo700-Regular-webfont.ttf") format("truetype"),
    url("../assets/Museo700/Museo700-Regular-webfont.svg#museo700") format("svg");
}

@font-face {
    font-family: "museo500";
    font-style: normal;
    font-weight: normal;
    src:	url("../assets/Museo500/Museo500-Regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../assets/Museo500/Museo500-Regular-webfont.woff2") format("woff2"),
    url("../assets/Museo500/Museo500-Regular-webfont.woff") format("woff"),
    url("../assets/Museo500/Museo500-Regular-webfont.ttf") format("truetype"),
    url("../assets/Museo500/Museo500-Regular-webfont.svg#museo500") format("svg");
}


@font-face {
    font-family: "museo_sans500";
    font-style: normal;
    font-weight: normal;
    src:	url("../assets/MuseoSans_500/MuseoSans_500-webfont.eot?#iefix") format("embedded-opentype"),
    url("../assets/MuseoSans_500/MuseoSans_500-webfont.woff2") format("woff2"),
    url("../assets/MuseoSans_500/MuseoSans_500-webfont.woff") format("woff"),
    url("../assets/MuseoSans_500/MuseoSans_500-webfont.ttf") format("truetype"),
    url("../assets/MuseoSans_500/MuseoSans_500-webfont.svg#MuseoSans_500") format("svg");
}

html,body{
    min-height: 100vh;
    position: relative;
}

body{
    /*background:url("../images/FOND-CIEL-degrade-5px.jpg") repeat-x 0 0 scroll #b0dbfb;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ad0f6+0,cfddea+100 */
    background: #9ad0f6; /* Old browsers */
    background: -moz-linear-gradient(top,#9ad0f6 0%,#cfddea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,#9ad0f6 0%,#cfddea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,#9ad0f6 0%,#cfddea 100%); /* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ad0f6',endColorstr='#cfddea',GradientType=0); /* IE6-9 */

    display: flex;
    flex-direction: column;
}

header{
    padding-top: 30px;
    padding-bottom: 30px;
}


main{
    flex-grow: 1;
}

footer{
    width: 100%;
    min-height: 100px;
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden;
}

@media (max-width: 980px){
    .row-header-center{
        display: flex;
        flex-direction: row;
        align-items: end;
        flex-wrap: wrap;
    }
}


a,a:hover,a:active,a:visited,
[type="submit"],[type="submit"]:hover,[type="submit"]:active,[type="submit"]:focus{
    font-family: "museo700",Helvetica,Arial,sans-serif;
}
a,a:hover,a:active,a:visited{
    text-decoration: underline;
}

.nav{
    font-family: "museo700",Helvetica,Arial,sans-serif;
}

@media (max-width: 1199px){
    .nav>li>a{
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 980px){
    .nav>li>a{
        font-size: 12px;
    }
}



h1,h2,h3,h4,h5,h6{
    font-family: "bebas-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h2,h3,h4{
    text-transform: uppercase;
}

/*
.h4,h4{
       font-size: 20px;
}
*/
.item-heading h4 a,
.item-heading .h4 a{
    font-family: "bebas-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    color: inherit;
    text-decoration: none;
}


.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
    color: inherit;
}

.page-header>*{
    margin-top: 0;
    margin-bottom: 0;
}

div,p,legend,label,li,dt,dd{
    font-family: "museo_sans500",Helvetica,Arial,sans-serif;
}


legend{
    border-bottom: 0 none;
    font-size: 14px;
}

label{font-weight:500;}
img{max-width:100%;}
hr{border-top:5px dashed #9AD2EC;}

dd{
    margin-left: 100px;
    margin-bottom: 20px;
}
dt{float:left;}
ul{padding-left:20px;}

#back-to-top span{
    visibility: hidden;
}
#back-to-top{
    position: fixed;
    display: block;
    width: 105px;
    height: 115px;
    background: url("../images/backtotop.png") no-repeat 0 0 scroll transparent;
    bottom: 0;
    right: -105px;
    opacity: 0;
    z-index: 30;
    /*
    transition: bottom 0.3s linear,opacity 0.3s linear;
    */
}
#back-to-top.page-scrolled{
    right: 30px;
    bottom: 30px;
    opacity: 1;
}
#back-to-top:hover{
    background-position: 0 -115px;
}
#back-to-top:active{
    background-position: 0 -230px;
}

.modal-backdrop{bottom:0;}
.hide-nimportant{display: none;}

.contact-address dd{
    margin-bottom: 0;
}


nav a,nav a:hover,nav a:active,nav a:visited,
.nav a,.nav a:hover,.nav a:active,.nav a:visited{
    color: #FFF;
    text-decoration: none;
}

.navbar-nav > li > a{
    line-height:13px;
}
.navbar-nav > li > a::first-line{
    line-height:20px;
}
.navbar-nav > li > a::first-line{
    line-height:20px;
}

.main-nav{}
.nav-lang{height:24px;}

@media (max-width: 767px){
    .nav-lang{
        float: right;
        /*height: 40px;*/
        /*margin-top: 8px;*/
    }

    .navbar-toggle{margin-bottom:0;}
}

.nav-lang .nav{float:right;}
.nav-lang .nav>li{display: inline-block;}

@media (max-width: 767px){
    .nav-lang .navbar-nav{
        margin: 0;
    }
}

.level3 .nav>li>a:focus,.level3 .nav>li>a:hover,
.nav-lang .nav>li>a:focus,.nav-lang .nav>li>a:hover{
    background-color: transparent;
}

.nav-lang .nav>li>a{
    padding: 0;
}

.nav-lang .nav>li+li>a{
    margin-left: 5px;
}
.nav-lang .nav>li>a span{
    display: inline-block;
    background-color: #FFF;
    color: #009EE5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-size: 11px;
    line-height: 14px;
    padding: 3px;
    vertical-align: middle;
    border: 3px solid transparent;
    height: 24px;
}
.nav-lang .nav>li>a:hover span{
    border: 3px solid #009ee5;
}

@media (min-width: 768px){
    .navbar-collapse{
        padding-right: 0;
        padding-left: 0;
    }

    .main-nav.navbar-collapse{
        margin-left: -15px;
    }

    .main-nav.level1 .nav>li{
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
    }
    .main-nav.level1 .nav>li:first-child{
        border-left-width: 0;
    }
    .main-nav.level1 .nav>li:last-child{
        border-right-width: 0;
    }
    .main-nav.level1 .nav>li.active a{
        background-color: #5FB1EF;
        color: #FFF;
    }
}

.navbar-collapse{
    border-top: 0 none;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
@media (max-width: 767px){
}

.main-nav.level1 .nav>li>a:focus,
.main-nav.level1 .nav>li>a:hover{
    background-color: #83C4F4;
    color: #FFF;
}
.level2 .nav>li{
    padding: 5px 2px 5px 1px;
}

.level2 .navbar-nav>li{
    float: left;
}


a.diamond-link,.nav a.diamond-link{
    color: #333;
}
a.diamond-link{
    position: relative;
    display: table-cell !important;
    font-family: "bebas-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 95px;
    height: 95px;
    padding: 8px;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    
    
    -ms-word-break: break-all;
    -ms-word-wrap: break-all;
    -webkit-word-break: break-word;
    -webkit-word-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}



a.diamond-link:focus,
a.diamond-link:hover,
.active>a.diamond-link{
    background-color: transparent;
    color: #FFF;
}


a.diamond-link:before{
    background-color: transparent;
    border: 5px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 13px;
    width: 70px;
    height: 70px;
    z-index: -1;

    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.diamond-link:focus:before,
a.diamond-link:hover:before{
    box-shadow: 0 0 20px -5px #000;
    -webkit-box-shadow: 0 0 20px -5px #000;
    -moz-box-shadow: 0 0 20px -5px #000;
}
a.diamond-link:focus:before,
a.diamond-link:hover:before,
.active>a.diamond-link:before{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.diamond-link::before{
    background-color: transparent;
    border: 5px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 13px;
    width: 70px;
    height: 70px;
    z-index: -1;

    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.diamond-link:focus::before,
a.diamond-link:hover::before{
    box-shadow: 0 0 20px -5px #000;
    -webkit-box-shadow: 0 0 20px -5px #000;
    -moz-box-shadow: 0 0 20px -5px #000;
}
a.diamond-link:focus::before,
a.diamond-link:hover::before,
.active>a.diamond-link::before{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.level2 .nav>li>a:hover,
.level2 .nav>li>a:focus{
    background-color: transparent;
}




.level3-parent{
    padding-left: 0;
    padding-right: 0;
}
/*
@media (max-width: 1024px){
.level3-parent{
    margin-left: -25px;
    margin-right: 20px;
}
}
*/


.level3{
    position: relative;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
}

.level3 a{
    font-size: 12px;
}

.level3.affix{
    position: fixed;
    top:0;
    z-index: 10;
}

.level3 ul.nav{
    padding-top: 20px;
    padding-bottom: 10px;
}


.level3 ul.nav:before{
    position: absolute;
    top: 0;
    display: block;
    width: 8px;
    height: 25px !important;
    /*background: url(".../../images/nav3/level3.png") no-repeat 0 0 scroll transparent;*/
    float: left;
}
.level3 ul.nav::before{
    position: absolute;
    top: 0;
    display: block;
    width: 8px;
    height: 25px !important;
    /*background: url(".../../images/nav3/level3.png") no-repeat 0 0 scroll transparent;*/
}


.level3 ul.nav>li a{
    padding: 5px 0 15px 35px;
}
.level3 ul.nav>li:before{
    display: block !important;
    background: none no-repeat 0 0 scroll transparent !important;
    width: 32px !important;
    height: 49px !important;
    left: auto !important;
    position: absolute !important;
    top: auto !important;
    transform: unset !important;
}
.level3 ul.nav>li::before{
    display: block !important;
    background: none no-repeat 0 0 scroll transparent !important;
    width: 32px !important;
    height: 51px !important;
    left: auto !important;
    position: absolute !important;
    top: auto !important;
    transform: unset !important;
    float: left;
    clear: left;
}

.level3 ul.nav:before,
.level3 ul.nav>li:nth-child(even):before,
.level3 ul.nav>li:nth-child(odd):before{
    background: url("../../../images/nav3/level3.png") no-repeat 0 0 scroll transparent !important;
}

.level3 ul.nav::before,
.level3 ul.nav>li:nth-child(even)::before,
.level3 ul.nav>li:nth-child(odd)::before{
    background: url("../../../images/nav3/level3.png") no-repeat 0 0 scroll transparent !important;
}


/*
.level3 ul.nav>li:first-child:before{
    margin-top: -20px;
}
.level3 ul.nav>li:first-child::before{
    margin-top: -20px;
}
*/
.level3 ul.nav>li:last-child:before{
    margin-bottom: -20px;
}
.level3 ul.nav>li:last-child::before{
    margin-bottom: -20px;
}

.level3 ul.nav>li:nth-child(even):before{
    background-position: -2px -54px !important;
}
.level3 ul.nav>li:nth-child(even)::before{
    background-position: -2px -54px !important;
}

.level3 ul.nav>li:nth-child(odd):before{
    background-position: -39px -54px !important;
}
.level3 ul.nav>li:nth-child(odd)::before{
    background-position: -39px -54px !important;
}


/* style-default */

.level3 ul.nav>li:nth-child(even):hover:before{
    background-position: -2px -319px !important;
}
.level3 ul.nav>li:nth-child(even):hover::before{
    background-position: -2px -319px !important;
}

.level3 ul.nav>li:nth-child(odd):hover:before{
    background-position: -39px -319px !important;
}
.level3 ul.nav>li:nth-child(odd):hover::before{
    background-position: -39px -319px !important;
}


.level3 ul.nav>li:nth-child(even):active:before,
.level3 ul.nav>li:nth-child(even).active:before{
    background-position: -2px -374px !important;
}
.level3 ul.nav>li:nth-child(even):active::before,
.level3 ul.nav>li:nth-child(even).active::before{
    background-position: -2px -374px !important;
}

.level3 ul.nav>li:nth-child(odd):active:before,
.level3 ul.nav>li:nth-child(odd).active:before{
    background-position: -39px -374px !important;
}
.level3 ul.nav>li:nth-child(odd):active::before,
.level3 ul.nav>li:nth-child(odd).active::before{
    background-position: -39px -374px !important;
}

/* /style-default */

/* style-blue */

.level3 ul.nav>li:nth-child(even):hover:before{
    background-position: -2px -319px !important;
}
.level3 ul.nav>li:nth-child(even):hover::before{
    background-position: -2px -319px !important;
}

.level3 ul.nav>li:nth-child(odd):hover:before{
    background-position: -39px -319px !important;
}
.level3 ul.nav>li:nth-child(odd):hover::before{
    background-position: -39px -319px !important;
}


.level3 ul.nav>li:nth-child(even):active:before,
.level3 ul.nav>li:nth-child(even).active:before{
    background-position: -2px -374px !important;
}
.level3 ul.nav>li:nth-child(even):active::before,
.level3 ul.nav>li:nth-child(even).active::before{
    background-position: -2px -374px !important;
}

.level3 ul.nav>li:nth-child(odd):active:before,
.level3 ul.nav>li:nth-child(odd).active:before{
    background-position: -39px -374px !important;
}
.level3 ul.nav>li:nth-child(odd):active::before,
.level3 ul.nav>li:nth-child(odd).active::before{
    background-position: -39px -374px !important;
}

/* /style-blue */

/* style-orange */

.style-orange .level3 ul.nav>li:nth-child(even):hover:before{
    background-position: -2px -106px !important;
}
.style-orange .level3 ul.nav>li:nth-child(even):hover::before{
    background-position: -2px -106px !important;
}

.style-orange .level3 ul.nav>li:nth-child(odd):hover:before{
    background-position: -39px -106px !important;
}
.style-orange .level3 ul.nav>li:nth-child(odd):hover::before{
    background-position: -39px -106px !important;
}


.style-orange .level3 ul.nav>li:nth-child(even):active:before,
.style-orange .level3 ul.nav>li:nth-child(even).active:before{
    background-position: -2px -159px !important;
}
.style-orange .level3 ul.nav>li:nth-child(even):active::before,
.style-orange .level3 ul.nav>li:nth-child(even).active::before{
    background-position: -2px -159px !important;
}

.style-orange .level3 ul.nav>li:nth-child(odd):active:before,
.style-orange .level3 ul.nav>li:nth-child(odd).active:before{
    background-position: -39px -159px !important;
}
.style-orange .level3 ul.nav>li:nth-child(odd):active::before,
.style-orange .level3 ul.nav>li:nth-child(odd).active::before{
    background-position: -39px -159px !important;
}

/* /style-orange */

/* style-green */

.style-green .level3 ul.nav>li:nth-child(even):hover:before{
    background-position: -2px -212px !important;
}
.style-green .level3 ul.nav>li:nth-child(even):hover::before{
    background-position: -2px -212px !important;
}

.style-green .level3 ul.nav>li:nth-child(odd):hover:before{
    background-position: -39px -212px !important;
}
.style-green .level3 ul.nav>li:nth-child(odd):hover::before{
    background-position: -39px -212px !important;
}


.style-green .level3 ul.nav>li:nth-child(even):active:before,
.style-green .level3 ul.nav>li:nth-child(even).active:before{
    background-position: -2px -265px !important;
}
.style-green .level3 ul.nav>li:nth-child(even):active::before,
.style-green .level3 ul.nav>li:nth-child(even).active::before{
    background-position: -2px -265px !important;
}

.style-green .level3 ul.nav>li:nth-child(odd):active:before,
.style-green .level3 ul.nav>li:nth-child(odd).active:before{
    background-position: -39px -265px !important;
}
.style-green .level3 ul.nav>li:nth-child(odd):active::before,
.style-green .level3 ul.nav>li:nth-child(odd).active::before{
    background-position: -39px -265px !important;
}

/* /style-green */


.shadow{
    position: relative;
}
.shadow:after{
    background: url("../images/ombre-petite-noire.png") no-repeat scroll top center transparent;
    background-size: 100% auto;
    bottom: -42px;
    content: "";
    height: 42px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}
.shadow::after{
    background: url("../images/ombre-petite-noire.png") no-repeat scroll top center transparent;
    background-size: 100% auto;
    bottom: -42px;
    content: "";
    height: 42px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}


.header-bottom{
    margin-top: 30px;
}

.block-picto{
    display: block;
    text-transform: uppercase;
    text-align: center;
    padding: 54px 20px 27px;
    position: relative;
    font-size: 18px;
    line-height: 1.4em;
    margin-top: 54px;
}

.block-picto,.block-picto:hover,.block-picto:active,.block-picto:visited{
    font-family: "bebas-bold",Helvetica,Arial,sans-serif;
    text-decoration: none;
    color: #353535;
}

/*
.block-picto img{
    left: calc(50% - 54px);
    position: absolute;
    top: -54px;
    transition: all 0.4s ease-in-out 0s;
}

.block-picto:hover img{
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
*/
.block-picto strong{
    font-size: 32px;
}

.block-picto:before{
    background: none no-repeat scroll center center transparent;
    content: "";
    height: 108px;
    left: 0;
    position: absolute;
    top: -54px;
    width: 100%;
}
.block-picto::before{
    background: none no-repeat scroll center center transparent;
    content: "";
    height: 108px;
    left: 0;
    position: absolute;
    top: -54px;
    width: 100%;
}

.fleche-vert:before{
    background: url("../images/fleche-verte-50.png") repeat scroll 0 0 transparent;
    content: "";
    width: 50px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 300ms ease 0s;
    opacity: 0;
}
.fleche-vert:hover:before{
    right: -30px;
    top: -150px;
    transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    opacity: 1;
}

.fleche-orange:before{
    background: url("../images/fleche-orange-50.png") repeat scroll 0 0 transparent;
    content: "";
    width: 50px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 300ms ease 0s;
    opacity: 0;
}
.fleche-orange:hover:before{
    left: -30px;
    top: -150px;
    transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
}

.fleche-vert::before{
    background: url("../images/fleche-verte-50.png") repeat scroll 0 0 transparent;
    content: "";
    width: 50px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 300ms ease 0s;
    opacity: 0;
}
.fleche-vert:hover::before{
    right: -30px;
    top: -150px;
    transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    opacity: 1;
}

.fleche-orange::before{
    background: url("../images/fleche-orange-50.png") repeat scroll 0 0 transparent;
    content: "";
    width: 50px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 300ms ease 0s;
    opacity: 0;
}
.fleche-orange:hover::before{
    left: -30px;
    top: -150px;
    transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
}


#nuages{
    background: url("../images/nuages-3000.png") repeat-x center top scroll transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
}


#top-content{
    background: url("../images/arche1280.png") no-repeat center bottom scroll transparent;
    height: 700px;
    color: #FFF;
    position: relative;
}

@media (min-width: 992px){
    #top-content{
        height: 650px;
    }
}

#top-content:after{
    background: url("../images/ombre-en-ce-moment.png") no-repeat scroll center bottom transparent;
    background-size: 100% 23px;
    bottom: -23px;
    content: "";
    height: 23px;
    left: 0;
    position: absolute;
    right: 0;
}

@media (min-width: 768px){
    #top-content{background-image: url("../images/arche1280.png");}
}
@media (min-width: 992px){
    #top-content{background-image: url("../images/arche1280.png");}
}
@media (min-width: 1200px){
    #top-content{background-image: url("../images/arche1920.png");}
}


#top-content>*{
    height: 100%;
}
#top-content>.container>.row{
    min-height: 13em;
}

#top-content .block-picto{
    margin-left: 12%;
    margin-right: 12%;
}

#top-content .block-picto-left .block-picto{
    margin-left: 0;
    margin-right: 24%;
}
#top-content .block-picto-right .block-picto{
    margin-left: 24%;
    margin-right: 0;
}

@media (max-width: 767px){
#top-content>.container>.row{
    min-height: 20%;
}

#top-content .block-picto-left .block-picto,
#top-content .block-picto-right .block-picto{
    margin-left: 12%;
    margin-right: 12%;
}
}


#content{
    min-height: 500px;
    position: relative;
}

#bottom-content{
    border-top: 5px dashed #60AFF1;
    margin-top: 30px;
    padding-top: 30px;
}

.arrow-bottom-at-top,
.arrow-bottom-at-top-big{
    position: relative;
    overflow: hidden;
    z-index: 4;
}

.arrow-bottom-at-top{
    padding-top: 30px;
}


.arrow-bottom-at-top:before,
.arrow-bottom-at-top-big:before{
    content: "";
    background: none no-repeat #60AFF1;
    display: block;
    position: absolute;
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.arrow-bottom-at-top-big:before{
    width: 90px;
    height: 90px;
    left: calc(50% - 45px);
    top: -45px;
}

.arrow-bottom-at-top:before{
    width: 50px;
    height: 50px;
    top: -35px;
    left: calc(50% - 25px);
}


.read-more{
    text-transform: uppercase;
    text-decoration: none;
    color: #353535;
}

.container{
    position: relative;
}
.container>.container{
padding-right: 0;
padding-left: 0;
margin-right: -15px;
margin-left: -15px;
}

#content .item-image img,
.border-white-5{
    border: 5px solid #FFF;
}


.pull-bottom{
    position: absolute;
    bottom: 0;
}

.row.pull-bottom{
    width: 100%;
}

.actus-accueil>*{
    margin-top: 0;
}

.actus-accueil .page-header>h1,
.actus-accueil>h2{
    font-size: 35px;
    font-weight: normal;

    color: #fff;
    margin: 0;
    padding-top: 10px;
    text-align: center;
}

.actus-accueil .page-header{
    margin: 0;
}

.actus-accueil.blog .item,
.en-ce-moment.blog .item{
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}


.blog .item .item-image:first-child,
.image-custom-rotate{
    transition: transform 0.3s ease-in-out 0s;
    vertical-align: top;
    display:inline-block;
    max-width: 100%;
    position: relative;
    z-index: 5;
/*
    -webkit-box-shadow: 0 5px 10px -5px #000;
    -moz-box-shadow: 0 5px 10px -5px #000;
    box-shadow: 0 5px 10px -5px #000;
*/
}


.readmore a{
    color: #333;
    text-transform: uppercase;
    font-size: 11px;
}
.readmore a:hover{
    text-decoration: underline;
}

/*
.actus-accueil .actu>img:first-child{
    transition: transform 0.3s ease-in-out 0s;
}

.actus-accueil .actu>img:first-child{
    transform: rotate(-2deg);
}
.actus-accueil .actu:hover>img:first-child{
    transform: rotate(3deg);
}


.root-itemid-108 footer,.root-itemid-108 footer,.root-itemid-109 footer,
.itemid-108 footer,.itemid-108 footer,.itemid-109 footer{
    background: none no-repeat right bottom scroll transparent;
}

@media (min-width: 1200px){
    .root-itemid-108 footer,
    .itemid-108 footer{
        height: 445px;
        background-image: url("../images/1920/footer-hameau.png");
    }
    .root-itemid-107 footer,
    .itemid-107 footer{
        height: 431px;
        background-image: url("../images/1920/footer-sejour.png");
    }
    .root-itemid-109 footer,
    .itemid-109 footer{
        height: 636px;
        background-image: url("../images/1920/footer-terre.png");
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .root-itemid-108 footer,
    .itemid-108 footer{
        height: 278px;
        background-image: url("../images/1200/footer-hameau.png");
    }
    .root-itemid-107 footer,
    .itemid-107 footer{
        height: 269px;
        background-image: url("../images/1200/footer-sejour.png");
    }
    .root-itemid-109 footer,
    .itemid-109 footer{
        height: 398px;
        background-image: url("../images/1200/footer-terre.png");
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .root-itemid-108 footer,
    .itemid-108 footer{
        height: 237px;
        background-image: url("../images/1024/footer-hameau.png");
    }
    .root-itemid-107 footer,
    .itemid-107 footer{
        height: 230px;
        background-image: url("../images/1024/footer-sejour.png");
    }
    .root-itemid-109 footer,
    .itemid-109 footer{
        height: 340px;
        background-image: url("../images/1024/footer-terre.png");
    }
}

@media (max-width: 767px){
    .root-itemid-108 footer,
    .itemid-108 footer{
        height: 178px;
        background-image: url("../images/768/footer-hameau.png");
    }
    .root-itemid-107 footer,
    .itemid-107 footer{
        height: 173px;
        background-image: url("../images/768/footer-sejour.png");
    }
    .root-itemid-109 footer,
    .itemid-109 footer{
        height: 255px;
        background-image: url("../images/768/footer-terre.png");
    }
}
*/
.page-header{
    border-bottom: 0 none;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0;
}

.page-header *{
    color: #333;
}

.item-heading .title-2{
    font-size: 0.7em;
}

.item-content .block-picto{
    left: -60%;
}

.items-after-content>*+*{
    margin-top: 30px;
}

.blog .category-desc{
    margin-bottom: 50px;
}

.item-page.container ul li +li,
.custom ul li +li{
    margin-top: 8px;
}

.item-page.container ul li,
.custom ul li{
    position: relative;
    list-style-position: inside;
}
.item-page.container ul li:before,.custom ul li:before{
    background: none repeat scroll 0 0 #9AD2EC;
    content: "";
    height: 11px;
    left: -5px;
    position: absolute;
    top: 5px;
    width: 11px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.item-page.container ul li::before,.custom ul li::before{
    background: none repeat scroll 0 0 #9AD2EC;
    content: "";
    height: 11px;
    left: -5px;
    position: absolute;
    top: 5px;
    width: 11px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.item-page.container .level3 ul li:before,.custom .level3 ul li:before{
    -ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Chrome, Safari, Opera */
    transform: none;
}
.item-page.container .level3 ul li::before,.custom .level3 ul li::before{
    -ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Chrome, Safari, Opera */
    transform: none;    
}

.item-page.container ul li.type-none,
.custom ul li.type-none{
    list-style-type: none;
}
.item-page.container ul li.type-none:before,
.custom ul li.type-none:before{
    width: 0;
    height: 0;
}
.item-page.container ul li.type-none::before,
.custom ul li.type-none::before{
    width: 0;
    height: 0;
}

.style-les-sejours  .item{
    text-align: center;
}
.style-les-sejours  .item table td:first-child{
    text-align: center;
    width: 33%;
}

#planinteractif{
    margin-top: -10px;
    padding-top: 10px;
}

p{position:relative;z-index:5;}

.btn-link,.formResponsive [type="submit"]{
    color: #282828;
    text-decoration: none;
    position: relative;
    background-image: none;
    text-shadow: none;
    padding: 6px 10px;
    border: 0 none;
    vertical-align: baseline !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-link:hover,.btn-link:active,.btn-link:focus,
.formResponsive [type="submit"]:hover,.formResponsive [type="submit"]:active,.formResponsive [type="submit"]:focus{
    text-decoration: none;
    color: #282828;
    background-image: none;
    text-shadow: none;
}


.btn-link:after,
.formResponsive [type="submit"]:after{
    background: url("../images/ombre-petite-noire.png") no-repeat scroll top center transparent;
    background-size: 100% auto;
    bottom: -100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}
.btn-link::after,
.formResponsive [type="submit"]::after{
    background: url("../images/ombre-petite-noire.png") no-repeat scroll top center transparent;
    background-size: 100% auto;
    bottom: -100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

.btn{
    padding: 6px 10px;
}

.fil-a-linge{
    margin-top: 100px !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
}

.fil-a-linge li{
    padding: 0;
    background: none transparent;
    text-align: center;
}

.fil-a-linge li>*:first-child{
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    padding: 5px;
    position: relative;
}


.fil-a-linge .lien-galerie{
    position: absolute;
    bottom: 1%;
    left: 5%;
    z-index: 15;
    padding: 5px;
}



input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
option[value=""]::-webkit-input-placeholder{color: #333;font-style:italic;}
input:-moz-placeholder,
textarea:-moz-placeholder,
option[value=""]:-moz-placeholder{color:#333;opacity:1;font-style:italic;}
input::-moz-placeholder,
textarea::-moz-placeholder,
option[value=""]::-moz-placeholder{color:#333;opacity:1;font-style:italic;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
option[value=""]:-ms-input-placeholder{color:#333;font-style:italic;}
input:placeholder-shown,
textarea:placeholder-shown,
option[value=""]:placeholder-shown{color:#333;font-style:italic;}

.formResponsive input,.formResponsive textarea{max-width:100%;}
.formResponsive input{width:457px;}
.formResponsive textarea{width:100%;}

.formResponsive textarea,.formResponsive select,.formResponsive input[type="text"],.formResponsive input[type="password"]{
    background-color: #ffc226;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s;
}


.radio-span,.checkbox-span{font-weight:500}

.radio-span input[type="radio"],.checkbox-span input[type="checkbox"]{display:none}

.radio-span:before,
.checkbox-span:before{
    content: "";
    position: relative;
    width: 16px;
    height: 16px;
    min-height: 16px;
    display: block;
    float: left;
    vertical-align: bottom;
    margin: 3px 5px 3px 0;
    cursor:pointer;
}

.radio-span::before,
.checkbox-span::before{
    content:"";
    position:relative;
    width:16px;
    height:16px;
    min-height:16px;
    display:block;
    float: left;
    vertical-align: bottom;
    margin: 3px 5px 3px 0;
    cursor:pointer;
}

.radio-span:before{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radio-span::before{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.formResponsive select,.formResponsive textarea,.formResponsive input[type="text"],.formResponsive input[type="password"]{
    height: auto;
}
.formResponsive .formHorizontal label input[type="radio"]{
    display: none;
}

.formResponsive .rsformVerticalClear label{
    height: auto;
    min-height: 18px;
}


.formResponsive .glyphicon{
    color: #F19D0A;
}

.rsform-block-genre label{
    cursor: pointer;
}

/*
.com_content.view-category.layout-blog .blog{
    margin-top: 100px;
}
*/
.com_content.view-category.layout-blog .blog.articles-hameau{
    margin-top: 0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{
    border-top: 0 none;
}

.blog h4 small{
    display: block;
}

/*
.col-sm-1+*:not([class^="col-"]),
.col-sm-2+*:not([class^="col-"]),
.col-sm-3+*:not([class^="col-"]),
.col-sm-4+*:not([class^="col-"]),
.col-sm-5+*:not([class^="col-"]),
.col-sm-6+*:not([class^="col-"]),
.col-sm-7+*:not([class^="col-"]),
.col-sm-8+*:not([class^="col-"]),
.col-sm-9+*:not([class^="col-"]),
.col-sm-10+*:not([class^="col-"]),
.col-sm-11+*:not([class^="col-"]),
.col-sm-12+*:not([class^="col-"]){
    clear: left;
}
*/


.list-prices dt,
.list-prices dd{
    display: block;
    float: none;
}
.list-prices dt{
    color: #4087BD;
    font-size: 58px;
    line-height: 0.7em;
}
.list-prices dt small{
    font-size: 27px;
    line-height: 0.8em;
}
.list-prices dd{
    margin-left: 0;
}

.form-actions .btn{
    margin-top: 15px;
}
    
#planning{
    display: inline-block;
    padding: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#planning dt:empty,#planning dd:empty{display:none;}
#planning dd{
    margin: 0 0 0 60px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-width: 0 0 2px;
    padding: 5px 5px 3px;
}

#planning dd strong{
    font-weight: 400;
    color: #FFF;
    display: block;
    margin: -5px -5px -3px;
    padding: 5px;
}

#planning dt{
    float:left;
    color: #FFF;
    font-weight: 400;
    margin-top: -11px;
}

.testimony{
    position: absolute;
}

.testimony blockquote{
    font-family: "museo700",Helvetica,Arial,sans-serif;
    border: 0 none;
    font-size: 14px;
    max-width: 250px;
    padding: 50px 20px 20px;
    margin-top: -50px;
}

.testimony .ctnr-rotate>*{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

footer .custom{
    padding-bottom: 20px;
}

.position-absolute-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.voxhtml5video {
    text-align: center;
}

.voxhtml5video video {
    max-width: 100%;
}

.social-links,
.donate{
    float: right;
    margin-left: 1.5em;
}

.social-links a,
.donate a{
    color: #fff;
    display: inline-block;
}

.social-links a + a {
    margin-left: 0.5em;
}

.vm-product-descr-container-0{
    min-height: auto;
}

.category-view .row .category .spacer h3{
    font-size: 1.5em;
    text-align: center;
}

.category-view .row .category .spacer h3 a{
    color: currentColor;
    text-decoration: none;
}

.category-view .row .category .spacer h3 a .category-name{
    display: inline-block;
    margin: .5em 0 0;
}

.product-fields{
    margin-top: 4em;
}

.product-field-display{
    display: inline-block;
    margin: 0 0 0 .5em;
}

.product-fields .product-field{
    margin-bottom: .7em;
}