/*--------------GENERAL--------------*/
 *{
     font-family: 'Raleway', sans-serif;
     padding: 0;
     margin: 0;
     box-sizing: 0;
}
 .wrapper{
     max-width: 1200px;
     margin: 0 auto;
}
 html{
     overflow-x: hidden;
}
 section {
     padding:0px 0px;
     overflow-x: hidden;
}
 body{
     overflow-x: hidden;
     font: 14px/24px 'Poppins', sans-serif;
     font-weight: normal;
     font-size: 14px;
     color:#666;
     font-weight: 400;
     letter-spacing: 0.25px;
}
 .padding0 {
     padding:0px;
}
 a, a:hover {
     text-decoration:none;
}
 #slideout {
     -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     position: fixed;
     top: 220px;
     left: 0;
     color:white;
     padding: 0px;
     text-align: center;
     background: #ab002f;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     z-index:9999;
}
 #slideout_inner {
     -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     position: fixed;
     top: 220px;
     left: -240px;
     background: #ab002f;
     width: 240px;
     padding-top: 15px;
     height:40px;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     text-align: left;
     z-index:9999;
}
 #slideout i {
     color:#fff;
     font-size:32px;
     text-align:center;
     padding:12px 19px;
}
 #slideout_inner p{
     color:white;
     font-family: "Dosis", sans-serif;
     font-size:18px;
     font-weight:600;
     text-transform:uppercase;
     text-align:center;
     padding-left:10px;
}
 #slideout:hover {
     left: 240px;
}
 #slideout:hover #slideout_inner {
     left: 0;
}


#slideout2 {
     -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     position: fixed;
     top: 290px;
     left: 0;
     color:white;
     padding: 0px;
     text-align: center;
     background: #fff;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     z-index:9999;
}
 #slideout2_inner {
     -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     position: fixed;
     top: 290px;
     left: -240px;
     background: #fff;
     width: 240px;
     border:1px solid #fff;
     border-right:0px;
     border-left:0px;
     padding-top: 15px;
     height:43px;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     text-align: left;
     z-index:9999;
}
 #slideout2_inner p{
     color:#000;
     font-family: 'Open Sans' , sans-serif;
     font-size:15px;
     font-weight:600;
     text-transform:uppercase;
     text-align:center;
     padding-left:15px;
     margin-top:0px;
}
 #slideout2:hover {
     left: 240px;
}
 #slideout2:hover #slideout2_inner {
     left: 0;
}
/*--------------MENU HEADER--------------*/
 .toptopheader {
     height:4px;
     background-image:url('../img/top-header.jpg');
     z-index:99999;
}
 .header-menu{
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 999999999;
     animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
     background-color:#fff;
}
 .bottom-separator {
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     overflow: hidden;
     padding-bottom: 30px;
     display: block;
     z-index: 1;
}
 .bottom-separator::after {
     box-shadow: 0 0 0 100px #fff;
     border-radius: 100%;
     position: absolute;
     height: 190px;
     content: '';
     right: -20%;
     left: -20%;
}
 .logo-left{
     padding-top:10px;
     padding-bottom: 10px;
     display: inline-block;
     transition: all 0.3s ease 0s;
     position: relative;
     display: block;
     background-color: #fff;
     animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
}
 .logo-left img{
     padding-top: 0px;
     margin-top:-35px;
     max-width:100%;
     height:auto;
     max-height:120px;
}
 .coordonnees {
     margin-top:20px;
     float:right;
}
 .coordonnees li {
     float:left;
     list-style-type: none;
     margin-left:35px;
     font-size:13px;
     color:#848484;
}
 .coordonnees li a {
     color:#848484;
}
 .coordonnees li i {
     font-size:19px;
     color:#333;
     margin-right:10px;
}
 .padding-menu{
     padding-left: 0px;
     padding-right: 0px;
     text-align: center;
}
 .main-menu{
     width: 100%;
     display: block;
     position: relative;
}
 .main-menu {
     margin-bottom: 0px;
     margin-top:30px;
}
 .menu-mobile{
     display: none;
}
 .padding-right{
     padding-right: 25px;
}
 .sticky {
     animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
}
 .sticky-logo{
     animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
}
 @keyframes fadeInDown {
     from {
         opacity: 0;
         transform: translate3d(0, -20%, 0);
    }
     to {
         opacity: 1;
         transform: translate3d(0, 0, 0);
    }
}
 .main-menu ul li:hover > ul{
     display: block;
}
 .paddind-right{
     padding-right: 30px;
}
 @media screen and (max-width:991px){
     .header-menu {
         background-color: #fff !important;
         height:100px;
    }
     .desktop-menu .logo-left a img{
         display: none;
    }
     .logo-left-mobile img {
         max-width:100%;
         height:auto;
         max-height:100px;
         padding-top: 10px;
         padding-bottom: 10px;
    }
     .header-menu {
         background-color: #fff;
    }
     .logo-left-mobile{
         padding-left: 15px;
         display: inline-block;
    }
     .logo-left-mobile a {
         margin-top: 0px;
    }
     .header-menu .wrapper{
         width: 100%;
         padding-right: 0;
         padding-left: 0;
    }
     .header-menu{
         position: absolute;
    }
     .main-menu, .desktop-menu{
         display: none;
    }
     .menu-mobile{
         display: block;
    }
}
 @media screen and (max-width:450px){
     .header-main-banner .container-fluid .col-sm-12{
         padding: 0px;
    }
}
 @media screen and (max-width:991px){
     .mobile-nav {
         margin-top:-70px;
    }
}


.logojsutice
 {
     max-width:100%;
     height:auto;
     max-height:80px;
     float:right;
     margin:10px;
     position:absolute;
}
/*--------------CAROUSEL--------------*/
 #slider-header {
     margin:0 auto;
     margin-top:120px;
}
 @media screen and (max-width:991px){
     #slider-header {
         margin:0 auto;
         margin-top:0px;
    }
}
 #slider-header .carousel-inner > .item{
     height: 100vh;
     overflow: hidden;
     z-index:0;
}
 #slider-header .carousel-inner > .item img{
     max-width: 100%;
     height:auto;
     z-index:0;
}
 .caro-text{
     direction: ltr;
}
 .carousel-caption{
     text-align: center;
     position: absolute;
     margin:0 auto;
     top: 50%;
     -webkit-transform: translateY(-55%);
     -moz-transform: translateY(-55%);
     -ms-transform: translateY(-55%);
     -o-transform: translateY(-55%);
     transform: translateY(-55%);
     width:100%;
     max-width:900px;
}
 .carousel-caption h4{
     font-size: 52px;
     line-height:55px;
     font-weight: 600;
     font-family: "Dosis", sans-serif;
     padding:8px 30px;
     display:block;
     color: #fff;
     margin-bottom: 20px;
}
 .carousel-caption p{
     font-size: 21px;
     color: #fff;
     margin-bottom: 45px;
     width: 60%;
     font-weight: 300;
}
 .carousel-caption p strong{
     font-weight:700;
}
 .carousel-caption a{
     font-size:18px;
     color: #fff;
     display:block;
     padding:15px 18px;
     text-align: center;
     width:100%;
     max-width:200px;
     float:left;
     margin:0 auto;
     margin-top:20px;
     margin-left:10px;
     margin-right:10px;
     border-radius:50px;
     border:2px solid #fff;
     font-family: 'Rubik', sans-serif;
     text-decoration: none;
     letter-spacing:1px;
     transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     position: relative;
     font-weight:300;
}
 .carousel-caption a:hover{
     background-color: #fff;
     color: #888;
     border:2px solid #fff;
}
 .carousel-caption .btncontact {
     background-color:#e36ea5;
     color:#fff;
     border:2px solid #e36ea5;
}
 .carousel-caption a i{
     background-color: #fff;
     color: #58c747;
     padding: 18px 16px;
     font-size: 22px;
     position: absolute;
     right: -3px;
     top: -2px;
}
 .carousel-indicators li{
     background-color: #fff;
     z-index:0;
}
 .carousel-item.item2 .carousel-caption {
     text-align: center;
     z-index:0;
}
 .carousel-item.item2 .caro-text {
     direction: ltr;
     z-index:0;
}
 .carousel-item.item2 .carousel-caption p {
     color: #fff;
}
 .carousel-item.item3 .carousel-caption p {
     color: #fff;
}
 .carousel-item.item3 .carousel-caption h4{
    /*color: #111;
     */
}
/*SHORT INFOS HEADER*/
 .header-short-bloc{
     position: relative;
     bottom: 95px;
}
 .header-short-bloc .bg-color{
     background-color: #002040;
}
 .header-short-bloc ul{
     list-style-type: none;
     display: inline-flex;
     align-items: center;
}
 .header-short-bloc img{
     width: 90%;
     max-width: 90%;
     margin-right: 40px;
     padding-right: 13px;
}
 .header-short-bloc span{
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 4.3px;
     text-align: left;
     color: #ffffff;
     margin-bottom: 5px;
     display: block;
}
 .header-short-bloc p{
     font-size: 15px;
     color: #ffffff;
     line-height: 23px;
     margin-bottom: 0;
}
 .small-bloc.active{
     background-color: #58c747;
}
 .small-bloc:hover{
     background-color: #58c747;
     transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
}
 .header-short-bloc div[class*="col-"]{
     padding: 0px;
}
 .small-bloc{
     padding: 25px;
}
 .carousel-item img{
     width: auto ;
}
/*RESPONSIVE*/
 @media screen and (min-width:1920px){
     .carousel-item img {
         width: 100%;
         height: 100%;
    }
}
 @media screen and (max-width:1920px){
     .carousel-item img {
         width: auto;
         height: 100%;
    }
}
 @media screen and (max-width:1560px){
     .carousel-caption p {
         width: 52%;
    }
     .carousel-caption {
         right: 0%;
         left: 0%;
    }
}
 @media screen and (max-width:1320px){
     .carousel-caption p {
         width: 60%;
    }
}
 @media screen and (max-width:1250px){
     .carousel-caption h4 {
         font-size: 40px;
         line-height:40px;
    }
     .carousel-caption p {
         font-size: 27px;
    }
}
 @media screen and (max-width:991px){
     .carousel-caption h4 {
         padding:10px 20px;
         margin-bottom: 23px;
         max-width:100%;
    }
     .carousel-caption a{
         margin:0 auto;
         float:none;
         margin-top:15px;
    }
     .carousel-caption, .carousel-caption h5, .carousel-caption h4, .carousel-caption p, .carousel-caption a{
         text-align: center;
    }
     .carousel-item img{
         height: 100vh;
    }
     .carousel-caption {
         top: 48%;
    }
}
/* ========================================== */
/* ================== ACCUEIL ===================== */
/* ========================================== */
/* ############### SERVICE ################# */
 .service {
     margin-top:540px;
     padding-bottom:0px;
}
 .service-col{
     padding: 15px 15px;
}
 .service-item{
     overflow: hidden;
     position: relative;
     margin-top: -75px;
}
 .service-item .service-inner{
     overflow: hidden;
     -moz-transform: translateY(75px);
     -webkit-transform: translateY(75px);
     -o-transform: translateY(75px);
     -ms-transform: translateY(75px);
     transform: translateY(75px);
     -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
     transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
 .service-item:hover .service-inner{
     -moz-transform: translateY(0);
     -webkit-transform: translateY(0);
     -o-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
 .service-item .service-content{
     text-align: center;
     padding: 35px 35px 40px;
     padding-top:25px;
     padding-bottom:70px;
     color: #fff;
     background: #00bbe8;
     position: relative;
     z-index: 9;
}


 .service-item .service-content p{
 	line-height:22px;
 }


 .service-img img {
     max-width:100%;
     height:auto;
}
 .bigHalfCircle{
     position: absolute;
     bottom: 99.8%;
     left: 0;
     right: 0;
     height: 12px;
     width: 100%;
}
 .bigHalfCircle path{
     fill: #00bbe8;
     stroke: #00bbe8;
}
 .service-item .service-content .service-title{
     color: #fff;
     font-weight:600;
     font-size:25px;
     letter-spacing:1px;
     text-transform: uppercase;
     font-family: "Dosis", sans-serif;
}
 .service-item .service-content .btn{
     padding-right: 30px;
     padding-left: 30px;
     opacity: 0;
     letter-spacing: 0.75px;
     color:#fff;
     border:2px solid #fff;
     border-radius:50px;
     padding:8px 25px;
     font-weight:300;
     letter-spacing:1px;
     font-family: 'Rubik', sans-serif;
}
 .service-item .service-content .btn:hover{
     background-color:#fff;
     color:#888;
}
 .service-item:hover .service-content .btn{
     opacity: 1;
}
 .service-item .service-content > p{
     letter-spacing: 0.25px;
}
 .service-item .service-content > p:not(:last-child){
     margin-bottom: 35px;
}
 .service-item .service-content > *:not(span):not(.bigHalfCircle){
     z-index: 1;
     position: relative;
}
 .service-item .service-content span[class*="licon-"]{
     position: absolute;
     bottom: -45px;
     left: -15%;
     font-size: 242px;
     color: #ffb409;
     -ms-transform: rotate(-11deg);
     -webkit-transform: rotate(-11deg);
     transform: rotate(-11deg);
}
 .service-item.style-2 .service-content{
     background: #96be10;
}
 .service-item.style-2 .service-content .bigHalfCircle path{
     fill: #96be10;
     stroke: #96be10;
}
 .service-item.style-2 .service-content span[class*="licon-"]{
     color: #9bbc31;
     bottom: 20px;
     left: -25%;
}
 .service-item.style-3 .service-content{
     background: #e36ea5;
}
 .service-item.style-3 .service-content .bigHalfCircle path{
     fill: #e36ea5;
     stroke: #e36ea5;
}
 .service-item.style-3 .service-content span[class*="licon-"]{
     color: #ee511e;
     bottom: 20px;
     left: -25%;
}
 @media screen and (max-width:991px){
     .service-col{
         padding: 20px 0px;
    }
}
/* ############### PRESENTATION ################# */
 .presentation {
     padding-top:70px;
     padding-bottom:80px;
     background-image:url('../img/image-2.jpg');
     background-position:100% 100%;
     background-repeat:no-repeat;
}
 .presentation h2 {
     color:#333;
     font-size: 42px;
     line-height: 1.25em;
     font-weight: normal;
     margin-bottom:19px;
     font-weight:800;
     font-family: "Dosis", sans-serif;
}
 .presentation p {
     font-size:16px;
     line-height:26px;
     margin-top:25px;
     padding-right:55px;
}
 @media screen and (max-width:991px){
     .presentation {
         padding-top:30px;
         padding-bottom:80px;
         background-image:none;
    }
     .presentation h2 {
         font-size: 38px;
         line-height: 1.05em;
    }
     .presentation p {
         padding-right:0px;
    }
}
 .btnlien{
     font-size:17px;
     color: #ab002F;
     display:block;
     padding:15px 15px;
     text-align: center;
     width:100%;
     max-width:235px;
     float:left;
     margin:0 auto;
     margin-top:25px;
     margin-right:15px;
     border-radius:50px;
     border:2px solid #ab002F;
     font-family: 'Rubik', sans-serif;
     text-decoration: none;
     letter-spacing:1px;
     transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     position: relative;
     font-weight:300;
}
 .btnlien:hover{
     background-color: #d5d5d5;
     color: #fff;
     border:2px solid #d5d5d5;
}
 .btnlien i{
     margin-right: 10px;
     font-size: 20px;
}
 .urgence {
     color:#fff;
     background-color:#ab002F;
     border:2px solid #ab002F 
}
 .imgpresentation {
     bottom:0px;
}
/* ############### ASIDE ################# */
 .aside {
     padding-top:0px;
     padding-bottom:0px;
     background-color:#fff;
}
 .aside .content {
     padding:60px 30px;
     padding-left:30px;
     padding-right:60px;
     padding-top:80px;
}
 .aside .content h2 {
     color:#333;
     font-size: 42px;
     line-height: 1.25em;
     font-weight: normal;
     margin-bottom:10px;
     font-weight:800;
     font-family: "Dosis", sans-serif;
}
 .aside ul {
     margin-bottom:20px;
     margin-top:35px;
     margin-left:40px;
}
 .aside ul li {
     color:#888;
     font-size:17px;
     padding:4px;
     margin-bottom:2px;
     list-style-type: none;
}
 .aside ul li i {
     font-size:20px;
     margin-right:8px;
     color:#00bbe8;
}
 .aside p {
     color:#888;
     font-size:17px;
}
 .photoaside {
     text-align: center;
     height: 740px;
}
 .photoaside img {
     height: 100% !important;
     width: 100% !important;
     object-fit: cover;
     object-position: center center;
}
 .btnaside{
     font-size:17px;
     color: #e36ea5;
     text-align: left;
     width:100%;
     display:block;
     margin:0 auto;
     margin-top:25px;
     text-transform:uppercase;
     font-family: 'Rubik', sans-serif;
     text-decoration: none;
     letter-spacing:0.5px;
     transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     position: relative;
     font-weight:300;
}
 .btnaside:hover{
     color: #b9b9b9;
}
 @media screen and (max-width:1280px){
     .photoaside {
         text-align: center;
         height: 650px;
    }
     .aside .content h2 {
         font-size: 38px;
         line-height: 1.05em;
    }
     .aside ul {
         margin-left:0px;
    }
     .aside ul li i {
         font-size:19px;
         margin-right:4px;
    }
     .aside .content {
         padding:60px 10px;
         padding-left:15px;
         padding-top:25px;
    }
}
 @media screen and (max-width:768px){
     .photoaside {
         text-align: center;
         height: 390px;
    }
}
/* ############### ACTUALITE ################# */
 .actualite {
     position: relative;
     padding-top:110px;
     padding-bottom:80px;
     background-image:url('../img/fond-actu.jpg');
     background-position: center center;
     background-attachment: fixed;
     z-index:0;
}
 .actualite .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #f4f4f4;
     opacity: 0.88;
     filter: alpha(opacity=88);
     z-index:-1;
}
 .btnactu{
     font-size:15px;
     color: #939393;
     display:inline-block;
     padding:15px 25px;
     text-align: center;
     margin:0 auto;
     margin-top:20px;
     border-radius:50px;
     border:2px solid #b9b9b9;
     font-family: 'Rubik', sans-serif;
     text-decoration: none;
     letter-spacing:0.5px;
     transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     position: relative;
     font-weight:400;
     z-index:9999;
}
 .btnactu:hover{
     background-color: #d5d5d5;
     color: #fff;
     border:2px solid #d5d5d5;
}
/* ========================================== */
/* ================== PAGE ===================== */
/* ========================================== */
/* -------------- Page ---------------*/
 .banner {
     width:100%;
     height:auto;
     background-image:url('../img/slider-mdet-old.jpg');
     background-position:50% 30%;
     padding-top:95px;
     padding-bottom:55px;
     margin-top:125px;
     text-align:center;
}
 .banner h1 {
     font-size: 50px;
     line-height:58px;
     font-weight: 600;
     font-family: "Dosis", sans-serif;
     padding:8px 30px;
     display:block;
     color: #fff;
     text-align:center;
     max-width:750px;
     margin:0 auto;
}
 @media screen and (max-width:991px){
     .banner {
         padding-top:140px;
         padding-bottom:40px;
         margin-top:-0px;
    }
     .banner h1 {
         font-size:40px;
         line-height:42px;
         width:100%;
         max-width:450px;
    }
}
 .page {
     padding-top:60px;
     padding-bottom:60px;
}
 .arianne ul li{
     font-size: 14px;
     line-height: 1.5;
     color:#fff;
     margin:0;
     padding:0;
}
 @media screen and (max-width:991px){
     .page .arianne {
         margin-left:15px;
    }
}
 .page p{
     font-size: 16px;
     line-height: 26px;
     color:#666;
     margin-bottom: 25px;
     text-align:justify;
}
 .page ul {
     margin-top:8px;
}
 .page ul li{
     list-style-type: none;
     margin-left:20px;
     font-size: 16px;
     line-height: 24px;
     color:#666;
     margin-bottom:10px;
}
 .page ul li i{
     font-size:19px;
     margin-right: 4px;
     color:#a9a9a9;
}
 .page ul li .fa-file-download , .page ul li .fa-globe-europe{
     font-size:15px;
     margin-right: 2px;
     margin-left:2px;
     color:#e36ea5;
}
 .page a{
     color: #e36ea5;
}
 .page a:hover{
     color:#111;
     text-decoration:none;
}
 .page h2{
     color:#333;
     font-size: 30px;
     line-height: 1.25em;
     font-weight: normal;
     margin-bottom: 0px;
     font-weight: 800;
     font-family: "Dosis", sans-serif;
}
 .page h3 {
     color:#000;
     font-weight: 600;
     font-size: 20px;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family: "Dosis", sans-serif;
}
 .page .btncontact {
     font-size: 17px;
     color: #fff;
     display: inline-block;
     padding: 15px 15px;
     text-align: center;
     width: 100%;
     max-width: 235px;
     float:none;
     margin: 0 auto;
     margin-top: 0px;
     margin-right: auto;
     margin-top: 5px;
     margin-right: 15px;
     border-radius: 50px;
     border: 2px solid #e36ea5;
     background-color:#e36ea5;
     font-family: 'Rubik', sans-serif;
     text-decoration: none;
     letter-spacing: 1px;
     transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     position: relative;
     font-weight: 300;
}
 .page .btncontact:hover {
     background-color: #d5d5d5;
     color: #fff;
     border:2px solid #d5d5d5;
}
 .pavecontent {
     padding:25px 30px;
}
 @media screen and (max-width:991px){
     .paddingcontent {
         padding:0px 0px;
    }
}
 .error-area {
     text-align:center;
}
 .error-area p {
     text-align:center;
}
/* -------------- Actualité ---------------*/
 .page .blog-col-3, .actualite .blog-col-3 {
     padding: 0 20px;
     z-index:9999;
}
 .page .blog .blog-title, .actualite .blog .blog-title {
     margin-top: 5px !important;
     margin-bottom: 10px !important;
     text-transform:none;
     height:auto;
     min-height:50px;
}
 .page .blog .blog-title a, .actualite .blog .blog-title a {
     color:#96be10;
     font-family: "Dosis", sans-serif;
     letter-spacing: -0.5px;
     font-weight: 400;
     font-size: 26px;
     text-transform:none;
}
 .page .blog .blog-title a:hover, .actualite .blog .blog-title a:hover {
     color:#666;
}
 .page .blog-author,.page .blog-author a, .actualite .blog-author,.actualite .blog-author a {
     display:none;
}
 .page a.blog-more-link, .actualite a.blog-more-link {
     display:none;
}
 .page .grid-blog-thumb, .actualite .grid-blog-thumb {
     z-index:-1;
}
 .page .blog-content , .actualite .blog-content {
     padding: 20px 15px;
     padding-bottom:10px;
     background-color:#fff;
     border-top-left-radius: 220px 20px;
     border-top-right-radius: 220px 20px;
     margin-top: -30px;
     width: 100%;
     max-width: 370px;
     z-index:9999;
}
 .page p.blog-short-content, .actualite p.blog-short-content {
     padding: 0px;
     color: #858585;
     font-size: 14px;
     line-height: 22px;
}
 .page .blog_pagination a, .page .blog_pagination a , .actualite .blog_pagination a, .actualite .blog_pagination a {
     color: #fff !important;
     border-radius: 50px;
     border: 2px solid #e36ea5;
     background-color:#e36ea5;
     font-family: 'Rubik', sans-serif;
     padding: 7px 10px;
     display: inline-block;
     text-align: center;
     line-height: normal;
     box-shadow: none;
     text-shadow: none;
     font-size: 14px;
     text-decoration: none !important;
}
 .page .blog_pagination a:hover, .page .blog_pagination a:hover, .actualite .blog_pagination a:hover, .actualite .blog_pagination a:hover {
     background-color: #d5d5d5;
     color: #fff;
     border:2px solid #d5d5d5;
}
/* -------------- Contact ---------------*/
/* ======= Page ACCES + CONTACT ====== */
 #carte {
     width: 100%;
     height: 500px;
}
 .pavecontact {
     text-align:center;
     padding-top:50px;
}
 .pavecontact span {
     color:#333;
     font-size:18px;
     letter-spacing:1.5px;
     margin-bottom:-60px;
     font-weight:500;
     text-transform:uppercase;
     display:block;
     text-align:center;
}
 .pavecontact h2 {
     color:#333;
     font-size: 32px;
     line-height: 1.25em;
     font-weight: normal;
     margin-bottom: 0px;
     font-weight: 800;
     font-family: "Dosis", sans-serif;
}
 .pavecontact p {
     color:#666;
     font-size:18px;
     line-height:27px;
     letter-spacing:0.5px;
     margin-top:25px;
     font-weight:400;
     margin-bottom:60px;
     text-align:center;
}
 .pavecontact a {
     text-decoration:none;
     font-size:19px;
     display:block;
     width:100%;
     max-width:240px;
     margin:0 auto;
     margin-top:-10px;
     text-transform:uppercase;
     color:#e36ea5;
     font-weight:600;
     padding:8px 15px;
     border:2px solid #e36ea5;
     text-align:center;
}
 .pavecontact a:hover {
     background-color:#e36ea5;
     ;
     border:2px solid #e36ea5;
     color:white;
     text-decoration:none;
}
 input[type="text"], input[type="tel"], input[type="number"], input[type="email"]{
     line-height:25px;
     height:45px;
     background-color:#f5f5f5;
     color:#666;
     font-weight:500;
     border:none;
     border-radius:0px;
}
 select {
     line-height:25px;
     height:45px;
     background-color:#f5f5f5;
     color:#666;
     font-weight:500;
     border:none;
     padding-left:10px;
     border-radius:0px;
     width:100%;
}
 .form-control textarea {
     background-color:#eee;
     border-radius:0px;
}
 input::placeholder {
     color:#44324a;
}
 .btnprimary {
     color: #fff !important;
     border-radius: 50px;
     border: 2px solid #e36ea5;
     background-color:#e36ea5;
     font-family: 'Rubik', sans-serif;
     padding: 12px 20px;
     display: inline-block;
     text-align: center;
     line-height: normal;
     box-shadow: none;
     text-shadow: none;
     font-size: 16px;
     text-transform:uppercase;
     text-decoration: none !important;
}
 .btnprimary:hover {
     background-color: #d5d5d5;
     color: #fff;
     border:2px solid #d5d5d5;
}
/* ========================================== */
/* ================== FOOTER ===================== */
/* ========================================== */
/* ---- SCROLLUP ---- */
 .scrollup {
     width: 60px;
     height: 60px;
     position: fixed;
     bottom: 30px;
     right: 20px;
     display: none;
     text-indent: -9999px;
     background: url('../img/top.png') no-repeat;
     background-position:50% 50%;
     z-index:11110;
}
 .scrollToTop:hover{
     text-decoration:none;
}
/* ---- FOOTER ---- */
 footer {
     padding-top:65px;
     padding-bottom:40px;
     background-repeat:no-repeat;
     background-position:50% 50%;
     background-image:url('../img/footer_bg.jpg');
}
 footer h4 {
     font-family: 'Rubik', sans-serif;
     font-weight:400;
     color:#fff;
     letter-spacing:-0.5px;
     font-size:21px;
     margin-bottom:20px;
}
 footer h4 img{
     float:left;
     max-width:100%;
     height:auto;
     max-height:38px;
     margin-top:-10px;
     margin-right:8px;
}
 footer p {
     color:#fff;
     font-size:15px;
     padding:3px;
     margin-left:45px;
}
 footer ul li {
     list-style-type: none;
     color:#fff;
     font-size:15px;
     padding:3px;
     margin-left:45px;
}
 footer ul li span {
     color:#fff;
}
 footer ul li strong {
     font-weight:500;
     text-transform:uppercase;
}
 footer ul li a {
     color:#fff;
     font-size:15px;
}
 footer ul li a:hover {
     color:#e36ea5;
     text-decoration:none;
}
 footer .liens li {
     padding:5px;
}
 footer .liens a {
     font-size:14.5px;
     text-transform:uppercase;
}
 @media screen and (max-width:991px){
     footer {
         background-size:cover;
         background-position:50% 50%;
    }
     footer ul li , footer p {
         margin-left:0px;
    }
     footer h4 {
         margin-top:30px;
    }
}
 .copyright{
     font-size: 13.5px;
     color: #fff;
     background-color: #81a703;
     text-align: center;
     padding-top: 20px;
     padding-bottom: 5px;
}
 .copyright a {
     color: #fff;
}
 .copyright a:hover {
     color: #010101;
}