@import url(../fonts/flaticon/flaticon.css);

@media (max-width:1200px)
{
	.header-style3 .dd-menu > li{
		margin-top:0;
		float:none;
		display:inline-block;
		margin:0 21px;
	}


	.dd-menu > li{
		font-size:11px;
		position:relative;
		display:inline-block;
		float:left;
		margin-left:25px;
		margin-top:12px;
		font-family:"Lato", sans-serif;
	}
}


.default-skin { }
.ui-datepicker { width: 400px !important; }
.default-skin .ui-widget .ui-widget-content { border: 1px solid #dbd9d3; font-family: 'Montserrat', sans-serif; }
.default-skin .ui-widget-header { background-color: #ccc; color: #000; text-transform: uppercase; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: normal; border: none; }
.default-skin .ui-datepicker { padding: 10px; }
.default-skin .ui-datepicker .ui-datepicker-header { padding: 16px; }
.default-skin .ui-datepicker-today>.ui-state-highlight { background-color: #573371 !important; border: 1px solid #573371 !important; color: #fff !important; }
.default-skin .ui-state-default { background-color: #f9f8f4 !important; border: 1px solid #dbd9d3 !important; }
.default-skin .ui-datepicker td span, .default-skin .ui-datepicker td a { padding: 10px; margin: -1px; font-family: 'Montserrat', sans-serif; }
.default-skin .ui-datepicker td { padding: 0px; font-family: 'Montserrat', sans-serif; }
.default-skin .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 12px; }

.ui-widget-content {

    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;

}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 16px;
}
.ui-datepicker .ui-datepicker-next {
	right: 32px;
	top:11px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 16px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 32px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
	background-color:#ffffff;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}


.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}


.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}


.social-icons li a.bouton_quitter_page {
  background-color:#f8f3f1;
  color:#973466;
  padding: 0 18px;
}
.social-icons li a.bouton_quitter_page:hover {
  text-decoration: underline;
}
.topbar .topmenu a:hover {
  color: #3B5998;
}


.single-header-info .content { padding: 0; }
.single-header-info .icon-box, .single-header-info .content {display: block;}
.single-header-info .icon-box .inner-box {margin-left: auto;margin-right: auto;}
.single-header-info .content {text-align: center;margin-top: 15px;}
.single-header-info .thm-btn {margin: 37px 0;}
.single-header-info .icon-box {display: none;}
.single-header-info .content {display: inline-block;}
.header-right-info .single-header-info {width: auto;}
.single-header-info:last-child {float: none;width: 100%;text-align: center;}
.single-header-info {float: none;text-align: center;padding: 0;}
.header-right-info .single-header-info {float: left; padding-left: 20px; }
.header-right-info .single-header-info {width: 50%; }
.header-right-info .single-header-info {display: inline-block; width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
.header-right-info .single-header-info:last-child .thm-btn {margin: 37px 20px 0; }
.single-header-info .modal-dialog.style-one {margin: 30px 15px !important; width: auto; }
.header-right-info .single-header-info {width: auto;display: inline-block;text-align: right;float: none; padding-bottom: 0 !important;}
/*.header-right-info .single-header-info .icon-box {display: none;}*/
.header-right-info .single-header-info .content {text-align: left;}


.header {padding: 10px 0;}
.single-header-info {float:left;padding-left: 35px;padding-top: 20px;}
.single-header-info .icon-box,
.single-header-info .content {
	display: table-cell;
	vertical-align: middle;
}
.single-header-info .icon-box .inner-box {
	width: 60px;
	height: 60px;
	border: 1px solid #E1E1E1;
	text-align: center;
	line-height: 58px;
	margin-right: 15px;
}
.single-header-info .icon-box .inner-box i:before, .single-header-info .icon-box .inner-box em:before {
	font-size: 30px;
	color: #973466;
}
.single-header-info .content h3 {
	font-size: 13px;
	text-transform: uppercase;
	color: #2B2B2B;
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	margin: 0;
	margin-bottom: 5px;
}
.single-header-info .content p {
	font-size: 13px;
	margin: 0;
	color: #B6B6B6;
}
.single-header-info .content p b {
	font-size: 12px;
	color: #202a30;
	font-weight: 500;
}
.single-header-info .thm-btn {
	margin: 7px 0;
}
.single-header-info .modal-dialog.style-one {
	margin: 30px auto;
	width: 700px;
}
.flaticon-interface-1::before {
  margin-left: 0;
}
.single-header-info a:hover {
  text-decoration: underline;
}
.single-header-info .icon-box {
  padding: 0;
}
.header-style3 .site-logo {
  text-align: left;
}
.logo {
  height: auto;
  max-height: 90px;
}
@media (min-width:768px) {
  .centrer_verticalement {
    display: flex;
    align-items: center;
  }
}
@media (max-width:767px) {
  .sm-pull-none {
    float: none !important;
    text-align: center;
  }
}



.featured-links .featured-link {
  height: auto;
  padding: 35px 30px;
}




.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
/* Ajustement de la taille de la vidéo */
#player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw; /* Ratio 16:9 */
  min-height: 100vh;
  min-width: 177.77vh; /* Ratio 16:9 */
}
/* Style du texte superposé */
.hero-content {
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour lisibilité */
  height: 550px;
}

.pull-right .side-bar-widget {
	margin-left: 20px;
}
.single-sidebar-widget {
	margin-bottom: 38px;
}
.single-sidebar-widget.search input {
	width: calc(100% - 66px);
	height: 55px;
	border: 1px solid #F1F1F1;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	outline: none;
	background: #fff;
	padding-left: 20px;
}
.single-sidebar-widget.search button {
	width: 66px;
	height: 55px;
	border: 1px solid #f14b05;
	background: #f14b05;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 0;
	line-height: 53px;
	text-align: center;
	outline: none;
	font-size: 17px;
	color: #fff;
	margin-left: -5px;
}
.single-sidebar-widget .title {
	font-size: 24px;
	font-weight: 600;
	color: #3F3E3E;
	text-transform: none;
	margin: 0;	
}
.single-sidebar-widget.category .title {
	margin-bottom: 11px;
}
.single-sidebar-widget.category ul {
	margin: 0;
	padding: 0;
}
.single-sidebar-widget.category ul li {
	list-style: none;
}
.single-sidebar-widget.category ul li a {
	color: #171b1f;
	line-height: 45px;
	position: relative;
	padding-left: 26px;
	transition: all .3s ease;
}
.single-sidebar-widget.category ul li a:hover {	
	color: #171b1f;
  text-decoration: underline !important;
}
.single-sidebar-widget.category ul li a:before {
	content: '';
	width: 10px;
	height: 2px;
	display: block;
	background: #E3E3E3;
	position: absolute;
	top: 10px;
	left: 0;
}
.single-sidebar-widget.archive .title {
	margin-bottom: 11px;
}
.single-sidebar-widget.archive ul {
	margin: 0;
	padding: 0;
}
.single-sidebar-widget.archive ul li {
	list-style: none;
}
.single-sidebar-widget.archive ul li a {
	color: #171b1f;
	line-height: 45px;
	position: relative;
	padding-left: 26px;
	tranistion: all .3s ease;
}
.single-sidebar-widget.archive ul li a:hover {
	color: #eb5310;
}
.single-sidebar-widget.archive ul li a:before {
	content: '';
	width: 10px;
	height: 2px;
	display: block;
	background: #E3E3E3;
	position: absolute;
	top: 10px;
	left: 0;
}
.single-sidebar-widget.popular-post ul {
	margin: 0;
	padding: 0;
	margin-top: 25px;
}
.single-sidebar-widget.popular-post ul li {
	list-style: none;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #F5F5F5;
}
.single-sidebar-widget.popular-post ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.single-sidebar-widget.popular-post ul li .img-box,
.single-sidebar-widget.popular-post ul li .content-box {
	display: table-cell;
	vertical-align: middle;
}
.single-sidebar-widget.popular-post ul li .img-box .inner-box {
	width: 70px;
	margin-right: 25px;
}
.single-sidebar-widget.popular-post ul li .img-box img {
	width: 70px;
}
.single-sidebar-widget.popular-post ul li .content-box h4 {
	font-size: 14px;
	line-height: 20px;
  text-transform: unset;
  letter-spacing: 0;
	color: #171b1f;
	margin: 0;
	transition: all .3s ease;
}
.single-sidebar-widget.popular-post ul li .content-box h4:hover {
	color: #eb5310;
}
.single-sidebar-widget.popular-post ul li .content-box span {
	color: #aaa;
  font-size: 12px;
  line-height: 16px;
	display: inline-block;
}
.single-sidebar-widget.tags ul {
	padding: 0;
	margin-top: 30px;
}
.single-sidebar-widget.tags ul li {
	display: inline-block;
	list-style: none;
	margin-right: 3px;
	margin-bottom: 12px;
}
.single-sidebar-widget.tags ul li a {
	display: inline-block;
	border: 1px solid #F1F1F1;
	font-size: 14px;
	border-radius: 30px;
	color: #BABABA;
	padding: 5px 23px;
	transition: all .3s ease;
}
.single-sidebar-widget.tags ul li a:hover {
	background: #eb5310;
	border-color: #eb5310;
	color: #fff;
}







.featured-three-column .inner-box:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	left: 0;
	content: '';
	/*background: rgba(133,45,73,1);*/
}
.featured-three-column .inner-box.dark-overlay:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	left: 0;
	content: '';
	background: rgba(228,198,223,.9);
}
.featured-three-column{
	position:relative;
	margin:-80px 0px 0px;
	z-index:100;
}
.featured-three-column.style-two{
	padding:70px 0px 0px;
	margin-top:0px;
}
.featured-three-column .column{
	position:relative;
	margin-bottom:50px;
	text-align:center;	
}
.featured-three-column .inner-box{
	background-size: cover;
	position:relative;
	max-width:500px;
	margin:0 auto;
	color:#333;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.featured-three-column .inner-box .content{
	position:relative;
	padding:0px 20px 20px;	
}
/*.featured-three-column .column:nth-child(even) .inner-box{
	background:#973466;
	color:#ffffff;
}*/
.featured-three-column h3{
	font-size:24px;
	color:#333;
	font-weight:800;
	padding:15px 0px;
	/*text-transform:capitalize;*/
}
.featured-three-column .link{
	position:relative;
	bottom:-42px;
}
.featured-three-column .column:nth-child(even) .normal-btn{
	background:#252525;
}
.featured-three-column .column .normal-btn:hover{
	background:#ffffff !important;
	color:#973466 !important;
	border-color:#973466 !important;
}
.featured-three-column .inner-box .content .text {
	color: #333;
	font-size: 15px;
	font-weight: 500;
}
.featured-three-column .content {
  min-height: auto;
}

.thm-btn {
	background: #973466;
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px 35px;
	border: 2px solid transparent;
	transition: all .3s ease;
}
.thm-btn:hover,
.thm-btn.inverse {
	background-color: #fff;
	border-color: #4d2a62;
	color: #4d2a62;
}
.thm-btn:active,
.thm-btn:focus {
	background-color: #fff;
	border-color: #4d2a62;
	color: #4d2a62;
}
.thm-btn.inverse:hover {
	background: #4d2a62;
	border-color: #4d2a62;
	color: #fff;
}

.row.flex-row {
  display: flex;
  flex-wrap: wrap;
}
.flex-row > [class^="col-"] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
}