.contenusnippet .widget>.img_widget{

	width:100%;

	height:auto;

}

.contenusnippet .widget>.container12,.contenusnippet .widget>.section-banner,.contenusnippet .widget>.section-thumbnail,.contenusnippet .widget>.container12.flex{

	display:none;

}



.article-container{

	display:flex;

}

.flex-col{

	display:flex;

}

.article-container:after{

	content:'';

	display:block;

	clear:both;

}

.article{

	position:relative;

	margin-bottom:20px;

}

.fa-facebook-square{
	
	font-size:20px;
	
	/*margin:5px 0 5px 20px;*/
	
	display:none;
	
	position:absolute;
	
	top:10px;
	
	right:10px;
	
}

.fa-facebook-square:hover{
	cursor:pointer;
}

[data-id] .fa-facebook-square{
	display:inline-block!important;
}

.article .titre{
	
	width:90%;
	
	/*display:inline;*/
	
	font-family: 'Lato', sans-serif;

	font-weight: 300;

	font-size:1.6em;

}

.article .resume{

	font-family: 'Lato', sans-serif;

	font-weight: 700;

	margin:5px 0;

}

.article .contenu{

	font-family: 'Lato', sans-serif;

	font-weight: 300;

}

.section-banner{

	width:100%;

	position:absolute;

	top:0;

	left:0;

	background-color:rgba(0,0,0,0.5);

	z-index:2;

}

.section-banner>.container12>div[class^=group_]{
	position:relative;
}

.section-thumbnail{

	position:relative;

}

.article-thumbnail{
	
	overflow:hidden;
	
	position:relative;
	
	margin-top:10px;
	
}

.image-slider>.swiper-wrapper>.swiper-slide{

	position:relative;

}

.image-slider{

	width:100%;

	height:100%;

	overflow:hidden;

	margin-bottom:0;

}
@media screen{
	/*
	Set Default Link color for the projet;
	*/
	#gabarit .container12 a:link, 
	#gabarit .container12 a:hover, 
	#gabarit .container12 a:visited { color : #dca323;}
	
	/*Cette ligne aurait du être dans client, mais étant donné que widget est loader après client, les valeurs par default sont overwriter;*/
	.yellow-bg a:link,
	.yellow-bg a:hover,
	.yellow-bg a:visited { color : #000000!important; }
	
	.widget_8 a:link,
	.widget_8 a:visited { color:  white; }
	.widget_8 a:hover { color: #dca323;}
}



.article-thumbnail>.image-slider .swiper-slide{
	padding-bottom:50%;
}

.article-thumbnail.bandeau>.image-slider .swiper-slide{
	padding-bottom:30%;
}


.editMode .article-thumbnail>.image-slider{
	
	min-height:90px;
	
	background-color:rgba(79,114,212,0.6);
	
}

.editMode .section-thumbnail>.image-slider{
	
	background-color:rgba(79,114,212,0.6);
	
}

.extra-section-title{

	font-size:3em;

	text-transform:uppercase;

}

.extra-section-content{

	margin:5px 0;

	text-transform:uppercase;

}

.widget[data-grid="1"] .flex-col:nth-of-type(2){
	
	display:none;

}

.widget[data-grid="1"] .flex-col:nth-of-type(1)>.article{

	width:100%;

}

.add-article-btn{

	padding:5px;

	color:#fff;

	background-color:rgba(0,0,0,1);

	text-decoration:none;

/*	border:1px solid #fff;*/
	
	margin:5px auto;

	z-index:1;
	

	

}

.delete-article-btn{

	display:block;

	padding:5px;

	position:absolute;

	color:#fff;

	top:-15px;

	right:-15px;

	background-color:rgba(0,0,0,0.9);

	text-decoration:none;

/*	border:1px solid #fff;*/

	z-index:1;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	line-height: 1em;
	text-align: center;
	text-transform: capitalize;	

}

.container12.flex{

	display:flex;

}

.flex-column{

	display:flex;

	height:100%;

	flex-direction:column;

	justify-content:space-between;

}

.section-title{

	margin:unset;

}

.section-banner .section-title,.widget_9 .section-title{
	color:#fff;
}


.widget_9 { background-color: #c7c7c7; }

.widget_7 .section-title {
	
	color: #dca222;
}


.section-logo{

	position:absolute;

	top:0;

	left:0;

	width:120px;

	height:120px;

	background-color:#525252;

}

.section-banner .grid_5{

	position:relative;

}

.section-logo{

	background-repeat:no-repeat;

	background-position:center center;

	background-size:90%;	

}

.section-description{

	font-family: 'Lato', sans-serif;

	font-weight: 300;
	
}

.section-description:not(:empty){
	
	padding:10px 0;
	
	border-top:1px solid #d9b22a;
	
	box-sizing:border-box;
	 
}

.section[data-section="bibliotheque"]{

	color:#fff;

	background-color:#5a5a5d;

}

[data-section="bibliotheque"] .section-logo{

	background-image:url('/projet/steeulalie/images/logo-biblio.png');

	background-color:#172f58;

}

.section[data-section="regie-dechets"]{

	color:#fff;

	background: #007b6d;

	background: -moz-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: -webkit-gradient(left bottom, right top, color-stop(0%, #007b6d), color-stop(100%, #004133));

	background: -webkit-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: -o-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: -ms-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: linear-gradient(45deg, #007b6d 0%, #004133 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007b6d', endColorstr='#004133', GradientType=1 );

}

[data-section="regie-dechets"] .section-logo{

	color:#fff;

	background-image:url('/projet/steeulalie/images/logo-regie-dechets.png');

	background-color:#dca323;

}



.section[data-section="regie-dechets"] .extra-section-title {
	font-size: 2em;
	color : #dca323;
}

.section[data-section="regie-dechets"] a:link, 
.section[data-section="regie-dechets"] a:hover, 
.section[data-section="regie-dechets"] a:visited { color : #dca323;} 
 

.section[data-section="mada"]{

	background-color:#fdcf4b;

}

[data-section="mada"] .section-logo{

	background-image:url('/projet/steeulalie/images/logo-mada.png');

}

.section[data-section="mada"] .section-description:not(:empty){
	
	border-top:1px solid #ffffff;
	 
}



.section[data-section="riveraine"]{

	color:#fff;

	background-color:#5a5a5d;

}

[data-section="riveraine"] .section-logo{

	background-image:url('/projet/steeulalie/images/logo-riveraine.png');

	background-color:#5a5a5d;

}

[data-section="riveraine"] .section-thumbnail .swiper-slide {
  /* Attribute has this exact value */
/*	padding-bottom:35%!important;*/
	
}

.section[data-section="service-incendies"]{

	color:#fff;

	background-color:#ed2042;

}

[data-section="service-incendies"] .section-logo{

	background-image:url('/projet/steeulalie/images/logo-service-incendies.png');

	background-color:#ed2042;

}

[data-section="afeas"] .section-logo{

	background-image:url('/projet/steeulalie/images/logo-afeas.png');

	background-color:#fff;

}

[data-section="fadoq"]{
	
	background-color:#1c3b72;
	
	color:#fff;
	
}

[data-section="fadoq"] .section-logo{

	background-image:url('/projet/steeulalie/images/logo-fadoq.png');

	background-color:#fff;

}

[data-section="activites"]{

	background-color:#dca222;

}
@media screen{
	[data-section="activites"] a:link,
	[data-section="activites"] a:visited,
	[data-section="activites"] a:hover {
		color:white!important;
	}
}

.section[data-section="activites"] .section-description:not(:empty){
	
	border-top:1px solid rgba(255, 255, 255, 0.35);
	 
}

[data-section="politique-familiale"] .section-logo{
	
	background-image:url('/projet/steeulalie/images/logo-politique-familiale.png');

	background-color:#B9CE2A;
	
}

.widget_6>.container12{

	flex-direction:row-reverse;

}

.widget_6>.section-thumbnail{

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

}

.widget_6>.section-thumbnail>.image-static{

	width:100%;

	height:100%;

}

.widget_8{

	background-color:#ed2042;

	color:#fff;

}

.widget_8 .grid_6 { vertical-align: middle; }

.avis{
	
	display:inline-block;

	font-family: 'Lato', sans-serif;

	font-weight: 300;

	font-size:4em;
	
	margin:0;

}

.logo-avis{

	width:100px;

	height:114px;

	background-repeat:no-repeat;

	background-position:center center;

	background-size:100%;

	background-image:url('/projet/steeulalie/images/logo-avis.png');

}
@media screen{
	.widget+.widget{

		margin-top:10px;
	
	}
}


.widget_9 .article-container{

	padding-top:unset!important;

}

.widget_9 .article>.titre{
	font-size:2em;
}

.widget_10{

	background-color:#e7d46d;

}

.widget[data-type="row-col-articles"] .flex-col:nth-of-type(2){
	
	flex-direction:column;

}

.widget_14 .article .titre,.widget_14 .article .article-thumbnail,.widget_14 .article .resume,.widget_14 .fa-facebook-square{
	display:none!important;
}

.widget_14 .article .contenu,.widget_14 .article{
	width:100%!important;
	padding-left:unset!important;
}

.widget_14 .article {
	columns: 1;
}
.widget_14[data-grid="1"] .article{
	flex:0 100%;
}

.widget_14 .article{
	flex:0 50%;
	padding:5px;
	box-sizing:border-box;
}

.widget_14 .flex-col:nth-of-type(1){
	width:100%!important;
	margin-right:unset!important;
	flex-wrap:wrap;
}

.widget_14 .flex-col:nth-of-type(2){
	display:none;
}



@media screen{
	
	.widget[data-sectionThumbnail="right"]>.container12>.section-thumbnail>.overflow{
		
		left:0!important;
		
		right:0;
		
	}
	.widget_1[data-section="n/a"] a,.widget_2 a,.widget_3[data-section="n/a"] a,.widget_4 a,.widget_7 a,.widget_11 a,.widget_12 a{
		font-weight:bold;
	}
}


@media screen and (min-width:640px) and (max-width:978px){

	.section-banner{

		width:auto;

	}

}
@media screen and (min-width:640px){
	
	.widget[data-sectionThumbnail="right"]>.container12,.widget[data-sectionThumbnail="right"]>.section-banner>.container12{
	
		display:flex;
		
		flex-direction:row-reverse;
		
	}
	
	.widget[data-sectionThumbnail="right"]>.section-banner>.container12>div[class^=group_]>.section-logo{

		right:0;
	
		left:unset;
	
	}
	
	.section:not([data-section="n/a"]) .article-container,.extra-section{
	/*.section .article-container,.extra-section{*/

		padding:60px 0 20px 0;
	
	}
	
	/*.overflow.left{

		left:unset!important;
	
		right:0;
	
	}*/
	
	.overflow{
		
		left:unset!important;
	
		right:0;
	}
	
	.section-thumbnail>.image-slider{
	
		position:absolute;
	
		top:0;
	
		left:0;
		
	}

	.widget[data-grid="1"]:not([data-type="col-articles"]) .article .resume,.widget[data-grid="1"]:not([data-type="col-articles"]) .article .contenu{

		float:left;
	
	}
	
	.widget[data-grid="1"]:not([data-type="col-articles"]) .article .resume{
		
		margin:unset;
		
		width:30%;
		
		box-sizing:border-box;
		
		padding-right:2.3%;
		
	}
	
	.widget[data-grid="1"]:not([data-type="col-articles"]) .article .contenu{
		
		width:70%;
		
		box-sizing:border-box;
		
		padding-left:2.3%;
	}
	/*<CSS DU WIDGET TYPE ROW-ARTICLES>*/

		/*<FLUX DE ARTICLE-CONTAINER>*/
	
			.widget[data-type="row-articles"] .article-container{
	
				flex-direction:row;
	
			}
	
		/*</FLUX DE ARTICLE-CONTAINER>*/
	
		/*<DEFINITION GLOBALE DES FLEX-COL>*/
	
			.widget[data-type="row-articles"] .flex-col:nth-of-type(2){
	
				flex-direction:row;
	
			}
	
			.widget[data-type="row-articles"]:not([data-grid="2"]) .flex-col:nth-of-type(2){
	
				justify-content:space-around;
	
			}
	
		/*</DEFINITION GLOBALE DES FLEX-COL>*/
	
		/*<LARGEUR DES FLEX-COL EN FONCTION DES GRID>*/
	
			.widget[data-type="row-articles"][data-grid="1"] .flex-col:nth-of-type(1){
	
				width:100%;
	
			}
	
			.widget[data-type="row-articles"][data-grid="2"] .flex-col:nth-of-type(1){
	
				width:35%;
				margin-right: 15%
	
			}
	
			.widget[data-type="row-articles"][data-grid="3"] .flex-col:nth-of-type(1){
	
				width:33.333333%;
	
			}
	
			.widget[data-type="row-articles"][data-grid="4"] .flex-col:nth-of-type(1){
	
				width:25%;
	
			}
	
			.widget[data-type="row-articles"][data-grid="2"] .flex-col:nth-of-type(2){
	
				width:35%;
				margin-right: 15%
	
			}
	
			.widget[data-type="row-articles"][data-grid="3"] .flex-col:nth-of-type(2){
	
				width:66.666666%;
	
			}
	
			.widget[data-type="row-articles"][data-grid="4"] .flex-col:nth-of-type(2){
	
				width:75%;
	
			}
	
		/*</LARGEUR DES FLEX-COL EN FONCTION DES GRID>*/
	
		/*<LARGEUR DES ARTICLES EN FONCTION DES GRID>*/
	
			.widget[data-type="row-articles"]:not([data-grid="1"]) .flex-col:nth-of-type(1)>.article,.widget[data-type="row-articles"][data-grid="2"] .flex-col>.article{
	
				width:97%;
	
			}
	
			.widget[data-grid="3"][data-type="row-articles"] .flex-col:nth-of-type(2)>.article{
	
				width:47%;
	
			}
	
			.widget[data-grid="4"][data-type="row-articles"] .flex-col:nth-of-type(2)>.article{
	
				width:30.333333%;
	
			}
	
		/*</LARGEUR DES ARTICLES EN FONCTION DES GRID>*/
	
	/*</CSS DU WIDGET TYPE ROW-ARTICLES>*/
	
	
	
	/*<CSS DU WIDGET TYPE ROW-COL-ARTICLES>*/
	
		/*<FLUX DE ARTICLE-CONTAINER>*/
	
			.widget[data-type="row-col-articles"] .article-container{
	
				flex-direction:row;
	
			}
	
		/*</FLUX DE ARTICLE-CONTAINER>*/
	
		/*<DEFINITION GLOBALE DES FLEX-COL>*/
	
			
	
		/*</DEFINITION GLOBALE DES FLEX-COL>*/
	
		/*<LARGEUR DES FLEX-COL EN FONCTION DES GRID>*/
	
			.widget[data-type="row-col-articles"][data-grid="1"] .flex-col:nth-of-type(1){
	
				width:100%;
	
			}
	
			.widget[data-type="row-col-articles"]:not([data-grid="1"]) .flex-col:nth-of-type(1){
	
				width:58.333333%;
	
			}
	
			.widget[data-type="row-col-articles"]:not([data-grid="1"]) .flex-col:nth-of-type(2){
	
				width:41.666667%;
	
			}
	
		/*</LARGEUR DES FLEX-COL EN FONCTION DES GRID>*/
	
		/*<LARGEUR DES ARTICLES EN FONCTION DES GRID>*/
	
			.widget[data-type="row-col-articles"]:not([data-grid="1"]) .flex-col>.article{
	
				width:97%;
	
			}
	
		/*</LARGEUR DES ARTICLES EN FONCTION DES GRID>*/
	
	/*<CSS DU WIDGET TYPE ROW-COL-ARTICLES>*/
	
	/*<CSS DU WIDGET TYPE COL-ARTICLES>*/
	
		/*<FLUX DE ARTICLE-CONTAINER ET FLEX-COL>*/
	
			.widget[data-type="col-articles"] .article-container,.widget[data-type="col-articles"] .article-container>.flex-col:nth-of-type(2){
	
				flex-direction:column;
	
			}
	
		/*</FLUX DE ARTICLE-CONTAINER ET FLEX-COL>*/
	
		/*<LARGEUR DES FLEX-COL ET ARTICLES>*/
	
			.widget[data-type="col-articles"] .flex-col,.widget[data-type="col-articles"] .flex-col>.article{
	
				width:100%;
	
			}
	
		/*</LARGEUR DES FLEX-COL ET ARTICLES>*/
	
	/*</CSS DU WIDGET TYPE COL-ARTICLES>*/
	
	/*<CSS DU WIDGET TYPE 2-ROWS-ARTICLES>*/
	
		/*<FLUX DE ARTICLE-CONTAINER ET FLEX-COL>*/
	
			.widget[data-type="2-rows-articles"] .article-container{
	
				flex-direction:column;
	
			}
	
		/*</FLUX DE ARTICLE-CONTAINER ET FLEX-COL>*/
		
		/*<DEFINITION GLOBALE DES FLEX-COL>*/
	
			.widget[data-type="2-rows-articles"] .flex-col:nth-of-type(2){
	
				flex-direction:row;
	
			}
	
			.widget[data-type="2-rows-articles"]:not([data-grid="2"]) .flex-col:nth-of-type(2){
	
				justify-content:space-around;
	
			}
	
		/*</DEFINITION GLOBALE DES FLEX-COL>*/
	
		/*<LARGEUR DES FLEX-COL ET ARTICLES>*/
	
			.widget[data-type="2-rows-articles"] .flex-col,.widget[data-type="2-rows-articles"] .flex-col:nth-of-type(1)>.article{
	
				width:100%;
	
			}
	
		/*</LARGEUR DES FLEX-COL ET ARTICLES>*/
		
		/*<LARGEUR DES ARTICLES EN FONCTION DES GRID>*/
	
			.widget[data-type="2-rows-articles"][data-grid="1"] .flex-col:nth-of-type(2)>.article{
	
				width:97%;
	
			}
	
			.widget[data-grid="3"][data-type="2-rows-articles"] .flex-col:nth-of-type(2)>.article{
	
				width:47%;
	
			}
	
			.widget[data-grid="4"][data-type="2-rows-articles"] .flex-col:nth-of-type(2)>.article{
	
				width:30.333333%;
	
			}
	
		/*</LARGEUR DES ARTICLES EN FONCTION DES GRID>*/
	
	/*</CSS DU WIDGET TYPE 2-ROWS-ARTICLES>*/
}
@media screen and (max-width:639px){
	.article-container,.widget[data-type="row-articles"] .article-container,.widget[data-type="row-articles"] .flex-col:nth-of-type(2),.widget[data-type="2-rows-articles"] .flex-col:nth-of-type(2),.widget[data-type="row-col-articles"] .article-container,.container12.flex{
		flex-direction:column;
	}
	.section-banner{
		position:relative;
	}	
	.section-logo {  
		width: 70px;
		height: 80px;
		left : 10px;
	}
	.section-logo.right {
		right: 10px;
	}
	.article{
		width:100%;
	}
	.article-container{
		padding-top:30px;
	}
	.section-thumbnail .swiper-slide{
		padding-bottom:51%;
	}	
	.section-thumbnail>.image-slider{	
		min-height:150px;
	}
	.section-banner>.container12>.grid_8{
		width:63.6666666667%!important;
	}
	.section-banner>.container12>.grid_7{
		width:55.3333333333%!important;
	}
	.section-banner>.container12>.grid_9{
		width:72%!important;
	}
	.section-banner>.container12>.group_5{
		width:41.6666666667%!important;
	}
	.section-banner>.container12>.group_4{
		width:33.3333333333%!important;
	}
	.section-banner>.container12>.group_3{
		width:25%!important;
	}
	.widget_1>.container12>.grid_7{
		padding-top:100px;
	}
}
@media print{
	/*CSS HAUTEUR DES SLIDES*/
	.section-thumbnail .swiper-slide{
		padding-bottom:20%;
	}
	.widget.fat_section-thumbnail .section-thumbnail .swiper-slide{
		padding-bottom:40%;
	}
	.article-thumbnail>.image-slider .swiper-slide{
		padding-bottom:50%;
	}
	/*CSS POUR LE COMPORTEMENT DU SECTION-BANNER*/
	.section-banner>.container12>.grid_8{
		width:66.6666666667%!important;
	}
	.section-banner>.container12>.grid_7{
		width:55.3333333333%!important;
	}
	.section-banner>.container12>.grid_9{
		width:75%!important;
	}
	.section-banner>.container12>.group_5{
		width:41.6666666667%!important;
	}
	.section-banner>.container12>.group_4{
		width:33.3333333333%!important;
	}
	.section-banner>.container12>.group_3{
		width:25%!important;
	}
	.widget>.section-banner>.container12>div[class^=group_]>.section-logo{
		left:unset;
		right:0;
	}
	/*OVERRIDE LARGEUR DES COLONNES POUR WIDGET_3*/
	.widget_3>.container12>.grid_6{
		width:66.666666%!important;
		float:left;
	}
	.widget_3>.container12>.grid_3{
		width:33.333333%!important;
		float:left;
	}
	/*OVERRIDE MARGIN DES GRID DANS WIDGET_8*/
	.widget_8 .grid_6:nth-of-type(1){
		padding-bottom:0;
	}
	.widget_8 .grid_6:nth-of-type(2){
		padding-top:0;
	}
	/*CSS DES CONTAINERS*/
	.section>.container12>.grid_12>.section_title,h2:not(.section-title){
		color:#000!important;
	}
	.widget{
		color:#000!important;
		box-sizing: border-box;
		background-image:unset;
	}
	.widget_8{
		color:#fff;
	}	
	.widget_8 .avis,.widget_8 h2{
		color:#fff!important;
	}
	.widget_8 .avis-contenu{
		font-size:1.4em;
	}
	.widget:not(.widget_8):nth-of-type(n+1){
		background-color:#efefef!important;
		background:#efefef!important;
	}
	.widget:not(.widget_8):nth-of-type(2n){
		background-color:#fff!important;
		background:#fff!important;
		border-bottom:#000 solid 2px;
	}
	#edition-footer,.yellow-bg,.municipal-council-container{
		background-color:#fff!important;
		background-image:unset;
		background:#efefef!important;
		color:#000!important;
	}
	.widget>.container12,.widget>.container12>div,.container12.flex,.flex-column,.article-container,.flex-col,.background{/*CHECK POURQUOI ICI CETTE LIGNE INFLUENCE LA 1ERE PAGE PRINT*/  
		display:block;
		flex-direction:unset;
		justify-content:unset;
	}
	.widget>.container12,.widget>.container12>div,.flex-column,.article-container{
		width:100%;
	}
	.widget>.section-banner>.container12{
		display:flex;
		flex-direction:row-reverse;
	}
	.widget,.article,#edition-footer{
		page-break-inside:avoid;
	}
	.article-thumbnail{
		break-inside:avoid;
	}
	.municipal-council-container>h2{
		font-size:2em;
	}
	.yellow-bg .grid_7{
		width:50%!important;
	}
	.yellow-bg .grid_5{
		width:50%!important;
	}
	.footer-logo{
		padding-bottom:15%;
	}
	.widget_9 .section-title{
		color:#000!important;
	}
	/*CSS POUR LES LAYOUT TYPES EN PRINT*/
	/*.widget[data-print="row"] .article,.widget[data-grid="1"][data-print="column"] .flex-col:nth-of-type(1)>.article{
		width:100%;
	}
	.widget[data-grid="1"] .flex-col:nth-of-type(2),.widget[data-grid="1"][data-print="column"] .flex-col:nth-of-type(2){
		display:none;
	}
	.widget[data-print="row"] .article .resume{
		margin:unset;
		box-sizing:border-box;
		padding-right:2.3%;
	}
	.widget[data-print="row"] .article .contenu{
		box-sizing:border-box;
		padding-left:2.3%;
	}
	.widget[data-print="row"] .article:after{
		content:'';
		display:block;
		clear:both;
	}
	.widget[data-print="column"] .flex-col{
		float:left;
	}
	.widget[data-print="column"] .flex-col:nth-of-type(2){
		display:flex;
		justify-content:space-around;
	}
	.widget[data-grid="1"][data-print="column"] .flex-col:nth-of-type(1){
		width:100%;
	}
	.widget[data-grid="2"][data-print="column"] .flex-col:nth-of-type(1),.widget[data-grid="2"][data-print="column"] .flex-col:nth-of-type(2){
		width:50%;
	}
	.widget[data-grid="3"][data-print="column"] .flex-col:nth-of-type(1){
		width:33.333333%;
	}
	.widget[data-grid="3"][data-print="column"] .flex-col:nth-of-type(2){
		width:66.666666%;
	}
	.widget[data-grid="4"][data-print="column"] .flex-col:nth-of-type(1){
		width:25%;
	}
	.widget[data-grid="4"][data-print="column"] .flex-col:nth-of-type(2){
		width:75%;
	}
	.widget:not([data-grid="1"])[data-print="column"] .flex-col:nth-of-type(1)>.article,.widget[data-grid="2"][data-print="column"] .flex-col:nth-of-type(2)>.article{
		width:97%;
	}
	.widget[data-grid="3"][data-print="column"] .flex-col:nth-of-type(2)>.article{
		width:47%;
	}
	.widget[data-grid="4"][data-print="column"] .flex-col:nth-of-type(2)>.article{
		width:30.333333%;
	}*/
	/*CSS POUR HAUTEUR DES PAGES QUI ONT 1 WIDGET*/
	.section[data-print~="1-page-height"]{
		height:100vh;
	}
	.section[data-print~="2-page-height"]{
		height:200vh;
	}
	.section[data-print~="3-page-height"]{
		height:300vh;
	}
	/*LAYOUT DE BASE DES ARTICLES*/
	.widget:not(.extended) .article li{
		break-inside:avoid-column;
	}
	.widget:not(.extended) .article p{
		orphans:2;
		widows:2;
	}
	.article{
		margin-bottom:10px;
	}	
	.article-thumbnail{
		margin:0;
	}
	.section-description:empty{
		display:none;
	}
	.widget:not(.widget_3):not(.widget_14) .article:not(.fullwidth){
		columns:2;
	}
	.article:not(.fullwidth)>.titre{
		column-span:all;
	}
	.article>.titre{
		text-transform:uppercase;
	}
	/*CSS POUR ARTICLE QUAND IL N'Y EN A QU'UN SEUL DANS LA PAGE*/
	.section[data-print~="is-alone-in-page"][data-grid="1"] .article[data-print-active="true"] .titre{
		font-size:2.1em;
		margin-bottom:1em;
	}
	.section[data-print~="is-alone-in-page"][data-grid="1"] .article[data-print-active="true"] .contenu p{
		margin:1.5em 0;
		break-inside:avoid;
	}	
	/*CSS POUR ARTICLE QUAND IL Y EN A UN OU PLUSIEURS DANS LE WIDGET ET QU'AUCUNS N'A D'IMAGES*/
	.section[data-print~="is-alone-in-page"][data-grid="1"][data-print~="no-article-image"] .article[data-print-active="true"]:not(.no-detect){
		columns:unset;
	}
	.section[data-print~="no-article-image"] .article[data-print-active="true"]>.titre{
		column-span:unset;
	}
	/*CSS POUR ARTICLE QUAND LE WIDGET EST SEUL DANS LA PAGE*/
	.section[data-print~="is-alone-in-page"] .article[data-print-active="true"]{
		/*color:purple;*/
	}
	
	/*CSS POUR ARTICLE QUAND LE WIDGET N'A PAS D'IMAGES DE SECTION*/
	.section[data-print~="no-section-image"] .article[data-print-active="true"]{
		/*color:brown;*/
	}
	
	/*CSS POUR ARTICLE QUAND IL N'Y EN A QU'UN DANS LE WIDGET ET QUE L'ARTICLE A UNE IMAGE MAIS PAS LE WIDGET*/
	.section[data-grid="1"][data-print~="no-section-image"]:not([data-print~="no-article-image"]) .article[data-print-active="true"]:not(.no-detect){
		columns:unset;
	}
	.section[data-grid="1"][data-print~="no-section-image"]:not([data-print~="no-article-image"]) .article[data-print-active="true"]>.titre{
		column-span:unset;
	}
	
	/*CSS POUR ARTICLE POUR LES WIDGETS SANS BANDEAU INCLUANT LA SECTION ACTIVITÉS*/	
	.section[data-section="n/a"][data-grid="1"] h2.section-title,.section[data-section="activites"][data-grid="1"] h2.section-title{
		/*margin:0.5em 0 1em;RETIRÉ*/
	}
	a{
		color:#0000EE!important;
	}
	.widget_8 a{
		color:#fff!important;
	}
	.container12>div[class^=grid_]:not(:last-child){
		/*padding-bottom:0px;*/
	}
	[data-section="activites"] a:link, [data-section="activites"] a:visited, [data-section="activites"] a:hover{
		color:#0000EE!important;
	}
	.log{
		position:absolute;
		top:0;
		left:0;
		background-color:rgba(120,195,95,0.9);
		color:#fff;
		z-index:1000;
	}
	.avis-contenu h2{
		margin:0;
	}
	.article.no-print-columns{
		columns:unset!important;
	}
}
