/* #PRODUIRE{fond=css.css,skel=metro,objet=spip_pass,id_objet=0,lang=fr}
   md5:363cb8e7d9a1987b8f7c31054d28814f */

/* plugins/beebuzz/beebuzz/squelettes/css.css.html */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2018 */
 /*                HUB CSS THEME metro*/
/***************************************************************/




/* THEME: plugins/beebuzz/themes/metro/css/*/

/* ** ** ** ** ** ** ** ** *
   ** LISTE CSS DYNAMIQUE **
   ** ** ** ** ** ** ** ** */


/* theme-skel.css.html */
	/* 
plugins/beebuzz/themes/metro/css/theme-skel.css.html   
 */
   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2018 */
 /*             Template CSS theme-skel - Géodésique            */
/***************************************************************/






	








	


	



















.c1_bg 	{ background-color: rgba(51,51,51,1) !important;}
.c1_bd	{ border-color: 	rgba(51,51,51,1) !important;}
.c1 		{ color: 			rgba(51,51,51,1) !important;}

.c2_bg 	{ background-color: rgba(51,77,92,1) !important;}
.c2_bd	{ border-color: 	rgba(51,77,92,1) !important;}
.c2 		{ color: 			rgba(51,77,92,1) !important;}

.c3_bg 	{ background-color: rgba(79,178,156,1) !important;}
.c3_bd	{ border-color: 	rgba(79,178,156,1) !important;}
.c3 		{ color: 			rgba(79,178,156,1) !important;}

.c4_bg 	{ background-color: rgba(239,201,76,1) !important;}
.c4_bd	{ border-color: 	rgba(239,201,76,1) !important;}
.c4 		{ color: 			rgba(239,201,76,1) !important;}

.c5_bg 	{ background-color: rgba(226,121,63,1) !important;}
.c5_bd	{ border-color: 	rgba(226,121,63,1) !important;}
.c5 		{ color: 			rgba(226,121,63,1) !important;}

.c6_bg 	{ background-color: rgba(223,73,74,1) !important;}
.c6_bd	{ border-color: 	rgba(223,73,74,1) !important;}
.c6 		{ color: 			rgba(223,73,74,1) !important;}

.c7_bg 	{ background-color: rgba(85,85,85,1) !important;}
.c7_bd	{ border-color: 	rgba(85,85,85,1) !important;}
.c7 		{ color: 			rgba(85,85,85,1) !important;}

.c8_bg 	{ background-color: rgba(109,109,109,1) !important;}
.c8_bd	{ border-color: 	rgba(109,109,109,1) !important;}
.c8 		{ color: 			rgba(109,109,109,1) !important;}

.c9_bg 	{ background-color: rgba(188,188,188,1) !important;}
.c9_bd	{ border-color: 	rgba(188,188,188,1) !important;}
.c9 		{ color: 			rgba(188,188,188,1) !important;}
















/* tmp/bee/metro_colors.json - Cache : 21/09/2026 06:43:55 */




 
 






@charset "UTF-8";

/**
* Template Style
*
* [Table of contents]
**/

/**
* Template Style
*
* [Table of contents]
############################
*   0. CSS Prioritaire
############################
**/

.display-none,
.page-load .display-none-load {
	display: none !important
}
.loading {
	background: url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/loading.gif') no-repeat top center center !important;
}
/* inc_components,env */


/* BALISE HTML ARTICLE - CONTENT */

/* HEADER */
.article-header{
	position: relative;
	color: rgba(226,226,226,1) !important;
	
	}
.article-header .col-titre {
	padding-left: 0px
	}
.article-header .col-logo {
	display:flex;
	padding-right: 0px
	}
.article-header .col-logo img {
	max-width: 100%;
	padding-top: 30px !important;
	height: auto;
	object-fit: contain !important;
	object-position: top center;
	margin-bottom: 20px;
	}
.article-header.objet-logo-false .col-titre{
	padding: 0px;
	}
.article-header h1.article-title {
	font-size: 52px !important;
	padding: 20px 0px 50px 0px !important;
	font-weight: 100 !important;
	position: relative !important;;
	}
.article-header h2.article-subtitle {
	font-size: 28px !important;
	padding: 0px 0px 10px 0px !important;
	font-weight: 300 !important;
	}
.article-header h2.popup-overtitle {
	font-size: 28px !important;
	padding: 0px 0px 10px 0px !important;
	font-weight: 300 !important;
	}
.article-header #cartouche-infos { 
	position: absolute;
	left:40px;
	top:-25px;
	font-size: 12px
	}
.popup-content.large  .article-header #cartouche-infos	{
	left:60px;
	top:25px	
	}
.article-header .item-cartouche {
	padding: 4px 8px;
	margin: 4px;
	background: rgba(85,85,85,1);
	border-radius: 11px	
	}
.article-header .item-cartouche:before {
	font-family: FontAwesome;
	padding-right: 5px;	
	}
.article-header .info-date-item:before {
	content: "\f017";
	}
.article-header .info-statut-item-prop {
	background: rgba(226,121,63,1);
	color: #FFF;	
	}
.article-header .info-statut-item-prepa {
	background: #FFF;
	color: rgba(72,72,72,1);
	}
.article-header .info-statut-item-refuse {
	background: rgba(223,73,74,1);
	color: #FFF;	
	}
.article-header .info-statut-item-poubelle  {
	background: rgba(72,72,72,1);
	color: rgba(226,226,226,1);	
	}
.article-header .info-statut-item-prop:before {
	content:'\f128';
	}
.article-header .info-statut-item-prepa:before{
	content: "\f040";
	}
.article-header .info-statut-item-refuse:before {
	content:'\f071';
	}
.article-header .info-statut-item-poubelle:before  {
	content:'\f1f8';
	}
.article-header .hyperlien {
	background: rgba(239,201,76,1);;
	padding: 4px 14px;
	border-radius: 14px;
	color: #333333;
	position: relative;
	z-index: 9;
	transition:all 500ms ease-in-out !important
}
.article-header .hyperlien:hover {
	background: rgba(79,178,156,1);
	color: #FFF;
}
.article-header .hyperlien:before {
    font-family: FontAwesome;
	content: "\f08e";
	padding-right: 8px;	
}
/* HEADER H1 exceptions */
.popup-box article.objet-document .article-header h1.article-title {
	font-size: 32px !important;
	margin: 0px !important;
	padding: 10px 0px 0px 0px !important;
	}
#popup-form_recherche header h1  {
	padding-bottom: 0px !important;
	}	

@media (max-width: 576px) {
	.article-header h1.article-title {
		font-size: 40px !important;
		padding: 20px 0px 40px 0px !important;
		font-weight: 100 !important;
		}
	.article-header h2.article-subtitle {
		font-size: 24px !important;
		font-weight: 300 !important;
		}
	.article-header h2.popup-overtitle {
		font-size: 24px !important;
		font-weight: 300 !important;
		}
	.article-header .col-logo {
		padding: 0px;
		}
	.article-header .col-logo img {
		padding:0px;
		}
}

/* TEXTE */

.article-text {
	color: rgba(226,226,226,1);
	}

/** Texte liens **/

/*** Lien configuration générale ***/
a, a:hover {
	text-decoration: none !important;
	}
.article-text a,
.article-text a:hover {
	text-decoration: none !important;
	transition:all 500ms ease-in-out !important
	}
.article-text a.spip_in,
.article-text a.spip_out,
.article-text a.spip_mail,
.article-text a.spip_ancre {
	position: relative
	}
.article-text a.spip_in{
	color:rgba(79,178,156,1);	
	}
.article-text a.spip_out {
	color:rgba(239,201,76,1);	
	}
.article-text a.spip_mail {
	color:rgba(226,121,63,1);	
	}
.article-text a.spip_ancre {
	color:rgba(255,255,255,.8);
	}	
.article-text a.spip_in:before,
.article-text a.spip_out:before,
.article-text a.spip_mail:before,
.article-text a.spip_ancre:before, 
.article-text a.spip_in:after,
.article-text a.spip_out:after,
.article-text a.spip_mail:after,
.article-text a.spip_ancre:after  {
	content: '';
	height: 3px;
	bottom: -2px;
	position: absolute !important;	
	transition:all 500ms ease-in-out !important
	}
.article-text a.spip_in:before,
.article-text a.spip_out:before,
.article-text a.spip_mail:before,
.article-text a.spip_ancre:before {
	width:100%;
	left: 0%;
	z-index: -1;
	}
.article-text a.spip_in:after,
.article-text a.spip_out:after,
.article-text a.spip_mail:after,
.article-text a.spip_ancre:after {
	width:0px;
	left: 50%;
	z-index: 2;
	}
.article-text a.spip_in:before {
	background: rgba(79,178,156,1);
	}
.article-text a.spip_out:before {
	background: rgba(239,201,76,1);
	}
.article-text a.spip_mail:before {
	background: rgba(226,121,63,1);
	}
.article-text a.spip_ancre:before {
	background: rgba(255,255,255,.8);
	}
.article-text a.spip_in:after,
.article-text a.spip_out:after,
.article-text a.spip_mail:after,
.article-text a.spip_ancre:after {
	background: #FFF;
	}
/*
.texte a.spip_in:hover:after,
.texte a.spip_out:hover:after {
	left: 0%;
    width: 100%;
	}
*/
.article-text a.spip_in:hover:before,
.article-text a.spip_out:hover:before,
.article-text a.spip_mail:hover:before,
.article-text a.spip_ancre:hover:before {
	height: 22px;
	}
.article-text a.spip_in:hover,
.article-text a.spip_mail:hover {
	color: #FFF
	}
.article-text a.spip_out:hover {
	color: rgba(51,51,51,1)
	}
.article-text a.spip_ancre:hover {
	color: rgba(51,77,92,1)
	}
/*** Lien configuration spécifique ***/
/*** Lien type externe ***/
.article-text .spip_out {}
.article-text .spip_out:hover  {}
.article-text .spip_out:visited {}
.article-text .spip_out:visited:hover {}

/*** Lien type interne ***/
.article-text .spip_in {}
.article-text .spip_in:hover  {}
.article-text .spip_in:visited {}
.article-text .spip_in:visited:hover {}

/*** Lien type mail ***/
.article-text .spip_mail:visited  {}
.article-text .spip_mail:visited:hover {}

/** Texte balise de hiérarchisation **/
.article-text h3.spip,
.article-text h4.spip,
.article-text h5.spip {
	position: relative;
	font-weight: 300 !important;
	color: #FFF;
	margin-left: 70px;
}
.article-text h3.spip {
	font-size: 36px !important;
	padding: 20px 0 !important;
	}
.article-text h4.spip {
	font-size: 30px !important;
	padding: 10px 0 !important;
	}
.article-text h5.spip {
	font-size: 24px !important;
	padding: 5px 0 !important;
	}
h3.section-titre {
	font-size: 36px !important;
	font-weight: 300 !important;
	color: #FFF;	
	margin-top: 20px
}
@media (max-width: 576px) {
	.article-text h3.spip,
	.article-text h4.spip,
	.article-text h5.spip {
		font-weight: 300 !important;
		margin-left: 70px;
	}
	.article-text h3.spip {
		font-size: 30px !important;
		}
	.article-text h4.spip {
		font-size: 26px !important;
		}
	.article-text h5.spip {
		font-size: 24px !important;
		}
	h3.section-titre {
		font-size: 30px !important;
	}
}
/*** Numérotatiton auto hiérarchisation ***/
.article-text {
	counter-reset: h3 h4 h5
	}
.article-text h3.spip:before,
.article-text h4.spip:before,
.article-text h5.spip:before {
	background: rgba(72,72,72,1);
	display: block;
	text-align: center;
	font-size: 60%;
	position: absolute;
	margin-left:-70px;
	font-weight: 400 !important;
	}
.article-text h3.spip:before {
	content: counter(h3) "  ";
	counter-increment: h3;
	min-width: 60px;
	line-height: 60px;
	border-radius: 30px;
	margin-top: -10px !important
	}
.article-text h4.spip:before {
	content: counter(h3) "." counter(h4) "  ";
	counter-increment: h4;
	min-width: 50px;
	line-height: 50px;
	border-radius: 25px;
	margin-top: -7px !important
	}
.article-text h5.spip:before {
	content: counter(h3) "." counter(h4) "." counter(h5) "  ";
	counter-increment: h5;
	min-width: 40px;
	line-height: 40px;
	border-radius: 20px;
	margin-top: -5px !important
	}
.article-text h3.spip {
	counter-reset: h4;
	}
.article-text h4.spip {
	counter-reset: h5;
	}
.article-text h3.spip.unnumbered, 
.article-text h4.spip.unnumbered {
	counter-reset: none;
	}
.article-text.unnumbered-auto h3.spip:before, 
.article-text.unnumbered-auto h4.spip:before,
.article-text.unnumbered-auto h5.spip:before{
	content: none;
	counter-increment: none;
	}
	
/** Texte italic **/	
.article-text i {
	font-style: italic !important
}
.article-text i.fa {
	font-style: normal !important
}

/** Texte gras **/
.article-text  strong {
	font-weight: 700 !important
	}
	
.puce_bee:before {
    font-family: FontAwesome;
	content: "\f105";
	padding-right: 10px;	
}

/** Texte souligné **/
sl { 
	text-decoration: none !important;
	border-bottom: 3px solid
	/* text-decoration: #FFF wavy underline; */
	}
	
/** Texte Petite capitale **/ 	
sc {
  text-transform : uppercase;
  font-size: 70%;
	}

/** Texte en indice **/ 
sub {
	font-size: 11px;
	color: rgba(79,178,156,1)
	}
	
/** Texte en exposant **/ 
sup  {
	font-size: 11px;
	text-transform: none;
	color: rgba(239,201,76,1)
	}

/** Texte surligné **/
.article-text .caractencadre-spip,
.article-text .caractencadre2-spip {
	padding: 0 5px 2px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400 !important
	}
.article-text .caractencadre-spip {
	color: #FFF !important;
	background: rgba(79,178,156,1) !important;
	}
.article-text .caractencadre2-spip {
	color: rgba(51,51,51,1); !important;
	background: rgba(239,201,76,1) !important;
	}

/** Texte listes **/

/*** Texte liste à puce ***/
.article-text ul.spip {
	margin-left: 15px 
	}
.article-text ul.spip li {
	list-style-type: disc;
	margin-bottom: 0px;
 	line-height: 140%;
 	text-align:justify
	}
.article-text ul.spip > li {
	padding-bottom: 10px;
	}
.article-text ul.spip li {
	text-align: left;
	}
.article-text ul.spip li ul {
	margin-left: 10px;
	}
.article-text ul.spip li ul li {
	margin-left: 5px;
	padding-bottom: 0px;
	}
/*** Texte liste numérotée ***/
/* https://www.atikteam.com/fr/blog/page/2010-09-27-Numerotation-en-css */
.article-text ol.spip {
	counter-reset:Point_liste_niveau1;
	list-style-type:none;
	}
.article-text ol.spip li {
	line-height: 140% !important;
	}
.article-text ol.spip > li {
	padding-bottom: 10px;
	}
.article-text ol.spip li li {
	margin-left: 10px;
	padding-bottom: 0px;
	}
.article-text ol.spip li:before {
	content: counter(Point_liste_niveau1) ". ";
	counter-increment:Point_liste_niveau1;
	}
.article-text ol.spip ol.spip {
	margin-left: 5px;
	counter-reset:Point_liste_niveau2;
	list-style-type:none;
	}
.article-text ol.spip ol.spip li:before {
	content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". ";
	counter-increment:Point_liste_niveau2;
	}
.article-text ol.spip ol.spip ol.spip {
	margin-left: 5px;
	counter-reset:Point_liste_niveau3;
	list-style-type:none;
	}
.article-text ol.spip ol.spip ol.spip li:before {
	content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". " counter(Point_liste_niveau3,lower-alpha) ". ";
	counter-increment:Point_liste_niveau3;
	}

/** Texte tailles **/
t1 {
	font-size: 20px;
	line-height: 130%;
	font-weight: 300
	}
t2 {
	font-size: 24px;
	line-height: 130%;
	font-weight: 300
	}
t3 {
	font-size: 28px;
	line-height: 130%;
	font-weight: 300
	}

/** Texte couleurs **/

/* Gris foncé n1 	hexa = #333333 */
c0 {
	color: #000;
	}
c1 {
	color: rgba(51,51,51,1);
	}
/* Bleu nuit		hexa = #334d5c */
c2 {
	color: rgba(51,77,92,1);
	}
/* Turquoise		hexa = #45b29d  */
c3 {
	color: rgba(79,178,156,1);
	}
/* Jaune or			hexa = #efc94c  */
c4 {
	color: rgba(239,201,76,1);
	}
/* Orange			hexa = #e2793f */
c5 {
	color: rgba(226,121,63,1);
	}
/* Rouge			hexa = #df494a */
c6 {
	color: rgba(223,73,74,1);
	}
	
/** Texte ligne de separation (---) **/
hr.spip {
	border-top: 3px solid rgba(239,201,76,1); !important;
	display: block
}

/** Texte - textarea - zone scrollable avec une hauteur maximum ***/
.spip_cadre   {
	border: none !important;;
	Width: 100% !important;
	max-height: 300px  !important;
	padding: 10px !important;
	overflow: auto !important;
	background: rgba(72,72,72,1) !important;
	color:#FFF;
	margin: 15px 0px
	} 
	
/** Texte cadre type quote **/


blockquote.spip  {
	padding:10px;
	border: none;
	border-left: 5px solid rgba(239,201,76,1);
	border-right: 5px solid rgba(239,201,76,1);
	border-radius: 10px;
	color: #FFF;
	}

/** Texte cadre poesie **/
blockquote.spip_poesie  {
	background: rgba(239,201,76,1);
	color: rgba(51,51,51,1) ;
	display: block;
	padding:10px;
	border: none;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3)
}
	
/** Texte cadre code **/	
code.spip_code {
	background: rgba(51,77,92,1);
	color: #FFF;
	white-space: pre-wrap;
	display: block;
	padding:10px;
	border: none;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3)
}

/** Texte encadré  **/
.texteencadre-spip {
	display: block;
	padding:10px;
	background: none !important;
	color: #FFF !important;
	border: 3px solid rgba(239,201,76,1) !important;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3)
}

/** Texte tableau **/

table.spip{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:1em;
	border-collapse:collapse;
	border-spacing:0;
	line-height:normal;
	}
table.spip caption{
	caption-side:top;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	color: #FFF;
	font-size: 22px;
	font-weight: 300;
	}
table.spip caption:before {
    font-family: FontAwesome;
	content: "\f104";
	padding-right: 10px;
}
table.spip caption:after {
	font-family: FontAwesome;
	content: "\f105";
	padding-left: 10px;
}
table.spip tr {
	padding: 10px !important;
	transition: all 500ms ease-in-out
	}
table.spip tr.row_first{
	background:rgba(79,178,156,1);
	color: #FFF;
	}
table.spip tr.row_odd{
	background:rgba(0,0,0,.05);
	color: #FFF;
	}
table.spip tr.row_even{
	background:rgba(109,109,109,.2);
	color: #FFF;
	}
table.spip th,
table.spip td{
	padding:10px;
	text-align:left;
	transition: all 500ms ease-in-out
	}
table.spip th:not(:first-of-type),
table.spip td:not(:first-of-type){
	border-left:1px solid rgba(0,0,0,.2);
}
table.spip th{
	vertical-align:bottom;
	font-weight:normal;
	}
table.spip td{
	vertical-align:top;
	}
table.spip th:nth-child(odd),
table.spip td:nth-child(odd) {
	background:rgba(0,0,0,.1);
}	
table.spip tr.row_odd:hover,
table.spip tr.row_even:hover,
table.spip tr.row_odd td:hover,
table.spip tr.row_even td:hover{
	transition: all 500ms ease-in-out ;
	background:rgba(0,0,0,.2);
	}
/** NOTE **/

.spip_note_ref,
.spip_note_ref a {
	color: transparent;
	padding: 0;
	margin: 0
	}
.spip_note_ref a {
	display: inline-block;
	position: relative;
	top: -8px;
	width: 18px;
	background: rgba(85,85,85,1);
	text-align: center;
	margin-left: -5px;
	margin-right: -2px;
	color: #FFF;
	line-height: 18px;
	font-weight: bold;
	font-size: 11px !important;
	border-radius: 11px;
	}
.spip_note_ref a:hover {
	background: rgba(79,178,156,1);
	}
#note {
	font-size: 14px !important; 
	font-weight: normal;
	}
#note  .spip_note_ref a {
	display: inline-block;
	position: relative;
	top: 0px;
	width: 24px;
	background: rgba(85,85,85,1);
	text-align: center;
	margin-left: 0px;
	margin-right: 22px;
	color: #FFF;
	line-height: 24px;
	font-weight: bold;
	font-size: 16px !important;
	border-radius: 12px;
	font-weight: 400
	}
#note  .spip_note_ref a:after {
	position: absolute;
	left: 32px;
	content: ":"
	}
#note div[id^="nb"] {
	border-bottom: 1px solid rgba(85,85,85,1);
	margin-bottom: 10px !important;
	padding: 0px !important;
	}

/** Texte saut de ligne forcé **/

br.sp {
	display: block;
	width: 100%;
	height: 10px;
	clear: both
	}	

/* typo texte bloc deroulant   */
	
.article-text .cs_blocs h4 {
  	background:none;
    padding: 0px;
    margin: 0px;
    }
.article-text .cs_blocs  h4.blocs_titre  a {
	color: #FFF !important;
	background: rgba(51,51,51,1);
	border-bottom: 1px solid rgba(85,85,85,1);
	font-size: 22px;
	}
.article-text .cs_blocs  h4.blocs_titre  a:before {
    content: "\f107";
    font-family: FontAwesome;
    display: inline-block;
    line-height: 20px;
    font-size: 22px !important;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
.article-text .cs_blocs  h4.blocs_titre  a:hover:before {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
.article-text .cs_blocs  h4.blocs_titre.blocs_replie  a:before {
    content: "\f105";
    font-family:  FontAwesome;
	}
.article-text .cs_blocs  h4.blocs_titre.blocs_replie  a:hover:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}
.article-text .cs_blocs  h4.blocs_titre  a:hover {
	background: rgba(51,51,51,1);
	}
.article-text .cs_blocs .blocs_destination {
	margin-bottom:20px !important;
	}
.article-text .cs_blocs  h4.blocs_titre.cs_done a {
	display: block !important;
	text-align: center;
	padding:10px;
	margin-bottom: 0
	}
.article-text .cs_blocs .blocs_destination.blocs_invisible  p{
	margin-left: 0;
	margin-top: 0;
	padding: 20px 0;
	} 	
	
/* Texte - Section */
.article-text #chapo {
	font-size: 20px !important;
	font-weight: 500
}

/* TEXTE - RESPONSIVE */

@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* TEXTE - THEME LIGHT */

[data-theme="light"] .article-text,
[data-theme="light"] .article-header,
[data-theme="light"] c0 {
	color: rgba(51,51,51,1) !important;
}

.popup-bzzz .row {
	margin: 0px !important
}
.popup-date {
	border-top: 1px solid;
	font-size: 22px;
	padding: 10px 0px 10px 0px !important;
}
.article-body {
	padding-top: 20px !important;
}
.article-body section {
	padding: 0px !important;
}
.article-text {
	padding-right: 10px !important;
}
section.article-infos {
	border-left: 10px solid  rgba(51,51,51,1);
	background: rgba(85,85,85,1);
}
section.article-infos table {
	width: 100%
}
section.article-infos table td {
	border-bottom: 1px solid rgba(51,51,51,1);
}
section.article-infos table td {
	border-bottom: 1px solid rgba(51,51,51,1);
}
section.article-infos table tr:hover td {
	background: rgba(109,109,109,1);
}
section.article-infos table td.td-infos a {
	color: #FFF;
}
section.article-infos table td.td-label {
	background: rgba(51,77,92,.2);
	padding-left: 4px;
	font-size: 13px;
	width: 130px;
	vertical-align: middle
}
.article-body table td.td-label .fa:before {
	display: block;
	text-align: center;
	background: rgba(79,178,156,1);
	width: 30px;
	line-height: 30px;
	border-radius: 15px;
	color: #FFF
}
section.article-infos table tbody tr hr.spip {
	border-color:rgba(79,178,156,.4);
}
section.article-footer{}
.objet-article section#texte,
.objet-rubrique section#texte {
	margin-bottom: 20px;
	padding-bottom: 10px !important;;
	border-bottom: 3px solid rgba(255,255,255,.2)	
}
section.section-liste-objet .item-infos,
section.section-liste-objet .item-infos time {
	font-size: 12px !important; 
	color: rgba(188,188,188,1);
}

@media screen and ( max-width: 992px ){
	.article-body section.article-infos table td.td-label {
		width: 40px;
	}
	.article-body table td.td-label {
		font-size: 0px !important
	}
	.article-body table td.td-label .fa:before {
		font-size: 15px
	}
}
@media (max-width: 576px) {	
	.popup-bzzz article.main-container.content-article {
		padding: 0px !important;
	}
	section.article-text {
		padding-right: 0px !important;
		margin-bottom: 10px;
		border-right: none
	}
	.article-body section.article-infos {
		padding-left: 0px !important;
	}
	.article-subtitle {
		font-size: 18px !important;
		text-align: center;
	}
	section.article-text * {
		font-size: 15px !important;
	}
	section.article-infos * {
		font-size: 13px !important;
	}
	section.section-liste-objet.loop-0,
	section.article-infos {
		border-left: none !important;;
		margin: 40px -20px 0px -20px !important;;
		width: calc( 100% + 40px ) !important;
		
	}
	section.section-liste-objet .item-infos,
	section.section-liste-objet .item-infos time {
		font-size: 11px !important; 
	}
}


/* TABLEAU FLEX */
/* https://medium.com/@snowleo208/how-to-create-responsive-table-d1662cb62075 */

.table-container,
.table-container div {
	box-sizing: border-box;
	}
.table-container {
	display: block;
	margin: 0 auto;
	width: 100%;
	border-top: solid 1px rgba(72,72,72,1);
	}
.flex-table {
	display: flex;
	flex-flow: row wrap;
	border-left: solid 1px rgba(72,72,72,1);
	transition: 0.5s;
	width: 100%;
	}
.flex-table .header {
	border-top: solid 1px rgba(51,77,92,1);
	border-left: solid 1px rgba(51,77,92,1);
	}
.flex-table .header .flex-row {
	background: rgba(51,77,92,1);
	color: white;
	border-color: rgba(51,77,92,1);
	}
.flex-table.row:nth-child(odd) > .flex-row {
	background: rgba(0,0,0,.1);
	}
.flex-table:hover > .flex-row,
.flex-table.row:nth-child(odd):hover > .flex-row {
	background: rgba(0,0,0,.2);
	}
.flex-row {
	text-align: center;
	padding: 0.5em 0.5em;
	border-right: solid 1px  rgba(72,72,72,1);
	border-bottom: solid 1px rgba(72,72,72,1);
	}
.flex-row.center {
	text-align: center !important;
	}
.flex-row.left {
	text-align: left !important;
	}
.flex-row.right {
	text-align: right !important;	
	}
.flex-row.middle {
	align-items: center;
	}
.flex-row.top {
	align-self: flex-start;
	}
.flex-row.bottom {
	align-self: flex-end;
	}
.rowspan {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: center;
	}
.rowspan.flex-start {
	justify-content: flex-start !important;
	}
.rowspan.flex-end {
	justify-content: flex-end !important;
	}
.rowspan.center {
	justify-content: center !important;	
	}
.rowspan.space-between {
	justify-content: space-between !important;	
	}
.rowspan.space-around {
	justify-content: space-around !important;	
	}
.rowspan.space-evenly {
	justify-content: space-evenly !important;	
	}
.rowspan.stretch {
	justify-content: stretch !important;	
	}
.rowspan.left {
	justify-content: left !important;	
	}
.rowspan.right {
	justify-content: right !important;	
	} 
.column {
	display: flex;
	flex-flow: column wrap;
	width: 75%;
	padding: 0;
	}
.column .flex-row {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding: 0;
	border: 0;
	border-bottom: solid 1px #FFF;
	}
.column .flex-row:hover {
	background: rgba(79,178,156,1);
	transition: 500ms;
	}
.flex-cell {
	text-align: center;
	padding: 0.5em 0.5em;
	border-right: solid 1px #FFF;
	}
.table-container div[class*="flex-cell-"]{
	overflow: hidden;
	}
.flex-row img,
.table-container div[class*="flex-cell-"] img {
	max-width: 100%;
	height: auto;
	object-fit: contain !important;
	}
@media (max-width: 575.98px) {
	.flex-cell-xs0 {
		display:none	
	}
	.flex-cell-xs5 {
		width: 5%;		
	}
	.flex-cell-xs10 {
		width: 10%;	
	}
	.flex-cell-xs15 {
		width: 15%;	
	}
	.flex-cell-xs20 {
		width: 20%;	
	}
	.flex-cell-xs25 {
		width: 25%;	
	}
	.flex-cell-xs30 {
		width: 30%;	
	}
	.flex-cell-xs40 {
		width: 40%;	
	}
	.flex-cell-xs50 {
		width: 50%;	
	}
	.flex-cell-xs60 {
		width: 60%;	
	}
	.flex-cell-xs65 {
		width: 65%;	
	}
	.flex-cell-xs70 {
		width: 70%;	
	}
	.flex-cell-xs75 {
		width: 75%;	
	}
	.flex-cell-xs80 {
		width: 80%;	
	}
	.flex-cell-xs85 {
		width: 80%;	
	}
	.flex-cell-xs90 {
		width: 90%;	
	}
	.flex-cell-xs100 {
		width: 100%;	
	}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.flex-cell-sm0 {
		display:none	
	}
	.flex-cell-sm5 {
		width: 5%;		
	}
	.flex-cell-sm10 {
		width: 10%;	
	}
	.flex-cell-sm15 {
		width: 15%;	
	}
	.flex-cell-sm20 {
		width: 20%;	
	}
	.flex-cell-sm25 {
		width: 25%;	
	}
	.flex-cell-sm30 {
		width: 30%;	
	}
	.flex-cell-sm40 {
		width: 40%;	
	}
	.flex-cell-sm50 {
		width: 50%;	
	}
	.flex-cell-sm60 {
		width: 60%;	
	}
	.flex-cell-sm65 {
		width: 65%;	
	}
	.flex-cell-sm70 {
		width: 70%;	
	}
	.flex-cell-sm75 {
		width: 75%;	
	}
	.flex-cell-sm80 {
		width: 80%;	
	}
	.flex-cell-sm85 {
		width: 80%;	
	}
	.flex-cell-sm90 {
		width: 90%;	
	}
	.flex-cell-sm100 {
		width: 100%;	
	}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.flex-cell-md0 {
		display:none	
	}
	.flex-cell-md5 {
		width: 5%;		
	}
	.flex-cell-md10 {
		width: 10%;	
	}
	.flex-cell-md15 {
		width: 15%;	
	}
	.flex-cell-md20 {
		width: 20%;	
	}
	.flex-cell-md25 {
		width: 25%;	
	}
	.flex-cell-md30 {
		width: 30%;	
	}
	.flex-cell-md40 {
		width: 40%;	
	}
	.flex-cell-md50 {
		width: 50%;	
	}
	.flex-cell-md60 {
		width: 60%;	
	}
	.flex-cell-md65 {
		width: 65%;	
	}
	.flex-cell-md70 {
		width: 70%;	
	}
	.flex-cell-md75 {
		width: 75%;	
	}
	.flex-cell-md80 {
		width: 80%;	
	}
	.flex-cell-md85 {
		width: 80%;	
	}
	.flex-cell-md90 {
		width: 90%;	
	}
	.flex-cell-md100 {
		width: 100%;	
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.flex-cell-lg0 {
		display:none	
	}
	.flex-cell-lg5 {
		width: 5%;		
	}
	.flex-cell-lg10 {
		width: 10%;	
	}
	.flex-cell-lg15 {
		width: 15%;	
	}
	.flex-cell-lg20 {
		width: 20%;	
	}
	.flex-cell-lg25 {
		width: 25%;	
	}
	.flex-cell-lg30 {
		width: 30%;	
	}
	.flex-cell-lg40 {
		width: 40%;	
	}
	.flex-cell-lg50 {
		width: 50%;	
	}
	.flex-cell-lg60 {
		width: 60%;	
	}
	.flex-cell-lg65 {
		width: 65%;	
	}
	.flex-cell-lg70 {
		width: 70%;	
	}
	.flex-cell-lg70 {
		width: 75%;	
	}
	.flex-cell-lg80 {
		width: 80%;	
	}
	.flex-cell-lg85 {
		width: 85%;	
	}
	.flex-cell-lg90 {
		width: 90%;	
	}
	.flex-cell-lg100 {
		width: 100%;	
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.flex-cell-xl0 {
		display:none	
	}
	.flex-cell-xl5 {
		width: 5%;	
	}
	.flex-cell-xl10 {
		width: 10%;	
	}
	.flex-cell-xl15 {
		width: 15%;	
	}
	.flex-cell-xl20 {
		width: 20%;	
	}
	.flex-cell-xl25 {
		width: 25%;	
	}
	.flex-cell-xl30 {
		width: 30%;	
	}
	.flex-cell-xl40 {
		width: 40%;	
	}
	.flex-cell-xl50 {
		width: 50%;	
	}
	.flex-cell-xl60 {
		width: 60%;	
	}
	.flex-cell-xl65 {
		width: 65%;	
	}
	.flex-cell-xl70 {
		width: 70%;	
	}
	.flex-cell-xl75 {
		width: 75%;	
	}
	.flex-cell-xl80 {
		width: 80%;	
	}
	.flex-cell-xl85 {
		width: 85%;	
	}
	.flex-cell-xl90 {
		width: 90%;	
	}
	.flex-cell-xl100 {
		width: 100%;	
	}	
}
.flex-row,
.flex-row:hover,
.flex-row:after,
.flex-row:before,
.flex-row:hover:after,
.flex-row:hover:before,
.flex-table,
.flex-table:hover,
.flex-table:after,
.flex-table:before,
.flex-table:hover:after,
.flex-table:hover:before,
.flex-row-puce,
.flex-row-puce:hover,
.flex-row-puce:after,
.flex-row-puce:hover:after,
.flex-row-puce:before,
.flex-row-puce:hover:before {
	transition: all 0.5s ease;
	position: relative
	}
.flex-row:after {
	opacity: 0;
	position: absolute !important;;
	top: 8px;
	margin-left: -6px;
	width: 100%;
	text-align: center;
	}
.flex-table {
	cursor: pointer
	}
/* LISTE RUBRIQUE */

.section-liste-objet .flex-row {
  border-right: none !important;
}
.section-liste-objet .table-container {
  border-top: none !important;
}
.section-liste-objet .flex-table {
  border-left: none !important;
}
.flex-row:after,
.flex-row:before {
    font-family: FontAwesome;
	content: "";
	font-size: 24px;
	display: block;
	z-index: 99
}
.flex-row.item-objet-logo-site:before {
	content: "\f08e" !important;
}
.flex-row.item-objet-logo-breve:before  {
	content: "\f016" !important;
}
.flex-row.item-objet-logo-article:before  {
	content: "\f016" !important;
	opacity: 1
}
.flex-table:hover >.flex-row.item-objet-logo-article:before  {
	opacity: 0
}
.flex-row.item-objet-logo-article:after  {
	content: "\f0f6" !important;
	color: #FFF;
	left: 6px;
	opacity: 0
}
.flex-table:hover >.flex-row.item-objet-logo-article:after  {
		opacity: 1
}
.flex-row.item-objet-logo-rubrique:before  {
	content: "\f114" !important;
}
.flex-row.item-objet-logo-rubrique:after  {
	content: "\f115" !important;
}
.flex-row.item-objet-logo-evenement:before  {
	content: "\f274" !important;
}
.flex-table.objet-rubrique.open > .flex-row .flex-row-puce {
	display: block;
	position: absolute;
	top: 50px;
	left: 30px;
	width: 2px;
	height: calc( 100% - 50px);
	background: #FFF
}
.flex-table.objet-rubrique.open > .flex-row .flex-row-puce:before {
	content:"";
	position: absolute;
	height: 36px;
	width: 36px;
	border-radius: 18px;
	display: block;
	background: rgba(72,72,72,1);
	z-index: 1 !important;;
	top: -48px;
	left: -15px;
}
.flex-table.objet-rubrique.open:hover > .flex-row .flex-row-puce:before {
	background: rgba(79,178,156,1);
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop
}
.flex-table > .flex-row .flex-row-puce:after {
	content:"";
	position: absolute;
	height: 36px;
	width: 36px;	
	border-radius: 18px;
	display: block;
	background:rgba(79,178,156,1);
	z-index: 1 !important;
	top: -15px;
	left: -18px;	
	opacity: 0;
}
.flex-table:not(.open):hover > .flex-row .flex-row-puce:after {
	opacity: 1;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.flex-table.open > .flex-row.item-objet-logo-rubrique:before,
.flex-table:hover > .flex-row.item-objet-logo-rubrique:before ,
.flex-table.open:hover > .flex-row.item-objet-logo-rubrique:before {
	opacity: 0
}
.flex-table.open > .flex-row.item-objet-logo-rubrique:after,
.flex-table:hover > .flex-row.item-objet-logo-rubrique:after,
.flex-table.open:hover > .flex-row.item-objet-logo-rubrique:after {
	opacity: 1
}
@media (max-width: 575.98px) {
	.flex-row.item-objet-logo {
		width: 65px
	}
	.flex-row.item-resume {
		width: calc( 100% - 65px )
	}
	.flex-row.item-thumbnail {
		display: none
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.flex-row.item-objet-logo {
		width: 65px
	}
	.flex-row.item-resume {
		width: calc( 100% - 130px )
	}
	.flex-row.item-thumbnail {
		width: 65px
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.flex-row.item-objet-logo {
		width: 65px
	}
	.flex-row.item-resume {
		width: calc( 100% - 150px )
	}
	.flex-row.item-thumbnail {
		width: 85px
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.flex-row.item-objet-logo {
		width: 65px
	}
	.flex-row.item-resume {
		width: calc( 100% - 165px )
	}
	.flex-row.item-thumbnail {
		width: 100px
	}
}
@media (min-width: 1200px) {
	.flex-row.item-objet-logo {
		width: 65px
	}
	.flex-row.item-resume {
		width: calc( 100% - 190px )
	}
	.flex-row.item-thumbnail {
		width: 125px
	}
}

section.section-liste-objet ul.container {
	width: 100%;
	border-top: 1px solid
}
section.section-liste-objet ul.container li {
	width: 100%;
	border-bottom: 1px solid
}
section.section-liste-objet ul.container li.flex-container .item-thumbnail img {
  object-fit: contain;
	height: 100px ;
}
.section-liste-objet .ajaxbloc  {
	width: 100%; margin: 0px; padding: 0px !important;
}
.section-liste-objet .section-liste-objet {
	margin: 0px 0px 0px 30px !important; 
	padding: 0px !important;
	border-left: 2px solid #FFF
}
.ajaxbloc.hidden {
	display: none !important
}
.item-info-maj:before {
	font-family: FontAwesome;
	content: "\f05a";
	font-size: 18px;
	transition:all 500ms ease-in-out !important
}
.item-info-maj:hover:before {
	color: rgba(79,178,156,1);
	transition:all 500ms ease-in-out !important
}

/* IFRAME TEXTE */

.link-target-iframe {
	background:rgba(85,85,85,1);
	font-size:12px!important;
	color: #FFF;
	padding: 0px 12px 0px 0px;
	line-height:4px !important;
	margin-bottom: 4px;
	display: inline-block;
	border-radius: 12px
}
.link-target-iframe:hover {
	color: #FFF;
	background:  rgba(79,178,156,1);
}
.label-link-target-iframe {
	font-weight: bold
}
.link-target-iframe:before {
	font-family:FontAwesome;
	content:"\f08e ";
	line-height:24px !important;
	width: 24px;
	display:inline-block;
	border-radius: 12px;
	text-align: center;
	margin-right: 4px;
	color: #FFF;
	background:rgba(72,72,72,1) !important;	
	transition:all 500ms ease-in-out;
}

@media (max-width: 576px) {
	.link-target-iframe {
		display: block;
		text-align: center;
		border-radius: 0px !important;
		padding: 10px  5px !important; ;

	}
	.link-target-iframe,
	.spip_iframe {
		margin-left: -20px;
		margin-right: -40px;
		width: calc( 100% + 40px)
	}
}
/*****************************/
   /* Fil D'ARIANE - BREADCRUMB */
  /*****************************/
 /********** V080819 **********/
/*****************************/

.col-ariane {
	top: -40px;
	left: -15px;
	margin-bottom: -40px !important;
	}

.popup-content .col-ariane {
	top: -40px;
	left: -55px;
	margin-bottom: -40px !important;
	}
.popup-content.large .col-ariane {
	left: -15px;
	top: 15px;
	margin-bottom: 0px !important;
	}
#label-path { 
	width: auto;
	text-align: center;
	line-height: 54px;
	background: rgba(85,85,85,1);
	position: relative; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px;
	padding: 0px 5px
} 
#label-path:before {
	content: "";
	position: absolute;
	right: 100%; 
	top: 20px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent; 
	border-right: 10px solid rgba(85,85,85,1); 
	border-bottom: 7px solid transparent;
} 
.pulse_loop::after {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop
}
@-webkit-keyframes pulse_loop {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.5, 1.5, 1.5)
	}
	
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
@keyframes pulse_loop {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.5, 1.5, 1.5)
	}
	
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
} 
.path {
	position: relative;
	width: 100px;
	font-size: 16px
}
/* Boutton */

.btn-path {
	display: inline-block
}
.btn-path div {
	position: relative;
	z-index: 1;
	width: 54px;
	height: 54px;
	background: transparent;
	float: left
}
.btn-path div svg {
	margin: 11px
}
.btn-path #label-path {
	position: absolute;
	display: inline-block;
	color: rgba(226,226,226,1);
	margin-left: 10px;
	line-height: 54px;
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.2s ease
}
/* Liste */

.path .menu-path {	
	display: none;
	margin-left: 10px !important
}
.path ul {
	display: block;
	margin-bottom: 0;
	list-style: none
}
.path ul li {
	white-space: nowrap
}
.path ul li a {
	text-decoration: none
}
.path ul.nav-history {
	padding-left: 36px;
	padding-top: 10px;
	pointer-events: none
}
.path ul.nav-history li {
	margin-bottom: 5px
}
.path ul.nav-history li:not(.active)::after {
	content: '';
	position: absolute;
	left: 12px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(226,226,226,1);
	transform: scale(0.9);
	transition: all 0.2s ease
}
.path ul.nav-history li.active::after {
	content: '';
	position: absolute;
	margin-top: 6px;
	left: 12px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(226,226,226,1)
}
.path ul.nav-history li:not(:last-child)::before {
	content: '';
	position: absolute;
	left: 17px;
	margin-top: 10px;
	width: 2px;
	height: 28px;
	background: rgba(226,226,226,1);
	transition: all 0.2s ease
}
.path ul.nav-history li:not(:last-child):hover::after {
	margin-top: 7px;
	background: rgba(79,178,156,1);
	background-clip:padding-box;
	transform:scale(1.2);
	transition: all 0.2s ease
}
.path ul.nav-history li.active {
	pointer-events: none
}
.path ul.nav-history li.active a {
	color: rgba(79,178,156,1)
}
.path ul.nav-history li a {
	color: rgba(188,188,188,1);
	display: inline-block;
	transform: translateY(-10px);
	transition: all 0.2s ease
}
.path ul.nav-history li a:hover {
	color: rgba(79,178,156,1)
}
.path ul.nav-links {
	position: relative;
	pointer-events: auto;
	transform: translateY(-10px);
	margin-top: 20px;
	padding-left: 3px;
	opacity: 0;
	transition: all 0.2s ease
}
.path ul.nav-links li:not(:last-child) {
	margin-bottom: 5px
}
.path ul.nav-links li a {
	font-size: 14px;
	font-weight: 600;
	color: rgba(226,226,226,1);
	transition: color 0.2s ease
}
.path ul.nav-links li a:hover {
	color: rgba(79,178,156,1)
}
.path:hover {
	width: auto
}
.path:hover .menu-path {
	opacity: 1;
	transform: translateY(0)
}
.path:hover .btn-path div {
	background: rgba(109,109,109,1)
}
.path:hover .btn-path #label-path {
	transform: translateX(0);
	opacity: 1
}
.path ul.nav-history {
	transform: translateY(0);
	pointer-events: auto
}
.path ul.nav-history li {
	margin-bottom: 8px
}
.path .circle-3,
.path svg#icon-path {
	transition: all 0.5s ease
}
.path.open svg#icon-path {
	background-clip:padding-box;
	transform:scale(1.5);
	transition: all 0.5s ease
}
.path.open .circle-3{
	fill:rgba(79,178,156,1);
	transition: all 0.5s ease
} 
.path.open ul.nav-history li::after {
	background: rgba(226,226,226,1);
	transform: translateY(6px)
}
.path.open ul.nav-history li.active::after {
	background: rgba(79,178,156,1)
}
.path.open ul.nav-history li a {
	opacity: 1;
	transform: translateY(0)
}
.path.open.delay-500 ul.nav-links {
	opacity: 1
}
.path #nav-links-arbo * {
  cursor: pointer
}
.path #nav-links-arbo label {
	background: rgba(72,72,72,1);
	line-height: 22px;
	padding: 0 8px;
	border-radius: 11px
}
@media (max-width: 576px) {
	.path {
		position: relative;
		top: 20px;
		left: 20px;
	
		}
}
/*******/
 /* NAV */
/*******/
.body-back nav#navigation-principale.affix,
.body-back nav#navigation-principale {
	top:-200px!important
}
nav#navigation-principale {
	position:absolute;
	width:100%;
	top:0;
	font-family:Libre Franklin;
	font-size:15px;
	color:#FFF;
	z-index:999;
	min-height:0!important;
	-webkit-border-radius:0!important;
	-moz-border-radius:0!important;
	border-radius:0!important;
	border:0!important;
	margin:0!important;
	padding:0!important
}
nav#navigation-principale.affix {
	top:0;
	width:100%;
	z-index:999999!important;
	position:fixed!important;
	background:rgba(85,85,85,1)!important
}
#navigation-principale.popup-overlay-nav {
	z-index: 999999 !important
}
#navigation-principale.popup-overlay-nav #menu-recherche {
	top: -56px
}
#navigation-principale.popup-overlay-nav #menu-hamburger.is-closed {
	right: -56px
}
#navigation-principale.popup-overlay-nav #menu-admin {
	top: 0px
}
nav#navigation-principale > .container {
	padding:0!important
}
nav#navigation-principale ul.nav.navbar-nav > li {
	width:100%;
	border-bottom:1px solid rgba(51,51,51,.3)
}
nav#navigation-principale ul.nav li.item-nav.show {
	border-bottom:none !important;
}
nav#navigation-principale ul.nav.navbar-nav > li.item-nav > a .item-nav-titre {
	margin:auto;
	line-height:normal!important;
	text-align:left;
	font-size:18px;
	padding:10px 10px 10px 40px!important;
	display:block;
}
nav#navigation-principale .item-nav-titre {
	position:relative;
	z-index:9	
}
nav#navigation-principale li.menu-close a.dropdown-toggle .item-nav-titre:after {
	font-family:FontAwesome;
	content:"\f0c9"!important;
	position: absolute;
	right: 20px;
	opacity: 1;
	line-height: 24px;
	transition:all 500ms ease-in-out;
}
nav#navigation-principale li.menu-open a.dropdown-toggle .item-nav-titre:after {
	font-family:FontAwesome;
	content:"\f107"!important;
	position: absolute;
	right: 20px;
	opacity: 1;
	line-height: 24px;
	transition:all 500ms ease-in-out;
}
nav#navigation-principale ul.nav li a {
	text-decoration: none !important;
	font-weight:300;
	display: block;
	position:relative;
	color:#FFF;
	padding:0;
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important
}
nav#navigation-principale ul.nav li a:before {
	content: '';
	-webkit-transition:all 300ms linear !important;
	-moz-transition:all 300ms linear !important;
	-ms-transition:all 300ms linear !important;
	-o-transition:all 300ms linear !important;
	transition:all 300ms linear !important;
	background:rgba(223,73,74,1)!important;
	width:0;
	height:100%;
	position:absolute;
	right:0;
	top:0
}
nav#navigation-principale ul.nav li:hover > a:before {
	width:100%
}
nav#navigation-principale ul.nav > li.active a,
nav ul.nav > li:hover {
	background:transparent
}
nav#navigation-principale ul.nav li,
nav#navigation-principale ul.nav li.active,
nav#navigation-principale ul.nav li:hover {
	transition:all 500ms ease-in-out!important
}
nav ul.nav li.active {
	background:rgba(51,51,51,.3)!important
}
nav ul.nav li:hover {
	color:rgba(255,255,255,1)!important
}
nav#navigation-principale ul.nav li a,
nav#navigation-principale ul.nav li:hover a,
nav#navigation-principale ul.nav li.active a,
nav#navigation-principale ul.nav li.active:hover a,
nav#navigation-principale ul.nav li a .item-nav-titre,
nav#navigation-principale ul.nav li:hover a .item-nav-titre,
nav#navigation-principale ul.nav li.active a .item-nav-titre,
nav#navigation-principale ul.nav li.active:hover a .item-nav-titre {
	color:#FFF !important;
	background:transparent!important
}

nav#navigation-principale ul.nav li a,
nav#navigation-principale ul.nav li a .item-nav-titre {
	background:transparent!important;
	transition:all 500ms ease-in-out!important
}
nav#navigation-principale ul.nav li:hover a,
nav#navigation-principale ul.nav li.active a,
nav#navigation-principale ul.nav li.active:hover a,
nav#navigation-principale ul.nav li:hover a .item-nav-titre,
nav#navigation-principale ul.nav li.active a .item-nav-titre,
nav#navigation-principale ul.nav li.active:hover a .item-nav-titre {
	background:transparent!important;
	transition:all 500ms ease-in-out!important
}
nav#navigation-principale ul.nav li.active a {
	color:#FFF !important
}

nav#navigation-principale ul.nav li a.item-home .item-nav-titre:after {
	content:"Accueil"
}
nav#navigation-principale ul.nav.navbar-nav > li.item-nav.item-nav-0 > a:before {
	color:transparent
}
nav#navigation-principale #pannel-menu #pannel-menu-site.pannel-menu ul.nav.navbar-nav li.dropdown.item-nav a.dropdown-toggle:after {
	display: none
}
nav#navigation-principale .caret {
	display:none !important
}
nav#navigation-principale ul.dropdown-menu {
	background:rgba(51,51,51,.3)!important;
	min-width:100%;
	border-radius: 0px !important;
}
nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu {
	border:none!important;
	margin: 0px;
	padding:0 !important;
	max-height:400px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li {
	border-bottom:1px solid rgba(51,51,51,.3)
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li:hover {
	background:rgba(51,51,51,0.5)!important
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li > a > .item-nav-titre {
	color:#FFF!important;
	font-size:16px;
	padding:5px 10px 5px 45px!important;
	display:block
}
nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li:hover > a > .item-nav-titre {
	color:#FFF!important
}
.navbar-header {
	padding:5px
}
.navbar-toggle {
	margin-right:100px
}
#item-nav-arborescence svg {
	margin:  -5px 0px !important;;
}
nav#navigation-principale.popup-overlay-nav #menu-admin,
nav#navigation-principale.popup-overlay-nav #menu-case {
	display: none
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.pannel-menu {
		width:100%;
	}
	
	.pannel-menu * {
		max-width:365px;
	}	

}

#popup-nav {position: fixed; z-index: 999999}

@media (max-width: 576px) {
	nav#navigation-principale  #pannel-menu-site .item-nav a .item-nav-titre {
		font-size: 20px !important;
		padding-left:15px!important;
	}
	nav#navigation-principale #pannel-menu-site .dropdown .dropdown-menu .item-nav a .item-nav-titre {
		font-size: 18px !important;
		padding-left:25px!important;
	}
}

  /*****************/
 /* LINK LOGO/LOGO MENU */
/*****************/
#navbar-link-home {
	left:0;
	position:absolute
}

  /*****************/
 /* SLOGAN MENU */
/*****************/
.body-back #navbar-slogan {
	top:-200px
}

#navbar-slogan {
	background:url(//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/bandeau_slogan.png) no-repeat;
	-webkit-background-size:contain;
/* pour anciens Chrome et Safari */
	background-size:contain;
/* version standardisée */
	-webkit-filter:drop-shadow(5px 5px 0px rgba(239,201,76,.22));
	filter:drop-shadow(5px 5px 0px rgba(239,201,76,.22));
	left:5px;
	padding-left:150px;
	top:15px;
	position:absolute;
	font-size:22px;
	color:#FFF;
	text-shadow:2px 2px 0 rgba(239,201,76,.33);
	width:500px!important;
	line-height:85px
}

.affix #navbar-slogan {
	left:-450px
}

.affix #logo-slogan:hover #navbar-slogan {
	left:60px;
	padding-left:80px;
	top:15px;
	position:absolute;
	font-size:24px
}

  /*****************/
 /* LOGO MENU */
/*****************/
#navbar-logo {
	background:url(//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/logo_nav.png) no-repeat;
	-webkit-filter:drop-shadow(5px 5px 0px rgba(239,201,76,0.22));
	filter:drop-shadow(5px 5px 0px rgba(239,201,76,0.22));
	-webkit-background-size:contain;
	background-size:contain;
	left:55px;
	top:15px;
	width:90px;
	height:90px;
	position:absolute
}

#navbar-logo:hover {
	animation-name:tada;
	animation-duration:1s;
	animation-fill-mode:both
}

.affix #navbar-logo {
	background:url(//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/logo_nav.png) no-repeat;
	-webkit-background-size:contain;
	background-size:contain;
	width:70px;
	height:70px;
	position:absolute
}

.affix #logo-slogan:hover #navbar-logo {
	left:5px;
	top:5px;
	width:130px;
	height:130px;
	position:absolute
}

.body-back .affix #navbar-logo,.body-back #navbar-logo {
	top:-200px!important
}
#menu-compte,
#logo-slogan {display: none}


@media only screen and (max-width : 500px) {
	  /*****************/
	 /* SLOGAN MENU */
	/*****************/
	#navbar-slogan {
		left:60px;
		padding-left:40px;
		top:20px;
		position:absolute;
		font-size:14px;
		width:280px!important;
		line-height:54px;
	}
	
	  /*****************/
	 /* LOGO MENU */
	/*****************/
	#navbar-logo {
		left:5px;
		top:5px;
		width:100px;
		height:100px;
		position:absolute;
	}
}

@media only screen and (max-width : 380px) {
	  /*****************/
	 /* SLOGAN MENU */
	/*****************/
	#navbar-slogan {
		left:-400px;
	}
}

  /*****************/
 /* PANNEL MENU */
/*****************/
#pannel-menu {
	position:fixed;
	height:100%;
	top:0;
	right:0;
	display:none;
	width:350px;
	max-width: calc( 100vw - 54px );
	background:rgba(85,85,85,1);
	z-index:9999!important;
	-webkit-box-shadow:-20px 0 0 0 rgba(51,51,51,.33);
	-moz-box-shadow:-20px 0 0 0 rgba(51,51,51,.33);
	box-shadow:-20px 0 0 0 rgba(51,51,51,.33)
}

#pannel-menu-site,
#pannel-menu-site > .includeajax_loaded > ul {
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important
}

.pannel-menu {
	position:fixed;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	height:100%;
	background:rgba(85,85,85,1)
}
#pannel-menu.animated {
	display:block
}

#pannel-menu-menu {
	display:block;
	clear:both;
}

#pannel-menu #btn-menu-site {
	float:left;
}

#pannel-menu #btn-menu-visiteur {
	float:right;
}

#pannel-menu #btn-menu-site.true,#pannel-menu #btn-menu-visiteur.true {
	background:rgba(85,85,85,0.1);
	color:#FFF
}

#pannel-menu #btn-menu-site.false,#pannel-menu #btn-menu-visiteur.false {
	background:rgba(51,51,51,1);
	color:rgba(109,109,109,1);
	cursor:pointer
}

#pannel-menu .btn-menu {
	display:block;
	color:#FFF;
	width:50%;
	text-align:center;
	padding:15px 0
}
#pannel-menu .btn-menu.false:hover {
	background: rgba(239,201,76,1) !important;
	color:	rgba(85,85,85,1) !important
}
#pannel-menu-visiteur {
	padding:0!important;
	width:100%;
}
	
   /****************************************/
  /* CSS ICON -- project by Wenting Zhang */
 /*       https://cssicon.space/#/       */
/****************************************/

 /* ICON CLOSE */
 
.close.icon {
	color: #FFF;
	position: absolute;
	margin-top: 0;
	margin-left: 0;
	width: 21px;
	height: 21px;
	opacity: 1
}
.close.icon:before {
	content: '';
	position: absolute;
	top: 	25px;
	left: 	17px;
	width: 	21px;
	height: 2px;
	background-color: #FFF;
	-webkit-transform: rotate(-45deg);
	      transform: rotate(-45deg);
}
.close.icon:after {
	content: '';
	position: absolute;
	top: 	25px;
	left: 	17px;
	width: 	21px;
	height: 2px;
	background-color: #FFF;
	-webkit-transform: rotate(45deg);
	      transform: rotate(45deg);
}

 /* ICON more vertical solid */
 
.more-vertical-solid.icon {
	color: #FFF;
	position: absolute;
	margin-left: 25px;
	margin-top: 24px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	border: solid 1px currentColor;
	background-color: currentColor;
	transition:all 500ms ease-in-out
}
.more-vertical-solid.icon:before {
	content: '';
	position: absolute;
	left: -1px;
	top: -10px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	border: solid 1px currentColor;
	background-color: currentColor;
	transition:all 500ms ease-in-out
}
.more-vertical-solid.icon:after {
	content: '';
	position: absolute;
	left: -1px;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	border: solid 1px currentColor;
	background-color: currentColor;
	transition:all 500ms ease-in-out
}
.icon-square:hover .more-vertical-solid.icon:before {
	top: -14px;
	border: solid 1px currentColor;
	background-color: currentColor;
}
.icon-square:hover .more-vertical-solid.icon:after {
	top: 12px;
	border: solid 1px currentColor;
	background-color: currentColor;
}
  /****************/
 /* ICONE SQUARE */
/****************/

a.icon-square,
.icon-square {
	cursor:pointer;	
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;	
	background: rgba(79,178,156,1);	
	color: #FFF;
	display: inline-block;
	padding: 0;
	margin: 0;
	transition:all 500ms ease-in-out
}
.icon-square:hover {
	background: rgba(223,73,74,1);	
	transition:all 500ms ease-in-out
}
.icon-square.btn-close {
	background: rgba(223,73,74,1);
}
#popup-menu-hamburger.icon-square.btn-menu-hamburger,
.icon-square.btn-nav-options {
	background: rgba(51,51,51,.5) !important;
}
#popup-menu-hamburger.icon-square.btn-menu-hamburger:hover,
.icon-square.btn-nav-options:hover {
	background: rgba(51,51,51,.9) !important;
}
.popup-btn {
	float:left
}
.popup-btn.true,
.popup-btn.true .content-btn-options {
	background: rgba(79,178,156,1) !important;
}
.popup-pannel-btn {
	position: absolute !important;
	z-index: 9999;
	width: 54px;
	top:54px;
	right: 0px	
}
.popup-pannel-btn.false {
	display: none;
}
  /***************/
 /*    BUTTON   */
/***************/

.group-btn {
	display: flex;
}
.group-btn-vertical .btn-options {
}
.group-btn-horizontal .btn-options {
}
.btn-options {
	display: flex;
	position: relative
}
.icon-btn {
	display: block;
	text-align: center;
	width: 54px !important;
	line-height: 54px;
	transition:all 500ms ease-in-out
}
.icon-btn:before {
	display: block;
	transition:all 500ms ease-in-out
}

  /*****************/
 /* BUTTON OPTION */
/*****************/

.btn-options .content-btn-options,
.btn-options .infos-btn-options,
.btn-options .infos-btn-options-b {
	display: none !important
}
.btn-options.out .content-btn-options,
.btn-options.out .infos-btn-options,
.btn-options.true.out .infos-btn-options-b,
.btn-options.in .content-btn-options,
.btn-options.in .infos-btn-options,
.btn-options.in.true .infos-btn-options-b  {
	display: block !important;
}
.content-btn-options{
	position: absolute;
	overflow: hidden;
	width: 0px;
	height: 54px ;
	opacity: 0;
	white-space:nowrap;
	background: rgba(109,109,109,1);
	opacity: 1;
	z-index: 11;
}
.content-btn-options,
.content-btn-options-left {
	-webkit-border-top-left-radius: 27px;
	-webkit-border-bottom-left-radius: 27px;
	-moz-border-radius-topleft: 27px;
	-moz-border-radius-bottomleft: 27px;
	border-top-left-radius: 27px;
	border-bottom-left-radius: 27px;
	right: 54px	
}
.content-btn-options-right {
	-webkit-border-top-right-radius: 27px;
	-webkit-border-bottom-right-radius: 27px;
	-moz-border-radius-topright: 27px;
	-moz-border-radius-bottomright: 27px;
	border-top-right-radius: 27px;
	border-bottom-right-radius: 27px;
	left: 54px
}
.btn-options.in .content-btn-options {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: rightInSlide;
	animation-name: rightInSlide;
	overflow: auto;
	padding: 0px 27px !important;
	width: 246px; 
}
.btn-options.out .content-btn-options {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: rightOutSlide;
	animation-name: rightOutSlide;
	position: absolute;
	overflow: hidden;
	padding: 0px 27px !important;
}
@keyframes rightInSlide {
	0% { 
		width: 0px;  
		opacity: 0; }
	50% { 
		width: 256px;  
	}
	68% { 
		width: 246px;  
	}
	76% { 
		width: 250px;  
	}
	100% { 
		width: 246px;  
	}
}
@keyframes rightOutSlide {
	0% { 
		width: 246px;  
		opacity: 1; 
	}
	100% { 
		width: 27px;  
		opacity: 0;
	}
}
.infos-btn-options,
.infos-btn-options-b{
	width: 246px;
	height: 54px;
	position: absolute;
	padding: 0px 27px !important;;
	background: rgba(72,72,72,1);
	font-size: 12px;
	opacity: 0;
	z-index: 9;
}
.infos-btn-options-b {
	background: rgba(79,178,156,1);
	z-index: 10;
}
.infos-btn-options-left {
	right: 0px
}
.infos-btn-options-right{
	left: 0px
}
.infos-btn-options-top{
	top: 0px	
}
.infos-btn-options-bottom{
	top: 0px
}
.infos-btn-options-bottom:before{
	top: 0px
}
.btn-options:hover .infos-btn-options-left {
	right: 56px
}
.btn-options:hover .infos-btn-options-right{
	left: 54px
}
.btn-options:hover .infos-btn-options-top{
	top: -150px	
}

.btn-options.in .infos-btn-options-bottom{
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-name: topInOutSlide;
	animation-name: topInOutSlide;
}
.btn-options.true .infos-btn-options-b.infos-btn-options-bottom {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: topInOutSlide;
	animation-name: topInOutSlide;
}
.btn-options.out .infos-btn-options-bottom,
.btn-options.out .infos-btn-options-b.infos-btn-options-bottom {
	-webkit-animation-duration: 2s !important;
	animation-duration: 2s !important;
	-webkit-animation-name: topOutSlide !important;
	animation-name: topInOutSlide !important;
}
.infos-btn-options-bottom:before {
	content:'';
	position: absolute;
	width: 10px;
	height: 10px;
	top: -20px;
	left: calc( 50% - 10px );
	background: transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent; 
	border-bottom: 10px solid  rgba(72,72,72,1);
	border-right: 10px solid transparent;
}
.infos-btn-options-b.infos-btn-options-bottom:before  {
	border-bottom: 10px solid  rgba(79,178,156,1);
}

@keyframes topInOutSlide {
	0% { 
		top: 0;  
		opacity: 0 }
	30%, 72% { 
		top: 75px; 
		opacity: 1 
	}
	100% { 
		top: 0;  
		opacity: 0  
	}
}
@keyframes topOutSlide {
	0% { 
		top: 0;  
		opacity: 0 }
	30%, 72% { 
		top: 75px; 
		opacity: 1 
	}
	100% { 
		top: 0;  
		opacity: 0  
	}
}


  /*******************/
 /* BUTTON SPECIFIC */
/*******************/

 /* Btn clipboard */

.btn-clipboard .icon-btn:before {
	font-family:FontAwesome;
	content:'\f0c1';	 
}
.btn-clipboard:hover .icon-btn:before {
	content:'\f24d';	 
}
 /* Btn theme */
.btn-theme .icon-btn:before {
	font-family:FontAwesome;
	content:'\f042';	 
}
.btn-theme:hover .icon-btn:before {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)	 
}
 /* Btn admin */
.btn-admin .icon-btn:before {
	font-family:FontAwesome;
	content:'\f013';
}
.btn-admin:hover .icon-btn:before {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)	 
}
 /* Btn refresh */
.btn-refresh .icon-btn:before {
	font-family:FontAwesome;
	content:'\f021 ';
}
.btn-refresh:hover .icon-btn:before {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)	 
}
 /* Btn effets */
.icon-square:hover .btn-rotate-45:before	{
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.icon-square:hover .btn-rotate-90:before	{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.icon-square:hover .btn-rotate-180:before	{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.icon-square:hover .btn-rotate-360:before 	{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg)
}

  /***************/
 /* MENU LANGUE */
/***************/
#nav-lang {
	position: fixed;
	z-index: 99
}
#nav-lang  .icon-square {
	float: left;
	text-transform: capitalize;
	position: relative;
	background: rgba(109,109,109,1);
}
#nav-lang  .icon-square:hover {
	background: rgba(223,73,74,1);
}
#nav-lang  .icon-square:after {
	display: none;
}
#nav-lang  .icon-square.on {
	background: rgba(79,178,156,1);
}
#nav-lang  .icon-square.on:after {
	font-family:FontAwesome;
	content:'\f111';
	color: #FFF;
	line-height: normal;
	position: absolute;
	display: block;
	width: 100%;
	margin-top : -15px
}

  /*******************/
 /* ICONE RECHERCHE */
/*******************/

#menu-recherche {
	position:fixed;
	right:54px;
	margin-right:0;
	top:0px;
	cursor:pointer;	
	width: 54px;
	height: 54px;
	background:rgba(79,178,156,1)
}
#recherche-logo-carre-int {
	margin-top:15px; 
	margin-left:15px; 
	width: 24px;
	height: 24px;
	display: inline-block
}
#recherche-logo-cercle {
	position:absolute;
	cursor:fixed;
	margin-top:0px; 
	margin-left:0px; 
	width: 18px;
	height: 18px;
	border: 2px solid #FFF;
	border-radius: 12px;
}
#recherche-logo-baton {
	position: absolute;
	margin-top:12px; 
	margin-left:18px; 
	width: 2px;
	height: 14px;
	background: #FFF;
	transform: rotate(-45deg)
}
.parent-recherche-logo-carre-int:hover #recherche-logo-cercle  {
	margin-top:-2px; 
	margin-left:-2px;
	width: 22px;
	height: 22px;
	background: rgba(0,0,0,.2)
}
.parent-recherche-logo-carre-int:hover #recherche-logo-baton {
	position: absolute;
	margin-top:14px; 
	margin-left:20px; 
}
#recherche-logo-plus{
	position: absolute;
	margin-top: -4px;
	margin-left: 1px;
	color: #FFF;
	font-size: 22px;
	opacity: 0
}
.parent-recherche-logo-carre-int:hover #recherche-logo-plus{
	margin-top: -3px;
	margin-left: 3px;
	font-size: 22px;
	opacity: 1
}
#item-nav-recherche #recherche-logo-carre-int {
	margin-top:-7px; 
	padding-top: 4px;
	margin-left:5px;
	margin-right:3px;
	transform:scale(.8)
}
  /*****************/
 /* ICONE MENU */
/*****************/
#menu-hamburger {
	position:fixed;
	z-index:99999;
	right:0px;
	margin-right:0;
	top:0px;
	width:54px;
	height:54px;
	background:rgba(239,201,76,1);
	cursor:pointer;
}
#popup-menu-hamburger,
#popup-menu-hamburger.is-opened {
	background:transparent !important
}
.menu-hamburger {
	margin:0px auto
}
.menu-hamburger_disable {
	position:relative;
	z-index:99999;
	width:54px;
	height:54px;
}
.menu-hamburger span {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:22px;
	height:2px;
	background-color:#FFF;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	transition:all 500ms ease-in-out
}
#menu-hamburger.menu-hamburger.is-opened span {
	background-color:transparent
} 
#menu-hamburger.menu-hamburger.is-opened {
	background:rgba(223,73,74,1) !important;
	right:350px !important;
	transition:all 500ms ease-in-out
}
@media (max-width: 404px) {
	#menu-hamburger.menu-hamburger.is-opened {
		right: calc( 100vw - 54px ) !important;
	}	
}
#menu-hamburger.menu-hamburger.is-opened span::before,.menu-hamburger.is-opened span::after {
	background-color:#FFF
}
.menu-hamburger span::before,.menu-hamburger span::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:22px;
	height:2px;
	background-color:#FFF;
	-webkit-transform:translateY(-6px);
	-ms-transform:translateY(-6px);
	transform:translateY(-6px);
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s
}
.menu-hamburger span::after {
	-webkit-transform:translateY(6px);
	-ms-transform:translateY(6px);
	transform:translateY(6px)
}
.menu-hamburger:hover span::before {
	-webkit-transform:translateY(-8px);
	-ms-transform:translateY(-8px);
	transform:translateY(-8px)
}
.menu-hamburger:hover span::after {
	-webkit-transform:translateY(8px);
	-ms-transform:translateY(8px);
	transform:translateY(8px)
}
.menu-hamburger-cross {
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s
}
.menu-hamburger-cross span::before,.menu-hamburger-cross span::after {
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.menu-hamburger-cross span {
	z-index:2;
	-webkit-transition:background 0.5s,-webkit-transform .5s;
	transition:background 0.5s,transform .5s
}
.menu-hamburger-cross svg {
	position:relative;
	z-index:1;
	opacity:0;
	fill:transparent;
	stroke-width:2px;
	stroke:#FFF;
	stroke-dasharray:170;
	stroke-dashoffset:170;
	-webkit-transition:stroke-dashoffset 0.5s,-webkit-transform .5s;
	transition:stroke-dashoffset 0.5s,transform .5s
}
#menu-hamburger.menu-hamburger-cross.is-opened {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
#menu-hamburger.menu-hamburger-cross.is-opened span {
	background:transparent
}
#menu-hamburger.menu-hamburger-cross.is-opened span::before {
	-webkit-transform:translateY(0) rotate(45deg);
	-ms-transform:translateY(0) rotate(45deg);
	transform:translateY(0) rotate(45deg)
}
#menu-hamburger.menu-hamburger-cross.is-opened span::after {
	-webkit-transform:translateY(0) rotate(-45deg);
	-ms-transform:translateY(0) rotate(-45deg);
	transform:translateY(0) rotate(-45deg)
}
/* BTN MON COMPTE */
#menu-compte {
	position:absolute;
	right:80px;
	margin-right:0;
	top:30px;
	cursor:pointer
}
#menu-compte i {
	color:rgba(51,51,51,1);
	line-height:50px;
	width:50px;
	font-size:18px;
	background:rgba(79,178,156,1);
	text-align:center
}
#menu-compte:hover i {
	color:#FFF;
	background:rgba(226,121,63,1)
}

#menu-compte.green i {
	background:rgba(226,121,63,1);
	color:#FFF
}

#menu-compte.red i {
	background:rgba(226,121,63,1);
	color:#FFF
}

#menu-compte.green i:before {
	font-family:FontAwesome;
	content:'\f004'
}

#menu-compte.red i:before {
	font-family:FontAwesome;
	content:'\f1f8'
}



.menu-icon-case {
  width: 54px;
  line-height: 54px;
  background: red;
  text-align: center;
  right: 108px;
  position: fixed;
  top: 0px;
  cursor: pointer;
  background:rgba(51,77,92,1);
}
.menu-icon-case:hover {
	background:rgba(226,121,63,1);
}

/* BTN menu-contextek AFFIX */

#lien_contextuel {
	position: fixed;
	right: 80px;
	top: 90px;
	z-index:999 !important;
	cursor: pointer
}



/* PANNEL MON COMPTE */
#mon-compte {
	width:350px
}

#mon-compte .item-mon-compte-menu-top {
	width:calc(50% - 4px);
	float:left;
	background:rgba(85,85,85,.4);
	color:#FFF;
	display:block;
	text-align:center;
	padding:10px 4px;
	border:2px solid rgba(239,201,76,1);
	cursor:pointer
}

#mon-compte .item-mon-compte-menu-top:hover {
	background:rgba(85,85,85,1);
	color:rgba(239,201,76,1)
}

#mon-compte .txt {
	color:#FFF;
	padding:10px
}

#mon-compte table {
	width:100%
}

#mon-compte table td {
	padding:4px;
	background:rgba(51,51,51,.4);
	border:4px solid rgba(85,85,85,1);
	vertical-align:middle;
	width:50%;
	cursor:pointer;
	height:65px!important
}

#mon-compte table td:hover {
	background:rgba(51,51,51,1)!important;
	color:rgba(239,201,76,1)!important
}



.table-custom td td {
  border: none !important
}

#pannel-menu-visiteur #mon-compte div.txt table.table-custom tbody tr td.transition250 table.btn-compte-option tbody tr td.picto {
	width: 10% !important;
	background: rgba(79,178,156,1)!important; 
	
}
.table-custom td table,
.table-custom td table tr,
.table-custom td table td {
	height: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
	
}
.table-custom td table {
	width: 100% !important
}

.table-custom td {
	border: 0px !important;;
	background: transparent !important
}

.table-custom td table td {
	border: 0px !important; 
		padding: 0px !important
}

.table-custom td table td.compte-option-label {
	padding: 4px !important;
	background: #FFF !important; 
}

#mon-compte table.table-custom td:hover {
	background:transparent!important;
	color:rgba(239,201,76,1)!important
}

#mon-compte table.table-custom td:hover td.compte-option-label {
	background:rgba(223,73,74,1)!important;
	color:rgba(239,201,76,1)!important
}
/* MENU PLAN SITE */

#menu {
	margin-left: -10px
	}
#menu.affix {
	position: fixed !important;
	z-index: 9999;
	margin-top: -87px !important;;
	width: 80%;
	}
#menu.affix + .stall {
	padding-top: 57px !important;
}
.popup-content.large article.content-article.small  #menu.affix {
	top: 87px !important;
	margin-left: -15px;
	width: calc( 30% - 8px ) !important
}
.popup-content.large article.content-article.medium  #menu.affix {
	top: 10px !important;
	margin-left: -15px;
	width: calc( 50% - 8px ) !important
}
.popup-content.large article.content-article.large  #menu.affix {
	top: 10px !important;
	margin-left: -15px;
	width: calc( 70% - 8px ) !important
}
#menu ul {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	background: rgba(51,51,51,.9);
}
.popup-content.large  #menu.affix ul {
	padding-top: 45px;
	padding-left: 15px
}
.popup-content.large .col-left.small nav#menu li.item-menu:not(.lien-option-langue) span.label {
	display: none
}
@media screen and ( max-width: 665px ){
	.popup-content nav#menu li.item-menu:not(.lien-option-langue) span.label {
		display: none
	}
}
.nav-option .item-menu {
	line-height: normal;
	display: inline-block;
	background: rgba(72,72,72,1);
	position: relative;
	z-index: auto !important;
}
.nav-option.circle .item-menu {
	padding: 0
}
.nav-option.circle .item-menu {
	transition: all 0.5s ease;
}
.nav-option.circle .item-menu:hover {
	background: transparent;
	transition: all 0.5s ease;
}
.nav-option.circle label:before {
	width: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
	z-index: 10;
	top: 0px;
	left: 0px;
	position: absolute;
}
.nav-option.circle label:after {
	content: '';
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	z-index: 9;
	background: rgba(79,178,156,1);	
}
.nav-option.circle .item-menu:hover label:after {
	content: '';
	width: 32px;
	height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
	top: 0px;
	left: 0px;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.nav-option .item-menu, 
.nav-option.medium .item-menu {
	font-size: 16px;
	padding: 0 10px;
	line-height: 32px;
	border-radius : 16px;
}
.nav-option.small .item-menu {
	font-size: 12px;
	padding: 0 5px;
	line-height: 16px;
	border-radius : 8px;
}
.nav-option.medium.big .item-menu {
	font-size: 24px;
	padding: 0 15px;
	line-height: 40px;
	border-radius : 20px;
}
.nav-option .item-menu label {
	margin: 0px;
	padding: 0px;
	text-align: center;
	min-width: 32px;
}
.nav-option.small .item-menu label {
	min-width: 22px;
}
.nav-option .item-menu:not(.disable) label {
	cursor: pointer
}
.nav-option .item-menu .etat {
	position: absolute;
	top: 13px;
	left: 8px;
	display:block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: rgba(109,109,109,1);
	transition: all 0.2s ease;
}
.nav-option .item-menu:hover .etat {
	background: rgba(226,226,226,1)
}
.nav-option .item-menu.on .etat {
	background: rgba(79,178,156,1)
}
.nav-option .item-menu label:before {
	font-family:FontAwesome;
	color: rgba(109,109,109,1);
	padding-right: 5px;
	transition: all 0.2s ease;
}
.nav-option .item-menu label.null:before {
	padding: 0px !important;
}
.nav-option .item-menu:not(.disable):hover label:before {
	color: rgba(226,226,226,1);
}
.nav-option #lien-option-all-open.false label:before {
	content:'\f07c'	
}
.nav-option #lien-option-all-open.true label:before {
	content:'\f07b'	
}
.nav-option .item-menu label.label-quicksearch:before {
	content:'\f002'
}
.nav-option .item-menu label.label-defaut:before {
	content:'\f053'
}
.nav-option #lien-option-large-small label:before {
	content:'\f068';
}
.nav-option .item-menu.disable {
	cursor: default
}
.nav-option .item-menu.disable label {
	opacity: .3;
}
@media screen and ( max-width: 1670px ){
	article.content-article.small .label-quicksearch .label,
	article.content-article.small #lien-option-all-open .label {
		display: none
	}	
}
@media screen and ( max-width: 900px ){
	article.content-article.small .popup-body nav#menu.nav-option ul li {
		margin-bottom: 4px;
	}
}
@media screen and ( max-width: 576px ){
	#menu {
		padding-top: 13px
	}
	#menu.affix + .stall {
		padding-top: 70px !important;
	}
}
@media screen and ( min-width: 1680px ){
	.popup-content.large  #menu {
		padding-top: 8px
	}
	.popup-content.large #menu.affix + .stall {
		padding-top: 65px !important;
	}	
}

/* PLAN SITE */

#planDuSite {
  margin: 0px !important;;
}

#racine {
	margin-left: -26px;
	position: relative;
	z-index: 1
}
.label-racine {
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 32px;
	border-radius : 16px;
	background: rgba(72,72,72,1);
	position: relative;
	z-index: auto !important
}
#section-arborescence *[id^="item-rubrique"].false .container-list {
	display: none !important
}
#section-arborescence ul{
  display: block;
  margin-bottom: 0;
  list-style: none;
  padding-left: 36px;
  padding-top: 10px;
  pointer-events: none;
  transform: translateY(0);
  pointer-events: auto;
}
#section-arborescence ul.n1 {
	 padding-left: 0px;
	 margin-left: 0px;
}
#section-arborescence ul li {
	position: relative;
	white-space: nowrap;
	margin-bottom: 8px;
}
#section-arborescence ul li a {
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	transform: translateY(-10px);
	transition: all 0.2s ease;
	line-height: 26px;
}
#section-arborescence ul li a:hover {
  color: rgba(79,178,156,1);
}
#section-arborescence li:not(.last-item)::before {
	content: '';
	z-index:2;
	position: absolute;
	left: -17px;
	top: 0px;
	width: 2px;
	height: 30px;
	background: rgba(226,226,226,1);
	transition: all 0.2s ease;
} 
#section-arborescence li[id^="item-rubrique"].true > div.bind-ajaxReload > div.container-list > ul.list-items > li[id^="item-rubrique"].last-item.true::before {
	content: '';
	position: absolute;
	z-index:2;
	left: -17px;
	top: 0px;
	width: 2px;
	height: 28px;
	background: rgba(226,226,226,1);
	transition: all 0.2s ease;
}
#section-arborescence li[id^="item-rubrique"].false.item-n1:last-child::before {
	display: none	
}
#section-arborescence ul::before {
	content: '';
	z-index:1;
	position: absolute;
	left: -17px;
	top: -20px;
	width: 2px;
	height: calc( 100% + 24px );
	background: #565656;;
	transition: all 0.2s ease;
} 
#section-arborescence li.active:after,
#section-arborescence li:hover::after {
	background:  rgba(79,178,156,1);
	top: -4px;
	z-index:9;
	background-clip:padding-box;
	transform:scale(1.5);
	transition: all 0.2s ease;
}
#section-arborescence li.active:after {
	background:  rgba(239,201,76,1) !important;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop;
}
#section-arborescence li:after {
	content: '';
	position: absolute;
	z-index:3;
	top: -10px;
	left: -22px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(226,226,226,1);
	transform: scale(0.9);
	transition: all 0.2s ease;
	transform: translateY(6px);
}
#section-arborescence .item-objet-options /* mod */ {
	position: relative;
	top:-10px;
	display: inline-block
}
#section-arborescence .item-objet-option {
	font-family:FontAwesome;
    font-size: 16px;
    margin-left: 0px;
    margin-top: -10px;
    display: inline-block; 
    cursor: pointer;
	width:26px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px;
	background:rgba(72,72,72,1);
}
#section-arborescence li[id^="item-rubrique"].true > div.bloc-titre {
	position:relative
}
#section-arborescence li[id^="item-rubrique"].true > div.bloc-titre > span.guide {
	display: block;
	height: 10px;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	border-bottom-left-radius: 10px;
	width: 33px;
	left:-17px;
	position: absolute;
	z-index:1;
	bottom:-12px
}
#section-arborescence *[id^="item-rubrique"] .item-objet-option:before {
	position: absolute;
	z-index: 2;
	top: 0;	
	display: block;
	width:26px;
	height: 26px;
	color:#FFF !important;
}
#section-arborescence .item-objet-option:after {
	content:'';
	position: absolute;
	top: 0;
	z-index: 1;
	display: block;
	width:26px;
	height: 26px;
	background: transparent;
	border-radius: 13px;
	transition: all 0.2s ease;
}
#section-arborescence li[id^="item-"].active .item-objet-options .item-objet-option:after,
#section-arborescence .bloc-titre:hover > .item-objet-options .item-objet-option:after {
	background: rgba(72,72,72,1);
	transition: all 0.2s ease;	
}
#section-arborescence li[id^="item-"]:hover > .bloc-titre > a.item-titre,
#section-arborescence li[id^="item-"].active a.item-titre {
	color: #FFF;
	background: rgba(72,72,72,1);
	border-radius: 13px;
	line-height: 26px;
	padding: 0 10px;
	display: inline-block
}
#section-arborescence .item-objet-option:hover:after {
	background: rgba(79,178,156,1) !important;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#section-arborescence  .item-objet-option:not(.item-objet) {
	margin-left: -30px;
	opacity: 0;
	top:10px;
	z-index: 0;
	transition: all 0.2s ease;
}
#section-arborescence li[id^="item-"].active .bloc-titre  > .item-objet-options .item-objet-option:not(.item-objet),
#section-arborescence .bloc-titre:hover  > .item-objet-options .item-objet-option:not(.item-objet) {
	opacity: 1;
	margin-left: 0px;
	transition: all 0.2s ease;
}
#section-arborescence .item-objet-rubrique.true:before,
#section-arborescence .item-objet-rubrique:hover:before {
    content: "\f07c" !important;
}
#section-arborescence .item-objet-rubrique.false:before {
    content: "\f07b";
}
#section-arborescence .item-objet-rubrique-vide:before {
	content: "\f114";
}
#section-arborescence .item-objet-article:before {
    content: "\f0f6";
}
#section-arborescence .item-objet-site:before {
    content: "\f045";
}
#section-arborescence .item-objet-breve:before {
    content: "\f0f6";
}
#section-arborescence .item-objet-mot:before {
    content: "\f02b";
}
#section-arborescence .item-titre {
	margin-left: 0px;
}
#section-arborescence .item-objet-view:before { 
	content: "\f06e";
}
#section-arborescence .item-objet-admin:before { 
	content: "\f013";
}
#section-arborescence .item-objet-lien-page:before { 
	content: "\f14c";
}
#section-arborescence .bloc-titre:hover  > .item-objet-view:before {
	width: 24px;
	opacity: 1;
	margin-left: 30px;
	display: inline-block;
	transition: all 0.2s ease;
	background:  rgba(72,72,72,1)
}
.popup-content.large a.item-titre {
	font-size: 16px;
}
.popup-content.large div.item-objet-options{
  height: 25px;
  top: -15px !important;
  margin-bottom: -4px !important;
}


/* LEGENDE */

.icone-legende-arbo:before,
.item-legende-arbo .icone-legende:before,
.info-statut-objet:before {
	font-family:FontAwesome;
	content:'';
	display: inline-block;
	line-height: 16px;
	width: 16px;
	text-align: center;
	margin-right: 4px;
	border-radius: 8px;
	color: #FFF;
}
#legende-arbo {
	background: rgba(0,0,0,.2);
	display: block;
	width: 100%;
	padding: 20px;
	margin-bottom: 20px
}
#legende-arbo table {
	width: 100%;
}
#legende-arbo table tr:nth-child(odd) {
}
#legende-arbo table tr:not(:last-child) {
	border-bottom: 1px solid rgba(109,109,109,1);
}
#legende-arbo td {
	width: 50%;
	padding:4px;
}
#legende-arbo td:nth-child(2) {
	border-left: 1px solid rgba(109,109,109,1);
}
.icone-legende-arbo:before {
	content:'\f129';
	color: #FFF;	
}
.item-legende-prepa .icone-legende:before,
.objet-prepa .info-statut-objet:before {
	content:'\f040';
}
.item-legende-prop .icone-legende:before,
.objet-prop .info-statut-objet:before {
	content:'\f128';
	color: rgba(226,121,63,1);
}
.item-legende-refuse .icone-legende:before,
.objet-refuse .info-statut-objet:before {
	content:'\f071';
	color: rgba(223,73,74,1);
}
.item-legende-publie .icone-legende:before,
.objet-publie .info-statut-objet:before {
	content:'\f00c';
	color: rgba(79,178,156,1);
}
.item-legende-poubelle .icone-legende:before,
.objet-poubelle .info-statut-objet:before {
	content:'\f1f8';
	color: rgba(109,109,109,1);
}
.item-legende-objet-article .icone-legende:before {
	content:'\f0f6';
}
.item-legende-objet-rubrique .icone-legende:before {
	content:'\f07b';
}
.item-legende-objet-vue .icone-legende:before {
	content:'\f06e';
}
.item-legende-objet-page .icone-legende:before {
	content:'\f14c';
}
.item-legende-config .icone-legende:before {
	content:'\f013';
}
.label-legende:before {
	content:'\f059';
}
.container-item-legende {
  display: flex;
}
/**
* Template Style
*
* [Table of contents]
############################
*   7. Custom METRO
############################
**/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,body {
    font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	background:rgba(51,51,51,1) !important;
}

body.no-scroll {
	max-height: 100%;
	overflow: hidden;
}

.container-fluid.container-content{
	max-width: 1440px !important;
}

.row {
	padding: 0px !important;
}

.overflow-scroll {
	/* Utilisons un peu d'inertie */
	-webkit-overflow-scrolling: touch !important; 
	/* On arrête immédiatement */
	/* -webkit-overflow-scrolling: auto; */
}
.display-none {
	display: none !important
}
.clearfix {
	overflow:auto;
	zoom:1;
}
/* CLASS XS  */

@media (max-width: 576px) {
	.col-xs-1 {
		width: 8.33% !important;
	}	
	.col-xs-2 {
		width: 16.66% !important;
	}
	.col-xs-3 {
		width: 25% !important;
	}
	.col-xs-4 {
		width: 33.33% !important;
	}
	.col-xs-5 {
		width: 41.66% !important;
	}
	.col-xs-6 {
		width: 50% !important;
	}
	.col-xs-7 {
		width: 58.33% !important;
	}
	.col-xs-8 {
		width: 66,66% !important;
	}
	.col-xs-9 {
		width: 75% !important;
	}
	.col-xs-10 {
		width: 83.33% !important;
	}
	.col-xs-11 {
		width: 91.66% !important;
	}
	.col-xs-12 {
		width: 100% !important;
	}
}

/* Chargement progressif */

.pas-encore-vu {
	min-height: 300px;
	width: 100%;
	background: url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/loading.gif') no-repeat center center transparent;
	background-size: 36px auto;
	text-align: center
}

/* Fin Chargement progressif */

.liste-rubrique .thumbnail-classic,
section.section-lg.bg-default.text-center div.container div.row.row-50.justify-content-sm-center  div.thumb.thumb-corporate div.thumb-corporate__main {
	height: 267px;
}
.liste-rubrique .thumbnail-classic,
section.section-lg.bg-default.text-center div.container div.row.row-50.justify-content-sm-center  div.thumb.thumb-corporate div.thumb-corporate__main img {
object-fit: cover !important;
  width: 355px;
  height: 268px;
}

/** SOMMAIRE **/

.page_sommaire .main-container {
	padding-top: 40px !important
}

.section-home .container {
	position: relative !important;
}
.lien-rubrique-section {
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px !important;
	color: #FFF !important;;
	padding: 4px;
	top: 70px;
	padding: 4px;
	right: 15px;
	position: absolute;
}

@media (max-width: 768px) {
	.lien-rubrique-section {
	top: 50px
	}	
}
.lien-rubrique-section:before {
	font-family:FontAwesome;
	content:"\f061";
	padding-right: 5px;
	display:inline-block;
}
.lien-rubrique-section:hover {
	background: rgba(51,51,51,1) !important;
}

/** ARTICLE **/

.main-container {
	padding-top: 75px
}

#section-thumbnail {
	padding: 0px
}

    /*****************************/
   /*       MOSAIC HOME         */
  /*****************************/
 /********** V080819 **********/
/*****************************/

#section-type-mosaic {
	padding-top: 9px !important;
	}
.section-type-mosaic .row {
	padding:0px;
	}
.section-type-mosaic .row .item-logo {
	display: block;
	height:250px;
	width:100%;	
	margin-bottom: 15px
	}
.section-type-mosaic .row .item-logo img.spip_logos {
	height:250px;
	width:100%;
	object-fit:cover;
	}
.section-type-mosaic .row .article-mosaic {
	padding: 15px;
	cursor:pointer;
	}
.section-type-mosaic .row .article-mosaic:hover {
	z-index: 9999999
	}
.section-type-mosaic .row  .plus-d-info {
	height:0;
	overflow:hidden;
	text-align:center;
	background:rgba(0,0,0,.6);
	position:absolute;
	top:0;
	width:100%;
	}
.section-type-mosaic .row  .plus-d-info .picto {
	text-align:center;
	color:#FFF;
	top:80px;
	height:70px;
	padding:5px;
	width:70px;
	vertical-align:middle;
	display:table-cell;
	position:relative;
	font-weight:700;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:rgba(51,51,51,1);
	box-shadow:0 0 20px rgba(0,0,0,.9);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.9);
	-moz-box-shadow:0 0 20px rgba(0,0,0,.9);
	}
.section-type-mosaic .row  .article-mosaic .content:hover .plus-d-info {
	height:250px;
	}
.section-type-mosaic .row  .article-mosaic .content {
	height: 100%;
    width: 100%;
	}
.section-type-mosaic .article-mosaic .content.focus:hover .item-logo,
.section-type-mosaic .article-mosaic .content.focus:hover .content-txt {
	box-shadow:10px 10px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:10px 10px 0 rgba(0,0,0,.2);
	-moz-box-shadow:10px 10px 0 rgba(0,0,0,.2);
	transition:all 500ms ease-in-out;
	}

.section-type-mosaic .article-mosaic .content .item-logo,
.section-type-mosaic .article-mosaic .content .item-titre {
	transition:all 500ms ease-in-out;
	}
#section-type-mosaic .article.article-mosaic .content-txt {
	margin-top: 10px !important;
	padding: 10px;
	position: relative;
	margin: 0px !important;
	background: rgba(85,85,85,1) !important;
	color: #FFF;
	}
#section-type-mosaic .article.article-mosaic .content-txt:before {
	content:'';
	position: absolute;
	width: 10px;
	height: 10px;
	top: -20px;
	left: calc( 50% - 10px );
	background: transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent; 
	border-bottom: 10px solid  rgba(85,85,85,1) !important;
	border-right: 10px solid transparent;
	}
.section-type-mosaic .row  .article-mosaic a.btn {
	display:block;
	width:100%;
	bottom:0;
	line-height:30px;
	background:rgba(239,201,76,1);
	color:#FFF;
	text-align:center;
	font-weight:700;
	position:absolute;
	border-radius:0!important;
	}
	.section-type-mosaic .row  .article-mosaic:hover a.btn {
	background:rgba(51,51,51,1);
	}
.section-type-mosaic .row  .article-mosaic a.btn i.fa {
	padding-right:5px;
	border-right:1px dotted;
	}
.section-type-mosaic .row  .article-mosaic .content .content-txt {
	padding:0;	
	}
.section-type-mosaic .item-titre {
	text-align: center;
	overflow-x: hidden;
	text-overflow: ellipsis;
	font-weight: 300	
	}
.outZomm {
	background-clip:padding-box;
	transform:scale(.95);
	}
@media (max-width: 890px) {
	#section-type-mosaic .item-logo,
	#section-type-mosaic .item-logo img.spip_logos  {
		height: calc( 33vw - 16px );
	}	
}
@media (max-width: 576px) {
	#section-type-mosaic {
		margin-top: 20px
	}
	#section-type-mosaic .article-mosaic {
		width: 33vw;
		padding: 8px
	}
	#section-type-mosaic .item-titre {
		font-size: 16px !important;
		font-weight: 400
	}
	#section-type-mosaic .item-logo,
	#section-type-mosaic .item-logo img.spip_logos  {
		height: calc( 33vw - 16px );
		width: calc( 50vw - 16px )
	}
	#section-type-mosaic .article-mosaic:hover .plus-d-info {
		height: calc( 33vw - 16px );
	}
	#section-type-mosaic .picto { 
		top: calc( (33vw - 89px) / 2 )
	}
	.section-type-mosaic .article-mosaic .content.zoom10:hover {
		transform:scale(1.05);
	}
	.outZomm {
		background-clip:padding-box;
		transform:scale(.95);
	}
}

@media (max-width: 480px) {
	#section-type-mosaic .item-titre {
		font-size: 12px !important;	
	}
}
.section-type-mosaic .article-mosaic .content .item-logo img {
	opacity: 1 !important;
}

/** Carousel Bootstrap / HOMEPAGE **/
.carousel-bootstrap {
	overflow: hidden
}
.carousel-bootstrap .carousel-inner,
.carousel-bootstrap,
.carousel-bootstrap .carousel-item,
.carousel-bootstrap .fill,
.container-carousel-bootstrap {
  height:100%;
  width:100%;
  background-position:center center;
}
.carousel-bootstrap .carousel-item {
	overflow: hidden
}
.carousel-bootstrap .carousel-item:hover {
	cursor: pointer;
	background: rgba(0,0,0,.3)
}
/* Content */
.container-carousel-bootstrap,
.carousel-bootstrap .carousel-caption {
	background: rgba(0,0,0,.5);
}
.carousel-bootstrap .carousel-caption {
	width: 100%;
	margin: 0px;
	left:0px;
	bottom: 0px;
	z-index: 9
}
/* Image */
.carousel-bootstrap .fill {
	background-size: cover;
}
.carousel-bootstrap .img-bg-carousel {
	width:100%;
	height: 321.8px;
	object-fit: cover !important;
	transition:all 500ms ease-in-out;
}
@media (max-width: 890px) {
	.container-carousel-home .img-bg-carousel {
		height: calc( 33vw + 57px ); 
	}
}
@media (max-width: 768px) {
	.container-carousel-home .carousel-caption {
		display: block !important;
	}
}
@media (max-width: 576px) {
	.container-carousel-home .img-bg-carousel {
		height: 300px;
	}
}
@media (max-width: 480px) {
	.container-carousel-home .img-bg-carousel {
		height: 300px;
	}	
}
.carousel-bootstrap .carousel-item:hover .img-bg-carousel {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
  transition:all 500ms ease-in-out;
}
/* Macaron */
.carousel-bootstrap .macaron-open {
	position: absolute;
	top: -100px;
	left: calc( 50% - 38px );
	z-index: 9;
	width: 76px;
	line-height: 76px;
	border-radius: 38px;
	background: rgba(79,178,156,1);
	color:#FFF;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	transition:all 500ms ease-in-out;
}
.carousel-bootstrap:hover  .macaron-open {
	top: calc( 50% - 38px );
	transform: rotate(360deg);
}
.carousel-bootstrap  .macaron-open:hover {
	transform: rotate(0deg);
	background: rgba(226,121,63,1);
	z-index: 29;
}
/* Controles */
.carousel-bootstrap .carousel-indicators {
	bottom: -15px !important;
	cursor: pointer
}
.carousel-bootstrap .carousel-control-prev,
.carousel-bootstrap .carousel-control-next {
	z-index: 19;
	width: 60px;
}
.carousel-bootstrap .carousel-control-prev-icon,
.carousel-bootstrap .carousel-control-next-icon {
	margin-left: -40px;
	background-image: none !important;
	cursor: pointer
}
.carousel-bootstrap span[class^="carousel-control-"]:before {
	position: relative;
	font-family: FontAwesome;	
	font-size: 42px;
	line-height: 60px;
	width: 60px;
	display: block;
	top: -20px;
	background: rgba(0,0,0,.2);
	transition:all 500ms ease-in-out;
}
.carousel-bootstrap .carousel-control-prev-icon:before {
	content:'\f104';
}
.carousel-bootstrap .carousel-control-next-icon:before {
	content:'\f105';
}
.carousel-bootstrap a[class^="carousel-control-"]:hover span[class^="carousel-control-"]:before {
	background: rgba(223,73,74,1)
}
    /********************************************************/
   /*** LISEUSE PDF / VIDEO colonne principale ***/
  /********************************************************/
 
/* GALERIE VIDEO colonne principale */

/* Menu média */

.menu-media {
  margin-top: 25px
}
.menu-media  a {
	background:rgba(85,85,85,1)!important;
	font-size:12px!important;
	color:rgba(188,188,188,1)
}
.menu-media  a:hover,
.menu-media .option-menu-media:hover:before {
	background:rgba(79,178,156,1)!important;
}
.menu-media .option-menu-media {
	display: inline-block;
	cursor: pointer
}
.menu-media .option-menu-media.menu {
	display: none
}
.menu-media .option-menu-media:before {
	font-family:FontAwesome;
	content:"";
	display: block;
	line-height:24px !important;
	width: 42px;
	margin-bottom: 4px;
	border-radius: 12px;
	text-align: center;
	color: #FFF;
	background:rgba(72,72,72,1);	
	transition:all 500ms ease-in-out;
}
.menu-media .option-menu-media.expand:before {
	content:"\f065";
	float: left;
	margin-right: 0px!important;
	margin-bottom: 6px!important;
}
.menu-media .option-menu-media.compress:before {
	content:"\f00d";
	background:rgba(223,73,74,1);
}
.menu-media .option-menu-media.menu.true:before {
	content:"\f102";
}
.menu-media .option-menu-media.menu.false:before {
	content:"\f0c9";
}
.option-menu-media-fullscreen.compress.one-doc {
	z-index: 9 !important;
	left: 0px;
	top: 40px;
	position: fixed
}
.liste-item-menu-media {
	display: inline-block;
}

/* Média overlay */

#media-overlay {
	display: block;
	position: fixed;
	z-index: 99999999999999999 !important;
	top: 0px !important;
	left: 0px !important;
	height: 100% !important;
	width: 100% !important;
	background: rgba(51,51,51,1)!important;
}
#media-overlay.false {
	display: none !important;
}
#media-overlay iframe {
	position: absolute;
	left:0px;
	height: 100vh !important;
	width: 100vw !important;
	transition:all 500ms ease-in-out;
}
#media-overlay iframe.top {
	top: 0px
}
#media-overlay .menu-media {
	 margin-top: 0px
}
#media-overlay  .option-menu-media  {
  	margin-right: 4px;  
	float: left !important;
	display: inline-block
}
#media-overlay .option-menu-media.prepa {
  position: fixed !important;
  top: -50px;
  left: 0px;
  z-index: 999 !important;
  transition:all 500ms ease-in-out;
}

#media-overlay .option-menu-media.prepa.start {
  position: fixed !important;;
  top: 50px;
  left: 0px;
  z-index: 999 !important;
  transition:all 500ms ease-in-out;
}
#media-overlay .option-menu-media-fullscreen.prepa.start {
	top: 80px;
}
/* Container de substitution */

#container-player-media-pdf {
	background: url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/loading.gif') no-repeat;
	background-size: 35px auto;
	background-position: center 50%;
	transition:all 500ms ease-in-out;
}
#container-player-media-pdf.block {
	height: 625px;
	background-color:rgba(0,0,0,.4);
	transition:all 500ms ease-in-out; 
}

#popup-document video {
	position: relative;
	top: calc( 50vh - 40px ); /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

/* Autres */

.body-back .popup-bzzz,
.body-back #corps {
  overflow: hidden !important;
}
.menu-media .item-media,
.menu-media .item-media.on {
	background: rgba(72,72,72,1) !important;
	display: inline-block;
	line-height:24px !important;
	color: #FFF;
	padding: 0px 4px;
	border-radius: 12px;
	transition:all 500ms ease-in-out;
	white-space:nowrap;
	cursor: pointer
}
#liste-item-menu-pdf.ratio-2 .item-media {
	max-width: calc( 50% - 2px ); 
	overflow: hidden;
	text-overflow: ellipsis;	
}
#liste-item-menu-pdf.ratio-3 .item-media {
	max-width: calc( 33% - 2px );
	overflow: hidden;
	text-overflow: ellipsis;	
}
.menu-media .item-media:before {
	display: inline-block;
	font-family:FontAwesome;
	content:"\f111";
	color: rgba(109,109,109,1);
	line-height:24px !important;
	padding: 0 4px;
	transition:all 500ms ease-in-out;
}
.menu-media .item-media.on:before {
	color: rgba(79,178,156,1);
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop	
}
.menu-media .item-media:hover:before {
	color: rgba(239,201,76,1);
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop	
}
.menu-media .item-media label {
	padding: 0px 4px !important;
	line-height:0px;
	cursor: pointer
}

  /********************/
 /* COLONNE LATERALE */
/********************/

.col-lat section {
	margin-bottom:15px;
	padding:15px;
}

#bloc-head-col-lat section {
	padding:0;
}

.col-lat section textarea,.col-lat section input {
	border:1px solid rgba(51,51,51,1);
/*	background: rgba(215, 242, 237,1); */
/*	color: #FFF; */
	width:100%;
}

  /*********/
 /* LISTE */
/*********/
/** LISTE TABLEAU **/
/** LISTE OBJET COLONNE CONTEXTUELLE col-lat **/
.col-lat ul.item-rubrique {
	padding:0;
}

.col-lat ul.item-rubrique > li > a {
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	display:flex;
/* contexte sur le parent */
}

.col-lat ul.item-rubrique > li > a:before {
	font-family:FontAwesome;
	content:"\f105";
	color:#000;
	padding:5px;
	margin:auto 0;
}

.col-lat ul.item-rubrique > li > a > span.item-titre {
	margin:auto 5px;
	display:block;
	color:#000;
}


/** ITEMS **/
.col-lat .list-standard ul li {
	font-size:17px;
	border-bottom:1px solid rgba(51,77,92,0.1);
	padding:10px 0;
	cursor:pointer;
}

.col-lat .list-standard ul li.on,.col-lat .list-standard ul li:hover {
	background:rgba(51,77,92,1);
	color:#FFF!important;
}

.col-lat .list-standard ul li.on *,.col-lat .list-standard ul li.on :before,.col-lat .list-standard ul li.on a,.col-lat .list-standard ul li.on .item-titre {
	color:#FFF!important;
}

.content-article section#section-tags h4 {
	background:rgba(51,77,92,.2)!important;
	color: #FFF;
	margin: 0px;
	padding: 10px;
}

.content-article section#section-tags h4:before {
	font-family:FontAwesome;
	content:"\f02c";
	padding-right: 10px;
}

section#section-tags .tags-article,
.col-lat section.formulaire {
	background:rgba(51,51,51,.8)!important;
	padding:10px!important;
}

#section-objets-freres .list-standard {
	background:rgba(51,77,92,.1);
}

#section-objets-freres ul {
	padding:0!important;
}

#section-objets-freres .list-standard li:hover a .item-titre {
	color:#FFF;
}

#section-objets-freres .list-standard li:hover a:before,#section-objets-freres .list-standard li:hover a .item-titre {
	color:#FFF;
}

#section-objets-freres .list-standard li:hover a:before {
	-webkit-transform:rotate(360deg)!important;
	-moz-transform:rotate(360deg)!important;
	-o-transform:rotate(360deg)!important;
	transform:rotate(360deg)!important;
}

#section-objets-freres .list-standard li a .item-titre,#section-objets-freres .list-standard li:hover a .item-titre,#section-objets-freres .list-standard li a:before,#section-objets-freres .list-standard li:hover a:before {
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.col-lat .list-standard ul li .item-type {
	padding-left:0;
}

.col-lat .list-standard ul li .item-type:before {
	font-family:FontAwesome;
	content:"\f105";
	width:22px;
	text-align:center;
	display:inline-block;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.col-lat .list-standard ul li .item-type:hover:before {
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}

/*message*/
/* PAGINATION */
.pagination {
	padding:7px 5px!important;
	margin:0!important;
	display:block;
	position: relative
}

.pagination > span.next,.pagination > span.prev {
	font-size:0;
}

.pagination > span.next {
	float:right;
	right:-2px;
	position: absolute
	
}
.pagination > span.prev {
	float:left;
	left: -2px;
	position: absolute
}

.pagination > span.prev a:before,.pagination > span.prev.disabled:before {
	font-family:FontAwesome;
	content:"\f104";
	font-size:18px!important;
	font-style:normal!important;
	color:rgba(79,178,156,1) !important;
	text-align:center;
	width:32px;
	line-height:32px;
	display:inline-block;
	margin-top:4px;
	padding:0;
	padding-right:2px;
	background-color: transparent !important
}

.pagination > span.next a:before,.pagination > span.next.disabled:before {
	font-family:FontAwesome;
	content:"\f105";
	font-size:18px!important;
	font-style:normal!important;
	text-align:center;
	width:32px;
	line-height:32px;
	display:inline-block;
	color:rgba(79,178,156,1) !important;
	margin-top:4px;
	padding:0;
	padding-left:2px;
	background-color: transparent !important
}

.pagination .pages {
	padding:0;
}

.pagination .pages strong.on,.pagination .pages a.lien_pagination {
	display:inline-block;
	text-align:center;
	width:32px;
	line-height:32px;
	background:rgba(79,178,156,1) !important;
	margin:4px 2px;
}

.pagination .disabled:before {
	background:#FFF!important;
	color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5;
}

.pagination strong.on {
	background:rgba(79,178,156,1)!important; 
	border:1px solid rgba(79,178,156,1)!important;
	color:#FFF!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.pagination .pages a.lien_pagination,.pagination > span a:before {
	background:transparent!important;
	color:rgba(79,178,156,1) !important;
	border:1px solid rgba(79,178,156,1)!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.pagination .pages a.lien_pagination:hover,.pagination > span.next a:hover:before,.pagination > span.prev a:hover:before {
	background:rgba(79,178,156,1)!important;
	border:1px solid rgba(79,178,156,1)!important;
	color:#FFF!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.pagination .sep {
	display:none;
}

.ancre-pagination {
	position:absolute;
	margin-top:-40px;
}

.pagination span.prev.disabled:before,.pagination span.next.disabled:before,.pagination span.next a.lien_pagination:before,.pagination span.prev a.lien_pagination:before {
	border:1px solid rgba(79,178,156,1)!important;
}
.pagination span.prev.disabled:hover:before,.pagination span.next.disabled:hover:before,.pagination span.next a.lien_pagination:hover:before,.pagination span.prev a.lien_pagination:hover:before {
	border:1px solid rgba(79,178,156,1)!important;
	}
p.pagination {
	text-align:center;
}

p.pagination span.pages a.lien_pagination.bind-ajax:before {
	display:none;
}

p.pagination.pagination-corps {
	display:block;
}

p.pagination.pagination-corps strong,p.pagination.pagination-corps .lien_pagination {
	font-size:22px!important;
	width:34px!important;
	line-height:34px!important;
}


  /***********/
 /* GALERIE */
/***********/
.col-lat section .galerie {
	background: #FFF!important;
}
.col-lat .galerie {
	padding:0;
}
  /****************************/
 /* GALERIE DOCUMENTS & SONS */
/****************************/

.galerie .titre-doc {
	line-height: normal !important;
	display: block;
	color: #FFF
}
.galerie .item_info_media .item_info,
.galerie .doc-specifications,
.galerie .credits {
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: normal !important;
	font-weight: normal !important;
	font-size: 11px;
	display: block;
	padding: 4px 0px;;
	color: rgba(188,188,188,1);
}
.galerie .audio-specifications,
.galerie .item_info_media {
	font-family: Arial, Helvetica, sans-serif !important;
} 
.galerie .item_info_media .item_info {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.galerie label {
	padding-right: 4px;
	color: rgba(51,77,92,1);
}
.galerie .credits label::first-letter {
    text-transform: uppercase;
}

tr.item-galerie-content .info-doc-toggle,
tr.item-galerie-content .info-doc-toggle .doc-info-content {
	max-height: 0px !important;
	overflow: hidden !important;
}
tr.item-galerie-content.true .info-doc-toggle {
	max-height: 280px !important;
	overflow: hidden !important;
}
tr.item-galerie-content.true .info-doc-toggle .doc-info-content {
	max-height: 200px !important;
	overflow: auto !important;
	padding-bottom: 10px;
}
.galerie .info-doc-toggle {
	padding:0px 5px;
}
.galerie .info-doc-toggle p {
	font-size: 13px;
	padding-top: 10px
}
/* Margin ajouter par le crayon */
.info-doc-toggle .descriptif > p {
  margin: 0px !important;
}
.galerie td {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.galerie tr.item-galerie-content td {
	padding: 0px !important;
	margin: 0px !important;
}
.galerie tr.item-galerie-content tr:hover td {
	background: rgba(109,109,109,1) !important;
}
.galerie  a.download-link {
	color: #FFF !important;
	text-align: center;
	display: block;
	border-radius: 3px;
	margin: 15px 0px 15px 0px;
	background: rgba(51,77,92,1);
}
.galerie  a.download-link:hover {
	background: rgba(239,201,76,1);
	color: rgba(226,121,63,1) !important;
}
.galerie td.plus-d-infos {
	width: 0px !important;
	padding: 0px !important;
	position: relative;
	display: block;
	
}
.galerie table {
	overflow: hidden;
}
.galerie tr:hover td.plus-d-infos .link-plus-d-infos {
	margin-left: -54px
}
.galerie td.plus-d-infos .link-plus-d-infos {
	position: absolute;
	background: transparent;
	height : 55px ;
	width : 55px ;
	display: block;
	top: 0px;
	overflow: hidden;	
}
.galerie td.plus-d-infos .link-plus-d-infos  .link-plus-d-infos-triangle {
	height : 76px ;
	width : 76px ;
	margin-top: -38px;
	margin-left: 16px;
	transform: rotate(45deg);
	background: rgba(51,51,51,1) !important;
	text-align: center;
	display: block;
	cursor: pointer;
}
.galerie td.plus-d-infos .link-plus-d-infos  .link-plus-d-infos-triangle i {
	top:55px;
	right: 30px;
	position:absolute; 
	transform: rotate(-45deg); 
	color: #FFF
}
.galerie td.plus-d-infos .link-plus-d-infos-triangle:hover {
  background: rgba(51,77,92,1) !important;
}


  /*********************/
 /* GALERIE DOCUMENTS */
/*********************/

#galerie-documents-joints table {
	color:#000;
	border-top:1px solid rgba(51,77,92,0.4);
	border-collapse:collapse;
}

#galerie-documents-joints table .item-galerie-head  a {
	color:#000 !important;
}

#galerie-documents-joints tr.item-galerie-head {
	border-bottom:1px solid rgba(51,77,92,0.4);
	padding:5px 0;
}
#galerie-documents-joints tr.item-galerie-head.true,
#galerie-documents-joints tr.item-galerie-head:hover {
	background:rgba(51,77,92,.1)!important;
}

#galerie-documents-joints tr.item-galerie-content.true {
	background:rgba(51,77,92,.05)!important;
}

#galerie-documents-joints td {
	vertical-align:middle;
	padding:10px 5px;
}

#galerie-documents-joints td.logo {
	vertical-align:middle;
}

#galerie-documents-joints td.logo img {
	min-width:40px;
	height:auto;
}

#galerie-documents-joints td img {
	width:60px;
	height:auto;
}

#galerie-documents-joints table tbody tr .titre-doc {
	font-size: 14px
}
#galerie-documents-joints .video-link a,#galerie-documents-joints .doc-descriptif p a.spip_url {
	background:rgba(51,77,92,1);
	padding:3px;
	display:inline;
	color:#FFF;
	display:block;
	text-align:center;
}
#galerie-documents-joints .video-link a:hover,#galerie-documents-joints .doc-descriptif p a.spip_url:hover {
	background:rgba(51,77,92,1);
	color:#FFF!important;
}


/* GALERIE AUDIO PLAYER */
#galerie-sons ul {
	border-top:1px solid rgba(0,0,0,0.1);
}

#galerie-sons li {
	border-bottom:1px solid rgba(0,0,0,0.2);
}

#galerie-sons li.item-galerie > audio {
	width:100%;
}

#galerie-sons .audio-descriptif {
	border-bottom:1px solid rgba(0,0,0,0.1);
}

#galerie-sons .audio-descriptif {
	border-top:1px solid rgba(0,0,0,0.1);
	font-size:80%;
	padding:5px;
	display:block;
}

#galerie-sons .item-galerie h4 {
	font-size:110%!important;
	padding:0 5px;
	font-weight:300;
}

#galerie-sons li.item-galerie .audio-texte > img.spip_logo {
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	zoom:1;
	margin-bottom:10px;
}

#galerie-sons a.info.son p br:before {
	content:"\f10c"!important;
	font-family:FontAwesome;
	font-size:12px;
	display:inline-block;
}

#galerie-sons .audio-specifications {

}

/** MENU RECHERCHE **/

svg#picto-search {
  height: 24px !important;
}

/** POPUP RECHERCHE **/

#popup-form_recherche  .article-body{
	padding-bottom: 140px;
	color: rgba(226,226,226,1) 
}
#input_inc-grille-objet {
	font-family:Libre Franklin !important ;
	background: rgba(85,85,85,1);
	color:rgba(226,226,226,1);
	font-weight: 300;
	border: none;
	padding: 22px 15px;
	font-size: 28px;
	margin-bottom: 20px;
}
#menu-nombre_resultat .item_resultat {
  font-size: 16px !important;
  text-transform: lowercase;
  display: inline-block;
  padding: 4px;
  margin: 4px;
  border: 1px solid
}
#menu-nombre_resultat .item_resultat:first-child  {
  margin-left: 0px
}
#menu-nombre_resultat .item_resultat:last-child  {
  margin-right: 0px !important; 
}
#menu-nombre_resultat .item_resultat:nth-of-type(1) {
	color: rgba(79,178,156,1);
}
#menu-nombre_resultat .item_resultat:nth-of-type(2) {
	color: rgba(51,77,92,1);
}
#menu-nombre_resultat .item_resultat:nth-of-type(3) {
	color: rgba(226,121,63,1);	
}
#menu-nombre_resultat .item_resultat:nth-of-type(4) {
	color: rgba(239,201,76,1);	
}
#menu-nombre_resultat .item_resultat:nth-of-type(5) {
	color: rgba(79,178,156,1);	
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(1) {
	background: rgba(79,178,156,1);
	border-color: rgba(51,51,51,1);
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(2) {
	background: rgba(239,201,76,1);
	border-color: rgba(239,201,76,1); 
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(3) {
	background: rgba(226,121,63,1);
	border-color: rgba(226,121,63,1); 	
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(4) {
	background: rgba(239,201,76,1);
	border-color: rgba(239,201,76,1); 	
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(5) {
	background: rgba(79,178,156,1);
	border-color: rgba(79,178,156,1); 	
}
#menu-nombre_resultat .item_resultat:hover {
	color: #FFF;
}
#menu-nombre_resultat .item_resultat:first-child  {
	margin-left: 0px
}
#menu-nombre_resultat .item_resultat:last-child  {
	margin-right: 0px !important;
}
#popup-form_recherche h3 {
	font-size: 28px
}
#popup-form_recherche h3:first-letter,
th:first-letter {
	text-transform: uppercase;
}
#popup-form_recherche table {
	width: 100%;
}
#popup-form_recherche #section-recherche-article table tr:hover {
	cursor: pointer;
}
#popup-form_recherche table th {
	border-bottom: 1px solid;
	font-size: 14px;
	font-weight: bold
}
#popup-form_recherche table td {
	border-bottom: 1px solid;
	padding: 4px 0px
}
#popup-form_recherche table.table_search_objet tr td.td_titre {
	padding-left: 10px !important; 
}
#popup-form_recherche table.table_search_objet tr td:nth-of-type(3) {
	background: rgba(255,255,255,.04);
	padding-left: 4px
}
#popup-form_recherche table.table_search_objet tr td:nth-of-type(4) {
	background: rgba(255,255,255,.08);
	padding-left: 4px
}
#popup-form_recherche table.table_search_objet tr:hover td {
	background: rgba(0,0,0,.2);
}
#popup-form_recherche table.table_search_objet tr td.td_logo:hover, 
#popup-form_recherche table.table_search_objet tr td.td_titre:hover {
	background: rgba(0,0,0,.4);
}

#popup-form_recherche .message {
	display: block;
	font-size: 18px;
	padding: 20px; 
	margin: 10px 0px	
}
#popup-form_recherche .message:before {
	font-family:FontAwesome!important;
	content: '\f06a';
	font-size: 22px;
	position: absolute;
}
#popup-form_recherche #section-recherche-article .message {
	color: rgba(79,178,156,1);
	border: 1px solid rgba(79,178,156,1);	
}
#popup-form_recherche #section-recherche-evenement .message {
	color: rgba(239,201,76,1);
	border: 1px solid rgba(239,201,76,1);
}
#popup-form_recherche #section-recherche-document .message {
	color: rgba(226,121,63,1);
	border: 1px solid rgba(226,121,63,1);
}
#popup-form_recherche .section-recherche {
	margin-bottom: 25px;
}
#popup-form_recherche table td {
	vertical-align: middle
}	
#popup-form_recherche .doc-specifications {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#popup-form_recherche .td_logo {
	width: 75px;
	min-height: 75px;
}
#popup-form_recherche .logo.thumbnail {
	height: 75px;
	width: auto
}
#popup-form_recherche td.td_logo {
	vertical-align: middle !important;
	cursor: pointer
}
#popup-form_recherche .img_defaut,
#popup-form_recherche .img_defaut i{
	display: block !important;
	height: 100%
}
#popup-form_recherche .img_defaut i:before {
	font-style: normal !important;
	font-size: 28px;
	font-weight: normal !important;
	display: block !important;
	text-align: center;
	line-height: 75px !important;
	height: 100%;
	background: none !important
}
#popup-form_recherche .td_rubrique {
	border-left: 1px solid rgba(255,255,255,.4) 
}
#popup-form_recherche table.sous-table tr td {
	border: none !important;
}
#popup-form_recherche table.sous-table tr:first-child td {
	border-bottom: 1px solid rgba(255,255,255,.4) !important;
}
#popup-form_recherche table.sous-table {
	font-size: 12px !important;
}
#popup-form_recherche .item-objet-source,
#popup-form_recherche table.sous-table .lien-chemin,
#popup-form_recherche table.sous-table a {
	color: rgba(79,178,156,1);
	border: 1px solid  rgba(79,178,156,1);
	background:  rgba(0,0,0,.1);
	padding: 2px;
	transition:all 500ms ease-in-out;
	cursor: pointer
}
#popup-form_recherche table.sous-table,
#popup-form_recherche table.sous-table tr,
#popup-form_recherche table.sous-table td,
#popup-form_recherche table.sous-table tr:hover,
#popup-form_recherche table.sous-table tr:hover td,
#popup-form_recherche table.sous-table td:hover  {
	background: none !important
}
#popup-form_recherche #table_search_article table.sous-table td:first-child {
	border-right: 1px solid  rgba(255,255,255,.3) !important;
}
#popup-form_recherche table.sous-table td:nth-child(2) {
	padding-left: 5px
	}
#popup-form_recherche table.sous-table .titre-doc {
	font-size: 14px !important
}
#popup-form_recherche .td_rubrique,
#popup-form_recherche .td_date  {
	padding-right: 5px !important;
}
#popup-form_recherche .td_secteur:hover {
	color: rgba(79,178,156,1);
} 
#popup-form_recherche .td_date .sous-table td.label {
	width: 90px;
}
#popup-form_recherche .td_date .sous-table td.label:before {
	font-family: FontAwesome;
	content:'\f017' 
}
#popup-form_recherche .td_rubrique span:before,
#popup-form_recherche .td_rubrique .sous-table tr:first-child td.label:before {
	font-family: FontAwesome;
	content:'\f114' 
}
#popup-form_recherche  .td_rubrique .sous-table tr:nth-last-child(1) td.label:before {
	font-family: FontAwesome;
	content:'\f1e0'
}
#popup-form_recherche .td_rubrique span:before {
	padding-right: 5px
}
#popup-form_recherche .item-objet-source {
	margin:2px; 
	display: inline-block
}
#popup-form_recherche .item-objet-source:hover,
#popup-form_recherche table.sous-table .lien-chemin:hover,
#popup-form_recherche table.sous-table a:hover {
	background:rgba(79,178,156,1);
	color: #FFF;
	transition:all 500ms ease-in-out
}
#popup-form_recherche .item-objet-source-article:before {
	font-family: FontAwesome;
	content:'\f016' !important 	
}
#popup-form_recherche .item-objet-source-rubrique:before {
	font-family: FontAwesome;
	content:'\f114' !important 		
}
#popup-form_recherche .item-objet-source-evenement:before {
	font-family: FontAwesome;
	content:'\f274' !important 		
}
#popup-form_recherche .doc-option {
	padding: 2px 4px; 
	margin: 2px 2px 2px 0px;
	display: inline-block;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.08);
	transition:all 500ms ease-in-out
}
#popup-form_recherche .doc-option.doc-download {
	border: 1px solid rgba(79,178,156,1);
	color: rgba(79,178,156,1);
	cursor: pointer
}
#popup-form_recherche .doc-option.doc-view {
	border: 1px solid rgba(239,201,76,1);
	color: rgba(239,201,76,1);
	cursor: pointer;
}
#popup-form_recherche .doc-option.doc-download:hover {
	background: rgba(79,178,156,1);
	color: #FFF;
}
#popup-form_recherche .doc-option.doc-view:hover {
	background: rgba(239,201,76,1);
	color: #000;
}

@media (max-width: 992px) {
	#popup-form_recherche .th-date,
	#popup-form_recherche .td_date {
		display: none
	}	
	#popup-form_recherche .td_rubrique {
		font-size: 12px !important;
		font-weight: bold;
	}
	#popup-form_recherche .table_search_objet {
	  margin-left: -40px;
	  width:  calc( 100% + 90px )
	}
}

@media (max-width: 576px) {
	#popup-form_recherche .th-date,
	#popup-form_recherche .th-chemin,
	#popup-form_recherche .td_date,
	#popup-form_recherche .td_rubrique {
		display: none
	}
	#popup-form_recherche .table_search_objet {
	  margin-left: -20px;
	  width:  calc( 100% + 50px )
	}	
}


/** FALCON **/

#body .falcon_token-secure-content {
	z-index:9999;
	left: auto !important;
	right: 20px !important;
	top:0px !important;
	background: rgba(79,178,156,1) !important;
	border-radius: 0 !important;
}
.btn-floating {
	display: block;
	position: absolute;
	height: 51px;
	width: 51px;
	top: calc( 50% - 18px ); 
}
.btn-floating div {
	background: url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/coin_c4.gif');
	background-size: 36px 36px;	
	height: 36px;
	width: 36px;	
}
.btn-floating.prev {
	left: -50px;
	}
.btn-floating.prev:hover {
	left: -60px;
	}
.btn-floating.prev div {
	position: absolute;
	top: 7px; 
	left:12px;
	-webkit-transform:rotate(45deg)!important;
	-moz-transform:rotate(45deg)!important;
	-o-transform:rotate(45deg)!important;
	transform:rotate(45deg)!important;
}
.btn-floating.next {
	right: -50px;
}
.btn-floating.next:hover {
	right: -60px;
}
.btn-floating.next div {
	position: absolute;top: 7px;
	-webkit-transform:rotate(-135deg)!important;
	-moz-transform:rotate(-135deg)!important;
	-o-transform:rotate(-135deg)!important;
	transform:rotate(-135deg)!important;
}

/** Carousel **/

#carousel-header {
	margin-top: 60px !important
}
.swiper-container {
	position: relative;
	}

.swiper-container-horizontal {
	height: calc( 100vh - 375px )!important;
	min-height: 325px !important;
	background: #000 !important
}
.swiper-container .swiper-wrapper .parallax-container  {
	background-color: #000 !important;
}
.swiper-container .swiper-pagination {
	bottom: 0px !important;
	position: absolute;
	z-index: 99999;
	opacity: 0
}
.swiper-container:hover .swiper-pagination {
	opacity: 1
}
.titre-edito {
	font-size: 60px !important;
}
.titre-edito .jolie_coin {
		width: 18px;
		height: 18px;
		background-size: 18px 18px;}
.chapo.heading-3 p {
	font-size: 30px !important;
}
.section-type-edito .content {
	padding-top: 30px;
}
.section-type-edito .content .version-edito.false{
	display: none;
}	

.section-type-edito .content .chapo {
	color: #000;
	margin-bottom: 30px
}
.voir-plus {
	display: block;
	text-align: center;
	color:rgba(51,77,92,1)
}
.voir-plus .content {
	cursor: pointer;
	margin-top: 10px;
	font-size: 54px;
	display:block;
	height: 60px;
	line-height: 0px;
	width:60px;
	margin-left: calc( 50% - 30px );
	border: 2px solid;
	font-size: 32px !important
}

.voir-plus .content:hover {
	background:  rgba(51,77,92,1);
	border-color: rgba(51,77,92,1);
	color: #FFF
}

/* SOMMAIRE */

.section-type-edito {
	/*
	max-height: 600px; 
	overflow: auto;
	margin-bottom: 30px
	*/
}


.section-lg.section-home { padding-bottom: 30px !important; padding-top: 30px !important  }	


.triangle_card_img_bottom {
	position: absolute; 
	width: 100%; 
	z-index: 999 !important; 
	width: 100% !important; 
	height: auto;
	left: -1px;
	margin-top: -1px;
}


.triangle_card_img_top {
	position: absolute; 
	width: 100%; 
	z-index: 999 !important; 
	width: 100% !important; 
	height: auto;
	right: -1px;
	top: 238px;
}

.section-home .card-deck .card {
	border: none !important;
}

.triangle_card_img_top .st0{fill:#FFF !important;}
.triangle_card_img_bottom .st0{fill:#FFF;}
.triangle_card_titre_top .st0{fill:rgba(239,201,76,1)  !important;}
.section-home-agenda .card-body {padding: 0px}
.section-home-agenda .card-date {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	position: relative;
	color:  rgba(239,201,76,1)  !important
}
.section-home-agenda .card-title {
	padding: 15px 10px !important;
	margin-top: 0px;
	position: relative;
	background: rgba(239,201,76,1)  !important;
	color: #FFF
}
.section-home-agenda .triangle_card_titre_bottom {
	bottom: -1px;
	left: 0px;
	position: absolute
}
.section-home-agenda .triangle_card_titre_top {
	padding: 0px;
	margin 0px;
	width: 100%;
	left: 0px;
	bottom: -1px;
	position: absolute
	
}
.section-home-agenda .card-text {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #000;
	font-size: .7em
	}

/* CAROUSEL */

.swiper-button-next.linear-icon-chevron-right,
.swiper-button-prev.linear-icon-chevron-left {
	color: rgba(51,77,92,1) !important;
}
.swiper-button-next.linear-icon-chevron-right:hover,
.swiper-button-prev.linear-icon-chevron-left:hover {
	color: rgba(51,51,51,1)  !important;
}

.row.flex-height > div[class*='col-'] {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex:1 0 auto;
}
.border-none.card {
	border: none !important;
	margin-bottom: 30px;
}
.section-home-agenda .card:hover,
.section-actu .card:hover {
	cursor: pointer;
}
.section-actu .card-body h5.card-title {
	margin-bottom: 0px
}
.section-actu .card-body .publie {
	font-size: 0.7em;
	font-weight: bold;
	color: rgba(51,77,92,1)
}		
.section-actu .card-text {
	margin: 0px;
	font-size: 0.7em;
}
.section-home-agenda .bloc_img_top {
	position: relative
}
.section-home-agenda .carousel-item {
	margin-top: 15px;
	margin-bottom: 15px
}
.section-home-agenda .bloc_img_top,
.section-actu .bloc_img_bottom {
  display: block;
  height: 250px;
  overflow: hidden !important	
}
.section-actu.rub_4_col .card-body .card-title {
	font-size: 16px;
}
.section-actu.rub_4_col .card-body {
	padding: 10px 10px 0px 10px !important
}
.section-actu.affiche .bloc_img_bottom {
  display: block;
  height: 450px !important;
  overflow: hidden !important	
}
.section-actu.rub_4_col .bloc_img_bottom {
  display: block;
  height: 350px !important;
  overflow: hidden !important	
}

.section-home-agenda img.card-img-top,
.section-actu img.card-img-bottom {
  display: block;
  width: 100vw;
  height: 250px;
  object-fit: cover;
  -webkit-transition:all 500ms ease-in-out;
  -moz-transition:all 500ms ease-in-out;
  -ms-transition:all 500ms ease-in-out;
  -o-transition:all 500ms ease-in-out;
  transition:all 500ms ease-in-out
}
.section-actu.rub_4_col img.card-img-bottom {
	height: 350px !important;
}
.section-actu.rub_4_col .row-liste-items > .objet  {
	padding: 10px !important;
}
.section-actu.rub_4_col.objet-like .card-img-bottom {
	object-fit: contain !important;;
	height: auto !important;
}

.section-actu.rub_4_col.objet-like .bloc_img_bottom {
	height: auto !important;
}
.like-box iframe {
	margin-top: 20px;
	width: 78px;
}
.like-box .icon i.fa {
	font-size: 18px !important;
	line-height: 60px !important;
	display: block !important;
	
}
.hover-card:hover{
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-o-transform:scale(1.03);
	transform:scale(1.03);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box
	}
.hover-card-plus:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box
	}
	
@media (max-width: 576px) {
	.hover-card:hover,
	.hover-card-plus:hover{
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		transform:none;
		}	
}
.section-home-agenda  .card:hover .lire-plus-card ,
.section-actu .card:hover .lire-plus-card   {
	height: 250px;
}
.section-actu.rub_4_col .card:hover .lire-plus-card {
	height: 350px !important;
}
.section-actu.rub_4_col.objet-like .card:hover .lire-plus-card {
	height: 400px !important;
}
.section-actu.rub_4_col .card-container {
	padding: 10px !important;
	}
.section-home-agenda .carousel-indicators {
	bottom: -20px;
}
.section-home-agenda .carousel-indicators li {
	background: rgba(239,201,76,.3);
}
.section-home-agenda .carousel-indicators li.active {
	background: rgba(239,201,76,1);
}
.lire-plus-card {
	color: #FFF;
	position: absolute;
	bottom: 0px;
	height: 0px;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
	width: 100%;	
}
.lire-plus-card .icon {
	color: rgba(51,77,92,1);
	cursor: pointer;
	margin-top: 50px;
	font-size: 54px !important;
	display:block;
	height: 60px;
	line-height: 60px;
	width:60px;
	margin-left: calc( 50% - 30px );
	border: 2px solid;	
	background: rgba(0,0,0,0.4);
}
.section-home-agenda .icon {
	color: rgba(239,201,76,1);
}

/** FOOTER **/

footer {
	font-size: 0.8em;
	background-color: rgba(51,51,51,1) !important;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 3;
	color: #FFF !important
}
footer section {
	background-color: transparent !important;
}
footer .column {
   display: flex;
   justify-content: center;	
   width: 100%
}
footer h6 {
	margin-bottom: 20px;
	color: #FFF !important
}
footer .footer-content ul {
    list-style-type: square !important;
    list-style: square inside !important;
}
footer .footer-content {
	border-right: 1px solid 
}
footer .cols-1 .footer-content,
footer .footer-content:last-child {
	border-right: none !important 
}
footer .cols-1 .column .footer-texte {
	padding: 0px 20px;
	/*
	border-left: 1px solid #FFF !important;
	border-right: 1px solid #FFF !important
	*/
}
footer .copyright {
	font-size: 0.8em;
	margin-top: 20px
}
footer .column .footer-texte a {
	color: rgba(79,178,156,1);
	border-bottom: 1px dotted;
	line-height: normal;
	padding: 2px !important;
	font-weight: bold
}	
footer .column .footer-texte a:hover {
	background:rgba(239,201,76,1);
	color: #FFF;
	border-color: rgba(239,201,76,1);
	font-weight: bold
}
.footer-logo a img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.footer-logo a:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.footer-logo {
	text-align:center;
	margin:15px 0;
	padding-top:0;
}
.footer-logo img {
	max-height:50px;
	width:auto;
}
.footer-logo a {
	margin:0;
	display:inline-block;
	padding:10px;
}
.footer-logo a:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	background: rgba(0,0,0,0.4);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	-webkit-background-size:cover;
/* pour anciens Chrome et Safari */
	background-size:cover;
/* version standardisée */
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
}
footer section.section-type-sn-footer li.sn_item_footer a.icon { 
	font-size: 24px;
	color: #FFF
}
footer input, footer textarea {
	border: none;
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px !important;
}
footer textarea  {
	height: 100px;
}
footer input.submit {
	background: rgba(255,255,255,.5);
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	margin: 0px !important
}
footer input.submit:hover {
	background: rgba(239,201,76,1);
}
footer .formulaire_spip p.boutons {
	margin: 0px !important;
	padding: 0px !important
}
footer .reponse_formulaire {
	font-family:Helvetica, Arial, sans-serif;
	padding: 10px;
	font-weight: bold;
	font-family: arial;
	margin-bottom: 10px
}
footer .reponse_formulaire_error {
	background: rgba(226,121,63,1);
}
footer .reponse_formulaire_ok {
	background: rgba(79,178,156,1);
}
@media (max-width: 576px) {
	.footer-content {
	  border-top:1px  solid #FFF
	}
	.footer-content:first-child {
	  border-top: none !important; 
	}
}

/** FOOTER SIGNATURE **/

.beebuzz-author-box {
	margin-top: 100px
}
.beebuzz-author-box,
.beebuzz-author-box  a,
.beebuzz-author-box address{
	color: #FFF  !important;
	font-size: 12px
}
.beebuzz-author-box [itemprop="jobTitle"] {
	display: none
}
.beebuzz-author-box svg,
.beebuzz-author-box svg * {
	fill: #FFF !important;
}
.beebuzz-author-box svg #svg-aitb-5 {
	fill: transparent !important;
}

/** POPUP OVERLAY **/

/* POPUP OVERLAY - Général */

#popup-overlay {
	position:fixed;
	z-index:999990!important;
	width:110%;
	height:110%;
	top:0;
	left:0;
	background:rgba(0,0,0,.4);
}
.popup-bzzz {
	position: fixed;
	z-index:999995!important;
	width:calc( 100% - 108px );
	height:calc( 100% - 108px );
	left: 54px;
	top: 54px;
	background:rgba(51,51,51,1);	
	color: rgba(226,226,226,1);
}
.popup-group-btn {
	right:54px !important;
	top: 54px !important;
}
.popup-bzzz.popup-box {
	z-index:999997!important;
}
@media screen and ( min-width: 1680px ){
	.popup-bzzz {
		width:1440px;
		max-width:1440px;
		height:calc( 100% - 108px );
		left: calc( ( 100vw - 1440px ) / 2 );
		top: 54px;
	}
	.popup-group-btn {
		right: calc( ( 100vw - 1440px ) / 2 ) !important;
		top: 54px !important;
	}	
}
@media screen and ( max-width: 1200px ){
	.popup-bzzz {
		width:calc( 100% - 108px );
		height:calc( 100% - 108px );
		left: 54px;
		top: 54px;
	}
	.popup-group-btn {
		right:54px !important;
		top: 54px !important;
	}	
}
@media (max-width: 992px) {
	.popup-bzzz {
		width:96%;
		height:96%;
		left: 2%;
		top: 2%;
	}
	.popup-group-btn {
		right: 2% !important;
		top: 2%  !important;
	}
}
@media (max-width: 576px) {
	.popup-bzzz {
		width:100%;
		height:100%;
		left: 0px;
		top: 0px;
	}
	.popup-group-btn {
		right:0px !important;
		top: 0px !important;
	}
	.popup-bzzz.overflow-popup  .main-container {
	  padding: 0px !important;
	}
}

.popup-bzzz[data-theme="light"] {
	background:#FFF;	
	color: rgba(51,51,51,1) !important;
}
.overflow-popup,
.popup-bzzz.overflow-popup,
.popup-bzzz article.content-article.overflow-popup,
.popup-bzzz.overflow-body .article-body {
	overflow: auto;
	-webkit-overflow-scrolling: touch; 	
}
.popup-bzzz.popup-box .objet-document .article-body {
	padding-top: 0px !important;
}
.popup-bzzz.popup-box article.content-article.overflow-popup {
	height: 100% !important;
	width: 100% !important;
	padding-left: 40px;
	padding-right: 40px
}
.popup-bzzz.overflow-popup {
	padding: 20px; 
}
.popup-content.large .popup-bzzz.overflow-popup {
	overflow: hidden; 
}
.popup-bzzz.overflow-popup.large article {
	max-height: 100% 
}
.popup-bzzz.overflow-popup  .main-container {
	margin: 0px;
	padding: 20px !important;
	width: 100%;
	min-width: 100% !important;
}
.popup-bzzz.false,
#popup-overlay.false,
.popup-group-btn.false {
	display:none;
}
.popup-bzzz.true,
#popup-overlay.true,
.popup-group-btn.true{
	display:block;
}

/* POPUP OVERLAY - BOUTONS */

.popup-group-btn {
	position: fixed;
	z-index:999997!important;
	display: flex;
	right:10%;
	top: 10%;
}
.popup-group-btn-box {
	position: fixed;
	z-index:999997!important;
	display: flex;
	right: 0px
}
/* POPUP OVERLAY - DOUBLE FENETRE */

.popup-content.large .popup-bzzz {
	width:100% !important;
	height:100% !important;
	left: 0px;
	top: 0px
}
@media (max-width: 992px) {
	.popup-content.large .popup-group-btn {
		right: 50% !important;
	}
	.popup-content.large article.content-article.col-left .options-split-view {
		left: 50% !important
	}
}
@media (max-width: 576px) {
	.popup-content.large .popup-group-btn {
		right: 50% !important;
	}
	.popup-content.large article.content-article.col-left .options-split-view {
		left: 50% !important
	}
}
.popup-content.large article.content-article[class*="col-"] {
	height: calc( 100vh - 40px ) !important;
	display: block;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch; 
	background: rgba(51,51,51,1)	
}
.popup-content.large article.content-article.col-left {
	float: left;
	border-right: 2px solid #FFF
}
/* RUSTINE */
.popup-content.large article.content-article.animated {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.popup-content.large article.content-article.col-right {
	float: right;
}
article.container.content-article.col-one.col-left.animated {
	position: absolute;
	z-index: 9999;
	overflow: hidden !important
}
.popup-content.large article.content-article[class*="col-"].small {
	width: 30%;
	min-width: 30% !important;	
}
.popup-content.large article.content-article[class*="col-"].large {
	width: 70%;
	min-width: 70% !important;
}
.popup-content.large article.content-article[class*="col-"].medium {
	width: 50%;
	min-width: 50% !important;	
}
.popup-content.large article.content-article[class*="col-"].full {
	width: calc( 100% - 30px ) !important;
	min-width: calc( 100% - 30px ) !important;
}
.popup-content.large  .options-split-view {
	display: block !important;
	position: fixed;
	top: 5px;
	z-index: 99999;
}
.popup-content  #onglet-split-view.false {
	display: none !important
}
.popup-content  #onglet-split-view.true {
	position: absolute;
	z-index: 9;
	display: block !important;
	width: 15px;
	height: 100%;
	background: rgba(72,72,72,1);
}
#onglet-split-view.true #onglet-split-view-view {
	top: 100px;
	width: 40px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	background: rgba(72,72,72,1);
	position: absolute;
	border-radius: 16px;
}
#onglet-split-view.true:after,
#onglet-split-view.true:before,
#onglet-split-view-view:before,
#onglet-split-view-view:after {
	content: '';
	display: block;
	position: absolute;	
}
#onglet-split-view.true:after,
#onglet-split-view.true:before{
	background: rgba(72,72,72,1);	
	width: 32px;
	height: 32px;
	left: 15px;
	z-index: 1;
}
#onglet-split-view.true:after{
	top: 68px;
	-webkit-border-radius: 16px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 16px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 16px;
	border-bottom-left-radius: 0;
}
#onglet-split-view.true:before{
	background: rgba(72,72,72,1);	
	top: 220px;
	-webkit-border-radius: 16px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 16px;
	-moz-border-radius-topleft: 0;
	border-radius: 16px;
	border-top-left-radius: 0;
}
#onglet-split-view-view:after,
#onglet-split-view-view:before {
	background: rgba(51,51,51,1);
	width: 34px;
	height: 34px;
	border-radius: 16px;
	z-index: 2
}
#onglet-split-view-view:before {
	left: 15px;
	top: -33px;	
}
#onglet-split-view-view:after {
	left: 15px;
	bottom: -33px;
}
#onglet-split-view.true:after,
#onglet-split-view.true:before,
#onglet-split-view.true #onglet-split-view-view,
#onglet-split-view.true {
	transition:all 500ms ease-in-out;
	cursor: pointer
}

#onglet-split-view.true:hover:after,
#onglet-split-view.true:hover:before,
#onglet-split-view.true:hover #onglet-split-view-view,
#onglet-split-view.true:hover {
	transition:all 500ms ease-in-out;
	background: rgba(79,178,156,1);
}
.popup-content.large article.content-article.col-left .options-split-view {
	left: 15px 
}
.popup-content:not(.large)  .options-split-view {
	display: none !important
}
.popup-content.large .content-article .path {
  left: 0px;
  top: -3px;
}
.popup-content.large  .popup-group-btn {
	position: fixed;
	z-index:999997!important;
	display: flex;
	right:0px !important;
	top: 0px !important;
}

@media screen and ( min-width: 1680px ){
	.popup-content.large .popup-bzzz {
		width:1660px;
		max-width:1660px;
		height:calc( 100% - 20px );
		left: calc( ( 100vw - 1660px ) / 2 );
		top: 10px;
	}
	.popup-content.large .popup-group-btn {
		top: 10px !important;
		right: calc( ( 100vw - 1660px ) / 2 ) !important;
	}
	.popup-content.large article.content-article .options-split-view {
		top: 14px !important;
	}
	.popup-content.large article.content-article.col-left .options-split-view {
		left: calc( ( 100vw - 1650px ) / 2 ) !important
	}
}

/* POPUP OVERLAY - ANCRE */

/* Cible */

.ancre-popup-target {
	position: absolute;
	left: -100px;
	top: -100px;
	width: 0px;
	height: 0px
}

/* Container */

.container-ancre {
	position: fixed;
	left: 54px;
	bottom: 54px;
	right:54px;
	height: 0px !important;
	z-index: 999999 !important;
	transition:all 500ms ease-in-out !important;
}
@media screen and ( min-width: 1680px ){
	.container-ancre {
		width:1440px  !important;
		max-width:1440px  !important;
		left: calc( ( 100vw - 1440px ) / 2 )  !important;
	}
}
@media screen and ( max-width: 1200px ){
	.container-ancre {
		width:calc( 100% - 108px );
	}
}
@media screen and ( max-width: 992px ){
	.container-ancre {
		width:96% !important;
		left: 2% !important;
		bottom: 2% !important;
	}
}
@media (max-width: 576px) {
	.container-ancre {
		width:	100% !important;
		left: 	0px !important;
		bottom: 0px !important;
	}
}
.container-ancre-small {
	width: 		30% !important;
	min-width: 	30% !important;	
}
.container-ancre-medium {
	width: 		50% !important;;
	min-width: 	50% !important	
}
.container-ancre-large {
	width: 		70% !important;
	min-width: 	70% !important;
}
.container-ancre-col-left {
	left: 0px !important
}
.container-ancre-col-right.container-ancre-small {
	left: 70px !important
}
.container-ancre-col-right.container-ancre-medium  {
	left: 50% !important
}
.container-ancre-col-right.container-ancre-large  {
	left: calc( 30% - 10px ) !important
}
.popup-content.large .container-ancre {
	bottom: 10px  !important;
}
@media screen and ( max-width: 1680px ){
	.popup-content.large .container-ancre {
		bottom: 0px  !important;
	}	
}

/* Ancre */

.ancre-popup-bzzz {
	float: right !important;
	margin-top: -54px;
	cursor: pointer;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: bottomInSlide;
	animation-name: bottomInSlide;
}
@keyframes bottomInSlide {
	0%,50% { 
		margin-top: 300px; 
		opacity: 0; 
	}
	100% { 
		margin-top: -54px; 
		opacity: 1; 
	}
}
.ancre-popup-bzzz {
	display: block;
	width: 54px;
	height: 54px	
}
.ancre-popup-bzzz:before {
	font-family:FontAwesome;
	content: '\f106';
	text-align: center;
	display: block;
	width: 54px;
	line-height: 54px;
	color: #FFF;
	background: rgba(72,72,72,1);
	transition:all 500ms ease-in-out;
}
.ancre-popup-bzzz:hover:before {
	background: rgba(79,178,156,1);
	transition:all 500ms ease-in-out;
}
.popup-content .ancre-split-view {
	display: none
}
.popup-content.large .ancre-split-view {
	display: block;
	bottom: 10px
}
.popup-content .ancre-standard {
	display: block;
	bottom: 10%
}
.popup-content.large .ancre-standard {
	display: none
}

@media screen and ( max-width: 1680px ){
	.popup-content.large .ancre-split-view {
		display: block;
		bottom: 0px
	}
}

/* POPUP OVERLAY - FORMULAIRE LOGIN */

.popup-bzzz input,
.popup-bzzz textarea {
	font-family:Libre Franklin !important ;
	border: 1px solid rgba(51,77,92,1);
	background: rgba(51,77,92,.1);
	width: 100%;
	padding: 10px
}
.popup-bzzz input:focus,
.popup-bzzz textarea:focus {
	background: rgba(51,77,92,.2)
}
.popup-bzzz .formulaire_spip .editer {
	margin-bottom:10px
}
.popup-bzzz input.submit {
	background: rgba(51,77,92,1);
	cursor: pointer;
	color: #FFF
}
.popup-bzzz input.submit:hover {
   background: rgba(51,51,51,1) !important;
   border: 1px solid rgba(51,51,51,1);
   color: #FFF
}
.popup-bzzz #pass_securise {
	display: none !important
}
.popup-bzzz .details,
.popup-bzzz .editer_session {
	margin: 30px 0px 0px 0px !important;
	padding: 0px !important; 
	width: calc( 50% - 1px );
	text-align: center;
	float: left;
	line-height: 40px
}
.popup-bzzz .details {
	border-right: 1px solid rgba(51,77,92,1)
}
.popup-bzzz .details a#spip_pass {
	display: inline-block;
	border: 1px solid rgba(51,77,92,1);
	padding: 5px;
	border-radius: 4px;
}
.popup-bzzz .details a#spip_pass:hover {
	background: rgba(51,77,92,1);
	color: #FFF;
}
.popup-bzzz .editer_session input {
  width: auto !important;
}

/** POPUP OVERLAY BOUTON **/

#acces_admin {
	position: fixed;
	right: 10px;
	top: 10px;
	opacity: .1;
	cursor: pointer
}
#acces_admin:hover {
	opacity: 1
}
#acces_admin .fa:before {
	width: 32px !important;;
	line-height: 32px;
	display: block;
	text-align: center;
}

/** POPUP OVERLAY OBJET DOCUMENT**/

#popup-document .item_info_media .item_info {
	display: block;
	border-bottom: 1px solid
}
#popup-document .credits label,
#popup-document .item_info_media .item_info label {
	padding-right: 10px;
	font-size: 12px;
	width: 100px
}

  /**********/
 /* LISTE */
/**********/

table.spip.liste {
  width: 100%
}

 /* LISTE EVENEMENT AGENDA */
 /*
.liste-objets.evenements .date-unique-annee {
	color:#FFF;
	color: rgba(226,121,63,1)!important ;
	font-weight:600;
	font-size:120%;
	background: rgba(226,121,63,1)!important ;
	border:1px solid rgba(226,121,63,1)!important; 
}
.liste-objets.evenements .date-unique-mois {
	color:#FFF; 
	color: rgba(239,201,76,1)!important ;
	font-weight:600;
	background: rgba(239,201,76,1)!important ; 
	border:1px solid rgba(239,201,76,1)!important; 
}
*/

/* MENU AGENDA TAGS */

.onglet-mot {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	margin-right: 10px;
	}
.onglet-mot.true,
.onglet-mot:hover  {
	color: rgba(79,178,156,1);
	}

.logo-tag {
	height: 50px;
	width: 50px;
	display: inline-block;
	}
.logo-tag img {
	padding: 5px;
	border: 1px solid rgba(51,51,51,1);
	border-radius: 25px ;
	background-color: #FFF
	}
.onglet-mot.true .logo-tag img,
.onglet-mot:hover .logo-tag img  {
	border: 1px solid rgba(79,178,156,1) !important;
	}
.label-tag {
	margin-left: 10px;
	display: inline-block;
	}
.onglet-mot.true:before {
	font-family:FontAwesome;
	content: '\f058';
	font-size: 18px;
	position: absolute;
	margin-left: 40px;
	margin-top: -10px;
	color: rgba(51,77,92,1);
}

/* EVENEMENT AGENDA TAGS */


/* COMPTEUR EVENEMENT */

.compteur {
	color: #FFF !important;
	cursor: pointer;
}
#total_boucle_top {
	height: 40px
}
.total_boucle {
	display: inline-block;
	font-size: 14px;
	border: 1px solid rgba(79,178,156,1);
	padding: 1px 4px;
}

/* LISTE VIDE */

.message-liste-vide {
	background: #FFF;
	border-top: 4px solid  rgba(51,77,92,1);
	margin: 20px 0px;
	padding: 40px
}
.message-liste-vide .tag {
	display: inline-block;
	font-size: 16px;
	color: rgba(51,77,92,1);
	border: 1px solid rgba(51,77,92,1);
	padding: 1px 4px;	
}

/* INFOS AGENDA ANNEE/MOIS */

.annee-coin,
.mois-coin {
  position: absolute
}
.date-unique-mois {
  line-height: 60px;
  padding: 0px 20px;
  position: relative;
  font-weight: 300 !important;
  text-transform: capitalize;
  font-size: 28px !important;
  color: #000 ;
}  
.date-unique-annee {
  font-size: 32px !important;
  color:  #000 
} 
.mois-coin {
  width: 24px !important;;
  height: 24px !important;
  stroke-width:3;
  stroke:rgba(239,201,76,1)!important ;
}

.coin-top-right.mois-coin,
.coin-bottom-left.mois-coin {
	display: none !important
}

.coin-top-left.mois-coin {
 top: 0px; 
  left: -2px; 
}
.coin-top-right.mois-coin {
  top: 0px; 
  right: 0px; 
}

.coin-bottom-left.mois-coin {
  bottom: 0px; 
  left: -2px; 
}
.coin-bottom-right.mois-coin {
  bottom: 0px; 
  right: 0px; 
}

.liste-objets.evenements .dates.nom-jour,.liste-objets.evenements .dates.jour,.liste-objets.evenements .date-debut,.liste-objets.evenements .date-fin {
	display:block;
}

.liste-objets.evenements .date-debut,.liste-objets.evenements .dates.jour {
	font-size:200%;
}
.liste-objets.evenements .dates.nom-jour {
	display:none;
}

.liste-objets.evenements > table.spip.liste > tbody > tr {
	background:rgba(51,77,92,0.00)!important;
}

.liste-objets.evenements > table.spip.liste > tbody > tr.row_odd {
	background:rgba(72,72,72,.5)!important;
}

.liste-objets.evenements .dates.date-fin > i.fa {
	font-size:60%;
}

.liste-objets.evenements td.date {
	border-left:2px solid;
	border-top:1px solid rgba(51,77,92,0.05)!important;
	border-bottom:1px solid rgba(51,77,92,0.05)!important;
	border-right:0px solid transparent !important;
	width: 180px !important
}

.liste-objets.evenements tr.item-evenement:hover td.date  {
	border-left: 8px solid;
}

.liste-objets.evenements td.date-redondante {
	border-top:none!important;
}

.liste-objets.evenements td.info .titre {
	color: #000;
	font-size:130%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid rgba(0,0,0,0.2)!important;
	display:block;
}
.liste-objets.evenements td.info {
	position: relative
}
.liste-objets.evenements td.info .evenement-mots {
	position: absolute;
	top: 0px;
	right: 0px
}
.liste-objets.evenements td.info .evenement-mots .logo-tag {
	width: 34px;
	height: 34px;
}
.liste-objets.evenements td.info .evenement-mots .logo-tag img {
	padding: 2px;
	width: 32px;
	height: auto;
	border: 1px solid rgba(51,51,51,1);
	border-radius: 16px ;
	background-color: #FFF
}
.liste-objets.evenements tbody > tr.row_odd td.info .titre  {
	border-bottom:1px solid rgba(255,255,255,0.2)!important;

/*	border-bottom:1px solid rgba(51,77,92,0.2)!important; */
}
/*	D TEMP */
.date-unique-mois { color: #FFF; border-left: 2px solid #FFF}
.date-unique-annee {color: #FFF}
.liste-objets.evenements .item-evenement > td.logo {
 	width:100px ;
}
.item-evenement.item-evenement-publie td.info.principale div.titre {color: #FFF}
.liste-objets.evenements .item-evenement > td.logo > img.spip_logo.spip_logos.item-evenement-logo {
  height:100px;
  width:100px ;
	object-fit: cover;
}
/*	F TEMP */
.liste-objets.evenements .item-evenement > td.logo > img.spip_logo.spip_logos.item-evenement-logo {
	width:100px;
}

.liste-objets.evenements .td-evenement-contenu {
	padding:0!important;
}

.liste-objets.evenements td.info.principale {
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.liste-objets.evenements tr.item-evenement:hover td {
	background-color:rgba(51,77,92,0.1)!important;
	cursor:pointer;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.liste-objets.evenements.session-true .item-evenement > td.info.principale.evenement-prop .titre {
	border-bottom:1px solid rgba(226,121,63,0.2)!important;
}

.liste-objets.evenements.session-true .item-evenement > td.info.principale.evenement-prop {
	background:repeating-linear-gradient(45deg,#fef3ef,#fef3ef 10px,#fffaf7 10px,#fffaf7 20px)!important;
}

.liste-objets.evenements.session-true .item-evenement > td.info.principale.evenement-prop:hover {
	background:repeating-linear-gradient(45deg,#fce9e2,#fce9e2 10px,#fef3ef 10px,#fef3ef 20px)!important;
}

.td-admin-evenement {
	border:none!important;
	height:0!important;
	padding:0!important;
	margin:0!important;
	margin-top:-10px!important;
}

.liste-objets.evenements table.spip.liste tbody tr.item-evenement td.date {
	padding-left: 20px
}

/* ONGLET DATES */

#menu-onglet {
	margin-bottom: 20px;
	margin-left: -4px
}

.onglet-dates .fa {
	display:none;
}

.onglet-dates.on .fa {
	display:inline-block;
}

.onglet-dates {
	border: 1px solid rgba(79,178,156,.7);
	color:rgba(79,178,156,.7)!important;
	cursor:pointer;
	display:inline-block;
	padding:4px;
	margin:4px;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.onglet-dates.on,.onglet-dates:hover {
	background:rgba(79,178,156,1);
	border: 1px solid rgba(79,178,156,1);
	color:#FFF!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

#menu-onglet.menu-onglet > div#onglet-1.onglet-dates.on,#menu-onglet.menu-onglet > div#onglet-1.onglet-dates:hover,#menu-onglet.menu-onglet > div#onglet-2.onglet-dates.on,#menu-onglet.menu-onglet > div#onglet-2.onglet-dates:hover,#menu-onglet.menu-onglet > div#onglet-3.onglet-dates.on,#menu-onglet.menu-onglet > div#onglet-3.onglet-dates:hover {
	color:#FFF!important;
}

/* POPUP AGENDA */

.col-titre table {
	width: 100%
} 
.col-titre table td.td-prev,
.col-titre table td.td-next {
	width: 25px;
}

.prev-link,
.next-link {
	display: block;
	position: absolute;
	background: url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/coin_c4.gif');
	background-size: 36px 36px;	
	height: 36px;
	width: 36px;
    font-size: 0;
    line-height: 0;	
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}
.prev-link {
	left: 15px;
	position: absolute;
	-webkit-transform:rotate(45deg)!important;
	-moz-transform:rotate(45deg)!important;
	-o-transform:rotate(45deg)!important;
	transform:rotate(45deg)!important;
	}
.next-link {
	position: absolute;
	right: 15px;
	-webkit-transform:rotate(-135deg)!important;
	-moz-transform:rotate(-135deg)!important;
	-o-transform:rotate(-135deg)!important;
	transform:rotate(-135deg)!important;
	}
.prev-link.true:hover {
	left: 8px;
	}
.next-link.true:hover {
	right: 8px;
	}
.next-link.false ,
.prev-link.false {
	opacity: .5
	}

.article-body section#map_evenement.map_objet {
	width: 100%;
	}

/** FORMULAIRE **/
input,
textarea {
	transition:all 500ms ease-in-out
	}
	
.texte  .formulaire_spip textarea,
.texte  .formulaire_spip input {
	border: none;
/*	background: rgba(72,72,72,.5); */
	background: rgba(255,255,255,.1);
	width: 100%;
	padding: 10px;
	color: #FFF;
}
.texte  .formulaire_spip textarea:focus,
.texte  .formulaire_spip input:focus {
/*	background: rgba(72,72,72,1); */
	background: rgba(255,255,255,.2);
	width: 100%;
}
.texte  .formulaire_spip input.submit {
	background: rgba(239,201,76,1);
	color: #FFF;
	cursor: pointer;
	padding: 20px 10px;
	font-size: 22px;
	margin: 20px 0px;
}
.texte  .formulaire_spip input.submit:hover {
	background: rgba(51,51,51,1);
}
.texte .formulaire_spip fieldset > legend {
	 margin-top: 20px
}
.texte .formulaire_spip .titre-groupe-display-none > fieldset > legend {
	display: none
}
/** REPONSE FORMULAIRE **/
.error.ajax-error,
.reponse_formulaire {
	margin: 10px 0px;
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.error.ajax-error:before,
.reponse_formulaire::before {
	font-family: FontAwesome;
	line-height: 32px;
	width: 36px;
	display: inline-block;
	border: 2px solid;
	border-radius: 50%;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop
}
.reponse_formulaire_ok {
	background:  rgba(79,178,156,1);
}
.reponse_formulaire_ok::before {
	content: '\f00c';
}
.error.ajax-error,
.reponse_formulaire_erreur {
	background: rgba(223,73,74,1);
}
.error.ajax-error:before,
.reponse_formulaire_erreur::before {
	content: '\f12a';
}
.erreur_message { 
	color:  rgba(223,73,74,1);
	display: inline-block;
	border: 1px solid;
	padding: 2px;
	font-size: 13px;
	font-weight: bold;
	float: right
	}
.erreur_message::before {
	font-family: FontAwesome;	
	content: '\f071 ';
	padding-right: 5px
}
.error.ajax-error:before {
	display: block;
	margin: 15px auto 15px auto;
}

/** FORMULAIRE FORM VIEWER CUSTOM **/

@media screen and (min-width: 768px) {
	.form-viewer .editer.width-50pc {
		width: calc( 50% - 5px ) !important; 
		float: left
	}
	.form-viewer .editer.width-50pc:nth-of-type(1),
	.form-viewer .editer.width-50pc:nth-of-type(2n+1) {
		margin-right: 10px;
	}
	.form-viewer .editer.width-50pc:nth-of-type(2n+1) {
		clear: both;
	}
	.form-viewer .editer.width-33pc {
		float: left;
		width: calc( 33% - 10px ) !important; 
	}
	.form-viewer .editer.width-33pc:nth-of-type(1),
	.form-viewer .editer.width-33pc:nth-of-type(1),
	.form-viewer .editer.width-33pc:nth-of-type(3n+1),
	.form-viewer .editer.width-33pc:nth-of-type(3n+2) {
		margin-right: 10px;
	}
	.form-viewer .editer.width-33pc:nth-of-type(3n+1) {
		clear: both;
	}
}

.form-viewer .formulaire_spip.formulaire_formidable form p.boutons input.submit {
	background-color: rgba(79,178,156,1) !important;
    border: none !important;
}
.form-viewer .formulaire_spip.formulaire_formidable form p.boutons input.submit:hover {
	background-color: rgba(239,201,76,1) !important;
	color: #000;
	border: none !important;
}
 /* Customize the label (the container) */
.form-viewer .choix {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition:all 500ms ease-in-out;
}
/* Hide the browser's default checkbox */
.form-viewer .choix input {
	position: absolute !important;
	opacity: 0;
	cursor: pointer;
	left: -5px;
	top: -5px;
	height: 35px !important;
	width: 35px !important;
	z-index: 99;
	opacity: 0
}
/* Create a custom checkbox */
.form-viewer .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	z-index: 9
}
/* On mouse-over, add a grey background color */
.form-viewer .choix:hover input ~ .checkmark {
	background-color: rgba(79,178,156,1);
	transition:all 500ms ease-in-out;
}
/* When the checkbox is checked, add a blue background */
.form-viewer .choix input:checked ~ .checkmark {
	background-color: rgba(79,178,156,1);
	transition:all 500ms ease-in-out;
}
/* Create the checkmark/indicator (hidden when not checked) */
.form-viewer .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.form-viewer .choix input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.form-viewer .choix .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
} 
.form-viewer .choix.disabled .radiobtn {
	opacity: .2
}
/* Create a custom radio button */
.form-viewer .radiobtn {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	transition:all 500ms ease-in-out;
}
/* On mouse-over, add a grey background color */
.form-viewer .choix:hover input ~ .radiobtn {
	background-color: rgba(79,178,156,1);
	transition:all 500ms ease-in-out;
}
/* When the radio button is checked, add a blue background */
.form-viewer .choix input:checked ~ .radiobtn {
	background-color: rgba(79,178,156,1);
	color: #FFF !important;
	transition:all 500ms ease-in-out;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.form-viewer .radiobtn:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the indicator (dot/circle) when checked */
.form-viewer .choix input:checked ~ .radiobtn:after {
	display: block;
	color: #FFF !important
}
/* Style the indicator (dot/circle) */
.form-viewer .choix .radiobtn:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.form-viewer .choix_alternatif input {
	display: inline-block !important;   
	position: relative !important;opacity: 1;
	width: 50% !important;
	font-weight: 400; 
	font-size: 18px;
	background: rgba(255,255,255,.2)
}
.form-viewer .choix_alternatif label {
	display: inline-block;
	float: left;
	position: relative ;
	left: -34px
}
.form-viewer .formulaire_spip.formulaire_formidable .editer label {
	font-weight: 300;  
	font-size: 18px
}
.form-viewer .formulaire_spip.formulaire_formidable p.explication {
	font-style: italic;
	font-size: 16px
}
.form-viewer .formulaire_spip.formulaire_formidable p.explication:before {
	font-family:FontAwesome;
	content: '\f05a';
	font-style: normal;
	padding-right: 4px
}
.form-viewer .saisie_selection,
.form-viewer .saisie_checkbox,
.form-viewer .saisie_radio,
.form-viewer .saisie_oui_non,
.form-viewer .saisie_radio_oui_non{
	padding: 5px;
	margin-top: 15px;
	background: rgba(255,255,255,.05)
}
.form-viewer h4.section-titre {
    font-weight: 300; 
}
.form-viewer .attention {
	font-size: 16px;
	display: block;
	padding-bottom: 15px;
	color: rgba(223,73,74,1);
}
.form-viewer label .obligatoire {
	margin-left: 25px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	float: right;
	color: rgba(226,121,63,1);
}
.form-viewer .attention:before {
	font-family:FontAwesome;
	content: '\f071';
	font-style: normal;
	padding-right: 4px
}
.form-viewer label .obligatoire:before {
	font-family:FontAwesome;
	content: '\f05a';
	font-style: normal;
	padding-right: 4px
}
.time-picker,
#ui-datepicker-div {
	z-index: 9999999 !important;
	position: absolute;
}
.form-viewer .saisie_case,
.form-viewer .saisie_date {
	background: rgba(255,255,255,.05);
	margin: 10px 0px;
}
.form-viewer .saisie_fichiers {
	background: rgba(255,255,255,.05);
}
.form-viewer .saisie_case,
.form-viewer .saisie_fichiers {
	padding: 5px;
}
.form-viewer .saisie_date label {
	line-height: 42px;
	padding: 0px 5px;
	position: relative;
	margin-bottom: -2px;
	color: #FFF;
}
.form-viewer .saisie_date  input,
.form-viewer .saisie_date  input:focus {
	width: 150px !important;
	margin: 5px;
	background: rgba(255,255,255,.1);
}
.form-viewer .saisie_date  input:focus {
	background: rgba(255,255,255,.2);
}
.form-viewer .timePicker {
	margin-left: -20px !important;
}
.form-viewer input.timePicker::placeholder {
	content: 'zdzd'
}
.form-viewer .saisie_selection > label,
.form-viewer .saisie_radio_oui_non > label,
.form-viewer .saisie_input > label,
.form-viewer .saisie_email > label,
.form-viewer .saisie_textarea > label,
.form-viewer .saisie_fichiers > label,
.form-viewer .saisie_case > label,
.form-viewer .saisie_radio > label {
	display: block
} 
.form-viewer .saisie_input > label,
.form-viewer .saisie_email > label,
.form-viewer .saisie_textarea > label {
	margin-top: 10px !important;
}
.form-viewer .saisie_selection > label:before,
.form-viewer .saisie_radio_oui_non > label:before,
.form-viewer .saisie_date > label:before,
.form-viewer .saisie_input > label:before,
.form-viewer .saisie_email > label:before,
.form-viewer .saisie_textarea > label:before,
.form-viewer .saisie_fichiers > label:before,
.form-viewer .saisie_case > label:before,
.form-viewer .saisie_radio > label:before,
.form-viewer .saisie_checkbox > label:before {
	font-family:FontAwesome;
	content:"\f105";
	display: inline-block;
	margin-right: 10px;
}
.form-viewer .saisie_selection > label:before,
.form-viewer .saisie_radio_oui_non > label:before,
.form-viewer .saisie_date > label:before,
.form-viewer .saisie_textarea > label:before,
.form-viewer .saisie_fichiers > label:before,
.form-viewer .saisie_case > label:before,
.form-viewer .saisie_radio > label:before,
.form-viewer .saisie_checkbox > label:before {
	margin-left: -5px
}
.form-viewer .saisie_selection_custom .select {
	display: block;
	position: absolute;
	background: #313131;
	color: #FFF;
	padding: 4px;
	z-index: 9999;
	max-height: none;
	overflow: hidden;
	min-width: 400px;
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.5);
}
.form-viewer .saisie_selection_custom .select.false {
	display: none !important;
	max-height: 0px;
}
.form-viewer .saisie_selection_custom .select .option {
	padding: 4px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	cursor: pointer;
	transition:all 500ms ease-in-out

}
.form-viewer .saisie_selection_custom .select .option:hover {
	background: rgba(79,178,156,1)
}
.form-viewer .saisie_selection_custom .select .option:before {
    font-family: FontAwesome;
	content: "\f105";
	padding-right: 10px;
	transition:all 500ms ease-in-out

}
.form-viewer .saisie_selection_custom .select .option:after {
    font-family: FontAwesome;
	content: "\f00c";
	padding-left: 10px;
	color: transparent;
	float: right;
	transition:all 500ms ease-in-out

}
.form-viewer .saisie_selection_custom .select .option.true:after {
	color: #000;
}
.form-viewer .saisie_selection_custom .select .option.true {
	background: rgba(239,201,76,1);
	color: #000

}
.form-viewer .saisie_selection_custom {
	display: block !important
}
.form-viewer .saisie_selection select{
	display: none !important;
}
.form-viewer .saisie_selection_custom .btn-select {
	border: 2px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.1);
	padding: 10px;
	cursor: pointer;
	border-radius: 8px;
	transition:all 500ms ease-in-out
}
.form-viewer .saisie_selection_custom .btn-select:hover {
	background: rgba(255,255,255,0);
}

.form-viewer .saisie_selection_custom .btn-select .option:before {
	font-family: FontAwesome;
	content: "\f03a";
	display: inline-block;
	padding-right: 10px
}
.form-viewer .saisie_selection_custom .btn-select .option.active:before {
	content: "\f00c";
}
.form-viewer .saisie_selection_custom .select {
	max-height: 400px !important;
	overflow-y: scroll !important;
}
.form-viewer .saisie_input_date {
	padding-top: 20px;
}
.form-viewer .saisie_input_date input {
	background: none !important;
	padding: 0px !important;
}
.form-viewer .saisie_input_date label:before {
	font-family: FontAwesome;
	content: "\f274";
	display: inline-block;
	padding-right: 10px
}


.form-viewer .formulaire_spip:not(.formulaire_formidable_form_nom_salle_1):not(.formulaire_formidable_form_nom_salle_2):not(.formulaire_formidable_form_nom_salle_3):not(.formulaire_formidable_form_nom_salle_4):not(.formulaire_formidable_budget_evenements) .editer_explication:before {
	font-family:FontAwesome;
	content: '\f05a';
	padding-right: 5px;	
	position: absolute;
	margin-top: 2px;
	margin-left: 2px;
	font-size: 28px
}
.form-viewer .formulaire_spip:not(.formulaire_formidable_form_nom_salle_1):not(.formulaire_formidable_form_nom_salle_2):not(.formulaire_formidable_form_nom_salle_3):not(.formulaire_formidable_form_nom_salle_4):not(.formulaire_formidable_budget_evenements) .editer_explication {
	margin: 10px 0px;
	border-radius: 14px;
	background: rgba(255,255,255,.1);
	font-size: 18px;
	border: 2px dashed rgba(255,255,255,.2)
	
}
.form-viewer .formulaire_spip:not(.formulaire_formidable_form_nom_salle_1):not(.formulaire_formidable_form_nom_salle_2):not(.formulaire_formidable_form_nom_salle_3):not(.formulaire_formidable_form_nom_salle_4):not(.formulaire_formidable_budget_evenements) .editer_explication .explication {
	padding: 30px 20px 20px 20px;
}
.form-viewer .formulaire_formidable .editer-groupe div.editer.saisie_checkbox > label {
	padding-bottom: 10px
}

.form-viewer .explications_mail {
	display: none !important
}

/** FORMULAIRE CUSTOM datepicker **/

.ui-datepicker-trigger {
	opacity: 1 !important; 
	height: 42px; 
	position: relative;
	background-color: transparent !important; 
	cursor: pointer !important;
	left: -30px
}
.time-picker {
	width: 150px !important;
	border: none !important
}
.time-picker ul {
	background: rgba(51,51,51,1) !important;
}
.time-picker ul li {
	font-size: 16px !important;
	padding: 8px !important;
	border-bottom: 1px solid rgba(255,255,255,.1);
	background: transparent;
	color: #FFF;
	transition:all 500ms ease-in-out
}
.time-picker ul li:hover {
	background: rgba(79,178,156,1) !important;
	transition: all 500ms ease-in-out
}
.form-viewer .choix input[type="file"] {
	position: RELATIVE !important;
	opacity: 1 !important;
	left: -35px;
	height: AUTO !important;
	width: 100%!important;
	font-weight: 300; 
	font-size: 16px;
}
.button-timePicker {
	background: #fff url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/heure-512.png') center center no-repeat;
	background-size: 40px 40px;
	background-color: transparent !important;
	height: 40px;
	width: 40px;
	display: inline-block;
	position: relative;
	top: 15px;
	right: 50px;
	cursor: pointer
}
#ui-datepicker-div {
	width: 325px;
	background:  rgba(51,51,51,1) !important;
	border: none;
	border-radius: 0px !important;
	color: #FFF;

	/*
	-webkit-box-shadow: 0px 0px 0px 12px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 12px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 0px 12px rgba(0,0,0,0.4);
	margin-top: 12px;
	margin-left: 12px;
	*/
}
#ui-datepicker-div select {
	border: none !important;
	margin: 2px;
	color: #FFF;
	background: rgba(72,72,72,1) !important;
	cursor: pointer;
	text-align: center;
	padding: 4px;
	font-size: 18px;;
}
#ui-datepicker-div div.ui-datepicker-header div.ui-datepicker-title select option {
	
}

.ui-datepicker-header {
	background: transparent;
	border: none !important
}
.ui-datepicker-next,
.ui-datepicker-prev {
	margin-top: 5px;
	background-color: rgba(79,178,156,1) !important;
	border-radius: 0px !important;
	width: 38px !important;
	height: 34px !important;
	transition:all 500ms ease-in-out;
	cursor: pointer
}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
	background-color: rgba(239,201,76,1) !important;
	border-radius: 0px !important;
	border: none !important;
	margin-left: 1px;
	margin-right:  1px;
	margin-top: 6px !important;
	transition:all 500ms ease-in-out
}
.ui-datepicker-next .ui-icon,
.ui-datepicker-prev .ui-icon {
	background-image: none !important;	
}
.ui-datepicker-next:before,
.ui-datepicker-prev:before {
	font-family:FontAwesome;
	display: block;
	font-size: 22px;
	color: #FFF;
	width: 100;
	text-align: center;
	line-height: 34px;
	padding: 0px !important;
	}
.ui-datepicker-next:before {
	content:"\f105";	
}
.ui-datepicker-prev:before {
	content:"\f104";
} 
#ui-datepicker-div th {
	font-weight: normal;
}
.ui-datepicker-calendar td{
	padding: 1px !important; border: none !important;background: transparent
}
.ui-datepicker-calendar td a{
	padding: 7px!important; 
	border: none !important;
	background: rgba(255,255,255,.2) !important;
	color: #FFF !important;
	font-size: 16px;
	transition:all 500ms ease-in-out
}
.ui-datepicker-calendar td a.ui-priority-secondary {
	background: rgba(255,255,255,.1)!important;
}
.ui-datepicker-calendar td.ui-datepicker-today a {
	background: rgba(239,201,76,1) !important;
	color:  rgba(51,51,51,1) !important;
}
.ui-datepicker-calendar td a.ui-state-active {
	background: rgba(79,178,156,1) !important;
}
.ui-datepicker-calendar td a:hover {
	background: rgba(226,121,63,1) !important;
}


/** FORMULAIRES SPECIAUX **/

.form_salle_custom .explication_texte.false { display: none}
.form_salle_custom .explication_titre { 
	font-size: 16px; font-weight: normal !important; margin-left: 10px; display: inline-block; padding: 5px; border-radius: 4px; background: rgba(255,255,255,.1);  transition: all 1s ease-out; font-style: normal !important; cursor: pointer}
.form_salle_custom .explication_titre:before {
	font-family: 'FontAwesome';
	content:'\f129';
	padding-right: 5px 
}
.form_salle_custom .explication_titre:after {
	font-family: 'FontAwesome';
	content:'\f067';
	padding-left: 5px 
}
.form_salle_custom .explication_titre:hover {
	background: #4FB29C;
	transition: all 1s ease-out;
}
.no-label > label,
.pas-de-titre > fieldset > .editer-groupe > .editer > label,
.form_salle_custom > fieldset > div.editer-groupe > div.editer.saisie_radio > label,
.form_salle_custom > fieldset > legend.legend {
	display: none !important
}
.form_salle_custom div.choix label {
	font-size: 22px !important
}
.form_salle_custom .explication_texte {
	padding: 15px;
	background: rgba(0,0,0,.2)
}

.form_salle_custom div.choix label {
	font-size: 22px !important;
	font-weight: 600
}


.titre-principal .explication_titre {
	font-size: 24px;
	font-weight: normal !important;;
	padding: 30px 0px 10px 0px;
	display: inline-block
}
#jauge-legend {
	margin-top:55px;
	margin-bottom:35px;
	background: rgba(255,255,255,.05);
	padding: 10px;
	border-radius: 10px;
	border: 4px dashed rgba(255,255,255,.1)
}
.macaron-jauge {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 2px solid;
	background: rgba(0,0,0,0);
	transition: all 1s ease-out;
}
#jauge-legend div:before {
	content:'';
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	padding: 3px;
	margin-bottom: -2px
}
#jauge-legend {
	
}
#jauge {
	display: block;
	height: 22px;
	width: 100%;
	background-color: rgba(255,255,255,.1);
	margin: 10px 0px 20px 0px
}
#jauge .el {
	float: left;
	height: 22px;
	border-right: 1px solid rgba(0,0,0,.2)
}
.btn-jauge i {
	font-style: normal !important;
	transition: all 1s ease-out;
}
.btn-jauge  {
	float: right;
	margin-right: 5px ;
	color: rgba(0,0,0,.2);
	cursor: pointer
}

.btn-jauge:hover {
  color: rgba(0,0,0,1)
}
.choix-budget {
	position: relative
}
.el-indice-1,
.jauge-legend-indice-1:before,
.active .macaron-jauge-indice-1 {
	background: #f8f847
}
.macaron-jauge-indice-1 {
	border-color: #f8f847
}
.el-indice-2,
.jauge-legend-indice-2:before,
.active .macaron-jauge-indice-2 {
	background: #f8c448;
	transition: all 1s ease-out;
}
.macaron-jauge-indice-2 {
	border-color: #f8c448;
	transition: all 1s ease-out;
}
.el-indice-3,
.jauge-legend-indice-3:before,
.active .macaron-jauge-indice-3 {
	background: #f88948;
	transition: all 1s ease-out;
}
.macaron-jauge-indice-3 {
	border-color: #f88948
}
.el-indice-4,
.jauge-legend-indice-4:before,
.active .macaron-jauge-indice-4 {
	background: #f84848;
	transition: all 1s ease-out;
}
.macaron-jauge-indice-4 {
	border-color: #f84848
}
.budget .explication {
	margin: 0px !important;
}
.jauge-val {
	position: absolute;
	padding-left: 10px;
	margin-top: -30px;
	height: 60px;
	border-left: 1px solid #FFFF;
	z-index: 99999
}
.jauge-val-min {
	left: 0pc
}
.jauge-val-max {
	left: 70%
}
#jauge-info .msg {
	margin-top: 40px;
	position: absolute;
	right: 0px !important;
	background: rgba(0,0,0,.2);
	display: inline-block;
	padding: 4px 8px;; 
	border-radius: 8px;;
	font-size: 14px;
	font-weight: bold
}
.formulaire_spip.formulaire_formidable.form-budget-jauge form p.boutons input.submit.disable{
	opacity: .4;
	cursor: default !important
}
.formulaire_spip.formulaire_formidable.form-budget-jauge form p.boutons input.submit.disable:hover{
	background: #4FB29C !important;
	color:#FFF
}

/* CSS PLACEHOLDER DEFAUT  */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(188,188,188,1) !important;
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgba(188,188,188,1) !important;
}
:-ms-input-placeholder { /* IE 10+ */
	color: rgba(188,188,188,1) !important;
}
:-moz-placeholder { /* Firefox 18- */
	color: rgba(188,188,188,1) !important;
}
::placeholder { 
	color: rgba(188,188,188,1) !important;
}
:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255,255,255,.7) !important;
}
:focus::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255,255,255,.7) !important;
}
:focus:-ms-input-placeholder { /* IE 10+ */
	color: rgba(255,255,255,.7) !important;
}
:focus:-moz-placeholder { /* Firefox 18- */
	color: rgba(255,255,255,.7) !important;
}
:focus::placeholder { 
	color: rgba(255,255,255,.7) !important;
}



/** - **/
.section-home {
	position: relative; 
	z-index: 1;
	background: transparent
	}

.bloc-traits {
	margin: 250px 0px;
	}
#bloc-traits-top {
	position: fixed !important; 
	z-index: 1; 
	top: calc( 100vh - 550px )!important;
	}
@media screen and ( max-height: 695px ){
	#bloc-traits-top {
		position: absolute; 
		z-index: 1; 
		top: 180px!important;
		}
	}
.trait-deco {
	position: absolute;
	width: 100vw;
	border-top: 1px solid;
	z-index: 0;
	left: 0px;
	height: 0px;
	}
	
#bloc-traits-top .trait-deco {
	opacity: 0;
	margin:0px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all 1500ms ease-in-out;
	-moz-transition:all 1500ms ease-in-out;
	-ms-transition:all 1500ms ease-in-out;
	-o-transition:all 1500ms ease-in-out;
	transition:all 1500ms ease-in-out
	}
#bloc-traits-top.true .trait-deco {
	opacity: 1;
	}
#bloc-traits-top.true .trait-1,
#bloc-traits-bottom .trait-1 { 
	margin-top: -150px;
	border-color: rgba(51,77,92,1);
	-webkit-transform:rotate(4deg);
	-moz-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	transform:rotate(4deg)
	}
#bloc-traits-bottom .trait-2 {
	margin-top: 0px;
	border-color: rgba(51,51,51,1);
	-webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg)
	}
#bloc-traits-top.true .trait-2 {
	/* display: none !important */
	margin-top: 0px;
	border-color: rgba(51,51,51,1);
	-webkit-transform:rotate(-8deg);
	-moz-transform:rotate(-8deg);
	-o-transform:rotate(-8deg);
	transform:rotate(-8deg)
	}
#bloc-traits-top.true .trait-3,
#bloc-traits-bottom  .trait-3 {
	margin-top: -50px;
	border-color: rgba(239,201,76,1);
	-webkit-transform:rotate(1deg);
	-moz-transform:rotate(1deg);
	-o-transform:rotate(1deg);
	transform:rotate(1deg)
	}
#bloc-traits-top.true .trait-4,
#bloc-traits-bottom  .trait-4 { 
	margin-top: -150px;
	border-color: rgba(79,178,156,1);
	-webkit-transform:rotate(1deg);
	-moz-transform:rotate(1deg);
	-o-transform:rotate(1deg);
	transform:rotate(1deg)
	}
#bloc-traits-top.true .trait-5,
#bloc-traits-bottom  .trait-5 {
	margin-top: -70px;
	border-color: rgba(226,121,63,1);
	-webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg)
	}
.main-container {
	position: relative;
	z-index: 3;
	}
.block-background,	
.main-container #texte {
	}
	
	

.crayon-active.text {
  border: 1px solid #000;
  width: 100% !important
}

  /*************************/
 /* SOCIAL NETWORK PANNEL */
/*************************/

#pannel-facebook {
	position:fixed;
	top:0;
	left:0;
	width:500px;
	max-width: 100%;
	height:100%;
	background:#FFF;
	z-index:9999999;
	-webkit-box-shadow:10px 0 0 0 rgba(72,72,72,0.33);
	-moz-box-shadow:10px 0 0 0 rgba(72,72,72,0.33);
	box-shadow:10px 0 0 0 rgba(72,72,72,0.33);
}

#pannel-facebook #share-pannel-facebook {
	position:absolute;
	right:0;
	z-index:99999;
}

#pannel-facebook #share-pannel-facebook:before {
	font-family:FontAwesome;
	background:rgba(51,51,51,1);
	color:rgba(239,201,76,1);
	font-size:18px;
	width:50px;
	line-height:50px;
	text-align:center;
	display:block;
	cursor:pointer;
}
#pannel-facebook .share.is-closed:before {
	content:"\f087";
}
#pannel-facebook .share.is-opened:before {
	content:"\f00d";
}
#pannel-facebook #table-sn {;
	margin-top: 10px;
	width: 100% !important;
	text-align: center !important
}
#pannel-facebook .s-n.share {
	display:none;
}
#pannel-facebook .s-n,#pannel-facebook .s-n:before,#pannel-facebook .s-n:hover:before {
	text-align:center;
	width:50px!important;
	line-height:50px!important;
	background:rgba(51,51,51,0.3);
	color:#FFF!important;
}
#list-lat-s-n {
  position: fixed;
  width: 30px;
  z-index: 999991 !important;
  top: calc( 100vh - 300px );
  background: rgba(51,77,92,1);
}
#list-lat-s-n.false {
/*	display: none; */
}
#list-lat-s-n.sps--abv {
	top: calc( 100vh - 300px );
}
#list-lat-s-n.sps--blw {
	top: 10vh !important;
}
#list-lat-s-n:hover {
  width: 60px;
  background: rgba(255,255,255,.8);
  
}
#list-lat-s-n .sn-item-link {
	cursor: pointer
}
#list-lat-s-n .sn-item-link,
#list-lat-s-n .sn-item-link:before {
  width: 30px;
  margin: 0px !important;
  display: block
}
#list-lat-s-n .sn-item-link:before {
  line-height: 30px;
  width: 30px;
  text-align: center;
}
#list-lat-s-n .sn-item-link:hover:before {
	color: #000
}
.list-lat-s-n.pannel-is-close {
  left: 0px
}
.list-lat-s-n.pannel-is-opened {
  left: 500px;
}

  /******************/
 /* CAROUSEL SLICK */
/******************/
/* Slider  */
/* Donner une hauteur identique au slide  */
.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

/* THEME */

.carousel_card_slick .slick-list  {
  padding-top: 20px;
  padding-bottom: 20px
}
.carousel_card_slick .slick-loading .slick-list {
    background: #fff url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/loading.gif') center center no-repeat;
}
/* Arrows */
.carousel_card_slick .slick-prev,
.carousel_card_slick .slick-next {
	display: block;
	position: absolute;
	top: calc( 50% - 18px ); 
	background: url('//intranet.cpas1060.be/plugins/beebuzz/themes/metro/css/img/coin_c4.gif');
	background-size: 36px 36px;	
	height: 36px;
	width: 36px;
    font-size: 0;
    line-height: 0;	
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}
.carousel_card_slick .slick-prev {
	position: absolute;
	left: -50px;
	-webkit-transform:rotate(45deg)!important;
	-moz-transform:rotate(45deg)!important;
	-o-transform:rotate(45deg)!important;
	transform:rotate(45deg)!important;
	}
.carousel_card_slick .slick-prev:hover {
	left: -60px;
	}

.carousel_card_slick .slick-next {
	right: -50px;
	}
.carousel_card_slick .slick-next:hover {
	right: -60px;
	}
.carousel_card_slick .slick-next {
	position: absolute;
	-webkit-transform:rotate(-135deg)!important;
	-moz-transform:rotate(-135deg)!important;
	-o-transform:rotate(-135deg)!important;
	transform:rotate(-135deg)!important;
	}
.carousel_card_slick .slick-prev:before,
.carousel_card_slick .slick-next:before,
.carousel_card_slick .slick-dots li button:before {
	content: '';
	color: transparent;
	font-size: 0;
}
.carousel_card_slick .slick-prev:hover,
.carousel_card_slick .slick-prev:focus,
.carousel_card_slick .slick-next:hover,
.carousel_card_slick .slick-next:focus {
    color: transparent;
    outline: none;
}
.carousel_card_slick .slick-prev:hover,
.carousel_card_slick .slick-prev:focus,
.carousel_card_slick .slick-next:hover,
.carousel_card_slick .slick-next:focus {
    opacity: 1;
}
.carousel_card_slick .slick-prev.slick-disabled,
.carousel_card_slick .slick-next.slick-disabled {
    opacity: .25;
}
@media screen and (min-width: 1200px) and (max-width: 1260px) {
	.carousel_card_slick .slick-prev {
		left: -32px;
		}
	.carousel_card_slick .slick-next {
		right: -32px;
		}	
}
@media screen and (min-width: 1200px) and (max-width: 1220px) {
	.carousel_card_slick .slick-prev {
		left: -20px;
		}
	.carousel_card_slick .slick-next {
		right: -20px;
		}	
}
@media screen and (min-width: 1020px) and (max-width: 1075px) {
	.carousel_card_slick .slick-prev {
		left: -20px;
		}
	.carousel_card_slick .slick-next {
		right: -20px;
		}	
}
@media screen and (min-width: 992px) and (max-width: 1020px) {
	.carousel_card_slick .slick-prev {
		display: none !important
		}
	.carousel_card_slick .slick-next {
		display: none !important
		}	
}
@media screen and (min-width: 767px) and (max-width: 840px) {
	.carousel_card_slick .slick-prev {
		left: -20px;
		}
	.carousel_card_slick .slick-next {
		right: -20px;
		}	
}
@media (max-width: 670px) {
	.carousel_card_slick .slick-prev,
	.carousel_card_slick .slick-next {
		display: none !important;
	}	
}
/* Dots */
.carousel_card_slick .slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.carousel_card_slick .slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.carousel_card_slick .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 4px !important;
    margin: 0 5px;
    padding: 0 !important;
    cursor: pointer;
}
.carousel_card_slick .slick-dots li button:hover,
.carousel_card_slick .slick-dots li button:focus {
    outline: none;
}
.carousel_card_slick .slick-dots li button:hover,
.carousel_card_slick .slick-dots li button:focus {
    opacity: 1;
}
.carousel_card_slick .slick-dots li button {
	background:rgba(239,201,76,1);
	width:100%;
	height: 100%;
	margin:  0px;
	padding: 0px;
    font-size: 0;
    line-height:0;
    opacity: .25;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}
.carousel_card_slick .slick-dots li.slick-active button {
    opacity: 1;
}
@media (max-width: 576px) {
	.carousel_card_slick .slick-dotted,
	.carousel_card_slick .slick-dots{
		display: none !important;
	}
	.carousel_card_slick .slick-slide {
    margin: 0px 10px
	}
}



 
  /***********/
 /* TOOLTIP */
/***********/
.tooltip {
	font-family:Libre Franklin;
	-webkit-filter:drop-shadow(-5px 5px 0px rgba(0,0,0,.22));
	filter:drop-shadow(-5px 5px 0px rgba(0,0,0,.22));
	z-index: 999999 !important;
}
.tooltip .tooltip-arrow {
}
.tooltip .tooltip-inner {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background-color:rgba(0,0,0,1);
	padding:10px!important;
	font-size:15px;
	font-weight:300!important
}
.tooltip.top .tooltip-arrow {
	bottom:-10px;
	left:50%;
	margin-left:0;
	border-width:15px 15px 0 0;
	border-top-color:rgba(0,0,0,1)
}
.tooltip.top-left .tooltip-arrow {
	right:5px;
	bottom:0;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:rgba(0,0,0,1)
}
.tooltip.top-right .tooltip-arrow {
	bottom:0;
	left:5px;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:rgba(0,0,0,1)
}
.tooltip.right .tooltip-arrow {
	top:50%;
	left:0;
	margin-top:-5px;
	border-width:5px 5px 5px 0;
	border-right-color:rgba(0,0,0,1)
}
.tooltip.left .tooltip-arrow {
	top:50%;
	right:0;
	margin-top:-5px;
	border-width:5px 0 5px 5px;
	border-left-color:rgba(0,0,0,1)
}
.tooltip.bottom .tooltip-arrow {
	top:-25px;
	left:50%;
	margin-left:0;
	border-width:15px 15px 15px 0;
	border-bottom-color:rgba(0,0,0,1)
}
.tooltip.bottom-left .tooltip-arrow {
	top:0;
	right:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:rgba(0,0,0,1)
}
.tooltip.bottom-right .tooltip-arrow {
	top:0;
	left:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:rgba(0,0,0,1)
}


  /***********/
 /* TOOLTIP */
/***********/


.fullscreen-api:-webkit-full-screen  {
  width: 100%;
  height: 100%;
}

.puce_beebuzz:before {
	font-family:FontAwesome;
	content:"\f061";
	padding-right: 5px;
	display:inline-block;
	font-size: 60%	
	
}

.texte  .spip_documents_left {
	padding: 10px 10px 10px 0px;
	max-width: 33%;
	height: auto
}

@media (max-width: 578px) {
	.texte  .spip_documents_left {
		padding: 10px 0px 10px 0px;
		max-width: 100%;
		height: auto
		
	}
}

#colorbox {z-index: 99999999 !important; }	
#cboxOverlay {z-index: 9999999 !important ;margin-top: 0px !important}


  /********************/
 /* MODELE INDEX DOC */
/********************/

.index-doc-auto {
	width: 100% !important;
	max-width: 100%;
	overflow: auto;
	margin: 10px 0px;
	font-size: 18px;
	font-weight: 300
}
.index-doc-auto tr {
	cursor: pointer;
}
.index-doc-auto tr:nth-child(even) {
	background: rgba(255,255,255,.05)
}
.index-doc-auto tr:nth-child(odd) {
	background:  rgba(51,51,51,.05)
}
.index-doc-auto tr,
.index-doc-auto td,
.index-doc-auto td:before,
.index-doc-auto td:after {
	vertical-align: middle !important;
	position: relative;
	transition:all 500ms ease-in-out !important;
}
.index-doc-auto tr:hover,
.index-doc-auto td:hover,
.index-doc-auto td:before:hover,
.index-doc-auto td:after:hover,
.index-doc-auto td {
	transition:all 500ms ease-in-out !important;
}
.index-doc-auto td .titre-doc {
	white-space:nowrap;
	overflow: scroll;
	/*
		overflow: scroll;
		text-overflow: ellipsis;
		max-width: 100%
	*/
	display: block;
	color: #FFF;
	padding: 5px !important;
}

.index-doc-auto td.titre {
	overflow: hidden
}
.index-doc-auto td .titre-doc:hover {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite ;
	-moz-animation:linear marqueelike 20s infinite ;
	-o-animation:linear marqueelike 20s infinite ;
	-ms-animation:linear marqueelike 20s infinite ;
	animation:linear marqueelike 20s infinite ;
	text-align:left;
}
.index-doc-auto td .titre-doc:hover:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

.index-doc-auto  td.titre .titre-doc {
  overflow: hidden;
  text-overflow: ellipsis; 
}


@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

.index-doc-auto td.logo {
  width: 26px !important;
  background: rgba(255,255,255,.05);
}
.index-doc-auto td.logo img {
	width: 20px;
	margin: 0px 5px 0px 5px;
	height: auto;
	/*
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	filter: grayscale(100%)
	*/
}
/*
.index-doc-auto tr:hover td.logo img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}
*/
.index-doc-auto tr:nth-child(odd):hover td.logo,
.index-doc-auto tr:nth-child(odd):hover td.titre  {
	background: rgba(0,0,0,.1)
}
.index-doc-auto tr:nth-child(even):hover td.logo,
.index-doc-auto tr:nth-child(even):hover td.titre  {
	background: rgba(255,255,255,.1)
}

.index-doc-auto td.logo-download:before,
.index-doc-auto .doc-preview:before {
	font-family:FontAwesome;
	content:"";
	display: block;
	width: 100% !important;
	min-width: 32px !important;
	text-align: center;
	color: rgba(255,255,255,.4);
	cursor: pointer;	
}
.index-doc-auto .doc-preview:before {
	color: rgba(255,255,255,.8) !important;
}
.index-doc-auto td.doc-preview.no-doc-pdf:before {
	color: rgba(255,255,255,.4) !important;
}
.index-doc-auto tr td.logo-download {
	background: rgba(0,0,0,.05)
}

.index-doc-auto td.logo-download:before {
	content:'\f0ed'
}
/*
.index-doc-auto tr:hover td.logo-download {
	background: rgba(79,178,156,.5);
}
*/

.index-doc-auto tr:hover td.doc-preview {
	background: rgba(239,201,76,.8) !important;
}
.index-doc-auto tr:hover td.doc-preview:before  {
  	color:   rgba(51,51,51,1) !important;
}


.index-doc-auto tr:hover td.logo-download:before {
	color:#FFF !important;
}
.index-doc-auto td.doc-preview {
	background: rgba(0,0,0,.2)
}
.index-doc-auto td.doc-preview:before,
.index-doc-auto td.doc-preview.no-doc-pdf:before {
	content: '\f070' 
}
.index-doc-auto td.doc-preview.no-doc-pdf.doc-mp3:before {
	content: '\f04b' !important 
}
.index-doc-auto tr.play td.doc-preview.no-doc-pdf.doc-mp3:before {
	content: '\f04b' !important;
	color: rgba(51,51,51,1);
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse_loop;
	animation-name: pulse_loop
}
.index-doc-auto tr.play td.doc-preview.no-doc-pdf.doc-mp3:hover:before {
	content: '\f04c' !important;
	-webkit-animation-name: none;
	animation-name: none
}
.index-doc-auto tr.pause td.doc-preview.no-doc-pdf.doc-mp3:before {
	content: '\f04c' !important ;
	color: rgba(51,51,51,1);
}
.index-doc-auto tr.pause td.doc-preview.no-doc-pdf.doc-mp3:hover:before {
	content: '\f04b' !important;
}
.index-doc-auto td.doc-preview.doc-pdf:before {
	content: '\f06e'
}
.index-doc-auto tr td.logo-download:hover {
	background: rgba(79,178,156,.8) !important
}
.index-doc-auto td.doc-preview.doc-pdf:hover,
.index-doc-auto td.doc-preview.doc-mp3:hover,
.index-doc-auto tr.audio-active td.doc-preview.no-doc-pdf.doc-mp3  {
	background: rgba(239,201,76,.8) !important;
} 
.index-doc-auto td.doc-preview.doc-pdf:hover:before,
.index-doc-auto td.doc-preview.doc-mp3:hover:before {
	color: rgba(51,51,51,1) !important;
}
.index-doc-auto td.titre:after,
.index-doc-auto td.logo-download:after,
.index-doc-auto td.doc-preview.doc-pdf:after,
.index-doc-auto td.doc-preview.doc-mp3:after {
	content: attr(data-info-action);
	position: absolute;
	display: block;
	top: 0px;
	height: 100%;
	padding: 5px 0px;
	width: 0px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	font-size: 15px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1);
}
/*
.index-doc-auto td.titre:after,
.index-doc-auto td.logo-download:after {
	right: 0px;
	background: rgba(79,178,156,1)
}
*/
.index-doc-auto td.titre:after {
	right: 0px;
	background: rgba(239,201,76,1) !important;
	color: rgba(51,51,51,1);
}
.index-doc-auto td.logo-download:after {
	right: 0px;
	background: rgba(79,178,156,1)
}
.index-doc-auto td.logo-download:after {
	right: 100%
}
.index-doc-auto td.doc-preview.doc-pdf:after,
.index-doc-auto td.doc-preview.no-doc-pdf.doc-mp3:after {
	right: 100%;
	color: rgba(51,51,51,1);
	background: rgba(239,201,76,1)
}
.index-doc-auto td.titre:hover:after,
.index-doc-auto td.logo-download:hover:after,
.index-doc-auto td.doc-preview.doc-pdf:hover:after,
.index-doc-auto td.doc-preview.no-doc-pdf.doc-mp3:hover:after {
	width: 120px;
	-webkit-box-shadow: -19px 0px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: -19px 0px 0px 0px rgba(0,0,0,.1);
	box-shadow: -19px 0px 0px 0px rgba(0,0,0,.1);
}
.index-doc-auto {
table-layout: fixed; }

.index-doc-auto  td.doc-preview,
.index-doc-auto  td.logo-download {
  width: 34px
}
.titre-doc .label-mini {
	padding: 4px;
	background: rgba(0,0,0,.3);
	font-size: .7em !important;
	border-radius: 4px
}
.titre-doc .label-mini .date-colture {
	font-weight: bold
}

.titre-doc	.doc-ref {
	display: inline-block;
	padding: 0px 4px;
	background:  rgba(0,0,0,.3);
	border-radius: 4px;
	font-size: .8em;
	font-weight: bold
}

 
  /**************/
 /* FORMULAIRE */
/**************/

input, input:focus,input:hover,textarea,textarea:focus,textarea:hover {
	transition:all 500ms ease-in-out !important;	
}

  /*********************/
 /* FORMULAIRE PANNEL */
/*********************/

#pannel-menu-visiteur .formulaire_login .editer.editer_session label {
	display:inline-block!important;
	color:#FFF!important
}
#pannel-menu-visiteur .formulaire_login {
	margin-top:40px;
	width:350px
}
#pannel-menu-visiteur input.text {
	margin-bottom:10px;
	border: none;
	border-bottom:4px solid rgba(51,51,51,1) !important;
	width:100%;
	padding:10px 10px 6px 10px;
	font-size:18px;
	background: rgba(51,51,51,1);
	color:rgba(226,226,226,1);
}
#pannel-menu-visiteur input.text:hover,
#pannel-menu-visiteur input.text:focus {
	border-bottom:4px solid rgba(79,178,156,1) !important;
}
#pannel-menu-visiteur .formulaire_login .editer label {
	color:#FFF!important
}
#pannel-menu-visiteur .formulaire_login .logger_icon {
	font-size:120%;
	font-weight:600;
	line-height:140%;
}
#pannel-menu-visiteur .formulaire_login input#session_remember.checkbox {
	display:inline-block;
}
#pannel-menu-visiteur .formulaire_login input.submit {
	border:none;
	width:100%;
	padding:10px;
	color:#FFF;
	background:rgba(79,178,156,1)
}
#pannel-menu-visiteur input.submit:hover {
	background:rgba(223,73,74,1)!important
}
#pannel-menu-visiteur .formulaire_login em#pass_securise > img,
#pannel-menu-visiteur .formulaire_login form#formulaire_login > fieldset > legend,
#pannel-menu-visiteur .formulaire_login .editer.editer_session > div.choix > label.nofx {
	display:none!important
}
#pannel-menu-visiteur .formulaire_login .editer.editer_session > div.choix::after {
	content:'Rester identifié'
}
#pannel-menu-visiteur .formulaire_login .editer.editer_session,
#pannel-menu-visiteur .formulaire_login a#spip_pass {
	background:rgba(79,178,156,1)!important;
	color:#FFF !important;
	padding:4px;
	display:block;
	width:49%;
	margin-top:0!important;
	font-size:12px!important;
	line-height:26px;
}
#pannel-menu-visiteur .formulaire_login a#spip_pass {
	transition:all 500ms ease-in-out !important;
	float:left
}
#pannel-menu-visiteur .formulaire_login .editer.editer_session {
	float:right
}
#pannel-menu-visiteur .formulaire_login a#spip_pass:hover {
	background:rgba(223,73,74,1)!important;
	transition:all 500ms ease-in-out !important;
}
#pannel-menu-visiteur .formulaire_login .editer.editer_session > div.choix,
#pannel-menu-visiteur .formulaire_login .editer.editer_password.obligatoire > p.details {
	margin:0;
	text-align: center
}
#pannel-menu-visiteur .formulaire_login input.submit {
	margin-top:10px
}

/* SPIP_PASS */

.page.page_spip_pass .col-principal {
  color: #FFF
}
.page.page_spip_pass .formulaire_spip.pass .formulaire_mot_de_passe form#oubli_form  input.submit {
	color: #000;
}
.page.page_spip_pass .formulaire_spip.pass .formulaire_mot_de_passe form#oubli_form  input.submit:hover {
	background:rgba(79,178,156,1)!important;
}
.page.page_spip_pass .quitter_fenetre a {
 background:rgba(223,73,74,1)!important;
  display: inline-block;
  padding: 20px;
  color: #FFF !important;
}

.liste-item-menu-media {
  overflow: hidden
}
#galerie-sons h4 {
  color: #FFF;
  padding: 10px !important;
}

.blocs_destination p {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

h4.blocs_titre.blocs_click a {
	text-align: left !important;
}


body#body:not(.body-back,.no-scroll) .pdf-viewer iframe {
  height: calc( 100vh - 60px );
  min-height: 600px;
}

body#body.no-scroll:not(.body-back) .pdf-viewer iframe {
  height: calc( 100vh - 145px );
  min-height: 500px;
}



/* FORM PROCURE */

.formulaire_formidable.label_inline fieldset .editer-groupe .saisie_input label {
	display: inline-block;
	line-height: 32px;
	width: 60%
}
.formulaire_formidable.label_inline fieldset .editer-groupe .saisie_input input {
	display: inline-block;
	width: 30%;
	margin-right: 10px;
	float: right
}
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset {
	position: relative
}
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset > div.editer-groupe  {
	margin-top: 40px
}
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset:before,
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset:after {
	top: 10px;
	position: absolute;
	background: rgba(0,0,0,.5);
	padding: 4px;
	border-radius: 4px;
}
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset:before {
	content: "Description produit / Productbeschrijving";
	background: rgba(0,0,0,.5);
}
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset:after {
	content: "Quantité / Hoeveelheid";
	left: calc( 70% - 10px );

}
.formulaire_formidable.label_inline .fieldset.pliable:not(.plie) > fieldset > div.editer-groupe {
	max-height: calc( 100vh - 250px);
	overflow: auto;
	-webkit-overflow-scrolling: touch !important; 

}
.formulaire_formidable.label_inline fieldset .editer-groupe .saisie_input {
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0,0,0,1)
}
.formulaire_formidable.label_inline fieldset .editer-groupe .saisie_input:hover {
	background: rgba(0,0,0,.1)
}
/*****************************/
   /*    GALERIES MULTIMEDIA    */
  /*****************************/
 /********** V090819 **********/
/*****************************/


/* GALERIE IMAGES */








img[alt] {
	font-size:10px;
	color:rgba(255,255,255,1)
}
.galerie-image-corps {
	padding: 20px  0px  0px  0px !important
}
#galerie-image  .pas-encore-vu {
	cursor: pointer;
}
.pas-encore-vu .afficher_plus:before,
.pas-encore-vu .compteur {
	color: #FFF !important;
	transition:all 500ms linear!important;

}
.pas-encore-vu:hover .afficher_plus:before,
.pas-encore-vu:hover .compteur {
	background: rgba(79,178,156,1) !important;
}
#galerie-image .vu {
	padding:5px
}
#galerie-image .vu .compteur {
	display: inline-block;
	background: rgba(51,51,51,1);
	line-height: 24px;
	border-radius: 12px;
	padding: 0 6px;
}
#galerie-image .vu .afficher_plus {
	display: inline-block;
}
#galerie-image .vu .afficher_plus:before {
	font-family:FontAwesome;
	content:"\f067";
	display: inline-block;
	line-height:24px !important;
	width: 24px;
	border-radius: 12px;
	text-align: center;
	color: #FFF;
	background:rgba(51,51,51,1);	
}
#galerie-image ul {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important
}
#galerie-image li {
	max-width:100%;
	height:192px ;
	display:block;
	float: left;
	background-color: rgba(0,0,0,0);
}
#galerie-image li,
#galerie-image li a,
#galerie-image li img {
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important
}
#galerie-image li a,
#galerie-image li img  {
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	transition:all 500ms linear!important
}
#galerie-image li img {
	min-height:100%!important;
	min-width:100%!important;
	object-fit: cover !important
}
#galerie-image li:hover img {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	width:110%;
	height:110%;
	transition:all 500ms linear!important
}
#galerie-image .no-load {
	display: none !important
}
#galerie-image .x-items li.item-type-a,
#galerie-image .six-items li.item-type-a,
#galerie-image .eight-items li.item-type-a,
#galerie-image .nine-items li.item-type-a  {
	height:192px !important;
	height:192px !important;
	width:50% !important;	
}
#galerie-image .x-items li.item-type-b,
#galerie-image .eight-items li.item-type-b,
#galerie-image .nine-items li.item-type-b  {
	height:384px !important;
	width:50% !important;
	float: right !important
}
#galerie-image .x-items li.item-type-c,
#galerie-image .six-items li.item-type-c,
#galerie-image .eight-items li.item-type-c,
#galerie-image .nine-items li.item-type-c   {
	height:96px !important;
	width:50% !important
}
#galerie-image .x-items li.item-type-d,
#galerie-image .six-items li.item-type-d,
#galerie-image .eight-items li.item-type-d,
#galerie-image .nine-items li.item-type-d {
	height:192px !important;
	width:25% !important
}
#galerie-image .x-items li.item-type-e,
#galerie-image .x-items li.item-type-g,
#galerie-image .eight-items li.item-type-e,
#galerie-image .eight-items li.item-type-g,
#galerie-image .nine-items li.item-type-e,
#galerie-image .nine-items li.item-type-g   {
	height:96px !important;
	width:25% !important
}
#galerie-image .x-items li.item-type-f,
#galerie-image .six-items li.item-type-e,
#galerie-image .eight-items li.item-type-f,
#galerie-image .nine-items li.item-type-f  {
	height:192px !important;
	width:75% !important;
	float: right !important
}
#galerie-image .x-items li.item-type-h,
#galerie-image .nine-items li.item-type-h {
	height:384px !important;
	width:50% !important
}
#galerie-image .x-items li.item-type-i,
#galerie-image .x-items li.item-type-j,
#galerie-image .nine-items li.item-type-h,
#galerie-image .nine-items li.item-type-i   {
	height:192px !important;
	width:50% !important;	
}
#galerie-image .one-item li,
#galerie-image .two-items li.item-type-a,
#galerie-image .two-items li.item-type-b,
#galerie-image .three-items li.item-type-b,
#galerie-image .three-items li.item-type-c,
#galerie-image .four-items li,
#galerie-image .four-items li.item-type-a,
#galerie-image .four-items li.item-type-b,
#galerie-image .four-items li.item-type-c,
#galerie-image .four-items li.item-type-d {
	height:192px  !important;
	width:50% !important;		
}
#galerie-image .three-items li.item-type-a,
#galerie-image .six-items li.item-type-f  {
	height:192px  !important;
	width:100% !important;		
}
#galerie-image .six-items li.item-type-b  {
	height:288px !important;
	width:50% !important;
	float: right !important
}
#galerie-image .one-item li.item-type-a ,
#galerie-image .eight-items li.item-type-h {
	height:384px  !important;
	width:100% !important;		
}
#galerie-image li.item-type-a,
#galerie-image li.item-type-h {
	background-color: rgba(0,0,0,.2)
}
#galerie-image li.item-type-e,
#galerie-image li.item-type-g {
	background-color: rgba(0,0,0,.1)
}
#galerie-image li.item-type-i,
#galerie-image li.item-type-b {
	background-color: rgba(0,0,0,.6)
}
#galerie-image li.item-type-j,
#galerie-image li.item-type-d {
	background-color: rgba(0,0,0,.3)	
}
#galerie-image li.item-type-c,
#galerie-image li.item-type-f {
	background-color: rgba(0,0,0,.5)
}
/**
* Template Style
*
* [Table of contents]
############################
*   CSS 2022
############################
**/


.article-mosaic-raccourcis {
	height: 100%;
	width: 100%;
	overflow-x: hidden; 
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; 
}
.article-mosaic-raccourcis .spip_logos {
	height: 100%;
	width: 100%;
	object-fit: cover !important;
}
.article-mosaic-raccourcis .article-mosaic-raccourci  {
	margin-bottom: 24px
}
.article-mosaic-raccourcis > .content {
	border-radius: 0px !important;
	overflow: visible;
}
.section-type-mosaic .article-mosaic-raccourcis .content.zoom10:hover {
	transform:scale(1.05);
}
.article-mosaic-raccourcis .content .article-mosaic-raccourci .content-raccourci{
	transition: all .5s ease-in-out !important;
	position: relative
}
.article-mosaic-raccourcis .content .article-mosaic-raccourci:hover .content-raccourci{
	transform:scale(1.05) !important;
}
.article-mosaic-raccourcis .content.focus:hover {
	transform:scale(1);
}
.titre-raccourci {
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: #FFF;
	display: block;
	width: 100%;
	background: rgba(0,0,0,.5);
	font-size: 1.1em;
	padding: 4px 2px;
	text-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.article-mosaic  .content .content-txt h4 {  
  white-space: nowrap;
  overflow: hidden;
  transition: all .5s ease-in-out
}
.article-mosaic > .content:hover h4.disable {
  white-space: normal;
}
.cel-article-mosaic-raccourcis  {
	height: 352px !important;;
	overflow-y: auto;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
}
.cel-article-mosaic-raccourcis .spip_logos {
	background-color: rgba(255,255,255,.9)
}
.cel-article-mosaic-raccourcis  .article-mosaic-raccourci.col-4 {
	margin-bottom: 27px
}
.cel-article-mosaic-raccourcis  .article-mosaic-raccourci.col-4 .titre-raccourci{
	font-size: .9em;
	overflow: hidden;
	text-overflow: ellipsis; 
}
.infos-raccourci-bulle {
  position: absolute;
  z-index: 999999999999 !important;
  background: rgba(0,0,0,.8);
  color: #FFF;
  padding: 15px;
  max-width: 200px;
}
.article-mosaic.article-mosaic-content.no-padding .content,
.article-mosaic.article-mosaic-content.no-padding .ajaxbloc,
.article-mosaic.article-mosaic-content.no-padding .spider-video-player,
.article-mosaic.article-mosaic-content.no-padding .preview-video-player,
.article-mosaic.article-mosaic-content.no-padding .preview-video-player .person{
   height: 100% !important;
}
.article-mosaic.article-mosaic-content.no-padding .preview-video-player img.thumbnail{
  height: 100% !important;
  object-fit: cover !important;  
}

.article-mosaic.article-mosaic-content.no-padding .bloc-player-video,
.article-mosaic.article-mosaic-content.no-padding iframe.player-iframe {
	height: 100% !important;
}
#section-type-mosaic .article-mosaic .preview-video-player h3.titre {
  
  transition:all 500ms ease-in-out;
  position: absolute;
  top:  auto !important;
  bottom:0px !important;
  margin: 0px !important;
  padding-top: 40px;
	background: -moz-linear-gradient(180deg, rgba(18,3,3,0) 0%, rgba(18,3,3,.7) 100%) !important;;
	background: -webkit-linear-gradient(180deg, rgba(18,3,3,0) 0%, rgba(18,3,3,.7) 100%)!important;;
	background: linear-gradient(180deg, rgba(18,3,3,0) 0%, rgba(18,3,3,.7) 100%)!important;
	text-shadow: 0px 0px 4px rgba(0,0,0,.5);
  font-size: 1em;
  text-align: center
}
#section-type-mosaic .article-mosaic .preview-video-player:hover h3.titre{
 
  opacity: 0;
  z-index: 0 !important;
}
#section-type-mosaic .item-hover-label-couche-2 {
  font-family:Helvetica, Arial, sans-serif !important;;
}
#section-type-mosaic .preview-video-player .msg-rgpd  .content-msg-rgpd {
     font-family:Helvetica, Arial, sans-serif;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}
#section-type-mosaic .preview-video-player:hover .msg-rgpd .content-msg-rgpd {
    animation: marquee 10s linear infinite;
    animation-delay: 2s;
}

@keyframes marquee
{
    0% { top: 0% }
    50% { top: -110%}
    90% { top: -110%}
    100% { top: 0%}
}

.section-type-mosaic .row  .plus-d-info .picto {
	height:90px;
	width:90px;
	font-weight:normal;
	box-shadow:0 0 20px rgba(0,0,0,.7);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.7);
	-moz-box-shadow:0 0 20px rgba(0,0,0,.7);
	}
.section-type-mosaic .row  .plus-d-info .picto:hover {
  rotate: 360deg
}
.carousel-bootstrap .macaron-open {
	position: absolute;
	top: -100px;
	left: calc( 50% - 38px );
	z-index: 99;
	width: 100px;
	line-height: 100px;
	border-radius: 50px;
	font-weight: normal;
}
#lien-redirection {
	color: #333333
}
#lien-redirection  .decompte_redirection {
	background: #333333;
	display: inline-block;
	color:#FFF;
	width: 40px;
	border-radius: 12px;
	font-weight: bold;
	text-align: center
}
#objets-enfants .message.message-aucun-objet {
  margin-left: 30px;
  display: inline-block;
  padding: 4px 10px;
  background: rgba(255,255,255,.1);
  margin: 4px 4px 4px 30px;
  border-radius: 6px
  
}
#objets-enfants .message.message-aucun-objet .fa {
  display: inline-block;
  margin-right: 10px
}
#item-carousel div.includeajax_loaded {
	display: block !important;
}
#nav-lang {
	top: 0px
}
.bloc-player-video  .player-html5 {
  height: 100%;
 
}
@media (max-width: 1406px) {
	.bloc-player-video  .player-html5 {
	background: #515151
	} 
}
@media (min-width: 1406px) {
	.article-mosaic-content-video .content {
   	max-height: 322px !important;
	}
}
/**
* Template Style
*
* [Table of contents]
############################
*   7. ADMIN Babel
############################
**/
  /*******************************/
 /*       MENU REDACTEUR        */
/*******************************/

#spip-admin {
	display:none;
}

#menu-admin .info-bulle {
	margin-top:-100px;
	margin-left:-240px;
}

#menu-admin {
	position:fixed;
	top:54px;
	right:0px;
	cursor:pointer;
	z-index: 9999 !important
}

#menu-admin i {
	display:block;
	width:54px;
	line-height:54px;
	font-size:14px;
	text-align:center;
	padding:0!important;
	margin:0!important;
	background:rgba(51,77,92,1);
	color:#FFF;
}

#menu-admin.false .fa-times {
	display:none;
}

#menu-admin.true .fa-cog {
	display:none;
}

#menu-admin:hover {
	z-index:9999;
}

#menu-admin i:hover {
	background:rgba(226,121,63,1);
	color:#FFF;
}

.body-back .rd-navbar-wrap {
	top: -100px !important
}
.body-back #ui-to-top,
.body-back #menu-admin,
.body-back #mini-menu-admin {
	right:-400px!important;
}

#ui-to-top {
	background:rgba(79,178,156,1);
	z-index: 9999999999
}
#ui-to-top:hover {
	background:rgba(239,201,76,1);
	color: rgba(79,178,156,1);
}

#mini-menu-admin .logger_icon {
	font-size:14px;
}

#mini-menu-admin {
	position:fixed;
	top:108px;
	right:0px;
	background:#515151;
	color:#FFF;
	padding:10px;
	width:150px;
	z-index:9999;
	-webkit-filter:drop-shadow(-5px 5px 0px rgba(0,0,0,.22));
	filter:drop-shadow(-5px 5px 0px rgba(0,0,0,.22));
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:hover,#mini-menu-admin a:hover {
	background:rgba(226,121,63,1);
	color:#FFF!important;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

#mini-menu-admin > ul > li > a > i.fa,#mini-menu-admin > ul > li > a > .label-outil {
	display:inline-block;
	font-size:11px;
	color:#FFF;
}

#mini-menu-admin > ul > li > a > .label-outil {
	width:105px;
	float:right;
}

#mini-menu-admin > ul > li > a > i.fa {
	width:12px;
	display:inline-block;
	color:#FFF;
}

#mini-menu-admin > ul > form.bouton_action_post {
	margin:0;
	padding:0;
	border:none;
	background:none;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit {
	font-size:10px;
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-size:11px;
	color:#FFF;
	cursor: pointer;
	font-weight: 300
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit,#mini-menu-admin a {
	display:block;
	padding:4px;
	line-height:14px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#FFF;
	margin:4px 0;
	background:rgba(255,255,255,0.1);
	text-align:left;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
	zoom:1;
}

#mini-menu-admin > ul > li > a:hover *,#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:hover,#mini-menu-admin a:hover {
	background:rgba(226,121,63,1);
	color:#FFF!important;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit {
	width:100%;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:before {
	font-family:FontAwesome!important;
	content:"\f054";
	padding-right:10px;
}

#options_compte .blocs_titre {
  font-size: 11px;
  background-image: none;
  width: 100%;
  padding-left: 0px
}
#options_compte .blocs_titre a:before {
	font-family:FontAwesome!important;
	content:"\f054";
  margin-right: 10px
 
}
#options_compte {
  font-size: 11px;
}
#options_compte input.checkbox  {
width: 12px;


}
#options_compte label {
  display: none
}
#options_compte .choix label {
  margin: 4px 0px 4px 4px;
 display: block;
  line-height: normal !important;
}
#options_compte .choix {
 display: flex;
 vertical-align: top !important
 }

#options_compte .submit {
background: #EFC94C;
  width: 100%;
  border: none;
  text-align: center;
  padding: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #000;
  cursor: pointer;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
  
}
#options_compte .submit:hover{
background: #4FB29C;
  
}		


/* ** ** ** ** ** ** ** ** *
   ** LISTE CSS STATIQUE  **
   ** ** ** ** ** ** ** ** */

/* plugins/beebuzz/themes/metro/css/https _lcweb.it_lc-switch-repository_lc_switch.css */
	.lcs_wrap {
	display: inline-block;	
	direction: ltr;
	height: 28px;
    vertical-align: middle;
}
.lcs_wrap input {
	display: none;	
}

.lcs_switch {
	display: inline-block;	
	position: relative;
	width: 73px;
	height: 28px;
	border-radius: 30px;
	background: #ddd;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-transition: all .2s ease-in-out;  
	-ms-transition: 	all .2s ease-in-out; 
	transition: 		all .2s ease-in-out; 
}
.lcs_cursor {
	display: inline-block;
	position: absolute;
	top: 3px;	
	width: 22px;
	height: 22px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
	z-index: 10;
	
	-webkit-transition: all .2s linear;  
	-ms-transition: 	all .2s linear; 
	transition: 		all .2s linear; 
}
.lcs_label {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	width: 33px;
	top: 5px;
	overflow: hidden;
	text-align: center;
	opacity: 0;
	
	-webkit-transition: all .2s ease-in-out .1s;  
	-ms-transition: 	all .2s ease-in-out .1s;   
	transition: 		all .2s ease-in-out .1s;   
}
.lcs_label.lcs_label_on {
	left: -70px;
	z-index: 6;	
}
.lcs_label.lcs_label_off {
	right: -70px;
	z-index: 5;	
}


/* on */
.lcs_switch.lcs_on {
	background: #75b936;
    box-shadow: 0 0 2px #579022 inset;
}
.lcs_switch.lcs_on .lcs_cursor {
	left: 48px;
}
.lcs_switch.lcs_on .lcs_label_on {
	left: 10px;	
	opacity: 1;
}


/* off */
.lcs_switch.lcs_off {
	background: #b2b2b2;
	box-shadow: 0px 0px 2px #a4a4a4 inset; 	
}
.lcs_switch.lcs_off .lcs_cursor {
	left: 3px;
}
.lcs_switch.lcs_off .lcs_label_off {
	right: 10px;
	opacity: 1;	
}


/* disabled */
.lcs_switch.lcs_disabled {
	opacity: 0.65;
	filter: alpha(opacity=65);	
	cursor: default;
}