/*
 * CONTENEUR GLOBAL + CLASSES GENERIQUES
 */
#content{
	position:relative;
	float:left;
	width:100%;
}

/*
 * BANDEAU TITRE
 */
#ban_title{
	position:relative;
	float:left;
	width:100%;
	height:312px;
}

#ban_title .deco{
	position:absolute;
	float:left;
	top:0;
	left:0;
	width:123px;
	height:100%;
	background:url("../images/commun/ban_title/deco.png") no-repeat center center;
	z-index:2;
}

#ban_title .picture{
	position:relative;
	float:left;
	width:100%;
	height:312px;
	z-index:1;
}

#ban_title .picture .title{
	position:absolute;
	float:left;
	top:203px;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:36px;
	line-height:38px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
	z-index:4;
}

#ban_title .picture .title .text{
	position:relative;
	float:left;
	left:20px;
}

#ban_title .picture .title .text:after{
	float:left;
	width:100%;
	height:10px;
	content:"";
	background:#ffffff;
	border-radius:3px;
	margin:4px 0 0 0;
}

#ban_title .nav{
	position:absolute;
	float:left;
	bottom:0;
	width:100%;
	height:31px;
	z-index:3;
}

#ban_title .nav li.btnNav{
	float:left;
	height:31px;
	padding:0 0 0 20px;
}

#ban_title .nav li.btnNav .active{
	font-family:"Karbon-Semibold";
	font-size:14px;
	line-height:31px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
}

#ban_title .nav li.btnNav .active .text{
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
}

#ban_title .nav li.btnNav .active:after{
	position:relative;
	float:left;
	top:-4px;
	width:100%;
	content:"";
	height:4px;
	background:#ffffff;
}

#ban_title .nav li.btnNav a{
	float:left;
	height:31px;
	font-family:"Karbon-Semibold";
	font-size:14px;
	line-height:31px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
}
#ban_title .nav li.btnNav a:hover:after{
	position:relative;
	float:left;
	top:-4px;
	width:100%;
	content:"";
	height:4px;
	background:#ffffff;
}

#ban_title .picture .mask{
	position:absolute;
	float:left;
	width:100%;
	height:312px;
	z-index:2;
}

#ban_title .picture .photo{
	position:relative;
	float:left;
	width:100%;
	height:312px;
	text-align:center;
	z-index:1;
	overflow:hidden;
}

/*
 * BANDEAU TITRE POSITIVE FOOD
 */
#ban_title_positive{
	position:relative;
	width:100%;
	height:539px;
}

#ban_title_positive .picture{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
	width:100%;
	height:100%;
}

#ban_title_positive .picture .boxTitle{
	align-items:center;
	display: flex;
	left: 0;
	margin: 0 auto;
	position:relative;
	top:118px;
	width: 960px;
}

#ban_title_positive .picture .deco{
	background:url("../images/positive/ban_title/bulle_header.svg") no-repeat center center;
	height:91px;
	margin-right: 25px;
	margin-top: -45px;
	width:56px;
}

#ban_title_positive .picture .title{
	width:100%;
	font-weight:normal;
	max-width: 400px;
}

#ban_title_positive .picture .title img{
	width: 317px;
}

#ban_title_positive .picture .title .titlePositive{
	color:#008FD0;
	font-family:"Karbon-Bold";
	font-size:36px;
	line-height:36px;
	margin-top:17px;
	text-transform:uppercase;
}

#ban_title_positive .picture .title .text{
	color: #003747;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:22px;
	margin-top: 25px;
	text-transform:none;
}

/*
 * CONTENU
 */
#main{
	position:relative;
	float:left;
	width:100%;
	background:#f5f5f5 url("../images/commun/content/bg_main.jpg") repeat-y;
}
.content-commun #main{
	padding:20px 0 0 0;
}

#main .page{
	position:relative;
	float:left;
	width:100%;
	background:#ffffff;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	padding:36px 0 40px 0;
}
#main .page.transparent{
	background:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#main #content_discover{
	margin:10px 0 0 0;
}

#main #content_push{
	margin:10px 0 0 0;
}

#main #content_push .push{
	display:block;
	float:left;
	width:344px;
	height:132px;
}

#main #content_push .push .pushContent{
	display:block;
}

#main #content_push .push .pushContent .title{
	display:block;
	font-family:"Karbon-Bold";
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	color:#009bd7;
	text-transform:uppercase;
}

#main #content_push .push .pushContent .visit{
	display:block;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	color:#525256;
}

#main #content_push .push.first{
	background:transparent url('../images/commun/content/qui_veut_du_fromage.png') no-repeat;
	margin:0 10px 0 55px;
}
#main #content_push .push.first .pushContent{
	text-align:right;
	padding:30px 175px 0 0;
}

#main #content_push .push.second{
	background:transparent url('../images/commun/content/ich_liebe_kase.png') no-repeat;
}
#main #content_push .push.second .pushContent{
	text-align:left;
	padding:40px 0 0 175px;
}

#main .page .wrap{
	position:relative;
	width:810px;
	margin:0 auto;
}

#main .page .wrap .loader{
	float:left;
	width:100%;
	height:16px;
	background:url("../images/commun/content/loading.gif") no-repeat center top;
	margin:20px 0 20px 0;
}

/*#main .page .wrap img[src$=".gif"]{
	display:none;
}*/
#main .page .wrap img.show{
	display:block;
}

#main .page .wrap .btnBack{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
#main .page .wrap .btnBack.btnBackBottom{
	margin-top:15px;
}
#main .page .wrap #btn_back_implantations,
#main .page .wrap #btn_back_implantations_bottom{
	opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
	filter:alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";

	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
#main .page .wrap #btn_back_implantations{
	margin-top:10px;
}
#main .page .wrap #btn_back_implantations.show,
#main .page .wrap #btn_back_implantations_bottom.show{
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}

#main .page .wrap .btnBack a,
#main .page .wrap .btnBack .text{
	font-family:"Karbon-Semibold";
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	padding:0 0 0 17px;
}
#main .page .wrap .btnBack a:hover,
#main .page .wrap .btnBack .text:hover{
	text-decoration:underline;
}
#main .page .wrap .btnBack .text{
	cursor:pointer;
}

#main .page .wrap h2.title{
	float:left;

	font-family:"Karbon-Bold";
	font-size:36px;
	line-height:36px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 0px 0;
}

.content-commun #main .page .wrap h2.title{
	margin:0 0 15px 0;
}

#main .page .wrap h2.title .text{
	float:left;
}

#main .page .wrap h2.title .text .beforeLastLine{
	float:left;

}

#main .page .wrap h2.title .text .lastLine{
	float:left;
}

#main .page .wrap h2.title .text .lastLine:after{
	float:left;
	width:100%;
	height:10px;
	content:"";
	border-radius:3px;
	margin:5px 0 0 0;
}

#main .page .wrap .intro{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
	margin:15px 0 0px 0;
}
#main .page .wrap .intro strong{
	font-family:"Karbon-Bold";
}
#main .page .wrap .intro p{
	font-family:"Karbon-Regular";
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
}
#main .page .wrap .intro p strong{
	font-family:"Karbon-Bold";
}
#main .page .wrap .intro p:first-child{
	margin-top:0;
}
#main .page .wrap .intro h3{
	float: left;
	width: 100%;
	font-family: "Karbon-Bold";
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	color: #649ac0;
	text-align: left;
	text-transform: uppercase;
	margin: 40px 0 0px 0;
}
#main .page .wrap .intro .intro-home{
	display:block;
}
#main .page .wrap .intro .intro-details{
	font-size:16px;
	font-weight:normal;
	display:none;
}

#main .page .wrap .section{
	position:relative;
	float:left;
	width:100%;
	padding:0 0 38px 0;
}
#main #content_discover .wrap .section{
	width:550px;
}

#main .page .wrap h3.title{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:22px;
	line-height:22px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	margin:40px 0 0px 0;
}
#main #content_discover .wrap h3.title{
	margin-top:0;
	color:#1f7c9b;
}

#main .page .wrap ul.listDownload{
	float:left;
	width:100%;
	padding:0 0 17px 0;
}
#main .page.singleInformationReglementee .wrap ul.listDownload{
	display:none;
}
#main .page.singleInformationReglementee .wrap ul.listDownload.show{
	display:block;
}

#main .page .wrap ul.listDownload li.lineDownload{
	float:left;
	width:100%;
	margin:0 0 31px 0;
}

#main .page .wrap ul.listDownload li.lineDownload .title{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 1px 0;
}

#main .page .wrap ul.listDownload li.lineDownload a{
	font-family:"Karbon-Bold";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	text-decoration:underline;
}

#main .page .wrap ul.navSection{
	float:left;
	width:100%;
	margin:15px 0 0 0;
}

#main .page .wrap ul.navSection li.btnNavSection{
	position:relative;
	float:left;
	width:200px;
	margin:0 0 0 2px;
}
#main .page .wrap ul.navSection li.btnNavSection:first-child{
	margin-left:0;
}

#main .page .wrap ul.navSection li.btnNavSection .over{
	position:absolute;
	float:left;
	left:0;
	width:200px;
	height:200px;
	z-index:2;
	display:none;
}
#main .page .wrap ul.navSection li.btnNavSection:hover .over{
	display:block;
}

#main .page .wrap ul.navSection li.btnNavSection .out{
	position:relative;
	float:left;
	width:200px;
	height:200px;
	z-index:1;
}

#main .page .wrap .bottomText{
	float:left;
	width:100%;
	margin:27px 0 0 0;
}

#main .page .wrap .bottomText .title{
	float:left;
	width:100%;
	font-family:"Karbon-Semibold";
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	margin:0 0 2px 0;
}

#main .page .wrap p{
	float:left;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
	margin:15px 0 0px 0;
}

.content-commun #main .page .wrap p{
	margin:0px 0 0px 0;
}

#main .page .wrap p.hauteMarge{
	margin:40px 0 0px 0;
}
#main #content_discover .wrap p{
	margin:15px 0 0px 0;
}
#main .page .wrap li + p{
	margin:0;
}

#main .page .wrap p strong{
	font-family:"Karbon-Semibold";
}

#main .page .wrap p a{
	font-family:"Karbon-Semibold";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
}
#main .page .wrap p a:hover{
	text-decoration:underline;
}

#main .page .wrap ul.listBulles{
	float:left;
	width:100%;
	margin:40px 0 0 0;
}

#main .page .wrap ul.listBulles li{
	float:left;
	width:100%;
	margin:15px 0 0px 0;
}

#main .page .wrap ul.listBulles P{
	margin:0px;
}

#main .page .wrap ul.listBulles li:first-of-type{
	margin:0px 0 0px 0;
}

#main .page .wrap ul.listBulles li .picto{
	float:left;
	width:146px;
	height:146px;
}
#main .page .wrap ul.listBulles.imgLeft li .picto{
	float:left;
}
#main .page .wrap ul.listBulles.imgRight li .picto{
	float:right;
}

#main .page .wrap ul.listBulles li .info{
	float:left;
	width:600px;
	padding:0 0 0 64px;
}
#main .page .wrap ul.listBulles li .info li{
	list-style-type: disc;
	margin: 0 0 0 20px;
}
#main .page .wrap ul.listBulles.imgLeft li .info{
	float:left;
	padding:20px 0 0 64px;
}
#main .page .wrap ul.listBulles.imgRight li .info{
	float:right;
	padding:20px 64px 0 0;
}

#main .page .wrap ul.listBulles li .info .title{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	padding:0 0 0px 0;
}

#main .page .wrap .mention{
	position:relative;
	float:left;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
	border-radius:3px;
	padding:16px 14px;
	margin:40px 0 0px 0;
}

#main .page .wrap .mention P{
	color:#ffffff;
}

#main .page .wrap .mention .title{
	font-family:"Karbon-Bold";
	font-size:18px;
	line-height:21px;
	font-weight:normal;
}

#main .page .wrap ul.listStandard,
#main .page .wrap ul{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

#main .page .wrap ul.listStandard li,
#main .page .wrap ul li{
	float:left;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	color:#38383d;
	padding:2px 0 0 0;
}

#main .page .wrap ul.listStandard li .bullet,
#main .page .wrap ul li .bullet{
	float:left;
	width:11px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	margin:15px 9px 0 0;
}

#main .page .wrap ul.listStandard li .text,
#main .page .wrap ul li .text{
	float:left;
	width:790px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	color:#38383d;
	margin:15px 0 0 0;
}

#main .page .wrap ul.listStandard P{
	margin:0px;
}

#main .page .wrap .picture.fullWidth{
	position:relative;
	float:left;
	left:-75px; /* -83px */
	width:960px; /* 976px */
	margin:40px 0 0px 0;
}

#main .page .wrap .picture.fullWidth img{
	float:left;
	width:960px; /* 976px */
}

#main .page .wrap .lineBtn{
	float:left;
	width:100%;
	margin:15px 0px 0px 0px;
}
#main #content_discover .wrap .lineBtn.lineMore{
	margin:0;
}
#main #content_discover .wrap .lineBtn.lineDocs{
	margin:26px 0 0 0;
}
#main .page .wrap .lineBtnImplantations{
	margin-top:0;
}

#main #content_discover .wrap .lineBtn.lineDocs .title{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	color:#1f7c9b;
	margin:0 0 17px 0;
}

#main .page .wrap .btn a{
	float:left;
	height:24px;
	font-family:"Karbon-Bold";
	font-size:13px;
	line-height:24px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	color:#ffffff;
	border-radius:3px;
	padding:0 7px 0 6px;
	margin:5px 20px 0 0;
}
#main .page .wrap .btn a:hover,
#main .page .wrap .btn.active a{
	background:#094f64;
}
#main #content_discover .wrap .btn a{
	background:#1f7c9b;
}
#main #content_discover .wrap .btn a:hover{
	background:#094f64;
}

#main .page .wrap .btn a .text{
	float:left;
}

#main .page .wrap .btn a .picto{
	float:left;
	width:17px;
	height:24px;
	background:url("../images/commun/content/arrow_btn.png") no-repeat 0 3px;
	margin:0 0 0 10px;
}

#main .page .wrap .btnFile{
	float:left;
	margin:0 10px 10px 0;
}

#main .page .wrap .btnFile a{
	float:left;
	min-height:36px;
	border-radius:3px;
	padding:21px 26px 0 44px;
}
#main #content_discover .wrap .btnFile a{
	color:#1f7c9b;
	background:url("../images/commun/content/picto_btn_file.png") no-repeat 20px 8px;
	border:1px solid #1f7c9b;
}
#main #content_discover .wrap .btnFile a:hover{
	color:#ffffff;
	background:#1f7c9b url("../images/commun/content/picto_btn_file.png") no-repeat 20px 8px;
}

#main .page .wrap .btnFile a .name{
	float:left;
	font-family:"Karbon-Bold";
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}
#main .page .wrap .btnFile a:hover .name{
	text-decoration:underline;
}

#main .page .wrap .btnFile a .size{
	float:left;
	font-family:"Karbon-Regular";
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-align:left;
	text-transform:none;
}

#main .page .wrap .halfWidth{
	width:395px;
	margin:0;
}
#main .page .wrap .halfWidth p{
	margin:0;
}
#main .page .wrap .halfWidth.left{
	float:left;
	margin:40px 0 0px 0;
	clear:left;
}
#main .page .wrap .halfWidth.right{
	float:right;
	margin:40px 0 0px 0;
}

#main .page .wrap .halfWidth .picture{
	float:left;
	margin:0 0 20px 0;
	width:100%;
}

#main .page .wrap .halfWidth .title{
	font-family:"Karbon-Semibold";
	font-size:22px;
	line-height:27px;
	font-weight:normal;
	text-align:left;
}

#main .page .wrap .halfWidth ul.listStandard li .text{
	width:375px;
}

#main .page .wrap .boxListeImageGauche,
#main .page .wrap .boxListeImageDroite{
	position:relative;
	float:left;
}

#main .page .wrap .boxNum{
	position:relative;
	width:550px;
	margin:0 auto;
}

#main .page .wrap .boxNum .picto{
	float:left;
	width:146px;
	height:146px;
	margin:40px 0 0 0;
}

#main .page .wrap .boxNum .info{
	float:left;
	width:386px;
	padding:13px 0 0 18px;
	margin:40px 0 0 0;
}
#main .page .wrap .boxNum .info.infoGtpt{
	padding-top:3px;
}

#main .page .wrap .boxNum .info .num{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:36px;
	line-height:45px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}

#main .page .wrap .boxNum .info .text{
	float:left;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	text-align:left;
}

#main .page .wrap .boxNum .info .grosTitre{
	font-family:"Karbon-Bold";
	font-size:50px;
	line-height:48px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}

#main .page .wrap .boxNum .info .petitTitre{
	font-family:"Karbon-Bold";
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	text-align:left;
}

#main .page .wrap .boxNum .info .texteGtpt p{
	display:block;
	width:100%;
	font-size:19px;
	line-height:23px;
	color:inherit;
}
#main .page .wrap .boxNum .info .texteGtpt p:first-child{
	margin-top:0;
}

#main .page .wrap .boxCitation{
	position:relative;
	top:10px;
	width:684px;
	margin:0 auto;
}

#main .page .wrap .boxCitation .contentCitation{
	position:relative;
	float:left;
	width:682px;
	border-radius:3px;
	margin:40px 0 0px 0;
}

#main .page .wrap .boxCitation .contentCitation .picto{
	position:relative;
	float:left;
	left:323px;
	width:36px;
	height:36px;
	margin:-20px 0 0 0;
}

#main .page .wrap .boxCitation .contentCitation .text{
	position:relative;
	float:left;
	width:642px;
	font-family:"Karbon-Semibold";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:center;
	padding:12px 20px 16px 20px;
}

#main .page .wrap .boxCitation .contentCitation .signature{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	padding:5px 0 7px 0;
}

#main .page .wrap .boxCitation .contentCitation .signature .text{
	float:none;
	width:auto;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	border-radius:3px;
	padding:5px 40px 7px 40px;
}

#main .page .wrap .boxPhotoAndText{
	display: flex;
	position:relative;
	float:left;
	width:100%;
	margin:40px 0 0px 0;
}
#main .page .wrap .boxPhotoAndText .halfWidth.left{
	align-content: center;
	width:auto;
	margin:0px 0 0px 0;
}
#main .page .wrap .boxPhotoAndText .halfWidth.right{
	align-content: center;
	position:absolute;
	float:right;
	right:0px;
	width:auto;
	min-height:100%;
	margin:0px;
}

#main .page .wrap .boxPhotoAndText .contentBoxPhotoAndText{
	position:relative;
	width:644px;
	margin:0 auto;
}

#main .page .wrap .boxPhotoAndText .photo{
	float:left;
  height:100%;
	width:395px;
}

#main .page .wrap .boxPhotoAndText .photo IMG{
  height:100%;
  object-fit: cover;
  width:100%;
}

#main .page .wrap .boxPhotoAndText .text{
	float:left;
	width:375px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	padding:19px 20px 20px 20px
}

#main .page .wrap .boxPhotoAndText .text P{
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
}


#main .page .wrap .grid{
	float:left;
	width:100%;
}

#main .page .wrap .grid .vignette{
	position:relative;
	float:left;
	width:200px;
	height:200px;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	border:1px solid #efefef;
	cursor:pointer;
}
#main .page .wrap .grid .vignette.video{
	cursor:pointer;
}

#main .page .wrap .grid .photo-portrait{
	float:left;
	width:200px;
	height:402px;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	border:1px solid #efefef;
}

#main .page .wrap .grid .photo-carre{
	float:left;
	width:402px;
	height:402px;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	border:1px solid #efefef;
}

#main .page .wrap .grid .photo-paysage{
	float:left;
	width:402px;
	height:200px;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	border:1px solid #efefef;
}

#main .page .wrap .grid .vignette .over{
	position:absolute;
	float:left;
	top:0;
	left:0;
	width:200px;
	height:200px;
	z-index:2;
	display:none;
}
#main .page .wrap .grid .vignette:hover .over{
	display:block;
}

#main .page .wrap .grid .vignette .over .info{
	position:relative;
	width:130px;
	height:200px;
	display:table-cell;
	vertical-align:middle;
	padding:0 35px 0 35px;
	z-index:2;
}

#main .page .wrap .grid .vignette .over .info .title{
	display:block;
	width:130px;
	font-family:"Karbon-Semibold";
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	background:url("../images/commun/content/sep_over_vignette.jpg") no-repeat center bottom;
	padding:0 0 25px 0;
}

#main .page .wrap .grid .vignette .over .info .text{
	display:block;
	width:130px;
	font-family:"Karbon-Regular";
	font-size:18px;
	line-height:21px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	padding:17px 0 0 0;
}

#main .page .wrap .grid .vignette .over .bg{
	position:relative;
	float:left;
	top:-200px;
	width:200px;
	height:200px;
	z-index:1;
	opacity:0.9;
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	filter:alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}

#main .page .wrap .filtre{
	position:relative;
	float:left;
	width:100%;
	margin:15px 0 20px 0;
}

#main .page .wrap .selectCustom{
	position:relative;
	float:left;
	background:none;
	border:1px solid #beb4b5;
	border-radius:3px;
	z-index:2;
}
#main .page .wrap .filtre .selectCustom{
	width:203px;
}
#main .page .wrap .formContact .colForm .lineForm .selectCustom{
	width:298px;
}

#main .page .wrap .selectCustom .titleSelectCustom{
	position:relative;
	float:left;
	height:32px;
	font-family:"Karbon-Regular";
	font-size:14px;
	line-height:32px;
	font-weight:normal;
	text-align:left;
	color:#292929;
	cursor:pointer;
	padding:0 0 0 8px;
}
#main .page .wrap .filtre .selectCustom .titleSelectCustom{
	width:195px;
}

#main .page .wrap .selectCustom .titleSelectCustom .text{
	float:left;
}
#main .page .wrap .filtre .selectCustom .titleSelectCustom .text{
	width:148px;
	padding:0 8px 0 0;
}

#main .page .wrap .selectCustom .titleSelectCustom .arrow{
	position:absolute;
	float:right;
	top:-1px;
	right:-1px;
	width:39px;
	height:34px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

#main .page .wrap .selectCustom .titleSelectCustom .arrow .picto{
	position:relative;
	float:left;
	top:15px;
	left:15px;
	width:9px;
	height:5px;
	background:url("../images/commun/content/arrow_select_custom.png") no-repeat;
}

#main .page .wrap .selectCustom .contentSelectCustom{
	position:absolute;
	float:left;
	top:31px;
	left:-1px;
	width:100%;
	background:#ffffff;
	border:1px solid #beb4b5;
	border-top:none;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	z-index:2;
	display:none;
}

#main .page .wrap .selectCustom .contentSelectCustom .optionSelectCustom{
	float:left;
	height:32px;
	font-family:"Karbon-Regular";
	font-size:14px;
	line-height:32px;
	font-weight:normal;
	text-align:left;
	color:#292929;
	cursor:pointer;
	padding:0 8px;
}
#main .page .wrap .selectCustom .contentSelectCustom .optionSelectCustom:hover{
	color:#ffffff;
	background:#beb4b5;
}
#main .page .wrap .filtre .selectCustom .contentSelectCustom .optionSelectCustom{
	width:187px;
}
#main .page .wrap .selectCustom .contentSelectCustom .optionSelectCustom.hide{
	display:none;
}

#main .page .wrap .lineResult{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #dbdbdb;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	z-index:1;
}
#main .page .wrap .lineResult.last{
	border:none;
}

#main .page .wrap .lineResult .top{
	position:relative;
	float:left;
	width:100%;
}

#main .page .wrap .lineResult .top .title{
	float:left;
	width:650px;
	font-family:"Karbon-Bold";
	font-size:22px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}

#main .page .wrap .lineResult .top .date{
	float:left;
	width:650px;
	font-family:"Karbon-Regular";
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
}

#main .page .wrap .lineResult .top .btn{
	position:absolute;
	float:right;
	top:-10px;
	right:0;
}

#main .page .wrap .lineResult .content{
	float:left;
	width:100%;
	margin:4px 0 0 0;
}

#main .page .wrap .lineResult .content .bulle{
	position:relative;
	float:left;
	width:97px;
	height:97px;
	margin:25px 0 0 0;
}

#main .page .wrap .lineResult .content .bulle .mask{
	position:absolute;
	float:left;
	width:97px;
	height:97px;
	background:url("../images/commun/content/bg_mask_bulle_line_result.png") no-repeat;
	z-index:3;
}

#main .page .wrap .lineResult .content .bulle .picto{
	position:absolute;
	float:left;
	width:97px;
	height:97px;
	z-index:2;
}

#main .page .wrap .lineResult .content .bulle .bgColor{
	position:relative;
	float:left;
	width:97px;
	height:97px;
	z-index:1;
}

#main .page .wrap .lineResult .content .info{
	position:relative;
	float:left;
	width:667px;
	padding:0 0 0 46px;
}
#main .page .wrap .lineResult .content .info.fullWidth{
	width:100%;
	padding-left:0;
}

#main .page .wrap .lineResult .content .info .btnFile{
	margin:10px 0 0 0;
}

#main .page .wrap .lineResult .content .info .btnFile .picto{
	position:relative;
	float:left;
	top:20px;
	left:10px;
	width:17px;
	height:17px;
	margin:0 4px 0 0;
	display:none;
}

#main .page .wrap .lineResult .content .info .btnFile .picto .mask{
	position:absolute;
	float:left;
	width:17px;
	height:17px;
	background:url("../images/commun/content/bg_mask_btn_file.png") no-repeat;
	z-index:2;
}
#main .page .wrap .lineResult .content .info .btnFile:hover .picto .mask{
	background:url("../images/commun/content/bg_mask_btn_file_over.png") no-repeat;
}

#main .page .wrap .lineResult .content .info .btnFile .picto .bgColor{
	position:relative;
	float:left;
	width:17px;
	height:17px;
	z-index:1;
}

#main .page .wrap .titleSection{
	float:left;
	width:780px;
	min-height:23px;
	font-family:"Karbon-Bold";
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	padding:4px 0 0 30px;
	margin:0 0 2px 0;
}

#main .page .wrap .btnLocation a{
	position:absolute;
	float:right;
	top:0;
	right:0;
	height:57px;
	font-family:"Karbon-Bold";
	font-size:14px;
	line-height:57px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	border-radius:3px;
	padding:0 20px 0 66px;
	margin:16px 0 0 0;
}
#main .page .wrap .btnLocation a:hover{
	color:#ffffff;
}

#main .page .wrap .formContact{
	float:left;
	width:100%;
	margin:21px 0 74px 0;
}

#main .page .wrap .formContact .msgError{
	float:left;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	color:#e83f5c;
	padding:0 0 20px 0;
	display:none;
}

#main .page .wrap .formContact .msgConfirm{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	color:#009bd7;
	padding:0 0 20px 0;
	display:none;
}

#main .page .wrap .formContact .colForm{
	float:left;
}
#main .page .wrap .formContact .colForm.left{
	width:310px;
}
#main .page .wrap .formContact .colForm.right{
	width:500px;
}

#main .page .wrap .formContact .colForm .lineForm{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

#main .page .wrap .formContact .colForm .lineForm label{
	float:left;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	text-align:right;
	color:#292929;
	padding:10px 20px 0 0;
}

#main .page .wrap .formContact .lineForm.DC input[type="checkbox"] {
	-webkit-appearance: checkbox;
	height: 12px;
	display: inline-block;
}
#main .page .wrap .formContact .lineForm.DC.error input[type="checkbox"] {
	outline:1px solid #e83f5c;
}
#main .page .wrap .formContact .lineForm.DC label .mandatory {
	color: #009bd7;
}
#main .page .wrap .formContact .lineForm.DC label a {
	color: #525256;
	font-weight: bold;
	text-decoration: underline;
}
#main .page .wrap .formContact .lineForm.DC label{
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	color:#292929;
	padding:10px 20px 0 0;
}
#main .page .wrap .formContact .colForm.left .lineForm label{
	width:95px;
}
#main .page .wrap .formContact .colForm.right .lineForm label{
	width:178px;
}

#main .page .wrap .formContact .colForm .lineForm label .mandatory{
	color:#009bd7;
}

#main .page .wrap .formContact .colForm .lineForm input.inputTextContact{
	float:left;
	width:173px;
	height:32px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:32px;
	font-weight:normal;
	text-align:left;
	color:#292929;
	border:1px solid #beb4b5;
	border-radius:3px;
	background:#ffffff;
	padding:0 10px;
}
#main .page .wrap .formContact .colForm .lineForm.error input.inputTextContact,
#main .page .wrap .formContact .colForm .lineForm.error .selectCustom{
	border:1px solid #e83f5c;
}

#main .page .wrap .formContact .colForm .lineForm .selectCustom .titleSelectCustom{
	width:290px;
}
#main .page .wrap .formContact .colForm .lineForm .selectCustom .titleSelectCustom .text{
	width:243px;
	padding:0 8px 0 0;
}

#main .page .wrap .formContact .colForm .lineForm .selectCustom .contentSelectCustom .optionSelectCustom{
	width:282px;
}

#main .page .wrap .formContact .colForm .lineForm textarea.textareaContact{
	float:left;
	width:278px;
	height:192px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	color:#292929;
	border:1px solid #beb4b5;
	border-radius:3px;
	background:#ffffff;
	padding:5px 10px;
}
#main .page .wrap .formContact .colForm .lineForm.error textarea.textareaContact{
	border:1px solid #e83f5c;
}

#main .page .wrap .formContact .colForm .captcha{
	float:left;
	width:298px;
	height:77px;
	border:none;
}
#main .page .wrap .formContact .colForm .lineCaptcha.error label{
	color:#e83f5c;
}

#main .page .wrap .formContact .lineSubmit{
	position:relative;
	float:left;
	width:100%;
	margin:8px 0 0 0;
}

#main .page .wrap .formContact .lineSubmit input.inputSubmitContact{
	position:absolute;
	float:right;
	top:0;
	right:0;
	width:93px;
	height:24px;
	font-family:"Karbon-Bold";
	font-size:12px;
	line-height:24px;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
	text-transform:uppercase;
	border:none;
	border-radius:3px;
	cursor:pointer;
	padding:0 0 0 8px
}

#main .page .wrap .formContact .mandatoryMention{
	float:left;
	font-family:"Karbon-Regular";
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	color:#009bd7;
	padding:10px 0 0 0;
}

#main .page .wrap .searchFilter{
	float:left;
	width:100%;
	height:34px;
	margin:0 0 18px 0;
}

#main .page .wrap .searchFilter input.inputTextSearchFilter{
	float:left;
	width:270px;
	height:32px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:32px;
	font-weight:normal;
	color:#292929;
	text-align:left;
	border:1px solid #beb4b5;
	border-right:none;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	background:#ffffff;
	padding:0 10px;
}

#main .page .wrap .searchFilter input.inputSubmitSearchFilter{
	float:left;
	width:39px;
	height:34px;
	background:url("../images/recherche/bg_submit_filter.png") no-repeat;
	border:none;
	cursor:pointer;
}

#main .page .wrap .lineSearchResult{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #dbdbdb;
	padding:0 0 15px 0;
	margin:0 0 18px 0;
}

#main .page .wrap .lineSearchResult .desc{
	float:left;
	width:630px;
}

#main .page .wrap .lineSearchResult .desc .title{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:22px;
	line-height:22px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	padding:0 0 11px 0;
}

#main .page .wrap .lineSearchResult .btn{
	position:absolute;
	float:right;
	top:-9px;
	right:0;
}

#main .page .wrap .searchLoader{
	display:none;
	text-align:center;
	margin:0 0 20px 0;
}
#main .page .wrap .searchLoader.show{
	display:block;
}

#main .page .wrap .sliderImplantation{
	position:relative;
	float:left;
	left:-75px; /* -83px */
	width:960px; /* 976px */
	height:504px;
	overflow:hidden;
}

#main .page .wrap .maskImplantation{
	position:absolute;
	float:left;
	top:0;
	left:0;
	width:1770px;
}

#main .page .wrap .mapImplantation{
	position:absolute;
	float:left;
	width:958px;
	height:454px;
	margin:50px 0 0 0;
	z-index:2;
}

#main .page .wrap .mapImplantation img,
#main .page .wrap .mapImplantation map,
#main .page .wrap .mapImplantation area{
	outline:none;
}

#main .page .wrap .mapBg{
	position:relative;
	float:left;
	width:958px;
	height:454px;
	margin:50px 0 0 0;
	z-index:1;
}

#main .page .wrap .mapBg #bg_map_europe_centre{
	position:absolute;
	float:left;
	top:68px;
	left:476px;
	width:137px;
	height:117px;
	background:url("../images/implantation/map_europe_centre.png") no-repeat;
}
#main .page .wrap .mapBg #bg_map_europe_centre.hide{
	background:url("../images/implantation/map_europe_centre_off.png") no-repeat;
}

#main .page .wrap .mapBg #bg_map_europe_ouest{
	position:absolute;
	float:left;
	top:106px;
	left:436px;
	width:100px;
	height:88px;
	background:url("../images/implantation/map_europe_ouest.png") no-repeat;
}
#main .page .wrap .mapBg #bg_map_europe_ouest.hide{
	background:url("../images/implantation/map_europe_ouest_off.png") no-repeat;
}

#main .page .wrap .mapBg #bg_map_international{
	position:absolute;
	float:left;
	top:0;
	left:0;
	width:958px;
	height:454px;
	background:url("../images/implantation/map_international.png") no-repeat;
}
#main .page .wrap .mapBg #bg_map_international.hide{
	background:url("../images/implantation/map_international_off.png") no-repeat;
}

#main .page .wrap .listDetails{
	float:left;
	width:730px;
	padding:18px 0 0 80px;
}

#main .page .wrap .listDetails .detail{
	float:left;
	width:100%;
}

#main .page .wrap .listDetails .detail .sectionDetail{
	float:left;
	width:100%;
	padding:0 0 20px 0;
}

#main .page .wrap .listDetails .detail .sectionDetail .pays{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:22px;
	line-height:22px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#main .page .wrap .listDetails .detail .sectionDetail .societe{
	float:left;
	width:100%;
	padding:0 20px 20px 0;
}

#main .page .wrap .listDetails .detail .sectionDetail .societe .title{
	float:left;
	width:100%;
	font-family:"Karbon-Bold";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
}

#main .page .wrap .listDetails .detail .sectionDetail .societe ul{
	float:left;
	width:100%;
}

#main .page .wrap .listDetails .detail .sectionDetail .societe ul li{
	float:left;
	width:302px;
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
	padding:0 0 8px 0;
}

#main .page .wrap .listDetails .detail .sectionDetail .societe ul li p{
	margin:0;
}

#main .page .wrap .listDetails .detail .sectionDetail .societe ul li a{
	font-family:"Karbon-Regular";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
	text-align:left;
	color:#525256;
}
#main .page .wrap .listDetails .detail .sectionDetail .societe ul li a:hover{
	text-decoration:underline;
}

#main .page .wrap .wrapBtnMore{
	position:relative;
	float:left;
	top:-7px;
	width:100%;
	text-align:center;
	margin:0 0 31px 0;
}
.content-commun #main .page .wrap .wrapBtnMore{
	margin:14px 0 23px 0;
}

#main .page .wrap .wrapBtnMore .btn{
	position:relative;
	left:284px;
}

#main #content_discover .wrap .bulleDiscover{
	position:relative;
	float:left;
	left:45px;
	width:145px;
	height:145px;
}

#main #content_discover .wrap .bulleDiscover .mask{
	position:absolute;
	float:left;
	width:145px;
	height:145px;
	background:url("../images/commun/content/bg_mask_bulle_discover.png") no-repeat;
	z-index:2;
}

#main #content_discover .wrap .bulleDiscover .picture{
	position:relative;
	float:left;
	width:145px;
	height:145px;
	z-index:1;
}

/*
 * PAGE POSITIVE FOOD
 */
#main #page_positive {
	padding: 0;
}

#main #page_positive .boxTitleMobile{
	display: none;
}

#main #page_positive .banBoxMobile{
	display: none;
}

#main #page_positive strong {
	font-family: "Karbon-Bold";
	font-weight: bold;
}

#main #page_positive .colPositive .boxPositive{
	background-color: #FFFFFF;
	display: flex;
}

#main #page_positive .colPositive .boxPositive .picture {
	max-width: 441px;
}

#main #page_positive .colPositive .boxPositive .picture img{
	padding-bottom: 36px;
	width: 100%;
}

#main #page_positive .colPositive .boxPositive .boxText {
	margin-left: 35px;
}

#main #page_positive .colPositive .boxPositive .boxText .title{
	color:#B1CA40;
	font-family:"Karbon-Bold";
	font-size:36px;
	line-height:36px;
	margin-bottom: 35px;
	margin-top: 47px;
	text-transform:uppercase;
}

#main #page_positive .colPositive .boxPositive .boxText .lineText{
	align-items:flex-start;
	display: flex;
	margin-top: 25px;
}

#main #page_positive .colPositive .boxPositive .boxText img{
	max-height: 32px;
	margin-right: 28px
}

#main #page_positive .colPositive .boxPositive .boxText .text{
	color: #003747;
	font-family:"Caecillia-Regular";
	font-size:15px;
	line-height:22px;
	width: 300px;
}

#main #page_positive .colPositive .boxPositive .boxText .text strong {
	font-family: "Caecillia-Regular";
}

#main #page_positive .colPositive .boxPositive.left{
	background-color: #FFFFFF;
	flex-direction: row-reverse;
}

#main #page_positive .colPositive .boxPositive.left .picture img{
	padding: 15px 0;
}

#main #page_positive .colPositive .boxPositive.left .boxText {
	margin-left: 100px;
	margin-right: 30px;
}

#main #page_positive .colPositive .boxPositive.left .boxText .title{
	color:#DE6A09;
	margin-left: 0;
}

#main #page_positive .colPositive .banBox img{
	width: 100%;
}

#main #page_positive .colPositive .headerLever{
	background-color: #FFFFFF;
	padding: 60px 85px;
}

#main #page_positive .colPositive .headerLever .title{
	color:#008FD0;
	display: block;
	font-family:"Karbon-Bold";
	font-size:22px;
	line-height:30px;
	margin-bottom: 10px;
	text-transform:uppercase;
}

#main #page_positive .colPositive .headerLever .text{
	display: block;
	font-family:"Karbon-Regular";
	font-size:16px;
	font-weight:600;
	line-height:22px;
	margin-bottom: 50px;
	width: 464px;
}

#main #page_positive .colPositive .headerLever .cards{
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

#main #page_positive .colPositive .headerLever .cards .card{
	background: var(--card-color);
	border-radius: 15px;
	cursor: pointer;
	height: 181px;
	width: 100%;
}

#main #page_positive .colPositive .headerLever .cards #card-1{
	--card-color: #008FD0;
}

#main #page_positive .colPositive .headerLever .cards #card-2{
	--card-color: #1BBBE9;
}

#main #page_positive .colPositive .headerLever .cards #card-3{
	--card-color: #B1CA40;
}

#main #page_positive .colPositive .headerLever .cards #card-3 .text{
	margin-bottom: 28px;
	margin-top: 31px;
}

#main #page_positive .colPositive .headerLever .cards .card .title{
	background-color: #FFFFFF;
	border-radius: 70px;
	color: var(--card-color);
	font-family:"Karbon-Bold";
	font-size:13px;
	font-weight:700;
	line-height:18px;
	margin: 21px auto 0 auto;
	padding: 8px 15px 4px 15px;
	text-align: center;
	text-transform: none;
	width: fit-content;
}

#main #page_positive .colPositive .headerLever .cards .card .text{
	color: #FFFFFF;
	font-family:"Karbon-Bold";
	font-size:13px;
	font-weight:700;
	line-height:18px;
	margin: 13px auto 10px;
	max-width: 165px;
	text-align: center;
}

#main #page_positive .colPositive .headerLever .cards .card .btnAnchor{
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: block;
	height: 30px;
	margin: auto;
	width: 30px;
	transition: background 0.2s linear;
}

#main #page_positive .colPositive .headerLever .cards .card .btnAnchor svg{
	stroke: currentColor;
	transition: stroke 0.2s linear;
}

#main #page_positive .colPositive .headerLever .cards .card:hover .btnAnchor {
	background: #fff;
	color: var(--card-color);
}

#main #page_positive .colPositive .boxesLever .boxLever{
	position: relative;
}

#main #page_positive .colPositive .boxesLever #box-lever-1{
	background-color: #008FD0;
	--highlightcolor: #E9C854;
}

#main #page_positive .colPositive .boxesLever #box-lever-2{
	background-color: #1BBBE9;
	--highlightcolor: #008FD0;
}

#main #page_positive .colPositive .boxesLever #box-lever-3{
	background-color: #B1CA40;
	--highlightcolor: #DE6A09;
}

#main #page_positive .colPositive .boxesLever .glide__slide .boxText .example,
#main #page_positive .colPositive .boxesLever .glide__slide .boxText .text strong{
	color: var(--highlightcolor);
}

#main #page_positive .colPositive .boxesLever .boxLever .glide__slide{
	display: flex;
	max-height: 560px;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide__slide .picture img{
	height: 560px;
	object-fit: cover;
	width: 434px;
}

#main #page_positive .colPositive .boxesLever .boxLever .boxTitle{
	color: #FFFFFF;
	font-family: "Karbon-Bold";
	margin: 40px 72px 0 72px;
}

#main #page_positive .colPositive .boxesLever .boxLever .boxTitle .number{
	font-size: 52px;
	font-family: "Abril-Fatface-Regular";
	font-weight: bold;
	color: #FFFFFF;
	line-height: 48px;
}

#main #page_positive .colPositive .boxesLever .boxLever .boxTitle .title{
	font-size: 22px;
	line-height: 25px;
	font-weight: 800;
	max-width: 450px;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide__slide .boxText{
	background-color: #FFFFFF;
	border-radius: 40px;
	color: #003747;
	font-family: "Karbon-Bold";
	margin: 19px 42px 40px 34px;
	padding: 30px 40px;
	position: relative;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide__slide .boxText .subtitle{
	font-size: 22px;
	line-height: 25px;
	font-weight: 800;
	margin-bottom: 20px;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide__slide .boxText .example{
	font-family: "Caecillia-Regular";
	font-size: 16px;
	line-height: 13px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide__slide .boxText .text{
	font-size: 15px;
	line-height: 24px;
	font-family: "Karbon-Regular";
}

#main #page_positive .colPositive .boxesLever .boxLever .glide .glide__arrows{
	bottom: 5px;
	display: flex;
	left: 65px;
	position: absolute;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide .glide__arrow{
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 15px;
	transition: transform 0.3s ease-out, opacity 0.2s linear;
}

#main #page_positive .colPositive .boxesLever .boxLever .glide .glide__arrow:hover {
	transform: scale(1.2);
}

#main #page_positive .colPositive .boxesLever .boxLever .glide .glide__arrow svg {
	fill: var(--highlightcolor);
}

#main #page_positive .colPositive .boxesLever .boxLever .glide .glide__arrow.glide__arrow--disabled {
	cursor: pointer;
	opacity: 0.25;
	transform: scale(1) !important;
}

#main #page_positive .colPositive .boxInstitut,
#main #page_positive .colPositive .boxDiscover {
	align-items: center;
	background-color: #FFFFFF;
	display: flex;
	margin-bottom: 10px;
	position: relative;
	padding: 110px 80px 60px 80px;
}

#main #page_positive .colPositive .boxInstitut .boxText .deco{
	left: 180px;
	position: absolute;
	top: -30px;
}

#main #page_positive .colPositive .boxInstitut .boxText .title,
#main #page_positive .colPositive .boxDiscover .boxText .title{
	color: #008FD0;
	font-family: "Karbon-Bold";
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#main #page_positive .colPositive .boxInstitut .boxText .text,
#main #page_positive .colPositive .boxDiscover .boxText .text{
	font: 15px/24px "Karbon-Regular";
	margin-bottom: 36px;
	margin-right: 41px;
	width: 375px;
}

#main #page_positive .colPositive .boxInstitut .boxText .text li {
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
}

#main #page_positive .colPositive .boxInstitut .boxText .text li::before {
	background: #008FD0;
	border-radius: 50%;
	content: '';
	height: 5px;
	left: 0;
	margin-right: 10px;
	position: absolute;
	top: 8px;
	width: 5px;
}

#main #page_positive .colPositive .boxInstitut .boxText .lineBtn{
	float:left;
	width:100%;
	margin:15px 0px 0px 0px;
}

#main #page_positive .colPositive .boxInstitut .boxText .lineBtn.lineMore{
	margin:0;
}

#main #page_positive .colPositive .boxInstitut .boxText .btn a,
#main #page_positive .colPositive .boxDiscover .boxText .btn a{
	background:#1f7c9b;
	float:left;
	height:24px;
	font: 13px/24px "Karbon-Bold";
	text-align:left;
	text-transform:uppercase;
	color:#ffffff;
	border-radius:3px;
	padding:9px 13px;
	margin:5px 20px 0 0;
}

#main #page_positive .colPositive .boxInstitut .boxText .btn a:hover,
#main #page_positive .colPositive .boxDiscover .boxText .btn a:hover{
	background:#094f64;
}

#main #page_positive .colPositive .boxInstitut .boxText .btn a .picto,
#main #page_positive .colPositive .boxDiscover .boxText .btn a .picto{
	float:right;
	width:8px;
	height:14px;
	margin:3px 0 0 15px;
}

#main #page_positive .colPositive .boxInstitut .picture {
	border-radius: 40px;
	overflow: hidden;
}

#main #page_positive .colPositive .boxInstitut .picture img {
	max-width: 100%;
}

#main #page_positive .colPositive .boxDiscover {
	margin-bottom: 80px;
	padding: 48px 272px 48px 80px;
}

#main #page_positive .colPositive .boxDiscover .picture {
    width: fit-content;
}

#main #page_positive .colPositive .boxDiscover .picture  img{
    max-width: 203px;
}

/*
 * PAGE HISTOIRE
 */
#main .page .colHistoire{
	position:relative;
	float:left;
	width:100%;
	margin: 15px 0px 0px 0px;
}

#main .page .colHistoire .maskHistoire{
	position:relative;
	float:left;
	width:100%;
}

#main .page .colHistoire .navHistoire{
	position:absolute;
	float:left;
	top:21px;
	right:10px;
	width:66px;
	z-index:99;
}

#main .page .colHistoire .navHistoire ul li.btnNav{
	position:relative;
	float:left;
	width:100%;
	height:28px;
	margin:0 0 5px 0;
	cursor:pointer;
}

#main .page .colHistoire .navHistoire ul li.btnNav .bulle{
	position:relative;
	float:left;
	width:36px;
	height:37px;
	font-family:"Karbon-Regular";
	font-size:14px;
	line-height:37px;
	font-weight:normal;
	text-align:left;
	color:#ffffff;
	background:url("../images/histoire/bulle.png") no-repeat;
	padding:0 0 0 7px;
	opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
	filter:alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";

	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
/*#main .page .colHistoire .navHistoire ul li.btnNav.active .bulle{
  opacity:1;
  -moz-opacity:1;
  -khtml-opacity:1;
  filter:alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
}*/
#main .page .colHistoire .navHistoire ul li.btnNav:hover .bulle{
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}

#main .page .colHistoire .navHistoire ul li.btnNav .bullet{
	position:absolute;
	float:left;
	left:49px;
	width:17px;
	height:18px;
	background:url("../images/histoire/bullet_off.png") no-repeat center top;
	margin:10px 0 0 0;
}
#main .page .colHistoire .navHistoire ul li.btnNav.active .bullet,
#main .page .colHistoire .navHistoire ul li.btnNav.active .bullet.grey{
	background:url("../images/histoire/bullet_on.png") no-repeat center top;
}
#main .page .colHistoire .navHistoire ul li.btnNav:hover .bullet,
#main .page .colHistoire .navHistoire ul li.btnNav:hover .bullet.grey{
	background:url("../images/histoire/bullet_on.png") no-repeat center top;
}
#main .page .colHistoire .navHistoire ul li.btnNav .bullet.grey{
	background:url("../images/histoire/bullet_grey.png") no-repeat center top;
}

#main .page .colHistoire .btnPrev,
#main .page .colHistoire .btnNext{
	position:absolute;
	float:left;
	width:47px;
	font-family:"Karbon-Medium";
	font-style:italic;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	text-align:center;
	z-index:100;
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	cursor:pointer;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
#main .page .colHistoire .btnPrev{
	top:15px;
	height:24px;
	padding-top:23px;
	display:block;
}
#main .page .colHistoire .btnNext{
	bottom:15px;
	height:35px;
	padding-top:12px;
}

#main .page .colHistoire .btnPrev.white,
#main .page .colHistoire .btnNext.white{
	color:#ffffff;
}
#main .page .colHistoire .btnPrev.black,
#main .page .colHistoire .btnNext.black{
	color:#000000;
}
#main .page .colHistoire .btnPrev.white{
	background:url("../images/histoire/btn_prev_white.png") no-repeat;
}
#main .page .colHistoire .btnNext.white{
	background:url("../images/histoire/btn_next_white.png") no-repeat;
}
#main .page .colHistoire .btnPrev.black{
	background:url("../images/histoire/btn_prev_black.png") no-repeat;
}
#main .page .colHistoire .btnNext.black{
	background:url("../images/histoire/btn_next_black.png") no-repeat;
}
#main .page .colHistoire .btnPrev:hover,
#main .page .colHistoire .btnNext:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	filter:alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
#main .page .colHistoire #box_histoire_1956 .btnNext{
	left:206px;
}
#main .page .colHistoire #box_histoire_1964 .btnPrev{
	left:206px;
}
#main .page .colHistoire #box_histoire_1964 .btnNext{
	left:206px;
}
#main .page .colHistoire #box_histoire_1970 .btnPrev{
	left:206px;
}
#main .page .colHistoire #box_histoire_1970 .btnNext{
	right:206px;
}
#main .page .colHistoire #box_histoire_1975 .btnPrev{
	right:206px;
}
#main .page .colHistoire #box_histoire_1975 .btnNext{
	right:206px;
}
#main .page .colHistoire #box_histoire_1980 .btnPrev{
	right:206px;
}
#main .page .colHistoire #box_histoire_1980 .btnNext{
	right:206px;
}
#main .page .colHistoire #box_histoire_1984 .btnPrev{
  right:206px;
}
#main .page .colHistoire #box_histoire_1984 .btnNext{
  right:206px;
}
#main .page .colHistoire #box_histoire_1992 .btnPrev{
	right:206px;
}
#main .page .colHistoire #box_histoire_1992 .btnNext{
	left:172px;
}
#main .page .colHistoire #box_histoire_2000 .btnPrev{
	left:172px;
}
#main .page .colHistoire #box_histoire_2000 .btnNext{
	right:473px;
}
#main .page .colHistoire #box_histoire_2003 .btnPrev{
	right:473px;
}
#main .page .colHistoire #box_histoire_2003 .btnNext{
	right:146px;
}
#main .page .colHistoire #box_histoire_2008 .btnPrev{
	right:146px;
}
#main .page .colHistoire #box_histoire_2008 .btnNext{
	left:222px;
}
#main .page .colHistoire #box_histoire_2011 .btnPrev{
	left:222px;
}
#main .page .colHistoire #box_histoire_2011 .btnNext{
	right:210px;
}
#main .page .colHistoire #box_histoire_2013 .btnPrev{
	right:210px;
}
#main .page .colHistoire #box_histoire_2013 .btnNext{
	right:210px;
}
#main .page .colHistoire #box_histoire_2015 .btnPrev{
	right:210px;
}
#main .page .colHistoire #box_histoire_2015 .btnNext{
	right:700px;
}
#main .page .colHistoire #box_histoire_2016 .btnPrev{
	right:210px;
}
#main .page .colHistoire #box_histoire_2016 .btnNext{
	right:170px;
}
#main .page .colHistoire #box_histoire_2018 .btnPrev{
	right:210px;
}
#main .page .colHistoire #box_histoire_2018 .btnNext{
	right:700px;
}
#main .page .colHistoire #box_histoire_2020 .btnPrev{
	right:170px;
}
#main .page .colHistoire #box_histoire_2020 .btnNext{
	right:170px;
}
#main .page .colHistoire #box_histoire_2021 .btnPrev{
	right:440px;
}
#main .page .colHistoire #box_histoire_2021 .btnNext{
	right:700px;
}
#main .page .colHistoire #box_histoire_2023 .btnPrev{
  right:170px;
}
#main .page .colHistoire #box_histoire_2023 .btnNext{
  right:700px;
}
#main .page .colHistoire #box_histoire_2026 .btnPrev{
  right:700px;
}
#main .page .colHistoire #box_histoire_2026 .btnNext{
  right:700px;
}


#main .page .colHistoire .boxHistoire{
	position:relative;
	float:left;
	width:100%;
	height:600px;
}
#main .page .colHistoire #box_histoire_1956{
	background:url("../images/histoire/backgrounds/1956.jpg") no-repeat;
	z-index:12;
}
#main .page .colHistoire #box_histoire_1964{
	background:url("../images/histoire/backgrounds/1964.jpg") no-repeat;
	z-index:11;
}
#main .page .colHistoire #box_histoire_1970{
	background:url("../images/histoire/backgrounds/1970.jpg") no-repeat;
	z-index:10;
}
#main .page .colHistoire #box_histoire_1975{
	background:url("../images/histoire/backgrounds/1975.jpg") no-repeat;
	z-index:9;
}
#main .page .colHistoire #box_histoire_1980{
	background:url("../images/histoire/backgrounds/1980.jpg") no-repeat;
	z-index:8;
}
#main .page .colHistoire #box_histoire_1984{
  background:url("../images/histoire/backgrounds/1984.jpg") no-repeat;
  z-index:8;
}
#main .page .colHistoire #box_histoire_1992{
	background:url("../images/histoire/backgrounds/1992.jpg") no-repeat;
	z-index:7;
}
#main .page .colHistoire #box_histoire_2000{
	background:url("../images/histoire/backgrounds/2000.jpg") no-repeat;
	z-index:6;
}
#main .page .colHistoire #box_histoire_2003{
	background:url("../images/histoire/backgrounds/2003.jpg") no-repeat;
	z-index:5;
}
#main .page .colHistoire #box_histoire_2008{
	background:url("../images/histoire/backgrounds/2008.jpg") no-repeat;
	z-index:4;
}
#main .page .colHistoire #box_histoire_2011{
	background:url("../images/histoire/backgrounds/2011.jpg") no-repeat;
	z-index:3;
}
#main .page .colHistoire #box_histoire_2013{
	background:url("../images/histoire/backgrounds/2013.jpg") no-repeat;
	z-index:2;
	/*background-size: cover;*/
}
#main .page .colHistoire #box_histoire_2015{
	background:url("../images/histoire/backgrounds/2015.jpg") no-repeat;
	z-index:1;
}
#main .page .colHistoire #box_histoire_2016{
	background:url("../images/histoire/backgrounds/2016.jpg") no-repeat;
	z-index:0;
	background-size: cover;
}
#main .page .colHistoire #box_histoire_2018{
	background:url("../images/histoire/backgrounds/2018.jpg") no-repeat;
	z-index:0;
}
#main .page .colHistoire #box_histoire_2020{
	background:url("../images/histoire/backgrounds/2020.jpg") no-repeat;
	z-index:0;
}
#main .page .colHistoire #box_histoire_2021{
	background:url("../images/histoire/backgrounds/2021.jpg") no-repeat;
	z-index:0;
}
#main .page .colHistoire #box_histoire_2023{
  background:url("../images/histoire/backgrounds/2023.jpg") no-repeat;
  z-index:0;
}
#main .page .colHistoire #box_histoire_2026{
  background:url("../images/histoire/backgrounds/2026.jpg") no-repeat;
  z-index:0;
}

#main .page .colHistoire .boxHistoire .date{
	position:absolute;
	float:left;
	z-index:2;
	display:block;
}
#main .page .colHistoire #box_histoire_1956 .date{
	top:294px;
	right:50px;
	width:478px;
	height:271px;
	background:url("../images/histoire/dates/1956.png") no-repeat;
}
#main .page .colHistoire #box_histoire_1964 .date{
	top:363px;
	right:109px;
	width:510px;
	height:274px;
	background:url("../images/histoire/dates/1964.png") no-repeat;
}
#main .page .colHistoire #box_histoire_1970 .date{
	top:130px;
	right:119px;
	width:466px;
	height:191px;
	background:url("../images/histoire/dates/1970.png") no-repeat;
}
#main .page .colHistoire #box_histoire_1975 .date{
	top:29px;
	left:112px;
	width:395px;
	height:171px;
	background:url("../images/histoire/dates/1975.png") no-repeat;
}
#main .page .colHistoire #box_histoire_1980 .date{
	top:332px;
	right:70px;
	width:516px;
	height:213px;
	background:url("../images/histoire/dates/1980.png") no-repeat;
}
#main .page .colHistoire #box_histoire_1984 .date{
  top:232px;
  right:70px;
  width:516px;
  height:274px;
  background:url("../images/histoire/dates/1984.png") no-repeat;
}
#main .page .colHistoire #box_histoire_1992 .date{
	top:409px;
	left:45px;
	width:430px;
	height:177px;
	background:url("../images/histoire/dates/1992.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2000 .date{
	top:435px;
	left:0;
	width:519px;
	height:135px;
	background:url("../images/histoire/dates/2000.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2003 .date{
	top:131px;
	left:77px;
	width:399px;
	height:145px;
	background:url("../images/histoire/dates/2003.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2008 .date{
	top:442px;
	right:30px;
	width:395px;
	height:137px;
	background:url("../images/histoire/dates/2008.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2011 .date{
	top:356px;
	left:2px;
	width:363px;
	height:117px;
	background:url("../images/histoire/dates/2011.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2013 .date{
	top:104px;
	right:65px;
	width:426px;
	height:182px;
	background:url("../images/histoire/dates/2013.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2015 .date{
	top: 437px;
	right: -130px;
	width:614px;
	height:233px;
	background:url("../images/histoire/dates/2015.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2016 .date{
	top:216px !important;
	right:0;
	width:426px;
	height:182px;
	background:url("../images/histoire/dates/2016.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2018 .date{
	top: unset !important;
	left: 210px;
	bottom: 0px;
	width:426px;
	height:182px;
	background:url("../images/histoire/dates/2018.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2020 .date{
	top: unset !important;
	left: 210px;
	bottom: 0px;
	width:480px;
	height:145px;
	background:url("../images/histoire/dates/2020.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2021 .date{
	top: unset !important;
	left: 40px;
	bottom: 90px;
	width:480px;
	height:145px;
	background:url("../images/histoire/dates/2021.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2023 .date{
  top: unset !important;
  left: 40px;
  bottom: 90px;
  width:480px;
  height:145px;
  background:url("../images/histoire/dates/2023.png") no-repeat;
}
#main .page .colHistoire #box_histoire_2026 .date{
  top: unset !important;
  left: 470px;
  bottom: 20px;
  width:480px;
  height:151px;
  background:url("../images/histoire/dates/2026.png") no-repeat;
}

#main .page .colHistoire .boxHistoire .boxText{
	position:absolute;
	float:left;
	background:rgba(255,255,255,0.8);
	z-index:1;
	display:block;
}
#main .page .colHistoire #box_histoire_1956 .boxText{
	top:78px;
	left:50px;
	width:396px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:66px 35px 49px 26px;
}
#main .page .colHistoire #box_histoire_1964 .boxText{
	top:33px;
	right:47px;
	width:312px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:34px 48px 18px 38px;
}
#main .page .colHistoire #box_histoire_1970 .boxText{
	top:142px;
	left:34px;
	width:291px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:38px 32px 24px 41px;
}
#main .page .colHistoire #box_histoire_1975 .boxText{
	top:248px;
	left:63px;
	width:333px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:42px 0 35px 40px;
}
#main .page .colHistoire #box_histoire_1980 .boxText{
	top:154px;
	left:40px;
	width:315px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:36px 22px 30px 40px;
}
#main .page .colHistoire #box_histoire_1984 .boxText{
  top:154px;
  left:40px;
  width:315px;
  border-top-right-radius:80px;
  border-bottom-left-radius:80px;
  padding:36px 22px 30px 40px;
}
#main .page .colHistoire #box_histoire_1992 .boxText{
	top:170px;
	right:50px;
	width:375px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:44px 16px 24px 40px;
}
#main .page .colHistoire #box_histoire_2000 .boxText{
	top:159px;
	right:15px;
	width:373px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:54px 27px 20px 40px;
}
#main .page .colHistoire #box_histoire_2003 .boxText{
	top:20px;
	right:14px;
	width:381px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:53px 0 27px 40px;
}
#main .page .colHistoire #box_histoire_2008 .boxText{
	top:169px;
	left:18px;
	width:375px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:54px 25px 36px 25px;
}
#main .page .colHistoire #box_histoire_2011 .boxText{
	top:71px;
	left:51px;
	width:310px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:41px 16px 20px 40px;
}
#main .page .colHistoire #box_histoire_2013 .boxText{
	top:38px;
	left:70px;
	width:358px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:50px 19px 27px 40px;
}
#main .page .colHistoire #box_histoire_2015 .boxText{
	top:320px;
	left:123px;
	width:440px;
	padding:0;
}
#main .page .colHistoire #box_histoire_2016 .boxText{
	top:38px;
	left:70px;
	width:358px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:50px 19px 27px 40px;
}
#main .page .colHistoire #box_histoire_2018 .boxText{
	top:38px;
	left:70px;
	width:358px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:50px 19px 27px 40px;
}
#main .page .colHistoire #box_histoire_2020 .boxText{
	top:38px;
	left:70px;
	width:358px;
	border-top-right-radius:80px;
	border-bottom-left-radius:80px;
	padding:50px 19px 27px 40px;
}
#main .page .colHistoire #box_histoire_2021 .boxText{
	top:250px;
	right:15px;
	width:373px;
	border-top-left-radius:80px;
	border-bottom-right-radius:80px;
	padding:54px 27px 20px 40px;
}
#main .page .colHistoire #box_histoire_2023 .boxText{
  top:250px;
  right:15px;
  width:373px;
  border-top-left-radius:80px;
  border-bottom-right-radius:80px;
  padding:54px 27px 20px 40px;
}
#main .page .colHistoire #box_histoire_2026 .boxText{
  top:130px;
  right:495px;
  width:373px;
  border-top-left-radius:80px;
  border-bottom-right-radius:80px;
  padding:54px 27px 20px 40px;
}

#main .page .colHistoire .boxHistoire .boxText .title{
	float:left;
	width:100%;
	margin:0 0 13px 0;
}
#main .page .colHistoire #box_histoire_2015 .boxText .title{
	background:none;
	padding:0;
}

#main .page .colHistoire .boxHistoire .boxText .title .light{
	position:relative;
	float:left;
	top:-10px;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:26px;
	line-height:26px;
	font-weight:normal;
	text-align:left;
}
#main .page .colHistoire #box_histoire_1956 .boxText .title .light{
	color:#649ac0;
}
#main .page .colHistoire #box_histoire_1964 .boxText .title .light{
	color:#336633;
}
#main .page .colHistoire #box_histoire_1970 .boxText .title .light{
	color:#c98038;
}
#main .page .colHistoire #box_histoire_1975 .boxText .title .light{
	color:#649ac0;
}
#main .page .colHistoire #box_histoire_1980 .boxText .title .light{
	color:#215a9f;
}
#main .page .colHistoire #box_histoire_1984 .boxText .title .light{
  color:#904b32;
}
#main .page .colHistoire #box_histoire_1992 .boxText .title .light{
	color:#e06d29;
}
#main .page .colHistoire #box_histoire_1992 .boxText .title .light.black{
	color:#000000;
}
#main .page .colHistoire #box_histoire_1992 .boxText .title .light sup{
	display:inline-block;
	margin-top:-6px;
}
#main .page .colHistoire #box_histoire_2000 .boxText .title .light{
	color:#6a856d;
}
#main .page .colHistoire #box_histoire_2003 .boxText .title .light{
	color:#65869d;
}
#main .page .colHistoire #box_histoire_2008 .boxText .title .light{
	color:#741515;
}
#main .page .colHistoire #box_histoire_2013 .boxText .title .light{
	color:#4e6c43;
}
#main .page .colHistoire #box_histoire_2015 .boxText .title .light{
	color:#649ac0;
}
#main .page .colHistoire #box_histoire_2016 .boxText .title .light{
	color:#649AC0;
}
#main .page .colHistoire #box_histoire_2020 .boxText .title .light{
	color:#649AC0;
}
#main .page .colHistoire #box_histoire_2021 .boxText .title .light{
	color:#649AC0;
}
#main .page .colHistoire #box_histoire_2023 .boxText .title .light{
  color:#ad1f15;
}
#main .page .colHistoire #box_histoire_2026 .boxText .title .light{
  color:#649AC0;
}

#main .page .colHistoire .boxHistoire .boxText .title .bold{
	position:relative;
	float:left;
	width:100%;
	top:-10px;
	font-family:"Karbon-Bold";
	font-size:26px;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	color:#3b393d;
}
#main .page .colHistoire #box_histoire_2011 .boxText .title .bold{
	color:#488dc8;
}
#main .page .colHistoire #box_histoire_2015 .boxText .title .bold{
	color:#649ac0;
}
#main .page .colHistoire #box_histoire_2016 .boxText .title .bold{
	color:#649AC0;
}
#main .page .colHistoire #box_histoire_2020 .boxText .title .bold{
	color:#649AC0;
}
#main .page .colHistoire #box_histoire_2021 .boxText .title .bold{
	color:#649AC0;
}
#main .page .colHistoire #box_histoire_2023 .boxText .title .bold{
  color:#ad1f15;
}
#main .page .colHistoire #box_histoire_2026 .boxText .title .bold{
  color:#649AC0;
}
#main .page .colHistoire .boxHistoire .boxText .sep{
	float:left;
	width:100%;
	height:2px;
	background:url("../images/histoire/line_title_box_text.png") no-repeat left;
	margin:0 0 15px 0;
}

#main .page .colHistoire .boxHistoire .boxText .text{
	position:relative;
	float:left;
	top:-10px;
	width:100%;
	font-family:"Karbon-Regular";
	font-size:17px;
	line-height:22px;
	font-weight:normal;
	text-align:left;
	color:#505456;
}




/*modif Gael ul li*/
#main .page .wrap .halfWidth .text ul {
	padding-left: 15px;
	word-break: break-word;
}

#main .page .wrap .halfWidth .text ul li  {
	list-style-type: disc;
	margin-left: 8px;
}

#main .page .wrap .halfWidth .text ul li strong, #main .page .wrap .halfWidth .text ul li b {
	font-family: "Karbon-Bold";
}

#ot-sdk-cookie-policy {
	display: block;
	float: left;
}


:target, :focus {
	scroll-margin-top: 55px;
}

html {
	scroll-behavior: smooth;
}