@font-face{
	font-family: 'lato';
	src: url('../fonts/lato/Lato-Regular.ttf');
}

@font-face{
	font-family: 'lora';
	src: url('../fonts/lora/Lora-Regular.ttf');
}

@font-face{
	font-family: 'orhydea';
	src: url('../fonts/orhydea/Orhydea-Demo.ttf');
}

@font-face{
	font-family: 'wsstb';
	src: url('../fonts/where_stars_shine_the_brightest/where-stars-shine-the-brightest.ttf');
}

@font-face{
    font-family: 'woodlands';
    src: url('../fonts/thewoodlands-regular/TheWoodlands-Regular.otf');
}

@font-face{
    font-family: 'wildyouth';
    src: url('../fonts/wild-youth/WildYouth-Regular.otf');
}

@font-face{
    font-family: 'veramono';
    src: url('../fonts/VeraMono.ttf');
}


/* 
	Violet : 6d5a9c
	Gris-foncé: 4c5057
	Gris-claor: F5F5F5
	Grenat: 6d2026
	Orange: EB925A
    Moutarde: d79e50
*/
/*html{overflow-x:hidden !important;}*/
body{ font-family: 'lato';text-align: justify;}
h1, h2, h3, h4, h5, h6{ font-family: 'lora' !important; text-align: left !important}
#btn-fixe{ text-align: center;background: rgba(235, 146, 90, 0.65);position: fixed;right: 0;top: 45%;
    z-index: 1;color: white;text-decoration: none;padding: 10px;font-size: 17px;width: 112px;
    border-top-left-radius: 15px;border-bottom-left-radius: 15px;display: none;}
#btn-fixe-sm{ text-align: center;background: rgba(235, 146, 90, 0.65);position: fixed;left: 15px;bottom: 10px;
    z-index: 1;color: white;text-decoration: none;padding: 10px;font-size: 17px;
    border-radius: 15px;display: none;}
.top-pannel{background: #f7f7f7;padding-top:10px;padding-bottom: 10px;color: #4c5057; font-family:'lato';
font-size: 13px;}
.top-pannel .right a, .top-pannel .right a:hover{color: #4c5057; }
.top-pannel .right{ text-align: right}
.top-pannel .right i{ color: #d79e50;}
.logo{ padding-top:10px;padding-bottom: 10px;}
.logo .right{ text-align: right;padding-top: 15px;}
.logo .right a {padding-top: 10px;background: #d79e50;width: 40px;height: 40px;display: inline-block;
    color: white;border-radius: 50%;text-align: center;font-size: 20px;}
.logo .right a:hover{ background: #825123}
.btn-hypnose{ background: #d79e50;  font-size: 16px;color: white;
	padding: 10px 15px; border-radius: 30px;font-family: 'lora'; display: inline-block;margin-top: 12px;}
.btn-hypnose.gray{ background: #4c5057;color: white}
.btn-hypnose:hover{ color: #d79e50; background: #F5F5F5;text-decoration: none; }
.menu{text-align: center;padding-top:10px;padding-bottom: 10px;background: #F5F5F5}
.menu i{ font-size: 3px;color: #d79e50;}
.menu .element{ display:inline-block;padding-left: 10px; padding-right: 10px;}
.menu .element a{ font-size: 16px;color:#4c5057 }
.menu .element a:hover,.menu .element a:active{ text-decoration: none;color:#d79e50}
.menu .element a.active{ font-size: 16px;color:#d79e50 }
.slider-container{height: 450px;padding: 0;}
.slider-container.profil{height: 360px;}
.carousel{height: 100%;}
.carousel .item{ height: 100%;background-size: cover !important}
.text-container{ padding-top:50px;padding-bottom: 50px;}
.patterned-bloc.right{ /*background-image: url('../images/triangle-pattern.jpg'); background-repeat: repeat;*/
margin-top: 50px;padding: 30px 20px 20px 20px; background: #F5F5F5}
.patterned-bloc.left{ /*background-image: url('../images/triangle-pattern.jpg'); background-repeat: repeat;*/
padding: 30px 20px 20px 20px; background: #F5F5F5}
.patterned-bloc-container .attached.left{float: left;margin-left: -105px;margin-right: 20px;
	margin-bottom: 10px;}
.patterned-bloc-container .attached.right{float: right;margin-right: -105px;margin-left: 20px;
	margin-bottom: 10px;margin-top: 50px;}
.text-container .titre:after {
    display: block;
    width: 78px;
    height: 2px;
    content: '';
    margin-top: 10px;
    /*margin-left: auto;
    margin-right: auto;*/
    background-color: #d79e50
}
.footer .titre{color: white;text-align: center !important; }
.footer .titre:after {
    display: block;
    width: 50px;
    height: 2px;
    content: '';
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: white
}
.footer a.icon:hover{ color: #825123}
.footer a.icon {
    font-size: 28px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
}
.clear{clear: both;}
/*.layer-pattern{ position: absolute;top:0; left:0;height: 100%; width: 100%;}*/
.footer{ text-align: center;padding-top: 50px; padding-bottom: 50px;background: #d79e50;}
/*.footer .left{ text-align: left;}*/
/*.footer .center{text-align: center;}*/
.footer a, .footer p{ color: white;}
.footer a.active{ color:#4c5057 }
.attached a.btn-hypnose.gray:hover{background: rgba(76, 80, 87, 0.5) !important }
.navbar-default .navbar-toggle {border-color: transparent !important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #d79e50 !important;}
.navbar-default .navbar-brand {color: #d79e50 !important;}
.photos-slick{ height: 140px;margin: 20px 0;}
.photos-slick .photo-container{ height: 100%;padding-left: 5px; padding-right: 5px;}
.photos-slick .photo-container .photo{ height: 100%; background-size: cover !important;
	background-position: 50% !important}
.slick-arrow {position: absolute;top: 35%;z-index: 1;font-size: 30px !important;cursor: pointer;color: white;
	    background: rgba(255, 255, 255, 0.5) !important;padding: 5px 10px;}
.slick-arrow.right{ right: 0}.slick-arrow.left{left:0;}
.carousel-caption{ font-family: 'Indie Flower', cursive !important; top:20px;bottom: 0}
.carousel-caption p {background: rgba(162, 97, 57, 0.5) !important;font-size: 40px !important;letter-spacing: 2px;padding-bottom: 5px;
    padding-top: 0px;}
.pattern .carousel-caption p{border-radius: 20px;font-family: 'veramono'}

.pattern .carousel-caption {top: 10%;padding: 15px 0;}
.carousel-caption p  i{ font-size: 16px;}
.carousel-caption p span{ text-decoration: underline; font-size: 20px;}
.carousel.pattern{background-position: 50% 10%;
    background-repeat: repeat;background-size: cover !important;}
.italic-text{/*font-family: 'wsstb';*/font-size: 18px;font-weight: bold;}
.images-container{ text-align: center;margin-top: 20px;}
.bloc-prob {
    height: 175px;
    background-position: 50% !important;
    background-size: cover !important;
}
.bloc-prob.writing{background-position: -30px 50% !important; }
.bloc-events{
    height: 260px;}
.bloc-events .slick-arrow{ top:45%;}
.bloc-event{
    height: 100%;
    background-position: 50% !important;
    background-size: cover !important;
}
span.date{ color: #ec5d02;
    padding: 10px 0;
    display: block;
    font-size: 25px;}
.titre-prob{ display: block;
    margin-top: 0;
    font-size: 20px;}
.titre.inside-bloc.center{ text-align: center !impo}
.titre.inside-bloc{    text-align: center;
    background: #F5F5F5;
    padding: 45px 0;
    margin-top: 0;}
.titre.inside-bloc:after{ margin-left:auto; margin-right: auto;}

.attached.bloc i {
    margin-right: 10px;
    color: #333;
    font-size: 20px;
    display: inline-block;
}
.attached.bloc i.bg-color{ color: #d79e50;}
.attached.bloc {
    background: #d79e50;
    color: white;
    padding: 10px 20px;
    font-size: 17px;
}
.attached.bloc a, .attached.bloc a:hover{ color: white !important; text-decoration: none;}
.bouton{ display: block; padding:10px 20px; background:#d79e50; color: white; border-radius: 20px; }
.patterned-bloc.events h3{ text-align: left !important; }
.patterned-bloc.events a{ text-decoration: none;}
.modal-header{ background: #d79e50; color: white;}
.modal-body{ font-size: 17px;}
#modalRedirection .modal-body{text-align: center;}
#modalRedirection .modal-body span{font-style: italic;text-align: right;color: #a7a7a7;display: block;
    padding-right: 30px;font-size: 15px; }
.modal-body img{border-radius: 10px; display: inline-block;margin-top: 10px; margin-bottom: 10px;}
.fixe_news {position: fixed;left: 20px;bottom: 20px;width: 120px;color: white;cursor: pointer;
    text-align: center;font-weight: bold;z-index: 10000;letter-spacing: 1px;padding-top: 20px;
    font-size: 40px;transform: translatey(0px);animation: float 3s ease-in-out infinite;
}
.carousel-control.right{ background-image: none !important;}
.carousel-control.left{ background-image: none !important;}
.carousel-control{ background-color: transparent !important;}

@media (max-width: 767px) {
    .titre{ font-size: 30px;}
	.top-pannel .right{ text-align: center}
	.logo .right{ text-align: center;}
	.patterned-bloc-container .attached.left, .patterned-bloc-container .attached.right{float: none;margin-left: 0;margin-right: 0;margin-bottom: 10px;width: 100%}
	
	.logo-container{text-align: center;}
	.slider-container {height: 160px !important;}
    .slider-container.big{ height:260px !important }
	.patterned-bloc.left,.patterned-bloc.right{margin-top: 0}
	.carousel-caption p{font-size: 20px !important;letter-spacing: 1px !important;
		background: rgba(162, 97, 57, 0.5) !important !important;border-radius: 20px;}
	.carousel-caption p i{ font-size: 12px;}
    .fixe_news{ width: 100px;}
    .carousel.pattern{background-position: 50% 50% !important}
    .carousel .item{ background-size: contain !important; background-repeat: no-repeat !important}
    .carousel .item.cover{background-size: cover !important }
}


/*@keyframes float {

    0% {


        transform: translatey(0px);

    }

    50% {

        box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);

        transform: translatey(-20px);

    }

    100% {


        transform: translatey(0px);

    }

}*/