/*!


 * JD style v1.0 (https://www.jdcarre.fr/)


 * Copyright 2009-2018 JD² - Jonathan Durand


 * Licensed under MIT (https://opensource.org/licenses/MIT)


 */








/*************** LIENS ***********************/


a.hoverunderline:hover, a.hoverunderline:focus{


	text-decoration: underline;


	color:inherit;


}


a:hover{


	color:inherit;


}


a.opaque:hover{


	opacity: 0.7;/* l'opacite que vous voulez au depart */


	border:0;


	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */


	filter: alpha(opacity = 70); /* Hack IE 5-7 */


	text-decoration:none;


	-webkit-transition:opacity .20s linear;


	-moz-transition:opacity .20s linear;


	-o-transition:opacity .20s linear;


	text-decoration:none;

}


a.opaque img:hover{


	opacity: 0.7;/* l'opacite que vous voulez au depart */


	border:0;


	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */


	filter: alpha(opacity = 70); /* Hack IE 5-7 */


	text-decoration:none;


	-webkit-transition:opacity .20s linear;


	-moz-transition:opacity .20s linear;


	-o-transition:opacity .20s linear;


	transition:opacity .20s linear;


	text-decoration:none;

}


button:hover.opaque{

	opacity: 0.7;/* l'opacite que vous voulez au depart */

	border:0;

	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */

	filter: alpha(opacity = 70); /* Hack IE 5-7 */

	text-decoration:none;

	-webkit-transition:opacity .20s linear;

	-moz-transition:opacity .20s linear;

	-o-transition:opacity .20s linear;

	transition:opacity .20s linear;

	text-decoration:none;

}



a.nohover{


	text-decoration:none;


	color:inherit !important;


}


a.nounderline{


	text-decoration:none;


}


a.nounderline:hover{

	text-decoration:none;

}



a:focus{


	outline-style:none;


	text-decoration:none;


 	outline: none;


	color:inherit;


}


a:active{


	outline-style:none;


	text-decoration:none;


 	outline: none;


	color:inherit;


}





a.cursor{


	cursor:pointer !important;


}.opaque:hover{

	opacity: 0.7;/* l'opacite que vous voulez au depart */

	border:0;

	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */



	filter: alpha(opacity = 70); /* Hack IE 5-7 */

	text-decoration:none;

	-webkit-transition:opacity .20s linear;

	-moz-transition:opacity .20s linear;

	-o-transition:opacity .20s linear;

	text-decoration:none;

}



.cursor{

	cursor:pointer !important;

}



img{


	max-width: 100%;


	height: auto;


	display: block;


}


.loader{


	background-image:url('../img/loading.gif');


	background-position:center center;


	background-repeat:no-repeat;


	background-size:8%;


	margin-bottom:20px;


	min-height:99px;


	min-width:99px;


	display:block;


	width:100%;


	height:100%;


	z-index: 10000;


}


.loadersmall{

	background-image:url('../img/loading.gif') !important;

	background-position:center center !important;

	background-repeat:no-repeat !important;

	background-size:50% !important;

	margin-bottom:0px;

	min-height:35px;

	min-width:40px;

	display:block;

	z-index: 10000;

	-webkit-transition:all .20s linear;

	-moz-transition:all .20s linear;

	-o-transition:all .20s linear;

	transition:all .20s linear;

}



button:focus {


    outline:none;


}


.opaquestate{


	opacity: 0.6;


}


.opaquestatelow{

	opacity: 0.2;

}



.btn.a-btn.focus, .btn.a-btn:focus, .btn.a-btn:hover,.btn.focus, .btn:focus, .btn:hover, .btn:active{


	color:inherit;


}


.btn-link .orange:focus, .btn-link .orange:hover, .btn-link .orange:active{

	color:#f18422;

}



[type=button], [type=reset], [type=submit], button {


   -webkit-appearance:inherit;


   -moz-appearance:inherit;


   appearance:inherit;


}


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


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


/****************************************TEXTE***************************************************************/


.zindex15{


	z-index: 15;


}


.zindex14{


	z-index: 14;


}


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


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


/****************************************TEXTE***************************************************************/


h1, h2, h3, h4, h5, h6 {font-weight:400; font-weight:normal;}


.font6{


	font-size:6px;


	line-height:8px;


}


.font8{


	font-size:8px;


	line-height:10px;


}


.font10{


	font-size:10px !important;


	line-height:12px !important;


}


.font11{


	font-size:11px;


	line-height:14px;


}


.font12{


	font-size:12px;


	line-height:16px;


}


.font13{


	font-size:13px;


	line-height:18px;


}


.font13mobile{


	font-size:13px;


	line-height:18px;


}


.font14{


	font-size:14px;


	line-height:18px;


}


.font15{


	font-size:15px;


}


.font16{


	font-size:16px !important;


}


.lineheight16{


	line-height: 16px !important;


}


.lineheight18{


	line-height:18px !important;


}


.lineheight20{


	line-height:20px !important;


}


.lineheight22{


	line-height:22px !important;


}


.lineheight24{


	line-height:24px !important;


}





.lineheight36{


	line-height:36px !important;


	padding-right:3px;


}


.lineheight40{


	line-height:40px !important;


	padding-right:3px;


}


.font18{


	font-size:18px !important ;


	line-height:24px !important ;


}


.font20{


	font-size:20px;


	line-height:24px;


}


.font22{


	font-size:22px !important;


	line-height:26px !important;


}


.font25{


	font-size:25px !important;


	line-height:29px !important;


}


.font24{


	font-size:24px !important;


	line-height:28px !important;


}


.font26{


	font-size:26px !important;


	line-height:30px !important;


}


.font27{


	font-size:27px;


	line-height:33px;


}


.font28{

	font-size:28px;

	line-height:34px;

}



.font29{


	font-size:28px !important;


	line-height:33px !important;


}


.font30{


	font-size:30px !important;


	line-height:34px !important;


}


.font35{


	font-size:35px !important;


	line-height:40px !important;


}


.font36{


	font-size:36px !important;


	line-height:40px !important;


}


.font38{


	font-size:38px !important;


	line-height:44px !important;


}


.font40{


	font-size:40px;


	line-height:50px;


}


.font45{


	font-size:45px;


	line-height:55px;


}


.font50{


	font-size:50px;


	line-height:70px;


}


.font60{


	font-size:60px;


	line-height:70px;


}


.font70{


	font-size:70px;


	line-height:80px;


}


.font90{


	font-size:90px !important;


	line-height:95px;


}


.font120{


	font-size:120px;


	line-height:135px;


}


/**************** TEXT-ALIGN **********************/


.text-center{


	text-align:center;


}


.text-justify{


	text-align:justify;


}


.text-right{


	text-align:right;


}


.text-left{


	text-align:left;


}


.text-right-mobile-center{


	text-align:right;


}


.text-left-mobile-center{


	text-align:left;


}


@media (max-width: 767px) {


	.text-right-mobile-center{


		text-align:center;


	}


}


@media (max-width: 767px) {


	.text-left-mobile-center{


		text-align:center;


	}


}


.xlight{

	font-weight:200;

}



.light{


	font-weight:300;


}


.semibold{


	font-weight:600;


}


.bold{

	font-weight:800;

	font-weight:bold;

}



.extrabold{


	font-weight:900;


}


.uppercase{


	text-transform:uppercase;


}


.lowercase{


	text-transform:lowercase;


}


.underline{


	text-decoration:underline;


}


.text-shadow{


	text-shadow: 0px 0px 5px rgba(1,8,63,0.42);


}


.shadow-blanc{


	text-shadow: 1px 1px 0 rgba(62,62,62,0.3);


}


.italic{


	font-style: italic;


}


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


/****************************************POSITION****************************************************************/


.top50{


	top: 50px !important;


}


.m_no{


	margin-left:0px;


	margin-right:0px;


}


.m_top2{


	margin-top:2px;


}


.m_top8{


	margin-top:8px;


}


.m_top5{


	margin-top:5px;


}


.m_top7{


	margin-top:7px;


}


.m_top9{


	margin-top:9px;


}


.m_top{


	margin-top:30px;


}


.m_notop{


	margin-top:0px !important;


}


.m_medtop{


	margin-top:20px;


}


.m_tinytop{


	margin-top:5px;


}


.m_tinyright{


	margin-right:5px;


}


.m_smalltop{


	margin-top:10px;


}


.m_bigtop{


	margin-top:80px;


}


.m_gigatop{

	margin-top:140px;

}



.m_bottom{


	margin-bottom:30px;


}


.m_bottom40{


	margin-bottom:40px;


}


.m_bottommobile{


	margin-bottom:0px;


}


.m_mobilebottom{


	margin-bottom:30px;


}


.m_bigmobiletop{


	margin-top:60px;


}


.m_mobiletop{


	margin-top:30px;


}


.m_bigbottom{


	margin-bottom:60px;


}


.m_medbottom{


	margin-bottom:20px;


}


.m_smallbottom{


	margin-bottom:10px;


}


.m_nobottom{


	margin-bottom:0px !important;


}


.m_tinybottom{


	margin-bottom:5px;


}


.m_left{


	margin-left:30px;


}


.m_medleft{


	margin-left:20px;


}


.m_tinyleft{

	margin-left:5px;

}



.m_smallleft{


	margin-left:10px;


}


.m_right_mobile{


	margin-right:30px !important;


}


.m_right{


	margin-right:30px !important;


}


.m_medright{


	margin-right:20px;


}


.m_smallright{


	margin-right:10px;


}


.m_smallrightmobile{


	margin-right:10px;


}


.m_bigright{


	margin-right:50px;


}


.m_mobileright{


	margin-right:40px;


}


.m_mobileleft{


	margin-left:40px;


}


@media (max-width:1199px) {


	.m_mobileright{


		margin-right:00px;


	}


	.m_mobileleft{


		margin-left:00px;


	}


}


.p_bloc{

	padding:30px 8% 30px 8%;

}

.p_top{


	padding-top:25px !important;


}


.p_medtop{


	padding-top:20px;


}


.p_left{


	padding-left:25px !important;


}


.p_bigleft{

	padding-left:50px !important;

}



.p_right{


	padding-right:25px !important;


}


.p_medright{


	padding-right:35px !important;


}


.p_bottom{


	padding-bottom:25px !important;


}


.p_medbottom{


	padding-bottom:40px !important;


}


.p_cote{


	padding-left:30px;


	padding-right:30px;


}


.p_smallcotemobile{


	padding-left:15px;


	padding-right:15px;


}


.p_medcote{


	padding-left:40px;


	padding-right:40px;


}


.p_bigcote{


	padding-left:60px;


	padding-right:60px;


}


.p_bigcotemobile{


	padding-left:60px;


	padding-right:60px;


}


.p_bandeau{


	padding-top:30px;


	padding-bottom:30px;


}


.p_medbandeau{


	padding-top:20px;


	padding-bottom:20px;


}


.p_smallbandeau{


	padding-top:15px;


	padding-bottom:15px;


}


.p_bigbandeau{

	padding-top:60px;

	padding-bottom:60px;

}



.p_tinytop{


	padding-top:5px;


}


.p_tinybandeau{


	padding-top:10px;


	padding-bottom:10px;


}


.p_tinyright{

	padding-right:10px !important;

}



.p_tinycote{


	padding-left:10px !important;


	padding-right:10px !important;


}


.p_no{


	padding-left:0px;


	padding-right:0px;


}


.p_leftno{


	padding-left:0px;


}


.p_rightno{


	padding-right:0px;


}


.p_gigatop{

	padding-top:140px;

}

.p_gigabottom{

	padding-bottom:140px;

}

.p_bigtop{


	padding-top:60px;


}


.p_bigbottom{


	padding-bottom:60px;


}


.p_smallbottom{


	padding-bottom:15px;


}


.p_tinybottom{


	padding-bottom:10px;


}





.p_widget{


	padding:15px;


}


.p_bigwidget{


	padding:30px;


}


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


/****************************************BORDER**************************************************************/





.noborder{


	border:0px;


}


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


/****************************************BLOC****************************************************************/


.relative{


	position:relative;


}


.absolute{


	position:absolute;


}


.display{


	display:none;


}


.displaycondition{


	display:none;


}


.clearfloat{


	clear:both;


}


.inline_block{


	display:inline-block;


}


.block{


	display:block;


}


.inline{


	display:inline;


}


.vatop{


	vertical-align:top;


}


.vamiddle{


	vertical-align:middle;


}


table.vamiddle > tbody > tr > th,table.vamiddle > tbody > tr > td{

	vertical-align:middle;

}



.vcenter {


    display: flex;


    align-items: center;


}


.bloc_center{


	display:block;


	margin-left:auto;


	margin-right:auto;


}


.inline_center{

	margin-left:auto;

	margin-right:auto;

}



.pull-right{


	flot:right;


}


.pull-left{


	flot:left;


}


.max-width80{


	max-width: 80% !important;


}


.max-width70{


	max-width: 70%;


}


.max-width60{


	max-width: 60%;


}


.max-width50{


	max-width: 50%;


}


.max-width40{


	max-width: 40%;


}


.max-width30{

	max-width: 30%;

}

.min-height100{


	min-height:100px;


}


.max-height200{


	max-height:200px;


}


.width100{

	width: 100% !important;

}

.m_smalltopmobile{


	margin-top:10px;


}


@media all and (max-width: 992px) {


	.m_mobiletop{


		margin-top:00px;


	}


	.p_smallcotemobile{

		padding-left:0px;

		padding-right:0px;

	}



	.img-xs-60{


		max-width:40%;


		display: block;


		margin-left: auto;


		margin-right: auto;


		margin-bottom:10px;


		margin-top:5px;


	}


	.p_bigcotemobile{

  	padding-left:10px;

		padding-right:10px;

	}

}


@media all and (max-width: 768px) {


	.p_bloc{

		padding:15px 4% 15px 4%;

	}

	.m_bottommobile{


		margin-bottom:30px;


	}


	.m_mobilebottom{


		margin-bottom:0px;


	}


	.m_bigmobiletop{


		margin-top:0px;


	}


	.m_smalltopmobile{


		margin-top:0px;


	}


	.m_smallrightmobile{


		margin-right:0px;


	}


	.m_mobiletop{


		margin-top:00px;


	}


	.img-xs-60{


		max-width:60%;


		display: block;


		margin-left: auto;


		margin-right: auto;


		margin-bottom:10px;


		margin-top:5px;


	}


	.bloc_center_mobile{


		display:block;


		margin-left:auto;


		margin-right:auto;


	}


	.max-width50.mobile{


		max-width: 100%;


	}


	.p_bigcotemobile{


		padding-left:0px;


		padding-right:0px;


	}


	.font45{

		font-size: 36px;

	}

}


@media all and (max-width: 400px) {


	.p_medcote{


		padding-right:20px;


		padding-left:20px;


	}


}


@media all and (max-width: 315px) {


	.p_medcote{


		padding-right:5px;


		padding-left:5px;


	}


}


/************************ASSETS*****************************/


.add-pill{


	padding: 10px 13px;


	border-radius: 50%;


}


.img-rounded{

	border-radius: 50% !important;

}



.video-container {


    position: relative;


    padding-bottom: 56.25%;


    padding-top: 30px;


    height: 0;


    overflow: hidden;


	margin-top:0px;


	margin-bottom:30px;


}


.video-container iframe,


.video-container object,


.video-container embed,

.video-container .video-js {


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


	border: none;


	padding: 0;


	margin: 0;


}


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

/************** VIDEO JS *******************/

.video-container .video-js {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

	padding: 0;

	margin: 0;

}



.video-js .vjs-big-play-button {

  width: 2em !important;

  background-color: rgba(32, 59, 112, 0.8) !important;

  font-size: 4em !important;

	top: 40% !important;

  left: 43% !important;

}

.vjs-poster, .video-js{

	background-color: transparent !important;

}

iframe.noscrolling{


    overflow:hidden;


	border: none;


	padding: 0;


	margin: 0;


}


.noheight{


	height: 0px !important;


	margin:0px !important;


}


.square:before{

    content: "";

    display: block;

    padding-top: 100%;  /* initial ratio of 1:1*/

}

.nopuce{

	list-style-type: none

}