@import url("../fonts/font.css");

body, html{
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
overflow-y: auto;
overflow-x: hidden;
font-family: 'Lato', sans-serif;
margin:0;
}
h1{
font-weight: 700;
font-size: 46px;
}

h2{
text-transform: uppercase;
font-size: 20px;
}
h3{
font-size: 14px;
font-weight: 100;
line-height: 26px;
}

h4{
text-transform: uppercase;
font-size: 16px;
word-spacing: 2px;
}
h5{
text-transform: uppercase;
font-size: 12px;
word-spacing: 2px;
}
h6{
text-transform: uppercase;
font-size: 10px;
word-spacing: 2px;
}
p{
font-weight: 400;
}
a {color: #222222}
a:hover,
a:focus{
color: #d9232d;
text-decoration: none;
}
hr {
    margin: 0 !important;
}
/**************************/
#banner-expand {
    margin: -10px 0;
}

/*****************************************/

#home .logo_t {
    float: right;
    margin-top: 10px;
}

#home .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #666;
}
#home .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    color:#fff !important;
	background:transparent !important;
  }
/***************************************************************/
#home ul.social-network {
list-style:none;
margin:0;
float: left;
}

#home ul.social-network li {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 13px 2px;
  padding: 14px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  line-height: 0;
}
#home  ul.social-network li i {
font-size: 16px;
}
#home  ul.social-network li i:after {
content: " ";
border: 2px solid transparent;
position: absolute;
transition: transform 0.15s ease-out;
border-radius: inherit;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
border-radius: 50%;
}
#home  ul.social-network li .fa-tiktok:after{
border-color: #000000;
}
#home  ul.social-network li .fa-tiktok{
color: #000000;
}
#home  ul.social-network li .fa-facebook:after{
border-color: #3c5a98;
}
#home  ul.social-network li .fa-facebook{
color: #3c5a98;
}
#home  ul.social-network li .fa-linkedin:after{
border-color: #3c5a98;
}
#home  ul.social-network li .fa-linkedin{
color: #3c5a98;
}
#home  ul.social-network li .fa-twitter:after{
border-color:#55acee;
}
#home  ul.social-network li .fa-twitter{
color: #55acee;
}
#home  ul.social-network li .fa-youtube:after{
border-color: #c4302b;
}
#home  ul.social-network li .fa-youtube{
color: #c4302b;
}
#home  ul.social-network li .fa-pinterest:after{
border-color:#CB2027;
}
#home  ul.social-network li .fa-pinterest{
color: #CB2027;
}
#home  ul.social-network li .fa-google-plus:after{
border-color: #DD4B39;
}
#home  ul.social-network li .fa-google-plus{
color: #DD4B39;
}
#home  ul.social-network li .fa-instagram:after{
  border-color: #e4405f;
}
#home  ul.social-network li .fa-instagram{
  color: #e4405f;
}
#home  ul.social-network li:hover i:after {
transform: scale(1.1);
}
/********************************************************************/
nav#menu span.fa.fa-bars{
font-size: 30px;
position: fixed;
left: 120px;
color: #474747;
cursor: pointer;
z-index: 1;
margin-top: 21px;
}

.navmenu, .navbar-offcanvas {
width: 270px;
z-index: 10;
}
.navmenu-default,
.navbar-default .navbar-offcanvas {
background-color: #1E2429;
border-color: #1E2429;
border: 0;
}
.navmenu-default .navmenu-nav>li>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,
.navmenu-default .navmenu-nav>li>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
color: #d9232d;
background-color: transparent;
}
.navmenu-nav .nav > li {
  position: relative;
  display: block;
  text-align: left;
  padding-left: 23px;
}
.liste_menu li{
	clear:both;
}
.nav > li > a {
    padding: 0px 15px !important;
}
.navmenu-default .navmenu-nav>li>a,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 32px;
}
nav#menu span.fa.fa-bars:hover {
color: #d9232d;
}
.navmenu-default .navmenu-nav>.active>a,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,
.navmenu-default .navmenu-nav>.active>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,
.navmenu-default .navmenu-nav>.active>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
color: #d9232d;
background-color: transparent;
}

.close:hover{
background: #d9232d;
color: #ffffff;
opacity: 1;
}
.close{
background: #fff;
padding: 10px 12px;
opacity: 1;
transition: all 0.3s;
}
.add-margin{
margin-top: 3px;
}
/***********************/
    .navmenu .sb-search {
    position: relative;
    width: 217px;
    min-width: 36px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    left: 8px;
    border-radius: 4px;
    }
    .form-recherche {
        display: block;
        height: 100%;
    }

    .navmenu .sb-search-input {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    outline: none;
    background: #fff;
    height: 36px;
    margin: 0;
    z-index: 10;
    padding: 2px 41px 2px 10px;
    font-family: inherit;
    font-size: 14px;
    color: #2c3e50;
    }

    .navmenu .sb-icon-search,
    .navmenu .sb-search-submit  {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    }

    .navmenu .sb-search-submit {
    background: #fff;
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
    }

    .navmenu .sb-icon-search {
    color: #fff;
    background-color: #d9232d;
    z-index: 90;
    font-size: 14px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border: none;
    }

    .navmenu .sb-icon-search:before {
    content: "\f002";
    }
    #content{
    margin-top: 10px;
    }
  /* ===================================
  10. Inner - Section: page headline
  ==================================== */

  #inner-headline{
  	position:relative;
  	margin: 5px 0 0 0;
  	padding:0;
  	color:#fefefe;
  }
  #inner-headline .inner-heading h2 {
  	color:#fff;
  	margin:20px 0 0 0;
  }

  /* --- breadcrumbs --- */
  .breadcrumb {
    background-color:#d9232d;
}
  #inner-headline ul.breadcrumb {
  	float:left;
  }

  #inner-headline ul.breadcrumb li {
  	margin-bottom:0;
  	padding-bottom:0;
  }
  #inner-headline ul.breadcrumb li {
  	font-size:13px;
  	color:#fff;
  	font-weight: 600;
  }

  #inner-headline ul.breadcrumb li i{
  	color:#fff;

  }

  #inner-headline ul.breadcrumb li a {
  	color:#fff;

  }

  ul.breadcrumb li a:hover {
  	text-decoration:none;
  }
/***/
  #inner-headline .tps {
font-family: 'Lato',sans-serif;
    color: #666;
    display: block;
    float: right;
}
  #inner-headline  .tps .fa-2x {
    font-size: 30px;
    padding-right: 10px;
    color: #ccc;
    float: left;
}
  #inner-headline .tps p {
 font-family: 'Lato',sans-serif;
    float: left;
    text-align: left;
    line-height: 27px;
    margin-top: 0;
    color: #666;
}

/* ===============================
0. home
================================ */
#home{
background-color: #f2f2f2;
}
#home .container-fluid.text-center {
width: 100%;
background-color: #fff;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
z-index: 1 !important;
}
.navbar-nav > li > a {
    padding: 0px !important;
}
/* ===============================
2. content
================================ */
h2.heading {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-left: 4px solid #d9232d;
  padding: 0 0 1px 8px;
  font-size: 20px;
  background: #e1e1e1;
  margin-top: 0px;
  line-height: 1.8;
  margin-bottom: 40px;
}
/**********************passions********************************/

#video h2.heading,
#photo h2.heading,
.marginbot50 h2.heading,
#passion h2.heading {
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
border-left: 4px solid #d9232d;
padding: 8px;
font-size: 20px;
background: #e1e1e1;
line-height: 22px;
}
#passion .img-responsive {
height: 185px;
width: 100%;
}
#passion .passion-details h3{
font-family: 'Lato', sans-serif;
clear: both;
font-weight: 700;
line-height: 1.2;
color: #474747;
margin-top: 0;
font-size: 17px;
height: 80px;
font-style: normal;
text-align: justify;
overflow: hidden;
}
#passion .single-passion-detail:hover .passion-details h3{
color:#d9232d;
}
#passion .tps {
margin-top: 5px;
color: #222;
display: block;
}
#passion .tps .fa-2x {
font-size: 20px;
padding-right: 10px;
color: #474747;
float: left;
}
#passion .tps p {
float: left;
text-align: left;
line-height: 19px;
color: #474747;
font-size: 12px;
}
.more-video-button,
.more-photos-button,
.more-stories-button {
font-family: 'Lato', sans-serif;
cursor: pointer;
display: block;
line-height: 2.3;
color: #fff;
background-color: #d9232d;
text-align: center;
margin: 0 auto;
text-decoration: none;
border: 2px solid #d9232d;
padding:0px 30px;
font-size: 16px;
text-transform: uppercase;
margin: 28px auto;
font-weight: 700;
}
.more-video-button:hover,
.more-photos-button:hover,
.more-stories-button:hover {
color: #d9232d;
background-color: #fff;
border: 2px solid #d9232d;
}
/*******************marginbot50*******************************/
.marginbot50,
#video,
#photo,
#passion {
    margin-bottom: 35px;
}
.marginbot50 .cbp-l-grid-projects .cbp-caption{
  background-color: #000;
}
.cbp-item-wrapper {
    height: 220px !important;
  }
.cbp-item:hover img {
    opacity: 0.7;
}
.cbp-item:hover .cbp-l-grid-projects-title a h3{
  color:#d9232d;
}
.cbp-l-grid-projects-title h3 {
    font-family: 'Lato', sans-serif;
    clear: both;
    font-weight: 700;
    line-height: 1.2;
    color: #474747;
    margin-top: 0;
    font-size: 17px;
    min-height: 66px;
    font-style: normal;
    text-align: justify;
    margin-bottom: 0px;
}
.cbp-l-grid-projects-title{
  height: 63px !important;
  overflow: hidden;
  clear: both;
}
.cbp-l-filters-button .cbp-filter-counter{
  display: none;
}
.cbp img{
display: block;
width: 100%;
height: 100%;
}
/****************************************************/
.cbp-item  .tps {
color: #222;
display: block;
}
.cbp-item .tps .fa-2x {
font-size: 20px;
padding-right: 10px;
color: #474747;
float: left;
}
.cbp-item .tps p {
float: left;
text-align: left;
line-height: 19px;
color: #474747;
font-size: 12px;
}
/***********************video***********************/
#video ul{
  margin: 0;
  padding: 0 2%;
}
#video ul li{
list-style: none;
}
#video .carousel-control .glyphicon-chevron-right {
    right: 9%;
}
#video .carousel-control .glyphicon-chevron-left {
    left: 9%;
}
#video .carousel-control.right,
#video .carousel-control.left{
  background-image: none;
}
#video .carousel-control .glyphicon-chevron-left,
#video .carousel-control .glyphicon-chevron-right {
    color: #d9232d;
}
#video #myCarousel {
    margin-top: 30px;
}
#video .owl-carousel img{
  position: relative;
  width: 100%;
  height: 225px;
  left: 0px;
  top: 0;
  display: block;
}
#video .caption h4,
#photo .caption h4{
  text-transform: uppercase;
  font-size: 15px;
  word-spacing: 0px;
  padding: 0 10px 10px;
  min-height: 65px;
  font-weight: 700;
  text-align: justify;
  font-family: 'Lato',sans-serif;
  color: #474747;
}
#video .caption:hover h4,
#photo .caption:hover h4{
  color:#d9232d;
}
#video .caption,
#photo .caption{
  background-color: #e1e1e1;
}
/*****************hover************************/
#passion .single-passion-detail .passion-img,
#video .owl-carousel .item:hover,
#photo .owl-carousel .item:hover{
  background-color: #000;
}
#passion .single-passion-detail:hover .passion-img img,
#video .owl-carousel .item:hover img,
#photo .owl-carousel .item:hover img{
opacity: 0.7;
}
#video .owl-carousel .item:hover .carousel-caption-bloc h3,
#photo .owl-carousel .item:hover .carousel-caption-bloc h3{
color: #d9232d;
}
/***********************photo***********************/
#photo ul{
  margin: 0;
  padding: 0 2%;
}
#photo ul li{
list-style: none;
}
#photo .carousel-control .glyphicon-chevron-right {
    right: 9%;
}
#photo .carousel-control .glyphicon-chevron-left {
    left: 9%;
}
#photo .carousel-control.right,
#photo .carousel-control.left{
  background-image: none;
}

#photo .carousel-control .glyphicon-chevron-left,
#photo .carousel-control .glyphicon-chevron-right {
    color: #d9232d;
}
#photo #myCarousel2 {
    margin-top: 30px;
}
#photo .owl-carousel img{
  position: relative;
  width: 100%;
  height: 250px;
  left: 0px;
  top: 0;
  display: block;
}
/**********************detail-article********************/
#detail_article {
    margin-bottom: 35px;
}
#detail_article h2{
  font-size: 31px;
  font-weight: 700;
  line-height: 1.1em;
  color: #666;
  margin-bottom: 15px;
  margin-top: 0px;
  clear: both;
  font-family: 'Lato',sans-serif;
}
#detail_article h2:after{
  content: '';
  width: 116px;
  height: 2px;
  background-color: #d9232d;
  display: block;
  margin-top: 10px;
}
#detail_article img{
  clear: both;
}
#detail_article h3{
  font-size: 23px;
  font-weight: 400;
  line-height: 1.1em;
  color: #666;
  font-style: italic;
  margin-top: 0px;
  clear: both;
  font-family: 'Lato',sans-serif;
}
#detail_article p{
  margin-top: 25px;
  font-size: 18px;
  color: #222;
  text-align: justify;
  margin-bottom: 0;
  line-height: 28px;
  font-family: 'Lato',sans-serif;
}
/********widget1***********/
#calendrier_widget{
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

/* ===================================================================================================================================================================
16.page gallery photo
==================================================================================================================================== */

#gallery_photo .img-responsive {
height: 185px;
width: 100%;
}
#gallery_photo .passion-details h3{
font-family: 'Lato', sans-serif;
clear: both;
font-weight: 700;
line-height: 1.2;
color: #474747;
margin-top: 10px;
font-size: 17px;
height: 80px;
font-style: normal;
text-align: justify;
overflow: hidden;
}
#gallery_photo .single-passion-detail:hover .passion-details h3{
color:#d9232d;
}
#gallery_photo .tps {
margin-top: 5px;
color: #222;
display: block;
}
#gallery_photo .tps .fa-2x {
font-size: 20px;
padding-right: 10px;
color: #474747;
float: left;
}
#gallery_photo .tps p {
float: left;
text-align: left;
line-height: 19px;
color: #474747;
font-size: 12px;
}
/****************************************************************************************************************************************/
#gallery {
    margin-bottom: 50px;
}
#gallery_photo {
    margin-bottom: 50px;
}
#gallery_photo .blog-photo{
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  width: 100%;
}
#gallery_photo .blog-photo .blog-photo-img{
  float: left;
  width: 20%;
  margin-right: 25px;
}
#gallery_photo .blog-photo .blog-photo-img img{
  width: 100%;
  max-height: 150px;
}

#gallery_photo .blog-photo .blog-photo-title{
  font-family: 'Lato';
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.001em;
  font-weight: 700;
  color:#000;
}
#gallery_photo .blog-photo .blog-photo-text,
#gallery_photo .post-photo .post-photo-text{
  font-family: 'Lato';
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0.001em;
  font-weight: 700;
}
#gallery_photo .blog-photo .blog-photo-content{
float: left;
width: 76%;
}
/* ===================================================================================================================================================================
16.page gallery video
==================================================================================================================================== */
#page_video .img-responsive {
height: 185px;
width: 100%;
}
#page_video .passion-details h3{
font-family: 'Lato', sans-serif;
clear: both;
font-weight: 700;
line-height: 1.2;
color: #474747;
margin-top: 10px;
font-size: 17px;
height: 80px;
font-style: normal;
text-align: justify;
overflow: hidden;
}
#page_video .single-passion-detail:hover .passion-details h3{
color:#d9232d;
}
#page_video .tps {
margin-top: 5px;
color: #222;
display: block;
}
#page_video .tps .fa-2x {
font-size: 20px;
padding-right: 10px;
color: #474747;
float: left;
}
#page_video .tps p {
float: left;
text-align: left;
line-height: 19px;
color: #474747;
font-size: 12px;
}
.partage .fa-share {
  padding-top: 4px;
  float: right;
}
/****************************************************************************************************************************************/
#page_video .blog-video{
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  width: 100%;
}
#page_video .blog-video .blog-video-img{
  float: left;
  width: 20%;
  margin-right: 25px;
}
#page_video .blog-video .blog-video-img img{
  width: 100%;
}
#page_video .blog-video .blog-video-title{
  font-family: 'Lato';
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.001em;
  font-weight: 700;
  color: #000;
  margin-top:0px;
  display: inline-block;
  width: 100%;
}
.gallery_photo .post-photo .post-photo-title,
#page_video .post-video .post-video-title{
	  font-size: 31px;
  font-weight: 700;
  line-height: 1.1em;
  color: #666;
  margin-bottom: 15px;
  margin-top: 0px;
  clear: both;
  font-family: 'Lato',sans-serif;
  text-transform:uppercase;
}
.gallery_photo .post-photo .post-photo-title:after,
#page_video .post-video .post-video-title:after{
  content: '';
  width: 116px;
  height: 2px;
  background-color: #d9232d;
  display: block;
  margin-top: 10px;
}
#page_video .blog-video .blog-video-text,
#page_video .post-video .post-video-text{
  font-family: 'Lato';
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.001em;
  font-weight: 400;
 clear:both;
}
#page_video .blog-video .blog-video-content{
float: left;
width: 76%;
}
/******post-video****/
.post-video,
.post_photo{
  margin-bottom: 50px;
}
/* ===================================================================================================================================================================
17.page categorie
==================================================================================================================================== */
#categorie .blog-cate{
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  width: 100%;
}
#categorie .blog-cate .blog-cate-img{
  float: left;
  width: 20%;
  margin-right: 25px;
}
#categorie .blog-cate .blog-cate-img img{
  width: 100%;
}
#categorie .blog-cate .blog-cate-content{
float: left;
width: 76%;
}
#categorie .blog-cate .blog-cate-title{
  font-family: 'Lato';
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.001em;
  font-weight: 700;
  color: #000;
}
/****************hover************************/
#gallery_photo .blog-photo .blog-photo-img a,
#page_video .blog-video .blog-video-img a,
#categorie .blog-cate .blog-cate-img a{
display: block;
}
#gallery_photo .blog-photo .blog-photo-img img:hover,
#page_video .blog-video .blog-video-img img:hover,
#categorie .blog-cate .blog-cate-img img:hover{
opacity: 0.7;
}
#page_video .blog-video .blog-video-img:hover,
#gallery_photo .blog-photo .blog-photo-img:hover,
#categorie .blog-cate .blog-cate-img:hover{
background:#000;
}
/* ===================================================================================================================================================================
17.page recherche
==================================================================================================================================== */
.contenu_rech #video ul,
.contenu_rech #photo ul {
    margin: 0;
    padding: 20px 10px;
}
.contenu_rech .title-recherche {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 34px;
}
.contenu_rech .resultats {
    width:97%;
    height: 50px;
    padding: 1px 0;
    margin: 0 0 34px 15px;
		font-size: 14px;
line-height: 15px;
border: 1px solid #d9d9d9;
}
.contenu_rech .resultats p {
	display: inline;
	float: left;
	margin: 0;
	padding: 15px 40px;
	font-weight: 700;
	color: #1a1a1a;
	width: 32%;
animation: none !important;
}
.contenu_rech .resultats ul li {
	display: inline;
float: left;
width: 13.6%;
}
.contenu_rech .resultats ul li a {
	display: block;
	background-color: #fff;
	text-decoration: none;
	padding: 15px 15px;
	border-left: 1px solid #d9d9d9;
	overflow: hidden;
}
.contenu_rech .resultats  ul li a:hover {
    background-color: #f2f2f2;
}
/****************************************************************************/
.contenu_rech {
    margin-bottom: 50px;
}
.contenu_rech .container{
	width: 100%;
	clear: both;
}
.contenu_rech .box,
.contenu_rech .event,
.contenu_rech .place,
.contenu_rech .video,
.contenu_rech .photo{
	padding-top: 27px;
}
.contenu_rech .title-contenu-rech {
	font-size: 18px;
	font-weight: bold;
	font-family: 'Lato',sans-serif;
	text-transform: uppercase;
	border-left: 3px solid #d9232d;
	line-height: 1.2em;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.contenu_rech .plus_link{
	background-image: url('img/plus-symbol.png');
	background-repeat: no-repeat;
	background-position: left 7px center;
	padding-left: 40px;
	font-size: 15px;
	margin-left: 0;
	margin-top: -14px;
	background-color: #fff;
	width: 200px;
  animation: none !important;
}
.contenu_rech .plus_link a{
	color:#666
}
.contenu_rech .recent {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ccc;
    overflow: auto;
    padding: 20px 10px;
}
.contenu_rech .recent li {
	margin-bottom: 20px;
	float: left;
	width: 33.3%;
	padding-right: 15px;
  height: 157px;
  overflow: hidden;
  list-style: none;
	}
.contenu_rech .clear{
	clear: both;
}
.contenu_rech .recent img.pull-left {
		float: left;
		margin: 0 15px 29px 0;
		width:145px;
		height: 125px;
}
.contenu_rech .cat {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
}
.contenu_rech .recent h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	color: #d9232d;
	margin: 0;
	font-size: 15px;
	max-height: 35px;
	text-transform: lowercase;
	overflow: hidden;
}
.contenu_rech .recent p {
	font-size: 15px;
	line-height: 1.2;
	font-weight: 300;
	font-family: 'Roboto',sans-serif;
	color: #666;
	padding-top: 0px;
animation: none !important;
}
/****/
.contenu_rech .event .recent img.pull-left {
    float: left;
    margin: 3px 15px 29px 0;
}
.contenu_rech .event .recent .fa-calendar {
    color: #d9232d;
    font-size: 15px;
    font-weight: 600;
		margin-bottom: 5px;
}
.contenu_rech .event .recent .fa-calendar span {
	margin-left: 7px;
	font-family: 'Roboto',sans-serif;
}
/*******************************************************/
@media (max-width: 1200px) and (min-width: 992px) {
	.contenu_rech .resultats ul li a {
	    padding: 15px 8px;
}
}
/*******************************************************/
@media (max-width: 1200px){
.contenu_rech .recent li {
    height: 300px;
}
}
/*******************************************************/
@media (max-width: 1200px){
	.contenu_rech .recent .fa-calendar {
		clear: both;
    padding-top: 12px;
		width: 100%;
	}
.contenu_rech .event .recent img.pull-left {
    float: left;
    margin: 6px 15px 0px 0;
}
.contenu_rech .recent img.pull-left {
    float: left;
    margin: 0px 15px 13px 0;
}
.contenu_rech .recent h6 {
	clear: both;
	width: 100%;
}
.contenu_rech .recent h5 {
	clear: both;
	width: 100%;
}
}
/*******************************************************/
@media (min-width: 992px){
  .contenu_rech .resultats ul li {
      width: 23.49%;
  }
}
/*******************************************************/
@media (max-width: 991px) and (min-width: 768px) {
	.contenu_rech .resultats p {
	    padding: 15px 25px;
			width: 27%
}
.contenu_rech .resultats ul li {
    width: 22.74%;
}
}
/*******************************************************/
@media (max-width: 767px){
	.contenu_rech .recent li {

		min-height: 130px;
		float: left;
		width:50%;
		padding-right: 15px;
	}
	.contenu_rech .clear{
		clear: none;
	}
	.contenu_rech .resultats p {
    padding: 15px 15px;
    width: 100%;
}
.contenu_rech .resultats ul li {
    float: none;
    width: 100%;
}
.contenu_rech .resultats {
    height: auto;
    margin: 0;
		width: 100%;
}
.contenu_rech .resultats ul li a {
    border-left:none;
}}
/*******************************************************/
@media (max-width: 499px){
	.contenu_rech .recent li {
margin-bottom: 20px;
		float: none;
		width:100%;
    height: 295px;
		padding-right:0;
	}
}
/* ===============================
15. article
================================ */
#image_article img,
#gallery-image img {
margin: 30px auto;
display: block;
width:100%;
}
.source{
	color:#f45e61;
	font-size:15px;
	font-weight:700;
	margin-right:12px;
}
/* ===============================
16. Footer
================================ */
footer{
background:#f2f2f2;
border-top: 1px solid #ddd;
margin-top: 40px;
}
#sub-footer{
border-top: 1px solid #ddd;
background:#f7f7f7;
margin-top: 25px;
}
footer{
  clear: both;
padding:25px 0 0 0;
}
footer a {
color:#666;
}
footer a:hover {
color:#222;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
color:#666;
font-size: 16px;
font-weight: 400;
}
footer address {
line-height:1.6em;
}
footer h5 a:hover, footer a:hover {
text-decoration:none;
}
ul.social-network {
list-style:none;
margin:0;
}
footer ul.social-network li i {
font-size: 1.3em;
}
footer .btn-theme {
color: #fff;
background-color: #d9232d;
}
#sub-footer{
text-shadow: none;
padding: 20px 0;
}
#sub-footer p{
margin:0;
padding:0;
}
#sub-footer span{
font-size: 27px;
color: #fff;
}
#sub-footer .pull-left {
padding-top: 25px;
font-size: 14px;
}
.copyright {
text-align:left;
font-size:12px;
}
#sub-footer ul.social-network {
float:right;
}
footer .pull-left a:hover {
    color: #d9232d;
}
footer .pull-left a {
  font-weight: bold;
}
/*********************************/
/* --- list style --- */
ul.general {
list-style:none;
margin-left:0;
}
ul.link-list{
margin:0;
padding:0;
list-style:none;
float: none;
}
ul.link-list li{
float: none;
margin:0;
padding:2px 0 2px 0;
list-style:none;
}
footer .widget .form-control{
background-color: #fff;
}
footer ul.link-list li a{
  color: #222;
  transition: none;
  text-decoration: none;
  box-shadow: none;
}
footer ul.link-list li a:hover {
color:#333;
transition: none;
text-decoration: none;
box-shadow: none;
}
ul.social-network {
list-style:none;
margin:0;
}
ul.social-network li {
display: inline-block;
width: 50px;
height: 50px;
margin: 4px 2px;
padding: 16px 0 0 0;
text-align: center;
vertical-align: middle;
border-radius: 50%;
position: relative;
line-height: 0;
}
footer ul.social-network li i {
font-size: 19px;
}
footer ul.social-network li i:after {
content: " ";
border: 2px solid transparent;
position: absolute;
transition: transform 0.15s ease-out;
border-radius: inherit;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
border-radius: 50%;
}
footer ul.social-network li .fa-facebook:after{
border-color: #3c5a98;
}
footer ul.social-network li .fa-facebook{
color: #3c5a98;
}
footer ul.social-network li .fa-twitter:after{
border-color:#55acee;
}
footer ul.social-network li .fa-twitter{
color: #55acee;
}
footer ul.social-network li .fa-linkedin:after{
border-color: #0e76a8;
}
footer ul.social-network li .fa-linkedin{
color: #0e76a8;
}
footer ul.social-network li .fa-youtube:after{
border-color: #c4302b;
}
footer ul.social-network li .fa-youtube{
color: #c4302b;
}
footer ul.social-network li .fa-pinterest:after{
border-color:#CB2027;
}
footer ul.social-network li .fa-pinterest{
color: #CB2027;
}
footer ul.social-network li .fa-google-plus:after{
border-color: #DD4B39;
}
footer ul.social-network li .fa-google-plus{
color: #DD4B39;
}
footer ul.social-network li .fa-instagram:after{
  border-color: #e4405f;
}
footer ul.social-network li .fa-instagram{
  color: #e4405f;
}
footer ul.social-network li .fa-tiktok:after{
  border-color: #000000;
}
footer ul.social-network li .fa-tiktok{
  color: #000000;
}
footer ul.social-network li:hover i:after {
transform: scale(1.1);
}
/* --- Heading style --- */
/* scroll to top */
#onesignal-bell-launcher{
    bottom: 3px !important;
    right: 8px !important;
}
footer .page-scroll{
position:fixed;
width:32px;
height:32px;
bottom:0px;
right:48px;
z-index:9;
background: #222;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius:  2px 2px 0 0;
}
footer .page-scroll {
outline:0;
text-align: center;
}
footer .page-scroll:hover,footer .page-scroll:active,footer .page-scroll:focus {
opacity:1;
text-decoration:none;
}
footer .page-scroll i {
margin-top: 10px;
color: #fff;
}
footer .page-scroll i:hover {
text-decoration:none;
}
/****************************/
.widgetheading {
	width:100%;
	padding:0;
}
h5.widgetheading {
  text-transform: uppercase;
  font-size: 16px;
  color: #666;
  border-left: 3px solid #d9232d;
  padding-left: 9px;
}
#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}
aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}
footer .widgetheading {
	position: relative;
}
footer .widget .social-network {
	position:relative;
}
#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;
}
.widget ul.recent li  {
	display:inline-block;
}
.widget ul.recent li {
	margin-bottom:10px;
  padding: 0;
}
.widget .link-list a{
  box-shadow:none;
}
.widget .link-list a:hover{
  box-shadow:none;
}
ul.recent li h6 {
	margin:0 0 4px 0;
}
ul.recent li p {
color:#666;
}
.recent{
  padding: 0;
}
ul.recent li h6 a{
  text-transform: none;
	color:#666;
	font-size:14px;
	font-weight:600;
}
.widget .pull-left {
    float: left;
    margin-right: 16px;
}
/******************************************style des widget*****************************************************/
.input-group {
    margin: 0px auto;
    float: none;
}
table {
    width: 100%;
}
/***********/
footer .app,
footer .youtube {
  vertical-align: middle;
  max-width: 107px;
  margin-right: 11px;
  margin-bottom: 25px;
}
footer .link-list-contact{
  margin: 0;
  padding: 0;
}
footer .link-list-contact li{
  list-style: none;
  padding-right: 24%;
  margin-bottom: 10px;
  line-height: 1.2;
}
footer .link-list-contact i{
 font-size: 17px;
color: #666;
width: 25px;
float: left;
text-align: left;
}
footer #call {
    padding: 0;
}
/***********/
.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover {
    background: #dd2426;
    color: #fff;
}
.datetimepicker thead tr:first-child th, .datetimepicker tfoot th {
    cursor: pointer;
    color: #006394;
}
/**************/
.date_liste{
  text-align: left;
}
.date_liste .date-news {
  font-family: 'Lato', sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: inherit;
    padding: 6px 12px;
    background-color: #006394;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.date .title_une{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	border-left: 3px solid #03a9f4;
	border-left-width: 3px;
	padding-left: 10px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0;
}
.date ul{
  padding: 0;
}
.date li{
  list-style: none;
  clear: both;
  display: inline-block;
}
.date ul:after{
  content: '';
  width: 145px;
  height: 1px;
  background-color: #ccc;
  display: table;
  margin: 5px auto;
  text-align: center;
}
.date ul:nth-child(4):after{
background-color: transparent;
}
.date li a{
text-decoration: none;
}
.date li:hover a .contenu-liste2 p{
color: #03a9f4;
}
.contenu_liste1,
.contenu-liste2{
  float: left !important;
}
.contenu_liste1{
max-width: 40%;
}
.contenu-liste2{
max-width: 60%;
}

.contenu_liste1 img{
  max-width: 113px;
  padding-top: 0;
  padding-right: 8px;
}
.contenu-liste2 p{
  font-family: 'Lato', sans-serif;
  color: #222;
  text-decoration: none;
  font-size: 16px;
  padding-left: 0;
  line-height: 1.25;
padding-left: 7px;
text-align: left;
margin-bottom: 0;
}
.contenu-liste2 p a{
text-decoration: none;
}
/*********************************/
 .btn-right {
   color: #fff;
   background-color: #006394;
   padding: 5px 7px 7px;
   border-radius: 5px;
   position: absolute;
   right: 15px;
   top: 5px;
   z-index: 8;
}
.btn-left {
   color: #fff;
   background-color: #006394;
   padding: 5px 7px 7px;
   border-radius: 5px;
   position: absolute;
   left: 15px;
   top: 5px;
   z-index: 8;
}
.btn-right:hover {
 cursor: pointer;
 background-color: #dd2426;
}
.btn-left:hover{
 cursor: pointer;
 background-color: #dd2426;
}
/******************ala une****************/
.a_la_une{
	clear: both;
	margin-bottom:0;
	width: 100%;
	float: none;
  max-width: 360px;
}
.a_la_une .title_une{
font-family: 'Lato', sans-serif;
font-size: 18px;
border-left: 3px solid #03a9f4;
border-left-width: 3px;
padding-left: 10px;
text-align: left;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
margin-top: 20px;
}
.a_la_une ul{
  padding: 0;
  margin-bottom: 0;
}
.a_la_une li{
  list-style: none;
  clear: both;
  display: inline-block;
}
.a_la_une li:after{
  content: '';
  width: 145px;
  height: 1px;
  background-color: #ccc;
  display: table;
  margin: 5px auto;
  text-align: center;
}
.a_la_une ul:nth-child(4) li:after{
background-color: transparent;
}
.a_la_une li a{
text-decoration: none;
display: inline-block;
}
.a_la_une li:hover a .contenu-liste2 p{
color: #03a9f4;
}
.a_la_une .contenu_liste1 img{
  max-width: 109px !important;
  padding-top: 6px;
  padding-right: 8px;
  height: 60px;
}
.form-group {
    margin-bottom: 0;
}
/****footer******/
.footer-cal hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0;
    border-top: 1px solid #eee;
}
/*********************************/
.input-group-addon {
    overflow: hidden;
    left: 90px;
    top: 10px;
}
.input-group-addon {
  padding: 0;
  font-size: 19px;
  padding-left: 13px;
  position: absolute;
  display: block;
  border: none;
  background: none;
}
.datetimepicker th {
    text-align: center;
    width: 26px;
    height: 28px;
  }
  .input-group[class*="col-"] {
    width: 100%;
  }
.input-group .form-control {
  font-family: 'Lato', sans-serif;
  text-align: center !important;
  float: none;
  margin: 0 auto;
  position: relative;
  display: block;
  cursor: pointer !important;
  border: none;
  box-shadow: initial;
  font-size: 14px;
  background: transparent;
  padding: 0px 5px 0px 11px;
  font-weight: 400;
}
.form-group .input-group .form-control {
  background-image: url('../img/back-cal.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  text-align: left;
  width: 200px;
}
.input-group .form-control:hover{
color:#dd2426;
  }
/*************************/
.navbar-nav .draw2 {
  background: none;
  border: 0;
  box-sizing: border-box;
  margin: 14px 1em 10px;
  padding: 0 15px;
  box-shadow: none;
  color: #f45e61;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
  font-size: 19px;
  border-radius: 0;
  line-height: 2.2;
  border-bottom: 4px solid transparent;
}
.navbar-nav .draw2:hover {
  background: none;
  color: #f45e61;
  border-bottom: 4px solid #f45e61;
}
/**************************rtl*******************************/
.rtl{
  direction: rtl;
  font-family: 'Cairo', sans-serif !important;
  text-align: right;
  float: right;
}
#detail_article .rtl {
font-family: 'Cairo', sans-serif !important;
font-size: 20px;
  direction: rtl;
  float: right;
  padding-right: 0;
  clear: both;
  margin-bottom: 17px;
}
#detail_article .rtl p {
font-family: 'Cairo', sans-serif;
}
.rtl > .fa.fa-clock-o.fa-2x {
    padding-right: 0 !important;
    padding-left: 10px;
}
/*********************/
iframe{
    clear: both;
    float: none;
    display: block;
    margin: 0px auto !important;
}
#banner-expand iframe{
    clear: both;
    float: none;
    display: block;
    margin: 0px auto;
    width: 1000;
}
html body{
    padding: 0;
    margin: 0 !important;
    margin-top:-10px !important;
}
#passion h2.heading {
    display: none;
}
/*****************************/
.owl-carousel {
    padding: 0px 16px !important;
    z-index: 0;
}
.carousel-caption {
    position: relative!important;
    padding: 14px 5px;
    color: #fff;
    text-align: center;
    text-shadow:none;
    background:#e1e1e1;
    height: 88px;
	left:0;
	bottom:0;
}
.carousel-caption .carousel-caption-bloc{
  max-height: 54px;
  overflow: hidden;
}
.carousel-caption .carousel-caption-bloc h3 {
  text-transform: uppercase;
  font-size: 15px;
  word-spacing: 0px;
  padding: 0 10px;
  min-height: 65px;
  font-weight: 700;
  text-align: justify;
  font-family: 'Lato',sans-serif;
  color: #474747;
  margin: 7px 0 0 0;
  line-height: 1.5;
  }
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}
/**************************/
.owl-prev {
	position: absolute;
	top: 45%;
	left: -15px;
	background-image: url('../img/arrow-left.png');
	background-repeat: no-repeat;
	background-position: center center;
  width: 24px;
	height:24px;
color: transparent;
}
.owl-next {
	position: absolute;
  top: 45%;
right: -15px;
	background-image: url('../img/arrow-right.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height:24px;
color: transparent;
}
/***********************************************************/
.pagination{
    padding: 5px;
    margin-bottom: 20px;
}
.pagination .page-numbers{
padding: 0;
}
.pagination .page-numbers li{
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
}
.pagination .page-numbers li a {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagination .page-numbers li .active {
  color: #d9232d !important;
  display: block;
  font-size: 15px;
  padding: 3px 11px;
  margin-right: 3px;
  margin-left: 3px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagination .page-numbers li a:hover, .pagination .page-numbers li a:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
    color: red;
}
.pagination .page-numbers li .prev{
  display: inline-block;
  padding: 3px 10px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  color: #757373 !important;
  font-size: 12px !important;
}
.pagination .page-numbers li:last-child a{
  color: #757373 !important;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
}
/***********************************************************/
@media screen and (min-width:1400px){
}
/***********************************************************/
@media screen and (max-width:1400px){
}
.share {
    text-align: right;
	margin-bottom: 20px;
}
.comments{
  clear: both;
}
/************************************/
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0px;
}
/*************************************************************/
.navbar-nav>li>.dropdown-menu {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.navbar-default .navbar-nav>li>a {
  width: 200px;
  font-weight: bold;
}
.mega-dropdown-menu {
max-height: 280px;
padding: 0;
min-width: 850px;
box-shadow: none;
overflow: auto;
}
.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 32px;
  z-index: 10;
}
.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 30px;
  z-index: 8;
}
.mega-dropdown-menu .affiche_img{
border-radius: 3px;
margin: 15px auto;
float: none !important;
display: block;
width:145px;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
  .mega-dropdown-menu > li{
  list-style: none;
  float: left;
  width: 20%;
  }
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}
.mega-dropdown-menu form {
  margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
/***/
.site-info{
  display: none;
}
@media screen and (min-width: 1200px){
footer .input-group .form-control {
    width: 200px !important;
    padding: 0;
    float: left;
}
}
/**************************************************************/
#post-67 .entry-title{
display:none;
}
#post-67 .entry-content{
padding-left: 15px;
padding-right: 15px;
width: 1200px;
margin: 0 auto;
}
#post-67 h2{
	font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
border-left: 4px solid #d9232d;
padding: 8px;
font-size: 20px;
background: #e1e1e1;
line-height: 22px;
margin-bottom: 30px;
}
#post-67 h3,
#post-67 h4{
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
}
#post-67 p{
	text-align:justify;
	color:#444444;
	font-size: 15px;
	line-height: 1.5;
}
/*******************************/
#post-65 .entry-header,
#post-65 .entry-content{
padding-left: 15px;
padding-right: 15px;
width: 1200px;
margin: 0 auto;
}
#post-65 .entry-title{
	font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
border-left: 4px solid #d9232d;
padding: 8px;
font-size: 20px;
background: #e1e1e1;
line-height: 22px;
margin-bottom: 30px;
}
#post-65 h2,
#post-65 h3,
#post-65 h4{
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
}

#post-65 p{
	text-align:justify;
	color:#444444;
	font-size: 15px;
	line-height: 1.5;
}
#post-67 p strong,
#post-65 .panel strong{
	color:#d9232d;
}
/****************contact*************************************************************/

.contenu_rech {
padding-left: 15px;
padding-right: 15px;

margin: 0 auto;
}
.contenu_rech h2{
	font-family: 'Lato', sans-serif;
font-weight: 700 !important;
text-transform: uppercase;
border-left: 4px solid #d9232d;
padding: 8px;
font-size: 20px !important;
background: #e1e1e1;
line-height: 22px;
margin-bottom: 30px;
}
.contenu_rech p{
	text-align:justify;
	color:#444444;
	font-size: 15px;
	line-height: 1.5;
}
.contenu_rech label{
	display:none;
}
.contenu_rech .form-control{
margin-bottom:15px;
}
.contenu_rech .wpcf7-submit{
font-family: 'Lato', sans-serif;
font-weight: 700 !important;
text-transform: uppercase;
padding: 8px 20px;
font-size: 17px !important;
background: #d9232d;
line-height: 25px;
margin-bottom: 30px;
color: #fff;
float: right;
margin-top: 25px;
}
.contenu_rech .wpcf7-submit:hover{
background: #e1e1e1;
color:#444444;
}
/******************************/
.hermes-instagram{
margin-bottom:40px;
}
.hermes-instagram h2{
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
text-align:center;
line-height: 22px;
}
.hermes-instagram p{
text-align:center;
	color:#444444;
	font-size: 15px;
	line-height: 1.5;
}
footer .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 66px !important;
    float: left !important;
}
.contenu_rech p {
    clear: both;
}
/**************************************************************************/
.js-close-intro.text-center{
background: #d9232d;
color: #fff;
font-family: "Tw Cen MT";
font-size: 12px;
margin: 0 auto;
margin-bottom:10px !important;
padding: 3px 15px;
text-align: center;
border-radius: 10px;
border: 1px solid #d9232d;
display: block !important;
width: 140px;
line-height: 15px;
}
.js-close-intro.text-center:hover{
background: #f45e61;
border: 1px solid #f45e61;
}
.js-close-intro.text-center:focus{
background: #f45e61;
border: 1px solid #f45e61;
}
#banner-expand0 iframe {
    clear: both;
    float: none;
    display: block;
    margin: 6px auto;
}
/**********************/
#alaune_p {
    margin-bottom: 15px !important;
}
/*****************************publicité********************/
/*
@media screen and (min-width: 1188px) and (max-width: 1340px){
  #banner-expand0 {
    transform: scale(0.86);
  transform-origin: 25% 0%;
    margin: 12px auto;
    width: 860px;
    padding: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1187px){
  #banner-expand0 {
  transform: scale(0.73);
  transform-origin: 25% 0%;
  margin: 12px auto;
  width: 800px;
  padding: 0;
  }
}
*/
@media screen and (min-width: 769px) and (max-width: 810px){
#banner-expand0{
transform: scale(0.94)!important;
transform-origin: 17% 0%;
margin: 12px auto;
width: 768px!important;
padding: 0;
	}
}
@media screen and (min-width: 701px) and (max-width: 768px){
	#banner-expand0{
transform: scale(0.85)!important;
transform-origin: 9% 0%;
margin: 12px auto;
width: 700px!important;
padding: 0;
	}
}
@media screen and (min-width: 600px) and (max-width: 700px){
	#banner-expand0{
transform: scale(0.72)!important;
transform-origin: 5% 0%;
margin: 12px auto;
width: 600px!important;
padding: 0;
	}
}
@media screen and (min-width: 500px) and (max-width: 599px){
	#banner-expand0{
transform: scale(0.6)!important;
transform-origin: 2% 0%;
margin: 12px auto;
width: 500px!important;
padding: 0;
	}
}
@media screen and (min-width: 400px) and (max-width: 499px){
	#banner-expand0{
transform: scale(0.47)!important;
transform-origin: 6% 0%;
margin: 12px auto;
width: 400px!important;
padding: 0;
	}
}
@media screen and (min-width: 350px) and (max-width: 400px){
#banner-expand0 {
    transform: scale(0.4)!important;
    transform-origin: 1% 0%;
    margin: 12px auto;
    width: 320px!important;
    padding: 0;
}
}
@media screen and(max-width: 400px){
	#banner-expand0{
transform: scale(0.36)!important;
transform-origin: 9% 0%;
margin: 12px auto;
width: 320px!important;
padding: 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 350px){
#banner-expand0 {
transform: scale(0.36)!important;
transform-origin: 9% 0%;
margin: 12px auto;
width: 320px!important;
padding: 0;
}
}
/*********************************hr_position 1****************************************/
@media screen and (min-width: 1201px) and (max-width: 1281px){
#hr_position {
  margin-top: -45px!important;
}
}
@media screen and (min-width: 1051px) and (max-width: 1100px){
#hr_position {
  margin-top: -52px!important;
}
}
@media screen and (min-width: 900px) and (max-width: 991px){
#hr_position {
  margin-top: -30px!important;
}
}
@media screen and (min-width: 811px) and (max-width: 900px){
#hr_position {margin-top: -50px!important;}
}
@media screen and (min-width: 769px) and (max-width: 810px){
#hr_position {
    margin-top: -85px!important;
}
}
@media screen and (min-width: 701px) and (max-width: 768px){
#hr_position {
    margin-top: -135px!important;
}
}
@media screen and (min-width: 600px) and (max-width: 700px){
#hr_position {
    margin-top: -220px!important;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
#hr_position {
    margin-top: -295px!important;
}
}
@media screen and (min-width: 400px) and (max-width: 499px){
#hr_position {
    margin-top: -375px!important;
}
}
@media screen and (min-width: 350px) and (max-width: 400px){
#hr_position {
    margin-top: -410px!important;
}
}
@media screen and (min-width: 320px) and (max-width: 350px){
#hr_position {
    margin-top: -430px!important;
}
}
/************/
.fa-bars::before {
    content: "" !important;
	display:none;
}
.wrap-widget-annonces-allobledi{
margin:0 auto !important;
}
/*****************************publicité********************/
@media screen and (min-width: 1201px) and (max-width: 1281px){
.large-pub{
transform: scale(0.92)  !important;
transform-origin: 12% 0%  !important;
margin: 12px auto  !important;
width: 1200px  !important;
padding: 0  !important;
}
}
@media screen and (min-width: 1151px) and (max-width: 1200px){
.large-pub{
transform: scale(0.85)  !important;
transform-origin: 4% 0%  !important;
margin: 12px auto  !important;
width: 1100px  !important;
padding: 0  !important;
}
}
@media screen and (min-width: 1101px) and (max-width: 1150px){
.large-pub{
transform: scale(0.85)  !important;
transform-origin: 4% 0%  !important;
margin: 12px auto  !important;
width: 1100px  !important;
padding: 0  !important;
}
}
@media screen and (min-width: 1051px) and (max-width: 1100px){
.large-pub{
transform: scale(0.81)  !important;
transform-origin: 3% 0%  !important;
margin: 12px auto  !important;
width: 1050px  !important;
padding: 0  !important;
}
}
@media screen and (min-width: 1031px) and (max-width: 1050px){
.large-pub{
transform: scale(0.79)  !important;
transform-origin: 4% 0%  !important;
margin: 12px auto  !important;
width: 1031px  !important;
padding: 0  !important;
}
}
@media screen and (min-width: 1001px) and (max-width: 1030px){
.large-pub{
transform: scale(0.77)  !important;
transform-origin: 3% 0%  !important;
margin: 12px auto  !important;
width: 1000px  !important;
padding: 0  !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1000px){
.large-pub{
transform: scale(0.76)  !important;
transform-origin: 4% 0%  !important;
margin: 12px auto  !important;
width: 990px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 900px) and (max-width: 991px){
.large-pub{
transform: scale(0.69) !important;
transform-origin: 3% 0% !important;
margin: 12px auto !important;
width: 900px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 811px) and (max-width: 900px){
.large-pub{
transform: scale(0.61) !important;
transform-origin: 3% 0% !important;
margin: 12px auto !important;
width: 800px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 769px) and (max-width: 810px){
.large-pub{
transform: scale(0.58) !important;
transform-origin: 4% 0% !important;
margin: 12px auto !important;
width: 768px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 701px) and (max-width: 768px){
.large-pub{
transform: scale(0.52) !important;
transform-origin: 5% 0% !important;
margin: 12px auto !important;
width: 700px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 600px) and (max-width: 700px){
.large-pub{
transform: scale(0.45) !important;
transform-origin: 4% 0% !important;
margin: 12px auto !important;
width: 600px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
.large-pub{
transform: scale(0.38) !important;
transform-origin: 2% 0% !important;
margin: 12px auto !important;
width: 500px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 400px) and (max-width: 499px){
.large-pub{
    transform: scale(0.3) !important;
    transform-origin: 3% 0% !important;
    margin: 12px auto !important;
    width: 400px !important;
    padding: 0 !important;
}
}
@media screen and (min-width: 350px) and (max-width: 400px){
.large-pub {
transform: scale(0.25) !important;
transform-origin: 0% 0% !important;
margin: 12px auto !important;
width: 320px !important;
padding: 0 !important;
}
}
@media screen and(max-width: 400px){
.large-pub{
transform: scale(0.36) !important;
transform-origin: 9% 0% !important;
margin: 12px auto !important;
width: 320px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 320px) and (max-width: 350px){
.large-pub {
transform: scale(0.23) !important;
transform-origin: 5% 0% !important;
margin: 12px auto !important;
width: 320px !important;
padding: 0 !important;
}
}
/*********************hr_position *****************/
@media screen and (min-width: 1201px) and (max-width: 1281px){
#hr_position {
margin-top: -95px;
}
}
@media screen and (min-width: 1151px) and (max-width: 1200px){
#hr_position {
margin-top: -130px;
}
}
@media screen and (min-width: 1101px) and (max-width: 1150px){
#hr_position {
margin-top: -130px;
}
}
@media screen and (min-width: 1051px) and (max-width: 1100px){
#hr_position {
margin-top: -150px;
}
}
@media screen and (min-width: 1031px) and (max-width: 1050px){
#hr_position {
margin-top: -160px;
}
}
@media screen and (min-width: 1001px) and (max-width: 1030px){
#hr_position {
margin-top: -170px;
}
}
@media screen and (min-width: 992px) and (max-width: 1000px){
#hr_position {
margin-top: -180px;
}
}
@media screen and (min-width: 900px) and (max-width: 991px){
#hr_position {
margin-top: -210px;
}
}
@media screen and (min-width: 811px) and (max-width: 900px){
#hr_position {
margin-top: -250px;
}
}
@media screen and (min-width: 769px) and (max-width: 810px){
#hr_position {
margin-top: -260px;
}
}
@media screen and (min-width: 701px) and (max-width: 768px){
#hr_position {
margin-top: -290px;
}
}
@media screen and (min-width: 600px) and (max-width: 700px){
#hr_position {
margin-top: -330px;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
#hr_position {
margin-top: -360px;
}
}
@media screen and (min-width: 400px) and (max-width: 499px){
#hr_position {
margin-top: -400px;
}
}
@media screen and (min-width: 350px) and (max-width: 400px){
#hr_position {
margin-top: -430px;
}
}
@media screen and (min-width: 320px) and (max-width: 350px){
#hr_position {
margin-top: -440px;
}
}
.page-scroll
{
	display: none;
}
/***********************article*****************************/
.nf-article .form-recherche {
    height: auto !important;
    margin-bottom: 20px;
}
.nf-article{
  border: 1px solid #d9d9d9;
  padding: 20px 20px;
  margin-top: 1px;
}
.nf-article p{
font-weight: 700;
color: #1a1a1a;
font-size: 15px;
text-align: left;
margin-bottom: 20px;
}
.nf-article li{
  list-style: none;
  font-size: 16px;
  font-weight: 700;
  color:#d9232d;
}
.nf-article li a{
  color:#d9232d;
}
.nf-article li .btn-left {
    color: black;
    background-color: transparent;
    position: initial !important;
    padding: 0 !important;
    margin-right: 5px;
}
.nf-article .sb-search-input{
  border: 1px solid #d9d9d9;
  height: 33px;
  margin: 0;
  text-indent: 7px;
  width: 200px;
  border-radius: 3px;
  margin-right: -8px;
}
.nf-article .form-recherche .sb-icon-search{
  color: #fff;
  background-color: #d9232d;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  border: 0;
  border-radius: 4px;
}
.nf-article .form-recherche .sb-search-submit{
  color: #fff;
  background-color: #d9232d;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  border: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (max-width: 991px){
.nf-article {
  margin-bottom: 20px;
  margin-top: 20px;
}
}
@media screen and (max-width: 400px){
.nf-article .sb-search-input {
    width: 178px;
}
.nf-article{
  padding: 20px 10px;
}
}
/************************large_pub 1200px**************/
.pub_large iframe{
width: 1280px !important;}

@media screen and (min-width: 1201px){
.pub_large{
width: 1280px !important;
height: 300px;
margin: 12px auto !important;
}
}
@media screen and (min-width: 1188px) and (max-width: 1280px){
.pub_large {
transform: scale(0.91) !important;
transform-origin: 0 0 !important;
margin: 12px auto !important;
width: 1163px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1187px){
.pub_large {
transform: scale(0.76) !important;
transform-origin: 0 0 !important;
margin: 12px auto !important;
width: 973px !important;
padding: 0 !important;
}
}
/*******/
@media screen and (min-width: 811px) and (max-width: 991px){
.pub_large {
transform: scale(0.63) !important;
transform-origin: 0% 0%;
padding: 0;
width: 807px !important;
height: 200px;
}
}
@media screen and (min-width: 769px) and (max-width: 810px){
.pub_large{
height: 170px !important;
transform: scale(0.59) !important;
transform-origin: 0 0;
margin: 12px auto;
width: 755px !important;
padding: 0;
}
}
@media screen and (min-width: 701px) and (max-width: 768px){
.pub_large{
height: 170px !important;
transform: scale(0.523) !important;
transform-origin: 0 0;
margin: 12px auto;
width: 670px !important;
padding: 0;
}
}
@media screen and (min-width: 600px) and (max-width: 700px){
.pub_large{
height: 130px !important;
transform: scale(0.457) !important;
transform-origin: 0 0;
margin: 12px auto;
width: 585px !important;
padding: 0;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
.pub_large{
height: 100px !important;
transform: scale(0.39) !important;
transform-origin: 0 0;
margin: 12px auto;
width: 500px !important;
padding: 0;
}
}
@media screen and (min-width: 400px) and (max-width: 499px){
.pub_large{
transform: scale(0.3) !important;
transform-origin: 0% 0%;
width: 383px !important;
height: 66px !important;
padding: 0;
}
}
@media screen and (min-width: 350px) and (max-width: 399px){
.pub_large {
height: 60px !important;
transform: scale(0.265)!important;
transform-origin: 0 0;
margin: 12px auto;
width: 338px!important;
padding: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 349px){
.pub_large{
height: 55px !important;
transform: scale(0.24)!important;
transform-origin: 0 0;
margin: 12px auto!important;
width: 306px!important;
padding: 0;
}
}



.left-banners {
    margin-top: -2px;
}
/*********************************************
@media screen and (min-width:1201px){
#banner-expand #pub2,
#banner-expand #pub3,
#banner-expand #pub4,
#banner-expand #pub5 {
transform-origin: 0 0;
transform: scale(0.87);
}
}
@media screen and (max-width:1200px) and (min-width:992px){
#banner-expand #pub2,
#banner-expand #pub3,
#banner-expand #pub4,
#banner-expand #pub5 {
transform-origin: 0 0;
transform: scale(0.978);
}
}*****/
/********************menu************************/
#bs-example-navbar-collapse-1 ul{
    width: 100%;
}
#bs-example-navbar-collapse-1 .nav > li > a{
line-height:2;
margin: 0 0 2px 0px;
padding: 0 0 0 20px;
color: #fff !important;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
}
#bs-example-navbar-collapse-1 .navbar-nav > li {
    float: left;
    display: block;
    width: 100%;
	padding: 0;
}
#bs-example-navbar-collapse-1 .navmenu-nav .nav > li {
position: relative;
display: block;
text-align: left;
width: 100%;
}
#bs-example-navbar-collapse-1 .nav > li > a:focus,
#bs-example-navbar-collapse-1 .nav > li > a:hover{
background-color: transparent !important;
}
#bs-example-navbar-collapse-1 .dropdown-toggle img {
position: absolute;
right: 0px;
top: 9px;
}
#bs-example-navbar-collapse-1 .rtl .dropdown-toggle img {
position: absolute;
left: 0px !important;
top: 15px;
right: auto;
}
#bs-example-navbar-collapse-1 .dropdown-toggle.rtl {
    width: 100%;
	position:relative;
}
#bs-example-navbar-collapse-1 .dropdown-menu {
background-color: #1d2328;
position: initial !important;
width: 100%;}
#bs-example-navbar-collapse-1 .navbar-default {
background-color: transparent;
border-color: transparent;
}
#bs-example-navbar-collapse-1 .navbar-default .navbar-nav > .open > a,
#bs-example-navbar-collapse-1 .navbar-default .navbar-nav > .open > a:focus,
#bs-example-navbar-collapse-1 .navbar-default .navbar-nav > li > a:hover{
background-color: transparent;
}
#bs-example-navbar-collapse-1 .dropdown-menu > li > a {
padding: 10px 10px;
color: #fff;
font-weight: 600;
}
#bs-example-navbar-collapse-1 .nav .open > a,
#bs-example-navbar-collapse-1 .nav .open > a:hover,
#bs-example-navbar-collapse-1 .nav .open > a:focus {
    background-color:transparent;
    border-color: none;
}
#bs-example-navbar-collapse-1 .dropdown-menu > li > a:hover,
#bs-example-navbar-collapse-1 .dropdown-menu > li > a:focus {
    background-color: transparent;
}
/**/
#bs-example-navbar-collapse-1 .open .caret1 {
display: none !important;
}
#bs-example-navbar-collapse-1 .open .caret2 {
display: block !important;
}
/******/
#bs-example-navbar-collapse-1 .nav > li:nth-child(7) .rtl {
    padding-top: 16px !important;
}
.collapse {
    display: block !important;
    visibility: initial !important;
}
.owl-carousel {
    z-index: 0 !important;
}
ul.social-network .tiktok a::after {
border-color: #2508c5 !important;
}
ul.social-network .tiktok a:hover::after {
  transform: scale(1.1);
}
 ul.social-network .tiktok a::after {
content: " ";
border: 2px solid transparent;
position: absolute;
transition: transform 0.15s ease-out;
border-radius: inherit;
width: 100%;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
border-radius: 50%;
}
ul.social-network .tiktok a {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  border-radius: 50%;
  line-height: 0;
}