body {
	overflow-x: hidden;
}
body .content{
	padding: 135px 60px 0px 60px;
}
body .content.reset-top-content{
    padding-top: 0;
}
body.pg-article .section-article aside .bloc-pub {
    text-align: center;
}body.pg-article .section-article aside .bloc-pub>img{
	display: initial;
}
div {
  display: block;
}
.section-ads-center{
    display: block;
    width: 100%;
    margin: 30px 0 50px 0;
	text-align: center;
}
.section-ads-center img{
    display: inline;
	width: 100%;
	max-width: 1000px;
}
header .menu-xs, .transverse, .in{
	max-width: 1200px;
	margin: 0 auto;
	/*display: inline;*/
}
.content .section-blank{
	max-width: 1200px;
	margin: 0 auto !important;
	display: flex !important;
}
.content .breadcrumb.line-top{
	border-top: 1px solid #EBEBEB;
}
.content .breadcrumb{
	max-width: 1200px;
	width: 100%;
	min-height: 40px;
	height: auto;
	/*margin: 0 auto 30px !important;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 12px 0 12px 0;
	display: block;
}
.content .breadcrumb.marginTop10{
	margin-top: 10px !important;
}
.content .section-article{
	max-width: 1200px;
	margin: 0 auto 80px;
}
.sub-content .section-blank{
	max-width: 1200px;
	margin: 0 auto !important;
	display: flex !important;
}
.sub-content{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 0 !important;
	display: block;
	clear: both;
}
/*
.sub-content .breadcrumb{
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	display: block;
}
.sub-content .breadcrumb.marginTop10{
	margin-top: 10px !important;
}

.sub-content .section-ad-right{
	max-width: 1200px;
	margin: 0 auto 80px !important;
}*/
.grid3{
	/*justify-content: initial;*/
	justify-content: normal !important;
}
footer .mobile, .in, .grid3-3-2-1{
	max-width: 1200px;
	margin: 0 auto;
}
footer .network .in{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: block !important;
}
.cat.marginbottom{
    margin-bottom: 40px !important;
}
aside .bloc-txt {
    display: block;
    margin: 0 0 50px 0;
}
aside .bloc-txt .img-profil{
    display: block;
    width: 65% !important;
    margin: 0 auto 20px auto !important;
}
aside .bloc-txt>.title {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    display: block;
    margin: 0 0 20px 0;
}
.section-searchPJ{
	/*background-image: url(../../public/img/cover-searchPJ.jpg);*/
	display: block;
	height: 17rem;
	width: 100%;
    margin: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-color: #000;
	overflow: hidden;
}
.section-searchPJ img{
	/*background-image: url(../../public/img/cover-searchPJ.jpg);*/
	width: 100%;
	vertical-align: middle;
	border-style: none;
	opacity: 0.7;
	position: relative;
}
.section-searchPJ .section-searchPJ-in{
	width: 100%;
	position: absolute;
	top: 10%;
	z-index: 5;
}
.section-searchPJ .section-searchPJ-in .searchPJContent{
    width: 100%;
	max-width: 1200px;
    height: auto;
    margin: 0 auto;
    color: #FFF;
    display: block !important;
}
.section-searchPJ .section-searchPJ-in .searchPJContent h1{
    font-size: 32px;
    font-weight:lighter;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 5;
	margin: 0;
    line-height: 32px;
	text-shadow: 1px 1px 4px #000;
}
.section-searchPJ .section-searchPJ-in .searchPJContent h2{
	font-size: 28px;
    font-weight: lighter;
    margin-top: 20px;
    display: block;
    width: 100%;
    text-align: center;
    color: #FFEC00;
    text-shadow: 1px 1px 4px #000;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormContent{
	background-image: url(../../public/img/1px-black-transp.png);
	background-repeat: repeat;
	width: 100%;
	padding: 20px 30px;
	display: block;
	border-radius: 50px;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormFrst{
	float: left;
    width: 45%;
	height: auto;
    margin: 0 1% 0 0;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormOnly{
	float: left;
    width: 90%;
	height: auto;
    margin: 0 1% 0 0;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormScnd{
	width: 45%;
	height: auto;
	float: left;
	margin-right: 0;
	margin: 0 1% 0 0;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .inputSearch{
	background-color: #EFEFEF;
	font-size: 20px;
    font-weight: bold;
    height: 60px;
	width: 100%;
	border: 1px solid #333;
	opacity: 1;
	margin: 0 !important;
	color: #333;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .inputSearchOu{
	background-color: #EFEFEF;
	font-size: 20px;
    font-weight: bold;
    height: 60px;
	width: 70%;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	margin: 0 !important;
	border-radius: 50px 0 0 50px;
	float: left;
	color: #333;
}
/*.section-searchPJ .section-searchPJ-in .searchPJContent .boxCheckNear{
	background-color: #EFEFEF;
	font-size: 15px;
	color: #101010;
    font-weight: bold;
    height: 60px;
	width: 25%;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 0;
	margin: 0 !important;
	border-radius: 0px 50px 50px 0px;
	float: left;
	vertical-align: middle;
    line-height: 60px;
    padding-left: 10px;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .boxCheckNear .checkBoxNear{
    width: 25px;
    height: 25px;
    padding: 0px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #EFEFEF;
	border: 1px solid #333;
	margin: 18px 6px 0 0;
}*/
/************BEGIN CHECKBOX PJ************/
.boxCheckNear{
		background-color: #EFEFEF;
		font-size: 15px;
		color: #101010;
		font-weight: bold;
		height: 60px;
		width: 30%;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		border-left: 0;
		margin: 0 !important;
		border-radius: 0px 50px 50px 0px;
		float: left;
		vertical-align: middle;
		line-height: 55px;
		padding-left: 10px;
}
.boxCheckNear .boxCheckNearLabel{
		/*display: block;*/
		position: relative;
		/*padding-left: 35px;
		margin-bottom: 12px;*/
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.boxCheckNear .boxCheckNearLabel .txLabel{
	margin-left: 30px;
	vertical-align: middle;
}
/* Hide the browser's default checkbox */
.boxCheckNear .boxCheckNearLabel input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.CheckNear{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #EFEFEF;
	border: 1px solid #4d4d4d;
}
/* On mouse-over, add a grey background color */
.boxCheckNear .boxCheckNearLabel:hover input ~ .CheckNear{
	background-color: #FFEC00;
}
/* When the checkbox is checked, add a blue background */
.boxCheckNear .boxCheckNearLabel input:checked ~ .CheckNear{
	background-color: #FFEC00;
}
/* Create the CheckNear/indicator (hidden when not checked) */
.CheckNear:after{
	content: "";
	position: absolute;
	display: none;
}
/* Show the CheckNear when checked */
.boxCheckNear .boxCheckNearLabel input:checked ~ .CheckNear:after{
	display: block;
}
/* Style the CheckNear/indicator */
.boxCheckNear .boxCheckNearLabel .CheckNear:after{
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #4d4d4d;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.boxCheckNear .boxCheckNearLabel .backColorRed:after{
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #FFF;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/************END CHECKBOX PJ************/


/************BEGIN SEARCH PJ SUBMIT************/
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormContent .searchPJ-Btn{
	background:transparent url("../../public/img/ui/search.svg") no-repeat center center;
	background-color: #FFEC00;
    height: 60px;
    width: 8%;
	padding : 0 0 10px 0;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormContent .searchPJ-Btn:hover{
	background:transparent url("../../public/img/ui/search-white.svg") no-repeat center center;
	background-color: #D21D3A;
}


.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormContent .icSrchWhite{
	background:transparent url("../../public/img/ui/search-white.svg") no-repeat center center !important;
	background-color: #D21D3A !important;
    height: 60px;
    width: 8%;
	padding : 0 0 10px 0;
}
.section-searchPJ .section-searchPJ-in .searchPJContent .searchFormContent .icSrchWhite:hover{
	background:transparent url("../../public/img/ui/search.svg") no-repeat center center !important;
	background-color: #D21D3A !important;
}


/************END SEARCH PJ SUBMIT************/

.pj{
    color: #FFB800 !important;
	border-bottom: 0 !important;
}
.cat.marginbottom.pj{
    color: #FFB800 !important;
	text-transform: uppercase;
	font-family: "PNCnBlack",serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
}
.cat-color-default{
    color: #D21D3A !important;
	border-bottom: 0 !important;
}
.ebloc-mini picture i{
    position: relative;
	color: #CCC;
	font-size: 75px;
}
.ebloc-mini:hover picture i{
    position: relative;
	color: #D21D3A;
	font-size: 75px;
}
.breadcrumb{
	padding-left: 0 !important;
    padding-right: 10px !important;
}
/************BEGIN BOX LINSTING PJ************/
.list-box-row{
	width: 100%;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 15px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	transition: all .5s;
}
.list-box-row:hover{
	width: 100%;
	border: 1px solid #EFEFEF;
	padding-bottom: 15px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	/*background-color: #EFEFEF;*/
	box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .5s ease;
}
.list-box-row picture{
	width: 25%;
	float: left;
	display: block;
	/*min-height: 198px;*/
	box-shadow: 1px 1px 4px #EEE;
}
.list-box-row picture img{
	width: 100%;
	border: 0;
}
.list-box-row .list-box-content{
	width: 75%;
	float: left;
	display: block;
	padding: 10px 10px 10px 20px;
	position: relative;
}
.list-box-row .list-box-content .list-badge-info{
	position: absolute;
	top: 8px;
    right: 0;
}
.stars-size{
    text-align: right;
    margin: 0 10px 0 0 !important;
    font-size: 16px !important;
}
.list-box-cat{
    font-weight: 800;
    font-size: 14px;
	font-family: "PNCnBlack",serif;
    color: #FFB800;
    text-transform: uppercase;
    margin-bottom: 10px;
	float: left;
}
.list-box-scat{
    font-weight: 800;
    font-size: 14px;
	font-family: "PNReg",serif;
    color: #7F7F7F;
    margin-top: 10px;
	float: left;
	display: block;
	clear: both;
}
.banner-profil-name .list-box-scat{
    font-size: 16px;
}
.list-box-status{
    font-size: 14px;
	font-family: "PNBold",serif;
	font-weight: normal;
    color: #5AC8AD;
    margin: 0 12px 0 0;
	float: right;

}
.status-off{
    color: #FF8C60 !important;
}
.banner-profil-name .list-box-status{
    font-size: 14px;
	font-family: "PNBold",serif;
	font-weight: normal;
    color: #5AC8AD;
    margin: 10px 0 0 0;
	float: left;
	display: block;
	clear: both;
}
.list-box-title{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 22px;
	text-transform: uppercase;
    line-height: 23px;
    color: #101010;
    display: block;
}
.list-box-subtitle{
    font-size: 16px;
	font-family: "PNReg",serif;
	font-weight: normal;
    color: #7F7F7F;
    margin: 0 10px 0 0;
	float: left;
	display: block;

}
.list-box-txt{
    font-size: 14px;
	font-family: "PNReg",serif;
	font-weight: normal;
    color: #7F7F7F;
    margin: 0 10px 0 0;
	float: left;
	display: block;
	margin-top: 10px;
	clear: both;
}
.list-box-row-btn{
	width: 100%;
	margin-top: 30px;
	clear: both;
	display: block;
}
.list-box-row-btn .list-box-row-btn{
	width: 100%;
	margin-top: 15px;
	clear: both;
	display: block;
}
.list-box-btn{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #666;
    display: inline-block;
    padding: 8px 18px;
    border: 1px solid #666;
    border-radius: 50px;
	float: right;
	margin-left: 10px;
	transition: all .3s;
}
.list-box-btn:hover{
    color: #FFF;
	background-color: #D21D3A;
	border: 1px solid #D21D3A;
	transition: all .3s ease;
}
/*************END BOX LINSTING PJ*************/

/*************BEGIN BANNER PROFIL************/
.banner-profil{
	width: 100%;
	min-height: 320px;
	display: block;
	clear: both;
	margin: 0 auto 30px auto;
	max-width: 1200px;
	border-bottom: 1px solid #EBEBEB;
}
.banner-profil .banner-profil-cover{
	width: 100%;
	display: block;
	clear: both;
	max-height: 200px;
	overflow: hidden;
}
.banner-profil .banner-profil-cover img{
    width: 100%;
    vertical-align: middle;
    border-style: none;
    position: relative;
}
.banner-profil .banner-profil-title{
	width: 100%;
	min-height: 120px;
	display: block;
	clear: both;
	padding: 12px 24px 16px 16px;
}
.banner-profil .banner-profil-title .banner-profil-logo{
	width: 15%;
	float: left;
	height: 0;
}
.banner-profil .banner-profil-title .banner-profil-logo img{
	width: 100%;
	transform: translateY(-50%);
    border: 2px solid #fff;
    box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
    background-color: #fff;
}
.banner-profil .banner-profil-title .banner-profil-name{
	width: 45%;
	float: left;
	margin-left: 17%;
}
.banner-profil .banner-profil-title .banner-profil-right{
	width: 37%;
	float: right;
}
.section-title-pj{
    font-family: "PNCnBlack",serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    padding-bottom: 6px;
    margin: 0;
    color: #FFB800;
    border-bottom: 6px solid #FFB800;
}
.in-section-title{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 26px;
    display: block;
	clear: both;
    margin: 0 0 30px 0;
	width: 100%;
}
.in-section-title-white{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 26px;
	color: #FFF;
    display: block;
	clear: both;
    margin: 0 0 20px 0;
	width: 100%;
}
@media (max-width: 767px){
.in-section-title{
    margin: 30px 0 30px 0;
}
.in-section-title-white{
    margin: 30px 0 20px 0;
}
body.pg-article .section-article article .section-sep.social{
		margin: 30px 0 15px 0;
	}
body.pg-article .section-article article .section-sep.social .ctas:not(.right) {
    border-radius: 50px;
    background-color: #FFF;
	bottom: 10px;
	position:relative; /*Pour éviter la flotaison en bas dans le mobile à cause des pub flottante : Taboola, etc*/
	max-height: 35px;
	}
body.pg-article .section-article article .section-sep.social .ctas .sharethis-inline-share-buttons{
    margin: 5px;
	}
footer .social .right {
    width: 100%;
	}
body.pg-article .section-article aside .article-logo {
	width: auto;
	height: 40px;
}
.in-section-subtitle{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin: 0 0 10px 0;
}
.txt-detail-title-gray{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
	text-transform: uppercase;
    display: block;
	color: #7F7F7F;
	margin: 30px 0 10px 0;
	border-bottom: 2px solid #EFEFEF !important;
    width: 90%;
}
/***********Begin Utilities********/
/*txt gray #5f6368*/
.no-marg{
	margin: 0 !important;
}
.no-marg-top{
	margin-top: 0 !important;
}
.txt-italic{
	font-style: italic;
}
.margTop-48{
	margin-top: -48px !important;
}
.margTop-30{
	margin-top: -30px !important;
}
.margTop0{
	margin-top: 0 !important;
}
.margTop8{
	margin-top: 8px !important;
}
.margTop10{
	margin-top: 10px !important;
}
.margTop20{
	margin-top: 20px !important;
}
.margTop30{
	margin-top: 30px !important;
}
.margTop50{
	margin-top: 50px !important;
}
.margBottom0{
	margin-bottom: 0 !important;
}
.margBottom4{
	margin-bottom: 4px !important;
}
.margBottom8{
	margin-bottom: 8px !important;
}
.margBottom10{
	margin-bottom: 10px !important;
}
.margBottom20{
	margin-bottom: 20px !important;
}
.margBottom25{
	margin-bottom: 25px !important;
}
.margBottom30{
	margin-bottom: 30px !important;
}
.margBottom50{
	margin-bottom: 50px !important;
}
.margLeft6{
	margin-left: 6px;
}
.padTop10{
	padding-top: 10px !important;
}
.inlineBlock{
	display: inline-block !important;
}
.txt-transf-upper{
	text-transform: uppercase !important;
}
.txt-transf-lower{
	text-transform: lowercase !important;
}
.displayBlock{
	display: block !important;
}
.textAlignCenter{
	text-align: center !important;
}
.textAlignLeft{
	text-align: left !important;
}
.textAlignRight{
	text-align: right!important;
}
.borderRadius25{
	border-radius: 25px;
}
/*UtileColor*/
.backgdGrisClair{
	background-color: #F9F8F5 !important;
}
/*UtileColor*/
.textColorRed{
	color: #D21D3A !important;
}
.textColorGray4c4c4c{
	color: #4c4c4c !important;
}
.backColorRed{
	background-color: #D21D3A !important;
}
.text-shadow1px{
	text-shadow: 1px 1px 1px #000 !important;
}
.noBorder{
	border: 0 !important;
}
.width100pc{
	width: 100% !important;
}
.minHeight220{
	min-height: 220px;
}
.opacity0-5{
	opacity: 0.5;
}
.FloatLeft{
	float: left;
}
.fwBold{
	font-weight: bold !important;
}
.PosiRelative{
	position: relative !important;
}
.fontSize20{
	font-size: 20px;
}
.border-2px-red{
	border: 2px solid #D21D3A !important;
}
.border-2px-gray{
	border: 2px solid #DCDCDC !important;
}
/***********End Utilities********/
.txt-detail{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    display: block;
    margin: 0 0 20px 0;
}
.txt-detail a{
	color: #101010;
	text-decoration: none;
}
.txt-detail a:hover{
	color: #D21D3A;
	text-decoration: none;
}
.txt-detail-sml-marBot{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    display: block;
    margin: 0 0 16px 0;
}
.txt-detail-sml-marBot strong{
	font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    text-transform: uppercase;
    display: block;
    color: #7F7F7F;
}
.txt-center{
	text-align: center !important;
}
.note-box{
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 25px;
	border: 1px solid #CCC;
    padding: 20px;
    border-radius: 20px;
}
.note-box .note-give{
    width: 120px !important;
    height: 120px;
    border: 1px solid #7F7F7F;
    border-radius: 50%;
    display: block;
    vertical-align: middle;
    line-height: 120px;
    margin: 0 auto;
}
.note-box .note-give strong{
    font-family: "PNReg",serif;
    font-weight: normal;
    color: #333;
	font-size: 50px;
	display: inline-block;
    vertical-align: middle;
}
.note-box .note-give .note-value{
    font-family: "PNReg",serif;
    font-weight: normal;
	color: #7F7F7F;
	font-size: 30px;
	display: inline-block;
    vertical-align: middle;
}
.note-box .note-mention{
    margin: 20px 0;
    display: block;
}
.note-box .note-mention strong{
    font-family: "PNBold",serif;
    font-weight: normal;
    color: #333;
	font-size: 18px;
	display: inline-block;
    vertical-align: middle;
}
.note-box a.note-nb{
    font-family: "PNReg",serif;
    font-weight: normal;
	color: #7F7F7F;
	font-size: 16px;
	display: inline-block;
    vertical-align: middle;
}
.note-box a:hover .note-nb{
    font-family: "PNReg",serif;
    font-weight: normal;
	color: #D21D3A;
	font-size: 16px;
	display: inline-block;
    vertical-align: middle;
}
.note-box .note-stars a{
	margin: 0 5px;
	text-decoration: none;
}
.note-box .note-stars{
	margin: 0 0 10px 0;
    font-family: "PNReg",serif;
    font-weight: normal;
	color: #7F7F7F;
	font-size: 30px;
	display: inline-block;
    vertical-align: middle;
}
.note-box .note-stars a i{
    font-weight: lighter;
	color: #7F7F7F;
	font-size: 30px;
	display: inline-block;
    vertical-align: middle;
}
.note-box .note-stars a:hover i{
	color: #FFB800;
}
.note-box .note-stars a .starPJ-on{
    font-weight: lighter;
	color: #FFB800;
	font-size: 30px;
	display: inline-block;
    vertical-align: middle;
}
.note-box .note-post{
	margin: 10px 0 10px 0;
	display: inline-block;
    vertical-align: middle;
}
.inner-section{
	width: 100%;
	display: block;
	margin-top: 30px;
}
.inner-section p{
	font-family: "Libre Franklin",sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    margin: 0 0 30px 0;
}
.box-photo{
	width: 100%;
	display: block;
	position: relative;
}
.box-photo .box-photo-main{
	width: 80%;
	float: left;
	max-height: 348px;
    overflow: hidden;
	position: relative;
}
.box-photo .box-photo-main img{
	width: 100%;
}
.box-photo .box-photo-all-thumb{
	width: 20%;
	float: left;
}
.box-photo .box-photo-all-thumb .box-photo-thumb{
	width: 100%;
	max-height: 90px;
	border-top: 0;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	display: block;
	overflow: hidden;
}
.box-photo .box-photo-all-thumb img{
	width: 100%;
}
.box-photo .badge-nb-photo{
	font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #FFB800;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 8px 8px 6px 6px;
    background-color: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.box-photo .badge-action{
	font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #FFB800;
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    padding: 8px 6px 6px 8px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.box-photo .box-photo-main .badge-action:hover{
    color: #FFF;
    background-color: #D21D3A;
}
.box-list-horaire ul.list-horaire{
	margin-top: 10px;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 90%;
}
.box-list-horaire ul li{
	border-bottom: 1px solid #e3e3e3;
	color: #7f7f7f;
	line-height: 40px;
	width: 100%;
}

.box-list-horaire ul.list-horaire li strong{
	line-height: 40px;
	font-size: 16px;
	font-weight: 700;
	box-sizing: border-box;
	color: #7f7f7f;
}
.box-list-horaire ul.list-horaire li span{
	float: right;
	font-size: 16px;
	margin-left: 5px;
	box-sizing: border-box;
	line-height: 40px;
}
.active-day{
	color: #FFB800 !important;
	font-weight: 700;
}
.clock-status-on{
    font-size: 14px !important;
	font-family: "PNBold",serif;
	font-weight: normal;
    color: #5AC8AD;
}
.clock-status-off{
    font-size: 14px !important;
	font-family: "PNBold",serif;
	font-weight: normal;
    color: #FF8C60;
}
.social-space{
    margin-top: 12px;
    display: block;
    clear: both;
}
.social-space a{
	font-size: 26px;
	color: #101010;
	margin-right:10px;
}
.social-space a:hover{
	color: #D21D3A;
}
.social-space .call-whpp{
    border: 1px solid #101010;
    padding: 5px 10px;
    font-size: 14px !important;
    font-weight: bold;
    border-radius: 50px;
}
.social-space .call-whpp i{
    font-size: 22px;
    line-height: 21px;
    vertical-align: middle;
}
.mod-profil-aside{
    display: block;
    margin: 0 0 50px 0;
}
.mod-profil-aside .title{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    display: block;
    margin: 0 0 20px 0;
}
.mod-profil-aside .mod-profil-in{
    display: block;
    margin: 0 0 20px 0;
	color: #101010;
	text-decoration: none;
}
.mod-profil-aside .mod-profil-in:hover{
    display: block;
    margin: 0 0 20px 0;
	color: #D21D3A !important;
	text-decoration: none;
}
.mod-profil-aside picture{
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
	text-align: center;
}
.mod-profil-aside picture img{
    width: 60% !important;
    display: block;
	margin: 0 auto;
}
.mod-profil-txt{
    display: block;
    margin: 0 0 10px 0;
}
.profil-name{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
    margin: 0 0 5px 0;
}
.profil-description{
	font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    display: block;
    margin: 0 0 5px 0;
}
.profil-description-level2{
	font-family: "PNReg",serif;
	color: #7F7F7F;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    display: block;
}
.mod-profil-txt .profil-description-level2{
	margin: 0 0 10px 0;
}
a:hover .mod-profil-txt .profil-description-level2{
	color: #D21D3A;
}
.box-over{
	transition: all 1s;
}
.box-over:hover{
	box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .7s ease;
}
.box-grd-item-txt{
	font-family: "Libre Franklin",sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
	display: inline-block;
    background-color: #F9F8F5;
    padding: 15px;
    width: 100%;
	transition: all .5s;
}
.section-activites .in a, .section-activites .in .grd-item div .title{
	margin: 0 0 5px 0;
}
.box-grd-item-txt .list-box-scat{
	margin-top: 0 !important;
	float: none !important;
}
a:hover .box-grd-item-txt .list-box-scat{
	color: #D21D3A;
}
.inner-section .section-activites .grd-item .list-box-scat{
	text-transform: uppercase;
}
.text-adress-sml{
	font-size: 14px;
}
.inner-section .section-activites .in a, .section-activites .in .grd-item{
	margin-right: 10px;
	overflow: hidden;
	margin-top: 0 !important;
}
.box-grd-item-img{
    display: block;
    max-height: 150px;
    overflow: hidden;
    border: 1px solid #EFEFEF;
    box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
    background-color: #fff;
}
.user-main-menu img{
	width: 40px;
	margin-top: -10px;
}
.user-main-menu{
	/*background: url(../../public/img/user-member.svg) no-repeat;*/
	background: url('https://abidjan.net/public/img/user-member.svg') no-repeat;
	display: block;
	height: 40px;
	width: 40px;
	margin-top: -12px;
}
.user-main-menu:hover{
	background: url('https://abidjan.net/public/img/user-member-red.svg') no-repeat;
	/*background: url(../../public/img/user-member-red.svg) no-repeat;*/
}
.user-main-menu-on{
	background: url('https://abidjan.net/public/img/user-member-red.svg') no-repeat;
	/*background: url(../../public/img/user-member-red.svg) no-repeat;*/
	display: block;
	height: 40px;
	width: 40px;
	margin-top: -12px;
}
nav span picture img{
    border: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
    background-color: #fff;
    padding: 1px;
	display: block;
    height: 50px;
    width: 50px;
    margin-top: -16px;
}
/**********Begin Form member********/
.content-form-member{
	width: 85%;
	clear: both;
	display: block;
	margin: 20px auto;
}
.content-form-member .form-member-item{
	width: 100%;
	clear: both;
	display: block;
	margin: 20px auto 30px auto;
}
.content-form-member .form-member-item .form-member-2item1{
	width: 49%;
	float: left;
	display:inline-block;
	margin-right: 1%;
}
.content-form-member .form-member-item .form-member-2item2{
	width: 49%;
	float: left;
	display:inline-block;
	margin-left: 1%;
}
.content-form-member .form-member-item label{
    color: #101010;
    font-size: 16px;
    /*width: 100%;
    clear: both;*/
    display: block;
    margin: 0px;
	padding: 5px 0;
	float: left;
}
.content-form-member .form-member-item .legend-gray-right{
	color: #7F7F7F;
	font-size: 14px;
	text-align: right;
	width: 100%;
	clear: both;
	display: block;
	margin: 20px auto;
}
.content-form-member .form-member-item input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], input[type="time"], input[type="date"]{
    height: 45px;
    font-size: 20px;
    border: 2px solid #e6e6e6;
    padding: 0 10px 0 10px;
	margin: 0;
	width: 100%;
	clear: both;
	display: block;
	border-radius: 0;
}
input[type="range"]{
    -webkit-appearance: slider-horizontal;
    color: rgb(144, 144, 144);
    cursor: default;
    padding: initial;
    border: initial;
    margin: 2px;

    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    background-color: white;
    -webkit-rtl-ordering: logical;
    font: 400 11px system-ui;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
select#form-select-styled{
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	/*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	/*background-image: url(../../public/img/arrow-select.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
	background-image: url(../../public/img/arrow-select.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	/*border: 1px solid #AAA;
	color: #555;
	font-size: inherit;
	overflow: hidden;
	padding: 5px 10px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 45px;
	font-size: 20px;
	border: 2px solid #e6e6e6;
	padding: 0 10px 0 10px;
	width: 100%;
	clear: both;
	display: block;
	border-radius: 0;
	box-shadow: none;
}
select#form-select-styled-mini{
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(../../public/img/arrow-select.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 30px;
	font-size: 15px;
	border: 2px solid #e6e6e6;
	padding: 0 10px 0 10px;
	width: 100%;
	clear: both;
	display: block;
	border-radius: 0;
	box-shadow: none;
	color: #444;
	margin: 0px !important;
	background-color: #FFF;
}
select#filter{
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(../../public/img/arrow-select.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	font-size: 20px;
	border: 2px solid #e6e6e6;
	padding: 0 10px 0 10px;
	width: 100%;
	clear: both;
	display: block;
	border-radius: 0;
	box-shadow: none;
	color: #444;
	margin: 0px !important;
	background-color: #FFF;
}
.content-form-member .form-member-item input[type="checkbox"]{
	float: left;
    width: 25px;
    height: 25px;
    padding: 0px;
	margin: 0px 5px 5px 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #EAEAEA;
}
.content-form-member .form-member-item textarea{
    height: 150px;
    font-size: 20px;
    border: 2px solid #e6e6e6;
    padding: 10px;
	width: 100%;
	clear: both;
	display: block;
	border-radius: 0;
}
.content-form-member .form-member-item .btnSub, input[type="button"]{
    height: 45px;
    font-size: 20px;
	font-weight: 700;
	color: #7F7F7F;
	background-color: #FFF;
    border: 2px solid #7F7F7F;
    padding: 0 10px 0 10px;
	width: 100%;
	clear: both;
	display: block;
	border-radius: 0;
	text-align: center;
    vertical-align: middle;
    line-height: 42px;
}
.content-form-member .form-member-item .btnSub:hover, input[type="button"]:hover{
	color: #FFF;
	background-color: #D21D3A;
	border: 2px solid #D21D3A;
}
.content-form-member .form-member-item.space-check{
	position: relative;
	/*padding-left: 30px;*/
}
.content-form-member .form-member-item.space-check a{
	color: #D21D3A;
}
.content-form-member .form-member-item.space-check a:hover{
	text-decoration: underline;
}
.content-form-member .form-member-item .space-check-nopad{
	position: relative;
}
.content-form-member .form-member-item .checkCGU{
	/*position: absolute;
	top: 0;
    left: 0;*/
}
.RowLinkMember{
	width: 100%;
	clear: both;
	font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
	color: #101010;
    display: block;
}
.RowLinkMember a{
	text-decoration: none;
	color: #101010;
}
.RowLinkMember a:hover{
	text-decoration: none;
	color: #D21D3A;
}
/***********BEGIN STYLE CHECKBOX*************/
form input[type="checkbox"]:checked+label:after{content: 'X';position: absolute;display: block;width: 27px;height: 20px;top: 3px!important;left: -31px!important;text-align: center;
}
.content-form-member .form-member-item .space-check input[type="checkbox"]{
    opacity: 0;
}
.content-form-member .form-member-item .space-check label{
    position: relative;
    display: inline-block;
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px;
}
.content-form-member .form-member-item .space-check label::before,
.content-form-member .form-member-item .space-check label::after{
    position: absolute;
    content: "";
    /*Needed for the line-height to take effect*/
    display: inline-block;
}
/*Outer box of the fake checkbox*/
.content-form-member .form-member-item .space-check label::before{
    height: 20px;
    width: 27px;
    border: 1px solid;
    left: -31px;
    top: 3px;
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
}
/*Checkmark of the fake checkbox*/
.content-form-member .form-member-item .space-check label::after{
    height: 20px;
    width: 27px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: -31px;
    top: 3px;
}
/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after{
    content: none;
}
/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after{
    content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + label::before{
    outline: rgb(59, 153, 252) auto 5px;
}
/***********END STYLE CHECKBOX*************/

/**********End Form member********/


/*- - - - - - - -  Begin tag Modal - - - - - - - */

/*// dialog overlay*/
.c-dialog{
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  padding: 2.4rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(black, .75);
  transition: .2s;
  background: #EFEFEF;
}
/*// dialog box*/
.c-dialog__box{
  flex: 1;
  max-width: 48rem;
  margin: auto;
  padding: 2.4rem;
  background-color: #FFF;
  position: relative;
}
.c-dialog__box .close-dialog{
    float: right;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
	-webkit-appearance: none;
	position: absolute;
    right: 40px;
    top: 27px;
}
.c-dialog__box .close-dialog:hover{
	background: #D21D3A;
	color: #FFF;
}
/*// hidden dialog*/
.c-dialog[aria-hidden="true"]{
  visibility: hidden;
  opacity: 0;
}
/*- - - - - - - - - - - End tag Modal - - - - - - - */
#dialog-title .namePJ{
	color: #FFB800;
	text-transform: uppercase;
}
/*- - - - - -Bas Page- - - - -*/

/*****Begin effet zoom sur image****/
.hover-img-zoom{
	overflow: hidden;
	position: relative;
}
.hover-img-zoom img{
	max-width: 100%;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}
.hover-img-zoom *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.hover-img-zoom:hover img{
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
/*****Fin effet zoom sur image****/

/*************END BANNER PROFIL************/

.clearBoth{
	clear: both;
	display: block;
}
.bulNotif{
    /*padding: .75rem 1.25rem;*/
	padding: 18px 57px 8px 57px !important;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	width: 100%;
	font-size: 18px;
	display: block;
	clear: both;
	margin: 20px 0;
	min-height: 60px;
    vertical-align: middle;
    /*line-height: 37px;*/
	line-height: 1.5;
    position: relative;
    padding-left: 50px;
}
.bulNotif strong{
	font-weight: bold !important;
}
.ic-bul{
    position: absolute;
    left: 17px;
    top: 17px;
    font-size: 28px;
}
.bulInfo{
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.bulNotif.bulSucces{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.bulNotif.bulError{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
body.pg-article .section-article article .visuel-profil{
    display: block;
    width: 30%;
}
body.pg-article .section-article article .visuel-profil img{
    width: 100%;
	border-radius: 50%;
	display: block;
}
.section-paroles .auteur .txt-profil{
    /*padding: 0 0 0 20px;*/
	display: initial;
	padding: 8% 0 8% 20px;
}
.section-paroles .auteur .txt-profil .name{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
}
.section-paroles .auteur .txt-profil .job{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    margin: 0 0 5px 0;
}
.section-paroles .auteur .txt-profil .profil-description-level2{
    font-family: "PNReg",serif;
    color: #7F7F7F;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    display: block;
}
.box-promo{
	width: 100%;
	display: block;
	clear: both;
	border: 4px solid #D21D3A;
	padding: 10px;
	background-color: #F9F8F5;
}
.box-promo .in-section-title{
	color:#D21D3A;
}
.info-promo{
	font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    display: block;
    margin: 0 0 10px 0;
	margin-bottom: 10px;
}
.info-promo strong{
	color:#D21D3A;
}
.fancybox-navigation .fancybox-button div{
	display: block;
}
/***************DEBUT PAGINATION************/
.pagination{
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	margin: 20px 0;
	overflow-x: scroll;
}
.page-link{
    position: relative;
    display: block;
    /*padding: .5rem .75rem;*/
    margin-left: -1px;
    /*line-height: 1.25;*/
    color: #101010;
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
}
.page-link:hover{
    color: #fff;
    background-color: #D21D3A;
    border-color: #D21D3A;
}
.page-item.disabled .page-link{
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-item:first-child .page-link{
    margin-left: 0;
}
.page-item.active .page-link{
    z-index: 1;
    color: #fff;
    background-color: #D21D3A;
    border-color: #D21D3A;
	font-weight: 700;
}
.page-item:last-child .page-link{
    border-radius: 50%;
}
.Zebra_Pagination .pagination .page-item{
	margin: 0 3px;
}
.comment-box-row{
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 15px;
    margin-bottom: 15px;
    clear: both;
    display: block;
}
.comment-box-row picture{
    width: 15%;
    float: left;
    display: block;
}
.comment-box-row picture img{
    width: 100%;
    border: 0;
    border: 2px solid #fff;
	border-radius:  50%;
    box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
    background-color: #fff;
	padding: 3px;
}
.comment-box-row .comment-box-content{
    width: 85%;
    float: left;
    display: block;
    padding: 10px 10px 10px 20px;
}
.comment-box-row .comment-box-content .comment-box-name{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    display: block;
	clear: both;
}
.comment-box-row .comment-box-content .comment-box-mention{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    display: block;
	clear: both;
    margin: 0 0 5px 0;
	color: #7F7F7F;
	text-transform: uppercase;
}
.comment-box-row .comment-box-content .comment-box-mention .comment-box-mention5{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
	color: #5AC8AD;
}
.comment-box-row .comment-box-content .comment-box-txt{
	color: #555;
	font-size: 16px;
}
.comment-box-note-stars{
	font-size: 18px;
	margin: 0 1px;
	text-decoration: none;
	margin-left: 5px;
}
.comment-box-note-stars .starPJ-off{
    font-weight: lighter;
	color: #7F7F7F;
	display: inline-block;
    vertical-align: middle;
	margin-right: 2px;
}
.note-box .note-stars a .starPJ-off{
    font-weight: lighter;
	color: #7F7F7F;
	display: inline-block;
    vertical-align: middle;
	margin-right: 2px;
}

.comment-box-note-stars .starPJ-on{
    font-weight: lighter;
	color: #FFB800;
	display: inline-block;
    vertical-align: middle;
	margin-right: 2px;
}
.content-profil{
	width: 100%;
	display: block;
	clear: both;
}
.content-profil .content-profil-left{
	width: 50%;
	float: left;
	display: block;
	text-align: center;
}
.content-profil .content-profil-left .content-profil-left-photo{
width: 203px;
    display: block;
    text-align: center;
    margin: 0 auto;
    float: right;
}
.content-profil .content-profil-left .content-profil-left-photo img{
    width: 100%;
    border-radius: 50%;
    display: block;
	clear: both;
}
.content-profil .content-profil-left .content-profil-left-photo .content-profil-add-photo{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    display: inline-block;
    padding: 6px 18px;
    border: 1px solid #666;
    border-radius: 50px;
    margin: 10px auto;;
}
.content-profil .content-profil-left .content-profil-left-photo .content-profil-add-photo:hover{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #FFF;
    display: inline-block;
    padding: 6px 18px;
    border: 1px solid #D21D3A;
    border-radius: 50px;
    margin: 10px auto;
	background-color: #D21D3A;
}
.content-profil .content-profil-right{
	float: left;
	display: block;
	border-left: 4px solid #DDD;
	padding: 20px 0 20px 20px;
	margin-left: 20px;
}
.link-discret{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #666;
    display: inline-block;
	border: 0;
}
.link-discret:hover{
    color: #D21D3A;
	text-decoration: underline;
}
.trumbowyg-button-pane{
    display: inline-flex;
}
.croppie-container .cr-boundary{
	display: list-item;
	min-height: 300px;
}
.croppie-container .cr-slider-wrap{
	display: block;
}
.litle-link-btn{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #666;
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #666;
    border-radius: 50px;
}
.litle-link-btn:hover{
	border: 1px solid #D21D3A;
	color: #FFF;
	background: #D21D3A;
}
.error_404{
	padding: 50px 30px 58px 30px;
	width: 100%;
	background-color: #fff;
	/*border: 1px solid #eee;*/
	text-align: center;
	margin: 50px auto;
	display: block;
	clear: both;
}
.error_404 strong{
	display: block;
	font-size: 145px;
	line-height: 100px;
	color: #999;
	font-weight: bold;
	margin-bottom: 10px;
	text-shadow: 5px 5px 1px #eaeaea;
}
.error_404 a{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #666;
    display: inline-block;
    padding: 8px 36px 8px 36px;
    border: 2px solid #666;
    border-radius: 50px;
}
.error_404 a:hover{
    color: #FFF;
    border: 2px solid #D21D3A;
	background-color: #D21D3A;
}
.error_404 b{
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #999;
	margin: 0;
	font-weight: 300;
}
.error_404 em{
	display: block;
	font-size: 18px;
	color: #999;
	margin: 15px 0;
	font-style: normal;
}
#animate-arrow{
	position: relative;
	top: 15px;
	left: 0px;
	animation: move 1s ease infinite;
	margin-top: 150px;
	color: #D21D3A;
}
@keyframes  move{
	50% {
		bottom: 10px;
		top: 0px;
	}
}
.input-phone-right{
    width: 59% !important;
    float: left !important;
    display: inline-flex !important;
    clear: none !important;
	margin-left: 1%;
}
.input-phone-left{
    width: 40% !important;
    float: left !important;
    display: inline-flex !important;
    clear: none !important;
}
.grid-4tools{
    width: 50%;
    text-align: center;
    padding: 40px 20px;
    float: left !important;
	transition: all 1s;
}
.grid-4tools:hover{
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .7s ease;
}
.grid-4tools i{
	display: block;
	clear: both;
	font-size: 22px;
	margin: 0 0 6px 0;
}
.grid-4tools-border-bot-rgt{
    border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.grid-4tools-border-bot{
    border-bottom: 1px solid #CCC;
}
.grid-4tools-border-rgt{
	border-right: 1px solid #CCC;
}
.grid-4tools-noborder{
    border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.grid-tools-link{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #666;
	min-height: 145px;
}
.grid-tools-link:hover{
    color: #D21D3A;
}
.grid-tools-link span{
    display: block;
	margin: 10px 0 0 0;
}
.card-body1{

color: #4668b2;
position: relative;

background: #fff;
padding:8px;
height:326px;
transition: all 1s;

}
.card-body1:hover{

box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
  transition: all .7s ease;
}
.comment_type_id{
	display: block !important;
}
.vue-form-wizard.md .wizard-icon-circle{
    width: 45px !important;
    height: 45px !important;
    font-size: 24px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}
.wizard-btn{
    height: 45px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #7F7F7F !important;
    border: 2px solid #7F7F7F !important;
    padding: 0 10px 0 10px !important;
    width: 100% !important;
    clear: both !important;
    display: block !important;
    border-radius: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 42px !important;
	background-color: #FFF !important;
}
.wizard-btn:hover{
	color: #FFF !important;
	background-color: #D21D3A !important;
	border: 2px solid #D21D3A !important;
}
.dg-main-content{
	display: block !important;
}
.dg-content-footer{
	clear: both;
	display: block;
	text-align: right;
}
.dg-btn--ok{
    color: #D21D3A !important;
    background-color: #FFF !important;
    border-color: #D21D3A !important;
	border-radius: 0px !important;
}
.dg-btn--ok:hover{
    color: #FFF !important;
    background-color: #D21D3A !important;
    border-color: #D21D3A !important;
	border-radius: 0px !important;
}
.dg-btn--cancel{
    color: #D21D3A !important;
    background-color: #FFF !important;
    border-color: #D21D3A !important;
	border-radius: 0px !important;
	margin-right: 10px;
	float: none !important;
}
.dg-btn--cancel:hover{
    color: #FFF !important;
    background-color: #D21D3A !important;
    border-color: #D21D3A !important;
	border-radius: 0px !important;
}
.dg-content-body{
    border-bottom: 0!important;
    padding-bottom: 0!important;
	font-size: 16px !important;
}
.dg-content{
    font-size: 18px !important;
}
.vue2leaflet-map{
    display:block !important;
}
.wizard-card-footer{
    display:block !important;
}
.wizard-icon-container{
    /*width: 45px !important;
    height: 45px !important;
    font-size: 24px !important;*/
    border-radius: 50% !important;
    overflow: hidden !important;
}
.autosuggest__results-container{
	width: 100%;
    display: block;
    margin-top: -27px;
	Color:#101010;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.autosuggest__results{
    font-weight: 300;
    margin: 0;
    position: absolute;
    z-index: 10000001;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: white;
    padding: 0px;
    display: block;
    clear: both;
}
.autosuggest__results-item{
	padding: 10px;
	cursor: pointer;
}
.autosuggest__results-item:hover{
	background-color: #f4f4f4;
	cursor: pointer;
}
.autosuggest__results-item .autosuggest__results__logo{
	width: 60px;
	height: 60px;
	float: left;
	overflow: hidden;
	margin-right: 8px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	padding: 2px;
}
.autosuggest__results-item .autosuggest__results__logo img{
	width: 100%;
}
.autosuggest__results-item .autosuggest__results__details{
	width: auto;
	float: left;
}
.autosuggest__results-item .autosuggest__results__details .autosuggest__results__details__title{
	font-family: "PNBold",serif;
    font-size: 16px;
	font-weight: bold;
	color: #101010;
	display: block;
	clear: both;
	padding-top: 4px;
}
.autosuggest__results-item .autosuggest__results__details .autosuggest__results__details__subtitle{
	font-family: "PNReg",serif;
    font-size: 14px;
	color: #7F7F7F;
	display: block;
	clear: both;
}
.compte-banner-profil{
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 26px;
    display: block;
	clear: both;
    margin: 0 0 10px 0;
	text-align: center;
	width: 100%;
	text-decoration: none;
	color: #101010;
}
.compte-banner-profil a{
	text-decoration: none;
	color: #101010;
}
.compte-banner-profil a:hover{
	text-decoration: underline;
}
.compte-banner-profil picture{
	width: 150px;
	height: 150px;
    margin: 0 0 10px 0;
    display: inline-flex;
    text-align: center;
    clear: both;
}
.compte-banner-profil picture img{
	width: 100%;
    border-radius: 50%;
    display: block;
}
.compte-banner-profil a:hover picture img{
    border: 2px solid #fff;
    box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
    background-color: #fff;
    padding: 1px;
}
.compte-banner-profil-name{
    display: block;
	clear: both;
	text-align: center;
}
.compte-banner-profil-info{
    display: block;
	clear: both;
	text-align: center;
	margin: 30px 0;
	color: #5f6368;
	font-size: 17px;
}
/*------- Begin Accordéons Style-------*/
.box-accordion{
	clear: both;
	display: block;
}
.accordion-restyle .accordion{
	background-color: #FFF !important;
}
.accordion-restyle .accordion:hover{
	background-color: #ECECEC !important;
}
.accordion-restyle .accordion .header{
    font-family: "PNReg",serif !important;
    font-weight: normal !important;
    font-size: 22px !important;
    display: block !important;
	max-width: none !important;
    color: #101010 !important;
}
.accordion-restyle .accordion .header{
    font-family: "PNReg",serif !important;
    font-weight: normal !important;
    font-size: 22px !important;
    display: block !important;
	max-width: none !important;
    color: #101010 !important;
}
.accordion-restyle .accordion .header i{
	font-size: 28px !important;
    margin-top: 9px !important;
}
.accordion-restyle .accordion .body{
	border:1px solid #FFF !important;
	border:1px solid #ECECEC !important;
	clear: both;
}
/*.accordion-restyle .accordion:hover .body{
	border:1px solid #ECECEC !important;
}*/
.accordion-restyle .accordion .body .body-inner{
	line-height: 28px !important;
}
.accordion-restyle .accordion .body .body-inner button{
    font-size: 14px;
    font-weight: 700;
    color: #7F7F7F;
	background-color: #FFF;
    border: 2px solid #7F7F7F;
    padding: 5px 15px;
    clear: both;
    border-radius: 0;
    text-align: center;
    vertical-align: middle;
    margin: 15px 5px 15px 0;
}
.accordion-restyle .accordion .body .body-inner button:hover{
	background-color: #D21D3A;
    border: 2px solid #D21D3A;
    color: #FFF;
}
/*------- End Accordéons Style---------*/
.card .card-body{
	display: block;
	clear: both;
}.card .card-footer{
	display: block;
	clear: both;
	margin-bottom: 20px;
}
.vs__selected-options .vs__selected .vs__deselect{
	padding: 3px !important;
    margin: 5px !important;
    border: 1px solid #7F7F7F !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-radius: 50% !important;
}
.box-filter{
	display: block;
    clear: both;
    /*border-radius: 50px !important;
    background-color: #ECECEC;*/
    padding: 8px 15px;
    margin: 10px 0;
    width: 100%;
}
.box-filter .box-filter-left{
    font-family: "PNBold",serif;
	color:#7F7F7F;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    display: block;
    margin: 0 5px 0 0;
	float: left;
	width: auto;
	padding-top: 5px;
    text-align: left;
}
.box-filter .box-filter-right{
	display: block;
    width: 40%;
    float: right;
}
.box-filter .box-filter-right .box-filter-right-left{
    font-family: "PNBold",serif;
	color:#7F7F7F;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    display: block;
    margin: 0 5px 0 0;
	float: right;
	width: auto;
	padding-top: 5px;
    text-align: right;
}
.box-filter .box-filter-right .box-filter-right-right{
	float: right;
    background-color: #EAEAEA;
    min-width: 200px;
}
.mystyle {
	font-weight: bolder;
}
.myred {
	color: #D21D3A;
}
.myblack {
	color: #000;
}
.row-List-sml{
	width: 100%;
	clear: both;
	display: block;
	padding: 10px;
	margin: 0 0 10px 0;
}
.row-List-sml-left{
	float: left;
	width: 75%;
	display: block;
}
.row-List-sml-right{
	float: right;
	width: 20%;
	display: block;
	text-align: center;
}

.row-List-sml-left picture{
	float: left;
	width: 20%;
	display: block;
	margin-right: 5%;
}
.row-List-sml-left picture img{
	width: 100%;
	border: 0;
	box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
}
.row-List-sml-left .row-List-sml-content{
	float: left;
	width: 75%;
	display: block;
}
.row-List-sml-left .row-List-sml-content .row-List-sml-title{
	font-size: 16px;
	font-weight: bold;
	color: #101010;
	display: block;
	clear: both;
	margin-top: 5px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
 .row-List-sml .row-List-sml-left:hover .row-List-sml-content .row-List-sml-title{
	color: #D21D3A;
}
.row-List-sml-left .row-List-sml-content .row-List-sml-subtitle{
	font-size: 14px;
	color: #5f6368;
	display: block;
	clear: both;
}
 .row-List-sml .row-List-sml-left:hover .row-List-sml-content .row-List-sml-subtitle{
	color: #D21D3A;
}

.row-List-sml .margTop{
	margin-top: 30px;
}
.row-List-sml-right a{
	font-size: 24px;
	color: #5f6368;
	display: block;
	clear: both;
	transition: all 0.8s cubic-bezier(.14,1.36,.5,.88);
}
.row-List-sml-right a:hover{
	transform: scale(1.3);
}
.chiffrescles .chiffres {
	margin: 0 !important;
}
.chiffrescles .title {
	color: #101010;
}
.chiffrescles .desc {
	color: #101010;
}
.chiffrescles .infos {
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #7F7F7F;
    display: block;
    margin: 0 0 2px 0;
}
.subPageTitle {
    font-family: "PNCnBlack",serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 40px;
    color: #D21D3A;
    text-transform: uppercase;
    margin: 0 0 10px 0;
	display: block;
}
.section-sep .sponsor img {
    margin-left: 4px !important;
	height: 45px;
}
.section-people .quiestqui .name, .job, p {
    color: #101010;
}

.section-sep.social {
	margin: 10px 0 30px 0;
}


.section-space250-left{
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0px 0px 0px 0px;
}
.section-space250-left>.grd-item:first-child{
	width:300px;
}
@media (max-width: 767px){
	.section-space250-left>.grd-item:first-child{
		width:100%;
		width:100vw;
		/*margin-left:-60px;
		margin-right:-60px;*/
		margin-bottom:30px;
	}
}
@media (max-width: 767px){
	.section-space250-left>.grd-item:first-child>img{
		margin:auto;
	}
}
.section-space250-left>.grd-item:last-child{
	width:calc( 100% - 300px);
	padding:0 0 0 40px;
}
@media (max-width: 767px){
	.section-space250-left>.grd-item:last-child{
		width:100%;
		padding:0;
		margin-bottom:20px;
	}
}
.section-space250-left>.grd-item:last-child .grd-item{
	margin-bottom:40px;
}
@media (max-width: 767px){
	.section-space250-left>.grd-item:last-child .grd-item{
		margin-bottom:20px;
	}
}
.section-space250-left>.grd-item:last-child .grd-item:last-child{
	margin-bottom:0;
}
.text-article{
    font-family: "Libre Franklin",sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
}
.text-article{
    margin: 0 0 30px 0;
}
.title-article{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.subtitle-article{
    font-family: "PNReg",serif;
	color: #555;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
	margin-bottom: 40px;
	margin-top: -30px;
	box-sizing: border-box;
}
.people-card picture {
	width: 100%;
	display: block;
	clear: both;
	text-align: center;
}
.people-card picture img {
	/*width: 100%;*/
	max-width: 250px;
	display: initial;
}
.people-card .name {
    font-family: "PNBold",serif;
	color: #101010;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 0 0;
}
.people-card .job {
    font-family: "PNBold",serif;
	color: #101010;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    display: block;
    margin: 0 0 5px 0;
}
.people-card p {
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
	margin: 0;
}
.people-card p span {
    font-family: "PNBold",serif;
}
.mod-title {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    display: block;
    margin: 0 0 20px 0;
}
.grd-item.img-deco-qui {
	text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}
.grd-item.img-deco-qui .date {
    color:#7F7F7F;
	font-size: 14px;
	display: block;
	clear: both;
}
.grd-item.img-deco-qui picture{
    text-align: center;
	display: block;
	clear: both;
}
.grd-item.img-deco-qui picture img{
    text-align: center;
	display: initial;
	height: 100px;
}
.section-ad-right .section-sep-title{
    margin-bottom: 30px;
}
.section-ad-right .biz-annonces{
    margin-top: 0;
}
.section-prefooter .prefooter-bloc .title {
	color: #101010;
}
.section-prefooter .prefooter-bloc:hover .title{
	color: #D21D3A;
}
.section-prefooter .prefooter-bloc .txt a{
	transition: all .5s;
}
.section-prefooter .prefooter-bloc .txt a:hover{
	color: #D21D3A;
	font-size: 16px;
	font-weight: bold;
	transition: all .5s ease;
}


.section-prefooter .prefooter-bloc .txt .linkAL{
	transition: all .5s;
}
.section-prefooter .prefooter-bloc:hover .txt .linkAL{
	color: #D21D3A;
	font-size: 16px;
	font-weight: bold;
	transition: all .5s ease;
}

.ebloc-photos .title .date-post{
	font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #7F7F7F;
    display: block;
    margin: 0 0 2px 0;
	-webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
body.pg-article .cat-date {
    display: block;
    margin: 0 0 10px 0;
}
body.pg-article .cat-date .cat {
    font-family: "PNCnBlack",serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 40px;
    color: #D21D3A;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 10px 0 0;
}

.image-glr-container {
  /*background-color: #D21D3A;
  width: 500px;
  height: 340px;*/
  position: relative;
}
.image-glr-container picture{
  display: block;
  background-color: #D21D3A;
  /*width: 500px;
  height: 340px;*/
  position: relative;
}
.image-glr-container * {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.image-glr-container:hover .image-glr{
  filter: grayscale(50%);
  opacity: .7;
}
.image-glr-container:hover .image-glr-icon-container {
  z-index: 3;
  transform: translate(-50%, -50%) scale(2);
}
.image-glr-container:hover .image-glr-icon-container2 {
  z-index: 3;
  transform: translate(-50%, -50%) scale(2);
}
.image-glr{
  width: 100%;
  /*height: 100%;*/
}
.image-glr-icon-container {
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 35%;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-glr-icon-container2 {
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  position: absolute;
  top: 50%;
  right: 25%;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-glr-icon {
  color: #D21D3A;
}
body.pg-article .section-article article .visuel.arrows .arrow.left{
	z-index: 1;
}
.dsply-section-video{
	width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.ebloc-photos .pic, .item-txt-float .pic{display:block;position:absolute;top:20px;right:20px;width:35px;height:35px;background:transparent url(../img/ui/pic.svg) no-repeat;background-size:cover;box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);border-radius: 50%;}
.ebloc-big .pic{display:block;position:absolute;top:20px;right:20px;width:50px;height:50px;background:transparent url(../img/ui/play.svg) no-repeat;background-size:cover;box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);border-radius: 50%;}
.section-video .in{
    max-width: 1200px;
    margin: 0 auto;
}
.section-audio .in{
    max-width: 1200px;
    margin: 0 auto;
}
.section-dossiers .in{
    max-width: 1200px;
    margin: 0 auto;
}
.slick-prev, .slick-next{
	right: -20px;
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.slick-next{
	background: #F1EDE5 url(../img/ui/arrowr.svg) no-repeat center;
	background-size: 14px;
}
.slick-prev{
	background: #F1EDE5 url(../img/ui/arrowl.svg) no-repeat center;
	background-size: 14px;
	z-index: 1;
}
.slick-prev:hover{background: #FFF url(../img/ui/arrowl.svg) no-repeat center;background-size: 16px;}
.slick-next:hover{background: #FFF url(../img/ui/arrowr.svg) no-repeat center;background-size: 16px;}

.section-article article .slick-slide{
	box-sizing: border-box;
    max-height: 530px;
    overflow: hidden;
}



section .slider-pic picture{
	height: 100px;
	margin: 30px;
}
section .slider-pic picture img{
	width: 100%;
	height: 75px;
}
section .slider-moc picture img{
	width: 100%;
	padding: 15px;
}
body.pg-article .section-article article .article-content .txt {
    font-size: 18px;
    text-align: justify;
	margin-bottom: 50px;
}
body.pg-article .section-article article .article-content .txt strong {
    font-weight: bold;
}
body.pg-article .section-article article .article-content .txt a {
	color: #D21D3A;
	font-weight: bold;
	text-decoration: none;
}

body.pg-article .section-article article .article-content .txt ul {
    margin-left: 2em;
	list-style: disc;
}

body.pg-article .section-article article .article-content .txt ul li{
    margin-bottom: 10px;
}
body.pg-article .section-article article .article-content .txt ol {
    margin-left: 2em;
	list-style: decimal;
}
body.pg-article .section-article article .article-content .txt ol li{
    margin-bottom: 10px;
}

@media (max-width: 991px) and (min-width: 768px){
aside {
    width: 100%;
    min-width: 0;
}
}
@media (max-width: 767px){
aside {
    border-top: 0;
	width: 100%;
    min-width: 0;
}
}
aside .in {
    display: block;
    width: 300px;
    margin: 0 auto;
}
@media (max-width: 991px) and (min-width: 768px){
aside .in {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 90px;
}
}
@media (max-width: 767px){
aside .in {
    width: 100%;
}
}
aside .bloc-txt img {
    display: block;
    margin: 0 0 20px 0;
    width: 100%;
}
aside .bloc-txt .name {
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #101010;
    display: block;
}
aside .bloc-txt .title.primary {
    color: #D21D3A;
}
body.pg-article .section-article aside .bloc-txt>.title {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    display: block;
    margin: 0 0 20px 0;
}
aside .bloc-txt {
    display: block;
    margin: 0 0 50px 0;
}
aside .bloc-pub {
    text-align: center;
    display: block;
    margin: 0 0 50px 0;
}
@media (max-width: 991px) and (min-width: 768px){
aside .bloc-pub {
    width: 50%;
}
}
@media (max-width: 767px){
aside .bloc-pub {
    width: 100vw;
    margin-left: -20px;
    margin-right: -20px;
	margin: 0 0 30px 0;
}
}
aside .sondage .title {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin: 0 0 20px 0;
}
aside .sondage input[type=submit] {
    color: #D21D3A;
    margin: 10px 0 10px 0;
}
aside .sondage .sml {
    font-family: "PNBold",serif;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 0 10px;
    color: #101010;
}
@media (max-width: 991px) and (min-width: 768px){
aside .bloc-txt {
    position: relative;
    width: 50%;
    padding: 0 20px 0 0;
    display: block;
}
}
@media (max-width: 767px){
aside .bloc-txt {
    margin: 0 0 30px 0;
}
}
@media (max-width: 991px) and (min-width: 768px){
aside .bloc-pub img {
    display: initial;
}
}
.ebloc-mini .title-big .infos {
	font-size: 18px;
	text-decoration: none;
}
.ebloc-mini .title-big .title {
	font-size: 22px;
    line-height: 1.5;
	text-decoration: none;
}
.ebloc-mini .title {
	text-align: initial !important;
}
@media (max-width: 767px){
aside .bloc-txt {
    margin: 0 0 30px 0;
}
}
@media (max-width: 767px){
aside .in {
    padding-top: 90px;
}
}

[v-cloak]{
    display: none !important;
}
.vue-form-wizard .wizard-progress-bar{
    height: 5px !important;
}
.wizard-progress-with-circle{
    /*height: 2px;*/
}
.dg-btn--ok {
  border-color: #D21D3A;
}
.dg-btn-loader .dg-circle .dg-btn .dg-btn--ok .dg-pull-right {
  background-color: #D21D3A;
}
    #autosuggest__input {
      /*outline: none;
      position: relative;
      display: block;
      border: 1px solid #616161;
      padding: 10px;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;*/
    }
    #autosuggest__input.autosuggest__input-open {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .autosuggest__results-container {
      position: relative;
      width: 100%;
    }
    .autosuggest__results {
      font-weight: 300;
      margin: 0;
      position: absolute;
      z-index: 10000001;
      width: 100%;
      border: 1px solid #e0e0e0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      background: white;
      padding: 0px;
    }
    .autosuggest__results ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }
    .autosuggest__results .autosuggest__results_item {
      cursor: pointer;
      padding: 15px;
    }
    #autosuggest ul:nth-child(1) > .autosuggest__results_title {
      border-top: none;
    }
    .autosuggest__results .autosuggest__results_title {
      color: gray;
      font-size: 11px;
      margin-left: 0;
      padding: 15px 13px 5px;
      border-top: 1px solid lightgray;
    }
    .autosuggest__results .autosuggest__results_item:active,
    .autosuggest__results .autosuggest__results_item:hover,
    .autosuggest__results .autosuggest__results_item:focus,
    .autosuggest__results .autosuggest__results_item.autosuggest__results_item-highlighted {
      background-color: #F6F6F6;
    }
/*****Full*******/
.box-card-img-radius .quiestqui .visuel{
	width: 24%;
}
.box-card-img-radius .quiestqui .visuel img{
	border-radius:50%;
}
.box-card-img-radius .quiestqui .name{
	font-size: 20px;
}
.box-card-img-radius .quiestqui .job{
	color: #555;
}
.box-card-img-radius .quiestqui .in{
	padding: 10px;
	border-radius: 20px;
	transition: all 1s;
}
.box-card-img-radius .quiestqui .in:hover{
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .7s ease;
}
/*****Moyen*******/
.box-card-img-radius-middle .quiestqui .visuel{
	width: 20%;
}
.box-card-img-radius-middle .quiestqui .visuel img{
	border-radius:50%;
}
.box-card-img-radius-middle .quiestqui .name{
	font-size: 18px;
}
.box-card-img-radius-middle .quiestqui .job{
	color: #555;
	font-size: 16px;
}
.box-card-img-radius-middle .quiestqui .in{
	padding: 10px;
	border-radius: 20px;
	transition: all 1s;
}
.box-card-img-radius-middle .quiestqui .in:hover{
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .7s ease;
}
/*---*/
body.pg-article .section-article article .box-card-img-radius .quiestqui .visuel{
	width: 20% !important;
}
body.pg-article .section-article article .box-card-img-radius .quiestqui .visuel img{
	border-radius:50% !important;
}
body.pg-article .section-article article .box-card-img-radius .quiestqui .name{
	font-size: 18px !important;
}
body.pg-article .section-article article .box-card-img-radius .quiestqui .job{
	color: #555 !important;
	font-size: 16px !important;
}
body.pg-article .section-article article .box-card-img-radius .quiestqui .in{
	padding: 10px !important;
	border-radius: 20px !important;
	transition: all 1s;
}
body.pg-article .section-article article .box-card-img-radius .quiestqui .in:hover{
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .7s ease;
}
@media (max-width: 767px){
body.pg-article .section-article article .box-card-img-radius .quiestqui .visuel{

	margin-left: 20px;
}
}

/*****Small*******/
.box-card-img-radius-small .quiestqui .visuel{
	width: 18%;
}
.box-card-img-radius-small .quiestqui .visuel img{
	border-radius:50%;
}
.box-card-img-radius-small .quiestqui .name{
	font-size: 16px;
}
.box-card-img-radius-small .quiestqui .job{
	color: #555;
	font-size: 15px;
}
.box-card-img-radius-small .quiestqui .in{
	padding: 10px;
	border-radius: 20px;
	transition: all 1s;
}
.box-card-img-radius-small .quiestqui .in:hover{
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.15);
	transition: all .7s ease;
}
@media (max-width: 767px){
.box-card-img-radius .quiestqui .visuel{
	margin-left: 20px;
}
.box-card-img-radius-middle .quiestqui .visuel{
	margin-left: 20px;
}
.box-card-img-radius-small .quiestqui .visuel{
	margin-left: 20px;
}
}
.btn-more-gray{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #666;
    display: inline-block;
    padding: 8px 18px;
    border: 1px solid #666;
    border-radius: 50px;
	margin-left: 10px;
	transition: all .3s;
}
.btn-more-gray:hover{
    color: #FFF;
	background-color: #D21D3A;
	border: 1px solid #D21D3A;
	transition: all .3s ease;
}

.btn-more-red{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #D21D3A;
    display: inline-block;
    padding: 8px 18px;
    border: 1px solid #666;
    border-radius: 50px;
	margin-left: 10px;
	transition: all .3s;
}
.btn-more-red:hover{
    color: #FFF;
	background-color: #D21D3A;
	border: 1px solid #D21D3A;
	transition: all .3s ease;
}
.biz-indices .logo {
    width: auto;
    height: 45px;
}
.biz-indices .biz-txt-small {
    display: block;
    margin: 10px 0 2px 0;
}
.div-btn-full .cta{
	width: 100%
}
.cta-disable{
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #CCC;
    display: inline-block;
    padding: 8px 36px 8px 36px;
    border: 2px solid #CCC;
    border-radius: 50px;
    text-align: center;
}
.div-btn-full .cta-disable{
	width: 100%
}
.fa-ul li{
	margin-bottom: 8px;
}
.fa-ul a{
	font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #101010;
    display: block;
    -webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
 .box-titro .fa-ul {
    margin-left: 2em;
}
.fa-ul a:hover{
	color:#D21D3A
}
.fa-ul a span{
	font-size: 9px;
    text-align: left;
	margin-left: -6px;
}

.link-arrow-more{
	color: #101010;
	font-size: 16px;
	font-weight: bold;
	transition: all .5s;
}
.link-arrow-more:hover{
	color: #D21D3A;
	font-size: 17px;
	transition: all .5s ease;
}
.link-arrow-more .arraw-off, .arraw-on{
	width: 22px;
	display: inline;
}
.link-arrow-more .arraw-on{
	display: none;
}
.link-arrow-more:hover .arraw-on{
	display: inline;
}
.link-arrow-more:hover .arraw-off{
	display: none;
}
.filtre-srchTitro{
	display: flex;
	flex-direction: row;
}
.filtre-srchTitro a{
	width: 30%;
	border: 4px solid #CCC;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #101010;
    font-weight: bold;
    padding: 22px 0;
}
.filtre-srchTitro a:hover{
    color: #D21D3A;
}
.filtre-srchTitro .searchFormTitro{
	width: 40%;
	border: 4px solid #CCC;
	float: left;
    padding: 13px 0;
}
.filtre-srchTitro .searchFormTitro input[type="date"]{
	width: 80%;
	float: left;
	border: 0;
}
/*.filtre-srchTitro .searchFormTitro input[type="submit"]{
	width: 20%;
	background-color: #D21D3A;
	height: auto;
	float: left;
}*/

.filtre-srchTitro .searchFormTitro input[type="submit"]{
	background:transparent url("../../public/img/ui/search-white.svg") no-repeat center center !important;
	background-color: #D21D3A !important;
    height: 32px;
    width: 50px;
	padding : 0 0 10px 0;
}
.filtre-srchTitro .searchFormTitro input[type="submit"]:hover{
	background:transparent url("../../public/img/ui/search.svg") no-repeat center center !important;
	background-color: #D21D3A !important;
}

.filtre-srchTitro .searchFormTitroDate{
	float: left;
	width: 80%;
}
.filtre-srchTitro .searchFormTitroBtn{
	float: left;
	width: 20%;
	text-align: center;
}

.filtre-srchTitro .searchFormTitro mdp-date-picker .md-button.md-icon-button{
	margin:0;
}
.filtre-srchTitro .searchFormTitro md-input-container{
	margin:0;
}
.filtre-srchTitro .searchFormTitro md-input-container input[type=url], md-input-container input[type=text]{
	margin:0;
	font-size: 18px;
    color: #101010;
    font-weight: bold;
}
.filtre-srchTitro .searchFormTitro md-input-container .md-errors-spacer{
	min-height: 0px;
	display: none !important;
}
.filtre-srchTitro .searchFormTitro md-input-container.md-icon-float{
	width: 100%;
}
.clearBothTitro{
	display: none;
}
@media (max-width: 767px){
	.filtre-srchTitro{
		display: block;
	}
	.filtre-srchTitro .searchFormTitro{
		display: block;
		width: 100%;
	}
	.filtre-srchTitro a{
		width: 50%;
	}
	.clearBothTitro{
		clear: both;
		display: block;
	}
}
md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar), md-toolbar.md-hue-1:not(.md-menu-toolbar) {
    background-color: #D21D3A;
    color: rgb(255,255,255);
}
a.md-button.md-default-theme.md-accent.md-raised, a.md-button.md-accent.md-raised, a.md-button.md-default-theme.md-accent.md-fab, a.md-button.md-accent.md-fab, .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised, .md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab {
    color: rgb(255,255,255);
    background-color: #D21D3A;
}
.visuelTitro{
	text-align: center;
	background: #EFEFEF;
    padding: 30px 0;
}
.visuelTitro img{
	max-width: 450px;
	width: 100%;
	display: inline;
}

.subTitlePage{
    color: #D21D3A !important;
    text-transform: uppercase;
    font-family: "PNCnBlack",serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    border-bottom: 0 !important;
	margin-bottom: 40px !important;
}
.container-flash{
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
.container-flash .flash-time{
	font-weight: bold;
    width: 100px;
    padding: 6px 10px;
    display: block;
    margin-bottom: -10px;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    z-index: 7;
    position: relative;
    text-align: center;
}
.container-flash .flash-text{
    /* font-size: 14px; */
    width: 100%;
    padding: 25px;
    display: block;
    margin-bottom: 20px;
    border-left: 5px solid #FFF;
}
.container-flash .flash-text.on, .flash-time.on{
	background-color: #D21D3A;
	color: #FFF;
	font-weight: bold;
}
.container-flash .flash-text.off, .flash-time.off{
	background-color: #F1EDE5;
	color: #101010;
}
.container-flash .flash-text.basic, .flash-time.basic{
	border: 4px solid #F1EDE5;
	color: #101010;
	background-color: #FFF;
}
a .flash-text.off:hover, a .flash-text.basic:hover{
	color: #D21D3A;
}
/*-------------------- FLASH SPONSORING ORINAL --------------------------*/


#module_shadowFlashInfoHot{
	background-color:#FFFFFF;
	border:0px solid #DCDCDC;
	padding:0px;
	-moz-box-shadow: 0 0 5px 0px #888;
	-webkit-box-shadow: 0 0 5px 0px #888;
	box-shadow: 0 0 5px 0px #888;
}


.newBoxFlashInfoHot {
	border-top: 6px solid #D51835;
	padding: 10px;
	border: 1px solid #D51835;
	background-color: #D51835;
	display: flex;
	flex-direction: row;
}


.FlashInHot{
	padding:40px;
}

.bFlash{
    width: 75%;
    /* min-height: 73px; */
    float: left;
    padding-left: 40px;
}

.flashInfo{
	float: left;
    background: #FFF;
    padding: 18px;
	width: 25%;
	min-width: 177px;
	text-align: center;
}


/*-----Code couleur rouge pale juste au cas ou j'ai besoin de changer ce gris #df928d ------*/

.FontArticleEclusifWhite{
    font-family: "PNBold",serif;
	font-size: 24px;
	font-weight: bolder;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color:#FFF;
	display:block;

    margin-bottom: 10px;
}

a.FontArticleEclusifWhite{
	text-decoration:none;
	color:#FFF;
}

a.FontArticleEclusifWhite:hover{
	text-decoration:underline !important;
}
.FontArticleSourceBig {
    font-family: "PNReg",serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	color: #CCC;
}
.FontArticleSourceBig strong{
	font-weight: bold;
}
.ChiffreFlashInfo {
  font-family: "PNBold",serif;
  color:#4c4c4c;
  font-size:45px;
  font-weight:bolder;
  margin-top:-12px;
}
.CategoryArticleTitle {
    font-family: "PNBold",serif;
	font-size: 17px;
	line-height: 21px;
	text-align: left;
	text-transform: uppercase;
	color: #D10000;
}


.flashInfo .CategoryArticleTitle{
	display:inline-block;
	margin-bottom:15px;
}

.flashInfo .CategoryArticleTitle {
	margin-bottom: 0px;
}
.flashInfo p{
	display:none;
}

/*-------------------- FIN FLASH SPONSORING ORINAL --------------------------*/
.shortenBreadcrumb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 585px;
    vertical-align: bottom;
}
.shortenBreadcrumbMini {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    vertical-align: bottom;
}

/*-------------------- MOD FLASH INFO PE --------------------------*/

.flash .adInfo{
    text-align: center;
    width: 38%;
    margin: auto;
    margin-bottom: -15px;
    padding: 0 15px;
}
.flash .barInfo{
    height: 25px;
    width: 2px;
    background: #d81631;
    z-index: 10;
    margin: auto;
}
.flash .dateInfo{
	font-family: "PNBold",serif;
    font-weight: normal;
    background: #d81631;
    padding: 5px 15px;
    font-size: 15px;
    color: #fff;
	border-radius: 5px 5px 0 0;
}
.flash .flashBox{
	padding:10px;
	margin-bottom:00px;
	position:relative;
	font-size: 14px;
    line-height: 1.3;
	height: 100px;
	overflow: hidden;
    background: #fff;
    margin: 15px 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    color: #101010;
    font-weight: bold;
}

.flash .dateInfo.on, .flash .flashBox.on{
	font-family: "PNBold",serif;
    font-weight: normal;
    background: #D21D3A;
    color: #FFF;
}
.flash .dateInfo.off, .flash .flashBox.off{
	font-family: "PNBold",serif;
    font-weight: normal;
    background: #F1EDE5;
    color: #101010;
}
.flash a .dateInfo.off:hover, .flash a .flashBox.off:hover{
    color: #D21D3A;
}
.flash .dateInfo.basic{
	font-family: "PNBold",serif;
    font-weight: normal;
    background: #FFF;
    color: #101010;
	border-top:1px solid #b89c64;
	border-right:1px solid #b89c64;
	border-left:1px solid #b89c64;

}
.flash .flashBox.basic{
	font-family: "PNBold",serif;
    font-weight: normal;
    background: #FFF;
    color: #101010;
	border:1px solid #b89c64;
}
.flash a .dateInfo.basic:hover, .flash a .flashBox.basic:hover{
    color: #D21D3A;
}

#vertical-ticker li{
	margin-bottom: -15px;
}

body.pg-home .section-mea-flash {
    position: relative;
    background-color: #FFF;
	max-height: 500px;
}
body.pg-home .section-mea-flash .in {
    position: relative;
    display: block;
    padding: 0px 5px;
    border-top: 0px;
    border-right: 4px solid #F1EDE5;
    border-bottom: 4px solid #FFF;
    border-left: 4px solid #F1EDE5;
	max-height: 500px;
}
#vertical-ticker{
	height:400px;
	overflow:hidden;
	margin:0; padding:0;
}

#vertical-ticker li{
	display:block;
}
.section-mea-flash-footer{
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 10px;
	background-color: #F1EDE5;
	justify-content: space-between;
	border-top: 1px solid #CCC;
}
body.pg-home .section-mea-flash .section-mea-flash-footer div{
	float: left;
}
body.pg-home .section-mea-flash .section-mea-flash-footer div .cta {
	position: relative;
    bottom: 0;
    left: 0;
    display: block;
}
body.pg-home .section-mea-flash.section-mea-flash-footer .flash-footer-btn{
	float: right;
	max-width: 82px;
	display: flex;
	flex-direction: row;
	flex-grow:2;
}
body.pg-home .section-mea-flash .section-mea-flash-footer .flash-footer-btn div{
	width: 15px;
	margin: 5px;
}
body.pg-home .section-mea-flash .section-mea-flash-footer .flash-footer-btn div a img{
	width: 100%;
}
.alDtails a{
	text-decoration: none;
	color: #D21D3A;
}
.biz-indices .slick-list{
	width: 94%;
    margin: 0 auto;
}
.biz-indices .slick-list .slick-track div{
	margin: 0 20px 0 0;
}
/*.biz-indices .grd-item {
    border-bottom: 0px !important;
}*/

.biz-indices .grd-item .slick-prev{
	display: none !important;
}
.biz-indices .grd-item .slick-next{
	display: none !important;
}
.biz-indices:hover .grd-item .slick-prev{
	display: inline-block !important;
}
.biz-indices:hover .grd-item .slick-next{
	display: inline-block !important;
}
.biz-indices .biz-txt-small strong{
	font-family: "PNBold",serif;
    font-weight: normal;
}
body.pg-home .section-breaking span{
	font-family: "PNBold",serif;
	font-size: 16px;
}
.ondulation {
	padding: 10px;
	display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: -5px;
	position: relative;
}
.ondulation .onde0,
.ondulation .onde1,
.ondulation .onde2,
.ondulation .onde3{
  border: solid 1px #fff;
  border-radius: 34px;
  width: 10px;
  height: 10px;
  opacity: 1;
  position: absolute;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
}
.ondulation .onde0 { background:#FFF; }
.ondulation .onde1,
.ondulation .onde2,
.ondulation .onde3{
  animation-duration: 2s;
  animation-name: onde;
  animation-iteration-count: infinite;
}
.ondulation  .onde1{   animation-delay: 0s; }
.ondulation  .onde2{   animation-delay: 0.5s; }
.ondulation  .onde3{   animation-delay: 1s; }
@keyframes onde {
    0% {
       transform: scale(1);
    }
    100% {
        transform: scale(4);
      opacity: 0;
    }
}
.section-citation img {
    top: -13px;
    width: 50px;
    height: 50px;
}
.section-citation span {
    margin-left: 8px;
}
body.pg-home .section-breaking{
	width:unset;
}
.section-video{
	width:unset;
}
.section-audio{
	width:unset;
}
.section-dossiers{
	width:unset;
}
footer{
	/*width:unset;*/
}
.line-fin-red{
	/*width: 100vw;*/
    width: unset;
    height: 1px;
    /*background-color: #D21D3A;*/
	background-color: #F1EDE5;
    margin-left: -80px;
    margin-right: -80px;
    display: block;
	-webkit-box-shadow: 0 8px 6px -6px #333;
   -moz-box-shadow: 0 8px 6px -6px #333;
	box-shadow: 0 8px 6px -6px #333;
}
.pub-label {
    color: #999;
    float: left;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: .2em;
    line-height: 1;
    margin-top: 4px;
    position: relative;
    top: -4px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.pub-label:hover{
    color: #D21D3A;
	text-decoration: none;
}
.section-agenda .in .line.lineHot,.section-agenda.grd-item .in .line.lineHot{font-family:"PNBold",serif;font-weight:normal;color:#D21D3A;border: 2px solid #D21D3A;}
.section-agenda .in .line.lineHot:hover,.section-agenda.grd-item .in .line.lineHot:hover{background-color:#fff;}

/*.biz-indices .grd-item{display:none;}*/
.biz-indices .grd-item.slick-initialized{display:block;}
.section-audio .baudio {
    position: relative;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 56px;
    padding: 15px 70px 0px 70px;
    margin-bottom: 20px;
    width: 100%;
    height: 120px;
    color: #fff;
    -webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section-audio .baudio img {
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 56px;
    border: 2px solid #fff;
    width: 213px;
    height: 120px;
}
.section-audio .baudio::after {
    content: "";
    display: block;
    position: absolute;
    top: 47px;
    right: 20px;
    width: 24px;
    height: 20px;
    background: transparent url(../img/ui/sound.svg) no-repeat;
    background-size: cover;
    -webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section-people .birthday .date, .name.big{
	color: #101010;
}
.section-people .birthday .line:hover .date{
	color: #D21D3A;
}
.section-people .birthday .line:hover .name.big{
	color: #D21D3A;
}

.section-sep a.seemore {
    color: #101010;
}
.section-sep .seemore {
    position: absolute;
    z-index: 1;
    left: 0;
    padding: 10px 10px 10px 0;
    background-color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}
.seeMoreMaxH{
	max-height: 36px !important;
}
.section-title.marginbottom {
    margin-bottom: 30px !important;
}

.ebloc-default .handTop {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #FFF;
    color: #2BC828;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 54px;
	border: 3px solid #2BC828;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.ebloc-default .handDown{
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #FFF;
	color: #D21D3A;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 60px;
	border: 3px solid #D21D3A;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.visuel .handTop {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #FFF;
    color: #2BC828;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 54px;
	border: 3px solid #2BC828;

}
.visuel .handDown{
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #FFF;
	color: #D21D3A;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 60px;
	border: 3px solid #D21D3A;
}

.timeFlashInter{
	background: #D21D3A;
	padding: 1px 10px;
	color: #FFF !important;
	border-radius: 0px 25px 25px 25px;
	width: auto;
    display: initial !important;
}
.txtFlashInter{
	margin: 0 15px !important;
}
.section-marginb {
    margin-bottom: 60px !important;
}
.displayVid iframe{
	width: 100% !important;
}
.badgeNb{
	display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #D21D3A;
	color: #FFF;
	border-radius: 25px;
    padding: 5px 8px;
}
.visuel .slick-list div{
	position: relative;
}
.picShadow img{
	box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15), 0 1.5px 3px 0 rgba(0,0,0,.15);
}
.imgJo img {
	max-width: 300px;
	width: 100%;
	margin: 10px 0 30px 0;
	display: initial !important;
}
.noteJo{
	font-size: 14px;
    display: block;
    margin: 20px 0;
	color: #444;
}
.contentJo b{
    font-family: "PNBold",serif;
    font-weight: normal;
	text-transform: uppercase;
}
.hrLine{
	display: block;
    background-color: #DCDCDC;
    border: 0;
    padding: 0;
    margin: 15px 0;
    width: 100%;
    text-align: left;
    height: 1px;
}
.hrLineDashed{
    display: block;
    border-top: 3px dashed #444;
    width: 80px;
    margin: 20px auto;
}
.bigTxtJo{
	font-size: 45px;
    display: block;
    margin: 20px 0;
	color: #101010;
    font-family: "PNBold",serif;
    font-weight: normal;
	text-transform: uppercase;
}
.medTxtJo{
	font-size: 20px;
    display: block;
    margin: 20px 0;
	color: #101010;
    font-family: "PNReg",serif;
    font-weight: normal;
	text-transform: uppercase;
}
.titleTxtJo{
	font-size: 25px;
    display: block;
    margin: 20px 0;
	color: #101010;
    font-family: "PNReg",serif;
    font-weight: normal;
}
.summaryTxtJo{
	line-height: 1.4;
}
.formSearch {
    display: flex;
    flex-direction: row;
}
.formSearch .formSearchItem {
    width: 50%;
    border: 4px solid #CCC;
    float: left;
    padding: 13px 0;
}
.formSearch .formSearchItem .formSearchSelect{
    float: left;
    width: 100%;
	padding: 0 10px;
}
.formSearch .formSearchItem .formSearchSelect select{
    margin-bottom: 0 !important;
}
.formSearch .formSearchItem .formSearchInput{
    float: left;
    width: 80%;
	padding: 0 10px;
}
.formSearch .formSearchItem .formSearchInput input{
	margin-bottom: 0 !important;
	height: 45px;
    font-size: 20px;
    border-bottom: 2px solid #e6e6e6;
    padding: 0 10px 0 10px;
    margin: 0;
    width: 100%;
    clear: both;
    display: block;
    border-radius: 0;
}
.formSearch .formSearchItem .formSearchBtn {
    float: left;
    width: 20%;
	height: 45px;
    text-align: center;
	padding-top: 9px;
}
.formSearch .formSearchItem .formSearchBtn input[type="submit"]{
	background:transparent url("../../public/img/ui/search-white.svg") no-repeat center center !important;
	background-color: #D21D3A !important;
    height: 32px;
    width: 50px;
	padding : 0 0 10px 0;
}
.formSearch .formSearchItem .formSearchBtn input[type="submit"]:hover{
	background:transparent url("../../public/img/ui/search.svg") no-repeat center center !important;
	background-color: #D21D3A !important;
}
.formSearchClearBoth{
	display: none;
}
.pTableNavire{
	padding-bottom: 12px !important;
    padding-top: 12px;
    border-bottom: 1px solid #F1EDE5;
}
.badgePartenaire{
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.badgePartenaire a{
	display: block;
	clear: both;
	text-decoration: none;
}
.badgePartenaire img{
	max-width: 200px;
	width: 100%;
	margin-bottom: 15px;
	display: initial !important;
}
.badgePartenaire .badgePartenaireName{
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
    color: #101010;
    font-family: "PNBold",serif;
    font-weight: normal;
    text-transform: uppercase;
}
.badgePartenaire .badgePartenaireInfo{
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    color: #101010;
    font-family: "PNReg",serif;
    font-weight: normal;
}
.badgePartenaire .badgePartenaireInfo span{
    color: #D21D3A;
}
/**********FAKE NEWS**********/
.module_10_red {
	display: flex;
	flex-direction: row;
    background-color: #D10000;
    border: 1px solid #D10000;
    padding: 10px;
}
.divWarning {
    /* width: 16%; */
    /* min-height: 50px; */
    float: left;
    text-align: center;
    width: 100px;
    height: 100px;
    background: #FFF;
    color: #FF0000;
    border-radius: 50%;
    margin-right: 11px;
	margin-top: 6px;
    /* display: inline-flex; */
}
.WarningIcon {
    color: #d10000;
    font-size: 70px;
    vertical-align: middle;
    line-height: 91px;
	padding-top: 25px;
}
.TxtJustifFakeNews {
    font-family: "PNBold",serif;
    font-weight: normal;
    width: 76%;
    min-height: 120px;
    float: left;
    color: #FFF;
    font-size: 16px;
    /* width: auto; */
    line-height: 1.4;
}
.TitleJustifFakeNews {
    text-decoration: none;
    display: block;
    margin-bottom: 2px;
}
.FontRubriqueNameWhite {
    font-family: "PNBold",serif;
    font-weight: normal;
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}
.module_10_green {
	display: flex;
	flex-direction: row;
    background-color: #84ad09;
    border: 1px solid #84ad09;
    padding: 10px;
}
.InfoIcon {
    color: #85ad07;
    font-size: 70px;
    vertical-align: middle;
    line-height: 91px;
	padding-top: 25px;
}

body.pg-article .section-article article .article-content-default{display:block;padding:30px 0 0 0}@media (min-width: 768px) and (max-width: 991px){body.pg-article .section-article article .article-content-default{width:100%;padding:30px 0 0 0}}@media (max-width: 767px){body.pg-article .section-article article .article-content-default{width:100%;padding:30px 0 0 0}}body.pg-article .section-article article .article-content-default .txt{font-family:"Libre Franklin",sans-serif;font-weight:normal;font-size:16px;line-height:26px}body.pg-article .section-article article .article-content-default .txt p{font-family:"Libre Franklin",sans-serif;font-weight:normal;font-size:16px;line-height:26px;display:inline-block;margin:0 0 30px 0}
body.pg-article .section-article article .article-content-default .txt {
    font-size: 18px;
    text-align: justify;
}

body.pg-article .section-article article .article-content-default .txt a {
	color: #D21D3A;
	font-weight: bold;
	text-decoration: none;
}
.camoff{
	display: block;
    position: absolute;
    top: 38%;
    right: 32%;
    background: #FFF;
    color: #D21D3A;
    font-size: 24px;
    padding: 20px 40px;
    border: 2px solid #D21D3A;
    border-radius: 50px;
	font-family: "PNCnBlack",serif;
    font-weight: 800;
}
/******Compte à rebours******/
.countdown {
	display: flex;
}
.countdown .day,
.countdown .hour,
.countdown .min,
.countdown .sec,
.countdown .countTxt {
	color: #D21D3A;
	padding: 2px 4px;
	text-align: center;
}
.countdown .day .num,
.countdown .hour .num,
.countdown .min .num,
.countdown .sec .num,
.countdown .countTxt .txt {
	font-family: "PNBold",serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1em;
}
.countdown .day .word,
.countdown .hour .word,
.countdown .min .word,
.countdown .sec .word {
	font-size: 12px;
	color: #D21D3A;
}
#countdownBlinkRed {
    animation: txt-blink 1s infinite;
    color: #D21D3A;
	font-size: 20px;
	padding: 5px;
    margin-left: 6px;
}
@keyframes txt-blink{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
/**************/
.ebloc-mea .tag {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #D21D3A;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 8px 8px 6px 0;
    background-color: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.section-ad-right a.grd-item{
		margin-bottom: 40px;
		display: block;
}
.ebloc-mini picture {
    position: relative;
}
.ebloc-mini .play {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: transparent url(../img/ui/play.svg) no-repeat;
    background-size: cover;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	border-radius: 50%;
}
.ebloc-mini .pic {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: transparent url(../img/ui/pic.svg) no-repeat;
    background-size: cover;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	border-radius: 50%;
}
/***begin stat corona***/

.box-stat{
	display: block;
	clear: both;
	font-weight: bold;
	margin: 8px 0;
	border: 1px solid #EFEFEF;
}
.box-stat .box-red{
	float: left; width: 50%; padding: 14px 0 8px 0; text-align: center; background: #f8ede5;
}
.box-stat .box-gray{
	float: left; width: 50%; padding: 14px 0 8px 0; text-align: center; background: #ebecee;
}
.box-stat .box-green{
	float: left; width: 100%; padding: 14px 0 8px 0; text-align: center; background: #dcf8e7;
}
.box-stat span{
	font-size: 16px;
	color: #666;
	margin: 6px;
}
.box-stat .box-red p{
	font-size: 28px;
	color: #db695c;
	margin: 6px;
}
.box-stat .box-gray p{
	font-size: 28px;
	color: #555;
	margin: 6px;
}
.box-stat .box-green p{
	font-size: 28px;
	color: #83c270;
	margin: 6px;
}
.box-info-hot{
	display: block;
	clear: both;
	margin: 8px 0;
	border: 1px solid #D51835;
	background: #D51835;
	padding: 5px 5px 0 5px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
.box-info-hot div{
	font-size: 13px;
	color: #CCC;
	margin: 2px;
}
.box-info-hot span{
	font-size: 14px;
	color: #FFF;
}
.box-info-hot p{
	font-size: 18px;
	color: #FFF;
	margin: 0 6px 6px 6px;
}

.box-info-hot hr{
	background: #CCC;
    height: 1px;
    border: 0;
    width: 20%;
    margin-bottom: 4px;
}
.title-box-black{
	font-size: 18px;
    color: #bdbdbd;
	background: #222327;
	padding:8px 0;
	text-align: center;
	font-weight: bold;
}
/****end stat corona****/
.list-fiche-content .grd-item{position:relative;padding:0 0 50px 0}@media (max-width: 767px){.list-fiche-content .grd-item{padding:0;margin:0}.list-fiche-content .item-fiche .txt{width:100% !important;padding: 10px 0 0 0 !important;}.list-fiche-content .item-fiche .visuel { width: 100% !important;}}@media (min-width: 992px){.list-fiche-content .grd-item .section-sep{position:absolute;bottom:0;left:0;width:100%;margin:0}}.list-fiche-content .item-fiche .in{display:flex}@media (max-width: 767px){.list-fiche-content .item-fiche .in{display:block}}.list-fiche-content .item-fiche .visuel{width:35%}.list-fiche-content .item-fiche .visuel img{width:100%}.list-fiche-content .item-fiche .txt{width:65%;padding:0 0 0 20px}.list-fiche-content .item-fiche .name{font-family:"PNBold",serif;font-weight:normal;font-size:24px;line-height:30px;margin:0 0 0 0}.list-fiche-content .item-fiche .job{font-family:"PNBold",serif;font-weight:normal;font-size:15px;line-height:22px;display:block;margin:0 0 5px 0}.list-fiche-content .item-fiche p{font-family:"PNReg",serif;font-weight:normal;font-size:16px;line-height:23px}
.list-fiche-content .item-fiche .name, .job, p {
    color: #101010;
}
.list-fiche-content .item-fiche .name {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 0 0;
}
.list-fiche-content .item-fiche :hover .name {
	color:#D21D3A;
}
.list-fiche-content .item-fiche .info-red{
    font-family: "PNBold",serif;
    font-weight: normal;
	color:#D21D3A;
    font-size: 15px;
    line-height: 22px;
    display: block;
    margin: 0 0 5px 0;
}
.people-card picture .cover-cine{
	width: 100% !important;
	max-width: 100% !important;
}
.ebloc-default .pin, .item-txt-float .pin {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 35px;
    height: 35px;
    background: transparent url(../img/ui/pin.svg) no-repeat;
    background-size: cover;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    border-radius: 50%;
}
.ebloc-default .play, .item-txt-float .play{
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    border-radius: 50%;
}
.item-txt-float .play {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 35px;
    height: 35px;
    background: transparent url(../img/ui/play.svg) no-repeat;
    background-size: cover;
}
.little-gray-caption{
	font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 13px!important;
    line-height: 22px;
    color: #7F7F7F;
    display: block;
    margin: 5px;
}
/***Item article float txt*****/
.item-txt-float {
	position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(https://news.abidjan.net/photos/medium/BNI-free-0004.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*width: 1040px;
  height: 467px;*/
	width: 100%;
	max-width: 380px;
	height: 213px;
  color: white;
}
.item-txt-float .red-effect {
  /*background: linear-gradient(120deg, rgba(238, 73, 44, 1) 0%, rgba(238, 73, 44, 1) 0%, rgba(255, 255, 255, 0) 64%);*/
	background: linear-gradient(180deg, rgba(0,0,0,0.09) 40.74%, rgba(0,0,0,0.45) 100%);
  position: absolute;
  z-index: 0;
  /*width: 1040px;
  height: 467px;*/
	width: 100%;
    max-width: 380px;
    height: 213px;
}
.item-txt-float div {
  /*padding: 1rem 1.3rem;*/
  z-index: 0;
}
.item-txt-float div > img {
  width: 300px;
}
.item-txt-float > div:first-child {
	position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 20px;
    right: 20px;
}
.item-txt-float > div:last-child {
  font-size: 18px;
	position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 20px;
    right: 20px;
}
.item-txt-float > div:last-child h2 {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    display: block;
	margin-bottom: 0 !important;
	text-shadow: 2px 2px 4px #333;
    -webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-txt-float > div:last-child span {
font-family: "PNReg",serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    color: #FFF;
    display: block;
    margin: 0 0 2px 0;
	text-shadow: 2px 2px 4px #333;
    -webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-txt-float > div:last-child ul {
  list-style: none;
  display: flex;
  color: hsla(0,0%,100%,.6);
}
.item-txt-float ul > li {
  padding: 0 0.3rem;
}
@media (max-width: 767px){
	.item-txt-float {
		width: 100%;
		max-width: 100%;
	}
	.item-txt-float .red-effect {
		width: 100%;
		max-width: 100%;
	}
}
.item-txt-float .tag {
    font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #D21D3A;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 8px 8px 6px 0;
    background-color: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.section-default {
    margin: 30px 0 0 0;
}
.section-default .section-title {
    display: block;
    width: 100%;
    margin: 0 0 25px 0;
}
.section-default.sub {
    font-size: 20px;
    line-height: 20px;
    color: #101010;
    padding-bottom: 6px;
    border: none;
}
.section-default .grd-item {
    position: relative;
    padding: 0 0 25px 0;
}
.section-default .section-sep {
    margin: 20px 0 20px 0;
}
body.pg-article .section-article article h4 {
    font-family: "PNBold",serif;
    font-weight: normal;
    line-height: 40px;
}
.card-profil-item {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    position: relative;
    padding: 10px;
	min-height: 300px;
	height: 100%;
	text-align: center;
}
.card-profil-item picture{
	display: block;
	clear: both;
	margin-bottom: 10px;
	text-align: center;
}
.card-profil-item picture img {
    width: 65%;
	border-radius: 50%;
	display: block;
	clear: both;
	margin: 0 auto;
}
.card-profil-item picture .img-portrait {
    width: 65%;
	border-radius: 0% !important;
	display: block;
	clear: both;
	margin: 0 auto;
}
.card-profil-item .item-name {
	font-size: 18px;
	color: #101010;
	font-family: "PNBold",serif;
	font-weight: normal;
	margin: 0 0 0 0;
	display: block;
	clear: both;
	margin-bottom: 10px;
	line-height: 22px;
}
.card-profil-item .item-title {
	font-size: 14px;
	color: #555;
	font-family: "PNBold",serif;
	font-weight: normal;
	margin: 0 0 0 0;
	line-height: 20px;
}
.card-profil-item .item-date {
	font-size: 14px;
	color: #101010;
	font-family: "PNBold",serif;
	font-weight: normal;
	margin: 0 0 0 0;
	line-height: 20px;
}
.card-profil-item .item-ordre {
    font-family: "PNBold",serif;
    font-weight: normal;
	font-size: 14px;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 8px 4px 4px 4px;
    background-color: #999;
    border-radius: 50%;
    color: #FFF !important;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 9px;
	letter-spacing: 0px;
}
.wdth-pm{
	max-width: 380px;
	width: 100%;
	margin: 0 auto 30px auto;
}
.sep-tittle-violet{
	width: 20%;
	background-color: #660066;
	height: 4px;
	margin: 5px auto;
}
.necro .section-title, .necro .subTitlePage.clrNecro{
	color: #660066 !important;
}
.necro .cta.clrNecro{
	color: #660066 !important;
	border: 2px solid #660066;
}
.necro .cta.clrNecro:hover{
    color: #FFF !important;
	background-color: #D21D3A;
	border: 2px solid #D21D3A;
}
body.necro .cta.btnecro {
	color: #660066;
	border: 2px solid #660066;
}
body.necro .cta.btnecro:hover{
    color: #FFF !important;
	background-color: #D21D3A;
	border: 2px solid #D21D3A;
}
.necro .border-2px-red{
	border: 2px solid #660066 !important;
}
.necro .section-ad-left>.grd-item:last-child .grd-item:last-child {
    margin-bottom: 40px;
}
.srch-letter{
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.srch-letter a{
	color: #FFF;
	font-family: "PNBold",serif;
	font-weight: normal;
	font-size: 20px;
	text-decoration: none;
	background-color: #660066;
	text-align: center;
	padding: 5px 8px;

}
body.necro .section-article article .cat, body.necro .comment-box-row .comment-box-content .comment-box-mention .comment-box-mention5 {
    color: #660066 !important;
}
body.necro .list-box-btn {
    color: #660066;
    border: 1px solid #660066;
}
body.necro .list-box-btn:hover{
    color: #FFF;
	background-color: #D21D3A;
	border: 1px solid #D21D3A;
}

.menu-cta{
	width: 100%;
	list-style-type: none;
	margin: 0;
	display:flex;
	flex-direction: row;
	/*justify-content: space-between;*/
	flex-wrap: wrap;


}
.menu-cta a{
	font-family: "PNBold",serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #D21D3A;
	margin: 0 8px 10px 0;
    padding: 8px 36px 8px 36px;
    border: 2px solid #D21D3A;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: .1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-cta a:hover{
	color:#fff;
	background-color:#D21D3A
}
.menu-cta-on{
    color: #FFF !important;
	background-color: #D21D3A !important;
	border: 2px solid #D21D3A !important;
}
body.necro .menu-cta a{
    color: #660066;
    border: 2px solid #660066;
}
body.necro .menu-cta a:hover{
    color: #FFF;
	background-color: #D21D3A;
	border: 2px solid #D21D3A;
}
body.necro .menu-cta-on{
    color: #FFF !important;
	background-color: #660066 !important;
	border: 2px solid #660066 !important;
}



body.necro .link-arrow-more{
    color: #660066;
}
body.necro .link-arrow-more:hover{
    color: #D21D3A;
}
.pg-sport .section-title{color: #297d2e;border-bottom: 6px solid #297d2e;}
article .fb-comments iframe{width: 100% !important;}
article .fb-comments iframe textarea{border: 2px solid #D21D3A !important;}
body.pg-article .section-article article .visuel.smallvisuel{
	text-align: center;
}
body.pg-article .section-article article .visuel.smallvisuel img {
	display: initial;
	width: auto;
}

/* Titrologie Search bloc */
.bloc-search p{
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
	/*width:100%;*/
	height:100%
}
.bloc-search{
	margin:0;
	background-color:#F1EDE5;
	-webkit-transition:cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
	-moz-transition:cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
	-o-transition:cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
	transition:cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s
}

.bloc-search input[type=submit]{
	position:absolute;
	font-family:"PNBold",serif;
	font-size:12px;
	text-transform:uppercase;
	background-color:#D21D3A;
	color: white;
	padding:6px 12px 4px 12px;
	top:10px;
	right:12px
}
.bloc-search input[type=submit]:hover{
	color: #D21D3A;
	background-color:white
}
@media (min-width: 768px) and (max-width: 991px){
	.bloc-search input[type=submit]{
		display:none
	}
}
@media (max-width: 767px){
	.bloc-search input[type=submit]{
		display:none
	}
}
/* Titrologie Search bloc */

/* Debut CSS Chronologie */
.chronologie__content {
	margin: 0 auto;
	/*padding: 0 16.66% 50px;*/
	padding: 0 0 50px 15%;
}

.chronologie {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

.chronologie__nav {
	position: fixed;
	z-index: 99;
	top: 0;
	transition: top 0.3s ease-out;
	margin-top: 330px;
}
.chronologie__nav ul {
	list-style: none;
	list-style-position: inside;
	margin: 15px 0;
	font-family: "PNCnBlack",serif;
	font-size: 15px;
}
.chronologie__nav ul li {
	margin: 15px 0;
	padding-left: 0;
	list-style-type: none;
	color: #bfc1c3;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.chronologie__nav ul li.active {
	color: #d21d3a;
	border-bottom: 1px dotted transparent;
	transform: scale(1.2);
	font-weight: 700;
}
.chronologie__nav ul li:hover {
	color: #d21d3a;
}
/*Fin CSS Chronologie */
body.pg-article .section-article article .article-content {
    padding: 30px 20px 0 20px;
}
/************BEGIN BOX LINSTING FLASH SMS************/
.list-box-row-flash-sms{
	width: 100%;
	clear: both;
	display: flex;
	font-size: 14px;
    line-height: 1.3;
	color: #FFF;
}
.list-box-row-flash-sms .list-box-img{
	width: 48px;
	float: left;
}
.list-box-row-flash-sms .list-box-img img{
	width: 48px;
	border: 0;
}
.list-box-row-flash-sms .list-box-content{
	width: auto;
	float: left;
	position: relative;
	margin-left: 8px;
}
/*************END BOX LINSTING FLASH SMS*************/
.cta.sm.topcouv{
	width: 100%;
    border-radius: 0;
    background: #D21D3A;
    color: #FFF;
	transition: all .3s;
}
.cta.sm.topcouv:hover{
    border-radius: 0;
	border: 2px solid #FFB800;
    background: #FFB800;
    color: #101010;
	transition: all .3s ease;
}
@media (max-width: 767px){
	.cta.sm.topcouv{
		width: calc( 100% + 20px*2);
		margin-left: -20px;
	}
}

/* Bottom Bar Cookies */
#okCookie{
	background-color:#ffffff;
	color:#333333;
	position:fixed;
	bottom: 0;
	left: 50%;
	margin-bottom: 1.25rem;
	margin-left: -23.75rem;
	width: 47.5rem;
	padding: 1.25rem;
	font-family:sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid #ccc;
	z-index:10;
	box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
	border: 1px solid #e8ebed;
	border-radius: 5px;
	font-weight: lighter;
}
@media only screen and (max-width: 768px) {
	#okCookie{
		background-color: #ffffff;
		color: #333333;
		position: fixed;
		bottom: 0;
		left: 0;
		margin-left: 0;
		margin-bottom: 0;

		width: 100%;
		padding: 1.25rem;
		font-family: sans-serif;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		z-index: 10;
		box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
		border: 1px solid #e8ebed;
		border-radius: 5px;
		font-weight: lighter;

	}
	#okCookie p {
		margin: 0 0 10px 0;
		float: left;
		/* padding: 5px 0px; 
		font-size: 14px;*/
		line-height: 1.4;
		width: 100%!important;
		font-size: .875rem;
		text-align: center;
	}
	#okClose{
		padding: 10px 20px;
		float: left!important;
		margin-left: 0px !important;
		text-decoration: none;
		border-radius: 3px;
		color: white;
		font-size: 15px;
		text-align: center;
		width: 100%;
	}
}
#okCookie p{
	margin: 0 0 10px 0;
	float: left;
	/* padding: 5px 0px; */
	font-size: 16px;
	line-height: 1.4;
	width: 80%;
}
#okCookie #okClose, #okCookie #okCprivacy{
	padding:10px 20px;
	float:right;
	margin-left:10px;
	text-decoration:none;
	border-radius:3px;
	color:white;
	font-size: 15px;
	cursor: pointer;
}
#okCookie #okClose{
	background-color:#d81631;
}
#okCookie #okClose:hover{background-color:#c50721}
#okCookie #okCprivacy{
	/*  background-color:#8D9499;*/
}
#okCookie #okCprivacy:hover{/*background-color:#a0a8ae*/}
.okcBeginAnimate{
	-webkit-animation: myfirst 2s;
	animation: myfirst 2s;
}

/*App Abidjan.net Banner*************/
.mobileappbanner {
  display: none;
  width: unset;
  height: 88px;
  box-sizing: border-box;
  align-items: center;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-left: -80px;
  margin-right: -80px;
  padding-left: 80px;
  padding-right: 80px;
  background-color: #f1ede5;	
}

.mobileappbanner a {
  display: flex;
  flex: 1;
  align-items: center;
  text-decoration: none;
  font-size: 13px;
  color: #222;
  padding-right: 5px;
  margin-left: 21px;
}
.mobileappbanner a .mobileappbannerTxt {
  line-height: 1.4;
}
.mobileappbanner a .mobileappbannerTxt strong {
  font-family: PNCnBlack,serif;
  font-size: 15px;
  line-height: 1.1;
}

.mobileappbanner .close {
  padding: 10px;
  position: absolute;
  font-family: Arial;
  font-size: 16px;
  transform: scaleX(1.22);
  cursor: pointer;
  color: #888;
  top: 27px;
  left: 69px;
}

.mobileappbanner a img {
  margin-right: 10px;
  border-radius: 10px;
}

.mobileappbannerBtn {
  margin-left: auto;
  background: #c83a43;
  color: #fff;
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
}
@media (max-width: 767px){
	.mobileappbanner {
		display: flex;
	}
}

/***Back to top**/
#backtotopBtn {
  display: inline-block;
  background-color: #ffb800;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #FFF;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
/*#backtotopBtn::after {
  content: "\F106";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}*/
#backtotopBtn svg {
  margin: 12px 0;
  font-size: 25px;
}
#backtotopBtn:hover {
  cursor: pointer;
  background-color: #d21d3a;
	color: #FFF;
}
#backtotopBtn:active {
  background-color: #555;
}
#backtotopBtn.show {
  opacity: 1;
  visibility: visible;
}
#backtotopBtn {
  margin: 30px;
}
@media (max-width: 767px){
  #backtotopBtn {
    margin: 0;
  }
}
@media (min-width: 991px){
.image-glr-container picture{
    max-height: 178px;
    overflow: hidden;
}
}
header .logoBlackBar{display:block;position:absolute;z-index:1;top:22px;left:0;width:282px;height:50px;background:transparent url(https://media-files.abidjan.net/logos/logoBlackBar.svg) no-repeat;background-size:contain;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}@media (min-width:992px) and (max-width:1199px){header .logoBlackBar{top:20px;width:230px;height:48px}}@media (min-width:768px) and (max-width:991px){header .logoBlackBar{top:30px;width:240px;height:48px}}@media (max-width:767px){header .logoBlackBar{position:fixed;z-index:103;top:20px;left:14px;width:180px;height:50px}}@media (min-width:992px){header.mini .logoBlackBar{top:17px;width:160px}}

header .logoCIV{display:block;position:absolute;z-index:1;top:22px;left:0;width:282px;height:50px;background:transparent url(https://media-files.abidjan.net/logos/logoCIV.svg) no-repeat;background-size:contain;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}@media (min-width:992px) and (max-width:1199px){header .logoCIV{top:20px;width:230px;height:48px}}@media (min-width:768px) and (max-width:991px){header .logoCIV{top:30px;width:240px;height:48px}}@media (max-width:767px){header .logoCIV{position:fixed;z-index:103;top:20px;left:14px;width:180px;height:50px}}@media (min-width:992px){header.mini .logoCIV{top:17px;width:160px}}

.banner-full-with{padding-left:80px;padding-right:80px;margin-left:-80px;margin-right:-80px;font-size:0;position:relative;box-sizing:border-box;display:block;width:unset}.banner-full-with .in{max-width:1200px;width:100%;margin:0 auto;padding:0!important}.banner-full-with .in img{max-width:1200px;width:100%;margin:0 auto}.banner-full-with.hideDiv{height:0;padding:0;border-color:transparent;overflow:hidden}@media (min-width:767px){.banner-full-with.large{display:block}.banner-full-with.medium{display:none}.banner-full-with .in img.large{display:block}.banner-full-with .in img.medium{display:none}.slimBanner{margin-top:80px}}@media (max-width:767px){.banner-full-with.large{display:none}.banner-full-with.medium{display:block}.banner-full-with .in img.large{display:none}.banner-full-with .in img.medium{display:block}}
/**************Begin banner pub service************/
@media only screen and (min-width: 75rem){
.download-banner-container {
width: 100%;
}
}
@media only screen and (max-width: 500px){
.download-banner-container .download-banner{display: block !important;}
.download-banner-container .download-banner .standard-button-icon{display:block !important;width: 100% !important;height: 75px !important;}
.download-banner-container .download-banner .download-banner-button{display:block !important;width: 100% !important;height: 40px !important;margin-bottom: 10px !important;}
.download-banner-container .download-banner .download-banner-content{text-align:center;}
}
.download-banner-container .download-banner {
border-radius: 6px;
cursor: pointer;
display: flex;
text-decoration: none!important;
border: 1px solid #e1e1e1;
background-color: #fafafa;
margin-top: 24px;
}
.download-banner-container .download-banner .standard-button-icon {
background-image: url(https://www.abidjan.net/public/img/marketing/logo-anime-abnet-whapp.gif);
flex-shrink: 0;
}
.download-banner-container .download-banner .standard-button-icon {
border-right: 1px solid #e1e1e1;
border-radius: 6px;
background-position: center;
background-repeat: no-repeat;
background-size: 50px;
height: auto;
width: 100px;
background-color: #eaeaea;
}
.download-banner-container .download-banner .download-banner-content {
flex: 1;
display: flex;
flex-direction: column;
padding: 16px;
}
.download-banner-container .download-banner .download-banner-content .download-banner-title {
color: #2c2c2c;
font-weight: 700;
margin-top: 0;
font-size: 16px;
line-height: 1.3125;
margin-bottom: 0;
}
.download-banner-container .download-banner .download-banner-content .download-banner-description {
color: #4f4e4e;
font-weight: 400;
line-height: 1.5;
margin-top: 0;
font-size: 16px;
margin-bottom: 0;
}
.download-banner-container .download-banner .download-banner-button {
padding: 16px;
width: 150px;
border-radius: 6px;
}
.download-banner-container .download-banner .download-banner-button {
background-image: url(https://www.abidjan.net/public/img/marketing/ic-btn-sabonner-red.gif);
flex-shrink: 0;
}
.download-banner-container .download-banner .download-banner-button {
border-right: 1px solid #e1e1e1;
background-position: center;
background-repeat: no-repeat;
background-size: 115px;
height: auto;
width: 150px;
}
.download-banner-container .download-banner.green{border: 1px solid #00c307;background-color: #f7fff7;}
.download-banner-container .download-banner .standard-button-icon.green{border-right: 1px solid #c3ffc3;background-color: #eeffee;}