.container {position:relative; width:100%; margin:0 auto; padding:0;/*pour decoller le container cadre en cas d'application de margin*/}

.container_cadre {
	display:grid;
	grid-template-columns:repeat(12, 1fr);
}
	
div#bloc_option {width:100%; height:100%;}

.clear_ligne { clear:both; height:0; /* height:1px;*/}
/*
.bloc_size_100 {width:100%;}
.bloc_size_80 {width:80%;}
.bloc_size_75 {width:75%;}
.bloc_size_66 {width:66.666666%;}
.bloc_size_60 {width:60%;}
.bloc_size_50 {width:50%;}
.bloc_size_40 {width:40%;}
.bloc_size_33 {width:33.333333%;}
.bloc_size_25 {width:25%;}
.bloc_size_20 {width:20%;}
*/

.bloc_size_1_1 {grid-column:span 12;}
.bloc_size_5_6 {grid-column:span 10;}
.bloc_size_3_4 {grid-column:span 9;}
.bloc_size_2_3 {grid-column:span 8;}
.bloc_size_1_2 {grid-column:span 6;}
.bloc_size_1_3 {grid-column:span 4;}
.bloc_size_1_4 {grid-column:span 3;}
.bloc_size_1_6 {grid-column:span 2;}




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


.article_texte a {color:inherit; text-decoration:none;}

.article_texte p {margin:0 0 10px 0;}
.article_texte ul {
	margin:0;
	padding:0;
}
.article_texte ul ul, .article_texte  ul li ul {
	margin:0 0 0 24px;
	padding:0;
}
.article_texte li {
	/*background:url(../img/public/puce_li.png) no-repeat;	
	padding: 0 0 5px 35px;*/
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	line-height: 1.6em;
}
.article_texte li::before { content:"•";margin:0 6px 0 0;font-size: 2em;vertical-align: text-bottom; position:relative; top:1px;}


.article_texte li ul li, .article_texte  li li, .article_texte  ul ul li {
	/*background:url(../img/public/puce_li_ul_li.png) top left no-repeat;*/
	margin:5px 0;
	text-indent: 18px;
	padding: 5px 0;
	list-style:none;
	overflow:hidden;
}

.article_texte li ul li::before, .article_texte li li::before, .article_texte ul ul li::before {content:"•";margin:0 6px 0 0; position:relative; top:1px;}

.article_texte li p, .article_texte li ul li p {
	margin:0;
	padding:0;
}
.article_texte table {
	border:none;
	/*border-top:1px solid #00a6ff;	
	border-right:1px solid #00a6ff;*/
	padding:0; margin:0;
	/*width:98%;*/
	text-align:left;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
	word-wrap: break-word;
	table-layout: fixed;
	
}
.article_texte table td {
	/*border:none;
	border-bottom:1px solid #00a6ff;	
	border-left:1px solid #00a6ff;*/
	border:1px solid #ebebeb;
	padding:3px; margin:0;
}



.article_2colonne {
	width:100%;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.article_3colonne {
	width:100%;
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	-webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}


.bloc_size_20 .article_3colonne,
.bloc_size_20 .article_2colonne,
.bloc_size_1_4 .article_3colonne,
.bloc_size_1_4 .article_2colonne {
	width:100%;
	-webkit-columns: auto; 
	-moz-columns: auto;
	columns: auto;
}

.bloc_size_1_3 .article_3colonne {
	width:100%;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

/************* DOCUMENT *************/
.article_doc {display:table;}
p.picto_doc {	
	font-size:0.8em;
	font-style:italic;
	text-transform:uppercase;	
	margin: 0; padding:0;
}
a.picto_doc_a {
	float:left;
	padding:12px 20px 12px 35px;
	margin: 0 5px 10px 5px;
	background:url(../img/public/picto_download.png) 10px center no-repeat;
	color:#000;
	text-decoration:none;
	transition:background 0.5s;
	border-radius:0.4em;
	border:1px solid #ededed;
}
a.picto_doc_a:hover {
	background:var(--cg_orange) url(../img/public/picto_download_hover.png) 5px center no-repeat;
	color:#FFF;
	transition:background 0.5s;
	border:1px solid var(--cg_orange);
}

.picto_doc_plus {
	font-style:italic;
	font-size:0.8em;
}


/************* VIDEOS *************/
.video_titre {
	padding:10px 0;
	text-align:center;
	font-size:1.3em;
	font-style:italic;
}

.video_player {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
	text-align:center;
	z-index:97;
}
.video_player iframe,
.video_player object,
.video_player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.article_video_item {
	/*max-width: 800px;*/
	margin:0 auto;
}
.article_video_item.video_full_width {
	max-width: 100%;
}

/************* PODCAST *************/

.audio_player_center {position: relative; display: table; margin: 0 auto;}
.audio_player audio {border-radius: 5em;}


/************* IMAGE **************/

.img_item .hover_img {display:none;}
.img_item:hover .hover_img a, .img_item .hover_video a
{
	display:table; width:100%; height:100%;
}

.img_item:hover .hover_img button, .img_item .hover_video button
{
	display:table; width:100%; height:100%;
	background:none;
	cursor:pointer;
	border:0;
}

.tobii-youtube iframe,
.tobii-vimeo iframe
{max-width:100% !important; max-height:inherit;/*max-width:1280px !important; max-height:720px !important;*/}



.img_item:hover .hover_img {display:block;position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.2);}
.img_item:hover .hover_zoom {background:url(../img/public/img_zoom.png) top center no-repeat;}
.img_item:hover .hover_download {background:url(../img/public/img_download.png) top center no-repeat;}
.img_item:hover .hover_url {background:none;/*background:url(../img/public/img_link.png) top center no-repeat;*/}

.img_item .hover_video {display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:url(../../modules/lightbox/picto_video.svg) no-repeat center center;background-size:160px;}
.img_item .hover_video:hover {background:url(../../modules/lightbox/picto_video_hover.svg) no-repeat center center;background-size:160px;}

.img_item img {
	-webkit-transition: all 1.5s ease; /* Safari et Chrome */
	-moz-transition: all 1.5s ease; /* Firefox */
	-ms-transition: all 1.5s ease; /* Internet Explorer 9 */
	-o-transition: all 1.5s ease; /* Opera */
	transition: all 1.5s ease;
}

.img_item:hover img {
	
	/*-webkit-transform:scale(1.10); /* Safari et Chrome */
	/*-moz-transform:scale(1.10); /* Firefox */
	/*-ms-transform:scale(1.10); /* Internet Explorer 9 */
	/*-o-transform:scale(1.10); /* Opera */
	/*transform:scale(1.10);transition: scale 0.5s;
	*/
	-webkit-transition: all 1.5s ease; /* Safari et Chrome */
	-moz-transition: all 1.5s ease; /* Firefox */
	-ms-transition: all 1.5s ease; /* Internet Explorer 9 */
	-o-transition: all 1.5s ease; /* Opera */
	transition: all 1.5s ease;
}


.img_item figure {
	display:inline-block;
	margin:0; padding:0;
	position:relative;
	width:100%;
	overflow: hidden;
}
.img_item figcaption {
    background: rgba(36, 55, 70, 0.9) none repeat scroll 0 0;
    bottom: 20px;
    color: #fff;
    font-size: 0.8rem;
    max-width: 70%;
    padding: 0.33333rem 0.66667rem;
    position: absolute;
	left:0;
    z-index: 10;
	text-align:left;
}

.img_galerie_25 figcaption {	
    font-size: 0.7rem;
}
div#global .aff_titre_bottom {
	height:auto;
}
/*div#global .aff_titre_bottom img {
	width:auto;
}*/

div#global .img_sstitre {
	position:relative;
	font-size:0.9em;
	color:var(--cg_vert_eau);
	text-align:center;
	margin:0 0 5px 0;
}


.grid-sizer.grid_100, .grid-item.grid_100 { width:100% !important; padding:0; float:none !important; position: relative !important; margin:0 auto !important;}
.grid-sizer.grid_50, .grid-item.grid_50 { width:50% !important;}
.grid-sizer.grid_33, .grid-item.grid_33 { width:33.333333%;}

.grid-item.grid_100 img {width:auto !important; max-width:100%; margin:0 auto;}

.bloc_size_1_3 .grid-sizer, .bloc_size_1_3 .grid-item,
.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item 
{ width:33.333333%;}

.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item 
{ width:50%;}



/* GESTION DU COMPORTEMENT BACKGROUND FIXED ENTRE IOS ET LES AUTRES */
/* SUR IOS : INCOMPATIBILITE FIXED et COVER*/
.container_bg_fixed, .bg_fixed {background-attachment: fixed;}

/* FOR IOS DEVICE */
@supports (-webkit-touch-callout: none) {
	.container_bg_fixed, .bg_fixed {background-attachment: scroll !important;}
}
/* MEDIA QUERIES */

@media screen and (max-width : 1600px) {
	
	.bloc_size_20 .grid-sizer.grid_33, .bloc_size_20 .grid-item.grid_33 
	{width:100%;}
	
	.bloc_size_40 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}

}

@media screen and (max-width : 1500px) {
	
	.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item {width:50%;}
	
	
	.bloc_size_1_3 .article_3colonne, 
	.bloc_size_1_3 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
	.bloc_size_1_2 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
	
}
@media screen and (max-width : 1450px) {
	
}
@media screen and (max-width : 1400px) {
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item {width:100%;}	
	
}
@media screen and (max-width : 1300px) {
	
	.bloc_size_1_4 .grid-sizer.grid_33, .bloc_size_1_4 .grid-item.grid_33 {width:100%;}
	
	.bloc_size_1_3 .grid-sizer.grid_33, .bloc_size_1_3 .grid-item.grid_33 {width:50%;}
	
	.bloc_size_40 .article_3colonne,
	.bloc_size_40 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
}
@media screen and (max-width : 1200px) {
	
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item {width:33.333333%;}
	
	
	.bloc_size_1_3 .article_texte, .bloc_size_1_4 .article_texte, .bloc_size_1_6 .article_texte {
		-webkit-hyphens: auto;
		 -moz-hyphens: auto;
		 -ms-hyphens: auto;
		 -o-hyphens: auto;
		 hyphens: auto;
	}
	
}
@media screen and (max-width : 1150px) {
	.bloc_size_1_3 .grid-sizer, .bloc_size_1_3 .grid-item {width:50%;}
	
	
	.bloc_size_60 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
}

@media screen and (max-width : 1100px) {	

	.bloc_size_2_3 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
}

@media screen and (max-width : 1050px) {
	.bloc_size_75 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
}

@media screen and (max-width : 1000px) {	
	.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item {width:100%;}
	
	.bloc_size_1_2 .grid-sizer, .bloc_size_1_2 .grid-item { width:33.333333%;}
	
	.bloc_size_1_2 .article_3colonne,
	.bloc_size_1_2 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
	.bloc_size_3_4 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
	
	
}
@media screen and (max-width : 950px) {
	
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item { width:33.333333%;}
}

@media screen and (max-width : 900px) {
	
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item {width:50%;}
	
	.bloc_size_2_3 .grid-sizer, .bloc_size_2_3 .grid-item { width:33.333333%;}		
	
}
@media screen and (max-width : 850px) {
	
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item { width:33.333333%;}
}

@media screen and (max-width : 800px) {
	/*
	.public_bloc {
		margin: 0 !important;
	}
	*/
	/* enlever car sur la page d'accueil, cela créait un espace entre les background haut et bas et la video*/
	/*.public_bloc_cadre {
		padding: 10px 0;
	}*/
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item,
	.bloc_size_1_3 .grid-sizer, .bloc_size_1_3 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_1_2 .grid-sizer, .bloc_size_1_2 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_2_3 .grid-sizer, .bloc_size_2_3 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_3_4 .grid-sizer, .bloc_size_3_4 .grid-item ,
	.bloc_size_1_1 .grid-sizer, .bloc_size_1_1 .grid-item 
	{width:25%;}
	
	.bloc_size_20 .grid-sizer.grid_33, .bloc_size_20 .grid-item.grid_33,
	.bloc_size_1_4 .grid-sizer.grid_33, .bloc_size_1_4 .grid-item.grid_33,
	.bloc_size_1_3 .grid-sizer.grid_33, .bloc_size_1_3 .grid-item.grid_33,
	.bloc_size_40 .grid-sizer.grid_33, .bloc_size_40 .grid-item.grid_33,
	.bloc_size_1_2 .grid-sizer.grid_33, .bloc_size_1_2 .grid-item.grid_33,
	.bloc_size_60 .grid-sizer.grid_33, .bloc_size_60 .grid-item.grid_33,
	.bloc_size_2_3 .grid-sizer.grid_33, .bloc_size_2_3 .grid-item.grid_33,
	.bloc_size_75 .grid-sizer.grid_33, .bloc_size_75 .grid-item.grid_33,
	.bloc_size_3_4 .grid-sizer.grid_33, .bloc_size_3_4 .grid-item.grid_33,
	.bloc_size_1_1 .grid-sizer.grid_33, .bloc_size_1_1 .grid-item.grid_33
	{width:33.333333%;}
	
	
	
	.bloc_size_20, .bloc_size_1_4, .bloc_size_1_3, .bloc_size_40, .bloc_size_1_2, .bloc_size_60, .bloc_size_2_3, .bloc_size_75, .bloc_size_3_4, .bloc_size_5_6, .bloc_size_1_6 {grid-column:span 12;margin-left: 0 !important;margin-right: 0 !important; /* anulation des marges gauches et droites */}
	
	
	.bloc_size_1_1 .article_3colonne,
	.bloc_size_3_4 .article_3colonne,
	.bloc_size_75 .article_3colonne,
	.bloc_size_2_3 .article_3colonne,
	.bloc_size_60 .article_3colonne,
	.bloc_size_1_2 .article_3colonne,
	.bloc_size_40 .article_3colonne,
	.bloc_size_1_3 .article_3colonne,
	.bloc_size_1_4 .article_3colonne,
	.bloc_size_20 .article_3colonne
	{width:100%; -webkit-columns: 3; -moz-columns: 3; columns: 3;}
	
	.bloc_size_1_1 .article_2colonne,
	.bloc_size_3_4 .article_2colonne,
	.bloc_size_75 .article_2colonne,
	.bloc_size_2_3 .article_2colonne,
	.bloc_size_60 .article_2colonne,
	.bloc_size_1_2 .article_2colonne,
	.bloc_size_40 .article_2colonne,
	.bloc_size_1_3 .article_2colonne,
	.bloc_size_1_4 .article_2colonne,
	.bloc_size_20 .article_2colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
	.bloc_vide {display:none;}
	
	
	.bloc_size_1_3 .article_texte, .bloc_size_1_4 .article_texte, .bloc_size_1_6 .article_texte {
		-webkit-hyphens: none;
		 -moz-hyphens: none;
		 -ms-hyphens: none;
		 -o-hyphens: none;
		 hyphens: none;
	}
	
	.img_item .hover_video, .img_item .hover_video:hover {background-size:40px;}
	
}


@media screen and (max-width : 750px) {
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item,
	.bloc_size_1_3 .grid-sizer, .bloc_size_1_3 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_1_2 .grid-sizer, .bloc_size_1_2 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_2_3 .grid-sizer, .bloc_size_2_3 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_3_4 .grid-sizer, .bloc_size_3_4 .grid-item,
	.bloc_size_1_1 .grid-sizer, .bloc_size_1_1 .grid-item 
	{width:33.333333%;}
	
	
	
	.bloc_size_1_1 .article_3colonne,
	.bloc_size_3_4 .article_3colonne,
	.bloc_size_75 .article_3colonne,
	.bloc_size_2_3 .article_3colonne,
	.bloc_size_60 .article_3colonne,
	.bloc_size_1_2 .article_3colonne,
	.bloc_size_40 .article_3colonne,
	.bloc_size_1_3 .article_3colonne,
	.bloc_size_1_4 .article_3colonne,
	.bloc_size_20 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
}

@media screen and (max-width : 700px) {
	
}

@media screen and (max-width : 650px) {	
	
}

@media screen and (max-width : 600px) {	
	
}
@media screen and (max-width : 550px) {
	
	
	.bloc_size_1_1 .article_3colonne,
	.bloc_size_3_4 .article_3colonne,
	.bloc_size_75 .article_3colonne,
	.bloc_size_2_3 .article_3colonne,
	.bloc_size_60 .article_3colonne,
	.bloc_size_1_2 .article_3colonne,
	.bloc_size_40 .article_3colonne,
	.bloc_size_1_3 .article_3colonne,
	.bloc_size_1_4 .article_3colonne,
	.bloc_size_20 .article_3colonne,
	.bloc_size_1_1 .article_2colonne,
	.bloc_size_3_4 .article_2colonne,
	.bloc_size_75 .article_2colonne,
	.bloc_size_2_3 .article_2colonne,
	.bloc_size_60 .article_2colonne,
	.bloc_size_1_2 .article_2colonne,
	.bloc_size_40 .article_2colonne,
	.bloc_size_1_3 .article_2colonne,
	.bloc_size_1_4 .article_2colonne,
	.bloc_size_20 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
	
	
}


@media screen and (max-width : 500px) {
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item,
	.bloc_size_1_3 .grid-sizer, .bloc_size_1_3 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_1_2 .grid-sizer, .bloc_size_1_2 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_2_3 .grid-sizer, .bloc_size_2_3 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_3_4 .grid-sizer, .bloc_size_3_4 .grid-item,
	.bloc_size_1_1 .grid-sizer, .bloc_size_1_1 .grid-item 
	{ width:50%;}
	
	
	h1.bloc_titre, p.bloc_titre {font-size:2em;}
	h2.bloc_sstitreh2, p.bloc_sstitreh2 {font-size:1.7em;}
	h3.bloc_sstitreh3, p.bloc_sstitreh3 {font-size:1.5em;}
	.text_taille_0 {font-size:1.6em;}
	.text_taille_1 {font-size:1.4em;}
	.text_taille_2 {font-size:1.2em;}
	.text_taille_3 {font-size:1.1em;}

	
	.faq_top h3 { font-size: 0.8em; }
	
}

@media screen and (max-width : 400px) {	
}
@media screen and (max-width : 350px) {
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_1_4 .grid-sizer, .bloc_size_1_4 .grid-item,
	.bloc_size_1_3 .grid-sizer, .bloc_size_1_3 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_1_2 .grid-sizer, .bloc_size_1_2 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_2_3 .grid-sizer, .bloc_size_2_3 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_3_4 .grid-sizer, .bloc_size_3_4 .grid-item,
	.bloc_size_1_1 .grid-sizer, .bloc_size_1_1 .grid-item 
	{ width:100% !important;}
	
	.img_item .hover_video, .img_item .hover_video:hover {background-size:30px;}
	
}

@media screen and (max-width : 300px) {
	
}