/************* CONTAINER + BLOC GENERIQUE *************/
.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);
}
	
.bloc_option {width:100%; height:100%;}

.clear_ligne { clear:both; height:0; /* height:1px;*/}

.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;
	/*text-indent: 20px;*/
	padding: 0 0 5px 35px;
	margin:10px 0;
	list-style:none;
	overflow:hidden;
}
.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;
	text-indent: 18px;
	padding: 5px 0;
	list-style:none;
	overflow:hidden;
}

.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 *************/
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:#f1f1f1 url(../img/public/picto_doc.png) center left no-repeat;
	color:#0d284e;
	text-decoration:none;
	transition:background 0.5s;
	border-radius:0.4em;
}
a.picto_doc_a:hover {
	background:#4daeda url(../img/public/picto_doc_hover.png) center left no-repeat;
	color:#FFF;
	transition:background 0.5s;
}

.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 {
	max-width: 800px;
	margin:0 auto;
}

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

.img_item .hover_img {display:none;}
.img_item:hover .hover_img a {display:table; width:100%; height:100%;}
.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 img {
	filter: brightness(80%);
	-webkit-filter: brightness(80%);
}
*/

.img_item figure {
	display:inline-block;
	margin:0; padding:0;
	position:relative;
}
.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:#047ebf;
	text-align:center;
	margin:0 0 5px 0;
}


.grid-sizer.grid_100, .grid-item.grid_100 { width:100% !important; padding:0;}
.grid-sizer.grid_50, .grid-item.grid_50 { width:50% !important;}
.grid-sizer.grid_33, .grid-item.grid_33 { width:33.333333%;}

.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%;}

/* CONTENU COTE PUBLIC */
.public_bloc {position: relative;display: block;}
.public_bloc_cadre {margin:0; padding:0;}
.public_bloc_cadre .article_item_cadre {margin:0;display: block;width: 100%;}


/* 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 : 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;
	}
	
	.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;}
	
	
	.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;
	}
	
}


@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 : 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%;}
	
}


@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;}
	
}