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


.cg_orange {color:#f47300;}
.cg_bleu {color:#062a78;}
.cg_bleuvert {color:#00a89e;}

/********** STYLE TINYMCE *********/
h1.bloc_titre, p.bloc_titre {
	margin:5px 0 20px 0;
	padding:0;
	font-size:2.8em;
	font-weight: normal;
	text-transform: uppercase;
}
h2.bloc_sstitreh2, p.bloc_sstitreh2 {
	margin-bottom:15px;
	padding:0;
	font-size:2.5em;
	font-weight: normal;
}
h2.bloc_sstitre, p.bloc_sstitre {
	margin:15px 0;
	padding:0;
	font-size:2em;
	font-weight: normal;
}

h3.bloc_sstitreh3, p.bloc_sstitreh3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:2em;
	font-weight:normal;
}

.text_taille_0 {
	font-size:2.1em;
}
.text_taille_1 {
	font-size:1.5em;
}
.text_taille_2 {
	font-size:1.3em;
}
.text_taille_3 {
	font-size:1.1em;
}
.text_uppercase {
	text-transform: uppercase;
}

.btn_lien {font-size:1em;color:#FFF;background:#000;border-radius:0.5em;padding:10px 20px 10px 35px;/* test pour gérer les liens sur 2 lignes : */display:inline-table;}
a .btn_lien, .article_texte a .btn_lien, .btn_lien a, .article_texte .btn_lien a {height:100%;text-decoration:none;/*padding:10px 20px 10px 35px;background:#000;border-radius:0.5em;*/color:#FFF;cursor:pointer;transition: background 0.5s;}


.btn_lien_bleu {background:#062a78 url(../img/public/picto_plus.png) 10px center no-repeat !important;transition: background 0.5s; border:1px solid #1c265d;}
.btn_lien_bleuvert {background:#00a89e url(../img/public/picto_plus.png) 10px center no-repeat !important;transition: background 0.5s; border:1px solid #008d84;}
.btn_lien_orange {background:#f47300 url(../img/public/picto_plus.png) 10px center no-repeat !important;transition: background 0.5s; border:1px solid #c96119;}


/*a .btn_lien:hover,*/ .btn_lien:hover/*, .btn_lien a:hover, .article_texte .btn_lien a:hover*/ {background:#000 url(../img/public/picto_plus.png) 15px center no-repeat !important;color:#FFF;text-decoration:none;transition: background 0.5s;}



.btn_lien_small {font-size:0.9em;color:#FFF;background:#000;border-radius:0.5em;padding:10px 20px 10px 25px;}

.btn_lien_small_bleu {background:#062a78 url(../img/public/picto_plus_small.png) 10px center no-repeat !important;transition: background 0.5s;}
.btn_lien_small_bleuvert {background:#00a89e url(../img/public/picto_plus_small.png) 10px center no-repeat !important;transition: background 0.5s;}
.btn_lien_small_orange {background:#f47300 url(../img/public/picto_plus_small.png) 10px center no-repeat !important;transition: background 0.5s;}

.btn_lien_small:hover {background:#000 url(../img/public/picto_plus_small.png) 13px center no-repeat !important;color:#FFF;text-decoration:none;transition: background 0.5s;}


.mce-content-body p {/*margin:3px 0;*/margin:0 0 20px 0; padding:0;}

/******* POLICE ECRITURE *******/

.mce-content-body, .article_texte, .article_doc, .article_video, .article_galerie {
	font-family: 'Open Sans', sans-serif; font-size:1em; line-height:1.8em; color:#333333;
}

h1.bloc_titre, h2.bloc_sstitreh2, h3.bloc_sstitreh3 {font-family: 'Bebas Neue', cursive; font-weight: bold;}

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


/* TROMBI */

.grid_trombi .grid-sizer, .grid_trombi .grid-item {
  width: 20%;
}

.grid_trombi img {/*filter: grayscale(1);*/border-radius: 0.3em;}


.trombi_info {display:none;}

.trombi_item:hover .trombi_info {
    position: absolute;
    top: 0;
    display: block;
    width: calc(100% - 6px);
    height: calc(100% - 9px);
    background: url(../img/public/hover_creation.png) top right no-repeat, rgba(43,139,180,0.6);
    color: #FFF;
    text-align: center;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    border-radius: 0.3em;
}


.trombi_info_nom {font-weight: bold; font-size:1.1em; padding:0 0 10px 0;bottom: 0;position: absolute;width: calc(100% - 20px);}
.trombi_info_fonction {padding:0 0 10px 0;}
.trombi_info_entite {font-weight: bold; font-size:1.1em;}

.bloc_size_75 .grid_trombi .grid-sizer, .bloc_size_75 .grid_trombi .grid-item,
.bloc_size_2_3 .grid_trombi .grid-sizer, .bloc_size_2_3 .grid_trombi .grid-item,
.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
{width:33.333333%;}

.bloc_size_1_2 .grid_trombi .grid-sizer, .bloc_size_1_2 .grid_trombi .grid-item,
.bloc_size_40 .grid_trombi .grid-sizer, .bloc_size_40 .grid_trombi .grid-item
{width:50%;}

.bloc_size_1_3 .grid_trombi .grid-sizer, .bloc_size_1_3 .grid_trombi .grid-item,
.bloc_size_1_4 .grid_trombi .grid-sizer, .bloc_size_1_4 .grid_trombi .grid-item,
.bloc_size_20 .grid_trombi .grid-sizer, .bloc_size_20 .grid_trombi .grid-item
{width:100%;}


/* TROMBI + POPUP CONTENU */

.popup_trombi {
	width:86%;
	max-width:676px !important;
	min-height:200px;
	/*height:670px !important;*/
	background:#e9e9e9;
	margin:30px auto;	
}
.popup_trombi_titre {font-size: 1.5em;margin: 10px 0;text-align: center;border-bottom: 1px solid #CCC;padding: 0 0 15px 0;}

div#popup_trombi_fermer {
	position:absolute;
	margin:-25px 0 0 -25px;
	z-index:9999;
}
div#popup_trombi_fermer a {
	display:block;
}

div#popup_trombi_content {
	width:100%;
	padding:20px 3%;
	/*height:670px !important;*/
	background:#e9e9e9;
	max-width:100% !important;
	min-height:200px;
	overflow:hidden;
}

.popup_trombi_contenu {font-size:0.9em; margin: 10px 0 0 0; text-align: justify;}

.popup_trombi_img img {max-width:100%;}

/* DAMIER */

.grid_damier img {filter: grayscale(0);border-radius: 0;}
.grid_damier .grid-item {padding:0 !important; }
.trombi_item:hover .damier_info {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: calc(100% - 9px) !important;
    text-align: left;
    padding: 40px 15px 0 15px !important;
    text-transform:none;
    border-radius: 0;
}

/*.damier_info .damier_info_nom { text-transform: uppercase; margin:0 0 20px 0; font-size:1.3em; font-weight: bold;}*/
.damier_info .damier_info_contenu p { font-size:0.9em; }

/* CONTENU COTE PUBLIC */
.public_bloc {position: relative;/*float: left;*//*overflow: hidden;*/display: block;}
.public_bloc_cadre {/*margin:5px 5px;*/ margin:0 5px;padding:0 20px;}
.public_bloc_cadre .article_item_cadre {/*margin:0 0 10px 0;*/margin:0;/*overflow: hidden;*/display: block;width: 100%;}


/*.public_bloc_cadre.first_bloc_ligne, .bloc_size_1_1 .public_bloc_cadre {padding:10px 0;}*/

/************** FAQ ***************/

.article_faq {margin:0 auto 15px auto;}

.faq_content {		
	margin:5px auto;
	width:100%;
	overflow:hidden;
	padding:0;
}
.faq_top {
	position:relative;
	width:100%;
	padding:0 15px 5px 10px;
	height:auto;
	min-height:25px;
	margin:0 auto;
	overflow:hidden;
}


.faq_top h3 { font-size:1em; font-weight: bold;}

.news_auteur {
	font-size:1em;
	width:100%;
	margin:0 0 5px 0;
	padding:0 40px 0 0;
}
.faq_top .news_titre {
	width:100%;
	font-size:1.2em;
	font-style:italic;
	margin:0;
	background:url(../img/public/faq_plus.png) 99% center no-repeat;
	padding: 15px 20px 15px 5px;
	border-bottom:1px solid #333;
}
.faq_first_item {border-top:1px solid #333;}

.faq_top .news_titre.faq_fermer {background:url(../img/public/faq_moins.png) 99% center no-repeat;border-bottom:0; color:#00a6ff;}

.faq_top .news_titre a {color:inherit; text-decoration:none; width:100%; display:table;}
.faq_top .news_titre:hover {color:#00a6ff;}
.faq_bottom {
	position:relative;
	margin:5px auto 0 auto;
	width:calc(100% - 40px);
	padding:15px 2% 2% 2%;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
	background:#fbfbfb;
	overflow:hidden;
}
.faq_tag {
	width:100%;
	padding:0 55px 0 80px;
    margin: -1px auto 0 auto;
    font-size: 1em;
    font-style: italic;
}
.faq_tag_content {
    border-top: 1px solid #ccc;
	background:url(../img/public/blog_picto_tag_liste.png) top left no-repeat;
	background-position:0 15px;
    overflow: hidden;
    padding: 10px 0 0 30px;
}
.faq_tag_content p {float:left;margin:2px 5px 5px 0;font-size:0.9em;}
.faq_tag_content p a {position:relative;display:table;padding: 5px 10px;background: #f8f8f8;color: #b3b3b3;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;}
.faq_tag_content p:hover a {background: #4daeda;color: #FFF;transition: background 0.5s;}

.faq_lien_article {position:relative;clear:both;}
.faq_lien_article a {position:relative;display:table;padding: 12px 20px;margin: 0 auto 10px auto;background: #f1f1f1;color: #0d284e;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;}
.faq_lien_article:hover a {background: #4daeda;color: #FFF;transition: background 0.5s;}


/************** FRISE ***************/
.article_frise { position:relative; overflow: hidden; padding:45px 0; background:url(../img/public/frise_repere_start.png) center top no-repeat,url(../img/public/frise_repere_end.png) bottom center no-repeat;}

.article_frise_item {position:relative; width:calc(50% + 22.6px);margin:0;}
.frise_left {float:left; background:url(../img/public/frise_repere.png) center right no-repeat,url(../img/public/frise_repere_ligne.png) top right repeat-y;}
.frise_right {float:right; background:url(../img/public/frise_repere.png) center left no-repeat,url(../img/public/frise_repere_ligne.png) top left repeat-y;}

.article_frise_cadre {position:relative; width:calc(100% - 70px); background:#f9f9f9; border-radius:0.3em; padding:15px;}
.frise_right .article_frise_cadre {float:right;}
.article_frise_title {font-size:1.15em; font-weight:bold; /*font-style:italic;*/ margin:0 0 10px 0;}
.article_frise_contenu {font-size:1em; }


/************** ENCART FLIP ***************/

.article_flip { display: grid; grid-column-gap: 15px; grid-row-gap: 15px; grid-template-columns:1fr 1fr; }

.flip-card {
  background-color: transparent;
  height: 520px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* V1 : 2 encarts par lignes et 1 seule photo */

/*
.flip_left, .flip_right {position:relative; width:46%; overflow: hidden;}
.flip_left {float:left;}
.flip_right {float:right;}

.flip_clear {clear: both; width:100%;}

.flip-card {
  background-color: transparent;
  width:46%;
  height: 370px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
/*}

*/

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: white;
}

.flip-card:hover .article_flip_recto_titre {display:none;}



.article_flip_recto_titre {position:absolute;top:0;z-index:2; width:100%; padding: 0 15px 0 15px; height: 100%; font-size: 1.6em; font-weight: bold; text-transform: uppercase; background-color:rgba(0,0,0,0.3);}

.article_flip_recto_titre p { position:absolute; top:50%; margin:0; padding:0; width:calc(100% - 30px); text-align: center;}

.article_flip_recto_img {z-index:1; width:100%; max-height:520px; overflow: hidden; /*display: flex; desactiver depuis l'utilisation du grid*/display: grid; justify-content: center;}
.article_flip_recto_img img {/*width:100%;*/height:100%;}



/* Style the back side */
.flip-card-back {
  	background-color: #f6f6f6;
  	transform: rotateY(180deg);
	padding:60px 30px 0 30px;
}

.article_flip_verso_titre {position:relative; width:100%; padding:0 0 40px 0; font-size:1.4em; font-weight: bold; text-transform: uppercase;}

.bloc_size_40 .flip_left, .bloc_size_40 .flip_right,
.bloc_size_1_3 .flip_left, .bloc_size_1_3 .flip_right,
.bloc_size_1_4 .flip_left, .bloc_size_1_4 .flip_right,
.bloc_size_20 .flip_left, .bloc_size_20 .flip_right { width:100%; float:none; margin:0 auto 20px auto;}

.bloc_size_1_2 .article_flip_recto_img img,
.bloc_size_40 .article_flip_recto_img img,
.bloc_size_1_3 .article_flip_recto_img img,
.bloc_size_1_4 .article_flip_recto_img img,
.bloc_size_20 .article_flip_recto_img img {/*position:relative;*/ height:100%; width:auto; /*max-height:370px;*/ margin:0 auto;}


/* V2 : 4 encarts par lignes et 2 photos (recto et verso) */

.article_flip_v2 .flip-card {position:relative; width:calc(25% - 10px); margin:0 5px 10px 5px; overflow: hidden;float:left;height: 563px;}

.article_flip_v2 .flip-card-front { background: none !important;}

.article_flip_v2 .flip-card-back{ background-color: #FFF;}

.article_flip_v2 .article_flip_recto_titre {display:none;}

.article_flip_v2 .article_flip_recto_img {max-height:597px;}

.article_flip_v2 .flip-card-back {
  transform: rotateY(180deg);
  padding: 60px 30px 0 30px;
}
.article_flip_v2 .article_flip_verso_img {position:absolute;z-index:1; width:100%; max-height:597px; overflow: hidden;top:0;left:0;display: flex;justify-content: center;}
.article_flip_v2 .article_flip_verso_img img {width:100%;}

.article_flip_v2 .article_flip_verso_titre {position:absolute; z-index:10; top:0; left:0; height:auto; padding:10px; background:rgba(36,55,70,0.7); color:#FFF}

.bloc_size_40 .flip_clear,
.bloc_size_1_3 .flip_clear,
.bloc_size_1_4 .flip_clear,
.bloc_size_20 .flip_clear {display:none;}


/* 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;}
	
	.bloc_size_3_4 .grid_trombi .grid-sizer, .bloc_size_3_4 .grid_trombi .grid-item
	{width:33.333333%;}
	.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
	{width:50%;}
	.bloc_size_40 .grid_trombi .grid-sizer, .bloc_size_40 .grid_trombi .grid-item
	{width:100%;}
}

@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;}
	
	.article_flip_v2 .flip-card {height: 505px;}
	
	.trombi_item:hover .damier_info {padding: 20px 15px 0 15px !important;}
	
	
}
@media screen and (max-width : 1450px) {
	.article_flip .article_flip_recto_img {text-align: center;}
	/*.article_flip .article_flip_recto_img img {/*position:relative;*/ height:100%; width:auto; max-height:370px; margin:0 auto;}*/
	.article_flip_v2 .article_flip_recto_img img {/*position:relative;*/ height:100%; width:100%; max-height:597px; margin:0 auto;}
	
	.bloc_size_1_1 .damier_info .damier_info_contenu .text_taille_0 { font-size:1.4em; }
	.bloc_size_1_1 .damier_info .damier_info_contenu p {line-height:1.4em;}
	
}
@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;}
	
	
	
	.article_flip_v2 .flip-card {height: 432px;}
	
	.bloc_size_1_1 .grid_damier .grid-sizer.grid_25, .bloc_size_1_1 .grid_damier .grid-item.grid_25 {
		width: 33.333333%;
	}
	.bloc_size_1_1 .damier_info .damier_info_contenu .text_taille_0 { font-size:1.4em; }
	.bloc_size_1_1 .damier_info .damier_info_contenu p {line-height:1.4em;}
	
}
@media screen and (max-width : 1200px) {
	
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item {width:33.333333%;}
		
	.bloc_size_75 .grid_trombi .grid-sizer, .bloc_size_75 .grid_trombi .grid-item
	{width:50%;}
	
	.bloc_size_2_3 .grid_trombi .grid-sizer, .bloc_size_2_3 .grid_trombi .grid-item
	{width:50%;}
	
	.bloc_size_1_2 .grid_trombi .grid-sizer, .bloc_size_1_2 .grid_trombi .grid-item
	{width:100%;}
	
	/*.article_flip_v2 .flip-card {height: 392px;}*/
	.article_flip_v2 .flip-card {width:calc(50% - 10px); height: 597px;}
	.article_flip_v2 .flip-card-inner {max-width:400px; margin:0 auto;}
	
	
	.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_1_1 .grid_trombi .grid-sizer, .bloc_size_1_1 .grid_trombi .grid-item {width:33.333333%;}
	
	
	.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;}
	
	.bloc_size_3_4 .grid_trombi .grid-sizer, .bloc_size_3_4 .grid_trombi .grid-item {width:50%;}
	
	
	.bloc_size_1_2 .flip_left, .bloc_size_1_2 .flip_right { width:100%;float:none; margin:0 auto 20px auto;}
	.bloc_size_1_2 .flip_clear {display:none;}
	
}

@media screen and (max-width : 1050px) {
	.bloc_size_75 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
	.flip-card-back {padding:40px 30px 0 30px;}
	.article_flip_verso_titre {padding:0 0 30px 0; font-size:1.4em;}
	
}

@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;}
	
	.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
	{width:100%;}
	
	
}
@media screen and (max-width : 950px) {
	
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item { width:33.333333%;}
	
	.flip-card-back {padding:20px 20px 0 20px;}
	.article_flip_verso_titre {padding:0 0 20px 0; font-size:1.3em;}
	
	.bloc_size_60 .flip_left, .bloc_size_60 .flip_right { width:100%;float:none; margin:0 auto 20px auto;}
	.bloc_size_60 .flip_clear {display:none;}
	
	
	.article_flip_v2 .flip-card {width:calc(50% - 10px);}
	
	.bloc_size_1_1 .grid_damier .grid-sizer.grid_25, .bloc_size_1_1 .grid_damier .grid-item.grid_25 {
		width: 50%;
	}
	.bloc_size_1_1 .damier_info .damier_info_contenu .text_taille_0 { font-size:2.1em; }
	.bloc_size_1_1 .damier_info .damier_info_contenu p {line-height:auto;}
}

@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%;}		
	
	.bloc_size_1_1 .grid_trombi .grid-sizer, .bloc_size_1_1 .grid_trombi .grid-item {width:50%;}
	
	/*.bloc_size_2_3 .grid_trombi .grid-sizer, .bloc_size_2_3 .grid_trombi .grid-item
	{width:100%;}*/
	
}
@media screen and (max-width : 850px) {
	
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item { width:33.333333%;}
	
	.bloc_size_2_3 .flip_left, .bloc_size_2_3 .flip_right { width:100%;float:none; margin:0 auto 20px auto;}
	.bloc_size_2_3 .flip_clear {display:none;}
	
	.article_flip_v2 .flip-card {height: 555px;}
}

@media screen and (max-width : 800px) {
	
	.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_2_3 .flip_left, .bloc_size_2_3 .flip_right,
	.bloc_size_60 .flip_left, .bloc_size_60 .flip_right,
	.bloc_size_1_2 .flip_left, .bloc_size_1_2 .flip_right { width:46%; margin:0 auto;}
	
	.bloc_size_2_3 .flip_left,
	.bloc_size_60 .flip_left,
	.bloc_size_1_2 .flip_left {float:left;}
	
	.bloc_size_2_3 .flip_right,
	.bloc_size_60 .flip_right,
	.bloc_size_1_2 .flip_right {float:right;}
	
	.bloc_size_2_3 .flip_clear,
	.bloc_size_60 .flip_clear,
	.bloc_size_1_2 .flip_clear {display:block;}
	
	
	.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;}
	
	
	.article_frise { background:url(../img/public/frise_repere_start.png) top left no-repeat,url(../img/public/frise_repere_end.png) bottom left no-repeat;}
	
	.article_frise_item {position:relative; width:100%;margin:0; padding:0 0 25px 0;}
	.frise_left {float:right; background:url(../img/public/frise_repere.png) center left no-repeat,url(../img/public/frise_repere_ligne.png) top left repeat-y;}

	.article_frise_cadre {position:relative; width:calc(100% - 70px); background:#f9f9f9; border-radius:0.3em; padding:15px;}
	.frise_left .article_frise_cadre, .frise_right .article_frise_cadre {float:right;}
	
	.article_flip_v2 .flip-card {height: 510px;}
}

@media screen and (max-width : 700px) {
	flip-card-back {padding:15px 15px 0 15px;}
	.article_flip_verso_titre {padding:0 0 20px 0; font-size:1.1em;}
	.article_flip_verso_contenu {font-size:0.9em;}
	
	.article_flip_v2 .flip-card {height: 480px;}
	
}

@media screen and (max-width : 650px) {	
	.flip_left, .flip_right { /*width:100% !important;float:none !important; margin:0 auto 20px auto !important;*/grid-column:span 2;}
	.flip_clear {display:none !important;}
	.flip-card-back {padding:40px 20px 0 20px;}
	.article_flip_verso_titre {padding:0 0 20px 0; font-size:1.3em;}
	
	.article_flip_v2 .flip-card {height: 440px;}
	
	.bloc_size_1_1 .grid_damier .grid-sizer.grid_25, .bloc_size_1_1 .grid_damier .grid-item.grid_25 {
		width: 100%;
	}
	
}

@media screen and (max-width : 600px) {	
	.article_flip_v2 .flip-card {height: 400px;}
	
}
@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;}
	
	/*.bloc_size_1_1 .grid_trombi .grid-sizer, .bloc_size_1_1 .grid_trombi .grid-item,
	.bloc_size_3_4 .grid_trombi .grid-sizer, .bloc_size_3_4 .grid_trombi .grid-item,
	.bloc_size_75 .grid_trombi .grid-sizer, .bloc_size_75 .grid_trombi .grid-item	
	{width:100%;}*/
	
	.article_flip_v2 .flip-card {width:calc(100% - 10px); height:597px;}
	
}


@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;}
	
	.faq_top h3 { font-size: 0.8em; }
	
}

@media screen and (max-width : 400px) {	
	.article_flip_v2 .flip-card {height:540px;}
}
@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;}
	
	.article_flip_v2 .flip-card {height:470px;}
	
}

@media screen and (max-width : 300px) {
	.article_flip_v2 .flip-card {height:398px;}
	
}