/*========================================================
						Fonts
=========================================================*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

@font-face {
    font-family: 'Boton';
    src: url('/fonts/Boton_Medium.otf');
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold.woff2');
    font-weight: bold;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Semibold.woff2');
    font-weight: 600;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-BoldItalic.woff2');
    font-weight: bold;
    font-style : italic;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-MediumItalic.woff2');
    font-weight: 600;
    font-style : italic;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Italic.woff2');
    font-style : italic;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Black.woff2');
    font-weight : 900;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.woff2');
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Light.woff2');
    font-weight : 300;
}


/*========================================================
						Main Styles
=========================================================*/
body{
	background: #fbfbfb;
	font-family: 'Lato';
	font-size: 15px;
	color: #3b3b3b;
}
a, a:hover{
	color: inherit;
	text-decoration: none;
}
input, textarea{
	border: none;
}
ul{
	list-style: none;
	padding: 0;
}


.img-r img, .img-r2 img, .img-r4 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-r3 img{
	width: 100%;
	object-fit: cover;
}

@media (min-width: 769px) {
	.h-280{
		height: auto;
	}
  .img-r2 img{
  	width: 7vw;
    height: 15vh;
  	object-fit: cover;
    margin-right: 15px;
  }
  .img-r3 img{
  	width: 7vw;
  	object-fit: cover;
    margin-right: 15px;
  }

  .col-lg-7 .post-content .img-r3 img{
	width: 100%;
  }

  .post-thumbnail-simple img {
	width: 12vw;
	object-fit: cover;
  	margin-right: 15px;
  }

  .post-content .std-article {
    min-height: 16vh;
  }
}

.h-200{
	height: 200px;
}
@media (max-width: 991px) {
	.h-200{
		height: auto;
	}
}
.h-280{
	height: 280px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.h-280{
		height: auto;
	}
}
.h-404{
	height: 404px;
	overflow: hidden;
}
@media (max-width: 991px) {
	.h-404{
		height: auto;
	}
}
.mh-0{
	min-height: initial!important;
}
.btn1{
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	color: #aeb1b1 !important;
	background: #f1f1f1;
	padding: 6px 15px;
	border: none;
	cursor: pointer;
	font-size: 18px;
	margin-top: 10px;
}
.btn2{
	font-family: 'Source sans pro';
	display: inline-block;
	background: #bb383d;
	color: #fff !important;
	width: 100%;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: bold;
}
/*.btn2:hover{
	color: #bb383d;
	background: #d2d36a;
}*/
.btn3{
	font-family: 'Source sans pro';
	display: inline-block;
	border: 2px solid #bb383d;
	color: #bb383d !important;
	width: 100%;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-size: 14px;
}
.btn3:hover{
	color: #bb383d;
	background: #d2d36a;
}
.btn4{
	display: block;
	width: 130px;
	height: 130px;
	font-size: 24px;
	font-weight: bolder;
	text-align: center;
	padding: 15px;
	border-radius : 50%;
	color: #bb383d !important;
	background: #f1f1f1;
}
.btn4:hover{
	border: 5px solid #d2d36a;
	color: #bb383d;
}
.grey-line{
	border-bottom: 1px solid #eeeeee;
}

/*========================================================
						Colors
=========================================================*/

.bg1{
	background-color: #bb383d;
    /*background-image:url('/_image/single-pattern-tiger-skin-doodle-vintage-style_337399-216.png');*/
	color: #fff;
}
.bg2{
	background-color: #fff;
	color: #3b3b3b;
}
.bg3{
	background-color: #d2d36a;
	color: #bb383d;
}
.bg4{
	background-color: #f1f1f1;
	color: #575656;
}

.color1{
	color: #bb383d;
}
.color4{
	color: #575656;
}
.shadowed{
	-webkit-box-shadow: 0px 3px 7px 0px rgba(203,202,202,0.39);
	-moz-box-shadow: 0px 3px 7px 0px rgba(203,202,202,0.39);
	box-shadow: 0px 3px 7px 0px rgba(203,202,202,0.39);
}



/*========================================================
						Header
=========================================================*/
.site-header ul{
	list-style: none;
	padding: 0;
	margin : 0;
}
.site-header ul li{
	display: inline-block;
}
.site-header h1{
	font-size: 30px;
}
.site-header h1 small{
	display: block;
	font-family: 'lato', sans-serif;
	font-style : italic;
	font-size: 13px;
	text-align: left;
	padding-left: 5%;
}
.site-header .site-branding{
	padding-top: 35px;
}

.site-header .site-branding img{
	width: 100%;
}
@media (max-width: 1200px) and (min-width: 991px){
	.site-header .site-branding{
		padding-top: 44px;
	}
}
@media (max-width: 991px) {
	.site-header .site-branding{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.site-header .site-branding img{
		width: 50%;
	}
	.site-header .top-header{
		padding: 0!important;
	}
}
.btn-menu{
	float: left;
	font-size: 25px;
	cursor: pointer;
}
.btn-login,
.btn-search{
	float: right;
	font-size: 25px;
	margin-left: 15px;
	cursor: pointer;
}

@media (min-width: 991px) {
	.btn-menu,
	.btn-login,
	.btn-search{
		display: none;
	}
}

.search-form input[type="text"]{
	padding-left: 30px;
	background : url(/img/loupe.png) 5px  no-repeat;
	width: 80%;
	border: 1px solid #d9d1d2;
	padding-top: 5px;
	padding-bottom: 5px;
}


input[type="submit"], input[type="button"]{
	font-style: italic;
	font-weight: bold;
	color: #aeb1b1;
	padding: 6px 10px;
	border: none;
	cursor: pointer;
	transition: all .3s ease;
}



.site-header input[type="text"],
.site-header input[type="email"],
.site-header input[type="password"]{
	border: 1px solid #d9d1d2;
	padding-top: 5px;
	padding-bottom: 5px;
}
.site-header input[type="submit"]{
	font-style: italic;
	font-weight: bold;
	color: #aeb1b1;
	padding: 6px 10px;
	border: none;
	cursor: pointer;
}
input[type="submit"]:hover{
	color: #000;
	transition: all .3s ease;
}
.site-header .search-form input[type="text"]{
	padding-left: 30px;
	background : url(/img/loupe.png) 5px  no-repeat;
	width: 80%;
}
@media (max-width: 991px) {
	.site-header .search-form{
		display: none;
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
.site-header .login-header input[type="text"],
.site-header .login-header input[type="password"]{
	width: 100%;
	padding-left: 15px;
}
.site-header .login-header .login-text{
	text-transform: uppercase;
	font-weight: bold;
	color: #bb383d;
	line-height: 1;
	margin-right: 10px;
}

.site-header .login-header .form-group-right {
  text-align:right;
}

@media (max-width: 991px) {
	.site-header .login-header .login-text{
		display: none;
	}

	.site-header .login-header{
		display: none;
		margin-top: 15px;
	}
}
.site-header .login-header .login-text {
	font-size: 11px;
}
.site-header .login-header .login-text a{
	color: #535252;
	font-size: 11px;
}

.site-header .login-header .login-text a:hover {
  text-decoration:underline;
}

.site-header .login-header .mobile_oubli {
    color: #9d9a9a;
    font-size: 10px;
    display:none;
}

@media (max-width: 991px) {
  .site-header .login-header .mobile_oubli {
      display:block;
  }
}

.site-header .social-header {
	font-size: 20px;
}
@media (max-width: 991px) {
	.site-header .social-header {
		display: none;
	}
}
.site-header .social-header li{
	margin-right: 10px;
}
.site-header .social-header li:hover{
	color: #d2d36a;
}
.site-header nav{
	position: relative;
}
@media (max-width: 991px) {
	.site-header nav{
		display: none;
	}
}
@media (max-width: 1200px) and (min-width:992px) {
	.site-header nav{
		padding-left: 0!important;
	}
	.site-header .social-header li{
		margin-right: 0px;
	}
}
.site-header nav li{
	transition: all 0.3s ease;
}
.site-header nav li.active{
	background: #982f33;
}
.site-header nav li:hover{
	color: #d2d36a;
	transition: all 0.3s ease;
}
.site-header nav li a{
	display: block;
	padding: 23px 15px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
@media (max-width: 1500px) and (min-width:1250px) {
	.site-header nav li a{
		padding: 23px 7px;
    font-size:14px;
	}
}
@media (max-width: 1250px) and (min-width:1100px) {
	.site-header nav{
		padding-left: 0!important;
	}
	.site-header nav li a{
		padding: 23px 5px;
		font-size: 12px;
	}
}
@media (max-width: 1100px) and (min-width:992px) {
	.site-header nav li a{
		padding: 23px 2px;
		font-size: 10px;
	}
}
.site-header nav .joinus-header{
	position: absolute;
	right: -15px;
	height: 100%;
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
	padding: 13px 11px;
	line-height: 0.8em;
}
.site-header nav .joinus-header small{
	font-family: helvetica;
	font-weight: bold;
	color: #393939;
	font-size: 16px;
	text-transform: none;
    line-height: 32px;
}

.menu-responsive{
	width: 260px;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transform: translate3d(-100%, 0, 0);
	transition: transform 500ms ease;
}
.menu-responsive.visible{
	transform: translate3d(0, 0, 0);
	transition: transform 500ms ease;
}
.menu-responsive .social-menu li{
	display: inline-block;
	font-size: 25px;
	margin-right: 15px;
}
.menu-responsive nav li a{
	display: block;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: bold;
}
.menu-responsive nav li{
	border-top: 1px solid #aeb1b1;
}
.menu-responsive .joinus-header{
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
	line-height: 0.8em;
}
.menu-responsive .joinus-header small{
	font-family: helvetica;
	font-weight: bold;
	color: #393939;
	font-size: 11px;
	text-transform: lowercase;
}

.page.pushed{
	transform: translate3d(260px, 0, 0);
	transition: transform 500ms ease;
}
.mask-reps{
	display: none;
	position: fixed;
    top: 0px;
    right: 0px;
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: opacity 500ms;
    will-change: opacity;
    z-index: 1000;
}
.site-header.sticky{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	transition: all .5s ease;
}
.site-header.sticky .site-branding{
	padding: 7px;
	transition: all .5s ease;
}
.site-header.sticky .top-header{
	display: none;
}

/*========================================================
						slider
=========================================================*/
.slide-item{
	position: relative;
}
.slide-item .img-r{
	position: absolute;
	width: 100%;
	height: 100%;
}

.slide-item .img-page {
	position: absolute;
	width: 99%;
	height: 100%;
}

.slide-item .slide-caption{
	position: absolute;
	top: 25%;
	text-transform: uppercase;
	background: rgba(255,255,255,.3);
	padding: 15px;
	z-index: 1;
}
.slide-item .slide-caption h2:first-line{
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}
.slide-item .slide-caption h2{
	color: yellow /* #d2d36a*/;
	font-size: 16px;
	font-weight: bold;
}
@media (max-width: 991px) {
	.slide-item{
		padding-left: 0!important;
		padding-top: 0!important;
	}
	.slide-item .img-r{
		position: relative;
    padding-bottom:2px;
	}
    .slide-item .img-page {
    	width: 100%;
        padding-bottom: 2px;
    }
	.slide-item .slide-caption{
		left: 0;
		padding: 5px;
	}
	.slide-item .slide-caption h2:first-line{
		font-size: 15px;
	}
	.slide-item .slide-caption h2{
		font-size: 13px;
	}
}
/*========================================================
						Components
=========================================================*/
.blc1 h3{
	font-size: 17px;
	font-weight: 700;
}

.blc1 .history-date{
	font-size: 12px;
	color: #4b4b4b;
	text-transform: uppercase;
}
.blc1 .history-date:first-line{
	font-weight: bold;
	color: #bb383d;
	font-size: 16px;
	text-transform: uppercase;
}
.blc1 .date{
	font-weight: 700;
	color: #bb383d;
	font-size: 17px;
}
.blc1 .more-btn{
	background: #e9d7d8;
	color: #bb383d;
	padding: 5px 10px;
	font-weight: bold;
}
.post-listing{
	text-align: justify;
	margin-bottom: 30px;
}
.post-listing2{
	margin-top: 30px;
}
.post-listing2 h4{
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #bb383d;
	background: #f1efef;
}
.post-listing2 .spl-link{
	color: #bb383d;
}
.post-listing3 h6{
	font-size: 10px;
}
.post-listing4 .img-r{
	position: relative;
}
.post-listing4 h3{
	background: #bb383d;
	width: 100%;
	color: #fff!important;
	position: absolute;
	top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 16px!important;
	font-weight: 900;
}
@media (max-width: 991px) {
	.post-listing4 h3{
		font-size: 11px!important;
	}
}
.post-listing5 {
  margin-top:10px;
}
.post-listing5 .title-rounded{
	display:inline-block;
	border-radius: 50%;
	padding: 5px 13px;
	background: #dcdcdc;
	color: #bb383d;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}
.big-article{
	margin-left: -15px;
	padding: 15px;
}
.big-article h3:first-line{
	font-size: 40px;
	font-weight: 900!important;
	color: #bb383d;
	font-style: normal;
}
.big-article h1{
	font-size: 40px;
	font-weight: 600;
	color: #535252;
	font-style: italic;
}
.big-article h3{
	font-size: 40px;
	font-weight: 600;
	color: #535252;
	font-style: italic;
}
@media (max-width: 991px) {
	.big-article h3{
		font-size: 30px;
	}
}

.big-article .img-r{
	position: relative;
}
.big-article .img-r .image-caption-spl{
	position: absolute;
	color: #fff;
	font-weight: 900;
	bottom: 25px;
	left: 15px;
	font-size: 28px;
	width: 50%;
}
@media (max-width: 991px) {
	.big-article{
		margin-left: 0;
	}
	.big-article .img-r .image-caption-spl{
		font-size: 19px;
	}
}
.post-content{
	text-align: justify;
}

.post-content a {
	color:#bb383d;
  text-decoration:underline;
      font-weight: bold;
}

.post-content .second-title{
	font-size: 30px;
}
.post-thumbnail{
	margin-bottom: 15px;
    width: 50%;
    float: left;
    margin: 5px;
}

.post-thumbnail-simple{
	margin-bottom: 15px;
    float: left;
    margin: 5px;
}
.post-content span{
	font-weight: bold;
}
.post-content .meta{
	font-weight: 600;
	font-style: italic;
	margin-bottom: 15px;
    text-align:right;
}
.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6{
	font-size: 18px;
	color: #bb383d;
	font-weight: 900;
}

.post-content h5 {
  color:#535252;
}
.post-share{
	margin-top: 30px;
	margin-bottom: 30px;
}
.post-suscribe{
	font-size: 24px;
	color: #bb383d;
	font-weight: 900;
  clear:both;
}
.post-suscribe span{
	color: #3b3b3b;
	font-style: italic;
	font-weight: 700;
}
.post-share ul li{
	display: inline-block;
	margin-right: 15px;
}
.big-article .article-btn{
	position: absolute;
	display: inline-block;
}
.chevron-right{
	display: inline-block;
	width: 12px;
	height: 22px;
	background: url(/img/chevron-right.png) no-repeat center;
}
.chevron-devinette {
  vertical-align:top;
}
.std-article{
	position: relative;
	min-height: 120px;
	clear:both;
}
.std-article.long-text .img-r{
	margin-right: 15px;
}
.std-article.long-text .content{
	margin-left: 0;
}
.std-article .img-r, .std-article .img-r2{
	text-align: center;
	float: left;
}

.std-article .content{
	/*margin-left: 27%;stdi*/
}
@media (max-width: 1200px) and (min-width: 991px) {
	.std-article .content{
		margin-left: 33%;
	}
}
.product-list .content{
	margin-left: 17%;
}
.product-list .product{
	padding-bottom: 30px;
}

.std-article h3{
	font-size: 16px;
	font-weight: 900;
}

.std-article .article-btn{
	display: block;
	position: absolute;
	right: 15px;
	top: 30%;
}
.std-article .article-btn:hover{
	transform: scale(1.3);
}
.article-btn.inline-btn{
	right: -22px!important;
    top: 0!important;
}
.std-article .date{
	float: left;
	text-align: center;
	width: 130px;
}
.std-article .date{
	font-size: 18px;
	line-height: 1;
}
.std-article .date:first-line{
	color: #bb383d;
	font-size: 44px;
}
@media (max-width: 991px) {
	.std-article .img-r, .std-article .img-r2{
		float: none;
	}

	.std-article .content{
		margin-left: 0!important;
		margin-top: 15px;
		padding-right: 15px!important;
	}
	.std-article .article-btn{
		top: initial;
		bottom: 2%;
		right: -5px;
	}
	.std-article .date{
		width: 75px;
	}
}
.post-content .spl-link{
	color: #bb383d;
}
.spl-link{
	font-weight: 600;
	font-size: 16px;
	/*border-bottom: 1px solid #deaeaf;*/
    text-decoration:underline;
	transition: all .3s ease;
}
.std-article .spl-link{
	font-weight: bold;
	color: #bb383d;
	border : none;
}
.spl-link:hover{
	color: #d2d36a;
	transition: all .3s ease;
}

.blc2{
	background: #fbfbfb;
	border : 10px solid #f1f1f1;
}
.blc3{
	background: #f1f1f1;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
}
.blc3 h3{
	font-size: 18px;
	color: #bb383d;
	font-weight: 900;
}
ul.list_recits{
	padding-left: 18px;
	list-style-image: url('/img/list2.png');
}
ul.list_recits li {
	float:left;
  width:50%;
}

@media (max-width: 768px) {
	ul.list_recits li {
    width:100%;
  }
}

ul.list1{
	padding-left: 18px;
	list-style-image: url('/img/xs-chevron.png');
}
ul.list2{
	padding-left: 18px;
	list-style-image: url('/img/list2.png');
}
ul.list2 li a{
	font-weight: 900;
	font-size: 16px;
	transition: all .3s ease;
}
ul.list2 li a:hover{
	color: #d2d36a;
	transition: all .3s ease;
}
ul.listPartimoine{
	padding-left: 18px;
	list-style-image: url('/img/list2.png');
  color: #3b3b3b;
  font-size:14px;
  font-weight:normal;
}

ul.listPartimoine a {
	
}

ul.listMedias {
	padding-left: 18px;
	list-style-image: url('/img/list2.png');
  color: #3b3b3b;
  font-size:14px;
  font-weight:normal;
  background: #f1efef;
  padding:10px;
  list-style-position: inside;
}

ul.listMedias a {
  color: #bb383d;
}

ul.listPartimoine2{
	padding-left: 18px;
	list-style-image: url('/img/list2.png');
  color: #3b3b3b;
  font-size:14px;
  font-weight:normal;
  margin-top: 10px;
}

ul.listPartimoine2 li {
  width:33%;
  float:left;
}

@media (max-width: 768px) {
	ul.listPartimoine2 li {
    width:100%;
  }
}

ul.list3 li{
	display: inline-block;
	margin-right: 10px;
	color:#bb383d;
	font-weight: bold;
}
ul.list3 li:before{
	display: inline-block;
	content: ".";
	font-size: 42px;
	line-height: 0;
	color: #3b3b3b;
	margin-right: 10px;
	font-weight: 900;
}
.blc2 h4{
	font-size: 19px;
	font-weight: 900;
}
.blc2 h4 span{
	color: #535252;
	font-style: italic;
	font-weight: normal;
}

.bold-link a{
	font-weight: bold;
}
.bold-link a:hover{
	color: #bb383d;
}

.sidebar .search-form input[type="text"]{
	padding-top: 12px;
	padding-bottom: 11px;
	width: 85%;
	font-size: 15px;

}
@media (max-width: 991px) {
	.sidebar .search-form input[type="text"]{
		width: 73%;
	}
}
@media (max-width: 1200px) and (min-width: 991px) {
	.sidebar .search-form input[type="text"]{
		width: 80%;
	}
}
.sidebar .search-form input[type="submit"]{
	padding: 10px 15px;
	font-size: 19px;
}

.sidebar .post-listing input[type="submit"], .sidebar .post-listing input[type="button"]{
	padding: 7px 25px;
	font-size: 17px;
}


.category-listing{
	display: inline-block;
	background: #bb383d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 17px;
	padding: 6px 80px 6px 15px;
	-webkit-box-shadow: -5px 3px 0px 0px rgba(210,211,106,1);
	-moz-box-shadow: -5px 3px 0px 0px rgba(210,211,106,1);
	box-shadow: -5px 3px 0px 0px rgba(210,211,106,1);
}
.category-listing h4{
	font-size: 17px;
	margin: 0;
}

.category-listing h4 a{
	text-decoration:none;
}
.image-circle{
	/*margin-left: 20px;stdi*/
    margin-right: 10px;
}
@media (max-width: 991px) {
	.image-circle{
		margin-left: 0;
	}
}
.image-circle img{
	width: 90px;
	height: 90px;
	margin :auto;
}

.post-listing h5{
	font-weight: 900;
	font-size: 16px;
}
.post-listing h6{
	font-weight: bold;
	color: #bb393d;
}
.post-listing .this-day{
	font-weight: 900;
	font-size: 18px;
	margin-bottom: 15px;
}
.post-listing .this-day a{
	color: #bb393d;
    float: right;
    margin-right: 25px;
}
.post-listing .this-day a:hover{
	color: #d2d36a;
}
.post-listing.comments .std-article{
	min-height: 50px;
	width:100%;
}

.comments {
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.comments .category-listing h4 a{
	color:white;
}

@media (max-width: 1200px) {
	.comments {
		display: block;
	}
}
.comment-form{
	margin-bottom: 100px;
}
.comment-form input[type="submit"]{
	float: right;
	background: #d2d36a;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

.site-bottom h4:first-line{
	font-weight: 900;
	font-size: 33px;
	color: #bb383d;
	font-style: normal;
}
.site-bottom h4{
	font-weight: bold;
	font-style: italic;
	color: #535252;
	margin-bottom: 20px;
}

.site-bottom p{
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
    font-style : italic;
    color: #a19f9f;
}

.img-rot-container{
	overflow : hidden;
	padding-top: 12px;
	padding-left: 45px;

}
.img-rot{
	width: 165px;
	transform: rotate(-15deg) ;
	-webkit-transform: rotate(-15deg) ;
	-moz-transform: rotate(-15deg) ;
	-o-transform: rotate(-15deg) ;
	-ms-transform: rotate(-15deg) ;
}

.site-bottom .border-bottom{
	border-color: #fbfbfb!important;
	border-bottom-width: 8px!important;
}
.site-bottom .border-right{
	border-color: #fbfbfb!important;
	border-right-width: 8px!important;
}

.pre-footer{
	margin-top: -50px;
}
.pre-footer .btn2{
	width: initial;
	background: none;
	border: 2px solid #bb383d;
	color: #bb383d;
	padding-right: 40px;
	padding-left: 40px;
	text-transform: uppercase;
}
/*.pre-footer .btn2:hover{
	color: #fff;
	background: #bb383d;
}*/
.pre-footer h4:first-line{
	font-weight: 900;
	font-size: 32px;
	font-size: 32px;
	font-style: normal;
	color: #bb383d;
}
.pre-footer h4{
	font-weight: bold;
	font-size: 32px;
	font-style: italic;
	color: #535252;
}

@media (max-width: 991px) {
	.big-chevron img{
		transform: rotate(90deg);
	}
}


.breadcrumbs{
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.breadcrumbs ul li{
	display: inline-block;
	margin-right: 10px;
}
.sociaux_footer {
  text-align: right;
  clear:both;
}
.sociaux_footer ul li{
	display: inline-block;
	margin-right: 10px;
}

.share-ico{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}
.share-ico.mail{
	background-image:url(/img/share_mail.png);
  width: 22px;
  height: 22px;
  background-size: cover;
}
.share-ico.print{
  background-image: url(/img/share_print.png);
  width: 22px;
  height: 22px;
  background-size: cover;
}
.share-ico.twitter{
 background-image:url(/img/share_twitter.png);
  width: 22px;
  height: 22px;
  background-size: contain;
}
.share-ico.like{
	background-image:url(/img/share-like.png);
	width: 62px;
	height: 21px;
}
.share-ico.share{
	background-image:url(/img/share-facebook.png);
	width: 57px;
	height: 20px;
}
.pre-header{
	font-size: 14px;
	font-weight: 900;
	color: #bb383d;
}
.pre-header:hover{
	color: #d2d36a;
}
.main-content h1{
	font-weight: 900;
	color: #bb383d;
	font-style: normal;
    margin-top: 15px;
	font-size: 48px;
	line-height: 1;
    margin-bottom: 0px;
}
.main-content h2{
	margin-bottom: 25px;
	font-size: 48px;
	color: #535252;
	font-style: italic;
	font-weight: 600;
	line-height: 1;
}



@media (max-width: 991px) {
	.main-content h1{
		font-size: 25px;
	}
	.main-content h2{
		font-size: 25px;
	}
}

.product-detail h2,
.product-detail h3{
	margin-left: -15px;
	margin-right: -15px;
	padding: 5px 15px;
	background: #f1efef;
}
.product-detail h2{
	font-size: 30px;
}
.product-detail .price,
.price{
	font-weight: 900;
	color:  #bb383d;
}
.price{
	font-size: 18px;
}
.product-detail input[type="submit"]{
	background: #fff;
	border: 3px solid #bb383d;
	color: #bb383d;
	font-style: normal;
	margin-top: 10px;
}
.product-detail ul li{
	margin-bottom: 15px;
}
/*========================================================
						Footer styles
=========================================================*/
.site-footer h5{
	font-family: helvetica;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 5px;
}

.site-footer .media-body{
	font-size: 14px;
	font-family: helvetica;
}
.site-footer .menu-footer,
.site-footer .news-footer{
	padding-top: 50px;
}

.site-footer .menu-footer ul{
	list-style: none;
	padding: 0;
}
.site-footer .menu-footer ul li{
	margin-bottom: 10px;
}
.site-footer .menu-footer ul li a{
	text-transform: uppercase;
	font-weight: 700;
}
.site-footer .menu-footer ul li.active a,
.site-footer .menu-footer ul li:hover a{
	color: #d2d36a;
}
.site-footer .news-footer{
	font-size: 14px;
}
.site-footer .news-footer h4{
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
}
.site-footer .news-footer h4:first-line{
	font-size: 30px;
	font-style: normal;
	color: #d2d36a;
	font-weight: bold;
}

.site-footer .news-footer input[type="email"]{
	width: 65%;
	padding : 11px 15px;
}
.site-footer .news-footer input[type="submit"]{
	padding: 10px 15px;
    line-height: 1.55;
    margin-left: -5px;
    background: #d2d36a;
    color: #bb383d;
    font-family: helvetica;
    font-style: normal;
    font-size: 15px;
}

.site-footer .news-footer .social-footer ul{
	list-style: none;
	padding: 0;
}

.site-footer .news-footer .social-footer ul li{
	display: inline-block;
	background: #fff;
	color: #bb383d;
	padding: 3px 11px;
	margin-right: 10px;
	font-size: 15px;
}
.site-footer .copyright{
	color: #d2d36a;
	font-family: Helvetica;
}

.agenda_ID {
    float: right;
    font-size: 8px;
}
.modal-title {
  color:white !important;
}
.signature {
    color:#bb383d;
    width:100%;
    text-align: right;
    margin: 10px 10px 10px 0;
    font-style:italic;
}

p.dates {
    width: 25%;
    float: left;
}

.encadre {
background-color: #e6e6e6;
padding:10px;
clear: both;
float:left;
width:100%;
margin-top: 10px;
margin-bottom: 10px;
}

.encadre img {
margin-right:10px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.titre {
    font-size: 16px;
    font-weight: 900;
    color:#3b3b3b;
    margin-bottom: 0.3em;
}

.carousel-caption {
  position: absolute;
  left:0px;
  bottom: 0px;
  z-index: 10;
  padding: 20px;
  color: rgb(172, 31, 36);
  text-align: center;
  width: 100%;
  line-height: 14px;
  background: rgba(255,255,255,.7);
}
.carousel-caption a {
  color:rgb(172, 31, 36);
  text-decoration:none;
  font-weight:bold;
}

.inter {
    margin: 20px 0 10px 0;
    padding: 0 0 0 18px;
    background: url(/_design/pointcarre.png) no-repeat left center;
    font-size: 18px;
    color: #bb383d;
    font-weight: 900;
    margin-bottom: .5rem;
    line-height: 1.2;
    clear:both;
}

.inter2 {
    margin: 20px 0 15px 0;
    font-size: 16px;
    color: #bb383d;
    font-weight: normal;
    margin-bottom: .5rem;
    line-height: 1.2;
    clear:both;
}
.barretitre {
    width:100%;
    background-color:#bfbfbf;
    font-size: 18px;
    color: #bb383d;
    line-height:35px;
    padding-left:10px;
    clear: both;
}

.barresoustitre {
    width:100%;
    z-index: 2;
    padding: 8px;
    background-color: #f5f5f5;
}

a.panier, a.panier_adherer {
    float: right;
    width: 100px;
    height: 28px;
    background: #d2d36a;
    background-image: none !important;
    text-decoration: none;
    color: #b82b0f !important;
    border-radius: 20px;
    line-height: 28px;
    text-align: center !important;
    font-family: Arial;
    font-size: 14px !important;
    font-weight: bold !important;
    border:1px solid #bb383d;
}
@media (max-width: 768px) {
  a.panier, a.panier_adherer {
      float: right;
      min-width:35%;
      width:auto;
      height: auto;
      padding: 7px 25px;
      font-size: 17px !important;
      background: #bfbfbf;
      background-image: none !important;
      text-decoration: none;
      color: #b82b0f !important;
      border-radius: 20px;
      line-height: 28px;
      text-align: center !important;
      font-family: Arial;
      font-weight: bold !important;
  }
  .pu_produit {
    display:none;
  }
}
@media (max-width: 768px) {
  .carousel-item .d-none {
    display:none !important;
  }
}
img.droite {
  margin: 6px 5px 0 6px;
  padding: 0;
}

img.gauche {
  margin: 6px 6px 0 6px;
  padding: 0;
}
.category-version-md12 {
  width:100%;
  text-align: center;
  margin-bottom: 15px;
  clear: both;
  margin-top: 15px;
  display: inline-block;
}
.category-version {
    display: inline-block;
    color:white;
    background: #bb383d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 17px;
    padding: 6px 15px 6px 15px;
    -webkit-box-shadow: -5px 3px 0px 0px rgba(210,211,106,1);
    -moz-box-shadow: -5px 3px 0px 0px rgba(210,211,106,1);
    box-shadow: -5px 3px 0px 0px rgba(210,211,106,1);
    width: 70%;
    text-align: center;
}

.category-version a {
  color:white;
  text-decoration:none;
  font-size: 17px;
  font-family:Lato;
  font-weight: normal;
}

/************************** CARTES HOUOT ****************************/
.menu_cartes_js {
	width: 100%;
    margin: 3px auto;
    clear: both;
}
.menu_cartes_js .menu_item {
    margin: 10px 0;
    text-align: center;
    float: left;
    background: #ccc;
}
.cartes_js {
	position: relative;
    margin: 0 0 20px 0;
	clear: both;
}
.cartes_js img {
	display: block;
	position: absolute;
	top: 0;
	visibility: hidden;
    width:100%;
}

.texteImagesCenter {
	padding-left : 30px;
	padding-right : 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.texteImagesCenter a {
	color:white;
}

a[name] {
  padding-top: 130px;
  margin-top: -130px;
  display: inline-block; /* required for webkit browsers */
}

.colorRetro {
    color: #bb383d;
}

img[data-action=lumos]{cursor:zoom-in}div#lumos-container{transition:all 250ms ease-in-out;position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);z-index:1000;justify-content:center;align-items:center;display:flex;transform:scale(0);opacity:0;cursor:zoom-out}div#lumos-container.visible{animation-name:animate-in;animation-duration:250ms;animation-fill-mode:forwards}div#lumos-container.hidden{animation:animate-out;animation-duration:250ms;animation-fill-mode:forwards}img#lumos-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (min-width:768px){img#lumos-image{max-width:95%;max-height:95%}}@keyframes animate-in{0%{transform:scale(0);opacity:0}1%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-out{0%{transform:scale(1);opacity:1}99%{transform:scale(.9);opacity:0}100%{transform:scale(0);opacity:0}}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #d2d36a;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: #bb383d;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #bb383d;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #bb383d;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: #bb383d;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #bb383d;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #bb383d;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: #bb383d;
    display:none;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#signatureModal .modal-body a {
  color:#bb383d;
  text-decoration:underline;
}

.consent.cookies {
    overflow: auto;
}
.consent.cookies, .consent.cookies:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.consent {
    color: #313639;
}
.consent, .consent *, .consent a, .highlightable, .highlightable *, input {
    pointer-events: auto;
}
.consent.cookies:before {
    background: #313639;
    opacity: 0.5;
}
@media screen and (max-height: 740px)
.consent .cookie-content {
    top: 10%;
}
.consent .cookie-content {
    text-align: center;
    background: #fff;
    position: absolute;
    left: 30%;
    top: 20%;
    right: 30%;
    max-height: 60%;
    overflow-y: auto;
    font-size: 16px;
    border-radius: 5px;
    border-top: 5px solid #bb383d;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    padding: 40px 40px 30px;
    z-index: 9000;
}
.consent img {
    margin-bottom: 16px;
    background-color:#bb383d;
    width: 80%;
    max-width: 400px;
}
.consent .text {
    text-align: left;
    line-height: 1.3em;
    margin-bottom: 30px;
}
.consent .learn-more {
    display: block;
    font-weight: 400;
    margin-top: 8px;
}
.consent a {
    color: #000;
}
.consent .btn.btn-refuse {
    color: #99a5ab;
    border-color: #d9e3ec;
    background: #e6e6e6;
}
@media screen and (max-height: 740px)
.consent .btn {
    font-size: 14px;
}
.consent .btn {
    width: 49%;
    margin-bottom: 16px;
    min-height: 40px;
    cursor: pointer;
    border: 0 hidden;
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    margin-right: 2%;
}
.consent .btn.btn-accept-all, .consent .btn.btn-accept-essential {
    color: #fff;
    background: #bb383d;
}
.consent .btn:last-child {
    margin-right: 0;
}
@media screen and (max-height: 540px)
.consent .cookie-content {
    top: 5%;
    font-size: 14px;
    padding: 30px 30px 20px;
}
@media screen and (max-height: 420px)
.consent .cookie-content {
    top: 16px;
    font-size: 12px;
    padding: 20px 20px 16px
;
}
@media screen and (max-height: 420px)
.consent .btn {
    font-size: 12px;
}
@media screen and (max-height: 540px)
.consent img {
    float: left;
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
.consent .cookie-content {
    left: 0%;
    right:0%;
    width:100%;
}
.consent img {
    width: 200px;
}
.consent .text {
    line-height: 1.1em;
}
}

.progress_bar {
	height: 4px;
	background: #bb383d ;
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	z-index: 9999;
}