/* #PRODUIRE{fond=css.css,skel=samarcande,objet=sommaire,id_objet=0,lang=fr}
   md5:9ff09718f3c84d5b525c1d755f0cd5fa */

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

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




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

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


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


	











	


	



















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

.c2_bg 	{ background-color: rgba(151,191,13,1) !important;}
.c2_bd	{ border-color: 	rgba(151,191,13,1) !important;}
.c2 		{ color: 			rgba(151,191,13,1) !important;}

.c3_bg 	{ background-color: rgba(239,201,76,1) !important;}
.c3_bd	{ border-color: 	rgba(239,201,76,1) !important;}
.c3 		{ color: 			rgba(239,201,76,1) !important;}

.c4_bg 	{ background-color: rgba(252,191,73,1) !important;}
.c4_bd	{ border-color: 	rgba(252,191,73,1) !important;}
.c4 		{ color: 			rgba(252,191,73,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(182,54,43,1) !important;}
.c6_bd	{ border-color: 	rgba(182,54,43,1) !important;}
.c6 		{ color: 			rgba(182,54,43,1) !important;}

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

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

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









/* GENERER LE JSON DES COULEURS : config/bee/samarcande_colors.json - Cache : 21/09/2026 07:35:51 */



 
 






@charset "UTF-8";














 
	
		
	/********************************************************/
   /*** LISEUSE PDF / VIDEO colonne principale ***/
  /********************************************************/
 
/* Menu média */
.body-back {
  overflow: hidden !important;
}
.menu-media {
  margin-top: 25px
}
.menu-media  a {
	background:rgba(85,85,85,1)!important;
	font-size:12px!important;
	color:rgba(188,188,188,1);
}
.menu-media  a:hover,
.menu-media .option-menu-media:hover:before {
	background:rgba(56,182,255,1)!important;
}
.menu-media .option-menu-media {
	display: inline-block;
	cursor: pointer
}
#body:not(.body-back) .menu-media .option-menu-media {
	position: relative;
	top: -5px
}
.menu-media .option-menu-media.menu {
	display: none
}
.menu-media .option-menu-media:before {
	font-family:FontAwesome,ForkAwesome;
	content:"";
	display: block;
	line-height:26px !important;
	width: 42px;
	margin-bottom: 4px;
	border-radius: 13px;
	text-align: center;
	color: #FFF;
	background:rgba(72,72,72,1);	
	-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;

}
.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(182,54,43,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;
}
.menu-media a.item-media .fa-circle.right,
.menu-media a.item-media .fa-refresh {
	display: none
}
.menu-media a.item-media.play .fa-refresh {
	display: inline-block;
}
.menu-media a.item-media.media-defaut,
.menu-media a.item-media.play {
	background:rgba(239,201,76,1) !important;
	color: rgba(72,72,72,1) !important;;
}
.menu-media a.item-media.item-menu-video:before,
.menu-media a.item-media.item-menu-video:after {
	content: '';
	display: none;
}
.menu-media .item-media,
.menu-media .item-media.on {
	background: rgba(72,72,72,1) !important;
	display: inline-block;
	line-height:28px !important;
	color: #FFF;
	padding: 0px 8px;
	border-radius: 14px;
	-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;

	white-space:nowrap;
	cursor: pointer;
	font-family: Oswald !important;
	font-size: .85em !important;
	margin-bottom: 5px
}
#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,ForkAwesome;
	content:"\f111";
	color: rgba(109,109,109,1);
	line-height:24px !important;
	padding: 0 4px;
	-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;

}
.menu-media .item-media.on:before {
	color: rgba(151,191,13,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
}
/* CUSTOM */
.option-menu-media-fullscreen.expand {
	margin-bottom: 2px;
}
.option-menu-media-fullscreen.expand:before {
	padding: 1px
}

/* 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(85,85,85,1)!important;
}
#media-overlay.false {
	display: none !important;
}
#media-overlay iframe {
	position: absolute;
	left:0px;
	height: 100vh !important;
	width: 100vw !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;

}
#media-overlay iframe.top {
	top: 0px
}
#media-overlay .menu-media {
	 margin-top: 0px;
	 padding-top: 4px !important;
}
#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;
	-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;

}

#media-overlay .option-menu-media.prepa.start {
  position: fixed !important;;
  top: 50px;
  left: 0px;
  z-index: 999 !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;

}
#media-overlay .option-menu-media-fullscreen.prepa.start {
	top: 80px;
}


/* Container de substitution */

#container-player-media-pdf {
	background: url('//www.samarcondes.be/plugins/beebuzz/themes/samarcande/css/img/loading.gif') no-repeat;
	background-size: 35px auto;
	background-position: center 50%;
	-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;
;
}
#container-player-media-pdf.block {
	height: 625px;
	background-color:#FFF;
	-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;
 
}

#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 {
  overflow: hidden !important;
}
.menu-media .item-media,
.menu-media .item-media.on {
	background: rgba(72,72,72,1) !important;
	display: inline-block;
	line-height:24px !important;
	color: #FFF;
	padding: 0px 4px;
	border-radius: 12px;
	-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;

	white-space:nowrap;
	cursor: pointer;
	font-family: Oswald !important;
	font-size: .75em !important;
}
#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,ForkAwesome;
	content:"\f111";
	color: rgba(109,109,109,1);
	line-height:24px !important;
	padding: 0 4px;
	-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;

}
.menu-media .item-media.on:before {
	color: rgba(151,191,13,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
}

/** POPUP OVERLAY **/

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

#popup-overlay {
	position:fixed;
	z-index:999990!important;
	width:110%;
	height:110%;
	top:0;
	left:0;
	background:rgba(0,0,0,.4);
}
.popup-bzzz {
	position: fixed;
	z-index:999995!important;
	width:calc( 100% - 108px );
	height:calc( 100% - 108px );
	left: 54px;
	top: 54px;
	background:rgba(56,182,255,1);	
	color: rgba(226,226,226,1);
}
.popup-group-btn {
	right:54px !important;
	top: 54px !important;
}
.popup-bzzz.popup-box {
	z-index:999997!important;
}
@media screen and ( min-width: 1680px ){
	.popup-bzzz {
		width:1440px;
		max-width:1440px;
		height:calc( 100% - 108px );
		left: calc( ( 100vw - 1440px ) / 2 );
		top: 54px;
	}
	.popup-group-btn {
		right: calc( ( 100vw - 1440px ) / 2 ) !important;
		top: 54px !important;
	}	
}
@media screen and ( max-width: 1200px ){
	.popup-bzzz {
		width:calc( 100% - 108px );
		height:calc( 100% - 108px );
		left: 54px;
		top: 54px;
	}
	.popup-group-btn {
		right:54px !important;
		top: 54px !important;
	}	
}
@media (max-width: 992px) {
	.popup-bzzz {
		width:96%;
		height:96%;
		left: 2%;
		top: 2%;
	}
	.popup-group-btn {
		right: 2% !important;
		top: 2%  !important;
	}
}
@media (max-width: 576px) {
	.popup-bzzz {
		width:100%;
		height:100%;
		left: 0px;
		top: 0px;
	}
	.popup-group-btn {
		right:0px !important;
		top: 0px !important;
	}
	.popup-bzzz.overflow-popup  .main-container {
	  padding: 0px !important;
	}
}
.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; 	
}
.overflow-popup.no-scroll,
.popup-bzzz.overflow-popup.no-scroll,
.popup-bzzz article.content-article.overflow-popup.no-scroll,
.popup-bzzz.overflow-body.no-scroll .article-body {
	max-height: 100% !important;
	overflow: hidden !important;	
}


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

/* POPUP OVERLAY - BOUTONS */

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

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

	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 {
	-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;

	background: rgba(151,191,13,1);
}
.popup-bzzz[data-theme="light"] #onglet-split-view.true:hover:after,
.popup-bzzz[data-theme="light"] #onglet-split-view.true:hover:before,
.popup-bzzz[data-theme="light"] #onglet-split-view.true:hover #onglet-split-view-view,
.popup-bzzz[data-theme="light"] #onglet-split-view.true:hover {
	background: #000;
}
.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;
	-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;
 !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-page {
	right: 0px;
	position: fixed;
	bottom:-100px;
	-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;


}
#ancre-popup-bzzz-page.affix {
	bottom:0px;
	-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;

}
.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,ForkAwesome;
	content: '\f106';
	text-align: center;
	display: block;
	width: 54px;
	line-height: 54px;
	font-size: 24px;
	color: #FFF;
	background: rgba(56,182,255,1);
	-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;

}
.ancre-popup-bzzz:hover:before {
	background: rgba(239,201,76,1);
	-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;

}
.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:Oswald !important ;
	border: 1px solid rgba(151,191,13,1);
	background: rgba(151,191,13,.1);
	width: 100%;
	padding: 10px
}
.popup-bzzz input:focus,
.popup-bzzz textarea:focus {
	background: rgba(151,191,13,.2)
}
.popup-bzzz .formulaire_spip .editer {
	margin-bottom:10px
}
.popup-bzzz input.submit {
	background: rgba(151,191,13,1);
	cursor: pointer;
	color: #FFF
}
.popup-bzzz input.submit:hover {
   background: rgba(56,182,255,1) !important;
   border: 1px solid rgba(56,182,255,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(151,191,13,1)
}
.popup-bzzz .details a#spip_pass {
	display: inline-block;
	border: 1px solid rgba(151,191,13,1);
	padding: 5px;
	border-radius: 4px;
}
.popup-bzzz .details a#spip_pass:hover {
	background: rgba(151,191,13,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 **/

#popup-form_recherche  .article-body{
	padding-bottom: 140px;
	color: rgba(226,226,226,1) 
} 
#popup-form_recherche[data-theme="light"]  .article-body{
	color: #000 
}
#input_inc-grille-objet {
	font-family:Oswald !important ;
	background: rgba(85,85,85,1);
	color:rgba(226,226,226,1);
	font-weight: 300;
	border: none;
	padding: 22px 15px;
	font-size: 28px;
	margin-bottom: 20px;
}
.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:nth-of-type(1) {
	color: rgba(56,182,255,1);
}
#menu-nombre_resultat .item_resultat:nth-of-type(2) {
	color: rgba(151,191,13,1);
}
#menu-nombre_resultat .item_resultat:nth-of-type(3) {
	color: rgba(239,201,76,1);	
}
#menu-nombre_resultat .item_resultat:nth-of-type(4) {
	color: rgba(56,182,255,1);	
}
#menu-nombre_resultat .item_resultat:nth-of-type(5) {
	color: rgba(151,191,13,1);	
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(1) {
	background: rgba(56,182,255,1);
	border-color: rgba(56,182,255,1);
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(2) {
	background: rgba(151,191,13,1);
	border-color: rgba(151,191,13,1); 
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(3) {
	background: rgba(239,201,76,1);
	border-color: rgba(239,201,76,1); 	
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(4) {
	background: rgba(56,182,255,1);
	border-color: rgba(56,182,255,1); 	
}
#menu-nombre_resultat .item_resultat:hover:nth-of-type(5) {
	background: rgba(151,191,13,1);
	border-color: rgba(151,191,13,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[data-theme="light"] table.table_search_objet tr td:nth-of-type(3) {
	background: rgba(151,191,13,.05);
}
#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[data-theme="light"] table.table_search_objet tr td:nth-of-type(4) {
	background: rgba(151,191,13,.1);
}
#popup-form_recherche table.table_search_objet tr:hover td {
	background: rgba(0,0,0,.2);
}
#popup-form_recherche[data-theme="light"] table.table_search_objet tr:hover td {
	background: rgba(151,191,13,.05);
}
#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[data-theme="light"] table.table_search_objet tr td.td_logo:hover, 
#popup-form_recherche[data-theme="light"] table.table_search_objet tr td.td_titre:hover {
	background: rgba(151,191,13,.2);
}

#popup-form_recherche .message {
	display: block;
	font-size: 18px;
	padding: 20px; 
	margin: 10px 0px	
}
#popup-form_recherche .message:before {
	font-family:FontAwesome,ForkAwesome!important;
	content: '\f06a';
	font-size: 22px;
	position: absolute;
}
#popup-form_recherche #section-recherche-article .message {
	color: rgba(56,182,255,1);
	border: 4px solid rgba(56,182,255,1);	
}
#popup-form_recherche #section-recherche-evenement .message {
	color: rgba(151,191,13,1);
	border: 4px solid rgba(151,191,13,1);
}
#popup-form_recherche #section-recherche-document .message {
	color: rgba(239,201,76,1);
	border: 4px solid rgba(239,201,76,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[data-theme="light"] .td_rubrique {
	border-left: 1px solid rgba(0,0,0,.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[data-theme="light"] table.sous-table tr:first-child td {
	border-bottom: 1px solid rgba(0,0,0,.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(151,191,13,1);
	border: 2px solid  rgba(151,191,13,1);
	padding: 2px;
	-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;

	cursor: pointer
}
#popup-form_recherche[data-theme="light"] .item-objet-source,
#popup-form_recherche[data-theme="light"] table.sous-table .lien-chemin,
#popup-form_recherche[data-theme="light"] table.sous-table a {
	background:  #FFF;
}
#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(151,191,13,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,ForkAwesome;
	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,ForkAwesome;
	content:'\f114' 
}
#popup-form_recherche  .td_rubrique .sous-table tr:nth-last-child(1) td.label:before {
	font-family: FontAwesome,ForkAwesome;
	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(151,191,13,1);
	color: #FFF;
	-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;

}
#popup-form_recherche .item-objet-source-article:before {
	font-family: FontAwesome,ForkAwesome;
	content:'\f016' !important 	
}
#popup-form_recherche .item-objet-source-rubrique:before {
	font-family: FontAwesome,ForkAwesome;
	content:'\f114' !important 		
}
#popup-form_recherche .item-objet-source-evenement:before {
	font-family: FontAwesome,ForkAwesome;
	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);
	-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;

}
#popup-form_recherche .doc-option.doc-download {
	border: 1px solid rgba(151,191,13,1);
	color: rgba(151,191,13,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(151,191,13,1);
	color: #FFF;
}
#popup-form_recherche .doc-option.doc-view:hover {
	background: rgba(239,201,76,1);
	color: #000;
}
#popup-article.popup-bzzz.overflow-popup .bloc-texte {
	color: #000 !important;
}
@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 )
	}	
}

/* POPUP OVERLAY - CUSTOM THEME SAMARCANDE */


/* POPUP OVERLAY - FIN CUSTOM THEME SAMARCANDE */


  /****************/
 /* ICONE SQUARE */
/****************/

a.icon-square,
.icon-square {
	cursor:pointer;	
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;	
	background: rgba(56,182,255,1);	
	color: #FFF;
	display: inline-block;
	padding: 0;
	margin: 0;
	-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;

}
.icon-square:hover {
	background: rgba(151,191,13,1);	
	-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;

}
.icon-square.btn-close {
	background: rgba(182,54,43,1);
}
.icon-square.btn-menu-hamburger,
.icon-square.btn-nav-options {
	background: rgba(56,182,255,.5) !important;
}
.icon-square.btn-menu-hamburger:hover,
.icon-square.btn-nav-options:hover {
	background: rgba(56,182,255,.9) !important;
}
.popup-btn {
	float:left
}
.popup-btn.true,
.popup-btn.true .content-btn-options {
	background: rgba(151,191,13,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;
	-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;

}
.icon-btn:before {
	display: block;
	-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;

}

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

.btn-options .content-btn-options,
.btn-options .infos-btn-options,
.btn-options .infos-btn-options-b {
	display: none !important
}
.btn-options.out .content-btn-options,
.btn-options.out .infos-btn-options,
.btn-options.true.out .infos-btn-options-b,
.btn-options.in .content-btn-options,
.btn-options.in .infos-btn-options,
.btn-options.in.true .infos-btn-options-b  {
	display: block !important;
}
.content-btn-options{
	position: absolute;
	overflow: hidden;
	width: 0px;
	height: 54px ;
	opacity: 0;
	white-space:nowrap;
	background: rgba(109,109,109,1);
	opacity: 1;
	z-index: 11;
}
.content-btn-options,
.content-btn-options-left {
	-webkit-border-top-left-radius: 27px;
	-webkit-border-bottom-left-radius: 27px;
	-moz-border-radius-topleft: 27px;
	-moz-border-radius-bottomleft: 27px;
	border-top-left-radius: 27px;
	border-bottom-left-radius: 27px;
	right: 54px	
}
.content-btn-options-right {
	-webkit-border-top-right-radius: 27px;
	-webkit-border-bottom-right-radius: 27px;
	-moz-border-radius-topright: 27px;
	-moz-border-radius-bottomright: 27px;
	border-top-right-radius: 27px;
	border-bottom-right-radius: 27px;
	left: 54px
}
.btn-options.in .content-btn-options {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: rightInSlide;
	animation-name: rightInSlide;
	overflow: auto;
	padding: 0px 27px !important;
	width: 246px; 
}
.btn-options.out .content-btn-options {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: rightOutSlide;
	animation-name: rightOutSlide;
	position: absolute;
	overflow: hidden;
	padding: 0px 27px !important;
}
@keyframes rightInSlide {
	0% { 
		width: 0px;  
		opacity: 0; }
	50% { 
		width: 256px;  
	}
	68% { 
		width: 246px;  
	}
	76% { 
		width: 250px;  
	}
	100% { 
		width: 246px;  
	}
}
@keyframes rightOutSlide {
	0% { 
		width: 246px;  
		opacity: 1; 
	}
	100% { 
		width: 27px;  
		opacity: 0;
	}
}
.infos-btn-options,
.infos-btn-options-b{
	width: 246px;
	height: 54px;
	position: absolute;
	padding: 0px 27px !important;;
	background: rgba(72,72,72,1);
	font-size: 12px;
	opacity: 0;
	z-index: 9;
}
.infos-btn-options-b {
	background: rgba(252,191,73,1);
	z-index: 10;
}
.infos-btn-options-left {
	right: 0px
}
.infos-btn-options-right{
	left: 0px
}
.infos-btn-options-top{
	top: 0px	
}
.infos-btn-options-bottom{
	top: 0px
}
.infos-btn-options-bottom:before{
	top: 0px
}
.btn-options:hover .infos-btn-options-left {
	right: 56px
}
.btn-options:hover .infos-btn-options-right{
	left: 54px
}
.btn-options:hover .infos-btn-options-top{
	top: -150px	
}
.btn-options.in .infos-btn-options-bottom{
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-name: topInOutSlide;
	animation-name: topInOutSlide;
}
.btn-options.true .infos-btn-options-b.infos-btn-options-bottom {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: topInOutSlide;
	animation-name: topInOutSlide;
}
.btn-options.out .infos-btn-options-bottom,
.btn-options.out .infos-btn-options-b.infos-btn-options-bottom {
	-webkit-animation-duration: 2s !important;
	animation-duration: 2s !important;
	-webkit-animation-name: topOutSlide !important;
	animation-name: topInOutSlide !important;
}
.infos-btn-options-bottom:before {
	content:'';
	position: absolute;
	width: 10px;
	height: 10px;
	top: -20px;
	left: calc( 50% - 10px );
	background: transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent; 
	border-bottom: 10px solid  rgba(72,72,72,1);
	border-right: 10px solid transparent;
}
.infos-btn-options-b.infos-btn-options-bottom:before  {
	border-bottom: 10px solid  rgba(252,191,73,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,ForkAwesome;
	content:'\f0c1';	 
}
.btn-clipboard:hover .icon-btn:before {
	content:'\f24d';	 
}
 /* Btn theme */
.btn-theme .icon-btn:before {
	font-family:FontAwesome,ForkAwesome;
	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,ForkAwesome;
	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,ForkAwesome;
	content:'\f021 ';
}
.btn-refresh:hover .icon-btn:before {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)	 
}
 /* Btn Langue */
.btn-lang {
	text-transform: uppercase;
}
 /* Btn nav next prev */
.nav-art-next-prev {
	margin-right: 10px
}
.nav-art-next-prev .btn-nav-next-prev:nth-child(1) {
	margin-right: 2px 
}
.btn-nav-next-prev {
	background: rgba(0,0,0,.2);
	
}
.btn-nav-next-prev:hover {
	background:rgba(252,191,73,1);
}
.btn-nav-next-prev:before {
	font-family:FontAwesome,ForkAwesome;
	font-size: 32px !important;
	line-height: 54px !important;
	display: block
}
.btn-nav-prev:before{
	content:'\f104';
}
.btn-nav-next:before{
	content:'\f105';
}
 /* 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)
}

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

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

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

}
.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 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;
}
.btn-menu-hamburger,
.btn-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%);
	-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;

}
#menu-hamburger.menu-hamburger.is-opened span {
	background-color:transparent
} 
#menu-hamburger.menu-hamburger.is-opened {
	background:rgba(182,54,43,1) !important;
	right:350px !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;

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


#popup-btn-nav-options,
#popup-menu-hamburger {
	display: none;
}

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






/* FORMULAIRE */

input:focus {
	outline:none !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(239,201,76,1) !important;
}
#galerie-image .vu {
	padding:5px
}
#galerie-image .compteur {
	font-family: Oswald !important;
	display: inline-block;
	color: #FFF !important;
	background: rgba(56,182,255,1);
	line-height: 26px;
	border-radius: 12px;
	padding: 0 6px;

}
#galerie-image .afficher_plus {
	display: inline-block;
}
#galerie-image .afficher_plus:before {
	font-family:FontAwesome,ForkAwesome;
	content:"\f067";
	display: inline-block;
	line-height:24px !important;
	width: 24px;
	border-radius: 12px;
	text-align: center;
	color: #FFF;
	background:rgba(56,182,255,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)
}

/* GALERIE SONS */

#section-galerie-son #galerie-sons li.item-son  audio {
	width: 100%
}
#section-galerie-son #galerie-sons li.item-son  h4 {
	font-size: 1.2em
}
#section-galerie-son #galerie-sons li.item-son:not(:last-child) {
	border-bottom: 1px solid;
	padding-bottom: 4px;
	margin-bottom: 4px
}

/* MEDIABOX  */

#cboxOverlay{
	z-index: 999998 !important;
}
#colorbox {
	z-index: 999999 !important;
}

/* TOOLTIP  */

.tooltip {font-family: Oswald !important; }
.tooltip-inner { padding: 10px !important;}
.tooltip-inner p { margin: 0px; display: block}	
	section {
	clear:both
}

/** INTERTITRE **/

h1.text-black.h1.site-section-heading {
	font-family: Oswald !important;
	color: #3c3b3b !important
}

h2.titre-section,h3.titre-section,h4.titre-section,h5.titre-section,h6.titre-section,
h2.spip, h3.spip, h4.spip, h5.spip, h6.spip {
	border: none;
	text-align: left;
	margin-left: 15px;
	background: rgba(56,182,255,1);
	padding: 10px;
	display: table;
	color: #FFF;
	margin: 10px 0px;
	transform: rotate(-3deg); /* Équivalent à rotateZ(45deg) */
	border-radius: 6px !important;;
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.1);
	box-shadow:10px 10px 0px 0px rgba(0,0,0,.1);
	clear:both
}
h2.spip {
	margin-left: 0;
}
h3.titre-section,
h3.spip {
	margin-left: 6px;
	background: rgba(56,182,255,1);
	font-size: 2em;
	margin-top: 24px;
	margin-bottom: 24px
}
h4.titre-section,
h4.spip {
	margin-left: 10px;
	background: rgba(56,182,255,1);
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px
}
h5.titre-section,
h5.spip {
	margin-left: 14px;
	background: rgba(239,201,76,1);
	font-size: 1.2em;
	margin-top: 16px;
	margin-bottom: 16px
}
/** Texte balise de hiérarchisation **/

@media (max-width: 576px) {

}
/*** Numérotatiton auto hiérarchisation ***/
.bloc-texte {
	counter-reset: h3 h4 h5
	}
.bloc-texte h3.spip:before,
.bloc-texte h4.spip:before,
.bloc-texte h5.spip:before {
	background: rgba(72,72,72,1);
	display: block;
	display: block;
	text-align: center;
	font-size: 60%;
	position: absolute;
	font-weight: 400 !important;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,.5);

	}
.bloc-texte h3.spip:before {
	content: counter(h3) "  ";
	counter-increment: h3;
	min-width: 40px;
	line-height: 40px;
	border-radius: 20px;
	margin-left:-40px;
	top: -20px !important;
	font-size: .6em
	}
.bloc-texte h4.spip:before {
	content: counter(h3) "." counter(h4) "  ";
	counter-increment: h4;
	min-width: 35px;
	line-height: 35px;
	border-radius: 17.5px;
	margin-left:-35px;
	top: -15px !important;
	font-size: .6em !important;
	}
.bloc-texte h5.spip:before {
	content: counter(h3) "." counter(h4) "." counter(h5) "  ";
	counter-increment: h5;
	min-width: 30px;
	line-height: 30px;
	margin-left:-30px;
	top: -12px !important;
	border-radius: 15px;
	margin-top: -5px !important;
	font-size: .6em !important;
	}
.bloc-texte h3.spip {
	counter-reset: h4;
	}
.bloc-texte h4.spip {
	counter-reset: h5;
	}
.bloc-texte h3.spip.unnumbered, 
.bloc-texte h4.spip.unnumbered {
	counter-reset: none;
	}
.bloc-texte.unnumbered-auto h3.spip:before, 
.bloc-texte.unnumbered-auto h4.spip:before,
.bloc-texte.unnumbered-auto h5.spip:before,
.bloc-texte h3.spip.no-num:before, 
.bloc-texte h4.spip.no-num:before,
.bloc-texte h5.spip.no-num:before{
	content: none !important;
	counter-increment: none !important;
	}	

/** Texte listes **/

/*** Texte liste à puce ***/
.bloc-texte ul.spip {
	margin-left: 15px 
	}
.bloc-texte ul.spip li {
	list-style-type: disc;
	margin-bottom: 0px;
 	line-height: 140%;
 	text-align:justify
	}
.bloc-texte ul.spip > li {
	padding-bottom: 10px !important;
	}
.bloc-texte ul.spip li {
	text-align: left;
	}
.bloc-texte ul.spip li ul {
	margin-left: 10px;
	}
.bloc-texte 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 */
.bloc-texte ol.spip {
	counter-reset:Point_liste_niveau1;
	list-style-type:none;
	}
.bloc-texte ol.spip li {
	line-height: 140% !important;
	}
.bloc-texte ol.spip > li {
	padding-bottom: 10px !important;
	}
.bloc-texte ol.spip li li {
	margin-left: 10px;
	padding-bottom: 0px;
	}
.bloc-texte ol.spip li:before {
	content: counter(Point_liste_niveau1) ". ";
	counter-increment:Point_liste_niveau1;
	}
.bloc-texte ol.spip ol.spip {
	margin-left: 5px;
	counter-reset:Point_liste_niveau2;
	list-style-type:none;
	}
.bloc-texte ol.spip ol.spip li:before {
	content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". ";
	counter-increment:Point_liste_niveau2;
	}
.bloc-texte ol.spip ol.spip ol.spip {
	margin-left: 5px;
	counter-reset:Point_liste_niveau3;
	list-style-type:none;
	}
.bloc-texte 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;
	}
/* typo texte bloc deroulant   */
	
.bloc-texte .cs_blocs h4 {
  	background:none;
    padding: 0px;
    margin: 0px;
    }
.bloc-texte .cs_blocs  h4.blocs_titre  a {
	color: #FFF !important;
	background: rgba(56,182,255,1);
	border-bottom: 1px solid rgba(85,85,85,1);
	font-size: 22px;
	}
.bloc-texte .cs_blocs  h4.blocs_titre  a:before {
    content: "\f107";
    font-family: FontAwesome,ForkAwesome;
    display: inline-block;
    line-height: 20px;
    font-size: 22px !important;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-webkit-transition: all .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;

	}
.bloc-texte .cs_blocs  h4.blocs_titre  a:hover:before {
	-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;

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
.bloc-texte .cs_blocs  h4.blocs_titre.blocs_replie  a:before {
    content: "\f105";
    font-family:  FontAwesome;
	}
.bloc-texte .cs_blocs  h4.blocs_titre.blocs_replie  a:hover:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}
.bloc-texte .cs_blocs  h4.blocs_titre  a:hover {
	background: rgba(56,182,255,1);
	}
.bloc-texte .cs_blocs .blocs_destination {
	margin-bottom:20px !important;
	}
.bloc-texte .cs_blocs  h4.blocs_titre.cs_done a {
	display: block !important;
	text-align: center;
	padding:10px;
	margin-bottom: 0
	}
.bloc-texte .cs_blocs .blocs_destination.blocs_invisible  p{
	margin-left: 0;
	margin-top: 0;
	padding: 20px 0;
	}
	
	
/* TEXTE */

.bloc-texte {
	color: #323232;
	}

/** Texte liens **/

/*** Lien configuration générale ***/
a, a:hover {
	text-decoration: none !important;
	}
.bloc-texte .spip_in,
.bloc-texte .spip_in:hover,
.bloc-texte a,
.bloc-texte a:hover {
	text-decoration: none !important;
	cursor: pointer;
	-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;

	}
.bloc-texte a:not(.btn-spip),
.bloc-texte a[href^='Tel:'],
.bloc-texte a[href^='tel:'],
.bloc-texte .spip_in,
.bloc-texte a.spip_out,
.bloc-texte a.spip_mail,
.bloc-texte a.spip_ancre {
	position: relative;
	font-family: Oswald;	
	font-weight: 400 !important;
	z-index: 3
	}
.bloc-texte a:not(.btn-spip),
.bloc-texte .spip_in{
	color:rgba(56,182,255,1) !important;	
	}
.bloc-texte a.spip_out {
	color:rgba(151,191,13,1) !important;	
	}
.bloc-texte a.spip_mail {
	color:rgba(239,201,76,1) !important;		
	}
.bloc-texte a[href^='Tel:'],
.bloc-texte a[href^='tel:'] {
	color:rgba(252,191,73,1) !important;	
	}
.bloc-texte a.spip_ancre {
	color:rgba(56,182,255,1);
	}
.bloc-texte a:not(.btn-spip):before,
.bloc-texte a[href^='Tel:']:before,
.bloc-texte a[href^='tel:']:before,
.bloc-texte .spip_in:before,
.bloc-texte a.spip_out:before,
.bloc-texte a.spip_mail:before,
.bloc-texte a.spip_ancre:before, 
.bloc-texte a:not(.btn-spip):after,
.bloc-texte a[href^='Tel:']:after,
.bloc-texte a[href^='tel:']:after,
.bloc-texte .spip_in:after,
.bloc-texte a.spip_out:after,
.bloc-texte a.spip_mail:after,
.bloc-texte a.spip_ancre:after  {
	content: '';
	height: 3px;
	bottom: -2px;
	position: absolute !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;
;
	z-index: -1
	}
.bloc-texte a:not(.btn-spip):before,
.bloc-texte a[href^='Tel:']:before,
.bloc-texte a[href^='tel:']:before,
.bloc-texte .spip_in:before,
.bloc-texte a.spip_out:before,
.bloc-texte a.spip_mail:before,
.bloc-texte a.spip_ancre:before {
	width:100%;
	left: 0%;
	}
.bloc-texte a:not(.btn-spip):after,
.bloc-texte a[href^='Tel:']:after,
.bloc-texte a[href^='tel:']:after,
.bloc-texte .spip_in:after,
.bloc-texte a.spip_out:after,
.bloc-texte a.spip_mail:after,
.bloc-texte a.spip_ancre:after {
	width:0px;
	left: 50%;
	}
.bloc-texte a:not(.btn-spip):before,
.bloc-texte .spip_in:before {
	background: rgba(56,182,255,1) !important;
	}
.bloc-texte a.spip_out:before {
	background: rgba(151,191,13,1) !important;
	}
.bloc-texte a.spip_mail:before {
	background: rgba(239,201,76,1) !important;
	}
.bloc-texte a[href^='Tel:']:before,
.bloc-texte a[href^='tel:']:before {
	background: rgba(252,191,73,1) !important;
	}
.bloc-texte a.spip_ancre:before {
	background: rgba(56,182,255,1) !important;
	}
.bloc-texte a:not(.btn-spip):after,
.bloc-texte a[href^='Tel:']:after,
.bloc-texte a[href^='tel:']:after,
.bloc-texte .spip_in:after,
.bloc-texte a.spip_out:after,
.bloc-texte a.spip_mail:after,
.bloc-texte a.spip_ancre:after {
	background: #FFF !important;
	}
/*
.texte .spip_in:hover:after,
.texte a.spip_out:hover:after {
	left: 0%;
    width: 100%;
	}
*/
.bloc-texte a:not(.btn-spip):hover:before,
.bloc-texte a[href^='Tel:']:hover:before,
.bloc-texte a[href^='tel:']:hover:before,
.bloc-texte .spip_in:hover:before,
.bloc-texte a.spip_out:hover:before,
.bloc-texte a.spip_mail:hover:before,
.bloc-texte a.spip_ancre:hover:before {
	height: 22px !important;
	}
.bloc-texte a:not(.btn-spip):hover,
.bloc-texte a[href^='Tel:']:hover,
.bloc-texte a[href^='tel:']:hover,
.bloc-texte .spip_in:hover,
.bloc-texte a.spip_out:hover,
.bloc-texte a.spip_mail:hover,
.bloc-texte a.spip_ancre:hover {
	color: #FFF !important
	}
/*** Lien configuration spécifique ***/
/*** Lien type externe ***/
.bloc-texte .spip_out {}
.bloc-texte .spip_out:hover  {}
.bloc-texte .spip_out:visited {}
.bloc-texte .spip_out:visited:hover {}

/*** Lien type interne ***/
.bloc-texte .spip_in {}
.bloc-texte .spip_in:hover  {}
.bloc-texte .spip_in:visited {}
.bloc-texte .spip_in:visited:hover {}

/*** Lien type mail ***/
.bloc-texte .spip_mail:visited  {}
.bloc-texte .spip_mail:visited:hover {}


	
/** Texte italic **/	
.bloc-texte i {
	font-style: italic !important
}
.bloc-texte i.fa {
	font-style: normal !important
}

/** Texte gras **/
.bloc-texte  strong {
	font-family: Oswald;	
	}
	
.puce_bee:before {
    font-family: FontAwesome,ForkAwesome;
	content: "\f105";
	padding-right: 10px;	
}

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

/** Texte en indice **/ 
sub {
	font-size: 12px;
	color: rgba(56,182,255,1) !important;
		 font-family: Oswald;	

	}
	
/** Texte en exposant **/ 
sup  {
	font-size: 12px;
	text-transform: none;
	color: rgba(151,191,13,1)  !important;
		 font-family: Oswald;	

	}

/** Texte surligné **/
.bloc-texte .caractencadre-spip,
.bloc-texte .caractencadre2-spip {
	padding: 0 5px 2px 5px;
	font-weight: 400 !important
	}
.bloc-texte .caractencadre-spip {
	color: #FFF !important;
	background: rgba(56,182,255,1) !important;
font-family: Oswald;		}
.bloc-texte .caractencadre2-spip {
	color: #FFF !important;
	background: rgba(151,191,13,1) !important;
	font-family: Oswald;	
	}

/** Texte listes **/

/*** Texte liste à puce ***/
.bloc-texte ul.spip {
	margin-left: 15px 
	}
.bloc-texte ul.spip li {
	list-style-type: disc;
	margin-bottom: 0px;
 	line-height: 140%;
 	text-align:justify
	}
.bloc-texte ul.spip > li {
	padding-bottom: 10px;
	}
.bloc-texte ul.spip li {
	text-align: left;
	}
.bloc-texte ul.spip li ul {
	margin-left: 10px;
	}
.bloc-texte 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 */
.bloc-texte ol.spip {
	counter-reset:Point_liste_niveau1;
	list-style-type:none;
	}
.bloc-texte ol.spip li {
	line-height: 140% !important;
	}
.bloc-texte ol.spip > li {
	padding-bottom: 10px;
	}
.bloc-texte ol.spip li li {
	margin-left: 10px;
	padding-bottom: 0px;
	}
.bloc-texte ol.spip li:before {
	content: counter(Point_liste_niveau1) ". ";
	counter-increment:Point_liste_niveau1;
	}
.bloc-texte ol.spip ol.spip {
	margin-left: 5px;
	counter-reset:Point_liste_niveau2;
	list-style-type:none;
	}
.bloc-texte ol.spip ol.spip li:before {
	content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". ";
	counter-increment:Point_liste_niveau2;
	}
.bloc-texte ol.spip ol.spip ol.spip {
	margin-left: 5px;
	counter-reset:Point_liste_niveau3;
	list-style-type:none;
	}
.bloc-texte 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: 1.33em;
	line-height: 130%;
	font-weight: 300
	}
t2 {
	font-size: 1.66em;
	line-height: 130%;
	font-weight: 300
	}
t3 {
	font-size: 2em;
	line-height: 130%;
	font-weight: 300
	}

/** Texte couleurs **/

/* Gris foncé n1 	hexa = #333333 */
c0 {
	color: #000;
	}
c1 {
	color: rgba(56,182,255,1);
	}
/* Bleu nuit		hexa = #334d5c */
c2 {
	color: rgba(151,191,13,1);
	}
/* Turquoise		hexa = #45b29d  */
c3 {
	color: rgba(239,201,76,1);
	}
/* Jaune or			hexa = #efc94c  */
c4 {
	color: rgba(252,191,73,1);
	}
/* Orange			hexa = #e2793f */
c5 {
	color: rgba(226,121,63,1);
	}
/* Rouge			hexa = #df494a */
c6 {
	color: rgba(182,54,43,1);
	}
	
/** Texte ligne de separation (---) **/
hr.spip {
	border: none !important;
	/* border-top: 3px solid rgba(239,201,76,1); !important;*/
	display: block;
	height: 20px;
	background: linear-gradient(-45deg, rgba(239,201,76,1) 12.5%, transparent 12.5%, transparent 37.5%, rgba(239,201,76,1) 37.5%, rgba(239,201,76,1) 62.5%, transparent 62.5%, transparent 87.5%, rgba(239,201,76,1) 87.5%);
		  background-size: 64px 64px;
	  background-position: 50px 50px;

}

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


blockquote.spip  {
	color: #575757 ;
	padding:30px;
	 font-family: Oswald;	
	 font-size: 1.4em !important;
	 position: relative;
	}
	
	
	
blockquote.spip:before {
	font-family: FontAwesome,ForkAwesome;
	content: '\f10d';
	position: absolute;
	margin: -40px;
	font-size: 1.4em;
	text-shadow: 5px 5px 0px rgba(0,0,0,.2);
	transform: rotate(-3deg);

}
blockquote.spip:after {
	font-family: FontAwesome,ForkAwesome;
	content: '\f10e';
	position: absolute;
	margin: -40px;
	font-size: 1.4em;
	right: 0px;
	text-shadow: 5px 5px 0px rgba(0,0,0,.2);
	transform: rotate(-3deg);
}

/** Texte cadre poesie **/
blockquote.spip_poesie  {
	color: #575757 ;
	  background: linear-gradient(-45deg, rgba(239,201,76,1) 12.5%, transparent 12.5%, transparent 37.5%, rgba(239,201,76,1) 37.5%, rgba(239,201,76,1) 62.5%, transparent 62.5%, transparent 87.5%, rgba(239,201,76,1) 87.5%);
	  background-size: 64px 64px;
	  background-position: 50px 50px;
	  padding: 30px;
	 font-family: Oswald;	
	 font-size: 1.4em !important;
	 text-shadow: 2px 2px 0px #FFF;
}


/** Texte cadre code **/	
code.spip_code {
	background: rgba(151,191,13,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: 0px !important;
	background: none !important;
	color: #000 !important;
	border: 40px solid rgba(239,201,76,1) !important;
	transform: rotate(-3deg); /* Équivalent à rotateZ(45deg) */
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.1);
	box-shadow:10px 10px 0px 0px rgba(0,0,0,.1);
	margin-bottom: 50px;
		border-radius: 20px;
	position: relative;
	z-index: 1 !important;
	
}
.texteencadre-spip-content {
	top:-20px;
	left:-20px;
	margin-bottom: -40px !important;;
	width: calc( 100% + 40px);
	height: calc( 100% + 40px);
	border-radius: 10px;
	margin: 0px;
	padding: 10px;
	position: relative;
	z-index: 9  !important;
	background: #FFF
}

/** 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: #000;
	font-size: 22px;
	font-weight: 300;
	}
table.spip caption:before {
    font-family: FontAwesome,ForkAwesome;
	content: "\f104";
	padding-right: 10px;
}
table.spip caption:after {
	font-family: FontAwesome,ForkAwesome;
	content: "\f105";
	padding-left: 10px;
}
table.spip tr {
	padding: 10px !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;

	}	
table.spip tr.row_first{
	}
table.spip tr.row_odd{
	}
table.spip tr.row_even{
	background:transparent;
	color: #000;
	}
table.spip th,
table.spip td{
	padding:10px;
	text-align:left;
	-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;

	}
table.spip th:not(:first-of-type),
table.spip td:not(:first-of-type){
	border-left:1px solid rgba(151,191,13,.2);
}
table.spip tr:not(:first-of-type){
	border-top:1px solid rgba(151,191,13,.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:transparent;
}	
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{
	-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;
 ;
	/*
	background:rgba(151,191,13,.2);
	*/
	}
table.spip tr:hover {
	-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;
 ;
	background:rgba(151,191,13,.1);
	}
.no-style table.spip th:nth-child(odd),
.no-style table.spip td:nth-child(odd),
.no-style table.spip th:not(:first-of-type),
.no-style table.spip td:not(:first-of-type),
.no-style table.spip tr.row_first,
.no-style table.spip tr.row_odd,
.no-style table.spip tr.row_even,
nostyle table.spip th:nth-child(odd),
nostyle table.spip td:nth-child(odd),
nostyle table.spip th:not(:first-of-type),
nostyle table.spip td:not(:first-of-type),
nostyle table.spip tr.row_first,
nostyle table.spip tr.row_odd,
nostyle table.spip tr.row_even{
	background:transparent;
	border: none;
	color: #494949
	}
/** NOTE **/

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

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

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

/* typo texte bloc deroulant   */
.bloc-texte .cs_blocs {
	margin-bottom: 10px
}
.bloc-texte .cs_blocs h4 {
  
    padding: 0px;
    margin: 0px;
	min-height: 60px;
	   display: block;
	width: 100% !important;
	  overflow: auto;
  zoom: 1;
    }
.bloc-texte .cs_blocs  h4.blocs_titre  a {
	position: absolute;
	color: #FFF !important;
	display: inline-block;
	border: none !important;
float: left;
	background: rgba(56,182,255,1);
	font-size: 22px;
	  overflow: auto;
  zoom: 1;
	transform: rotate(-3deg); /* Équivalent à rotateZ(45deg) */
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,.5);
	margin-bottom: 50px;
	}
.bloc-texte .cs_blocs  h4.blocs_titre  a:before {
    content: "\f056" !important;;
    font-family: FontAwesome;
    display: inline-block;
	   width: 22px;
    line-height: 22px;
    font-size: 22px !important;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-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;

	}
.bloc-texte .cs_blocs  h4.blocs_titre  a:hover:before {
	-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;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
.bloc-texte .cs_blocs  h4.blocs_titre.blocs_replie  a:before {
    content: "\f055" !important;;
    font-family:  FontAwesome;
	}
.bloc-texte .cs_blocs  h4.blocs_titre.blocs_replie  a:hover:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}
.bloc-texte .cs_blocs  h4.blocs_titre  a {
	background: rgba(151,191,13,1);
	}
.bloc-texte .cs_blocs  h4.blocs_titre.blocs_replie  a {
	background: rgba(56,182,255,1);
	}
.bloc-texte .cs_blocs  h4.blocs_titre.blocs_replie  a:hover {
	background: rgba(151,191,13,1);
	}
.bloc-texte .cs_blocs  h4.blocs_titre  a:hover {
	background: rgba(56,182,255,1);
	}
.bloc-texte .cs_blocs .blocs_destination {
	margin-bottom:20px !important;
	}
.bloc-texte .cs_blocs  h4.blocs_titre.cs_done a {
	display: block !important;
	text-align: center;
	padding:10px;
	margin-bottom: 0
	}
.bloc-texte .cs_blocs .blocs_destination.blocs_invisible  p{
	margin-left: 0;
	margin-top: 0;
	padding: 20px 0;
	}
		
	
/* Texte - Section */
.bloc-texte #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"] .bloc-texte,
[data-theme="light"] .article-header,
[data-theme="light"] c0 {
	color: rgba(56,182,255,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;
}
.bloc-texte {
	padding-right: 10px !important;
}
section.article-infos {
		padding: 0px
}
section.article-infos section {
		background: #FFF;
		padding: 20px 10px;
		margin-bottom: 40px
}
#galerie-documents-joints {
	overflow: visible
}
#galerie-documents-joints table {
	width: 100%
}
#galerie-documents-joints td.plus-d-infos {
  display: none
}
#galerie-documents-joints td.logo img  {
  width: 32px !important;
  height: auto !important;
  filter: grayscale(100%);
  -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;

}
#galerie-documents-joints tr {
	-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;

}
#galerie-documents-joints tr:hover  {
  background: rgba(151,191,13,.2);
  -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;

 
}
#galerie-documents-joints tr:hover td.logo img  {
  filter: 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;

 
}
#galerie-documents-joints td {
	vertical-align: middle
}
#galerie-documents-joints td.info,
#galerie-documents-joints td.info a {
	padding: 20px 0px 20px 10px;
	color: #575757;
	font-family: Oswald !important;
	font-size: .9em;
	line-height: .9em !important
}
#galerie-documents-joints td.info .doc-specifications {
	font-size: .7em;
	line-height: .7em !important
}
.objet-article section#texte,
.objet-rubrique section#texte {
	margin-bottom: 20px;
	padding-bottom: 10px !important;;
	border-bottom: 3px solid rgba(255,255,255,.2)	
}
section.section-liste-objet .item-infos,
section.section-liste-objet .item-infos time {
	font-size: 12px !important; 
	color: rgba(188,188,188,1);
}

@media (max-width: 576px) {	
	.popup-bzzz article.main-container.content-article {
		padding: 0px !important;
	}
	section.bloc-texte {
		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.bloc-texte * {
		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; 
	}
}




/* IFRAME TEXTE */

.link-target-iframe {
	background:rgba(85,85,85,1);
	font-size:12px!important;
	color: #FFF;
	padding: 0px 12px 0px 0px;
	line-height:4px !important;
	margin-bottom: 4px;
	display: inline-block;
	border-radius: 12px
}
.link-target-iframe:hover {
	color: #FFF;
	background:  rgba(56,182,255,1);
}
.label-link-target-iframe {
	font-weight: bold
}
.link-target-iframe:before {
	font-family:FontAwesome;
	content:"\f08e ";
	line-height:24px !important;
	width: 24px;
	display:inline-block;
	border-radius: 12px;
	text-align: center;
	margin-right: 4px;
	color: #FFF;
	background:rgba(72,72,72,1) !important;	
	-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;

}

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

/** BLOC FLEX **/	
	
flex {
   display: flex;
   width: 100% !important;
   max-width: 100% !important;
   margin: 1em 0px;
   overflow: hidden;
}
box {
  padding: 1em;
  min-width: 200px;
  max-width: 50% !important;
  flex: 2;
}
flex box:last-child {
	padding-right:0;
}
flex box:first-child {
	padding-left:0;
}

flex box::first-line {
	font-weight:400;
	font-family: Oswald !important;
}
#section-edito flex box {
	font-size: .8em
}
#section-edito flex box::first-line {
	font-size: 1.2em
}

@media (max-width: 410px) {
	flex {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0px !important;
	}
	box {
		margin-top: 10px;
		display: block;
		padding: 0px;
		width: 100% !important;
		max-width: 100% !important;
	}
	#section-edito flex {
		margin-top: -15px !important;
		margin-bottom: -30px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.col-lg-6 [class*='col-'] flex {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0px !important;
	}
	.col-lg-6 [class*='col-'] box {
		margin-top: 10px;
		display: block;
		padding: 0px;
		width: 100% !important;
		max-width: 100% !important;
	}
	#section-edito flex {
		margin-top: -15px !important;
		margin-bottom: -30px !important;
	}
}

html.ltr.fr.js body#body.animated.fadeIn.page.page_sommaire.computer.ms.edge.animation-light div.ajaxbloc.ajax-id-body_sommaire0.bind-ajaxReload div.ajaxbloc.ajax-id-content.bind-ajaxReload div#about-section.site-section div.container div.row.mb-5 div.col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.order-md-1 div.ajaxbloc.ajax-id-edito-block.bind-ajaxReload div#section-edito.row.wow.fadeInUp div.col-12.mb-4 section#texte.lead.bloc-texte.crayon.article-texte-27.texte.texte-article p flex box

/** IMAGES TEXTE **/
.spip_documents p{margin:.10em;padding:0}
.spip_documents_center{display:block;clear:both;width:100%;margin:1.385em auto}
.spip_documents_center img {   display: block;margin-left: auto; margin-right: auto}
.spip_documents_left{float:left;margin-right:15px;margin-bottom:1.385em}
.spip_documents_right{float:right;margin-left:15px;margin-bottom:1.385em}
.spip_doc_titre{margin-right:auto;margin-left:auto;font-weight:700;font-size:.90em}
.spip_doc_descriptif{clear:both;margin-right:auto;margin-left:auto;font-size:.90em}
.spip_modele{float:right;display:block;padding:1em;border:1px solid;width:180px}
.spip_documents_legende{border:1px solid #8F8FBD;text-align:center;font-size:.9em;margin:0 0 1em}
.spip_documents_legende dt{background:#8F8FBD;color:#fff;padding:5px 3px;font-weight:700}
.spip_documents_legende dd{padding:3px 0;margin:0}
.spip_documents_legende dd.vignette{margin:5px 0}
.document_utilisations li.item{position:relative;padding-right:24px}
.document_utilisations li.item .vu{position:absolute;top:0;right:0}
.spip_documents img {
	border-radius: 10px;
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, .1));
}
.spip_documents_right,
.spip_documents_left {
	max-width: 40% !important;
}
@media (max-width: 576px) {
	.spip_documents {
		max-width: none !important;
		width: 100% !important;
		display: block;
	}
	.spip_documents img{
		display: block;
		margin-left: auto; 
		margin-right: auto
	}
}


/** BOUTON **/
.btn-c1,
.btn-spip {
	font-family: Oswald;	
	font-size: 1.3em !important;
	border-radius: 6px !important;
	background: rgba(56,182,255,1) !important;
	color: #FFF !important;
	padding: 6px;
	margin: 10px;
	line-height: 120% !important;
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,.1);
	box-shadow:10px 10px 0px 0px rgba(0,0,0,.1);
}
.btn-spip.btn-xs {
	font-size: .9em !important;
}
.btn-spip.btn-s {
	font-size: 1em !important;
}
.btn-spip.btn-l {
	font-size: 1.2em !important;
}
.btn-spip.btn-xl {
	font-size: 1.3em !important;
}
.btn-spip.btn-xxl {
	font-size: 1.6em !important;
}
.btn-spip.btn-xxxl {
	font-size: 2em !important;
}
.btn-spip.btn-xxxxl {
	font-size: 3em !important;
}
.btn-c1:hover,
.btn-spip:hover {
	background: rgba(239,201,76,1) !important;
	-webkit-box-shadow: 15px 15px 0px 0px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 15px 15px 0px 0px rgba(0,0,0,.2) !important;
	box-shadow:15px 15px 0px 0px rgba(0,0,0,.2)  !important;
}
.btn-c0 {
	background: #000 !important;
}
.btn-c0:hover {
	background: rgba(151,191,13,1) !important;
}
.btn-c2 {
	background: rgba(151,191,13,1) !important;
}
.btn-c2:hover {
	background: rgba(56,182,255,1) !important;
}
.btn-c3 {
	background: rgba(239,201,76,1) !important;
}
.btn-c3:hover {
	background: rgba(56,182,255,1) !important;
}
.btn-c4 {
	background: rgba(252,191,73,1) !important;
}
.btn-c4:hover {
	background: rgba(239,201,76,1) !important;
}
.btn-spip:before {
	content: '\f061';
	font-family: FontAwesome,ForkAwesome;
	display: inline-block
}
.btn-spip:hover:before {
	-webkit-animation-duration:2s;
	-webkit-animation-fill-mode:both;
	animation-duration:2s;
	animation-fill-mode:both;	
	-webkit-animation-name:shake;
	animation-name:shake;
}

/** BALISE PICTO **/
.fa-stack.xs,
.fa-spip.xs:before {
	font-size: .5em !important
}
.fa-stack.s,
.fa-spip.s:before {
	font-size: .75em !important
}
.fa-stack.m,
.fa-spip.m:before {
	font-size: 1em !important
}
.fa-stack.l,
.fa-spip.l:before {
	font-size: 1.5em !important
}
.fa-stack.xl,
.fa-spip.xl:before {
	font-size: 2em !important
}
.fa-stack.xxl,
.fa-spip.xxl:before {
	font-size: 3em !important
}
.fa-stack.xxxl,
.fa-spip.xxxl:before {
	font-size: 4em !important
}
.fa-spip.c1:before,
.fa-stack-2x.c1:before {
	color: rgba(56,182,255,1)  !important;
}
.fa-spip.c2:before,
.fa-stack-2x.c2:before {
	color: rgba(151,191,13,1)  !important;
}
.fa-spip.c3:before,
.fa-stack-2x.c3:before {
	color: rgba(239,201,76,1)  !important;
}
.fa-spip.c4:before,
.fa-stack-2x.c4:before {
	color: rgba(252,191,73,1)  !important;
}
.fa-spip.c5:before,
.fa-stack-2x.c5:before {
	color: rgba(226,121,63,1) !important;
}
.fa-spip.c6:before,
.fa-stack-2x.c6:before {
	color: rgba(182,54,43,1) !important;
}
.fa-spip.c7:before,
.fa-stack-2x.c7:before {
	color: rgba(85,85,85,1) !important;
}
.fa-spip.c8:before,
.fa-stack-2x.c8:before {
	color: rgba(109,109,109,1) !important;
}
.fa-spip.c9:before,
.fa-stack-2x.c9:before {
	color: rgba(188,188,188,1) !important;
}
.fa-spip.c10:before,
.fa-stack-2x.c10:before {
	color: rgba(226,226,226,1) !important;
}
.fa-spip.red:before,
.fa-stack-2x.red:before {
	color: red !important;
}
.fa-spip.black:before,
.fa-stack-2x.black:before {
	color: black !important;
}
.fa-spip.white:before,
.fa-stack-2x.white:before {
	color: white !important;
}
.fa-pull-center {
	display: block !important;
	width: 100% !important;
	text-align: center !important
}


.animateur-infos .fa {
  color: #FFF;
  text-shadow: #38B6FF 2px 0px 0px, #38B6FF 1.75517px 0.958851px 0px, #38B6FF 1.0806px 1.68294px 0px, #38B6FF 0.141474px 1.99499px 0px, #38B6FF -0.832294px 1.81859px 0px, #38B6FF -1.60229px 1.19694px 0px, #38B6FF -1.97999px 0.28224px 0px, #38B6FF -1.87291px -0.701566px 0px, #38B6FF -1.30729px -1.51361px 0px, #38B6FF -0.421592px -1.95506px 0px, #38B6FF 0.567324px -1.91785px 0px, #38B6FF 1.41734px -1.41108px 0px, #38B6FF 1.92034px -0.558831px 0px;
}
.animateur-infos .fa.fa-at {
  color: #FFF;
  text-shadow: rgba(239,201,76,1) 2px 0px 0px, rgba(239,201,76,1) 1.75517px 0.958851px 0px, rgba(239,201,76,1) 1.0806px 1.68294px 0px, rgba(239,201,76,1) 0.141474px 1.99499px 0px, rgba(239,201,76,1) -0.832294px 1.81859px 0px, rgba(239,201,76,1) -1.60229px 1.19694px 0px, rgba(239,201,76,1) -1.97999px 0.28224px 0px, rgba(239,201,76,1) -1.87291px -0.701566px 0px, rgba(239,201,76,1) -1.30729px -1.51361px 0px, rgba(239,201,76,1) -0.421592px -1.95506px 0px, rgba(239,201,76,1) 0.567324px -1.91785px 0px, rgba(239,201,76,1) 1.41734px -1.41108px 0px, rgba(239,201,76,1) 1.92034px -0.558831px 0px;
}
.animateur-infos .fa.fa-phone {
  color: #FFF;
  text-shadow: rgba(252,191,73,1) 2px 0px 0px, rgba(252,191,73,1) 1.75517px 0.958851px 0px, rgba(252,191,73,1) 1.0806px 1.68294px 0px, rgba(252,191,73,1) 0.141474px 1.99499px 0px, rgba(252,191,73,1) -0.832294px 1.81859px 0px, rgba(252,191,73,1) -1.60229px 1.19694px 0px, rgba(252,191,73,1) -1.97999px 0.28224px 0px, rgba(252,191,73,1) -1.87291px -0.701566px 0px, rgba(252,191,73,1) -1.30729px -1.51361px 0px, rgba(252,191,73,1) -0.421592px -1.95506px 0px, rgba(252,191,73,1) 0.567324px -1.91785px 0px, rgba(252,191,73,1) 1.41734px -1.41108px 0px, rgba(252,191,73,1) 1.92034px -0.558831px 0px;
}
.animateur-infos .fa.fa-arrow-right {
  color: #FFF;
  text-shadow: rgba(151,191,13,1) 2px 0px 0px, rgba(151,191,13,1) 1.75517px 0.958851px 0px, rgba(151,191,13,1) 1.0806px 1.68294px 0px, rgba(151,191,13,1) 0.141474px 1.99499px 0px, rgba(151,191,13,1) -0.832294px 1.81859px 0px, rgba(151,191,13,1) -1.60229px 1.19694px 0px, rgba(151,191,13,1) -1.97999px 0.28224px 0px, rgba(151,191,13,1) -1.87291px -0.701566px 0px, rgba(151,191,13,1) -1.30729px -1.51361px 0px, rgba(151,191,13,1) -0.421592px -1.95506px 0px, rgba(151,191,13,1) 0.567324px -1.91785px 0px, rgba(151,191,13,1) 1.41734px -1.41108px 0px, rgba(151,191,13,1) 1.92034px -0.558831px 0px;
}

.mcrypt {
	font-size: 0px;
}
.mcrypt:before {
	font-family: inherit;
	content:'@';
	font-size: 1rem !important;
}

#playlistLoad #list {
	white-space: nowrap !important;
	overflow:  hidden !important
}
#playlistLoad #list .list-song {
	font-size: 1.1em;
	overflow:  hidden !important;
	text-overflow: ellipsis !important;
}
#playlistLoad #list .list-song.play-now .eq.bar_animated {
	left: -45px
}	
	/**
* Template Style
*
* [Table of contents]
############################
*   7. ADMIN Babel
############################
**/
  /*******************************/
 /*       MENU REDACTEUR        */
/*******************************/

#spip-admin {
	display:none;
}

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

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

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

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

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

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

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

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

#ui-to-top {
	background:rgba(239,201,76,1);
	z-index: 9999999999
}
#ui-to-top:hover {
	background:rgba(252,191,73,1);
	color: rgba(239,201,76,1);
}

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

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

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

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

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

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

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

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

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

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

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

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


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

/* plugins/beebuzz/themes/samarcande/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;
}