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

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

.cg_bleu {color:#2b8bb4;}
.cg_vert {color:#4b9d34;}

/********** STYLE TINYMCE *********/
h1.bloc_titre, p.bloc_titre {
	margin:0 0 20px 0;
	padding:0;
	font-size:2.1em;
	font-weight: normal;
}
h2.bloc_sstitreh2, p.bloc_sstitreh2 {
	margin-bottom:15px;
	padding:2px 0 0 30px;
	font-size:1.7em;
	font-weight: normal;
	background: url(../img/public/puce_verte_sstitre.png) top left no-repeat;
}
h2.bloc_sstitre, p.bloc_sstitre {
	margin:15px 0;
	padding:0;
	font-size:1.7em;
	font-weight: normal;
}

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

.text_taille_0 {
	font-size:1.6em;
}
.text_taille_1 {
	font-size:1.4em;
}
.text_taille_2 {
	font-size:1.2em;
}
.btn_lien {font-size:1.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:#2b8bb4 url(../img/public/picto_plus.png) 10px center no-repeat !important;transition: background 0.5s;}
.btn_lien_gris {background:#494949 url(../img/public/picto_plus.png) 10px center no-repeat !important;transition: background 0.5s;}
.btn_lien_vert {background:#4b9d34 url(../img/public/picto_plus.png) 10px center no-repeat !important;transition: background 0.5s;}


/*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:#2b8bb4 url(../img/public/picto_plus_small.png) 10px center no-repeat !important;transition: background 0.5s;}
.btn_lien_small_gris {background:#494949 url(../img/public/picto_plus_small.png) 10px center no-repeat !important;transition: background 0.5s;}
.btn_lien_small_vert {background:#4b9d34 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; color:#333333;}

h1.bloc_titre, h2.bloc_sstitreh2, h3.bloc_sstitreh3 {font-family: 'Montserrat', sans-serif;}

/************* TEXTE *************/
.article_texte a {color:inherit; text-decoration:none;}
.article_texte p {/*margin:0 0 10px 0;*/margin:0 0 20px 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 0;
	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_25 .article_3colonne,
.bloc_size_25 .article_2colonne {
	width:100%;
	-webkit-columns: auto; 
	-moz-columns: auto;
	columns: auto;
}

.bloc_size_33 .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(43, 139, 181, 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_33 .grid-sizer, .bloc_size_33 .grid-item,
.bloc_size_25 .grid-sizer, .bloc_size_25 .grid-item 
{ width:33.333333%;}

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


/* TROMBI */

.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% - 6px);
    background: rgba(43,139,180,0.6);
    color: #FFF;
    text-align: center;
    padding: 40% 10px 0 10px;
    text-transform: uppercase;
    border-radius: 0.3em;
}


.trombi_info_nom {font-weight: bold; font-size:1.3em; padding:0 0 10px 0;}
.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_66 .grid_trombi .grid-sizer, .bloc_size_66 .grid_trombi .grid-item,
.bloc_size_60 .grid_trombi .grid-sizer, .bloc_size_60 .grid_trombi .grid-item
{width:33.333333%;}

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

.bloc_size_33 .grid_trombi .grid-sizer, .bloc_size_33 .grid_trombi .grid-item,
.bloc_size_25 .grid_trombi .grid-sizer, .bloc_size_25 .grid_trombi .grid-item,
.bloc_size_20 .grid_trombi .grid-sizer, .bloc_size_20 .grid_trombi .grid-item
{width:100%;}


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


/*.public_bloc_cadre.first_bloc_ligne, .bloc_size_100 .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.5px);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 ***************/


.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: 100%;*/
  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:150px 15px 0 15px; height:100%; font-size:1.4em; font-weight: bold; text-transform: uppercase; background-color:rgba(0,0,0,0.3);}

.article_flip_recto_img {z-index:1; width:100%; max-height:370px; overflow: hidden;display: flex;justify-content: center;}
.article_flip_recto_img img {width: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_33 .flip_left, .bloc_size_33 .flip_right,
.bloc_size_25 .flip_left, .bloc_size_25 .flip_right,
.bloc_size_20 .flip_left, .bloc_size_20 .flip_right { width:100%; float:none; margin:0 auto 20px auto;}

.bloc_size_50 .article_flip_recto_img img,
.bloc_size_40 .article_flip_recto_img img,
.bloc_size_33 .article_flip_recto_img img,
.bloc_size_25 .article_flip_recto_img img,
.bloc_size_20 .article_flip_recto_img img {height:100%; width:auto; max-height:370px; margin:0 auto;}



.bloc_size_40 .flip_clear,
.bloc_size_33 .flip_clear,
.bloc_size_25 .flip_clear,
.bloc_size_20 .flip_clear {display:none;}



@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_80 .grid_trombi .grid-sizer, .bloc_size_80 .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_25 .grid-sizer, .bloc_size_25 .grid-item {width:50%;}
	
	
	.bloc_size_33 .article_3colonne, 
	.bloc_size_33 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
	.bloc_size_50 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
}
@media screen and (max-width : 1450px) {
	.article_flip_recto_img {text-align: center;}
	.article_flip_recto_img img {height:100%; width:auto; max-height:370px; margin:0 auto;}
}
@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_25 .grid-sizer.grid_33, .bloc_size_25 .grid-item.grid_33 {width:100%;}
	
	.bloc_size_33 .grid-sizer.grid_33, .bloc_size_33 .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;}
	
	.bloc_size_66 .grid_trombi .grid-sizer, .bloc_size_66 .grid_trombi .grid-item
	{width:50%;}
	
}
@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_50 .grid_trombi .grid-sizer, .bloc_size_50 .grid_trombi .grid-item
	{width:100%;}
	
}
@media screen and (max-width : 1150px) {
	.bloc_size_33 .grid-sizer, .bloc_size_33 .grid-item {width:50%;}
	
	.bloc_size_100 .grid_trombi .grid-sizer, .bloc_size_100 .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_66 .article_3colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
	.bloc_size_80 .grid_trombi .grid-sizer, .bloc_size_80 .grid_trombi .grid-item {width:50%;}
	
	
	.bloc_size_50 .flip_left, .bloc_size_50 .flip_right { width:100%;float:none; margin:0 auto 20px auto;}
	.bloc_size_50 .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_25 .grid-sizer, .bloc_size_25 .grid-item {width:100%;}
	
	.bloc_size_50 .grid-sizer, .bloc_size_50 .grid-item { width:33.333333%;}
	
	.bloc_size_50 .article_3colonne,
	.bloc_size_50 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
	.bloc_size_80 .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;}
}

@media screen and (max-width : 900px) {
	
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item {width:50%;}
	
	.bloc_size_66 .grid-sizer, .bloc_size_66 .grid-item { width:33.333333%;}		
	
	.bloc_size_100 .grid_trombi .grid-sizer, .bloc_size_100 .grid_trombi .grid-item {width:50%;}
	
	.bloc_size_66 .grid_trombi .grid-sizer, .bloc_size_66 .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_66 .flip_left, .bloc_size_66 .flip_right { width:100%;float:none; margin:0 auto 20px auto;}
	.bloc_size_66 .flip_clear {display:none;}
	
}

@media screen and (max-width : 800px) {
	
	.public_bloc_cadre {
		padding: 10px 0;
	}
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_25 .grid-sizer, .bloc_size_25 .grid-item,
	.bloc_size_33 .grid-sizer, .bloc_size_33 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_50 .grid-sizer, .bloc_size_50 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_66 .grid-sizer, .bloc_size_66 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_80 .grid-sizer, .bloc_size_80 .grid-item ,
	.bloc_size_100 .grid-sizer, .bloc_size_100 .grid-item 
	{width:25%;}
	
	.bloc_size_20 .grid-sizer.grid_33, .bloc_size_20 .grid-item.grid_33,
	.bloc_size_25 .grid-sizer.grid_33, .bloc_size_25 .grid-item.grid_33,
	.bloc_size_33 .grid-sizer.grid_33, .bloc_size_33 .grid-item.grid_33,
	.bloc_size_40 .grid-sizer.grid_33, .bloc_size_40 .grid-item.grid_33,
	.bloc_size_50 .grid-sizer.grid_33, .bloc_size_50 .grid-item.grid_33,
	.bloc_size_60 .grid-sizer.grid_33, .bloc_size_60 .grid-item.grid_33,
	.bloc_size_66 .grid-sizer.grid_33, .bloc_size_66 .grid-item.grid_33,
	.bloc_size_75 .grid-sizer.grid_33, .bloc_size_75 .grid-item.grid_33,
	.bloc_size_80 .grid-sizer.grid_33, .bloc_size_80 .grid-item.grid_33,
	.bloc_size_100 .grid-sizer.grid_33, .bloc_size_100 .grid-item.grid_33
	{width:33.333333%;}
	
	
	
	.bloc_size_20, .bloc_size_25, .bloc_size_33, .bloc_size_40, .bloc_size_50, .bloc_size_60, .bloc_size_66, .bloc_size_75, .bloc_size_80 {width:100%;}
	
	
	.bloc_size_100 .article_3colonne,
	.bloc_size_80 .article_3colonne,
	.bloc_size_75 .article_3colonne,
	.bloc_size_66 .article_3colonne,
	.bloc_size_60 .article_3colonne,
	.bloc_size_50 .article_3colonne,
	.bloc_size_40 .article_3colonne,
	.bloc_size_33 .article_3colonne,
	.bloc_size_25 .article_3colonne,
	.bloc_size_20 .article_3colonne
	{width:100%; -webkit-columns: 3; -moz-columns: 3; columns: 3;}
	
	.bloc_size_100 .article_2colonne,
	.bloc_size_80 .article_2colonne,
	.bloc_size_75 .article_2colonne,
	.bloc_size_66 .article_2colonne,
	.bloc_size_60 .article_2colonne,
	.bloc_size_50 .article_2colonne,
	.bloc_size_40 .article_2colonne,
	.bloc_size_33 .article_2colonne,
	.bloc_size_25 .article_2colonne,
	.bloc_size_20 .article_2colonne
	{width:100%; -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	
	.bloc_vide {display:none;}
	
	.bloc_size_66 .flip_left, .bloc_size_66 .flip_right,
	.bloc_size_60 .flip_left, .bloc_size_60 .flip_right,
	.bloc_size_50 .flip_left, .bloc_size_50 .flip_right { width:46%; margin:0 auto;}
	
	.bloc_size_66 .flip_left,
	.bloc_size_60 .flip_left,
	.bloc_size_50 .flip_left {float:left;}
	
	.bloc_size_66 .flip_right,
	.bloc_size_60 .flip_right,
	.bloc_size_50 .flip_right {float:right;}
	
	.bloc_size_66 .flip_clear,
	.bloc_size_60 .flip_clear,
	.bloc_size_50 .flip_clear {display:block;}
	
	
}


@media screen and (max-width : 750px) {
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_25 .grid-sizer, .bloc_size_25 .grid-item,
	.bloc_size_33 .grid-sizer, .bloc_size_33 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_50 .grid-sizer, .bloc_size_50 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_66 .grid-sizer, .bloc_size_66 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_80 .grid-sizer, .bloc_size_80 .grid-item,
	.bloc_size_100 .grid-sizer, .bloc_size_100 .grid-item 
	{width:33.333333%;}
	
	
	
	.bloc_size_100 .article_3colonne,
	.bloc_size_80 .article_3colonne,
	.bloc_size_75 .article_3colonne,
	.bloc_size_66 .article_3colonne,
	.bloc_size_60 .article_3colonne,
	.bloc_size_50 .article_3colonne,
	.bloc_size_40 .article_3colonne,
	.bloc_size_33 .article_3colonne,
	.bloc_size_25 .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;}
	
	
}

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

@media screen and (max-width : 650px) {	
	.flip_left, .flip_right { width:100% !important;float:none !important; margin:0 auto 20px auto !important;}
	.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;}
}

@media screen and (max-width : 600px) {	
		
	
}
@media screen and (max-width : 550px) {
	
	
	.bloc_size_100 .article_3colonne,
	.bloc_size_80 .article_3colonne,
	.bloc_size_75 .article_3colonne,
	.bloc_size_66 .article_3colonne,
	.bloc_size_60 .article_3colonne,
	.bloc_size_50 .article_3colonne,
	.bloc_size_40 .article_3colonne,
	.bloc_size_33 .article_3colonne,
	.bloc_size_25 .article_3colonne,
	.bloc_size_20 .article_3colonne,
	.bloc_size_100 .article_2colonne,
	.bloc_size_80 .article_2colonne,
	.bloc_size_75 .article_2colonne,
	.bloc_size_66 .article_2colonne,
	.bloc_size_60 .article_2colonne,
	.bloc_size_50 .article_2colonne,
	.bloc_size_40 .article_2colonne,
	.bloc_size_33 .article_2colonne,
	.bloc_size_25 .article_2colonne,
	.bloc_size_20 .article_2colonne
	{width:100%; -webkit-columns: 1; -moz-columns: 1; columns: 1;}
	
	.bloc_size_100 .grid_trombi .grid-sizer, .bloc_size_100 .grid_trombi .grid-item,
	.bloc_size_80 .grid_trombi .grid-sizer, .bloc_size_80 .grid_trombi .grid-item,
	.bloc_size_75 .grid_trombi .grid-sizer, .bloc_size_75 .grid_trombi .grid-item	
	{width:100%;}
	
}


@media screen and (max-width : 500px) {
	
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_25 .grid-sizer, .bloc_size_25 .grid-item,
	.bloc_size_33 .grid-sizer, .bloc_size_33 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_50 .grid-sizer, .bloc_size_50 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_66 .grid-sizer, .bloc_size_66 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_80 .grid-sizer, .bloc_size_80 .grid-item,
	.bloc_size_100 .grid-sizer, .bloc_size_100 .grid-item 
	{ width:50%;}
	
	
	h1.bloc_titre, p.bloc_titre {font-size:1.6em;}
	h2.bloc_sstitreh2, p.bloc_sstitreh2 {font-size:1.5em;}
	h3.bloc_sstitreh3, p.bloc_sstitreh3 {font-size:1.4em;}
	.text_taille_0 {font-size:1.3em;}
	.text_taille_1 {font-size:1.2em;}
	.text_taille_2 {font-size:1.1em;}
	
	.faq_top h3 { font-size: 0.8em; }
	
}

@media screen and (max-width : 450px) {	
	
}
@media screen and (max-width : 350px) {
	.bloc_size_20 .grid-sizer, .bloc_size_20 .grid-item,
	.bloc_size_25 .grid-sizer, .bloc_size_25 .grid-item,
	.bloc_size_33 .grid-sizer, .bloc_size_33 .grid-item,
	.bloc_size_40 .grid-sizer, .bloc_size_40 .grid-item,
	.bloc_size_50 .grid-sizer, .bloc_size_50 .grid-item,
	.bloc_size_60 .grid-sizer, .bloc_size_60 .grid-item,
	.bloc_size_66 .grid-sizer, .bloc_size_66 .grid-item,
	.bloc_size_75 .grid-sizer, .bloc_size_75 .grid-item,
	.bloc_size_80 .grid-sizer, .bloc_size_80 .grid-item,
	.bloc_size_100 .grid-sizer, .bloc_size_100 .grid-item 
	{ width:100% !important;}
}