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

/* 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(45,69,81,1) !important;}
.c1_bd	{ border-color: 	rgba(45,69,81,1) !important;}
.c1 		{ color: 			rgba(45,69,81,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(61,77,86,1) !important;}
.c7_bd	{ border-color: 	rgba(61,77,86,1) !important;}
.c7 		{ color: 			rgba(61,77,86,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 07:45:02 */




 
 






@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('//www.intranet.cpas1160.be/plugins/beebuzz/themes/metro/css/img/loading.gif') no-repeat top center center !important;
}
/* BALISE HTML ARTICLE - CONTENT */

/* HEADER */
.article-header{
	position: relative;
	color: #343737 !important;
	
	}
.article-header .col-titre {
	padding-left: 0px
	}
.article-header .col-logo {
	width: 150px;
	display:flex;
	padding-right: 0px
	}
.article-header .col-logo img{
	padding-top:0px!important;
	width:150px;
	height:150px;
	object-fit:contain!important;
	margin-top: 30px;
	margin-bottom:0px; 
	margin-left: auto;
	display: block; 
	float:right !important; 
	display: block;
	border-radius: 20px; 
	background-color: rgba(40,132,173,.2);
    }
.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(61,77,86,1);
	border-radius: 11px	
	}
.article-header .item-cartouche:before {
	font-family: FontAwesome;
	padding-right: 5px;	
	}
.article-header .info-date-item:before {
	content: "\f017";
	}
.popup-btn.btn-disable {
	opacity: .5
	}
.popup-btn.btn-prev-next i:before {
	font-size: 2em;
	line-height:52px;
	}
.popup-btn.btn-prev-next {
	background: #4fb29c
	}
.popup-btn.btn-prev-next:hover {
	background: #efc94c
	}
.popup-btn.btn-prev-next.btn-disable:hover {
	background: #4fb29c
	}
.article-header .info-statut-item-prop {
	background: rgba(226,121,63,1);
	color: #343737;	
	}
.article-header .info-statut-item-prepa {
	background: #FFF;
	color: rgba(60,76,85,1);
	}
.article-header .info-statut-item-refuse {
	background: rgba(223,73,74,1);
	color: #343737;	
	}
.article-header .info-statut-item-poubelle  {
	background: rgba(60,76,85,1);
	color: #343737;	
	}
.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: #343737;
	position: relative;
	z-index: 9;
	transition:all 500ms ease-in-out !important
	}
.article-header .hyperlien:hover {
	background: rgba(79,178,156,1);
	color: #343737;
	}
.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: #343737;
	}

/** 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_tel,
.article-text a.spip_fax,
.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_tel {
	color:rgba(45,69,81,1);	
	}
.article-text a.spip_fax {
	color:rgba(51,77,92,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_tel:before,
.article-text a.spip_fax: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_tel:after,
.article-text a.spip_fax: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_tel:before,
.article-text a.spip_fax: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_tel:after,
.article-text a.spip_fax: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_tel:before {
		background: rgba(45,69,81,1);
	}
.article-text a.spip_fax:before {
		background: rgba(51,77,92,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_tel:after,
.article-text a.spip_fax: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_tel:hover:before,
.article-text a.spip_fax:hover:before,
.article-text a.spip_mail:hover:before,
.article-text a.spip_ancre:hover:before {
	height: 22px;
	}
.article-text a.spip_tel:hover,
.article-text a.spip_fax:hover,
.article-text a.spip_in:hover,
.article-text a.spip_mail:hover {
	color: #FFF
	}
.article-text a.spip_out:hover {
	color: rgba(45,69,81,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(60,76,85,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(45,69,81,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: #343737;
	}
c1 {
	color: rgba(45,69,81,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(60,76,85,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(45,69,81,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(61,77,86,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(61,77,86,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(61,77,86,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   */
	
.bloc-texte .cs_blocs .blocs_titre a{
  padding-left: 0px !important;
  font-size: 1em !important;
}

.bloc-texte .cs_blocs .blocs_destination{
  margin-left: 10px !important;
}

.article-text .cs_blocs {
	margin: 0px !important;
	padding: 0px !important;
}
.article-text .cs_blocs h4 {
	padding: 0px;
	margin: 0px;
	min-height: 60px;
	display: block;
	width: 100% !important;
	overflow: auto;
	zoom: 1;
	background:none;
	font-size: 1.6em;
	}
.article-text .cs_blocs h4.blocs_titre a {
	position: absolute;
	display: block;
	border: none !important;
	border-bottom: none !important;
	float: left;
	background: transparent;
	overflow: auto;
	zoom: 1;
	font-weight: 300;
	color: rgba(74,75,101,1) !important
	}
.article-text .cs_blocs h4.blocs_titre a:hover {
	color: rgba(74,75,101,1) !important
}
/* Reset .article-text a:before/after */
.article-text .cs_blocs h4.blocs_titre a:before,
.article-text .cs_blocs h4.blocs_titre a:after,
.article-text .cs_blocs h4.blocs_titre a:hover:before,
.article-text .cs_blocs h4.blocs_titre a:hover:after {	
	content: '';
	height: auto;
	top: auto;
	bottom: auto;
	position: static;		
}	
/* CREER UNE CLASS  a.spip_cs  */
.article-text .cs_blocs h4.blocs_titre a:before {
	content:'';
	margin-bottom: -2px;
	height: 24px !important;
	width: 24px !important;
	padding: 10px !important;
	border: 1px solid rgba(74,75,101,1) ;
	border-radius: 12px;
	display:inline-block !important;
	margin-right: 10px;
	background-color: transparent !important; 
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpolygon points='53.13,95.09 74.34,73.87 70.1,69.63 53.13,86.6 53.13,5.08 47.13,5.08 47.13,86.59 30.18,69.63 25.93,73.87 47.13,95.07 '/%3E%3C/svg%3E%0A") !important;
	background-size: 15px 15px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

	}
.article-text .cs_blocs  h4.blocs_titre a:hover:before {
	-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 {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpolygon points='53,47 53,5 47,5 47,47 5,47 5,53 47,53 47,95 53,95 53,53 95,53 95,47 '/%3E%3C/svg%3E%0A") !important;
	}
.article-text .cs_blocs  h4.blocs_titre.blocs_replie  a:hover:before {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpolygon points='53.13,95.09 74.34,73.87 70.1,69.63 53.13,86.6 53.13,5.08 47.13,5.08 47.13,86.59 30.18,69.63 25.93,73.87 47.13,95.07 '/%3E%3C/svg%3E%0A") !important;
-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

	}
.article-text .cs_blocs  h4.blocs_titre  a {
	background: transparent;
	}
.article-text .cs_blocs  h4.blocs_titre.blocs_replie  a {
	background: transparent;
	}
.article-text .cs_blocs  h4.blocs_titre.blocs_replie  a:hover {
	background: transparent;
	}
.article-text .cs_blocs  h4.blocs_titre  a:hover {
	background: transparent;
	}
.article-text .cs_blocs .blocs_destination {
	margin: 0 0 0 20px !important;
	border-left: 1px solid;
	padding-left: 10px;
	}
.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  h4.blocs_titre.cs_done  {
	margin-bottom: 0px !important;
	}
.article-text .cs_blocs .blocs_destination.blocs_invisible {
	padding-bottom: 30px; 
}
.article-text .cs_blocs .blocs_destination.blocs_invisible  p{
	margin-left: 0;
	margin-top: 0;
	padding: 10px 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(45,69,81,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(45,69,81,.1);
}
section.article-infos table {
	width: 100%
}
section.article-infos table td {
	border-bottom: 1px solid rgba(45,69,81,1);
}
section.article-infos table td {
	border-bottom: 1px solid rgba(45,69,81,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(40,132,173,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(40,132,173,1);
	}
.flex-table {
	display: flex;
	flex-flow: row wrap;
	border-left: solid 1px rgba(40,132,173,1);
	transition: 0.5s;
	width: 100%;
	}
.flex-table .header {
	border-top: solid 1px rgba(40,132,173,1);
	border-left: solid 1px rgba(40,132,173,1);
	}
.flex-table .header .flex-row {
	background: rgba(40,132,173,1);
	color: white;
	border-color: rgba(40,132,173,1);
	}
	
.flex-table.row.objet-enfant-impair > .flex-row,
.flex-table.row:nth-child(odd):not(.objet-enfant-impair,.objet-enfant-pair) > .flex-row {
	background: rgba(40,132,173,.15);
	}
.flex-table:hover > .flex-row,
.flex-table.row.objet-enfant-impair:hover > .flex-row,
.flex-table.row.objet-enfant-pair:hover > .flex-row,
.flex-table.row:nth-child(odd):not(.objet-enfant-impair):hover > .flex-row {
	background: rgba(40,132,173,.3);
	}

.flex-row {
	text-align: center;
	padding: 0.5em 0.5em;
	border-right: solid 1px  rgba(40,132,173,.2);
	border-bottom: solid 1px rgba(40,132,173,.2);
	}
.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;
	color: rgba(40,132,173,1)
}
.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: #343737;
	left: 6px;
	opacity: 0;
	color: rgba(40,132,173,1);
}
.flex-row.item-objet-logo-document-pdf:before  {
	content: "\f1c1 " !important;
}
.flex-table:hover >.flex-row.item-objet-logo-document-pdf:before  {
	color: #df494a
}
.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: 38px;
	left: 30px;
	width: 2px;
	height: calc( 100% - 36px);
	background: rgba(40,132,173,1);
}
.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(40,132,173,1); */
	background: #FFF;
	border: 2px solid rgba(40,132,173,1);
	z-index: 1 !important;
	top: -36px;
	left: -15px;
	box-shadow: 0px 0px 15px -2px rgba(62,95,113,0.47);
	-webkit-box-shadow: 0px 0px 15px -2px rgba(62,95,113,0.47);
	-moz-box-shadow: 0px 0px 15px -2px rgba(62,95,113,0.47);
}
.flex-table.objet-rubrique.open:hover > .flex-row .flex-row-puce:before {
	background: #FFF;
	-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: 40px;
	width: 40px;	
	border-radius: 18px;
	display: block;
	background:#FFF;
	border: 2px solid rgba(40,132,173,1);
	z-index: 1 !important;
	top: -16px;
	left: -20px;		
	opacity: 0;
	box-shadow: 0px 0px 15px -2px rgba(62,95,113,0.47);
	-webkit-box-shadow: 0px 0px 15px -2px rgba(62,95,113,0.47);
	-moz-box-shadow: 0px 0px 15px -2px rgba(62,95,113,0.47);
}
body:not(.firefox) .flex-table > .flex-row .flex-row-puce:after {
	top: -32px;
} 
.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
}
.item-info {
	font-size: .75em;
	line-height: 18px;
	color:#2884ad;
	vertical-align: middle;
	text-align: left !important;
	border-left: 1px dotted #2884ad !important;
}

.cpas1060 section#objets-enfants.objets-enfants .objet .item-objet:before,
.cpas1060 section#objets-enfants.objets-enfants .objet .item-objet:after{
margin-top: -5px
}
.cpas1060 section#objets-enfants.objets-enfants .item-objet .flex-row-puce:after {
 margin-top: 10px
}
.cpas1060  .flex-table > .flex-row .flex-row-puce::after {
	top: -32px !important;
} 
body:not(.firefox) .cpas1060 .flex-table > .flex-row .flex-row-puce::after {
	top: -48px !important;
} 

@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
}
/* CUSTOM21 */
.item-thumbnail .spip_logos {
	padding: 5px ;
	background-color: #FFF !important;
	border: 1px solid rgba(40,132,173,.5);
	object-fit: contain !important;
	width: 65px;
	height: 65px;
	
}
.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 rgba(40,132,173,1);
}
.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(61,77,86,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(60,76,85,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)
	}
}








.table-fiche-contact {
	line-height: 26px;
}
.table-fiche-contact .label-fiche {
  color: #334d5c;
  font-size: .8em;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  width: 160px !important;
}
.table-fiche-contact td i.fa {
  width: 28px;
}
.table-fiche-contact td i.fa:before {
 background:  rgba(45,69,81,.2);
  border-radius: 4px;
  font-size: 14px ;
  width: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
}

.table-fiche-contact td {
  border-bottom: 1px solid rgba(45,69,81,.5);
  padding: 8px 0px
}
.table-fiche-contact {
	margin-top: 30px;	
	width: 100%;
	font-size: .9em;
}
.nom-contact-fiche td {
  font-size: 1.2em;
  background: #dfedf3;
}
.nom-fiche td {
  font-size: 1.8em;
  font-weight: 300
}

#tout-afficher {
  display: inline-block;
  float: right;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  background:  rgba(45,69,81,1);
  color: #FFF;
  margin-right: 15px;
  cursor: pointer
}
#tout-afficher:hover {
  color: rgba(45,69,81,1);
  background: #efc94c;
}
.message-aucun-objet {
  text-align: center;
  font-size: 24px;
  background: #dfedf3;
  padding: 20px;
  border-radius: 10px;
  color:#2d4551
}
.message-aucun-objet i.fa {
  margin-right: 10px
}

	.section-liste-objet .vu {
	height: 66px;
	/* transition: all 1s ease; */
	overflow: hidden;
}
.section-liste-objet .vu.deja-vu {
	/* height: 0px; */
		-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:dejaVu;
	animation-name:dejaVu;
}
.section-liste-objet .vu.in-viewport {
  text-align: center
}
.msg-items-restants {
  display: block
}
.msg-items-restants > span {
  display: inline-block;
  margin: 15px 5px 15px 5px;
  padding: 5px 10px 5px 5px;
  border: 1px dashed #2884ad;
  border-radius: 20px;
  color: #2884ad;
  font-size: .85em;
  background: #dfedf3
}
.msg-items-restants > span:before {
   font-family: fontawesome;
   display: inline-block;
  width: 24px;
  text-align: center;
  background: rgba(255,255,255,1);
  line-height: 24px;
  border-radius: 12px;
}
.msg-items-restants .afficher-plus:before {
  content:'\f067'
}
.msg-items-restants .items-restants:before {
  content:'\f129'
}
.msg-items-restants .decompte-info {
  line-height: 22px;
  width: 22px;
  display: inline-block;
  background: rgba(255,255,255,.5);
  font-weight: bold;
  border-radius: 12px
}

@-webkit-keyframes dejaVu {
 40%,
 70% {
  opacity:1;
  height: 66px;
 }
 to {
  opacity:0;
  height: 0px;
 }
}
.msg-liste {
  cursor: pointer;
  transition: all 1s ease;
}
.msg-liste:before,
.items-restants .decompte-info {
transition: all 1s ease;
}

.msg-liste:hover:before,
.items-restants:hover .decompte-info {
  background: #dfedf3 !important;
}
.msg-liste:hover {
  border: 1px solid;
  background: #FFF;
}




/* FALCON FORM */

article#page-falcon-access  #block-falcon-access{
	background: #FFF;
	border-radius: 20px;
	-webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.3);
	box-shadow:0 0 14px 0 rgba(51,51,51,.3)
}
article#page-falcon-access  #block-falcon-access .onglet {
	color: #000;
	width:340px;
	text-align: center;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.3);box-shadow:0 0 14px 0 rgba(51,51,51,.3);
	border:none !important;
}
article#page-falcon-access  #block-falcon-access .onglet:not(.actif) {
	color: #5f6060;
	font-size: .98em;
	line-height: 22px;
	background: #f2f2f2;
}
article#page-falcon-access  #block-falcon-access .onglet:not(.actif):hover {
	font-size: 1em;;
	color: #000;
}
article#page-falcon-access  #block-falcon-access #formulaire-falcon-access {
	background: #FFF;
	margin-top: -40px;
	padding-top: 40px
}
article#page-falcon-access #block-falcon-access #formulaire-falcon-access .nofx,
article#page-falcon-access #block-falcon-access #formulaire-falcon-access  a#spip_pass  {
	color: #5f6060 !important;
	line-height: 18px;
}
article#page-falcon-access #block-falcon-access #formulaire-falcon-access  a#spip_pass {
	background: #FFF;
	border-radius: 4px;
	-webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.3);box-shadow:0 0 14px 0 rgba(51,51,51,.3);
}
article#page-falcon-access #block-falcon-access #formulaire-falcon-access  a#spip_pass:hover {
	color: #FFF !important;;
}
article#page-falcon-access #block-falcon-access #formulaire-falcon-access p.boutons .submit {
	line-height: 16px;
	-webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.3);box-shadow:0 0 14px 0 rgba(51,51,51,.3);
}

article#page-falcon-access #block-falcon-access #formulaire-falcon-access .editer label {
	margin: 10px 0px 0px 0px
}
article#page-falcon-access #block-falcon-access input:not(.submit) {
	background: #3b3b3b !important;
}
article#page-falcon-access #block-falcon-access  input.submit {
	background: #ecc74d !important;
	color:#3b3b3b
}
article#page-falcon-access #block-falcon-access  input.submit:hover {
	background: #4fb29c !important;
	color:#FFF
}
article#page-falcon-access #block-falcon-access  input:not(.submit),
article#page-falcon-access #block-falcon-access  input:not(.submit):focus {
	border: none
}
article#page-falcon-access #block-falcon-access  input:not(.submit):focus {
	background: #5e5e5e !important;
}
article#page-falcon-access #block-falcon-access  #formulaire_inscription form.noajax.hasajax fieldset legend {
	display: none
}
@media (max-width: 1225px) {
	body#body:not(.site_cpas1060) #section-type-mosaic {
		top: 10px !important
	}
}
@media (max-width: 905px ) {
	article#page-falcon-access  #block-falcon-access .onglet {
		font-size: 1.05em !important;
		width: auto !important;
	}
}
@media (max-width: 892px) {
	body#body:not(.site_cpas1060) #section-type-mosaic {
		top: 15px !important
	}
}
@media (max-width: 780px ) {
	article#page-falcon-access  #block-falcon-access  {
	margin-top: 10px !important;
	}
}
@media (max-width: 750px) {
	body#body:not(.site_cpas1060) #section-type-mosaic {
		top: 20px !important
	}
}
@media (max-width: 630px) {
	article#page-falcon-access  #block-falcon-access .onglet {
	border-radius: 10px !important;
		z-index: 9
	}
}
/*****************************/
   /* 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(61,77,86,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(61,77,86,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(45,69,81,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(60,76,85,1);
	line-height: 22px;
	padding: 0 8px;
	border-radius: 11px
}
.path #nav-links-arbo svg .st0 {
	fill: rgba(60,76,85,1)
}
@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(61,77,86,1)!important
}
#navigation-principale.popup-overlay-nav {
	z-index: 999999 !important
}
#nav-lang.popup-overlay-nav,
#navigation-principale.popup-overlay-nav #menu-recherche {
	top: -60px;
	transition:all 500ms ease-in-out;
}
#navigation-principale.popup-overlay-nav #menu-hamburger.is-closed {
	right: -60px
}
#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(45,69,81,.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(45,69,81,.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(45,69,81,.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(45,69,81,.3)
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li:hover {
	background:rgba(45,69,81,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(//www.intranet.cpas1160.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(//www.intranet.cpas1160.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(//www.intranet.cpas1160.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(61,77,86,1);
	z-index:9999!important;
	-webkit-box-shadow:-20px 0 0 0 rgba(45,69,81,.33);
	-moz-box-shadow:-20px 0 0 0 rgba(45,69,81,.33);
	box-shadow:-20px 0 0 0 rgba(45,69,81,.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(61,77,86,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(61,77,86,0.1);
	color:#FFF
}

#pannel-menu #btn-menu-site.false,#pannel-menu #btn-menu-visiteur.false {
	background:rgba(45,69,81,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(61,77,86,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(45,69,81,.5) !important;
}
#popup-menu-hamburger.icon-square.btn-menu-hamburger:hover,
.icon-square.btn-nav-options:hover {
	background: rgba(45,69,81,.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(60,76,85,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(60,76,85,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 {
	top: 0px;
	position: fixed;
	z-index: 99;
	transition:all 500ms ease-in-out;
}
#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(45,69,81,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(61,77,86,.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(61,77,86,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(45,69,81,.4);
	border:4px solid rgba(61,77,86,1);
	vertical-align:middle;
	width:50%;
	cursor:pointer;
	height:65px!important
}

#mon-compte table td:hover {
	background:rgba(45,69,81,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 */

/* BLACK - HEXA : #343737 */

/* BLACK - HEXA : #757575 */


#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: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 66%, rgba(255,255,255,0) 100%);
	color: #FFF
}
.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(51,77,92,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: red;	
}
.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: #e2e2e2;
	transition: all 0.2s ease;
}
.nav-option .item-menu:hover .etat {
	background: rgba(239,201,76,1)
}
.nav-option .item-menu.on .etat {
	background: rgba(79,178,156,1)
}
.nav-option .item-menu label:before {
	font-family:FontAwesome;
	color: #e2e2e2;
	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(239,201,76,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';
}
.col-one.col-right.large nav.nav-option.options-split-view.circle li#lien-option-large-small.item-menu,
.col-two.col-left.small nav.nav-option.options-split-view.circle li#lien-option-large-small.item-menu:not(:first-child) {
	display: none
}
.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 {
	color: #FFF;
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	font-size: 16px;
	line-height: 32px;
	border-radius : 16px;
	background: rgba(51,77,92,1);
	position: relative;
	z-index: auto !important
}
#racine svg#icon-tree .st0 {
  fill: rgba(51,77,92,1) !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: rgba(52,55,55,1);
	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: #FFF;
	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(51,77,92,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 #e2e2e2;
	border-left: 2px solid #e2e2e2;
	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:rgba(51,77,92,1) !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:  #e2e2e2 !important;
	transition: all 0.2s ease;
}
#section-arborescence .bloc-titre:hover > .item-objet-options .item-objet-option:hover:after {
	background:  rgba(239,201,76,1)!important;
}
#section-arborescence li[id^="item-"]:hover > .bloc-titre > a.item-titre,
#section-arborescence li[id^="item-"].active a.item-titre {
	color: #FFF;
	background: rgba(51,77,92,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(51,77,92],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: rgba(52,55,55,1);
}
#legende-arbo {
	background: rgba(239,201,76,1);
	display: block;
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 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;
}
.col-two,
.col-one {
  background: #FFF !important;
}
/**
* 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:#FFF !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('//www.intranet.cpas1160.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(45,69,81,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:330px;
	width:100%;	
	margin-bottom: 15px
	}
.section-type-mosaic .row .item-logo img.spip_logos {
	height:330px;
	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(45,69,81,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:330px;
}
*/
.section-type-mosaic .row  .article-mosaic:not(.article-mosaic.article-mosaic-raccourcis) .content {
	height: 100%;
    width: 100%;
    position: relative;
 	-webkit-box-shadow: 0px 0px 14px 0px rgba(45,69,81,.2); 
	box-shadow: 0px 0px 14px 0px rgba(45,69,81,.2);
	}
.section-type-mosaic .row  .article-mosaic.article-mosaic-raccourcis {
	height: 100%;
    width: 100%;
    overflow-x: hidden; 
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; 
}
	
.article-mosaic .content {
  border-radius: 20px !important;
  overflow: hidden;
  height: 330px !important;
}

.section-type-mosaic .row  .article-mosaic.article-mosaic-raccourcis .content {
	border-radius: 0px !important;
	overflow: visible;
}
	.section-type-mosaic .article-mosaic .content.zoom10:hover {
		transform:scale(1.05);
	}
.section-type-mosaic .article-mosaic.article-mosaic-raccourcis .content.focus:hover {
	transform:scale(1);
	
}

.section-type-mosaic .article-mosaic:not(.article-mosaic-raccourcis) .content.focus:hover {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(45,69,81,.7); 
	box-shadow: 0px 0px 14px 0px rgba(45,69,81,.7);
	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 {
	padding: 10px;
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	margin: 0px !important;
	background: rgba(255,255,255,.8) !important;
	color: #000;
	}
#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(255,255,255,.8) !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(45,69,81,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);
	}
.article-mosaic:hover .plus-d-info {
	height: 100% !important;
}
.article-mosaic:hover .plus-d-info .picto {
	top: calc( 50% - 38px ) !important;
}
@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 .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 **/



.container-carousel-home {
	overflow: hidden;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(45,69,81,.2); 
	box-shadow: 0px 0px 14px 0px rgba(45,69,81,.2);
}

.carousel-bootstrap {

}
.carousel-bootstrap .carousel-inner,
.carousel-bootstrap,
.carousel-bootstrap .carousel-item,
.carousel-bootstrap .fill,
.container-carousel-bootstrap {
  height:330px;
  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: 330px;
	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(61,77,86,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(60,76,85,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(45,69,81,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('//www.intranet.cpas1160.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(60,76,85,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(45,69,81,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(45,69,81,.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(45,69,81,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(61,77,86,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(45,69,81,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('//www.intranet.cpas1160.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(45,69,81,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(45,69,81,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:#FFF;	
	color: #343737;
}
.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(45,69,81,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; 
}
body#body.cpas1160 .popup-bzzz.popup-box,
body#body.cpas1160 .popup-bzzz.popup-box .main-container {
	border-radius: 15px !important; 
}
.popup-bzzz.popup-box iframe.lecteurpdf.spip_documents {
 max-height: calc( 100vh - 120px );
 min-height: calc( 100vh - 120px );
}
.popup-bzzz.popup-box .article-header {
position: absolute;
  top: -10px;
}

.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;
	
	border-radius: 15px !important;
	overflow: hidden
}
@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(45,69,81,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(60,76,85,1);
}
#onglet-split-view.true #onglet-split-view-view {
	top: 100px;
	width: 40px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	background: rgba(60,76,85,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: #FFF !important;
	width: 32px;
	height: 32px;
	left: 15px;
	z-index: 1;
}
#onglet-split-view:after,
#onglet-split-view:before {
	background: #FFF !important;
}
#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(60,76,85,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(45,69,81,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(60,76,85,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(45,69,81,1) !important;
   border: 1px solid rgba(45,69,81,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(45,69,81,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(60,76,85,.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(45,69,81,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('//www.intranet.cpas1160.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%;
	}
.article-body iframe {
	  border-radius: 10px
	}
/** FORMULAIRE **/
input,
textarea {
	transition:all 500ms ease-in-out
	}
	
.texte  .formulaire_spip textarea,
.texte  .formulaire_spip input {
	border: none;
/*	background: rgba(60,76,85,.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(60,76,85,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(45,69,81,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);
}
	*/
.formulaire_spip em.attention {
	background: rgba(223,73,74,.2);
	color: rgba(223,73,74,1);
	display: inline-block;
	padding: 0px 4px;
	margin-bottom: 4px;
	border-radius: 4px;
	font-size: .85em;
	font-weight: bold;
	top: -4px;
	position: relative
}

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

.form-viewer .saisie_selection  {
	margin-top: 4px !important;
	padding-left: 25px !important;
}

.form-viewer .saisie_date {
	margin-top: 0px !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(45,69,81,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('//www.intranet.cpas1160.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(45,69,81,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(60,76,85,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(45,69,81,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;
}

.formulaire_formidable .choix_alternatif input{
	background: #FFF !important;
	max-width: calc( 100% - 100px ) !important;
}

.formulaire_formidable .editer.saisie_radio .radiobtn,
.formulaire_formidable .editer.saisie_checkbox .checkmark  {
 background: #FFF;
	border: 1px solid rgba(0,0,0,.3)
}

.formulaire_formidable .editer.saisie_radio .radiobtn:after {
 left: 8px;
top: 8px
}

/** 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(45,69,81,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(45,69,81,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(60,76,85,0.33);
	-moz-box-shadow:10px 0 0 0 rgba(60,76,85,0.33);
	box-shadow:10px 0 0 0 rgba(60,76,85,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(45,69,81,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(45,69,81,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('//www.intranet.cpas1160.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('//www.intranet.cpas1160.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(40,132,173,.05);
}
.index-doc-auto tr:nth-child(odd) {
	background: rgba(40,132,173,.15);
}
.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;
	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(40,132,173,.2);
}
.index-doc-auto tr:nth-child(even):hover td.logo,
.index-doc-auto tr:nth-child(even):hover td.titre  {
	background: rgba(40,132,173,.2);
}

.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(45,69,81,1);
	cursor: pointer;	
}
.index-doc-auto .doc-preview:before {
	color: rgba(45,69,81,1)) !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(40,132,173,.15);
}
.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.logo-download:before {
	color:#FFF !important;
}
.index-doc-auto td.doc-preview {
	background: rgba(40,132,173,.25);
}
.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(45,69,81,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(45,69,81,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';
	color: rgba(45,69,81,1);
}
.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(45,69,81,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.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(45,69,81,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
}


 
  /**************/
 /* 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(45,69,81,1) !important;
	width:100%;
	padding:10px 10px 6px 10px;
	font-size:18px;
	background: rgba(45,69,81,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;
}

#menu-admin i,
.menu-hamburger,
.menu-icon-recherche,
.icon-square {
	border-radius: 10px !important;;
	margin: 5px !important;
}
.menu-icon-recherche {
	right: 65px !important;
}

#menu-admin {
	top: 70px  !important;;
	right: 5px !important;
}

.infos-raccourci-bulle {
  position: absolute;
  z-index: 999999999999 !important;
  background: rgba(0,0,0,.8);
  color: #FFF;
  padding: 15px;
  max-width: 200px;
  border-radius: 15px;
}
#menu-case-agenda {
	right: 0px;
	top: 130px
}
/**
* Template Style
*
* [Table of contents]
############################
*   8. Custom METRO - SITE CPAS
############################
**/

/** DIVERS **/

#logo-head-home {
  position: absolute;
  top: 10px;
  left: 10px
}
#logo-head-home img {
  width: 125px;
  height: auto
}
.grad-franck {
	position: absolute;
	top:0px;
	height: 200px;
	width: 100%;
	background: -moz-linear-gradient(0deg, rgba(18,3,3,0) 0%, rgba(18,3,3,.5) 100%);
	background: -webkit-linear-gradient(0deg, rgba(18,3,3,0) 0%, rgba(18,3,3,.5) 100%);
	background: linear-gradient(0deg, rgba(18,3,3,0) 0%, rgba(18,3,3,.5) 100%);
}
#nav-lang {
  right: 130px
}
.main-container.content-sommaire {
padding-top: 0px !important;
    background: #FFF !important;
  border-radius: 35px;
}
.main-container.content-sommaire  #section-type-mosaic > .row{
   margin-top: -25px !important;
}
.popup-content header.article-header {
	margin-top: 10px !important;
}
.popup-content header.article-header .col-titre #col-titre-content h1.article-title.titre {
	padding:0px !important;
}
.popup-content header.article-header .col-logo img.spip_logo.spip_logos {
  height: 100%;
  width: 100%;
  margin: 0px !important;
  padding: 0px !important;
  border-radius: 10px;
}
.popup-content section#objets-enfants.objets-enfants section.section-liste-objet.loop-0 > .table-container > .flex-table.objet:first-child > .flex-row.first {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
.popup-content section#objets-enfants.objets-enfants section.section-liste-objet.loop-0 > .table-container > .flex-table.objet:first-child > .item-thumbnail {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
section#objets-enfants.objets-enfants section.section-liste-objet .flex-container .item-resume .item-header h5.item-title {
  font-weight:normal !important;
}
section#objets-enfants.objets-enfants section.section-liste-objet .flex-container .item-resume .item-text {
  font-size: .9em
}
article.container.main-container.content-article div.article-body section.article-text  {
  margin-top: 15px !important;
}
.btn-path div {
  background: rgba(239, 201, 76,1);
  border-radius: 10px;
  margin-top: -5px !important;
  margin-left: 5px !important;
}
#label-path {
  margin-left: 12px !important;
}
.popup-bzzz {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,.2); 
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,.2); 
}

/** COLONNE LAT **/

/** BTN MENU **/

.parent-recherche-logo-carre-int:hover #recherche-logo-plus{
	margin-top:-3px ;
	margin-left:3px;
	font-size:22px;
	opacity:1
}
body#body.cpas1060 #navigation-principale.navbar #menu-recherche.menu-icon-recherche #recherche-logo-plus {
	height: 25px;
	line-height: 25px
}
/** DIAPORAMA HOME **/

#diaporama-home {
	height:330px;
}
#recherche-home {
	position: absolute;
	top: 200px;
	z-index: 9;
	position: absolute;
	right: 50%;
	transform: translate(50%,-50%);
}

/** POPUP OVERLAY  **/

.popup-bzzz.overflow-popup {
	border-radius: 15px
}
.popup-pannel-btn {
	top: 62px;
	right: 10px
}
.ancre-popup-bzzz{
	margin-top:-59px;
	margin-right:5px
}
.ancre-popup-bzzz:before {
	border-radius: 10px;
}

/** MOSAIC HOME  **/

/*
.article-mosaic .content {
  overflow: visible
}
#section-type-mosaic .article-mosaic .content .content-txt {
  position: absolute;
  bottom: -50px !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 20px;
  padding: 5px 5px 0px 5px !important;
}
#section-type-mosaic .article-mosaic .content .content-txt:before{
 display: none
}

.article-mosaic .content .item-logo{
  overflow: hidden !important;;
  border-radius: 20px;
  height: 280px
}
.article-mosaic .content .plus-d-info {
  border-radius: 20px;
 
}
.article-mosaic .content:hover .plus-d-info {
  height: 280px !important;
   border-radius: 20px;
}
*/

.article-mosaic {
	padding: 40px !important;
}
.article-mosaic-raccourci {
	overflow:visible;
	position: relative;
	height: 100%;
	width: 100%;
	padding-bottom: 30px !important;
}
.article-mosaic-raccourci.col-6 {
	height: 155px
}
.article-mosaic-raccourci.col-4 {
	height: 104px
}
.article-mosaic-raccourci.col-4 .content-raccourci {
	height: 74px !important;
}
.article-mosaic-raccourci .content-raccourci:hover {
	transform:scale(1.05);
}
.article-mosaic-raccourci .content-raccourci {
	margin-bottom: 15px !important;;
	border-radius: 15px !important;
	display: block ;
	overflow:visible;
	height: 100% !important;
	transition:all 500ms ease-in-out;
	width: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(51,51,51,.2); 
	box-shadow: 0px 0px 10px 0px rgba(51,51,51,.2);
}
.article-mosaic-raccourci {
	transition:all 500ms ease-in-out;
}
.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content > div.item-logo img.spip_logos.small {
	height: 280px;
	width: 100%;
	object-fit: cover;	
}
.article-mosaic-raccourci .spip_logos {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 15px !important;
	/* background-color:rgba(40,132,173,.8) ; */
	background-color: #f7f7f7;
	transition:all 500ms ease-in-out;
	overflow:visible;
}
.section-type-mosaic .content-article {
 display: block;
  margin: 20px 0px 20px 20px ;
  padding-right: 20px;
  height: calc( 100% - 40px );
  overflow: auto !important;
}
.section-type-mosaic .article-mosaic-content .content {
	background: #f7f7f7
}
ol.carousel-indicators {
	top: 78% !important;
}
.carousel-bootstrap span[class^="carousel-control-"]:before{
	top: -45px
}
.carousel-caption {
	bottom:0px !important;
}
.article-mosaic .content,
#carousel-home .carousel-item img ,
#carousel-home .carousel-item,
#carousel-home .carousel-inner,
.container-carousel-home {
	height: 280px !important;
}
#section-type-mosaic .article-mosaic .content .content-txt{
  background-color: rgba(0,0,0,.5) !important;
  color: #FFF
}
#section-type-mosaic .article-mosaic .content .content-txt:before {
 border-bottom:10px solid rgba(0,0,0,.5)!important
}
.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content .content-txt h4.item-titre {
	font-size: 1.2em !important;
}
.article-mosaic .spider-video-player,
.article-mosaic .spider-video-player .ajaxbloc {
  height: 100% !important;

}						
.article-mosaic .preview-video-player{
  height: 100% !important;
}
.article-mosaic .player-iframe,
.article-mosaic .preview-video-player .thumbnail {
	object-fit: cover !important;
	height: 280px;
	width: 280px;
}
.article-mosaic .preview-video-player h3.titre{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;;
	font-weight: 300 !important;
	text-align: center;
	font-size: 19px !important;
}

#section-type-mosaic .article-mosaic .content .content-txt{
  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);
}
#section-type-mosaic .article-mosaic .content .content-txt:before {
 display: none
}

#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);
}
#section-type-mosaic .article-mosaic .preview-video-player:hover h3.titre{
  opacity: 0;
  z-index: 0 !important;
}
.carousel-caption {
  padding-top: 20%;
 	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; 
}
.carousel-caption h5 {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;;
	font-weight: 300 !important;
	text-align: center;
	font-size: 22px !important;
	text-shadow: 0px 0px 4px rgba(0,0,0,.5);
}
#section-type-mosaic .macaron-open {
    z-index: 999 !important;
}
#section-type-mosaic .preview-video-player .msg-rgpd  .content-msg-rgpd {
    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: -150%}
    90% { top: -150%}
    100% { top: 0%}
}
@media (max-width:1440px) and (min-width:993px) {	
	.article-mosaic {
		padding: 2.78vw !important;
	}
	#carousel-home .carousel-item img,
	#carousel-home .carousel-item,
	#carousel-home .carousel-inner,
	.container-carousel-home,	
	.article-mosaic .content,
	.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content > div.item-logo img.spip_logos.small  {
		height: 19.4vw !important;
	} 
	.article-mosaic-raccourci.col-4 {
		height: 6.9vw;
	}
	.article-mosaic-raccourci.col-4 .content-raccourci {
	  	height: 5.6vw !important;
		width:  5.6vw !important;
	}

	.article-mosaic-raccourci.col-6 {
		height: 11vw;
	}
	.article-mosaic-raccourci.col-6 .content-raccourci {
	  height: 8.5vw !important;
	}
	.article-mosaic .preview-video-player h3,
	.article-mosaic .item-titre {
		font-size: 1.1em
	}
	.article-mosaic .player-iframe,
	.article-mosaic .preview-video-player .thumbnail {
		height: 19.4vw ;
		width: 19.4vw ;
	}
}
@media (max-width:992px) and (min-width:769px) {
	.article-mosaic {
		padding: 2.78vw !important;
	}
	#carousel-home .carousel-item img,
	#carousel-home .carousel-item,
	#carousel-home .carousel-inner,
	.container-carousel-home,
	.article-mosaic .content,
	.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content > div.item-logo img.spip_logos.small  {
		height: 27.9vw !important;
	}
	.article-mosaic-raccourci.col-4 {
		height: 10.4vw;
	}
	.article-mosaic-raccourci.col-4 .content-raccourci {
	  height: 7.23vw !important;
	}

	.article-mosaic-raccourci.col-6 {
		height: 15.5vw;
	}
	.article-mosaic-raccourci.col-6 .content-raccourci {
	  height: 12.35vw !important;
	}
	.article-mosaic .preview-video-player h3,
	.article-mosaic .item-titre {
		font-size: 1.1em
	}
	.article-mosaic .player-iframe,
	.article-mosaic .preview-video-player .thumbnail {
		height: 27.9vw;
		width: 27.9vw;
	}
}
@media (max-width:768px) and (min-width:577px) {
	.article-mosaic {
		padding: 2.78vw !important;
	}
	#carousel-home .carousel-item img,
	#carousel-home .carousel-item,
	#carousel-home .carousel-inner,
	.container-carousel-home {
		height: 280px !important;
	} 
	.article-mosaic .content,
	.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content > div.item-logo img.spip_logos.small  {
		height: 27.9vw !important;
	} 
	.article-mosaic-raccourci.col-4 {
		height: 11vw;
	}
	.article-mosaic-raccourci.col-4 .content-raccourci {
	  height: 6.2vw !important;
    border-radius: 7px !important;
	}
	.article-mosaic-raccourci.col-4 .content-raccourci .spip_logos {
	  border-radius: 7px !important;
	}
	.article-mosaic-raccourci.col-6 {
		height: 16.2vw;
	}
	.article-mosaic-raccourci.col-6 .content-raccourci {
	  height: 11.6vw !important;
	}
	.article-mosaic .preview-video-player h3,
	.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content .content-txt h4.item-titre {
		font-size: 1em !important;
	}
	.article-mosaic .player-iframe,
	.article-mosaic .preview-video-player .thumbnail {
		height: 27.9vw;
		width: 27.9vw;
	}
}

@media (max-width:576px) {
	#carousel-home .carousel-item img,
	#carousel-home .carousel-item,
	#carousel-home .carousel-inner,
	.container-carousel-home {
		height: 280px !important;
	}
	.article-mosaic {
		padding: 2.78vw !important;
	}
	.article-mosaic .content,
	.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content > div.item-logo img.spip_logos.small  {
		height: 44.5vw !important;
	}	
	.article-mosaic-raccourci.col-4 {
		height: 16.5vw;
	}
	.article-mosaic-raccourci.col-4 .content-raccourci {
		height: 11.31vw !important;
	}
	.article-mosaic-raccourci.col-6 {
		height: 24.95vw;
	}
	.article-mosaic-raccourci.col-6 .content-raccourci {
		height: 19.52vw !important;
	}
	.article-mosaic .preview-video-player h3,
	.page_sommaire section#section-type-mosaic.section-type-mosaic .article-mosaic > div.content .content-txt h4.item-titre {
		font-size: 1em !important;
	}
	.article-mosaic .preview-video-player .thumbnail {
		height: 16.5vw;
		width: 16.5vw;
	}
}

#section-type-mosaic {
  position: relative;
  z-index: 9
}
  .article-mosaic-raccourci.col-6.items-2 {
	height: 280px !important;
  }
 .article-mosaic-raccourci.col-6.items-2 img {
   height: 280px  !important;
 
}
@media (max-width: 1440px) {
  .article-mosaic-raccourci.col-6.items-2 {
	height: 19.5vw !important;
  }
 .article-mosaic-raccourci.col-6.items-2 img {
   height: 19.5vw !important;
 
}
  
}

@media (max-width: 992px) {
  .article-mosaic-raccourci.col-6.items-2 {
   height: 27.9vw !important;
  }
 .article-mosaic-raccourci.col-6.items-2 img {
   height: 27.9vw !important;
 
}
}

@media (max-width: 576px) {
  .article-mosaic-raccourci.col-6.items-2 {
   height: 45vw  !important;
  }
 .article-mosaic-raccourci.col-6.items-2 img {
   height: 45vw !important;
 
}
}

/** EDITO  **/

.page_sommaire #edito h1.article-title  {
  padding-bottom: 20px !important;
}

#edito > .ajaxbloc > article .article-header{ 
	margin-top: -45px;
}
#edito > .ajaxbloc > article {
	width: 100% !important;
	padding-left: 0px  !important;
	padding-right: 0px  !important;
	margin: 0px auto  !important;
	max-width: none;
	padding-left: 40px  !important;
	padding-right: 40px  !important;
	background: #FFF;
	border-radius: 40px;
}
#edito {
	padding-left: 0px  !important;
	padding-right: 0px  !important;
	margin: 0px auto  !important;
}
#edito .col-ariane,
#edito #cartouche-infos {
	display: none
}

/* LISTE ENFANT */

section#objets-enfants section.section-liste-objet .item-thumbnail img.spip_logos {
  border-radius: 12px !important;
}

/* FOOTER */
footer .message-map-content {
	color: #000 ;
	font-size: .9em
	
}
footer .message-map-footer .btn.btn-ok {
font-size: 1em;
	margin-bottom: -15px;
	background: #21A6A5;
	color: #FFF;
	padding: 4px;
	border-radius: 8px
}
footer .message-map-footer .btn.btn-ok:hover {
 background: #07353A
}
.map-preview div div#content h1  {
 font-size: 1.1em
}

.map-preview div div#content  {
  color: #000 !important;
}
.map-preview  {
  border-radius: 20px 
}
footer .col-info a {
  color: #EFC94C
}
footer .col-info  {
  padding: 20px;
}
footer .col-info .col-content {
  background: rgba(255,255,255,.1);
  border-radius: 20px;
  height: 100%;
  
}
footer .col-info:not(.col-info-map) .col-content{
	padding: 10px 0px
}


/* PAGE */

#body:not(.page_sommaire) .container-fluid.container-content article.container.main-container {
  padding: 75px 40px 40px 40px;
	margin: 70px auto;
  border-radius: 20px;
  -webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.3);box-shadow:0 0 14px 0 rgba(51,51,51,.3)
}
#body:not(.page_sommaire) .container-fluid.container-content article.container.main-container #social_share {
  left: calc( 100% - 55px )
}

body#body.cpas1160 #social_share {
	display: none !important
}

/* FORMULAIRE FORMIDABLE */

.formulaire_spip.formulaire_formidable input,
.formulaire_spip.formulaire_formidable textarea,
.formulaire_spip.formulaire_formidable .editer label{
	color: #13262f
}
.formulaire_spip.formulaire_formidable .obligatoire:before {
	top: -5px
}
.formulaire_spip.formulaire_formidable .editer img.ui-datepicker-trigger {
	top: 38px;
	-webkit-filter: drop-shadow(0px 0px 3px rgba(19,38,47,.2));
  filter: drop-shadow(0px 0px 3px rgba(19,38,47,.2));
}
#ui-datepicker-div.ui-datepicker a.ui-corner-all {
	border-radius: 6px !important;
	border: none
}
#ui-datepicker-div.ui-datepicker a.ui-corner-all:before {
	width: 100%;
	text-align: center;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.time-picker,
#ui-datepicker-div,
.saisie_selection_custom div.select {
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.49) !important;
	box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.49) !important;
}

.saisie_selection_custom .btn-select {
	border: 1px solid #e1e1f2 !important;
	margin: 0px
}
.saisie_selection_custom .btn-select:hover {
  background: #f0f0f9 !important;
}
.saisie_selection > label {
	padding-left: 5px
}
.saisie_selection {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.flex-container {
  display: flex;
  flex-direction: row;
}

.flex-container > .flex-item {
  flex: auto;
	position: relative;
}
.flex-container > .flex-item.flex-item-date input.date,
.flex-container > .flex-item.flex-item-heure input.heure {
	  width: calc( 100% - 5px) !important;
}
.flex-container > .flex-item.flex-item-date input.date {
	   margin-left: 0px !important;
	  margin-right: 5px !important;
}
.flex-container > .flex-item.flex-item-heure input.heure {
	margin-left: 5px !important;
	margin-right: 0px !important;
}
.flex-container > .flex-item.flex-item-heure{
	padding-right: 0px;
	margin-left: 0px !important;
}
.flex-container > .flex-item img.ui-datepicker-trigger {
	top: -2px !important;
	position: absolute;
	margin-left: -20px !important;
}
.flex-container > .flex-item span.button-timePicker {
	top: 7px !important;
	position: absolute;
	right: 0px
}


.formulaire_spip.formulaire_formidable .row>* {
	padding-left:  25px;
}





.formulaire_spip.formulaire_formidable  .col-lg-auto {
		flex: 0 0 auto;
		width: auto
	}
.formulaire_spip.formulaire_formidable	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}
.formulaire_spip.formulaire_formidable	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}
.formulaire_spip.formulaire_formidable	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%
	}
.formulaire_spip.formulaire_formidable	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}
.formulaire_spip.formulaire_formidable	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}
.formulaire_spip.formulaire_formidable	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%
	}
.formulaire_spip.formulaire_formidable	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}
.formulaire_spip.formulaire_formidable	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}
.formulaire_spip.formulaire_formidable	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%
	}
.formulaire_spip.formulaire_formidable	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}
.formulaire_spip.formulaire_formidable	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}
.formulaire_spip.formulaire_formidable	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%
	}



/* SIGNATURE AITB */

.beebuzz-author-box {
	opacity: 1 !important
}
.beebuzz-author-box #svg-skype,
.beebuzz-author-box #svg-mail,
.beebuzz-author-box	.svg-aitb-c1 {fill:#FFF;}
.beebuzz-author-box,
.beebuzz-author-box a {
  color: #FFF !important;
	transition: all .5s ease-out;
}
.beebuzz-author-box address {
	/*
	display: none !important
	*/
}

.beebuzz-author-box #svg-skype,
.beebuzz-author-box #svg-mail{
	margin-top: 7px
}
.beebuzz-author-box:hover #svg-skype #svg-skype-1,
.beebuzz-author-box:hover  #svg-mail #svg-mail-1{
	fill:#81a6a1 !important;
}
.beebuzz-author-box #svg-skype:hover #svg-skype-1,
.beebuzz-author-box #svg-mail:hover #svg-mail-1 {
	fill:#f4ae79 !important;
}
.beebuzz-author-box:hover a {
	color: #f4ae79 !important;
}
.beebuzz-author-box a:hover {
	color: #81a6a1 !important;
}
.beebuzz-author-box #svg-aitb {
	margin-bottom: 5px
}
.beebuzz-author-box:hover #svg-aitb-1 {
 transform: rotate(5deg);
  transform-origin: center right;
   fill: #cd4353 !important
}
.beebuzz-author-box svg {
	overflow: visible !important;
}
.beebuzz-author-box:hover svg #svg-aitb-3,
.beebuzz-author-box:hover svg #svg-aitb-2 {
 transform: rotate(10deg);
  transform-origin: center right;
   fill: #81a6a1 !important
}
.beebuzz-author-box:hover svg  #svg-aitb-4 {
  transform: rotate(15deg) translate(5px, 18px);
  transform-origin: center right;
   fill: #f4ae79 !important;
	z-index: 999999999;
	position: relative;
}
.beebuzz-author-box:hover svg  #svg-aitb-6,
.beebuzz-author-box:hover svg  #svg-aitb-7,
.beebuzz-author-box:hover svg  #svg-aitb-8,
.beebuzz-author-box:hover svg  #svg-aitb-9 {
	transform: rotate(-5deg) translate(-20px, 5px) scale(1.2);
	fill: #81a6a1 !important
}
.beebuzz-author-box svg .svg-aitb-el,
.beebuzz-author-box:hover svg .svg-aitb-el {
   transition: all .5s ease-in-out; 
}


#section-type-mosaic.rub-mosa .article-mosaic {  padding: 15px !important;}
#section-type-mosaic.rub-mosa{
	padding-top: 0px !important;
	margin-top: 0px !important;
}

.menu-ls {
	position: absolute;
	right: 0;
	top: -5px;
	padding: 4px;
	border-radius: 4px;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1);
}
.menu-ls span:not(.sep) {
	cursor: pointer
}
.menu-ls span:not(.on) {
	opacity: .3
}
.menu-ls span:not(.sep):hover {
	opacity: 1
}
.tooltip-inner {
  font-size: .9em !important;;
	max-height: 150px !important;
	overflow: auto
}


#btn-bear-menu.right.large.bear-menu-large{
	top: 70px;
	right: 5px;
	width:54px;
	height: 54px;
	border-radius: 10px
}
#btn-bear-menu.right.large.bear-menu-large:before {
	font-family: fontawesome;
	content: '\f013';
	color: #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	opacity: 1;
	display:block;
	position:absolute;
	z-index: -1;
	left: 2px;
	top: 2px;
	height: 16px;
	width: 16px;
	margin: 0px !important;
	padding: 0px !important;
	transition: all 1s ease-out
}
body#body.cpas1160 #btn-bear-menu.right.large.bear-menu-large:hover:before {
	transform: rotate(360deg);
}
body#body.cpas1160 #btn-bear-menu.right.large.bear-menu-large.active {
	right: 305px;
}
body#body.cpas1160 #btn-bear-menu.right.large.bear-menu-large svg {
	margin-left: 2px !important;
	margin-top: 1px !important;
}

body#body.cpas1160 #btn-bear-login {
	opacity: 1;
	position: fixed;
	z-index: 9999999999;
	display: block !important;
	top: 70px;
	left: calc( 100% - 60px ) !important;
	width: 54px !important;
	height:54px !important;
	border-radius: 10px;
	background: #13262f;
	font-size: 0px;
	border: none
}
body#body.cpas1160 #btn-bear-login:hover {
	background:#efc94c;
}
body#body.cpas1160 #btn-bear-login.btn-bear-logout:hover {
	background:#df494a;
}
body#body.cpas1160 #btn-bear-login:before {
	font-family: fontawesome;
	content: '\f2be';
	font-size: 28px;
	line-height: 38px !important;
	position: relative;
}
body#body.cpas1160 #btn-bear-login.btn-bear-logout:before {
	content: '\f08b';
}
#bear-login-modal .modal-footer,
#bear-login-modal .modal-header {
display: none !important;
}

body#body.cpas1160.session_false button#btn-bear-login {
	display: none !important;
}

body#body.cpas1160.session_false[data-falcon-access="true"] button#btn-bear-login{
	display: block !important;
}
/*****************************/
   /*    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(45,69,81,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(45,69,81,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)
}

#section-galerie-image.galerie-image-col-principale ul{
	padding: 10px 0px
}
#section-galerie-image.galerie-image-col-principale #galerie-image li {
	width: 110px !important;
	height: 110px !important;
	border-radius: 20px !important;
	float: none !important;
	display: inline-block;
	margin: 5px !important;
	background: transparent;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.34); 
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
}
#section-galerie-image.galerie-image-col-principale #galerie-image li > div a{
	width: 110px !important;
	height: 110px !important;
	border-radius: 20px !important;
	border: 5px solid #FFF;
	overflow: hidden;
}


/* SLICK */
.info-galerie {
	position: relative;
	bottom: -15px;
	z-index: 9999
}
.origine-galerie {
	cursor: pointer;
	background: #efc94c;
	display: inline-block;
	padding: 0 6px;
	font-size: .85em;
	border-radius: 6px;
	color: #465e6b;
}
.origine-galerie .label-source {
	font-size: .85em;
	font-weight: bold
}
.origine-galerie:hover {
	background: #4fb29c;
	color: #fff;
}
.slick-slide {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	margin: 10px;
	height: auto;	
	padding: 0px
}
.slick-slide-item img {
	border-radius: 20px !important;
	background: #FFF;
	padding: 10px !important;
	width: 100%;
}
.rubrique  .slick-slide-item img  {
	padding: 10px 10px 5px 10px !important;;
}
.slick-container {
	margin-bottom: 60px !important
}
.slick-slide .img-box-cover img {
	width: 150px;
	height: 100%;
	object-fit: cover !important;
	border-radius: 6px;
	margin-left: 10px
}
.slick-slide .img-box-cover {
	width: 150px;
	height: 100%;
	float: right
}
.slick-loading .slick-list {
	background: #fff url('https://www.intranet.cpas1160.be/plugins/beebuzz/themes/cpas1160/css/img/loading.gif') center center no-repeat;
}
/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 80px;
	height: 360px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	z-index: 9;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	background: transparent;
/*
background: -moz-linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);	
*/

}
.slick-next,
.slick-next:hover,
.slick-next:focus {
/*
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%);
*/
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
	font-family: 'FontAwesome';
	font-size: 60px;
	line-height: 1;
	opacity: .75;
	color: #F7A600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
	left: -25px;
}
[dir='rtl'] .slick-prev
{
	right: -25px;
	left: auto;
}
.slick-prev:before
{
	content: '\f104';
}
[dir='rtl'] .slick-prev:before
{
	content: '\f105';
}
.slick-next
{
	right: -25px;
}
[dir='rtl'] .slick-next
{
	right: auto;
	left: -25px;
}
.slick-next:before
{
	content: '\f105';
}
[dir='rtl'] .slick-next:before
{
	content: '\f104';
}
/* Dots */
.slick-dotted.slick-slider
{
	margin-bottom: 30px;
}
.slick-dots
{
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li
{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button
{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1;
}
.slick-dots li button:before
{
	content: "\f111";
	font-family: FontAwesome,ForkAwesome;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	opacity: .75;
	color: black;
}
	.slick-slide  h2  {
	font-size: 1.5em
}
.slick-slide time {
	font-size: .85em;
	color: #afafaf
}
.slick-track {
	padding: 20px 0;
}
.slick-slide {
	position: relative;
	background: #FFF;
	transition: .5s;
}
.slick-slide:hover {
	transform: scale(1.02) !important;
}
.slick-slide .btn.btn-primary {
	font-size: .8em !important;
	padding: 8px;
	position: absolute !important;
	bottom: 30px;
	right: 15px
}
.slidesToShowOne  .slick-slide  {
	margin-left: 50px;
	margin-right: 50px
}
@media (min-width: 768px) and (max-width: 992px) {
	.slick-slide .img-box-cover {
		width: 100% !important;
		height: 100px !important;
	}
	.slick-slide .img-box-cover img {
		height: 100px !important;;
		margin: 0px !important;
		width: 100% !important;
	}
	.slick-slide .box-text {
		height: 280px;
		overflow: scroll
	}
	.slick-slide .btn.btn-primary {
		bottom: 10px;
		padding: 5px
	}
}

.slick-arrow:before {
	background: #FFF;
	display: inline-block;
	width: 60px !important;
	border-radius: 30px
}
#nav-lang a:hover {
  color: #FFF !important;
}

.logo-play:before,
.item-hover-label,
.plus-d-info .picto,
.carousel-control-prev-icon:before,
.carousel-control-next-icon:before,
.macaron-open {
  border-radius: 12px !important;
  font-weight: normal !important
    
}
.carousel-control-prev-icon:before,
.carousel-control-next-icon:before{
  background: rgba(0,0,0,.8) !important;
}
.carousel-control-prev-icon:before {
  left: 10px
}
.carousel-control-next-icon:before {
  right: 10px
}


.section-type-mosaic .row .plus-d-info .picto{top: -80px;display : flex;position: absolute; left: calc(50% - 35px);
 align-items : center;
 justify-content : center;}
.section-type-mosaic .row .article-mosaic .content:hover .plus-d-info .picto {top: calc(50% - 60px)}
.section-type-mosaic .row .article-mosaic .content .plus-d-info .picto:hover  {transform: rotate(360deg);}

.spider-video-player  .item-hover-label,
.spider-video-player  .content-msg-rgpd {
  font-family: Arial, Helvetica, sans-serif !important;
}
.spider-video-player  a.btn-info-rgpd {
  background: #e65c67; color: #FFF; padding: 4px; border-radius: 4px
}
.spider-video-player  a.btn-info-rgpd:hover {
  background: #efc94c; color: #334d5c; padding: 4px; border-radius: 4px
}
#pannel-menu {
  margin: 5px;
  border-radius: 10px !important;
  height: calc( 100% - 10px ) !important;
  overflow: hidden;
 -webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.6);box-shadow:0 0 14px 0 rgba(51,51,51,.6)
}
#menu-hamburger.is-opened {
  margin-right: 10px !important;
}
	#facebook_iframe
	{
	height: 640px;	
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
	background: #f5f6f7;
 -webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.2);box-shadow:0 0 14px 0 rgba(51,51,51,.2)
	}
.article-infos > section {
  margin: 0px 0px 20px 0px;
  border-radius: 20px;
  background: rgba(40,132,173,.15);
}
.article-infos > section table tr:hover td {
  background: rgba(40,132,173,.15);
}
.article-infos > section table {
  border-radius: 20px !important;;
  border: none !important;
}
.article-infos > section table td.logo {
 width: 85px !important;
}
.article-infos > section table td .titre-doc {
 color: #4c4c4c !important;
}
.article-infos > section table td .info-doc {
   color: #4c4c4c !important;
}
.article-infos > section table td .doc-specifications {
   color: #4c4c4c !important;
}
.article-infos > section table tr td {
  border-bottom: 1px solid #FFF
}
.article-infos > section table tr:last-of-type,
.article-infos > section table tr:last-of-type td {
  border-bottom: none !important;
}
section.article-infos {
  padding: 20px 0px 20px 20px !important;
  border: none !important;
}
.page_sommaire #social_share {
  right: -10px;
  top:20px
} 
#social_share {
  top: -45px;
  position: absolute;
  z-index: 99999999;
  right: 152px;
  width: 60px;
}
.popup-content #social_share {
  margin-top: -65px;
  right: 150px
}
#social_share a {
	height: 25px;
	width: 25px;
  line-height: 25px;
  display: inline-block;
   margin-bottom: 4px !important;
}
#social_share a.social_share:before {
  font-family: 'FontAwesome';
  content: "";
  width: 25px;
  line-height: 25px;
  font-size: 18px !important;
  text-align: center;
  color: #1771e6;
  background: rgba(40,132,173,.4);
  display: block;
  border-radius: 6px;
  opacity: .5;
  transition: all .5s;
}
#social_share a.social_share_fb:before {
  content: "\f09a";
}
#social_share a.social_share_mail:before {
  content: "\f0e0";
}
#social_share a.social_share_twitter:before {
  content: "\f099";
}
#social_share a.social_share_twitter:before {
  content: "\f099";
}
#social_share a.social_share_link:before {
  content: "\f0c1";
}
#social_share a.social_share:hover:before {
  opacity: 1;
  background: #1771e6;
  color: #FFF
}
#section-type-mosaic {
  position: relative;
  z-index: 9;
  margin-top: 50px
}
/* CPAS ST GILLES */
.cpas1060 #section-type-mosaic {
  padding-top: 0px !important;
  margin-top: 0px !important
}
.menu-icon-case-cloche {
  margin-top: 5px;
  margin-right: 27px;
  border-radius: 10px
}
.titre-raccourci {
  text-align: center;
  width: 94px;
  margin-left: -15px;
  font-size: .9em;
  display: block;
  text-overflow:"…" ;
  white-space: nowrap;
  overflow:hidden;
}
.article-mosaic-raccourci {
  position: relative
}
.article-mosaic-raccourci:hover {
  z-index: 9999999
}
.article-mosaic-raccourci:hover .titre-raccourci {
  margin-top: 4px;
  overflow:visible;
  color: #FFF;
  text-overflow: initial !important;
  white-space:  initial;
  position: absolute;
  background: rgba(0,0,0,.65);
  z-index: 9999999 !important;
  border-radius: 4px;
  padding: 4px;
  display: block;
  width: calc( 100% + 30px ) !important;  
}
.col-6.article-mosaic-raccourci .titre-raccourci {
  text-align: center !important;
  width: 100%;
  margin-left:0px
}
.col-6.article-mosaic-raccourci:hover .titre-raccourci {
  margin-left:-15px
}
.article-mosaic-raccourci .item-descriptif {
  font-size: .9em;
  display: none
}
.article-mosaic-raccourci:hover .item-descriptif {
  display: block
}
.titre-raccourci   {
  display: none !important
}
@keyframes defilement-titre {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}
#newsTicker15 {
  bottom: 10px !important;
  width: calc( 100vw - 20px ) !important;
  left: 10px;
  border-radius: 10px !important;
  height: 55px !important;
  background: #334d5c
}
.bn-label {
  line-height: 55px !important;;
}
#newsTicker15 .bn-news ul li span {
  display: block;
  color: #FFF
}
#newsTicker15 .bn-news ul li span,
#newsTicker15 .bn-news ul li a {
  height: 55px;
  background: #334d5c;
  line-height: 55px !important;
}
#newsTicker15 .bn-news {
  background: #334d5c !important;
}
#newsTicker15 .bn-news ul li a:before {
  height: 55px;
   background: #293d48;
}
#newsTicker15 .bn-news ul li span:hover,
#newsTicker15 .bn-news ul li a:hover {
  background: #243640
}
#newsTicker15 {
  z-index: 9 !important;
  border: none;
-webkit-box-shadow: 0px 0px 15px 5px rgba(19,29,35,0.33); 
  box-shadow: 0px 0px 15px 5px rgba(19,29,35,0.33); 
}
#newsTicker15  .bn-controls button {
  background: #243640 !important
}
#newsTicker15  .bn-controls button:hover {
  background: #4fb29c !important
}
#pannel-menu,
#pannel-menu-visiteur {
  background: #334d5c
}
#mon-compte td {
  background: #243640;
  border-color: #334d5c!important;
}
#mon-compte td {
  background: #243640 !important;
  border-color: #334d5c!important;
  border-radius: 10px;
  padding: 10px !important;
}
#mon-compte table td:hover {
  background: #4fb29c !important;
  color: #FFF !important;
}
#pannel-menu-site {
  background: #3d5664 !important;
}
#pannel-menu .btn-menu.false {
   background: #243640 !important;
  color:  #426275 !important;
}
#pannel-menu ul {
  background: #334d5c
}
#pannel-menu li ul.dropdown-menu {
  background: rgba(255,255,255,.05 ) !important;
}
#pannel-menu .item-nav.active   {
   background: #2c4350 !important;
}
.pannel-menu #item-nav-recherche {
    overflow: auto !important;
  padding-bottom: 70px !important;
}


@media (max-width: 576px) {
  #item-carousel{
    margin-top: 10px
  }
  .popup-bzzz .col-titre,
  .popup-bzzz .col-logo {
    padding-top: 25px
  }
}
.col-logo .spip_logo {
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.34); 
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
}
/* MENU MOBILE */

@media (max-width: 480px) {
  #pannel-menu {
    width: calc( 100% - 70px ) !important;
  } 
  #pannel-menu-site ul,
  #pannel-menu-site li,
  #pannel-menu-site  a,
  #pannel-menu-visiteur {
    max-width: 100% !important;
    width: 100% !important;
  }
#navigation-principale #menu-hamburger.is-closed {
  margin-left: 0px !important;
  right: 0px !important
  }
#navigation-principale #menu-hamburger.is-opened {
  margin-left: 0px !important;
  right: calc( 100% - 70px ) !important;
  }
#agenda-popup,
#petite-cloche-popup {
    max-width: calc( 100vw  - 70px )!important;
    width: calc( 100vw  - 70px ) !important;
  }
#petite-cloche-popup-liste td table td *{
    max-width: calc( 100vw  - 194px )!important;
  }
}
@media (max-width: 396px) {
  #nav-lang {
    padding-right: 0px !important;
    margin-right: -5px !important;
  }
  #nav-lang:after {
    display: none !important
  }
}
@media (max-width: 386px) {
  #nav-lang .item-nav.on  {
    display: none;
  }
  
  #nav-lang .item-nav:not(.on) {
    opacity: 1 !important;
    color: #FFF !important
  }
}
#nav-lang .item-nav:not(.on):before {
  font-family: fontawesome;
  content: '\f021';
  display: inline-block;
  transition: all .5s ease-out;
}
#nav-lang .item-nav:not(.on):hover:before {
  -ms-transform: scale(1.3) rotate(360deg); /* IE 9 */
  -webkit-transform: scale(1.3) rotate(360deg); /* Safari 3-8 */
  transform: scale(1.3) rotate(360deg);
}

#popup-form_recherche #input_inc-grille-objet {
  border-radius: 10px !important;
  background: #334d5c;
}
#popup-form_recherche #input_inc-grille-objet:focus {
  outline: none !important;
  background: #3e5f71;
}
#popup-form_recherche .message {
  border-radius: 10px !important;
}

#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text {
	font-family: Arial, Helvetica, sans-serif !important;;
	color: #000
}
#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text {
	padding: 30px !important;
	background: #dfedf3 !important;
}

#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text::-ms-input-placeholder { /* Edge 12 -18 */
	font-family: Arial, Helvetica, sans-serif;
	color: #3796b7 !important;
	 opacity: .5;
}
#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: Arial, Helvetica, sans-serif;
	color: #3796b7 !important;
	 opacity: .5;
}
#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text::-moz-placeholder { /* Firefox 19+ */
	font-family: Arial, Helvetica, sans-serif;
	color: #3796b7 !important;
	 opacity: .5;
}
#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text:-ms-input-placeholder { /* IE 10+ */
	font-family: Arial, Helvetica, sans-serif;
	color: #3796b7 !important;
	 opacity: .5;
}
#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text::-moz-placeholder { /* Firefox 18- */
	font-family: Arial, Helvetica, sans-serif;
	color: #3796b7 !important;
	 opacity: .5;
}
#popup-form_recherche #recherche_inc-grille-objet input#input_inc-grille-objet.search.text::placeholder { 
	font-family: Arial, Helvetica, sans-serif;
	color: #3796b7 !important;
	 opacity: .5;
}


.ancre-popup-bzzz:before {
  background: #3e5f71;
}
.popup-group-btn #popup-menu-hamburger.popup-btn.btn-menu-hamburger.icon-square,
.popup-group-btn #popup-btn-nav-options {
  background: #efc94c !important;
}

footer:not(.article-footer) {
  padding-bottom: 30px;
  background: rgb(58,87,103);
  background: linear-gradient(0deg, rgba(58,87,103,1) 0%, rgba(33,48,56,1) 100%) !important;
}
#agenda-popup,
#petite-cloche-popup {
  position: fixed;
  top: 65px !important;
  right: 65px !important;
  max-width: calc(  100% - 108px );
  max-height: calc(  100% - 70px );
  overflow: hidden;
  width: 370px;
  height: 600px;
  padding: 55px 20px 20px 20px;
  border-radius: 12px;
  background: #283d49 !important;
  z-index: 999999999999 
}

#petite-cloche-popup-liste {
  margin-top: 20px !important;
  height: 500px !important;
  max-height: calc( 100vh - 150px ) !important;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 10px !important;
}
#petite-cloche-popup-liste tr {
    border: none !important;
}
.article_cloche-table {
  border-radius: 10px !important;
  background: #334d5c;
  margin-top: 5px;
  transition: all .5s ease-out;
}
.article_cloche-table:hover {
 background: #1c2c35
}
.article_cloche-table td {
    padding: 10px 5px !important;
}
#petite-cloche-popup-liste tr:hover {
  background: none !important;
}
.article_cloche-table .td-date {
  color: #efc94c !important;
}
.article_cloche-table .item_article_cloche-infos td .defile {
  color: rgba(255,255,255,.7) !important;
}
.item_article_cloche-infos td  {
padding: 5px !important;
}

#petite-cloche-popup-btn-close {
  position: absolute;
  right: 0px;
  top: 0px
}
#titre-petite-cloche-popup {
  font-size: 22px;
  position: absolute;
  left: 20px;
  top: 20px	
}


#nav-lang {
  right: 200px !important;
  padding-right: 5px
}
/* CPAS ST GILLES */
.cpas1060 #nav-lang {
  right: 135px !important;
  padding-right: 5px
}

#nav-lang:after {
  content: '';
  position: absolute;
  display: block;
  right: -3px;
  top: 18px;
  width: 4px;
  border-radius: 2px;
  height: 28px;
  background: #334d5c;
  opacity: .3
}

#nav-lang .item-nav:not(.on) {
  background: #334d5c;
  color: rgba(255,255,255,.5);
  opacity: .9
}
#nav-lang .item-nav:not(.on):hover {
    color: rgba(255,255,255,1);
  opacity: 1
}

#icon-logo_nav_svg {
  position: fixed; 
  background: #B44150; 
  top:0px; 
  left: 0px; 
  padding: 7px !important;
  cursor: pointer
}
.cpas1060 #icon-logo_nav_svg {
  position: fixed; 
  background: #e0e0e0; 
  top:0px; 
  left: 0px; 
  padding: 7px !important
}
body.cpas1160 #icon-logo_nav_svg {
  z-index: 99 !important
}
#icon-logo_nav_svg:hover {
  z-index: 99 !important;
  -webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.34); 
  box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.34);
  -ms-transform: scale(1.1) rotate(-15deg); /* IE 9 */
  -webkit-transform: scale(1.1) rotate(-15deg); /* Safari 3-8 */
  transform: scale(1.1) rotate(-15deg);
}

#logo_nav_svg {
  position: relative;
  top: -8px !important;
}

img.logo_contain {
 object-fit: contain !important; 
 background: #334d5c
}
section#section-type-mosaic div.row.row-eq-height > div {
  /* padding: 15px !important; */
}









.st0 {
 fill:#FFFFFF;
}





#formulaire_login_forum #spip_logo_auteur   {
  display: none 
}


/* POPUP OVERLAY - FORMULAIRE LOGIN */
 .popup-bzzz input,
.popup-bzzz textarea {
  font-family:Inter !important ;
  border: 1px solid rgba(247,166,0,1);
  background: rgba(247,166,0,.1);
  width: 100%;
  padding: 10px 
}
#formulaire_login_forum #spip_logo_auteur   {
  display: none 
}
.popup-bzzz input:focus,
.popup-bzzz textarea:focus {
  background: rgba(247,166,0,.2) 
}
.popup-bzzz .formulaire_spip .editer {
  margin-bottom:10px 
}
.popup-bzzz input.submit {
  background: rgba(247,166,0,1);
  cursor: pointer;
  color: #FFF 
}
.popup-bzzz input.submit:hover {
  background: rgba(0,169,166,1) !important;
  border: 1px solid rgba(0,169,166,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(247,166,0,1) 
}
.popup-bzzz .details a#spip_pass {
  display: inline-block;
  border: 1px solid rgba(247,166,0,1);
  padding: 5px;
  border-radius: 4px;
}
.popup-bzzz .details a#spip_pass:hover {
  background: rgba(247,166,0,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 
}
/** POPUP RECHERCHE **/
 .formulaire_recherche_ajax {
  position: relative;
  overflow: hidden 
}
#recherche_inc-grille-objet {
  position: -webkit-sticky !important;
    /* Safari */
  position: sticky !important;
  z-index: 9;
  top: 0;
}
.btn-clear-container {
  position: absolute;
  top: 20px;
  right: 10px;
  margin: auto;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: all 0.3s ease-in;
  opacity: 1 
}
.formulaire_recherche_ajax:not(.active-research) .btn-clear-container {
  right: -100px !important;
  opacity: .2 
}
.btn-clear-container .leftright {
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #F4A259;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in;
}
.btn-clear-container .rightleft {
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #F4A259;
  border-radius: 2px;
  transform: rotate(-45deg);
  transition: all 0.3s ease-in;
}
.btn-clear-container label {
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.3s ease-in;
  opacity: 0;
}
.btn-clear-container .btn-clear {
  margin: 60px 0 0 5px;
  position: absolute;
}
.btn-clear-container:hover .leftright {
  transform: rotate(-45deg);
  background-color: #F25C66;
}
.btn-clear-container:hover .rightleft {
  transform: rotate(45deg);
  background-color: #F25C66;
}
.btn-clear-container:hover label {
  opacity: 1;
}
#popup-form_recherche .article-body{
  padding-bottom: 140px;
  color: rgba(,1) 
}
#popup-form_recherche[data-theme="light"] .article-body{
  color: #000 
}
#input_inc-grille-objet {
  font-family:Inter !important ;
  background: rgba(,1);
  color:rgba(,1);
  font-weight: 300;
  border: none;
  padding: 22px 15px;
  font-size: 28px;
  margin-bottom: 20px;
}
.popup-bzzz[data-theme="light"] #input_inc-grille-objet {
  background: #FFF;
  color:#000;
  border: 4px solid #000 
}
#menu-nombre_resultat .item_resultat {
  font-size: 16px !important;
  text-transform: lowercase;
  display: inline-block;
  padding: 4px;
  margin: 4px;
  border: 4px 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_article {
  color: rgba(0,169,166,1);
}
#menu-nombre_resultat #item_resultat_document {
  color: rgba(247,166,0,1);
}
#menu-nombre_resultat #item_resultat_rubrique {
  color: rgba(0,111,123,1);
}
#menu-nombre_resultat #item_resultat_forum {
  color: rgba(180,65,80,1);
}
#menu-nombre_resultat .item_resultat:nth-of-type(5) {
  color: rgba(247,166,0,1);
}
#menu-nombre_resultat #item_resultat_article:not('.mini'):hover {
  color: #FFF;
  background: rgba(0,169,166,1);
  border-color: rgba(0,169,166,1);
}
#menu-nombre_resultat #item_resultat_document:not('.mini'):hover {
  color: #FFF;
  background: rgba(247,166,0,1);
  border-color: rgba(247,166,0,1);
}
#menu-nombre_resultat #item_resultat_rubrique:not('.mini'):hover {
  color: #FFF;
  background: rgba(0,111,123,1);
  border-color: rgba(0,111,123,1);
}
#menu-nombre_resultat #item_resultat_forum:not('.mini'):hover {
  color: #FFF;
  background: rgba(180,65,80,1);
  border-color: rgba(180,65,80,1);
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(5) {
  color: #FFF;
  background: rgba(247,166,0,1);
  border-color: rgba(247,166,0,1);
}
#menu-nombre_resultat .item_resultat:not('.mini'):hover {
  color: #FFF;
}
#menu-nombre_resultat .item_resultat:first-child {
  margin-left: 0px 
}
#menu-nombre_resultat .item_resultat:last-child {
  margin-right: 0px !important;
}

/* FORMULAIRE */

.bloc-texte .formulaire_formidable {
  margin-left: 15px
}

.formulaire_formidable .editer-groupe  {
  border-left: 2px solid rgba(212,211,235,1);
  padding-left: 15px
}
.formulaire_formidable .editer-groupe .fieldset.fieldset_fieldset_3.saisie_fieldset fieldset legend.legend span {}


.formulaire_formidable .editer {
  position: relative;
  margin-bottom: 15px;
}
.formulaire_formidable .editer label.label {
  font-weight: 500;
  font-size: 1em
}
.formulaire_formidable .editer.saisie_date  img {
  position: absolute;
  top: 25px;
  width: 42px;
  height: auto;
  right: 25px;
  cursor: pointer
}

.formulaire_formidable span.obligatoire {
  position: absolute;
  font-size: .65em;
  padding: 4px;
  color: transparent;
  background: transparent;
  border-radius: 4px;
  margin-left: 16px;
  transition: all .5s ease-out;
}
.formulaire_formidable span.obligatoire:hover {
  color: rgba(74,75,101,1);
  background: rgba(212,211,235,1);
}
.formulaire_formidable span.obligatoire:before {
  font-family: FontAwesome,ForkAwesome;
  content: "\f069";
  color: #df494a ;
  position: absolute;
  left: -12px;
  font-size: 1em;
  text-align: center;
  width: 10px;
  height: 20px;
} 

.formulaire_formidable input[type="file"] {
  background: rgba(239,240,249,1) !important;
  padding: 7px !important;
  border: none !important;
}

/** FORMULAIRE CUSTOM datepicker **/

.ui-datepicker-trigger {
  opacity: 1 !important; 
  height: 42px; 
  position: relative;
  background-color: transparent !important; 
  cursor: pointer !important;
  
}
.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;
}
.ui-datepicker-calendar thead tr th {
   
}
.editer.saisie_selection label.label{
    display: block
}
.editer.horaire.saisie_selection select{
    display: block;
    width: calc( 100% - 32px) !important;
    
}
.editer.horaire.saisie_selection {
  position: relative !important;
}
.editer.horaire.saisie_selection:before {
    content:"";
  background: url('https://cpas1160.be/plugins/beebuzz/themes/cpas1160/css/img/heure-512.png') center center no-repeat;
  background-size: 32px 32px;
  background-color: transparent !important;
  height: 32px;
  width: 32px;
    bottom: 5px;
    right: 5px;
  display: block;
  position: absolute;

}
.button-timePick
.button-timePicker {
  background: #fff url('https://cpas1160.be/plugins/beebuzz/themes/cpas1160/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(239,240,249,1) !important;
  border: 1px solid rgba(212,211,235,1) !important;
  border-radius: 10px !important;
  color: rgba(74,75,101,1);
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.3);
  -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.3);
  box-shadow: 10px 10px 0px 0px rgba(0,0,0,.3);
}
#ui-datepicker-div select {
  border: none !important;
  margin: 2px;
  color: rgba(74,75,101,1);
  background: #FFF !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 !important;;
  border: none !important
}
.ui-datepicker-next,
.ui-datepicker-prev {
  margin-top: 3px;
  background-color: transparent;
  border: 1px solid rgba(212,211,235,1);
  border-radius: 10px !important;
  width: 38px !important;
  height: 38px !important;
  transition:all 500ms ease-in-out;
  cursor: pointer
}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
  background-color: rgba(247,166,0,1) !important;
  border-color: transparent !important;
  margin-left: 1px;
  margin-right:  1px;
  margin-top: 4px !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: rgba(74,75,101,1);
  width: 100;
  text-align: center;
  line-height: 34px;
  padding: 0px !important;
  }
.ui-datepicker-next:before {
  content:"\f105";	
    margin-left: -30px !important;
}
.ui-datepicker-prev:before {
  content:"\f104";
    margin-left: -32px !important;
} 
#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,1) !important;
  color: rgba(74,75,101,1) !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(247,166,0,1) !important;
  color:  rgba(74,75,101,1) !important;
}
.ui-datepicker-calendar td a.ui-state-active {
  color: #FFF !important;
  background: rgba(0,169,166,1) !important;
}
.ui-datepicker-calendar td a:hover {
  background: rgba(212,211,235,1) !important;
}
.formulaire_formidable form .editer.saisie_date img.ui-datepicker-trigger {
  margin-top: 7px;
  left: calc( 100% - 30px ) 
}


.formulaire_spip select,
.formulaire_spip textarea,
.formulaire_spip input:not([type='checkbox']):not([type='radio']),
.formulaire_formidable select,
.formulaire_formidable textarea,
.formulaire_formidable input:not([type='checkbox']):not([type='radio']){
  border: 1px solid #cdcdcd;
  display: block;
  border-radius:6px !important;
  height:44px;
  width: 100% !important;
  padding: 0px 22px
}
.formulaire_spip textarea,
.formulaire_formidable textarea {
  height: 185px;
  padding: 22px
}
.formulaire_spip select:active,
.formulaire_spip select:focus,
.formulaire_spip textarea:active,
.formulaire_spip textarea:focus,
.formulaire_spip input:active,
.formulaire_spip input:focus,
.formulaire_formidable select:active,
.formulaire_formidable select:focus,
.formulaire_formidable textarea:active,
.formulaire_formidable textarea:focus,
.formulaire_formidable input:active,
.formulaire_formidable input:focus { 
  border-color:rgba(0,169,166,1) !important;
  background: #FFF
}
.formulaire_spip .boutons,
.formulaire_formidable .boutons {
  width: 100% !important; 
  padding: 0px !important;
  margin: 15px 0px !important;
  
}
.formulaire_spip .boutons input.submit,
.formulaire_formidable .boutons input.submit {
  margin: 0px !important;
  font-weight: bold;
  font-size: 1.2em;
  border:none;
  background: #404040 !important;
  font-weight: normal
}
.formulaire_spip .boutons input.submit:hover,
.formulaire_formidable .boutons input.submit:hover {
  background: rgba(0,169,166,1) !important;
  border-color:rgba(0,169,166,1) !important;
}
#formulaire_login  span#spip_logo_auteur {
  display: none;
}
textarea, input, select  {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

}

textarea:hover,
textarea:active,
textarea:focus, 
input:hover,
input:active,
input:focus,
select:hover,
select:active,
select:focus {
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  outline-offset: 0px !important;
  outline: none !important;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  
}
#pass_securise {
  display: none !important
}
a#spip_pass {
  margin-top: 15px;
}
a#spip_pass,
.retour a,
.quitter_fenetre a {
  border: 1px solid rgba(0,0,0,.1);
  display: inline-block;
  padding: 10px;
  border-radius: 10px
}
a#spip_pass:hover,
.retour a:hover,
.quitter_fenetre a:hover {
  color: rgba(74,75,101,1) ;
  border: 1px solid rgba(0,0,0,.5);
}
#formulaire_menu_lang select {
  border: 1px solid rgba(0,0,0,.1);
  padding: 10px;
  border-radius: 10px
}
.formulaire_login {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}
.formulaire_login input[type="text"],
.formulaire_login input[type="password"] {
  background: #FFF;
  margin-top: 10px
}
.formulaire_login input[type="text"]:focus,
.formulaire_login input[type="password"]:focus {
  background: rgba(0,169,166,.1);
}
.formulaire_login input[type="submit"] {
  color: #FFF
}

#formulaire_login fieldset div.editer-groupe div.editer.editer_session div.choix label.nofx {
  line-height: 50px;
  font-size: .8em
}
#formulaire_login .editer_password.obligatoire p.details a#spip_pass {
  padding: 10px !important;
  line-height: normal;
  font-size: .8em;
  color:#FFF;
  background:rgba(247,166,0,1);
  border: none;
-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

}
#formulaire_login .editer_password.obligatoire p.details a#spip_pass:hover {
  background:rgba(0,169,166,1);
}
.reponse_formulaire {
  font-size: 1.2em;
  padding: 10px;
  background: rgba(0,169,166,.1);
  border: 1px solid rgba(0,169,166,1);
  color: rgba(74,75,101,1);
  display: block;
  border-radius: 10px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-name: flash;
  animation-name: flash;
  font-weight: bold;
  margin-bottom: 30px
}

.reponse_formulaire.reponse_formulaire_ok {
}
.reponse_formulaire.reponse_formulaire_false {
  border: 1px solid red;
  color: #FFF;
  background:red
}
.reponse_formulaire p {

  margin: 0px !important;
}
html.ltr.fr.js body#body.animated.fadeIn.article.article_28.computer.ms.edge.animation-light div.ajaxbloc.ajax-id-body_article28.bind-ajaxReload div.ajaxbloc.ajax-id-content.bind-ajaxReload section.cms-page section.cms-template.section-fullwidth.big-margin-top.no-margin-bottom div.container div.row div.col-lg-6.col-md-6.col-sm-12.col-xs-12 div.pl-md-4.pt-4.pt-md-0 div#article-text.row div.col-md-12.order-md-1 section#formulaire.formulaire.ps-article h2.h4.text-black.mb-5 {
  display: none
}
.formulaire_formidable select,
.formulaire_formidable input[type="email"],
.formulaire_formidable input[type="text"],
.formulaire_formidable textarea {
  background: #F7F7FC!important;
  border: 1px solid #EFF0F9 !important;
}
.formulaire_formidable select:focus,
.formulaire_formidable input[type="email"]:focus,
.formulaire_formidable input[type="text"]:focus,
.formulaire_formidable textarea:focus {
  background: #EFF0F9 !important;
  border: 1px solid #D4D3EB !important;
}

.formulaire_formidable .saisie_checkbox, 
.formulaire_formidable .saisie_radio,
.formulaire_formidable .saisie_case,
.formulaire_formidable .saisie_radio_oui_non {
  background: #F7F7FC!important;
  border-radius: 10px;
  width: calc( 100% - 30px );
  margin: 25px 15px 15px 15px;
  padding: 15px
}
.formulaire_formidable .saisie_checkbox.col-lg-6, 
.formulaire_formidable .saisie_radio.col-lg-6,
.formulaire_formidable .saisie_case.col-lg-6,
.formulaire_formidable .saisie_radio_oui_non.col-lg-6  {
    position: relative;
    width: calc( 50% - 32px )
}
.formulaire_formidable .saisie_checkbox.col-lg-4, 
.formulaire_formidable .saisie_radio.col-lg-4,
.formulaire_formidable .saisie_case.col-lg-4,
.formulaire_formidable .saisie_radio_oui_non.col-lg-4  {
    position: relative;
    width: calc( 33% - 30px )
}

.formulaire_formidable .saisie_checkbox label.label, 
.formulaire_formidable .saisie_radio label.label,
.formulaire_formidable .saisie_case label.label,
.formulaire_formidable .saisie_radio_oui_non  label.label {
  margin-top: -50px;
  margin-left: -15px;
  
}
.formulaire_formidable div.replacement {
  text-align: center;
  cursor: pointer
}
.formulaire_formidable div.replacement,
.formulaire_formidable button.submit {
  border-radius: 10px;
  background: #EFF0F9;
  border: 1px solid #D4D3EB !important;
  margin-left: 15px; 
  padding: 15px;
  width: calc( 100% - 15px );
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

}
.formulaire_formidable div.replacement:hover,
.formulaire_formidable button.submit:hover {
  background: rgba(0,169,166,.2);
  border: 1px solid rgba(0,169,166,.4) !important;
}
.formulaire_formidable .explication {
  padding: 15px;
  border: 1px solid rgba(169,225,225,1);
  background: #F6FCFC;
  border-radius: 10px;
  margin-bottom: 15px
}
.formulaire_formidable p.explication {
  padding: 15px !important;
}
.formulaire_formidable .explication p {
  margin: 0px !important;
}
.formulaire_formidable .explication {
  position: relative
}
.formulaire_formidable .explication:before {
  font-family: fontawesome;
  content:'\f05a';
  position: absolute;
  right: 5px;
  top: 0px;
 color: rgba(169,225,225,1);
  font-size: 22px
}

.reponse_formulaire_ok p {
  background: transparent !important;
  text-align: center
}
.opacity-0 {
  opacity: 0 !important
}
.item-infos-plus {
  
}

small.item-info-plus {
  font-size: .7em !important;
  padding:  4px;
  border: 1px solid rgba(40,132,173,1);
  background: #FFF;
  border-radius: 6px ;
  color: rgba(40,132,173,1); 
}


span.erreur_message {
  border-radius: 4px;
  margin-top: 10px;
  background: #f9e1e1;
  border-color: #f9d7d7 !important;
}
.reponse_formulaire:before {
  margin: 10px auto !important;
}
.reponse_formulaire {
  font-weight: normal !important;
  font-size: 18px !important
}
.reponse_formulaire.reponse_formulaire_erreur {
  color: #df494a !important;
  background: #f9e1e1 !important;
  border-color: #f9d7d7 !important;
}




#popup-form_recherche #menu-nombre_resultat {
	margin-bottom: 10px
}
#popup-form_recherche #menu-nombre_resultat .item_resultat {
	border: none !important;
		padding: 10px !important;
	border-radius: 10px;
}
.item-objet-source {
	border: none !important;;
}
#popup-form_recherche .item-objet-source,
#popup-form_recherche .doc-option,
#popup-form_recherche .nombre_resultat {
	display: inline-block;
	padding: 0px 4px !important;;
	border-radius: 4px;
	font-size: .8em;
	font-weight: bold;
}
#popup-form_recherche .doc-option{
	font-size: 1em;
  background: rgba(151,223,242,.1);
	border: 1px solid rgba(151,223,242,1)
}
#popup-form_recherche section#section-recherche-article.section-recherche div.message.message-red,
#popup-form_recherche .doc-option.doc-download,
#popup-form_recherche #section-recherche-article .nombre_resultat,
#popup-form_recherche #item_resultat_article {
	color: #4fb29c !important;
	background: rgba(62,190,187,.2) !important;
}
#popup-form_recherche .doc-option.doc-download:hover,
#popup-form_recherche #item_resultat_article:hover {
	background: rgba(62,190,187,1)!important;;
	color: #FFF !important;
}
#popup-form_recherche .item-objet-source,
#popup-form_recherche #section-recherche-rubrique .nombre_resultat,
#popup-form_recherche #item_resultat_rubrique,
#popup-form_recherche section#section-recherche-rubrique.section-recherche div.message.message-red {
	color:rgba(12,117,129,1) !important;
  background: rgba(12,117,129,.2) !important;
}
#popup-form_recherche #popup-form_recherche #item_resultat_rubrique:hover {
	 background: rgba(12,117,129,1) !important;
	color: #FFF !important;
}
#popup-form_recherche section#section-recherche-evenement.section-recherche div.message.message-red,
#section-recherche-evenement .nombre_resultat,
#popup-form_recherche #item_resultat_evenement {
	color: rgba(227,128,73,1);
  background: rgba(227,128,73,.2);
}
#popup-form_recherche #item_resultat_evenement:hover {
	 background: rgba(227,128,73,1) !important;;
	color: #FFF !important;
}
#popup-form_recherche section#section-recherche-document.section-recherche div.message.message-red,
#popup-form_recherche .doc-option.doc-view,
#popup-form_recherche #section-recherche-document .nombre_resultat,
#popup-form_recherche #item_resultat_document {
	color: rgba(247,166,0,1) !important;
  background: rgba(247,166,0,.2) !important;
}
#popup-form_recherche .doc-option.doc-view:hover,
#popup-form_recherche #item_resultat_document:hover {
	 background: rgba(247,166,0,1) !important;
	color: #FFF !important;
}
#popup-form_recherche .td_rubrique.td_secteur  span[itemprop="title"],
#popup-form_recherche .section-recherche .item-objet-source,
#popup-form_recherche .section-recherche .lien-chemin {
	 background: rgba(12,117,129,.2) !important;
	color:  rgba(12,117,129,1) !important;
	font-weight: bold;
	border: none !important;
	border-radius: 4px;
	padding: 4px !important;
  transition: all .5s ease-in-out;
}
#popup-form_recherche .td_rubrique.td_secteur  span[itemprop="title"]:hover,
#popup-form_recherche .section-recherche .item-objet-source:hover,
#popup-form_recherche .section-recherche .lien-chemin:hover {
	 background: rgba(12,117,129,1) !important;
	color: #FFF !important;
}
#popup-form_recherche section.section-recherche div.message.message-red {
  border: none !important
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet {
	border-bottom: 1px solid #000
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody tr.item_liste td  {
	border-color:#000 !important;
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr.item_liste > td  {
	border-bottom: none !important
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr:nth-child(even).item_liste:hover > td  {
	background: rgba(151,223,242,.3) !important
} 
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr:nth-child(odd).item_liste:hover > td  {
	background: rgba(151,223,242,.5) !important
} 
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet > tbody > tr:nth-child(even) {
	background:  rgba(223,237,243,.5) !important
}
#popup-form_recherche .pagination .pages strong,
#popup-form_recherche .pagination .pages a {
	border-radius: 4px
}
#popup-form_recherche .section-recherche h3 {
  border-bottom: 2px solid #000
}
#popup-form_recherche .entry-date:before {
  font-family: fontawesome;
  content:"\f017";
  padding-right: 4px;
}
#popup-form_recherche td.td_logo img.logo {
	border-radius:4px !important;
	background: rgba(151,223,242,.1);
	border: 1px solid rgba(151,223,242,1)
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr table.sous-table {
	transition: all .5s;
  overflow: hidden;
	border-radius: 10px !important;
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr:nth-child(even) table.sous-table {
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr:nth-child(odd) table.sous-table {
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet tbody > tr:hover table.sous-table {
	background: rgba(255,255,255,5) !important;
}
#popup-form_recherche table.sous-table td {
	padding: 4px
}
#popup-form_recherche section.section-recherche div#table-recherche-plein-txt table.table_search_objet table.sous-table td.label {
	border-right: 1px dashed #000 !important;
}
#popup-form_recherche .section-recherche .table_search_objet tr.item_liste td.td_rubrique table.sous-table tbody tr td.label {
	width: 65px;
}
#popup-form_recherche .btn-clear-container {
  top: 5px;
}
#popup-form_recherche .btn-clear-container div {
  background-color: #3d98bf !important;
}
#popup-form_recherche .btn-clear-container:hover div {
  background-color: #df494a !important;
}
#popup-form_recherche .btn-clear-container label {
	border-radius: 4px;
	padding: 0 4px;
	color:#3d98bf;
	background: #dfedf3;
 font-weight: bold;
	top: -3px;
	left:-10px;
	line-height: 22px;
	z-index: 9999999
}
#popup-btn-ls-doc-container.popup-permalink-container {
	float:left
}
#popup-btn-ls-doc-container.popup-permalink-container .popup-btn.btn-nav-options {
	background: #4fb29c !important;
}
#popup-btn-ls-doc-container.popup-permalink-container .popup-btn.btn-nav-options:hover {
	background: #efc94c !important;
}
#popup-btn-ls-doc-container.popup-permalink-container #popup-tools-permalien {
	height: 100px
}
#popup-btn-ls-doc-container.popup-permalink-container #popup-tools-permalien input {
	 background: rgba(12,117,129,.2) !important;
	color:  rgba(12,117,129,1) !important;
	border-radius: 4px;
	border: none;
	padding: 4px;;
	width: calc( 100% - 30px );
	top:10px
}
#popup-btn-ls-doc-container.popup-permalink-container #popup-tools-permalien .btn {
	cursor: pointer;
	width: calc( 50% - 17px );
	margin-top: 4px;
		border-radius: 4px;
	 background: rgba(12,117,129,1);
	color: #FFF !important;
}
#popup-btn-ls-doc-container.popup-permalink-container #popup-tools-permalien .btn:hover {
	background: #085b64 
}
#agenda-popup .tr-mois td.td-nom-mois .evenement-infos-mois-nom {
     background: #FFF;
     color: #13262f;
     -webkit-box-shadow: 0px -5px 15px -6px rgba(0,0,0,0.32);
     box-shadow: 0px -5px 15px -6px rgba(0,0,0,0.32);
     padding: 10px;
     -webkit-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     text-transform: capitalize !important;
     font-size: 22px !important;
     font-weight: 100 !important;
     line-height: 32px 
}
 #agenda-popup .evenement-infos-jour {
     padding: 5px;
     border-radius: 10px;
     background: #334d5c;
     margin: 10px 5px 0px 0px;
     text-align: center 
}
 #agenda-popup .evenement-infos-jour .evenement-infos-jour-num {
     font-size: 16px;
}
 #agenda-popup .evenement-infos-jour .evenement-infos-jour-nom {
     font-size: 10px;
     border-top: 1px solid #FFF 
}
 #agenda-popup #evenement-table {
     width: 100% 
}
 #agenda-popup .item-evenement-table {
     background:#334d5c;
     border-radius: 10px;
}
 #agenda-popup .item-evenement-table tr.tr-item-evenement-horaires td {
     padding: 2px 10px 0px 10px;
     font-size: 12px;
     border-bottom: 1px solid rgba(255,255,255,.4);
     color: #efc94c !important 
}
 #agenda-popup .item-evenement-table tr.tr-item-evenement-horaires td.td-date {
     text-align: right 
}
 #agenda-popup .item-evenement-table tr.tr-item-evenement-titres td {
     padding: 2px 10px 0px 10px;
     font-size: 15px;
}
 #agenda-popup .item_evenement td {
     padding: 0px 0px 10px 0px 
}
 #agenda-popup .item-evenement-table {
     margin-top: -7px !important;
}
 #agenda-popup {
     height: calc( 100vh - 80px ) !important;
     background: #FFF !important;
     color: #13262f;
     -webkit-box-shadow:0 0 14px 0 rgba(51,51,51,.6);
     box-shadow:0 0 14px 0 rgba(51,51,51,.4) 
}
 #agenda-popup #petite-cloche-popup-liste {
     height: calc( 100vh - 200px ) !important;
     border-radius: 20px;
}
 #agenda-popup .evenement-infos-jour {
     padding: 0px !important;
     height: 62px !important;
     width: 62px !important;
     margin-right: 0px !important;
     -webkit-box-shadow:0 0 8px 0 rgba(51,51,51,.6);
    box-shadow:0 0 8px 0 rgba(51,51,51,.4);
}
 #agenda-popup .evenement-infos-jour .evenement-infos-jour-nom {
     background: #c24a4b;
     border:none;
     font-weight: bold;
     -webkit-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     padding: 2px 0px 
}
 #agenda-popup .evenement-infos-jour .evenement-infos-jour-num {
     background: #FFF;
     color: #334d5c;
     -webkit-border-bottom-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomright: 10px;
     -moz-border-radius-bottomleft: 10px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     padding: 5px 0px 
}
 #agenda-popup {
     padding-left: 0px;
     padding-right: 0px 
}
 #agenda-popup #petite-cloche-popup-liste {
     padding-top: 10px;
     padding-left: 20px;
     padding-right: 20px 
}
 #agenda-popup .evenement-infos-jour-nom {
     color: #FFF 
}
 .item_evenement .item-evenement-table {
     background:#FFF !important;
     margin: 0px !important;
     -webkit-box-shadow: 0px -5px 15px -6px rgba(0,0,0,0.32);
     box-shadow: 0px -5px 15px -6px rgba(0,0,0,0.32);
}
 #agenda-popup .item_evenement > td.evenement-infos {
     padding: 0px !important;
}
 #agenda-popup .tr-item-evenement-titres .td-titre {
     padding-bottom: 5px !important;
}
 #agenda-popup .info-date, #agenda-popup .info-heure {
     background: rgba(12,117,129,.2);
     color: rgba(12,117,129,1);
     display: inline-block;
     padding: 0 4px;
     border-radius: 4px;
     margin-top: 10px 
}
 #agenda-popup .info-date {
     color: rgba(247,166,0,1) !important;
     background: rgba(247,166,0,.2) !important;
}
 #agenda-popup .evenement-jour-actif {
     vertical-align: top 
}
 .evenement-jour-actif .evenement-infos-jour {
     margin-top: 0px !important;
     top: -7px !important;
     position: relative !important;
}
 #agenda-popup #menu-mots-eve {
     padding: 0px 15px;
     margin-top: 10px;
     margin-bottom: -10px;
}
 #agenda-popup #menu-mots-eve .item-mot-eve {
     cursor: pointer;
     padding: 3px ;
     font-size: 11px;
     border-radius: 4px;
     margin: 1px;
     transition:all .5s ease-in-out;
}
 #agenda-popup .item_evenement.couleur-C4 .td-titre > .fa:before, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C4 {
     color: #dd494a;
     background:rgba(221,73,74,.1) 
}
 #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C4.item-mot-eve-actif, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C4:hover {
     color: rgba(255,255,255,.8);
     background:#dd494a 
}
 #agenda-popup .item_evenement.couleur-C1 .td-titre > .fa:before, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C1 {
     color: #4fb29c;
     background:rgba(79,178,156,.1) 
}
 #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C1.item-mot-eve-actif, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C1:hover {
     color: rgba(255,255,255,.8);
     background:#4fb29c 
}
 #agenda-popup .item_evenement.couleur-C3 .td-titre > .fa:before, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C3 {
     color: #efc94c;
     background:rgba(239,201,76,.1) 
}
 #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C3.item-mot-eve-actif, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C3:hover {
     color: rgba(255,255,255,1);
     background:#efc94c 
}
 #agenda-popup .item_evenement.couleur-C2 .td-titre > .fa:before, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C2 {
     color: #334d5c;
     background:rgba(51,77,92,.1) 
}
 #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C2.item-mot-eve-actif, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C2:hover {
     color: rgba(255,255,255,.8);
     background:#334d5c 
}
 #agenda-popup .item_evenement.couleur-C5 .td-titre > .fa:before, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C5 {
     color: #045764;
     background:rgba(4,87,100,.1) 
}
 #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C5.item-mot-eve-actif, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C5:hover {
     color: rgba(255,255,255,.8);
     background:#045764 
}
 #agenda-popup .item_evenement.couleur-C6 .td-titre > .fa:before, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C6 {
     color: #dd9b31;
     background:rgba(221,155,49,.1) 
}
 #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C6.item-mot-eve-actif, #agenda-popup #menu-mots-eve .item-mot-eve.couleur-C6:hover {
     color: rgba(255,255,255,.8);
     background:#dd9b31 
}
 #agenda-popup .td-titre .info-titre, #agenda-popup .td-titre > .fa:before {
     display: inline-block 
}
 #agenda-popup .td-titre > .fa:before {
     margin-left: 4px;
     line-height: 20px;
     width: 20px;
     text-align: center;
     border-radius: 10px;
     font-size: 12px;
     color: #FFF 
}
 #agenda-popup .td-titre > .fa {
     float: right 
}
 #menu-case-agenda {
     display: block;
     transition:all .5s ease-in-out !important;
    ;
     overflow: hidden;
     -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.2);
}
 #menu-case-agenda:hover {
     transform: rotate(15deg) !important;
}
 #menu-case-agenda .agenda-infos-jour-nom {
     text-transform: capitalize;
     background: #b44150;
     line-height: 18px;
     font-size: 11px;
     font-weight: bold;
}
 #menu-case-agenda .agenda-infos-jour-num {
     line-height: 36px;
     font-size: 18px;
     background: #fdf5e9;
     color:#13262f 
}
 #menu-case-agenda .agenda-infos-jour-num .fa {
     position: relative;
     font-size: 12px;
     top: -1px;
     margin-right: 4px 
}

#popup-btn-ls-doc:hover {
	background: #334d5c;
}

#popup-btn-ls-doc-container {
	position: relative;
}
.bulle-ls-doc {
	width: 300px;
	height: 300px;
	position: absolute;
	top: 40px;
	left: -150px;
	background: #FFF;
	padding: 15px;
	border-radius: 15px;
}

.bulle-ls-doc {
  color: #000;
  text-align: left;
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.27); 
  box-shadow: 0px 0px 13px 5px rgba(0,0,0,0.27);
}

.bulle-ls-doc-container {
  height: 270px;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
}
.bulle-ls-doc li {
	font-size: 14px;
	line-height: 20px;
	padding: 5px !important;
	margin-bottom: 2px;
	text-overflow: "…";
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	transition:all 500ms ease-in-out;
	border-radius: 4px; 
}
.bulle-ls-doc li:before {
	font-family: fontawesome;
	content: "\f1c1";
}
.bulle-ls-doc-container li:nth-child(even) {background: #dfedf3}
.bulle-ls-doc-container li:nth-child(odd) {background: #FFF}
.bulle-ls-doc-container li:hover{ background: #97dff2}
.info-total-doc {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 4px;
	background: #dfedf3;
	display: inline-block;
	border-radius: 4px;
	color: #3796b7
}
.btn-bulle-ls-doc-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 24px;
	height: 24px;
	background: #df494a;
	text-align: center;
	border-radius: 6px;
	color: #FFF;
	padding: 4px;
	cursor: pointer;
	transition:all 500ms ease-in-out
}
.btn-bulle-ls-doc-close:hover {
	transform: scale(1.1);
}
.btn-bulle-ls-doc-close .icon.close {
	top: -11px;
	left: -12px;
	transform: scale(.8);
}


.popup-bzzz.popup-box.popup-box-objet .article-header {
	position: relative !important;;
  	top: 0px !important;
}
.popup-group-btn.group-btn.group-btn-horizontal.popup-box-true {
	top: 0px !important;
	right: 0px !important;
}
#popup-group-item-cartouche {
	display: inline-block;
	float:left
}
#history-search-list-page,
#history-search-list-page .ajaxbloc{
	position: relative !important;
	
}
#history-search-list-page {
	display: inline-block
}
#history-search-list-page #popup-tools-historique  {
	left: -80px;
	top: 0px;
	position: absolute
}


/* Tableau */
.tab_csv_to_html {
	font-family: Arial, Helvetica, sans-serif;
}
.tab_csv_to_html div[typeof='Dataset']  {
  overflow-y: auto;
  max-height: calc( 100vh - 140px ); /* Ajuste cette valeur selon tes besoins */
  border-radius:10px
}
.tab_csv_to_html label {
	display: none
} 
.tab_csv_to_html input {
  font-family: inherit !important;
	border: none;
	height: 40px;
	border-radius: 10px !important;
} 
.tab_csv_to_html input[type='text'] {
	width: calc( 100% - 50px);
	background: rgba( 0,0,0,.05);
	padding: 0 8px
} 
.tab_csv_to_html input::placeholder {
  opacity: 1
}
.tab_csv_to_html input[type='button'] {
	background: #f2f2f2;
	width: 45px;
	font-size: .85em;
}
.tab_csv_to_html input[type='button']:hover {
	background: #afaeae;
}
.tab_csv_to_html .tab-maj {
	font-size: .75em;
	text-align: right;
	display: block
}
.tab_csv_to_html table {
  margin: 0px !important;
}
.tab_csv_to_html th {
  position: relative
}
.tab_csv_to_html  thead th {
  position: sticky;
  background: rgba(0,0,0,.7) !important;;
  top: 0;
  z-index: 999 !important
} 
.tab_csv_to_html thead th:hover {
  background: rgba(0,0,0,1);
}
.tab_csv_to_html thead tr {
  background: #FFFF !important;
}
.tab_csv_to_html .sort-arrow {
  position: absolute;
  right: 0px;
  bottom: 0px;
  opacity: .4;
  cursor: pointer;
}
.tab_csv_to_html .sort-arrow:hover,
.tab_csv_to_html .sort-arrow.active {
  opacity: 1;
}
.tab_csv_to_html .sort-arrow:first-of-type {
  top: 0px
}
.tab_csv_to_html tbody{
  z-index: 1 !important;
  position: relative !important;
}
.tab_csv_to_html tr.hidden {
  display: none;
}
.tab_csv_to_html td:nth-child(even) {
	background-color: rgba(0,0,0,0);
}
.tab_csv_to_html td:nth-child(odd) {
	background-color: rgba(0,0,0,.05) !important;;
}
.tab_csv_to_html div table.table.spip thead tr.row_first th:last-of-type {
  padding-right: 35px !important;
}
.tab_csv_to_html div table.table.spip thead tr.row_first th:last-of-type .sort-arrow {
  padding-right: 15px !important;
}
/* Outils CSV vers Tableau HTML */
.bee_document_desc_action {
    margin-top: 4px !important;
}
.form_login_objet #page-falcon-access.container-fluid.main-container,
.form_login_objet #page-falcon-access #block-falcon-access
{
	position: relative !important;
  display: block;
  margin-bottom: 50px
  
}

.form_login_objet .article-text {
top: -15px !important;
}

#menu-case-questions {
  background: #efc94c ;
  color: #465e6b;
  font-size: 24px;
  position: fixed;
  right: 0px;
  top: calc(100vh - 65px ) !important;
  transition: transform .2s !important;; /* Animation */
}
.page_sommaire #menu-case-questions {
  right: 5px;
  top: calc(100vh - 135px ) !important;
}
#menu-case-questions:hover {
  transform: rotate(10deg) !important;;
}
#menu-case-questions i {
  transition: transform .2s; /* Animation */
}
#menu-case-questions:hover i {
  transform: scale(1.5); 
}		


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