.content-wrapper{
    /* background:url(../images/vgradient-fffo20-to-fffo0.png) top left repeat-x ; */
    /*background-image: linear-gradient(to top, #085da0, #a5bbcc);*/
    background-color: #FFF;
}

#content {
    /* background:url(../images/content-border.png) no-repeat top center; */
    background: none;
    padding-top:50px;
    padding-bottom:25px;
}
body.home #content {
    padding-bottom: 0;
}

#content .c {
    min-height:500px;
}

#content h1, #content .one,
#content h2, #content .two,
#content h3, #content .three {
    color:#89b4df;
    /*text-shadow:0 0 5px rgba(0,0,0,0.5);*/
    text-transform:uppercase;
    /* padding:0 0 0 45px; */
    padding:0;
    /* margin-left:-45px; */
    min-height: 40px;
    text-align: left;
}

#content h1,
#content .one,
#content h2,
#content .two,
#content h2#titreBlockActus,
#content .two,
#content h2.blue,
#content h2#titreBlockActus.blue,
#content .two.blue {
	position: relative;
}

#content h1::before,
#content .one::before,
#content h2::before,
#content .two::before,
#content h2#titreBlockActus::before,
#content .two::before,
#content h2.blue::before,
#content h2#titreBlockActus.blue::before,
#content .two.blue::before {
	content: '';

	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-100%);

	display: block;
	width: 45px;
	height: 100%;

	background: url("../images/triple_border.png") left 0px top 10px no-repeat;
}

#content h2::before,
#content .two::before {
	background:url("../images/triple_border.png") left 0 top 8px no-repeat;
}

#content h2#titreBlockActus::before,
#content .two::before {
	background:url("../images/triple_border.png") left 0 top 10px no-repeat;
}

#content h2.blue::before,
#content h2#titreBlockActus.blue::before,
#content .two.blue::before {
	background:url("../images/triple_border_blue.png") left 0 top 10px no-repeat;
}

/* #content h3, #content .three {
	background:none;
} */

#content h4, #content .four,
#content h5, #content .five,
#content h6, #content .six{color:#333;font-weight:bold;background:none;text-shadow:none;text-transform:none;}

/*.c1 #content h1, .c1 #content .one{background:url("../images/chip-yellow.png") left 5px no-repeat;}
.c1 #content h2, .c1 #content .two{background:url("../images/chip-purple.png") left 5px no-repeat;}
.c1 #content h3, .c1 #content .three,
.c1 #content h4, .c1 #content .four,
.c1 #content h5, .c1 #content .five,
.c1 #content h6, .c1 #content .six{background:none;}*/

#content h2 .heavy,
#content .two .heavy{
    color: #000;
}

#content h2.blue .heavy,
#content .two.blue .heavy{
    color: #89b4df;
}


.pagemulti_c{float:left;margin:20px 0;width:50%;}
.multifull{width:100%;}
/*.pagemulti_image{width:50%;}
.pagemulti_image + .pagemulti_text{width:50%;}*/
.odd .pagemulti_image{text-align:left;}
.even .pagemulti_image{text-align:right;float:right;}

body.home div.home div.l-row-fluid div.blockImgHome{
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
}
body.home div.home div.l-row-fluid div.blockImgHome div{
    margin: 0 30px;
    width: calc((100% - 120px) / 3);
    height: auto;
    /*margin: 0 2.5em 2em 0;*/
}
body.home div.home div.l-row-fluid div.blockImgHome div img{
    max-width: 100%;
    height: auto;
}
body.home div.home div.l-row-fluid div.blockImgHome div:first-child{
    margin-left: 0;
}
body.home div.home div.l-row-fluid div.blockImgHome div:nth-child(3){
    margin-right: 0;
}

@media screen and (max-width:900px){
    #content {
        padding-top:10px;
    }
    body.home div.home div.l-row-fluid div.blockImgHome div{
        margin: 0 10px;
        width: calc((100% - 40px) / 3);
        height: auto;
    }
    .pagemulti_c{float:none;width:100%;}
    .odd .pagemulti_image,
    .even .pagemulti_image{text-align:center;float:none;}
}
@media screen and (max-width:575px){
    body.home div.home div.l-row-fluid div.blockImgHome div{
        margin: 10px 0;
        width: 100%;
        max-width: 345px;
    }
    body.home div.home div.l-row-fluid div.blockImgHome{
        margin: 10px 0;
    }
}


hr{
    /*background:url(../images/content-separator.png) center top no-repeat; */
    height:25px;
    border:0;
    margin:25px 0;
}
hr#bas{
    /*background:url(../images/content-separatorBis.png) center top no-repeat; */
    height:25px;
    border:0;
    margin:25px 0;
}

.texteNextToDiapoChambres{
    width: 100% !important;
    float: none;
}
.diapoChambres{
    float: right;
    margin-right: 0 !important;
    margin-left: 10%;
	margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.diapoChambres img {
	width: 100%;
	height: auto;
}
.diapoChambres .photo-content{
    position: absolute;
    bottom: 75px;
    left: 37px;
    right: 42px;
    top: 10px;
}
.photo{
    position:relative;
    margin-top:-75px;
    /*background:url("../images/photo-border.png") 0 0/100% auto no-repeat;*/
    height:345px;
    width:550px;
    margin:auto;
}
.photo.map{
    /*background:url("../images/photomap-back.png") 0 0/100% auto no-repeat;*/
    height:550px;
}
.photo.map .photo-content{
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
}
.photo-content{
    position: absolute;
    bottom: 45px;
    left: 37px;
    right: 42px;
    top: 5px;
}
.photo-legend{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    color:#fff;
    font-size:16px;
    padding:20px 110px 20px 50px;
    font-family:"Helvetica Neue", arial, sans-serif;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAFoEvQfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU1QUU0QUVFQTg2MTExRTRCRDFDRTBFRjczMkY2OUJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU1QUU0QUVGQTg2MTExRTRCRDFDRTBFRjczMkY2OUJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTVBRTRBRUNBODYxMTFFNEJEMUNFMEVGNzMyRjY5QkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTVBRTRBRURBODYxMTFFNEJEMUNFMEVGNzMyRjY5QkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yRXEhAAAADUlEQVR42mNgYGBoAAAAhQCBRcqBlwAAAABJRU5ErkJggg==");
}
.photo-legend .nomChambre{
    text-transform: uppercase;
}
.photo img{
    display: block;
    height: auto;
    width: 100%;
}

.photo-nav{
    position:absolute;
    color:#333333;
    font-size:3em;
    background:#fff;
    padding:10px 12.5px;
    top:50%;
    z-index:2;
    margin-top:-1em;
    cursor:pointer;
    display:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.photo-nav:before{
    font-size: 20px;
}
.photo-prev{
    transform: translateX(50%) translateY(-50%) rotate(-5deg);
    left:0;
}
.photo-prev:before{
    transform: rotate(5deg);
}
.photo-next{
    transform: translateX(-50%) translateY(-50%) rotate(5deg);
    right:0.25em;
}
.photo-next:before{
    transform: rotate(-5deg);
}


.photo .owl-carousel{width:auto;overflow:hidden;}
/*.photo-content.owl-carousel{overflow:visible;}
*/

@media screen and (max-width: 1024px){
    .texteNextToDiapoChambres{
        float: left;
    }
}

@media screen and (max-width: 600px){
    .diapoChambres .date.linkDetailChambre{
        display: none;
    }
}


/* **************************************************************************************************** */
/* BOUTON/LIEN VERS PAGE ACTUALITES
/* **************************************************************************************************** */
body div.btnActus{
    width: 100% !important;
}

h3#voirPlusActus{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 40px 0 30px 0;
    padding: 0;
}

a.lienActus{
    position: relative;
    display: block;
    width: 410px;
    max-width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 15px;
    background-color: #89B4DF;

    font-family: "Helvetica Neue", Arial, serif !important;
    color: #FFF;
    font-size: 1em;
    white-space: nowrap;
    text-align: center;

    transition: all .4s ease;
}
a.lienActus:before,
a.lienActus:after{
    content: '';
    display: block;
    width: 15px;
    height: 14px;
    background-image: url(../images/triple_little_border_white.png);

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
a.lienActus:before{
    left: 60px;
}
a.lienActus:after{
    right: 60px;
}
a.lienActus br{
    display: none;
}
a.lienActus .heavy{
    font-size: 16px;
    color: #FFF;
}

a.lienActus:hover{
    background-color: #000;
}

@media screen and (max-width: 600px){
    h3#voirPlusActus{
        margin: 0px 0 30px 0;
    }
}
@media screen and (max-width: 480px){

    .bottombar__button {
        width: 200px !important;
    }
    
    a.lienActus{
        width: 280px;
    }
    a.lienActus:before{
        left: 10px;
    }
    a.lienActus:after{
        right: 10px;
    }
}

@media screen and (max-width: 320px){
    a.lienActus .heavy {
        /*font-size: 1em;*/
    }
}


@media screen and (max-width:600px){
    .photo .owl-stage-outer{height:100%;}
    .photo .owl-stage{height:100%;}
    .photo .owl-item{height:100%;}

    .photo-legend{
        /*padding:2% 34%;
        top:0;*/
        padding: 20px 90px 20px 90px;
    }
}


/* **************************************************************************************************** */
/* PAGINATION
/* **************************************************************************************************** */

.pagination {
    float:right;
    margin-top:20px;
}

.pagination-item {
    display:block;
    padding:4px 7px;
    background:#DBDBDB;
    color:white;
    float:left;
    margin-right:3px;
    border-radius:15px;
}

.pagination-item.current , .pagination-item:hover {
    cursor:pointer;
    background:#706F6F;
}

/* **************************************************************************************************** */
/* INFOS BULLE
/* **************************************************************************************************** */

.bulle {
    background: rgba( 199 , 0 , 106 , 0.1 );
    border-bottom: 2px solid red;
    padding:10px;
    margin:auto;
    margin-bottom: 7px;
    margin-top: 3px;
    overflow:hidden;
}
.bulle.message {
    background: #a6f8b7;
    border: 1px solid #49f160;
    padding:10px;
    margin-top: 10px;
}
.bulle.errors {
    background: #f36767;
    border: 1px solid #f14343;
    padding:10px;
    margin-top: 10px;
    color:white;
}


@media screen and (max-width:900px){
    .photo{margin-top:0;}

    hr{background-size:100% auto;}
}

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

    #content h1, #content .one,
    #content h2, #content .two,
    #content h3, #content .three{margin-left:0;}

    .photo{width:100%;/*height:auto;padding-bottom:66%;*/}
    .photo.map{width:100%;height:auto;padding-bottom:100%;}
    .photo img{width:100%;height:auto;/*display:none;*/}

    .photo-content{bottom: 17%;left: 7%;right: 7.5%; top: 10%;}
    .photo.map .photo-content{bottom: 8%;left: 7%;right: 8%;top: 7%;}

    /*.photo .owl-stage{width:100%!important;height:100%!important;}*/

}

@media screen and (max-width: 425px){
    .diapoChambres .photo-legend{
        font-size: 0;
        padding: 10px 90px 10px 90px;
    }
    .diapoChambres .photo-legend p{
        text-align: center;
    }
    .diapoChambres .photo-legend .nomChambre{
        font-size: 14px;
    }
    .photo-legend {
        /*padding: 22%;*/
    }
    div.actualite .photo-legend {
        padding: 17%;
    }
}

@media screen and (max-width: 375px){
    .photo-legend {
        /*padding: 18% 22%;*/
    }
    div.actualite .photo-legend {
        padding: 7% 20%;
    }
}

@media screen and (max-width: 320px){
    body.home div.home div.l-row-fluid div.blockImgHome div {
        width: 100%;
    }
    body .photo-legend {
        padding: 12% 34%;
    }
    body div.actualite .photo-legend {
        padding: 9% 4%;
    }
}