/* #PRODUIRE{fond=css.css,skel=saes,objet=article,id_objet=1075,lang=fr}
   md5:7aca979536952e2d7ce0e30d5dbeafd8 */

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

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


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

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


/* theme-skel.css.html */
	/* plugins/beebuzz/themes/saes/css/theme-skel.css.html   */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2017 */
 /*     Template CSS theme-skel -extrascolaire-schaerbeek.be    */
/***************************************************************/

/* Mise en forme : http://www.cleancss.com/css-beautify/ */

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

/**COULEURS**/
 
	




	


	
	
	
	
	
	
	
	
	
	
	

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

.c2_bg 	{ background-color: rgba(160, 216, 207,1) !important;}
.c2_bd	{ border-color: 	rgba(160, 216, 207,1) !important;}
.c2 		{ color: 			rgba(160, 216, 207,1) !important;}

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

.c4_bg 	{ background-color: rgba(12, 66, 89,1) !important;}
.c4_bd	{ border-color: 	rgba(12, 66, 89,1) !important;}
.c4 		{ color: 			rgba(12, 66, 89,1) !important;}

.c5_bg 	{ background-color: rgba(195, 33, 51,1) !important;}
.c5_bd	{ border-color: 	rgba(195, 33, 51,1) !important;}
.c5 		{ color: 			rgba(195, 33, 51,1) !important;}

.c6_bg 	{ background-color: rgba(250, 190, 78,1) !important;}
.c6_bd	{ border-color: 	rgba(250, 190, 78,1) !important;}
.c6 		{ color: 			rgba(250, 190, 78,1) !important;}

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

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

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

.c10_bg 	{ background-color: rgba(206, 84, 143,1) !important;}
.c10_bd	{ border-color: 	rgba(206, 84, 143,1) !important;}
.c10 		{ color: 			rgba(206, 84, 143,1) !important;}

.c11_bg 	{ background-color: rgba(218, 218, 218,1) !important;}
.c11_bd	{ border-color: 	rgba(218, 218, 218,1) !important;}
.c11 		{ color: 			rgba(218, 218, 218,1) !important;}

.c12_bg 	{ background-color: rgba(198, 198, 198,1) !important;}
.c12_bd	{ border-color: 	rgba(198, 198, 198,1) !important;}
.c12 		{ color: 			rgba(198, 198, 198,1) !important;}

.c13_bg 	{ background-color: rgba(157, 157, 157,1) !important;}
.c13_bd	{ border-color: 	rgba(157, 157, 157,1) !important;}
.c13 		{ color: 			rgba(157, 157, 157,1) !important;}

.c14_bg 	{ background-color: rgba(54, 54, 54,1) !important;}
.c14_bd	{ border-color: 	rgba(54, 54, 54,1) !important;}
.c14 		{ color: 			rgba(54, 54, 54,1) !important;}

.c15_bg 	{ background-color: rgba(55, 55, 55,1) !important;}
.c15_bd	{ border-color: 	rgba(55, 55, 55,1) !important;}
.c15 		{ color: 			rgba(55, 55, 55,1) !important;}


  /********/
 /* FONT */
/********/



 




	
.clearfix {
	overflow:auto;
	zoom:1;
}

.ancre-decaler {
	position:absolute;
	margin-top:-50px;
}

html {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/background.jpg) repeat-y top left #0c4259;
	background-size:100% auto;
	min-height:100%;
}

body {
	font-family:Josefin Sans;
	color:rgba(12, 66, 89,1);
	font-size:16px;
	overflow-x:hidden;
	background:none!important;
	min-height:100%;
	font-weight:300;
}

.main-container {
	margin-top:120px;
	padding-top:0;
	position:relative;
	z-index:9;
}

.page_sommaire #container-top.container.main-container {
	margin-top:150px;
}

  /************************/
 /* PARAMETRES GENEREAUX */
/************************/
a:hover,a {
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}

.display-none {
	display:none!important;
}

img {
	max-width:100%;
	height:auto;
}

div.includeajax_load a img,div.includestatic_load a img,.ajaxbloc div.includeajax_load a img {
	height:22px!important;
	width:auto!important;
}

.page_sommaire #container-top .row_1,.page_sommaire #container-top .row_2 {
	margin-left:16px;
}

.bloc-newsletter .bloc-home-content {
	display:none;
}

.carousel-news {
	position:absolute;
	width:560px;
	top:0;
}

.animated4s {
	animation-duration:4s;
	animation-fill-mode:both;
}

.fadeInOp03 {
	animation-name:fadeInOp03;
}

@keyframes fadeInOp03 {
	from {
		opacity:0;
	}
	
	33% {
		opacity:0;
	}
	
	to {
		opacity:.3;
	}
}

.fadeOutOp03 {
	animation-name:fadeOutOp03;
}

@keyframes fadeOutOp03 {
	from {
		opacity:.3;
	}
	
	to {
		opacity:0;
	}
}

.hover_effect {
	top:-40px!important;
	left:-69%!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;
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.bloc-homepage .caption-bloc.mask .rotate-hover {
	-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;
}

.bloc-homepage .caption-bloc.mask:hover .rotate-hover {
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	-webkit-transform:scale(1.05) rotate(10deg);
	-moz-transform:scale(1.05) rotate(10deg);
	-o-transform:scale(1.05) rotate(10deg);
	transform:scale(1.05) rotate(10deg);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.bloc-homepage:hover .caption-bloc {
	z-index:99990;
}

.bloc-homepage .caption-bloc.mask {
	position:relative!important;
	z-index:99;
	cursor:pointer;
}

.bloc-home-ombre {
	display:block;
	position:absolute;
	z-index:1!important;
	top:-25px;
	left:-74%;
	width:175%;
	height:175%;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	-khtml-opacity:.3;
	opacity:.3;
}

#bloc-1 {
	position:relative;
	z-index:99;
}

#bloc-1 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_puzzle0.png) no-repeat top left;
	background-size:contain;
	top:-37px;
	left:-103%;
	width:204%;
	height:230%;
	z-index:0!important;
}

#bloc-2 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_puzzle1.png) no-repeat top left;
	background-size:contain;
	top:-25px;
	left:-76%;
	width:220%;
	height:220%;
}

#bloc-3 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_puzzle2.png) no-repeat top left;
	background-size:contain;
	top:-26px;
	left:-76%;
	width:194%;
	height:194%;
}

#bloc-4 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_puzzle3.png) no-repeat top left;
	background-size:contain;
	top:0;
	left:-79%;
	width:177%;
	height:177%;
}

#bloc-5 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_puzzle4.png) no-repeat top left;
	background-size:contain;
	top:0;
	left:-79%;
	width:198%;
	height:198%;
}

#bloc-9 .bloc-home-ombre,#bloc-6 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_p1.png) no-repeat top left;
	background-size:contain;
	top:0;
	left:-84%;
	width:200%;
	height:200%;
}

#bloc-10 .bloc-home-ombre,#bloc-7 .bloc-home-ombre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/ombre_p1.png) no-repeat top left;
	background-size:contain;
	top:0;
	left:-74%;
	width:202%;
	height:202%;
}

@media screen and (min-width: 1200px) {
	svg#svg-mask-1 {
		width:101.5%;
		height:auto;
	}
	
	svg#svg-mask-2 {
		margin-left:36px;
		width:260px;
		height:auto;
	}
	
	svg#svg-mask-3 {
		margin-left:36px;
		width:220px;
		height:auto;
	}
	
	svg#svg-mask-4 {
		margin-top:-6px;
		width:260px;
		height:auto;
	}
	
	svg#svg-mask-5 {
		margin-top:28px;
		width:260px;
		height:auto;
	}
	
	svg#svg-mask-9,svg#svg-mask-6 {
		width:260px;
		height:auto;
	}
	
	svg#svg-mask-10,svg#svg-mask-7 {
		margin-left:36px;
		width:260px;
		height:auto;
	}
	
	#bloc-4 .bloc-home-content,#bloc-5 .bloc-home-content {
		margin-top:30px;
	}
	
	#bloc-9 .bloc-home-content,#bloc-6 .bloc-home-content {
		left:10%;
	}
}

#bloc-8 #container-bloc-8 {
	margin-left:35px;
	margin-top:-33px;
	position:relative;
}

#bloc-8 #svg-mask-8 {
	width:518px;
	height:auto;
}

#bloc-8:hover #container-bloc-8 {
	margin-left:-35px;
	z-index:9999999;
}

#bloc-8 .bloc-home-texte-content {
	position:absolute;
	top:70px;
	margin-left:45px;
	width:455px;
	height:150px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

/******************/
/* GUIRLANDE MENU */
/******************/
.body-back #guirlande {
	top:-200px;
}

#guirlande {
	top:-10px;
	right:0;
	width:610px;
	height:185px;
	position:absolute;
	z-index:999;
	background:transparent;
	overflow:hidden;
}

#guirlande-svg {
	background:transparent;
	stroke-opacity:0;
	fill:none;
	width:610px;
	height:auto;
}

.guirlande-1 {
	fill:#4dc0b1;
}

.guirlande-2 {
	fill:#0c4259;
}

.guirlande-3 {
	fill:#fff;
}

.guirlande-4 {
	fill:none;
	stroke:#0c4259;
	stroke-miterlimit:10;
	stroke-width:3px;
}

#ombre-guirlande {
	top:-10px;
	right:0;
	width:700px;
	height:213px;
	position:absolute;
	background:transparent;
	overflow:hidden;
}

#ombre-guirlande-svg {
	background:transparent;
	stroke-opacity:0;
	fill:none;
	width:700px;
	height:auto;
}

.ombre-guirlande-1 {
	opacity:.08;
}

.ombre-guirlande-2 {
	fill:#0c4259;
}

/*****************/
/* SOCIAL NETWORK GUIRLANDE */
/*****************/
.body-back #s-n {
	top:-200px;
}

#s-n {
	top:0;
	right:0;
	width:610px;
	height:185px;
	position:absolute;
	z-index:999;
}

.s-n {
	display:block;
	width:40px;
	position:absolute;
	padding:0;
	top:-40px;
	cursor:pointer;
}

#s-n .s-n-1 {
	top:7px;
	-webkit-transform:rotate(28deg);
	-moz-transform:rotate(28deg);
	-ms-transform:rotate(28deg);
	-o-transform:rotate(28deg);
	transform:rotate(28deg);
}

#s-n .s-n-2 {
	top:33px;
	left:53px;
	-webkit-transform:rotate(25deg);
	-moz-transform:rotate(25deg);
	-ms-transform:rotate(25deg);
	-o-transform:rotate(25deg);
	transform:rotate(25deg);
}

#s-n .s-n-3 {
	top:57px;
	left:109px;
	-webkit-transform:rotate(22deg);
	-moz-transform:rotate(22deg);
	-ms-transform:rotate(22deg);
	-o-transform:rotate(22deg);
	transform:rotate(22deg);
}

#s-n .s-n-4 {
	top:76px;
	left:163px;
	-webkit-transform:rotate(18deg);
	-moz-transform:rotate(18deg);
	-ms-transform:rotate(18deg);
	-o-transform:rotate(18deg);
	transform:rotate(18deg);
}

#s-n .s-n-5 {
	top:92px;
	left:221px;
	-webkit-transform:rotate(14deg);
	-moz-transform:rotate(14deg);
	-ms-transform:rotate(14deg);
	-o-transform:rotate(14deg);
	transform:rotate(14deg);
}

#s-n .s-n-6 {
	top:106px;
	left:280px;
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transform:rotate(10deg);
}

#s-n .s-n-7 {
	top:115px;
	left:337px;
	-webkit-transform:rotate(7deg);
	-moz-transform:rotate(7deg);
	-ms-transform:rotate(7deg);
	-o-transform:rotate(7deg);
	transform:rotate(7deg);
}

#s-n .s-n-8 {
	top:120px;
	left:394px;
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}

#s-n .s-n-9 {
	top:122px;
	left:450px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}

#s-n .s-n-10 {
	top:121px;
	left:506px;
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
}

#s-n .s-n-11 {
	top:116px;
	left:566px;
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(-8deg);
}

.s-n:before {
	font-family:FontAwesome;
	font-size:18px;
	display:block;
	width:100%;
	text-align:center;
	line-height:40px;
}

.s-n-c1,.s-n-c1:hover {
	color:#FFF;
}

.s-n-c2,.s-n-c2:hover {
	color:#FFF;
}

.s-n-c3,.s-n-c3:hover {
	color:rgba(76, 190, 175,1);
}

.s-n.facebook:before {
	content:"\f09a";
}

.s-n.twitter:before {
	content:"\f099";
}

.s-n.rss:before {
	content:"\f09e";
}

.s-n.mail:before {
	content:"\f1d9";
}

.s-n.share.is-closed:before {
	content:"\f087";
}

.s-n.share.is-opened:before {
	content:"\f00d";
}

.s-n.linkedin:before {
	content:"\f0e1";
}

.s-n.instagram:before {
	content:"\f16d";
}

.s-n.pinterest:before {
	content:"\f0d2";
}

.s-n.youtube:before {
	content:"\f167";
}

.s-n.soundcloud:before {
	content:"\f1be";
}

@media screen and (max-width: 1199px) {
	#bloc-1,#bloc-1 #carousel-homepage {
		height:430px!important;
	}
	
	.carousel-news {
		position:absolute;
		width:472px!important;
		top:0;
	}
	
	#bloc-8 #container-bloc-8 {
		margin-left:30px;
		margin-top:-29px;
		position:relative;
	}
	
	#bloc-8 #svg-mask-8 {
		width:438px;
		height:auto;
	}
	
	#bloc-8:hover #container-bloc-8 {
		margin-left:-22px;
		z-index:9999999;
	}
	
	#bloc-8 .bloc-home-texte-content {
		position:absolute;
		top:60px;
		margin-left:35px;
		width:380px;
		height:130px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
	
	svg#svg-mask-1 {
		width:500px;
		height:auto;
	}
	
	svg#svg-mask-2 {
		width:223px;
		height:auto;
		margin-left:30px;
	}
	
	svg#svg-mask-3 {
		width:192px;
		height:auto;
		margin-left:30px;
	}
	
	svg#svg-mask-4 {
		margin-top:-17px;
		margin-left:0;
		width:223px;
		height:auto;
	}
	
	svg#svg-mask-5 {
		margin-top:12px;
		margin-left:1px;
		width:223px;
		height:auto;
	}
	
	svg#svg-mask-6 {
		width:223px;
		height:auto;
	}
	
	svg#svg-mask-7 {
		margin-left:26px;
		width:223px;
		height:auto;
	}
	
	.bloc-home-content h4 {
		font-size:34px!important;
	}
	
	.bloc-home-content {
		margin:10px 0 0!important;
	}
	
	#bloc-9 .bloc-home-content
	#bloc-6 .bloc-home-content {
		left:10%!important;
	}
	
	#bloc-1 .bloc-home-ombre {
		top:-29px;
		left:-105%;
		width:207%;
		height:230%;
	}
	
	#bloc-2 .bloc-home-ombre {
		top:-22px;
		left:-79%;
		width:220%;
		height:220%;
	}
	
	#bloc-3 .bloc-home-ombre {
		top:-22px;
		left:-80%;
		width:192%;
		height:192%;
	}
	
	#bloc-4 .bloc-home-ombre {
		top:-10px;
		left:-82%;
		width:183%;
		height:183%;
	}
	
	#bloc-5 .bloc-home-ombre {
		top:-11px;
		left:-81%;
		width:207%;
		height:207%;
	}
	
	#bloc-9 .bloc-home-ombre #bloc-6 .bloc-home-ombre {
		top:0;
		left:-89%;
		width:201%;
		height:201%;
	}
	
	#bloc-10 .bloc-home-ombre,#bloc-7 .bloc-home-ombre {
		top:0;
		left:-78%;
		width:201%;
		height:201%;
	}
}

@media only screen and (max-width : 992px) {
	#bloc-8 #container-bloc-8 {
		margin-left:0;
		margin-top:0;
		position:relative;
	}
	
	#bloc-8 #svg-mask-8 {
		width:714px;
		height:auto;
	}
	
	#bloc-8:hover #container-bloc-8 {
		margin-left:0;
		z-index:9999999;
	}
	
	#bloc-8 .bloc-home-texte-content {
		position:absolute;
		top:100px;
		margin-left:75px;
		width:600px;
		height:200px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
	
	#guirlande {
		padding-left:150px;
		overflow:hidden;
	}
	
	#ombre-guirlande {
		padding-left:100px;
		overflow:hidden;
	}
	
	#s-n {
		top:0;
		right:0;
		width:460px;
	}
	
	#carousel-homepage .item {
		height:235px!important;
	}
	
	#carousel-homepage .carousel-caption-info {
		margin-top:210px!important;
		padding:10px 35px;
	}
	
	#carousel-homepage .item-video .carousel-caption {
		margin-top:235px!important;
		height:155px;
	}
	
	svg#svg-mask-1 {
		width:500px;
		height:auto;
	}
	
	svg#svg-mask-2 {
		width:235px;
		height:auto;
		margin-left:20px;
	}
	
	svg#svg-mask-3 {
		margin-top:29px;
		width:200px;
		height:auto;
		margin-left:20px;
	}
	
	svg#svg-mask-4 {
		margin-left:-43px;
		margin-top:-30px;
		width:360px;
		height:auto;
	}
	
	svg#svg-mask-5 {
		margin-top:12px;
		margin-left:-15px;
		width:360px;
		height:auto;
	}
	
	svg#svg-mask-6 {
		width:360px;
		height:auto;
	}
	
	svg#svg-mask-7 {
		margin-left:26px;
		width:360px;
		height:auto;
	}
	
	.bloc-home-content h4 {
		font-size:34px!important;
	}
	
	.bloc-home-content {
		margin:10px 0 0!important;
	}
	
	#bloc-2 .bloc-home-content {
		margin:0!important;
	}
	
	#bloc-3 .bloc-home-content {
		margin:30px 0 0!important;
	}
	
	#bloc-4 .bloc-home-content {
		margin:50px 0 0 -25px!important;
	}
	
	#bloc-5 .bloc-home-content {
		margin:50px 0 0!important;
	}
	
	#bloc-9 .bloc-home-content,#bloc-6 .bloc-home-content {
		margin:37px 0 0 10px!important;
	}
	
	#bloc-1 .bloc-home-ombre {
		top:-29px;
		left:-102%;
		width:201%;
		height:230%;
	}
	
	#bloc-2 .bloc-home-ombre {
		top:-22px;
		left:-85%;
		width:220%;
		height:220%;
	}
	
	#bloc-3 .bloc-home-ombre {
		top:5px;
		left:-87%;
		width:185%;
		height:185%;
	}
	
	#bloc-4 .bloc-home-ombre {
		top:-20px;
		left:-95%;
		width:190%;
		height:190%;
	}
	
	#bloc-5 .bloc-home-ombre {
		top:-24px;
		left:-89%;
		width:214%;
		height:214%;
	}
	
	#bloc-9 .bloc-home-ombre,#bloc-6 .bloc-home-ombre {
		top:0;
		left:-89%;
		width:201%;
		height:201%;
	}
	
	#bloc-10 .bloc-home-ombre,#bloc-7 .bloc-home-ombre {
		top:0;
		left:-84%;
		width:201%;
		height:201%;
	}
}

@media only screen and (max-width : 892px) {
	#guirlande {
		padding-left:240px;
		overflow:hidden;
	}
	
	#ombre-guirlande {
		padding-left:120px;
		overflow:hidden;
	}
	
	#s-n {
		top:0;
		right:0;
		width:370px;
	}
}

@media only screen and (max-width : 800px) {
	#guirlande {
		padding-left:340px;
		overflow:hidden;
	}
	
	#ombre-guirlande {
		padding-left:180px;
		overflow:hidden;
	}
	
	#s-n {
		top:0;
		right:0;
		width:270px;
	}
}

@media only screen and (max-width : 700px) {
	#guirlande {
		padding-left:0;
		overflow:hidden;
		max-width:100%;
	}
	
	#ombre-guirlande {
		padding-left:0;
		max-width:100%;
		overflow:hidden;
	}
	
	#s-n {
		display:none;
		top:0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.pannel-menu {
		width:100%;
	}
	
	.pannel-menu * {
		max-width:365px;
	}
	
	.page_sommaire #container-top .row_1 {
		margin-top:20px;
	}
	
	#carousel-homepage .item {
		height:300px!important;
	}
	
	#carousel-homepage .carousel-caption-info {
		margin-top:270px!important;
		padding:10px 35px;
	}
	
	#carousel-homepage .item-video .carousel-caption {
		margin-top:300px!important;
		height:170px;
	}
	
	.carousel-news {
		width:100%!important;
	}
	
	.carousel-inner {
		height:500px!important;
	}
	
	.carousel-indicators {
		margin-bottom:-100px!important;
	}
	
	.carousel-indicators li,.carousel-indicators li.active {
		height:20px;
		width:20px;
		margin:0 5px;
	}
	
	#carousel-homepage .carousel-control .glyphicon {
		font-size:38px;
	}
	
	.carousel-introduction {
		font-size:125%;
		padding-top:10px;
	}
	
	#bloc-8 #container-bloc-8 {
		margin-left:0;
		margin-top:0;
		position:relative;
	}
	
	#bloc-8 #svg-mask-8 {
		width:95%;
		height:auto;
	}
	
	#bloc-8:hover #container-bloc-8 {
		margin-left:0;
		z-index:9999999;
	}
	
	#bloc-8 .bloc-home-texte-content {
		position:absolute;
		top:100px;
		margin-left:7%;
		width:85%;
		height:200px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
	
	#bloc-1 {
		width:95%;
		height:550px!important;
		background:#0b3b4c;
	}
	
	svg#svg-mask-1 {
		display:none;
	}
	
	svg#svg-mask-2 {
		margin-top:30px;
		width:100%;
		height:auto;
		margin-left:0;
	}
	
	svg#svg-mask-3 {
		margin-top:30px;
		width:85%;
		height:auto;
		margin-left:5%;
	}
	
	svg#svg-mask-4 {
		margin-left:-13%;
		margin-top:-30px;
		width:98%;
		height:auto;
	}
	
	svg#svg-mask-5 {
		margin-top:12px;
		margin-left:-8%;
		width:98%;
		height:auto;
	}
	
	svg#svg-mask-6 {
		width:98%;
		height:auto;
	}
	
	svg#svg-mask-7 {
		margin-left:5%;
		width:98%;
		height:auto;
	}
	
	.bloc-home-content h4 {
		font-size:46px!important;
	}
	
	.bloc-home-texte .bloc-home-titre .soustitre {
		font-size:28px;
	}
	
	.bloc-home-content {
		margin:70px 0 0!important;
	}
	
	#bloc-2 .bloc-home-content {
		margin:70px 0 0!important;
	}
	
	#bloc-3 .bloc-home-content {
		margin:70px 0 0!important;
	}
	
	#bloc-4 .bloc-home-content {
		margin:50px 0 0 -25px!important;
	}
	
	#bloc-5 .bloc-home-content {
		margin:50px 0 0!important;
	}
	
	#bloc-9 .bloc-home-content,#bloc-6 .bloc-home-content {
		margin:37px 0 0 10px!important;
	}
	
	.bloc-home-ombre {
		display:none;
	}
}

.bloc-homepage:hover .info-bulle {
	display:block;
	z-index:999999;
}


@media only screen and (max-width : 575px) {
	#container-bloc-8 div.bloc-home-texte-content {
	  top: 40%;
	  height: 150px
	}
	
}

@media only screen and (max-width : 500px) {
	.bloc-home-content h4 {
		font-size:36px!important;
	}
	
	.bloc-home-texte .bloc-home-titre .soustitre {
		font-size:18px;
	}
	
	#container-bloc-8 div.bloc-home-texte-content {
	  top: 45%;
	  height: 150px
	}
}

@media only screen and (max-width : 420px) {
	
	#container-bloc-8 div.bloc-home-texte-content {
		top: 50% !important;
		height: 150px
	}
  
}

.info-bulle {
	position:absolute;
	margin-top:-50px;
	padding:10px;
	background:rgba(12, 66, 89,1);
	color:#FFF;
	z-index:999999999;
	-webkit-filter:drop-shadow(-5px 5px 0px rgba(12, 66, 89,0.2));
	filter:drop-shadow(-5px 5px 0px rgba(12, 66, 89,0.2));
	text-align:center;
	min-width:100px;
	right:0;
}

.info-bulle.display-none {
	display:none;
}

.triangle {
	margin-top:0;
	width:100px;
	height:15px;
	position:absolute;
}

.triangle .left {
	float:left;
	width:0;
	border-top:30px solid rgba(12, 66, 89,1);
	border-right:15px solid transparent;
}

.triangle .right {
	float:left;
	margin-left:30px;
	width:0;
	border-top:30px solid rgba(12, 66, 89,1);
	border-left:15px solid transparent;
}

.triangle .bottom {
	height:15px;
	width:30px;
	background:rgba(12, 66, 89,1);
	clear:both;
}

  /**********/
 /* HEADER */
/**********/
  /************************/
 /* OBJET MOBILE - NUAGE */
/************************/

.objet-mobile-bakground {
	position:fixed;
	z-index:0;
}

.nuage .background-standard {
	fill:#d7f2ed;
}

#nuage_0 {
	top:100px;
	height:260px;
	width:430px;
	left:-430px;
	-moz-opacity:.3;
	-khtml-opacity:.3;
	opacity:.3;
}

#nuage_1 {
	top:125px;
	height:65px;
	width:107px;
	left:-150px;
	-moz-opacity:.7;
	-khtml-opacity:.7;
	opacity:.7;
}

#nuage_2 {
	height:130px;
	width:215px;
	left:-215px;
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5;
}

#nuage_5 {
	top:200px;
	height:260px;
	width:430px;
	-moz-opacity:.3;
	-khtml-opacity:.3;
	opacity:.3;
}

#nuage_6 {
	top:250px;
	height:175px;
	width:285px;
	-moz-opacity:.4;
	-khtml-opacity:.4;
	opacity:.4;
}

#nuage_7 {
	top:500px;
	height:350px;
	width:285px;
	-moz-opacity:.2;
	-khtml-opacity:.2;
	opacity:.2;
}

.animation-light #nuage_0 {
	left: -50px;
}
.animation-light #nuage_1 {
	left: 40%;
}
.animation-light #nuage_2 {
	left: 20%;
}
.animation-light #nuage_3 {
	left: 70%;
}
.animation-light #nuage_4 {
	left: 30%;
}
.animation-light #nuage_5 {
	left: 90%;
}
.animation-light #nuage_6 {
	left: 10%;
}
.animation-light #nuage_7 {
	left: 20%;
}

.animation-full.animation-on .animated30s {
	animation-duration:30s;
	animation-fill-mode:both;
}

.animation-full.animation-on .animated60s {
	animation-duration:60s;
	animation-fill-mode:both;
}

.animation-full.animation-on .animated70s {
	animation-duration:70s;
	animation-fill-mode:both;
}

.animation-full.animation-on .animated80s {
	animation-duration:80s;
	animation-fill-mode:both;
}

.animation-full.animation-on .animated120s {
	animation-duration:120s;
	animation-fill-mode:both;
}

.animation-full.animation-on .deplacement_nuage1 {
	animation-name:deplacement_nuage1;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

@keyframes deplacement_nuage1 {
	0% {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
	}
	
	100% {
		left:100%;
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-o-transform:scale(0.5);
		transform:scale(0.5);
		-moz-opacity:.5;
		-khtml-opacity:.5;
		opacity:.5;
	}
}

.animation-full.animation-on .deplacement_nuage2 {
	animation-name:deplacement_nuage2;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

@keyframes deplacement_nuage2 {
	0% {
		left:100%;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
	}
	
	100% {
		left:-300px;
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-o-transform:scale(0.5);
		transform:scale(0.5);
		-moz-opacity:.5;
		-khtml-opacity:.5;
		opacity:.5;
	}
}

/**********/
/* PRE-FOOTER */
/**********/
#pre-footer {
	position:absolute;
	width:100%;
	height:600px;
	margin-top:-600px;
}

#footer-soleil {
	left:0;
	position:absolute;
	overflow:hidden;
	width:620px;
	height:620px;
	z-index:5;
	bottom:240px;
}

#soleil {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_soleil.png) no-repeat top right;
	background-size:100% 100%;
	position:absolute;
	margin-left:-404px;
	width:1024px;
	height:1024px;
}

#footer-degrade-ciel {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_degade_ciel.png) repeat-x top left;
	width:100%;
	height:300px;
	position:absolute;
	bottom:200px;
	z-index:7;
}

#footer-sol {
	background:#0C4259;
	width:100%;
	height:140px;
	bottom:0;
	position:absolute;
	z-index:1;
}

#footer-background {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_background.png) no-repeat top left;
	background-size:100% auto;
	width:100%;
	height:140px;
	bottom:70px;
	position:absolute;
	overflow:hidden;
	z-index:10;
}

#footer-ville {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_ville.png) no-repeat top left;
	background-size:auto 100%;
	background-position:left bottom;
	width:100%;
	height:300px;
	bottom:120px;
	position:absolute;
	z-index:11;
}

@media only screen and (max-width : 1199px) {
	#footer-ville {
		height:250px;
	}
}

#footer-foret {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_foret.png) no-repeat top left;
	background-size:100% auto;
	width:200px;
	height:50px;
	right:330px;
	bottom:175px;
	position:absolute;
	z-index:15;
}

#footer-nuage {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_nuage.png) no-repeat top right;
	background-size:100% auto;
	width:240px;
	height:350px;
	position:absolute;
	right:0;
	bottom:155px;
	z-index:17;
	-moz-opacity:.7!important;
	-khtml-opacity:.7!important;
	opacity:.7!important;
}

#footer-moyen-arbre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_moyen_arbre.png) no-repeat top left;
	background-size:100% auto;
	width:95px;
	height:110px;
	position:absolute;
	right:440px;
	bottom:155px;
	z-index:25;
}

#footer-parc {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_parc.png) no-repeat top left;
	background-size:100% auto;
	width:100px;
	height:55px;
	position:absolute;
	right:350px;
	bottom:155px;
	z-index:25;
}

#footer-tour {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_tour.png) no-repeat top left;
	background-size:100% auto;
	width:90px;
	height:325px;
	position:absolute;
	right:260px;
	bottom:170px;
	z-index:26;
}

#footer-eglise {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_eglise.png) no-repeat top left;
	background-size:auto 100%;
	width:140px;
	height:420px;
	position:absolute;
	bottom:170px;
	left:50%;
	margin-left:-70px;
	z-index:27;
}

#footer-petit-velo-1 {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_petit_velo_1.png) no-repeat top right;
	background-size:auto 100%;
	width:105px;
	height:100px;
	position:absolute;
	bottom:142px;
	left:0;
	z-index:28;
	-moz-opacity:1!important;
	-khtml-opacity:1!important;
	opacity:1!important;
}

#footer-couple {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_couple.png) no-repeat top left;
	background-size:auto 100%;
	width:110px;
	height:85px;
	position:absolute;
	bottom:140px;
	left:45%;
	z-index:29;
}

#footer-grand-arbre {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_grand_arbre.png) no-repeat top left;
	background-size:auto 100%;
	width:160px;
	height:220px;
	position:absolute;
	right:320px;
	bottom:105px;
	z-index:30;
}

#footer-gare {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_gare.png) no-repeat top right;
	background-size:auto 100%;
	width:300px;
	height:500px;
	position:absolute;
	margin-top:40px;
	left:0;
	z-index:90;
}

#footer-commune {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_commune.png) no-repeat top left;
	background-size:auto 100%;
	width:390px;
	height:430px;
	position:absolute;
	bottom:50px;
	right:0;
	z-index:90;
}

#footer-anes {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_anes.png) no-repeat top left;
	background-size:auto 100%;
	width:100px;
	height:100px;
	position:absolute;
	right:415px;
	bottom:100px;
	z-index:98;
}

#footer-grand-velo {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_grand_velo_2.png) no-repeat top left;
	background-size:auto 100%;
	width:210px;
	height:280px;
	position:absolute;
	right:475px;
	bottom:60px;
	z-index:99;
}

#footer-canard {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_canard.png) no-repeat bottom left;
	background-size:100% auto;
	width:150px;
	height:150px;
	position:absolute;
	right:410px;
	bottom:40px;
	z-index:100;
}

#footer-lampadaire {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/footer_lampadaire.png) no-repeat top left;
	background-size:auto 100%;
	width:140px;
	height:400px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:9999999999;
}

@keyframes pulseNuage {
	from {
		transform:scale3d(1,1,1);
	}
	
	50% {
		transform:scale3d(1.4,1.4,1.4);
	}
	
	to {
		transform:scale3d(1,1,1);
	}
}

.animation-full.animation-on .pulseNuage {
	animation-name:pulseNuage;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

@keyframes rotateSun {
	from {
		transform-origin:center;
		transform:rotate3d(0,0,1,-200deg);
	}
	
	to {
		transform-origin:center;
		transform:none;
	}
}

.animation-full.animation-on .rotateSun {
	animation-duration:60s;
	animation-fill-mode:both;
	animation-iteration-count:infinite;
	animation-name:rotateSun;
}

/*******/
/* NAV */
/*******/
.body-back nav#navigation-principale.affix,.body-back nav#navigation-principale {
	top:-200px!important;
}

nav#navigation-principale {
	position:absolute;
	width:100%;
	top:0;
	font-family:Josefin Sans;
	font-size:15px;
	z-index:999;
	min-height:0!important;
	-webkit-border-radius:0!important;
	-moz-border-radius:0!important;
	border-radius:0!important;
	border:0!important;
	margin:0!important;
	padding:0!important;
}

nav#navigation-principale.affix {
	top:0;
	width:100%;
	z-index:999999!important;
	position:fixed!important;
	background:rgba(12, 66, 89,1)!important;
}

nav#navigation-principale > .container {
	padding:0!important;
}

nav#navigation-principale ul.nav.navbar-nav > li {
	width:100%;
	border-bottom:1px solid rgba(215, 242, 237,0.1);
}

nav#navigation-principale ul.nav.navbar-nav > li.item-nav > a span.item-nav-titre {
	margin:auto;
/* eh oui, tout bêtement */
	line-height:normal!important;
	text-align:left;
	font-size:18px;
	padding:10px 10px 10px 40px!important;
	display:block;
	position:relative;
	z-index:9;
}

nav#navigation-principale ul.nav li a {
	font-weight:300;
	position:relative;
	padding:0;
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}

nav#navigation-principale ul.nav li a .jauge {
	-webkit-transition:all 300ms linear !important;
	-moz-transition:all 300ms linear !important;
	-ms-transition:all 300ms linear !important;
	-o-transition:all 300ms linear !important;
	transition:all 300ms linear !important;
	background:rgba(215, 242, 237,0.1)!important;
	width:0;
	height:100%;
	position:absolute;
	right:0;
	top:0;
}

nav#navigation-principale ul.nav li:hover > a >.jauge {
	width:100%;
}

nav#navigation-principale ul.nav > li.active a,nav ul.nav > li:hover {
	background:transparent;
}

nav#navigation-principale ul.nav li,nav#navigation-principale ul.nav li.active,nav#navigation-principale ul.nav li:hover {
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}

nav ul.nav li.active {
	background:rgba(215, 242, 237,0.3)!important;
}

nav ul.nav li:hover {
	color:rgba(255,255,255,1)!important;
}

nav#navigation-principale ul.nav li a,nav#navigation-principale ul.nav li:hover a,nav#navigation-principale ul.nav li.active a,nav#navigation-principale ul.nav li.active:hover a,nav#navigation-principale ul.nav li a .item-nav-titre,nav#navigation-principale ul.nav li:hover a .item-nav-titre,nav#navigation-principale ul.nav li.active a .item-nav-titre,nav#navigation-principale ul.nav li.active:hover a .item-nav-titre {
	color:rgba(255,255,255,1)!important;
	background:transparent!important;
}

nav#navigation-principale ul.nav li a,nav#navigation-principale ul.nav li a .item-nav-titre {
	background:transparent!important;
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}

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

nav#navigation-principale ul.nav li.active a {
	color:rgba(255,255,255,1)!important;
}

nav#navigation-principale ul.nav li a.item-home .item-nav-titre:after {
	content:"Accueil";
}

nav#navigation-principale ul.nav.navbar-nav > li.item-nav.item-nav-0 > a:before {
	color:transparent;
}

nav#navigation-principale .caret {
	display:none;
}

nav#navigation-principale ul.dropdown-menu {
	-webkit-box-shadow:inset 0 0 83px 0 rgba(12, 66, 89,0.75);
	-moz-box-shadow:inset 0 0 83px 0 rgba(12, 66, 89,0.75);
	box-shadow:inset 0 0 83px 0 rgba(12, 66, 89,0.75);
	background:rgba(215, 242, 237,0.1)!important;
	min-width:100%;
	position:relative!important;
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu {
	border:none!important;
	padding:0!important;
	max-height:400px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li {
	border-bottom:1px solid rgba(12, 66, 89,1);
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li:hover {
	background:rgba(215, 242, 237,0.2)!important;
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li > a > .item-nav-titre {
	color:#FFF!important;
	font-size:16px;
	padding:5px 10px 5px 45px!important;
	display:block;
}

nav#navigation-principale ul.nav li.dropdown ul.dropdown-menu li:hover > a > .item-nav-titre {
	color:#FFF!important;
}

.navbar-header {
	padding:5px;
}

.navbar-toggle {
	margin-right:100px;
}

/*****************/
/* SOCIAL NETWORK PANNEL */
/*****************/
#pannel-facebook {
	position:fixed;
	top:0;
	left:0;
	width:400px;
	height:100%;
	background:rgba(12, 66, 89,1);
	z-index:9999999;
	-webkit-box-shadow:10px 0 0 0 rgba(12, 66, 89,0.33);
	-moz-box-shadow:10px 0 0 0 rgba(12, 66, 89,0.33);
	box-shadow:10px 0 0 0 rgba(12, 66, 89,0.33);
}

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

#pannel-facebook #share-pannel-facebook:before {
	font-family:FontAwesome;
	background:rgba(215, 242, 237,1);
	color:rgba(12, 66, 89,1);
	font-size:18px;
	width:50px;
	line-height:50px;
	text-align:center;
	display:block;
	cursor:pointer;
}

#pannel-facebook .share.is-closed:before {
	content:"\f087";
}

#pannel-facebook .share.is-opened:before {
	content:"\f00d";
}

#pannel-facebook #list-s-n {
	position:absolute;
	z-index:9;
	left:350px;
	width:50px;
	height:100%;
	top:50px;
}

#pannel-facebook .s-n {
	position:relative!important;
	display:block;
	margin:0;
	top:auto;
	left:auto;
	right:auto;
}

#pannel-facebook .s-n.share {
	display:none;
}

#pannel-facebook .s-n,#pannel-facebook .s-n:before,#pannel-facebook .s-n:hover:before {
	text-align:center;
	width:50px!important;
	line-height:50px!important;
	background:rgba(215, 242, 237,0.3);
	color:#FFF!important;
}

#list-s-n-like {
	position:absolute;
	z-index:99;
	width:50px;
	bottom:0;
	left:350px;
}

#list-s-n-like .line {
	padding:0;
}

#list-s-n-like .line-2 {
	padding:4px 0 0;
}

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

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

#navbar-slogan {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/bandeau_slogan.png) no-repeat;
	-webkit-background-size:contain;
/* pour anciens Chrome et Safari */
	background-size:contain;
/* version standardisée */
	-webkit-filter:drop-shadow(5px 5px 0px rgba(12, 66, 89,0.22));
	filter:drop-shadow(5px 5px 0px rgba(12, 66, 89,0.22));
	left:60px;
	padding-left:80px;
	top:15px;
	position:absolute;
	font-size:24px;
	color:rgba(215, 242, 237,1);
	text-shadow:2px 2px 0 rgba(12, 66, 89,0.33);
	width:400px!important;
	line-height:85px;
}

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

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

  /*****************/
 /* LOGO MENU */
/*****************/
#navbar-logo {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/logo_nav.png) no-repeat;
	-webkit-background-size:contain;
	background-size:contain;
	left:5px;
	top:5px;
	width:130px;
	height:130px;
	position:absolute;
}

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

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

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

.body-back .affix #navbar-logo,.body-back #navbar-logo {
	top:-200px!important;
}

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

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

  /*****************/
 /* PANNEL MENU */
/*****************/
#pannel-menu {
	position:fixed;
	height:100%;
	top:0;
	right:0;
	display:none;
	width:350px;
	background:rgba(12, 66, 89,1);
	z-index:9999!important;
	-webkit-box-shadow:-10px 0 0 0 rgba(12, 66, 89,0.33);
	-moz-box-shadow:-10px 0 0 0 rgba(12, 66, 89,0.33);
	box-shadow:-10px 0 0 0 rgba(12, 66, 89,0.33);
}

.pannel-menu {
	position:fixed;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	height:calc(100% - 100px);
	background:rgba(12, 66, 89,1);
}

#pannel-menu.animated {
	display:block;
}

#pannel-menu-menu {
	display:block;
	clear:both;
	border-bottom:10px solid rgba(215, 242, 237,0.1);
}

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

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

#pannel-menu #btn-menu-site.true,#pannel-menu #btn-menu-visiteur.true {
	background:rgba(215, 242, 237,0.1);
	color:rgba(215, 242, 237,1);
}

#pannel-menu #btn-menu-site.false,#pannel-menu #btn-menu-visiteur.false {
	background:rgba(12, 66, 89,1);
	color:rgba(215, 242, 237,0.7);
	cursor:pointer;
}

#pannel-menu .btn-menu {
	display:block;
	color:#FFF;
	width:48%;
	text-align:center;
	padding:10px 0;
}

#pannel-menu .btn-menu.false:hover {
	background:rgba(215, 242, 237,0.2)!important;
	color:rgba(215, 242, 237,1);
}

#pannel-menu-visiteur {
	padding:0!important;
	width:100%;
}

  /*****************/
 /* ICONE MENU */
/*****************/
#menu-hamburger {
	position:absolute;
	right:20px;
	margin-right:0;
	top:5px;
	cursor:pointer;
}

#menu-hamburger.is-opened {
	margin-right:300px;
}

.menu-icon {
	margin:25px auto;
}

.menu-icon {
	position:relative;
	z-index:99999;
	width:54px;
	height:54px;
	border-radius:50%;
	background:rgba(215, 242, 237,0.8);
}

.menu-icon span {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:22px;
	height:2px;
	background-color:rgba(12, 66, 89,1);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	-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;
}

.menu-icon #menu-hamburger-cercle {
	stroke:rgba(12, 66, 89,1);
}

.menu-icon.is-opened #menu-hamburger-cercle {
	stroke:#FFF;
}

.menu-icon.is-opened {
	background:rgba(195, 33, 51,1);
	-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;
}

.menu-icon.is-opened span::before,.menu-icon.is-opened span::after {
	background-color:#FFF;
}

.menu-icon span::before,.menu-icon span::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:22px;
	height:2px;
	background-color:rgba(12, 66, 89,1);
	-webkit-transform:translateY(-6px);
	-ms-transform:translateY(-6px);
	transform:translateY(-6px);
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s;
}

.menu-icon span::after {
	-webkit-transform:translateY(6px);
	-ms-transform:translateY(6px);
	transform:translateY(6px);
}

.menu-icon:hover span::before {
	-webkit-transform:translateY(-8px);
	-ms-transform:translateY(-8px);
	transform:translateY(-8px);
}

.menu-icon:hover span::after {
	-webkit-transform:translateY(8px);
	-ms-transform:translateY(8px);
	transform:translateY(8px);
}

.menu-icon-cross {
	-webkit-transition:-webkit-transform .5s;
	transition:transform .5s;
}

.menu-icon-cross span::before,.menu-icon-cross span::after {
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
}

.menu-icon-cross span {
	z-index:2;
	-webkit-transition:background 0.5s,-webkit-transform .5s;
	transition:background 0.5s,transform .5s;
}

.menu-icon-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-icon-cross.is-opened {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.menu-icon-cross.is-opened span {
	background:transparent;
}

.menu-icon-cross.is-opened span::before {
	-webkit-transform:translateY(0) rotate(45deg);
	-ms-transform:translateY(0) rotate(45deg);
	transform:translateY(0) rotate(45deg);
}

.menu-icon-cross.is-opened span::after {
	-webkit-transform:translateY(0) rotate(-45deg);
	-ms-transform:translateY(0) rotate(-45deg);
	transform:translateY(0) rotate(-45deg);
}

.menu-icon-cross.is-opened svg {
	opacity:1;
	padding: 1px;
	fill:transparent;
	stroke-width:2px;
	stroke:#FFF !important;
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg);
	stroke-dashoffset:0;
}




@-webkit-keyframes pathanimation {
	40% {
		stroke-dasharray:22 230;
	}
	
	60% {
		stroke-dashoffset:-65;
	}
	
	100% {
		stroke-dashoffset:-65;
		stroke-dasharray:160;
	}
}

@keyframes pathanimation {
	40% {
		stroke-dasharray:22 230;
	}
	
	60% {
		stroke-dashoffset:-65;
	}
	
	100% {
		stroke-dashoffset:-65;
		stroke-dasharray:160;
	}
}

@-webkit-keyframes pathanimation-out {
	100% {
		stroke-dashoffset:0;
	}
	
	60% {
		stroke-dasharray:22 230;
	}
	
	40% {
		stroke-dashoffset:-65;
	}
	
	0% {
		stroke-dashoffset:-65;
		stroke-dasharray:160;
	}
}

@keyframes pathanimation-out {
	100% {
		stroke-dashoffset:0;
	}
	
	60% {
		stroke-dasharray:22 230;
	}
	
	40% {
		stroke-dashoffset:-65;
	}
	
	0% {
		stroke-dashoffset:-65;
		stroke-dasharray:160;
	}
}

/* BTN MON COMPTE */
#menu-compte {
	position:absolute;
	right:80px;
	margin-right:0;
	top:30px;
	cursor:pointer;
}

#menu-compte i {
	color:rgba(215, 242, 237,1);
	line-height:50px;
	width:50px;
	font-size:18px;
	background:rgba(76, 190, 175,1);
	text-align:center;
}

#menu-compte:hover i {
	color:#FFF;
	background:rgba(195, 33, 51,1);
}

#menu-compte.green i {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

#menu-compte.red i {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

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

#menu-compte.red i:before {
	font-family:FontAwesome;
	content:'\f1f8';
}
/* BTN menu-contextek AFFIX */

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

#lien_contextuel_content:before {
	font-family:FontAwesome;
	content:'\f12e';
	width: 50px;
	line-height: 50px;
	border-radius: 25px;
	display: block;
	text-align: center;
	background-color:rgba(250, 190, 78,1); 
	font-size: 24px;
	color:rgba(12, 66, 89,1);
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}
#lien_contextuel_content:hover:before,
#lien_contextuel_content.red:before {
	background-color:rgba(76, 190, 175,1);
	color:#FFF;
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}

.rubrique_8 #lien_contextuel_content:before {
	content:'\f12e' !important;
}
.rubrique_13 #lien_contextuel_content:before {
	content:'\f15c' !important;
}
.rubrique_15 #lien_contextuel_content:before {
	content:'\f15c' !important;
}



/* BTN menu-social-network AFFIX */
#menu-social-network {
	width:0;
	height:0;
	border-style:solid;
	border-width:50px 25px 0;
	border-color:rgba(12, 66, 89,1) transparent transparent;
	position:absolute;
	right:80px;
	margin-right:0;
	top:-100px;
	cursor:pointer;
}

#menu-social-network.session-true {
	right:138px;
}

#menu-social-network.affix {
	top:30px;
}

#menu-social-network:hover {
	border-color:rgba(195, 33, 51,1) transparent transparent;
}

#menu-social-network:before {
	font-family:FontAwesome;
	color:rgba(215, 242, 237,1);
	font-size:18px;
	width:50px;
	line-height:50px;
	text-align:center;
	display:block;
	cursor:pointer;
	position:absolute;
	top:-50px;
	left:-25px;
}

#menu-social-network:hover:before {
	color:#FFF;
}

#menu-social-network.share.is-closed:before {
	content:"\f087";
}

#menu-social-network.share.is-opened:before {
	content:"\f00d";
}

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

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

#mon-compte .item-mon-compte-menu-top:hover {
	background:rgba(250, 190, 78,1);
	color:rgba(12, 66, 89,1);
}

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

#mon-compte table {
	width:100%;
}

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

#mon-compte table td:hover {
	background:rgba(250, 190, 78,1)!important;
	color:rgba(12, 66, 89,1)!important;
}

/* MESSAGE MENU */
#message_menu #message_menu_cookie {
	position:absolute;
	right:100px;
	top:10px;
	display:block;
	padding:10px;
	background:rgba(195, 33, 51,1);
	color:#FFF;
	font-size:16px;
	-webkit-filter:drop-shadow(2px 2px 0px rgba(12, 66, 89,0.22));
	filter:drop-shadow(2px 2px 0px rgba(12, 66, 89,0.22));
}

.message-triangle-right {
	width:0;
	height:0;
	border-style:solid;
	border-width:20px 0 0 25px;
	border-color:transparent transparent transparent rgba(195, 33, 51,1);
	position:absolute;
	right:-20px;
	top:20px;
}

#btn-close-message_menu_cookie {
	position:absolute;
	right:3px;
	top:0;
	cursor:pointer;
}

      /*****************/
     /* CONTENU OBJET */
    /*****************/
   /************/
  /* HOMEPAGE */
 /************/
/* BLOCS */
.bloc-homepage {
	margin:0!important;
	padding:0!important;
}

.bloc-homepage .caption {
	margin:10px;
	padding:27px 27px 47px!important;
	text-align:left;
}

.bloc-homepage h4 {
	font-family:Josefin Sans;
	font-size:30px;
	color:rgba(255,255,255,0.7);
	margin-top:0!important;
}

.bloc-homepage .content {
	font-family:Josefin Sans;
	border-left:1px solid rgba(255,255,255,0.7);
	padding-left:5px;
}

.bloc-homepage .content h4 {
	font-size:18px;
	padding-left:10px;
}

.bloc-homepage {
	font-size:14px;
	color:rgba(255,255,255,0.7);
	padding-left:10px;
	line-height:160%;
}

.bloc-homepage .caption .content a {
	color:rgba(255,255,255,0.8)!important;
	font-size:120%;
	line-height:220%;
	font-weight:400;
	margin-left:15px;
}

.bloc-homepage .caption .content a:before {
	text-align:center;
	width:24px;
	line-height:24px;
	padding:0!important;
	margin-top:8px;
	margin-left:-24px;
	position:absolute;
}

.page_sommaire #container-top.container,.page_sommaire #container-top.container div.row,.page_sommaire #container-top.container div.row > div.col-lg-12 {
	padding:0!important;
}

.page_sommaire #container-top.container div.row > div.col-lg-12 .bloc-homepage > div.caption {
	margin:0!important;
	padding:10px!important;
}

.bloc-home-content {
	position:absolute;
	left:20%;
	width:60%;
	color:#FFF;
	top:30px;
	height:100px;
}

.bloc-home-texte {
	position:relative;
	width:100%;
	height:100%;
}

.bloc-home-titre {
	width:100%;
	position:absolute;
/* top: 50%; */
/* poussé de la moitié de hauteur du référent */
/* transform: translateY(-50%);*/
/* tiré de la moitié de sa propre hauteur */
	text-align:center;
}

/* https://www.traverstodd.com/css3-rgba-long-shadow-generator/ 
	https://codepen.io/roikles/pen/xbydH
	*/
.bloc-home-titre h4 {
	font-style:normal!important;
	font-size:42px;
	font-weight:300;
	font-weight:bolder;
	color:#FFF!important;
	text-shadow:2px 2px 0 rgba(12, 66, 89,0.5);
}

.bloc-home-titre .soustitre {
	font-style:normal!important;
	font-size:20px;
	font-weight:300;
	color:#FFF!important;
	text-shadow:2px 2px 0 rgba(12, 66, 89,0.5);
}

     /*************************************/
    /*           OBJETS EDITORIAUX       */
   /*************************************/
  /*** COLONNE LATERALE - PAGE OBJET ***/
 /*            LOGO PAGE OBJET        */
/*************************************/
.main-container section .thumbnail {
	background-color:rgba(215, 242, 237,.9)!important;
	border:none;
}

.map-container section {
	background-color:rgba(215, 242, 237,.9)!important;
	margin:0 0 30px;
}

.map-container .col-map,.map-container section#map {
	padding:0!important;
}

/*** COLONNE PRINCIPALE - PAGE OBJET ***/
.container.main-container {
	margin-bottom:500px;
}

.container.main-container .col-principal {
	background:rgba(255,255,255,.8);
	padding:20px;
}

.container.main-container .col-principal .texte {
	font-size:18px;
}

/* COLONNE PRINCIPALE - PAGE OBJET ARTICLE */
header .hyperlien {
	background:rgba(160, 216, 207,1);
	padding:4px;
	margin-bottom:15px;
	display:inline-block;
}

header .hyperlien a {
	color:#FFF;
}

header .hyperlien a:hover {
	color:rgba(195, 33, 51,1);
}

/* COLONNE PRINCIPALE - PAGE OBJET MAP RECHERCHE */
section#configuration {
/*	padding-top: 60px; */
}
#table-tags .mot-article,
section#section-tags .tags-article .mot-article,
.chemin_tag_form .mot_chemin,#chemin_tag .mot_chemin {
	color:rgba(12, 66, 89,1);
	background-color:rgba(250, 190, 78,1);
	padding:4px;
	font-size:18px;
	margin:2px 4px 2px 0;
	display:inline-block;
}
#table-tags .mot-article:before,
section#section-tags .tags-article .mot-article:before,
.chemin_tag_form .mot_chemin:before,#chemin_tag	.mot_chemin:before {
	font-family:FontAwesome;
	content:'\f02b';
	padding-right:4px;
}

#table-tags .mot-article,
section#section-tags .tags-article .mot-article {
	font-family:Arial!important;
	font-size: 11px;
}

.chemin_tag_form .mot_chemin span:hover,#chemin_tag	.mot_chemin span:hover {
	cursor:pointer;
}

.chemin_tag_form .mot_chemin span:before,#chemin_tag	.mot_chemin span:before {
	font-family:FontAwesome;
	content:'\f1f8';
	font-size:14px;
	color:rgba(250, 190, 78,1);
	background:rgba(12, 66, 89,1);
	width:20px;
	text-align:center;
	line-height:20px;
	margin-left:10px;
	display:inline-block;
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
	font-weight:400;
}

.chemin_tag_form .mot_chemin span:hover:before,#chemin_tag	.mot_chemin span:hover:before {
	color:#FFF;
	background:rgba(195, 33, 51,1);
	-webkit-transform:rotate(33deg);
	-moz-transform:rotate(33deg);
	-o-transform:rotate(33deg);
	transform:rotate(33deg);
	display:inline-block;
	-webkit-transition:all 500ms ease-in-out!important;
	-moz-transition:all 500ms ease-in-out!important;
	-ms-transition:all 500ms ease-in-out!important;
	-o-transition:all 500ms ease-in-out!important;
	transition:all 500ms ease-in-out!important;
}

.tab-liste-tag-search .mot-titre {
	line-height:normal!important;
}

   /*************/
  /* EVENEMENT */
 /*************/
/* BLOC DATES NEXT / PREV */
.content-evenement header.row.header {
	margin:-20px -20px 20px;
}

.popup-fiche-evenement header.row.header {
	margin:-20px -5px 20px -20px;
}

.infobulle-event {
	display:none;
	opacity:0;
	position:absolute;
	background:rgba(12, 66, 89,1);
	color:#FFF;
	padding:4px;
	margin-left:25px;
}

#table-container-event {
	width:100%;
}

.popup-fiche-activite.popup-fiche-evenement .carte_gis.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper {
	background:rgba(76, 190, 175,1)!important;
	color:#FFF;
	text-align:center;
}

.popup-fiche-activite.popup-fiche-evenement .carte_gis.leaflet-container .leaflet-popup {
	max-width:200px;
}

.popup-fiche-activite.popup-fiche-evenement .carte_gis.leaflet-container .leaflet-popup-tip-container .leaflet-popup-tip {
	background:rgba(76, 190, 175,1)!important;
}

.popup-fiche-activite-op,
.popup-fiche-activite .blocs_destination {
  font-size: 14px
}
.popup-fiche-activite-op .texte.td-infos {
  padding: 10px 0px
}

 
.popup-fiche-activite .texte.td-infos,
.popup-fiche-activite .texte.td-infos ul li {
  font-size: 14px
}
.popup-fiche-activite .texte.td-infos ul {
  margin: 5px 0px !important;
}

.popup-fiche-activite-op .head-fiche-activite {
	padding-bottom: 10px;
	margin-bottom:10px;
		border-bottom: 1px solid rgba(12, 66, 89,1);
}

.popup-fiche-activite-op i.info-bio,
.popup-fiche-activite-op table.fiche-auteur-popup .td-label i {
	width: 28px;
	line-height: 28px;
	background: #EEB54D;
	text-align: center;
 
}
.popup-fiche-activite-op i.info-bio {display: block;margin: 4px 0px}
.popup-fiche-activite-op table.fiche-auteur-popup .td-label {padding: 4px 4px 4px 0px}
.popup-fiche-activite-op table.fiche-auteur-popup tr td {
	margin: 0px !important;
	border-bottom: 1px dotted rgba(12, 66, 89,.5); 
}
.popup-fiche-activite-op table.fiche-auteur-popup tr td a {
	color: rgba(12, 66, 89,1);
}

.popup-fiche-activite .groupe-titre-liste {padding-top: 5px; margin-top: 5px; padding-bottom: 10px;display: block}

.popup-fiche-activite  .section-tag {
  margin-bottom: 10px
}
.popup-fiche-activite  .section-tag .art_tag {
  font-family: arial
}

.minilabel {
  font-size: 11px;
  color: rgba(12, 66, 89,.7);
}

.contenu_repetitions {
	font-size:14px;
	margin-bottom:-3px;
}

.contenu_repetitions a {
	background:rgba(195, 33, 51,1);
	padding:2px;
	color:#FFF;
}

.contenu_repetitions a:hover {
	background:rgba(76, 190, 175,1)!important;
	color:#FFF;
}

#tab-header {
	width:100%;
	margin-bottom:10px;
}

td.picto {
	text-align:center;
	width:20px;
}

td.td-header.titre {
	text-align:center!important;
}

td.td-header.titre h1 {
	margin:7px 0!important;
}

.col-principal-content-fiche-activite {
	vertical-align:top;
	padding:5px 15px;
	font-size:20px;
}

.col-lat-content-fiche-activite {
	vertical-align:top;
	padding-right:1px;
	width:200px!important;
	max-width:200px!important;
	background:rgba(215, 242, 237,1);
	font-weight:700;
}

@media only screen and (max-width : 680px) {
	td.td-header.titre h1 {
		font-size:24px;
	}
	
	.td-header.date {
		font-size:20px!important;
	}
	
	.td-header.date #date-container {
		width:calc(100% - 100px);
	}
	
	.col-lat-content-fiche-activite {
		width:150px!important;
		max-width:150px!important;
	}
}

#logo-mobile {
	width:calc(33% + 10px);
	float:left;
}

#logo-mobile img {
	padding:0 10px 10px 0!important;
	display:block;
}

@media only screen and (max-width : 390px) {
	#logo-mobile {
		width:calc(100% + 20px);
		overflow:hidden;
		float:none;
		background:red;
		margin:0 -10px 20px!important;
	}
	
	#logo-mobile img.spip_logo {
		object-fit:cover!important;
		width:100%;
		height:150px;
		min-height:100%!important;
		min-width:100%!important;
		padding:0!important;
	}
}

td.col-map-fiche-activite {
	vertical-align:top;
	width:30%;
}

.popup-fiche-evenement td.col-txt-fiche-activite {
	vertical-align:top;
	padding:0;
}

.popup-fiche-evenement #col-txt-fiche-activite-container {
	height:400px!important;
	overflow:auto!important;
	-webkit-overflow-scrolling: touch;
}

.td-header.date {
	font-size:24px;
	background:rgba(12, 66, 89,1);
	color:#FFF;
	height:52px;
	vertical-align:middle;
	padding:0 15px;
}

.col-principal-content-fiche-activite #lieux,.col-principal-content-fiche-activite #adresse,.td-header.date:first-letter {
	text-transform:capitalize;
}

td.left:hover .infobulle-event,td.right:hover .infobulle-event {
	display:block;
	opacity:1;
	width:200px;
	z-index:999;
}

td.right .infobulle-event {
	margin-left:-200px;
}

.arrow-up {
	width:0;
	height:0;
	border-left:0 solid transparent;
	border-right:10px solid transparent;
	border-bottom:15px solid rgba(12, 66, 89,1);
	position:absolute;
	top:-15px;
}

td.right .infobulle-event {
	margin-left:-140px;
}

td.right .arrow-up {
	right:15px;
}

.td-header.right,.td-header.left {
	width:60px;
}

.td-header.right i.fa,.td-header.left i.fa {
	cursor:pointer;
	width:50px;
	line-height:50px;
	text-align:center;
	background:rgba(255,255,255,1);
}

.td-header.right i.fa {
	margin-left:10px;
}

.td-header.left i.fa {
	margin-right:10px;
}

#date-suivante-link,#date-precedante-link,.bloc-row-title {
	display:flex!important;
/* contexte sur le parent */
}

#date-suivante-link:before,#date-precedante-link:before,.bloc-row-title .enfant,.bloc-row-title:before {
	margin:auto;
/* eh oui, tout bêtement */
}

.bloc-row-title.dates {
	background:rgba(12, 66, 89,1);
	color:#FFF;
}

.bloc-row-title.dates .enfant {
	margin:10px 0;
	display:block;
}

.bloc-row-title.dates .horaires,.bloc-row-title.dates .date-jma {
	display:block;
}

.bloc-row-title.dates .date-jma {
	font-size:120%;
}

.bloc-row-title.dates .horaires {
	border-top:1px solid #FFF;
	margin-top:5px;
	padding-top:5px;
}

.bloc-row-title.dates .enfant > .dates.date-unique {
	font-size:150%;
}

.dates-prev-next:before {
	font-family:FontAwesome;
	font-size:32px;
	line-height:100%;
	display:block;
	width:100%;
	text-align:center;
	display:block;
	color:#FFF;
}

.dates-next-container,#date-suivante {
	background:rgba(12, 66, 89,1);
	padding:0;
}

#date-suivante-link:before {
	content:"\f105";
}

.dates-prev-container,#date-precedante-link {
	background:rgba(195, 33, 51,1);
	padding:0;
}

#date-precedante-link:before {
	content:"\f104";
}

#date-suivante-link,#date-precedante-link {
	position:absolute;
	width:100%;
	height:100%;
}

.dates-prev-next-end:before {
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5;
}

#info-evenenement {
	margin:10px 0;
}

.info-evenenement {
	padding:5px 15px;
	display:block;
	float:left;
}

a.info-evenenement,.info-evenenement a {
	color:#FFF;
	font-weight:600;
}

.info-evenenement.objet_parent {
	background:rgba(250, 190, 78,1);
	font-size:90%!important;
	line-height:20px;
	color:rgba(12, 66, 89,1);
}

.info-evenenement.objet_parent:hover {
	background:rgba(195, 33, 51,1);
	color:rgba(250, 190, 78,1);
	position:relative;
	z-index:999999;
}

.info-evenenement.fullPage {
	background:rgba(12, 66, 89,1);
	font-size:90%!important;
}

.info-evenenement.fullPage:before {
	font-family:FontAwesome;
	content:"\f0b2";
	line-height:19px;
}

.info-evenenement.repetitions {
	background:rgba(12, 66, 89,1);
	font-size:90%!important;
}

.popup .content-evenement .content {
	font-size:16px;
}

.popup .content-evenement .content p {
	padding-bottom:14px;
}

.content-evenement label {
	margin:10px 0;
	background:rgba(195, 33, 51,1);
	display:inline-block;
	padding:5px 15px;
	color:#FFF;
}

a.info-evenenement:before,a.info-evenenement {
	line-height:18px;
}

.content-evenement .formulaire_participer_evenement > form > div > fieldset > legend {
	display:none;
}

.content-evenement .formulaire_participer_evenement label {
	padding-left:40px;
	background:rgba(251, 193, 82,1);
	cursor:pointer;
	font-size:80%;
}

.content-evenement .formulaire_participer_evenement input.radio {
	margin-right:-30px;
	margin-left:10px;
}

.content-evenement .formulaire_participer_evenement p.boutons {
	padding:10px 0;
	margin:0;
}

.inscrits-detail {
	display:none;
}

#nb_inscrit {
	font-size:120%;
}

.content-evenement div.liste-inscrits h4.blocs_titre.cs_done > a {
	margin:10px 0;
	background:rgba(12, 66, 89,1)!important;
	display:block;
	padding:5px 15px;
	color:#FFF!important;
	font-size:16px;
	line-height:20px;
	font-weight:600;
}

.content-evenement div.liste-inscrits h4.blocs_titre.cs_done > a:hover {
	background:rgba(195, 33, 51,1)!important;
}

.content-evenement div.liste-inscrits h4.blocs_titre.cs_done > a:before {
	font-family:FontAwesome;
	content:"\f105";
	padding-right:10px;
}

.liste-inscrits .liste-objets.auteurs > table.spip.liste > tbody > tr.row_odd > td.date {
	border:1px solid;
}

.content-evenement .formulaire_participer_evenement p.boutons > input.submit {
	border:none;
	background:rgba(12, 66, 89,1)!important;
	width:100%;
	margin:0;
	color:#FFF;
	padding:10px;
	font-weight:600;
	-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;
}

.content-evenement .formulaire_participer_evenement p.boutons > input.submit:hover {
	background:rgba(242, 141, 99,1)!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;
}

.content-evenement .formulaire_participer_evenement p.boutons > input.submit:before {
	font-family:FontAwesome;
	content:"\f105";
	padding-right:10px;
	display:inline-block;
}

.voir-map {
	display:block;
}

.voir-map,.voir-map label {
	color:#FFF;
	cursor:pointer;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.voir-map label {
	background:rgba(12, 66, 89,1)!important;
}

.voir-map:hover label {
	background:rgba(195, 33, 51,1)!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;
}

.voir-map label:before {
	font-family:FontAwesome;
	content:"\f105";
	padding-right:10px;
}

iframe.map {
	margin-top:10px;
}

.carte_gis .leaflet-google-layer div div.gm-style div a,.carte_gis .leaflet-google-layer div div.gm-style div.gmnoscreen,.carte_gis .leaflet-google-layer div div.gm-style div.gmnoprint.gm-style-cc,.carte_gis .leaflet-google-layer div div.gm-style div.gm-style-cc,.carte_gis .leaflet-google-layer div div.gm-style div.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
	display:none!important;
}

  /***********/
 /* GALERIE */
/***********/
.col-lat section .galerie {
	background:rgba(215, 242, 237,.9)!important;
}

.col-lat .galerie {
	padding:0;
}

/* GALERIE DOCUMENTS */
#galerie-documents-joints a {
	display:block;
}

#galerie-documents-joints a.info.son p br {
	float:left!important;
}

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

#galerie-documents-joints .audio-specifications {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:3px 0;
	border:1px solid rgba(12, 66, 89,0.5);
	padding:3px;
}

#galerie-documents-joints .video-link a,#galerie-documents-joints .doc-descriptif p a.spip_url {
	background:rgba(76, 190, 175,1);
	padding:3px;
	display:inline;
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:block;
	text-align:center;
}

#galerie-documents-joints .video-link a:hover,#galerie-documents-joints .doc-descriptif p a.spip_url:hover {
	background:rgba(12, 66, 89,1);
	color:#FFF!important;
}

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

#galerie-documents-joints tr:hover {
	background:rgba(76, 190, 175,1)!important;
}

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

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

#galerie-documents-joints table {
	border-top:1px solid rgba(12, 66, 89,0.1);
}

#galerie-documents-joints table a {
	color:rgba(12, 66, 89,1);
}

#galerie-documents-joints table .descriptif {
	font-size:80%;
	padding-top:10px;
	max-height:0;
	overflow:hidden;
}

#galerie-documents-joints table tr:hover .descriptif {
	max-height:200px;
	padding-top:10px;
}

#galerie-documents-joints tr {
	border-bottom:1px solid rgba(12, 66, 89,0.1);
	padding:5px 0;
}

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

#galerie-documents-joints table {
	border-collapse:collapse;
}

/* GALERIE IMAGES */
#galerie-image ul {
}

img[alt] {
	font-size:10px;
	color:rgba(255,255,255,1);
}

#galerie-image li {
	max-width:50%;
	height:132px;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

#galerie-image li a {
	overflow:hidden;
}

#galerie-image li a img {
	overflow:hidden;
	min-height:100%!important;
	min-width:100%!important;
	object-fit:cover;
}

#galerie-image .x-items li:nth-child(3),#galerie-image .x-items li:nth-child(2) {
	height:66px!important;
	width:25%!important;
}

#galerie-image .x-items li:nth-child(4) {
	height:66px!important;
	width:50%!important;
}

#galerie-image .one-item li,#galerie-image .x-items li:nth-child(7) {
	height:275px!important;
	max-width:100%!important;
}

#galerie-image .x-items li:nth-child(10) {
	width:275px!important;
	max-width:100%!important;
}

#galerie-image .last-item-width-total li:last-child,#galerie-image .three-items li:nth-child(3) {
	max-width:100%!important;
}

#galerie-image a.link_image {
	width:100%;
	height:100%;
	display:block;
	-webkit-background-size:cover!important;
	background-size:cover!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

#galerie-image a.link_image:hover {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
/*  -ms-filter: grayscale(100%); */
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
/* IE 6-9 */
	width:110%;
	height:110%;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

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

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

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

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

#galerie-sons .audio-descriptif,#galerie-sons .audio-specifications {
	font-size:80%;
	padding:5px;
	display:block;
}

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


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

#galerie-sons li.item-galerie .audio-info {
	display:none;
}

#galerie-sons li.item-galerie:hover .audio-info {
}

    /********************************************************/
   /*** GALERIE DOCUMENTS PDF / VIDEO colonne principale ***/
  /********************************************************/
 
/* GALERIE VIDEO colonne principale */

#beebuz-pdf-viewer > #head-pdf.menu-media > #option-pdf-viewer > #liste-item-menu-pdf a {
	background:rgba(76, 190, 175,1)!important;
	font-size:14px!important;
}

#beebuz-pdf-viewer > #head-pdf.menu-media > #option-pdf-viewer > #liste-item-menu-pdf a.on,#beebuz-pdf-viewer > #head-pdf.menu-media > #option-pdf-viewer > #liste-item-menu-pdf a:hover {
	background:rgba(250, 190, 78,1)!important;
}

.option-pdf-viewer {
	float:left;
	margin:2px;
	line-height:29px;
	width:57px;
	text-align:center;
}

.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.expand,.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.expand i {
	line-height:28px!important;
	width:28px!important;
	background:rgba(76, 190, 175,1);
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}

#beebuz-pdf-viewer.fullscreen {
	position:fixed!important;
	width:100%!important;
	height:100%!important;
	top:0!important;
	left:0!important;
	background:rgba(0,0,0,0.7);
	z-index:9999999999!important;
	margin-bottom:0;
}

#beebuz-pdf-viewer .compress {
	display:none!important;
}

#beebuz-pdf-viewer.fullscreen .expand {
	display:none;
}

#beebuz-pdf-viewer.fullscreen .compress {
	display:inline-block!important;
	z-index:999999999999999999!important;
}

#beebuz-pdf-viewer.fullscreen #head-pdf {
	position:fixed;
	margin-top:60px;
	z-index:99999999999999999999!important;
}

#beebuz-pdf-viewer .menu-pdf-viewer {
	display:none!important;
}

#beebuz-pdf-viewer.fullscreen .menu-pdf-viewer.on {
	display:block!important;
	position:absolute;
	margin-top:70px;
}

#beebuz-pdf-viewer.fullscreen #liste-item-menu-pdf {
	top:-800px;
	width:50%;
	left:25%;
	background:rgba(0,0,0,0.7);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:fixed;
	padding:10px;
}

#beebuz-pdf-viewer.fullscreen .compress.one-doc {
	display:block!important;
	position:absolute;
	margin-top:70px;
}

#beebuz-pdf-viewer.fullscreen #liste-item-menu-pdf.item-menu-pdf-see {
	top:60px;
}

/* BUG OBJET FADIN VISIBLE AVEC FULLSCREEN */
body.body-back .fadeIn {
	-webkit-animation-name:none;
	animation-name:none;
}

/* GALERIE VIDEO colonne principale */
.item-menu-video.item-media .fa-refresh {
	display:none;
}

.item-menu-video.item-media.play .fa-refresh {
	display:inline-block;
}

.item-menu-video.item-media .fa-circle {
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); */
/*    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); */
	filter:alpha(opacity=50);
}

.item-menu-video.item-media.play .fa-circle {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); */
/*  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);*/
	filter:alpha(opacity=100);
	color:red;
	display:none;
}

.item-menu-video.item-media,.item-menu-pdf.item-media {
	font-size:12px!important;
	display:inline-block!important;
	background:rgba(76, 190, 175,1)!important;
	font-size:14px!important;
	color:#FFF!important;
	padding:4px!important;
	margin:2px!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.item-menu-video.item-media:hover,.item-menu-pdf.item-media:hover {
	font-size:12px;
	display:inline-block!important;
	background:rgba(250, 190, 78,1)!important;
	text-shadow:none!important;
}

.item-menu-video.item-media.on {
	background:rgba(250, 190, 78,1)!important;
}

.item-menu-video.item-media.on.play,.item-menu-video.item-media.play,.item-menu-pdf.item-media.on {
	background:rgba(195, 33, 51,1)!important;
	color:#FFF!important;
}

.item-menu-pdf.on:before {
	content:"\f061";
	font-family:FontAwesome;
	font-size:12px;
	display:inline-block;
	color:#FFF!important;
}

#head-video,#head-pdf {
	margin-bottom:10px;
}

.fullscreen div#head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-hide.on,.fullscreen div#head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-see.on,.fullscreen span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.compress {
	background:#464646;
	height:50px;
	-webkit-border-radius:3px!important;
	-moz-border-radius:3px!important;
	border-radius:3px!important;
	margin-left:10px;
	cursor:pointer;
}

.fullscreen #head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-hide.on i,.fullscreen #head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-see.on i,.fullscreen span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.compress i {
	line-height:50px;
	color:#EAEAEA;
}

  /*********************/
 /* OBJETS EDITORIAUX */
/*********************/

body .col-principal .texte-spip {
	padding:0!important;
	font-size:16px;
}

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

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

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

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


/************/
/* ARTICLE */
/************/

.table-activite-article {
		font-family:Arial!important;
}

#section-infos-op.activite-article .td-label{
  font-size: 12px;
	width: 140px
}
#section-infos-op.activite-article .td-label .fa {
  font-size: 14px !important;
}
#section-infos-op.activite-article .td-infos a {
  display: inline-block;
  padding: 3px;
  border-radius: 4px;
  background: rgba(12, 66, 89,1);
  color: #FFF
}
#section-infos-op.activite-article .plus_info {
	font-size: 11px !important
}
#section-infos-op.activite-article .td-infos a:hover,
#section-infos-op.activite-article .plus_info:hover {
  color: rgba(12, 66, 89,1);
  background: rgba(250, 190, 78,1);
}

#section-infos-op.activite-article .td-infos a {
	font-size: 13px;
}
#section-infos-op.activite-article .td-infos {
	font-size: 13px;
}

#section-infos-op.activite-article .personne-contact {
  display: inline-block;
  padding: 3px;
  border-radius: 4px;
  font-size: 13px;
  background: rgba(76, 190, 175,1);
  color: #FFF;
}

#section-infos-op.activite-article .nom-op {
	font-size: 14px !important;
}
#section-infos-op.activite-article table.table-activite-article tbody tr td.texte.td-infos ul,
#section-infos-op.activite-article table.table-activite-article tbody tr td.texte.td-infos li,
#section-infos-op.activite-article table.table-activite-article tbody tr td.texte.td-infos {
	font-size: 16px;
	color: rgba(12, 66, 89,1);
}


/************/
/* RUBRIQUE */
/************/
.col-principal h1.title {
	margin-top:0;
	font-family:Josefin Sans;
	font-size:52px;
	font-weight:300;
	margin-bottom:35px;
}

h2.soustitre {
  font-size: 32px;
  margin-top: -20px;
  padding-bottom: 30px !important
} 

body.rubrique .items-toggle ul {
	margin:30px 0;
}

body.rubrique .items-toggle li {
	border:none;
	padding-left:0;
}

body.rubrique .items-toggle li h4.blocs_titre > a {
	font-size:30px;
}

body.rubrique .items-toggle li.list-group-item h4.blocs_titre {
	border-bottom:none!important;
}

body.rubrique .items-toggle li.list-group-item h4.blocs_titre.blocs_replie {
	border-bottom:1px solid rgba(0,0,0,0.4)!important;
}

body.rubrique .items-toggle li h4.blocs_titre.blocs_replie > a:before {
/*	padding-top:1px; */
	display:inline-block;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}

body.rubrique .items-toggle h4.blocs_titre > a:before {
	font-family:FontAwesome;
	content:"\f105";
/*	padding-top:1px; */
	display:inline-block;
	width:30px;
	margin-left:-12px;
	text-align:center;
	-webkit-transition:all 200ms linear!important;
	-moz-transition:all 200ms linear!important;
	-ms-transition:all 200ms linear!important;
	-o-transition:all 200ms linear!important;
	transition:all 200ms linear!important;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

body.rubrique .items-toggle li h4.blocs_titre:hover > a:before {
/*	-webkit-animation:fa-spin 500ms linear; */
/*	animation:fa-spin 500ms linear; */
	-webkit-transition:all 200ms linear!important;
	-moz-transition:all 200ms linear!important;
	-ms-transition:all 200ms linear!important;
	-o-transition:all 200ms linear!important;
	transition:all 200ms linear!important;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

body.rubrique .items-toggle li h4.blocs_titre.blocs_replie:hover > a:before {
/*	-webkit-animation:fa-spin 500ms linear; */
/*	animation:fa-spin 500ms linear */
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

.texte.texte-article h4.spip {
	font-family:Josefin Sans;
	font-size:24px;
	padding-bottom:0;
	color:#000!important;
}

body.rubrique .items-toggle .blocs_destination.blocs_invisible {
	border-left:1px solid #000;
}

/*********/
/* PAGE 404 */
/*********/
#custom-404 {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/404-code-source.png) no-repeat center;
	-webkit-background-size:contain;
/* pour anciens Chrome et Safari */
	background-size:contain;
/* version standardisée */
	width:60%;
	margin-left:20%;
	display:block;
	height:300px;
	opacity:.5;
}

.page_404 .col-principal section#form-login #pass_securise,.page_404 .col-principal section#form-login #spip_logo_auteur,.page_404 .col-principal section#form-login .block-contain legend,.page_404 .col-principal section#form-login .block-contain h2 {
	display:none!important;
}

.page_404 .col-principal section.row-form section.article-form .formulaire_spip .editer textarea,.page_404 .col-principal section.row-form section.article-form .formulaire_spip .editer input.text,.page_404 .col-principal section.row-form section.article-form .formulaire_spip .editer input.email,.page_404 .col-principal section.row-form section.article-form .formulaire_spip input.submit {
	width:100%;
	border:none;
	background:#FFF!important;
	padding:10px;
}

.page_404 .col-principal section.row-form section.article-form .formulaire_spip input.submit {
	background:rgba(12, 66, 89,1)!important;
}

.page_404 .col-principal section#form-login #spip_pass {
	background:rgba(12, 66, 89,1)!important;
	line-height:31px;
}

.page_404 .col-principal section#form-login #spip_pass:hover,.page_404 .col-principal section.row-form section.article-form .formulaire_spip input.submit:hover {
	background:rgba(195, 33, 51,1)!important;
}

.page_404 .col-principal section#form-login .editer_session {
	background:rgba(250, 190, 78,1)!important;
	padding:5px 10px 0;
}

.page_404 .col-principal section#form-login .editer_session label {
	color:rgba(12, 66, 89,1)!important;
	font-weight:300;
}

.editer_session label.nofx {
	font-size:0!important;
}

.editer_session label.nofx:before {
	content:'Rester identifié';
	font-size:14px!important;
}

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

.col-lat tr:hover * {
	color:#FFF!important;
}

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

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

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

/** ITEMS **/
.col-principal .list-standard {
	margin-top:40px;
}

.col-principal .list-standard > ul {
	padding:0 15px;
}

.col-principal .list-standard > ul > li:hover {
	cursor:pointer;
}

.col-principal .list-standard > ul > li,.col-principal .list-standard > ul > li:hover {
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.col-principal .list-standard > ul > li:hover {
	background:rgba(76, 190, 175,1);
	color:#FFF!important;
}

.col-principal .list-standard > ul > li > div.item-content h4.item-titre {
	color:#000!important;
	font-size:140%!important;
	font-weight:600;
	display:block;
	margin-bottom:30px;
}

.col-principal .list-standard > ul > li > div.item-content .item-descriptif {
	color:#000!important;
	text-align:justify;
}

.col-principal .row.list-standard.list-rubrique .item-logo,.col-principal .list-standard > ul > li > div.item-logo {
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	display:flex;
/* contexte sur le parent */
	background-color:#f9f9f9;
	padding:0!important;
	overflow:hidden;
}

.col-principal	.list-standard .item-logo a {
	-webkit-background-size:cover!important;
/* pour anciens Chrome et Safari */
	background-size:cover!important;
/* version standardisée */
}

.content-rubrique section.row.col-content a.article_search .item-logo .vignette,.col-principal .list-standard > ul > li > div.item-logo a {
	display:block;
	width:100%;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.content-rubrique section.row.col-content a.article_search:hover .item-logo .vignette,.col-principal .list-standard > ul > li:hover > div.item-logo a {
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
/*	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
	filter: sepia(1);
*/
	-webkit-transform:scale(1.3) rotate(13deg);
	-moz-transform:scale(1.3) rotate(13deg);
	-o-transform:scale(1.3) rotate(13deg);
	transform:scale(1.3) rotate(13deg);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.col-principal .list-standard > ul {
	border-top:1px solid rgba(0,0,0,0.3);
}

.col-principal .list-standard > ul > li {
	border-bottom:1px solid rgba(0,0,0,0.3);
}

.col-principal .list-standard li .info-date {
	position:absolute;
	margin-top:-25px;
}

/** LISTE ITEM COL RUBRIQUE **/
.col-principal .row.list-standard.list-rubrique .item-rubrique {
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
	padding:0;
	border:4px solid #FFF;
	background:rgba(195, 33, 51,1);
}

.col-principal .row.list-standard.list-rubrique .item-rubrique .item-content {
	height:170px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

.col-principal .row.list-standard.list-rubrique .item-rubrique:hover {
	position:relative;
	z-index:99;
	cursor:pointer;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
	-webkit-transform:scale(1.05) rotate(3deg);
	-moz-transform:scale(1.05) rotate(3deg);
	-o-transform:scale(1.05) rotate(3deg);
	transform:scale(1.05) rotate(3deg);
	-webkit-box-shadow:10px 25px 21px -4px rgba(0,0,0,0.35);
	-moz-box-shadow:10px 25px 21px -4px rgba(0,0,0,0.35);
	box-shadow:10px 25px 21px -4px rgba(0,0,0,0.35);
}

.col-principal .row.list-standard.list-rubrique .item-rubrique h4.item-titre {
	color:#FFF;
	font-weight:600;
	font-size:24px;
}

.col-principal .row.list-standard.list-rubrique .item-rubrique .item-descriptif {
	color:#FFF;
	font-size:14px;
}

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

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

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

.content-article section#section-tags h4 {
	background:rgba(76, 190, 175,1)!important;
	color: #FFF;
	margin: 0px;
	padding: 10px;
}

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

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

#section-objets-freres .list-standard {
	background:rgba(215, 242, 237,.95);
}

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

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

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

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

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

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

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

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

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

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

.pagination > span.next {
	float:right;
}

.pagination > span.prev {
	float:left;
}

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

.pagination > span.next a:before,.pagination > span.next.disabled:before {
	font-family:FontAwesome;
	content:"\f105";
	font-size:18px!important;
	font-style:normal!important;
	text-align:center;
	width:24px;
	line-height:24px;
	display:inline-block;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#cacaca;
	margin-top:4px;
	padding:0;
	padding-left:2px;
}

.pagination .pages {
	padding:0;
}

.pagination .pages strong.on,.pagination .pages a.lien_pagination {
	display:inline-block;
	text-align:center;
	width:24px;
	line-height:24px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#cacaca;
	margin:4px 2px;
}

.pagination .disabled:before {
	background:#FFF!important;
	color:rgba(76, 190, 175,1)!important;
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5;
}

.pagination strong.on {
	background:rgba(76, 190, 175,1)!important;
	color:#FFF!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.pagination .pages a.lien_pagination,.pagination > span a:before {
	background:#FFF!important;
	color:rgba(12, 66, 89,1)!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.pagination .pages a.lien_pagination:hover,.pagination > span.next a:hover:before,.pagination > span.prev a:hover:before {
	background:rgba(12, 66, 89,1)!important;
	color:#FFF!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-o-transform:scale(1.3);
	transform:scale(1.3);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.pagination .sep {
	display:none;
}

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

.pagination span.prev.disabled:before,.pagination span.next.disabled:before,.pagination span.next a.lien_pagination:before,.pagination span.prev a.lien_pagination:before {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:1px solid rgba(12, 66, 89,.1)!important;
}

p.pagination {
	text-align:center;
}

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

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

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

/**************/
/* FORMULAIRE */
/**************/
input.submit,input.submit:hover {
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.formulaire_spip .choix input,.formulaire_spip .choix label {
	display:inline-block;
}

.formulaire_spip label {
	font-size:80%;
	color:rgba(242, 141, 99,1);
}

.formulaire_spip * {
/*    max-width: 100% */
}

.formulaire_spip .formulaire_crayon * {
	max-width:none!important;
}

.formulaire_spip input,.formulaire_spip textarea {
	border:1px solid rgba(0,0,0,0.1);
	padding:4px;
	margin-bottom:8px;
}

.formulaire_spip input.submit {
	width:100%;
	border:none;
	color:#FFF;
	background:rgba(195, 33, 51,1);
}

.formulaire_spip input.submit:hover {
	background:rgba(12, 66, 89,1);
}

.formulaire_spip input.submit:before {
	font-family:FontAwesome;
	content:"\f101";
	padding-right:10px;
}

.formulaire_spip .erreur_message {
	background:rgba(215, 242, 237,1);
	font-size:80%;
	color:#FFF;
	text-align:center;
	display:block;
}

.formulaire_spip .erreur_message:before {
	font-family:FontAwesome;
	content:"\f00d";
	padding-right:10px;
}

.reponse_formulaire {
	text-align:center;
}

.reponse_formulaire.reponse_formulaire_erreur {
	background:rgba(215, 242, 237,1);
	color:#FFF;
	padding:5px;
	margin-bottom:10px;
}

.reponse_formulaire.reponse_formulaire_erreur:before {
	font-family:FontAwesome;
	content:"\f00d";
	padding-right:10px;
}

.reponse_formulaire.reponse_formulaire_ok {
	background:rgba(12, 66, 89,1);
	color:#FFF;
	padding:5px;
	margin-bottom:10px;
}

.reponse_formulaire.reponse_formulaire_ok:before {
	font-family:FontAwesome;
	content:"\f00c";
	padding-right:10px;
}

.col-lat .bloc-pagination span.pages {
	display:inline-block;
	width:80%;
}

.form-inscription span.obligatoire {
	display:none;
}

/**********/
/* LISTE */
/**********/
/* LISTE EVENEMENT */
.liste-objets.evenements .date-unique-annee {
	color:#FFF;
	font-weight:600;
	font-size:120%;
}

.liste-objets.evenements .date-unique-mois {
	color:#FFF;
	font-weight:600;
}

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

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

.liste-objets.evenements .dates.nom-jour {
	display:none;
}

.liste-objets.evenements > table.spip.liste > tbody > tr {
	background:rgba(12, 66, 89,0.00)!important;
}

.liste-objets.evenements > table.spip.liste > tbody > tr.row_odd {
	background:rgba(12, 66, 89,0.03)!important;
}

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

.liste-objets.evenements td.date {
	border-left:2px solid;
	border-top:1px solid rgba(195, 33, 51,0.05)!important;
	border-bottom:1px solid rgba(195, 33, 51,0.05)!important;
	border-right:1px solid rgba(195, 33, 51,0.05)!important;
}

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

.liste-objets.evenements td.date-unique-annee {
	border:1px solid rgba(12, 66, 89,1)!important;
}

.liste-objets.evenements td.date-unique-mois {
	border:1px solid rgba(12, 66, 89,1)!important;
}

.liste-objets.evenements td.info .titre {
	font-size:130%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid rgba(12, 66, 89,0.1)!important;
	display:block;
}

.liste-objets.evenements .item-evenement > td.logo {
	background-color:rgba(12, 66, 89,1)!important;
}

.liste-objets.evenements .item-evenement > td.logo > img.spip_logo.spip_logos.item-evenement-logo {
	width:100px;
}

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

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

.liste-objets.evenements td.info.principale:hover {
	background:rgba(12, 66, 89,0.1)!important;
	cursor:pointer;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

#galerie-documents-joints.galerie tr:hover td.info {
	background:rgba(255,255,255,.95);
}

#galerie-documents-joints.galerie tr td.info a.spip_url.spip_out {
	background:rgba(12, 66, 89,1);
	color:#FFF!important;
}

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

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

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

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

.admin-tools:hover {
	z-index:999!important;
}

.admin-tools {
	position:absolute;
	margin-top:0;
	right:0;
	display:block;
}

.admin-tools .link-admin-tools {
	display:inline-block;
	width:0;
	overflow:hidden;
	height:79px;
	background:rgba(12, 66, 89,1);
	float:left;
	padding:10px 0;
}

.admin-tools:hover .link-admin-tools {
	display:block;
	width:300px;
	padding:10px;
	height:130px;
}

.admin-tools .icone-admin-tools {
	display:block;
	height:79px;
	width:40px;
	float:left;
	padding:10px;
}

.admin-tools:hover .icone-admin-tools {
	display:block;
	height:79px;
	width:40px;
	float:left;
	padding:10px;
}

.admin-tools > .link-admin-tools > a.btn-form {
	background:rgba(255,255,255,0.2)!important;
	width:280px;
	line-height:normal;
	font-size:12px;
	padding:3px!important;
	height:auto;
}

.admin-tools > .link-admin-tools > a.btn-form:hover {
	background:rgba(12, 66, 89,1)!important;
}

.admin-tools .instituer_objet .formulaire_instituer_objet_public-evenement {
	width:280px;
	display:block;
	height:30px;
}

.admin-tools:hover .instituer_objet .formulaire_instituer_objet_public-evenement p.boutons {
	margin:0;
	padding:0;
	width:80px;
	right:10px;
	margin-top:-0;
	position:absolute;
}

.admin-tools .instituer_objet {
	display:none;
}

.admin-tools:hover .instituer_objet {
	display:block;
}

.admin-tools .instituer_objet .formulaire_instituer_objet_public-evenement p.boutons {
	margin:0;
	padding:0;
	width:80px;
	right:-140px;
	margin-top:-42px!important;
	position:absolute;
}

.admin-tools .instituer_objet .formulaire_instituer_objet_public-evenement label {
	display:none;
}

.liste-objets.evenements.session-true .td-admin-evenement > div.admin-tools > div.link-admin-tools > div#form-statut .instituer_objet .formulaire_instituer_objet_public-evenement input.submit {
	font-size:11px!important;
	width:80px;
	background:rgba(255,255,255,0.2)!important;
}

.liste-objets.evenements.session-true .td-admin-evenement > div.admin-tools > div.link-admin-tools > div#form-statut .instituer_objet .formulaire_instituer_objet_public-evenement input.submit:hover {
	background:rgba(12, 66, 89,1)!important;
}

.admin-tools .instituer_objet .formulaire_instituer_objet_public-evenement select {
	width:170px!important;
}

.link-admin-tools #form-statut .formulaire_instituer_objet_public-evenement .editer_statut select.select.statut {
	background:rgba(195, 33, 51,1)!important;
	border:none!important;
	font-size:12px;
}

.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut {
	color:#FFF!important;
}

.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut option {
	background-image:none!important;
	color:#FFF!important;
	height:20px;
}

.statut-prop .instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut option[value="prop"][selected="selected"],.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut option[value="prop"] {
	background:rgba(242, 141, 99,1);
}

.statut-publie .instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut option[value="publie"][selected="selected"],.instituer_objet .formulaire_instituer_objet-evenement select.select.statut option[value="publie"] {
	background:rgba(12, 66, 89,1);
}

.statut-poubelle .instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut option[value="poubelle"][selected="poubelle"],.instituer_objet .formulaire_instituer_objet_public-evenement select.select.statut option[value="poubelle"] {
	background:#000!important;
}

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

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

.onglet-dates {
	cursor:pointer;
	display:inline-block;
	border:none!important;
	padding:4px;
	margin:4px;
	background:rgba(250, 190, 78,1);
	color:rgba(12, 66, 89,1);
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.onglet-dates.on,.onglet-dates:hover {
	background:rgba(12, 66, 89,1);
	color:#FFF!important;
	-webkit-transition:all 500ms linear!important;
	-moz-transition:all 500ms linear!important;
	-ms-transition:all 500ms linear!important;
	-o-transition:all 500ms linear!important;
	transition:all 500ms linear!important;
}

.menu-evenement {
	padding:0px !important;
	margin-top:15px;
}

.menu-evenement #onglet-1 {
	margin-left:0px;
}

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

/**********/
/* FOOTER */
/**********/
footer {
	background:rgba(12, 66, 89,1)!important;
	color:rgba(215, 242, 237,1)!important;
	margin-top:50px;
	min-height:180px;
	width:100%;
	position:relative;
	z-index:9999;
}

.footer-content {
	font-size:14px;
	padding-top:10px;
	color:rgba(215, 242, 237,1)!important;
	text-align:center;
}

.footer-content h4 {
	font-weight:600!important;
}

.footer-content hr {
	border-top:1px solid rgba(215, 242, 237,0.5);
}

.footer-content a {
	color:rgba(195, 33, 51,1)!important;
}

.footer-content a:hover {
	color:rgba(250, 190, 78,1)!important;
}

.footer-content a {
	border-bottom:1px dotted rgba(250, 190, 78,1);
	padding:4px;
	display:block;
	margin-bottom:4px;
	font-weight:600;
}

.footer-logo {
	text-align:center;
	margin:15px 0;
	padding-top:0;
}

.footer-logo img {
	max-height:50px;
	width:auto;
}

.footer-logo a {
	margin:0;
	display:inline-block;
	padding:10px;
}

.footer-logo a:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/background_blackboard.jpg) no-repeat center #1E272B;
	-webkit-background-size:cover;
/* pour anciens Chrome et Safari */
	background-size:cover;
/* version standardisée */
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
}

footer .copyright {
	margin-top:20px;
	color:rgba(215, 242, 237,1)!important;
	font-size:80%;
}

.column-4 h4 {
	display:none;
}

/***********/
/* BACKTOP */
/***********/
#ancre-top {
	position:absolute;
	top:0;
}

.body-back .backtop {
	right:-400px!important;
}

.backtop {
	background:rgba(12, 66, 89,1);
	display:block!important;
	position:fixed!important;
	bottom:-120px;
	right:20px;
	width:50px;
	height:50px;
/*	-webkit-background-size: cover;*/
/* pour anciens Chrome et Safari */
/*	background-size: cover;*/
/* version standardisée */
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); */
/*	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); */
/*	filter:alpha(opacity=0); */
	-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;
}

.backtop:before {
	font-family:FontAwesome;
	content:"\f077";
	display:block!important;
	font-size:24px;
	line-height:46px;
	width:46px;
	text-align:center;
	color:rgba(215, 242, 237,1);
	-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;
}

.backtop.affix {
	display:block!important;
	position:fixed!important;
	z-index:999999!important;
	right:20px;
	bottom:20px;
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); */
/*	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); */
/*	filter:alpha(opacity=100); */
	-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;
}

.backtop.affix:hover {
	bottom:25px;
	-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;
}

.backtop:hover:before {
	color:rgba(215, 242, 237,1);
	-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;
}

body#body.body-back .popup-fiche-evenement {
	position:fixed!important;
	top:0px!important;
	left:0px!important;
	width:100%!important;
	margin:0px!important;
	overflow:auto !important;
	-webkit-overflow-scrolling: touch !important;
	bottom:0px!important;
	height:100%!important;
}

/*******************************/
/* POPUP-WINDOWS */
/*******************************/
/* 
body.blur #corps {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}
body.blur {
	background:rgb(12, 66, 89);
}
body.blur #corps #objet-mobile-bakground,
body.blur #corps .carousel .item {
	visibility: hidden;
}
*/
.popup-windows {
	position:fixed;
	z-index:9999999;
	-webkit-box-shadow:-10px 10px 0 0 rgba(12, 66, 89,0.33);
	-moz-box-shadow:-10px 10px 0 0 rgba(12, 66, 89,0.33);
	box-shadow:-10px 10px 0 0 rgba(12, 66, 89,0.33);
	background:rgba(12, 66, 89,1)!important;
}

.popup-windows.false {
	display:none;
}

.popup-windows.true {
	display:block;
}

.popup-windows [id^=btn-]:hover:before {
	background:rgba(76, 190, 175,1);
	color:rgba(215, 242, 237,1);
	-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;
	-moz-transform:scale(1.2) rotate(360deg);
	-o-transform:scale(1.2) rotate(360deg);
	transform:scale(1.2) rotate(360deg);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.popup-windows .btn-bottom:before,.popup-windows .btn-top:before {
	font-family:FontAwesome!important;
	content:"\f00d";
	color:rgba(12, 66, 89,1);
	background:rgba(215, 242, 237,1);
	width:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	z-index:9999999;
	display:block;
	cursor:pointer;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.popup-windows .btn-bottom:before {
	bottom:0;
}

.popup-windows .btn-top:before {
	top:0;
}

.popup-windows .btn-right:before {
	right:0;
}

.popup-windows .btn-left:before {
	left:0;
}

#popup-overlay {
	width:110%;
	height:110%;
	position:fixed;
	z-index:999999!important;
	top:0;
	left:0;
	background:rgba(255,255,255,0.7);
}

#popup-overlay.false {
	display:none;
}

#popup-overlay.true {
	display:block;
}

/*******************************/
/* BLOC INSCRIPTION MAILCHIMP */
/*******************************/
#inscription-mailchimp {
	top:50%;
	margin-top:-200px;
	width:400px;
	height:400px;
	left:50%;
	margin-left:-200px;
}

#inscription-mailchimp iframe {
	height:300px;
}

/*******************************/
/* BLOC INSCRIPTION */
/*******************************/
.form-inscription {
	padding:10px;
	background:rgba(12, 66, 89,1);
	margin-bottom:15px;
}

.form-inscription label {
	font-size:18px;
	font-weight:400;
}

.form-inscription input {
	border:none;
	width:100%;
	padding:10px;
}

.form-inscription input.email {
	background:#FFF;
	margin-bottom:10px;
}

.form-inscription input.submit {
	color:#FFF;
	background:rgba(250, 190, 78,1);
	-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;
}

.form-inscription input.text:after {
	content:"\f002";
	font-family:FontAwesome;
	font-size:12px;
	width:20px;
	line-height:20px;
	text-align:center;
}

.form-inscription input.submit:hover {
	background:#13607f;
	color:#FFF;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

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

.row-sommaire {
	margin-bottom:15px;
}

.row-left {
	padding-left:15px;
}

.form-inscription .editer > label {
	color:#FFF!important;
}

/*******************************/
/* FORMULAIRE LOGIN */
/*******************************/
#pannel-menu-visiteur .inputLabelToPlaceholder .editer label,#pannel-menu-visiteur .formulaire_spip.formulaire_login .editer label,#pannel-menu-visiteur .formulaire_spip.formulaire_login > form#formulaire_login > fieldset > legend,#pannel-menu-visiteur .formulaire_spip.formulaire_login em#pass_securise > img {
	display:none;
}

#pannel-menu-visiteur .inputLabelToPlaceholder .formulaire_spip.formulaire_login .editer.editer_session label,#pannel-menu-visiteur .formulaire_spip.formulaire_login .editer.editer_session label {
	display:inline-block!important;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login {
	margin-top:40px;
	width:350px;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login .editer.editer_session label {
	color:rgba(215, 242, 237,1)!important;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login input.text,#pannel-menu-visiteur input.text {
	margin-bottom:10px;
	border:none;
	width:100%;
	padding:10px;
	color:rgba(12, 66, 89,1)!important;
	font-size:18px;
	background:rgba(215, 242, 237,1)!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;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login input.text:focus {
	background:#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;
}

#pannel-menu-visiteur input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
	color:rgba(12, 66, 89,1);
}

#pannel-menu-visiteur input::-moz-placeholder {
/* Firefox 19+ */
	color:rgba(12, 66, 89,1);
}

#pannel-menu-visiteur input:-ms-input-placeholder {
/* IE 10+ */
	color:rgba(12, 66, 89,1);
}

#pannel-menu-visiteur input:-moz-placeholder {
/* Firefox 18- */
	color:rgba(12, 66, 89,1);
	padding-left:40px;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login .editer label {
	color:#FFF!important;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login .logger_icon {
	font-size:120%;
	font-weight:600;
	line-height:140%;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login input#session_remember.checkbox {
	display:inline-block;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login input.submit {
	border:none;
	width:100%;
	padding:10px;
	color:#FFF;
	background:rgba(215, 242, 237,0.3);
	-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;
}

#pannel-menu-visiteur input.submit:hover {
	background:rgba(195, 33, 51,1)!important;
	color:#FFF;
	-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;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login .editer.editer_session > div.choix > label.nofx {
	display:none!important;
}

#pannel-menu-visiteur .formulaire_spip.formulaire_login .editer.editer_session > div.choix::after {
	content:'Rester identifié';
}

.formulaire_spip.formulaire_login .editer.editer_session,.formulaire_spip.formulaire_login a#spip_pass {
	background:rgba(215, 242, 237,0.3)!important;
	color:rgba(215, 242, 237,1)!important;
	padding:4px;
	display:block;
	width:49%;
	margin-top:0!important;
	font-size:14px;
	line-height:26px;
}

.formulaire_spip.formulaire_login a#spip_pass {
	float:left;
}

.formulaire_spip.formulaire_login .editer.editer_session {
	float:right;
}

.formulaire_spip.formulaire_login a#spip_pass:hover {
	background:rgba(195, 33, 51,1)!important;
	color:#FFF!important;
}

.formulaire_spip.formulaire_login .editer.editer_password.obligatoire > p.details {
	margin:0;
}

.formulaire_spip.formulaire_login input.submit {
	margin-top:10px;
}

#pannel-menu-visiteur .formulaire_login .editer_session .choix,#pannel-menu-visiteur .formulaire_login #spip_pass {
	font-size:12px!important;
}

/*******************************/
/* MENU REDACTEUR */
/*******************************/
#spip-admin {
	display:none;
}

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

#menu-admin {
	position:absolute;
	top:90px;
	right:20px;
	cursor:pointer;
/*	z-index: 99999 !important */
}

#menu-admin i {
	display:block;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	width:50px;
	line-height:50px;
	font-size:14px;
	text-align:center;
	padding:0!important;
	margin:0!important;
	background:rgba(12, 66, 89,1);
	color:rgba(215, 242, 237,1);
}

#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(195, 33, 51,1);
	color:#FFF;
}

.body-back #mini-menu-admin {
	right:-400px!important;
}

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

#mini-menu-admin {
	position:absolute;
	top:150px;
	right:5px;
	background:rgba(12, 66, 89,1);
	color:rgba(215, 242, 237,1);
	padding:10px;
	width:150px;
	z-index:999;
	-webkit-filter:drop-shadow(-5px 5px 0px rgba(12, 66, 89,0.22));
	filter:drop-shadow(-5px 5px 0px rgba(12, 66, 89,0.22));
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:hover,#mini-menu-admin a:hover {
	background:rgba(195, 33, 51,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:13px;
	color:rgba(215, 242, 237,1);
}

#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:rgba(215, 242, 237,1);
}

#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:13px;
	color:rgba(215, 242, 237,1);
}

#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:rgba(215, 242, 237,1);
	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(195, 33, 51,1);
	color:#FFF!important;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

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

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

/*******************************/
/* FORMULAIRE EVENEMENT */
/*******************************/
#header-formulaire-evenement-mod {
	margin:10px 0;
}

#header-formulaire-evenement-mod #logo-formulaire-evenement {
	font-size:12px;
	text-align:center;
	line-height:120px!important;
	width:140px!important;
	position:relative;
	display:inline-block;
	cursor:pointer;
	padding:5px!important;
	border:4px dashed rgba(195, 33, 51,0.1);
}

#header-formulaire-evenement-mod #logo-formulaire-evenement #label-logo-formulaire-evenement:before {
	font-family:FontAwesome!important;
	content:"\f03e";
}

#header-formulaire-evenement-mod #logo-formulaire-evenement.logo-true #label-logo-formulaire-evenement {
	position:absolute;
	text-align:center;
	display:block;
	width:100%;
	line-height:20px;
	margin:-5px;
	color:#000;
	background:repeating-linear-gradient(45deg,#d4e6f0,#d4e6f0 10px,#e8f3f9 10px,#e8f3f9 20px);
}

#header-formulaire-evenement-mod #logo-formulaire-evenement.logo-true:hover #label-logo-formulaire-evenement {
	line-height:60px;
}

#header-formulaire-evenement-mod #logo-formulaire-evenement:hover {
	border:4px dashed rgba(195, 33, 51,0.4);
}

#header-formulaire-evenement-mod #logo-formulaire-evenement img {
	max-width:100%;
	height:auto;
}

#header-formulaire-evenement-mod #form-logo-formulaire-evenement {
	position:fixed;
	z-index:999!important;
	padding:20px;
	height:50%;
	width:50%;
	left:25%;
	top:25%;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
	display:block;
	-webkit-box-shadow:0 0 15px 2px rgba(0,0,0,0.2);
	-moz-shadow:0 0 15px 2px rgba(0,0,0,0.2);
	box-shadow:0 0 15px 2px rgba(0,0,0,0.2);
	background:#FFF;
}

#header-formulaire-evenement-mod #titre-formulaire-evenement {
	display:inline-block;
}

#statut-evenement > span.label {
	color:#000;
	padding:0;
}

#auteur-evenement,#statut-evenement {
	border:1px solid rgba(0,0,0,0.1);
	display:inline-block;
	padding:4px;
	background:rgba(255,255,255,1);
}

.instituer_objet .formulaire_instituer_objet-evenement select.select.statut {
	border:none;
	height:30px;
	width:30%;
}

.instituer_objet .formulaire_instituer_objet-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet-evenement select.select.statut option {
	background-image:none!important;
	color:#FFF;
}

.statut-prop .instituer_objet .formulaire_instituer_objet-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet-evenement select.select.statut option[value="prop"] {
	background:rgba(242, 141, 99,1);
}

.statut-publie .instituer_objet .formulaire_instituer_objet-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet-evenement select.select.statut option[value="publie"] {
	background:rgba(12, 66, 89,1);
}

.statut-poubelle .instituer_objet .formulaire_instituer_objet-evenement select.select.statut,.instituer_objet .formulaire_instituer_objet-evenement select.select.statut option[value="poubelle"] {
	background:#000!important;
}

.formulaire_instituer.formulaire_instituer_objet.formulaire_instituer_objet-evenement > form.noajax.hasajax > div {
	height:0;
	margin-bottom:40px;
}

.formulaire_instituer.formulaire_instituer_objet-evenement input.submit {
	position:absolute;
	width:69%;
	margin:0px;
	margin-top:-30px;
	height:30px;
	left:31%;
}

.entete-formulaire .editer.editer_statut.statut_.obligatoire > span.show > span.statut > img {
	display:none;
}

/*******************************/
/* FORMULAIRE LOGO EVENEMENT */
/*******************************/
.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement > h3.titrem > img.cadre-icone {
	display:none;
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement > h3.titrem {
	background:rgba(195, 33, 51,1);
	padding:10px;
	margin-top:0;
	color:#FFF;
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement > h3.titrem:before {
	font-family:FontAwesome!important;
	content:"\f03e";
	padding-right:10px;
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement input.file {
	width:100%;
	padding:10px;
	border:none;
	background:repeating-linear-gradient(45deg,rgba(195, 33, 51,0.2),rgba(195, 33, 51,0.2) 10px,rgba(195, 33, 51,0.1) 10px,rgba(195, 33, 51,0.1) 20px);
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement input.submit {
	font-family:Josefin Sans!important;
	padding:10px;
	font-size:20px;
	background:rgba(12, 66, 89,0.6);
	color:#FFF;
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement input.submit:hover {
	background:rgba(12, 66, 89,1);
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement input.submit.supprimer {
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	-khtml-opacity:.6;
	opacity:.6;
	color:#000;
	background:repeating-linear-gradient(45deg,rgba(215, 242, 237,0.2),rgba(215, 242, 237,0.2) 10px,rgba(215, 242, 237,0.1) 10px,rgba(215, 242, 237,0.1) 20px);
}

.formulaire_spip.formulaire_editer.formulaire_editer_logo.formulaire_editer_logo_evenement input.submit.supprimer:hover {
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	color:#000;
	background:repeating-linear-gradient(45deg,rgba(215, 242, 237,0.2),rgba(215, 242, 237,0.2) 10px,rgba(215, 242, 237,0.1) 10px,rgba(215, 242, 237,0.1) 20px);
}

#form-logo-formulaire-evenement .btn-form.close-popup {
	width:100%;
	display:block;
	text-align:center;
}

#form-logo-formulaire-evenement .btn-form.close-popup:hover {
	background:#000!important;
}

#form-logo-formulaire-evenement .formulaire_editer_logo_evenement div.spip_logo {
	text-align:center;
}

#form-logo-formulaire-evenement a.btn-form-mini.close-popup {
	cursor:pointer;
	position:fixed!important;
	z-index:99;
	right:0;
	padding:10px;
	background:#000;
	top:0;
	color:#FFF;
}

#form-logo-formulaire-evenement a.btn-form-mini.close-popup:hover {
	background:red;
}

/*******************************/
/* Barre d'édition */
/*******************************/
.edition > div#markItUpDescriptif.markItUp > div.markItUpContainer > div.markItUpHeader > ul > li.markItUpButton.markItUpDropMenu > ul {
	min-width:140px!important;
}

.edition > div#markItUpDescriptif.markItUp .tooltip {
	min-width:100px!important;
}

/*******************************/
/* MESSAGES */
/*******************************/
.message {
	margin:30px 0;
	font-size:14px;
	font-weight:700;
	display:block;
	padding:10px;
	background:repeating-linear-gradient(45deg,rgba(0,0,0,0.1),rgba(0,0,0,0.1) 10px,rgba(0,0,0,0.05) 10px,rgba(0,0,0,0.05) 20px);
}

.message.message-blue {
	background:repeating-linear-gradient(45deg,rgba(12, 66, 89,0.2),rgba(12, 66, 89,0.2) 10px,rgba(12, 66, 89,0.1) 10px,rgba(12, 66, 89,0.1) 20px);
}

.message.message-red {
	color:#FFF;
	background:repeating-linear-gradient(45deg,rgba(195, 33, 51,1),rgba(195, 33, 51,1) 10px,rgba(195, 33, 51,0.6) 10px,rgba(195, 33, 51,0.6) 20px);
}

.message.message-green {
	color:rgba(12, 66, 89,1);
	background:repeating-linear-gradient(45deg,rgba(160, 216, 207,0.2),rgba(160, 216, 207,0.2) 10px,rgba(160, 216, 207,0.1) 10px,rgba(160, 216, 207,0.1) 20px);
}

.message.message-orange {
	color:rgba(12, 66, 89,1);
	background:repeating-linear-gradient(45deg,rgba(250, 190, 78,0.2),rgba(250, 190, 78,0.2) 10px,rgba(250, 190, 78,0.1) 10px,rgba(250, 190, 78,0.1) 20px);
}

.message.message-small {
	font-size:14px;
	line-height:24px;
	font-weight:700;
}

.message.message-medium {
	font-size:16px;
	line-height:33px;
	font-weight:700;
}

.message.message-big {
	font-size:18px;
	line-height:66px;
	font-weight:700;
}

/*******************************/
/* BLOC RECHERCHE */
/*******************************/
#pannel-menu #formulaire_recherche.formulaire_recherche {
	position:fixed;
	width:350px;
	bottom:0;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input#recherche.search.text {
	padding:10px;
	width:80%;
	border:none;
	float:left;
	margin:0;
	background:rgba(215, 242, 237,1);
	font-size:18px;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input#recherche.search.text::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
	color:rgba(12, 66, 89,1);
	padding-left:40px;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input#recherche.search.text::-moz-placeholder {
/* Firefox 19+ */
	color:rgba(12, 66, 89,1);
	padding-left:40px;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input#recherche.search.text:-ms-input-placeholder {
/* IE 10+ */
	color:rgba(12, 66, 89,1);
	padding-left:40px;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input#recherche.search.text:-moz-placeholder {
/* Firefox 18- */
	color:rgba(12, 66, 89,1);
	padding-left:40px;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input.submit {
	margin:0;
	padding:10px;
	color:#FFF;
	width:20%;
	background:rgba(215, 242, 237,0.3);
	-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;
	font-size:18px;
}

#pannel-menu #formulaire_recherche.formulaire_recherche input.submit:hover {
	background:rgba(195, 33, 51,1)!important;
	color:#FFF;
	-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;
}

/*******************************/
/* FORMULAIRE DE CONTACT SLIDE */
/*******************************/
#formulaire-contact {
	background:rgba(12, 66, 89,1);
	-webkit-background-size:cover;
/* pour anciens Chrome et Safari */
	background-size:cover;
/* version standardisée */
	width:70%;
	left:15%;
	top:120%;
	height:500px;
	max-height:90%;
	position:fixed;
	z-index:99999999999999;
	padding:0 20px;
}

#formulaire-contact.on {
	top:5%;
}

#formulaire-contact #formulaire-contact-ajax {
	max-height:calc(100% - 4*20px)!important;
	position:absolute;
	width:calc(100% - 2*20px);
	overflow:auto!important;
	-webkit-overflow-scrolling: touch !important;
}

#formulaire-contact .formulaire_spip.formulaire_formidable label {
	font-size:16px;
	color:#FFF;
}

#formulaire-contact .form-nav,#mail-options > a {
	display:inline-block;
	color:#FFF;
	padding:2px!important;
	margin:0!important;
	border-bottom:4px solid transparent;
}

#formulaire-contact .form-nav:hover,#mail-options > a:hover {
	color:rgba(250, 190, 78,1);
	border-bottom:4px solid rgba(250, 190, 78,1);
}

#formulaire-contact .form-nav:before,#mail-options > a:before {
	font-family:FontAwesome;
}

#mail-options > a:before {
	display:inline-block;
	width:20px;
	text-align:center;
	padding:0!important;
	margin:0!important;
}

#mail-options > a.form-refresh:before {
	content:"\f021";
}

#mail-options > a.google-mail:before {
	content:"\f1a0";
}

#mail-options > a.yahoo-mail:before {
	content:"\f19e";
}

#mail-options > a.microsoft-mail:before {
	content:"\f17a";
}

#mail-options > a.local-mail:before {
	content:"\f109";
}

#mail-options > a.skype-contact:before {
	content:"\f17e";
}

#mail-options > a#btn-mail-close:before {
	content:"\f00d";
}

#formulaire-contact .form-nav-bottom:before {
	content:"\f078";
}

#formulaire-contact .form-nav-top:before {
	content:"\f077";
}

#formulaire-contact a.aol-mail svg {
	padding-top:5px;
}

#formulaire-contact svg {
	fill:#fff;
}

#formulaire-contact a:hover svg {
	fill:rgba(250, 190, 78,1);
}

#formulaire-contact input,#formulaire-contact textarea {
	border:none;
	display:block;
	width:100%;
	margin:5px 0 20px;
	padding:14px;
	font-size:20px;
	color:rgba(12, 66, 89,1);
	background:rgba(255,255,255,.9);
	-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;
}

#formulaire-contact input:focus,#formulaire-contact textarea:focus {
	background:rgba(255,255,255,1)!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;
}

#formulaire-contact input.submit {
	border:none;
	padding:14px;
	margin:5px 0 20px;
	font-size:20px;
	color:#FFF;
	background:rgba(76, 190, 175,1);
}

#formulaire-contact input.submit:hover {
	background:rgba(250, 190, 78,1);
}

#formulaire-contact ::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
	color:rgba(12, 66, 89,0.5);
}

#formulaire-contact :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
	color:rgba(12, 66, 89,0.5);
	opacity:1;
}

#formulaire-contact ::-moz-placeholder {
/* Mozilla Firefox 19+ */
	color:rgba(12, 66, 89,0.5);
	opacity:1;
}

#formulaire-contact :-ms-input-placeholder {
/* Internet Explorer 10-11 */
	color:rgba(12, 66, 89,0.5);
}

#formulaire-contact ::-ms-input-placeholder {
/* Microsoft Edge */
	color:rgba(12, 66, 89,0.5);
}

#formulaire-contact label {
	color:rgba(255,255,255,0.5)!important;
}

#formulaire-contact .obligatoire {
	color:rgba(255,255,255,0.5)!important;
}

#formulaire-contact .reponse_formulaire {
	width:100%;
	margin:10px 0;
	padding-top:0;
	color:#000;
	font-size:18px;
	text-align:center;
	padding:13px 5px 7px;
	background-color:rgba(255,255,255,1);
}

#formulaire-contact .reponse_formulaire.reponse_formulaire_ok {
	background-color:rgba(76, 190, 175,1);
	color:#FFF;
}

#formulaire-contact .reponse_formulaire.reponse_formulaire_erreur {
	background-color:rgba(195, 33, 51,1)!important;
	color:#FFF;
}

#formulaire-contact .formulaire_spip.formulaire_formidable form ul {
	margin:0;
	padding:0;
}

#formulaire-contact .erreur_message {
	display:block;
	background:rgba(195, 33, 51,1)!important;
	color:#FFF;
	padding:10px;
	font-size:12px;
}

#formulaire-contact #btn-mail-close {
	float:right;
}

#formulaire-contact #btn-mail-close:before {
	font-size:24px;
}

#formulaire-contact #btn-mail-bottom {
	position:absolute;
	bottom:10px;
	width:calc(100% - 2*20px);
}

#formulaire-contact .reponse_formulaire:before {
	position:absolute;
	left:5px;
	top:5px;
	width:50px;
	line-height:50px;
	border-radius:25px;
	text-align:center!important;
	display:block;
	padding:0!important;
	margin:0;
	animation-name:tada;
	animation-duration:1s;
	animation-fill-mode:both;
	background:rgba(250, 190, 78,1)!important;
}

#formulaire-contact .reponse_formulaire {
	text-transform:uppercase;
}

#formulaire-contact .reponse_formulaire p {
	padding:25px 50px;
}

td.dispo.info-emprunts-liste table tbody tr td.etatjeu i {
	float:right;
}

td.dispo.info-emprunts-liste table tbody tr td.etatjeu i.fa.fa-circle:before {
	font-size:24px;
}

td.dispo.info-emprunts-liste table tbody tr td.etatjeu i.fa.fa-circle.dispo:before {
	color:rgba(76, 190, 175,1)!important;
}

td.dispo.info-emprunts-liste table tbody tr td.etatjeu i.fa.fa-circle.non-dispo:before {
	color:rgba(195, 33, 51,1)!important;
}

td.dispo.info-emprunts-liste table tbody tr td.etatjeu i.fa.fa-circle.bientot-non-dispo:before {
	color:rgba(250, 190, 78,1)!important;
}

td.dispo.info-emprunts-liste {
	width:200px;
	padding:0px !important;
}

td.dispo.info-emprunts-liste table {
	width:100%;
	border:none!important;
	background:none!important;
}

td.dispo.info-emprunts-liste table tr,td.dispo.info-emprunts-liste table td {
	border:none!important;
	background:none!important;
}

td.dispo.info-emprunts-liste ul {
	max-height:70px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

td.dispo.info-emprunts-liste .item-periode-emprunt-liste {
	font-size:11px;
	margin:4px 0;
	padding:2px;
	background:#FFF;
	border-radius:2px;
}

.list-height-max {
	width:100%;
	max-height:600px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

.list-height-max th {
	vertical-align:middle!important;
}

.list-height-max table#table_gis.avectri.table_jeux td.nom {
	font-size:14px;
	font-weight:700;
}

/* FORMULAIRE JQUERY DATE PICKER */
.section-page-jeux .saisie_date img.ui-datepicker-trigger {
	opacity:1;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	margin-left:0;
	height:45px;
	margin-top:-70px;
	opacity:0;
}

.section-page-jeux .editer.saisie_date {
	padding:0!important;
	margin:0!important;
	height:40px!important;
}

.section-page-jeux .editer.saisie_date:before {
	font-family:FontAwesome!important;
	content:"\f073"!important;
	opacity:1;
	color:#FFF;
	font-size:18px;
	float:right;
	padding:7px;
	margin-bottom:-50px;
	position:relative;
}

body#body .ui-datepicker {
	width:294px;
	height:auto;
	margin:5px auto 0;
	font:14pt;
	-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.4);
	-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.4);
	box-shadow:0 0 15px 0 rgba(0,0,0,.4);
	background:rgba(12, 66, 89,1)!important;
	text-align:center!important;
	z-index:9999999!important;
}

body#body .ui-datepicker a {
	text-decoration:none;
	color:#FFF!important;
}

body#body .ui-datepicker a:hover {
	text-decoration:none;
	color:rgba(12, 66, 89,1)!important;
	background:rgba(250, 190, 78,1)!important;
}

body#body .ui-datepicker table {
	width:100%;
}

body#body .ui-datepicker-header {
	background:rgba(12, 66, 89,1)!important;
	color:#FFF;
	font-weight:400;
	text-shadow:0 0 0 #000;
	filter:dropshadow(color=#000,offx=0,offy=0);
	line-height:40px!important;
	border-width:0;
	border-style:solid;
	border-color:transparent!important;
}

body#body .ui-datepicker-title {
	text-align:center;
}

body#body .ui-datepicker-prev *,body#body .ui-datepicker-next * {
	background-image:none;
	background-repeat:no-repeat;
}

body#body .ui-datepicker-prev,body#body .ui-datepicker-next {
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	cursor:pointer;
	background-image:none;
	background-repeat:no-repeat;
	line-height:40px;
	border:0 solid!important;
	overflow:hidden;
}

.ui-datepicker-prev:before,.ui-datepicker-next:before {
	font-family:FontAwesome!important;
	display:block;
	color:#FFF;
	padding:0;
}

.ui-datepicker-prev:before {
	content:"\f104"!important;
}

.ui-datepicker-next:before {
	content:"\f105"!important;
}

body#body .ui-datepicker-prev {
	float:left;
	background-position:0;
}

body#body .ui-datepicker-next {
	float:right;
	background-position:0;
}

body#body .ui-datepicker thead {
	background:rgba(12, 66, 89,1)!important;
	background-image:none;
	filter:none;
	border:none;
	text-align:center!important;
}

body#body .ui-datepicker th {
	text-transform:uppercase;
	font-size:10pt;
	padding:0;
	line-height:40px;
	color:#FFF;
	text-shadow:0 0 0 #000;
	filter:dropshadow(color=#000,offx=0,offy=0);
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,0.2);
}

body#body .ui-datepicker tbody td {
	padding:0;
	border-right:1px solid rgba(255,255,255,0.2);
}

body#body .ui-datepicker tbody td:last-child {
	border-right:1px solid rgba(12, 66, 89,1)!important;
}

body#body .ui-datepicker tbody tr {
	border-bottom:1px solid rgba(255,255,255,0.2)!important;
}

body#body .ui-datepicker tbody tr:last-child {
	border-bottom:0;
}

body#body .ui-datepicker td span,body#body .ui-datepicker td a {
	display:inline-block;
	font-weight:400;
	text-align:center;
	width:40px;
	height:40px;
	line-height:40px;
	color:#FFF;
	text-shadow:0 0 0 #000;
	filter:dropshadow(color=#000,offx=0,offy=0);
	border:none!important;
}

body#body .ui-datepicker-calendar .ui-state-default {
	background:red!important;
/*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='red ',endColorstr='red ',GradientType=0); */
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}

body#body .ui-datepicker-unselectable .ui-state-default {
	background:red!important;
	color:red!important;
}

body#body .ui-datepicker-calendar .ui-state-hover {
	background:red!important;
}

body#body .ui-datepicker-calendar .ui-state-active {
	background:red!important;
	-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);
	-moz-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);
	color:#e0e0e0;
	text-shadow:0 0 0 #4d7a85;
	filter:dropshadow(color=#4d7a85,offx=0,offy=0);
	border:1px solid red;
	position:relative;
	margin:-1px;
}

body#body .ui-datepicker-calendar td:first-child .ui-state-active {
	width:40px;
	margin-left:0;
}

body#body .ui-datepicker-calendar td:last-child .ui-state-active {
	width:40px;
	margin-right:0;
}

body#body .ui-datepicker-calendar tr:last-child .ui-state-active {
	height:40px;
	margin-bottom:0;
}

body#body .ui-widget-content .ui-state-default {
	border:none;
	background:none!important;
	font-weight:400;
	color:red;
}

body#body .ui-widget-content {
	border:none;
	background:none;
	color:red;
}

body#body .ui-widget input,body#body .ui-widget select,body#body .ui-widget textarea,body#body .ui-widget button {
	background:none;
	margin-top:5px;
	font-family:Josefin Sans;
	font-size:15px;
	font-weight:400;
	border:none;
}

body#body .ui-state-highlight {
	background:rgba(76, 190, 175,1);
	border:none!important;
}

body#body .ui-datepicker-current-day.ui-state-highlight {
	background:rgba(160, 216, 207,1)!important;
}

body#body .ui-datepicker-today {
	background:rgba(255,255,255,0.4)!important;
}

body#body .ui-datepicker-today.ui-state-highlight {
	background:rgba(215, 242, 237,1)!important;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
body#body .ui-corner-all,body#body .ui-corner-top,body#body .ui-corner-left,body#body .ui-corner-tl {
	border-top-left-radius:0;
}

body#body .ui-corner-all,body#body .ui-corner-top,body#body .ui-corner-right,body#body .ui-corner-tr {
	border-top-right-radius:0;
}

body#body .ui-corner-all,body#body .ui-corner-bottom,body#body .ui-corner-left,body#body .ui-corner-bl {
	border-bottom-left-radius:0;
}

body#body .ui-corner-all,body#body .ui-corner-bottom,body#body .ui-corner-right,body#body .ui-corner-br {
	border-bottom-right-radius:0;
}

body#body div.ui-datepicker-title > select {
	border:none!important;
}

body#body div.ui-datepicker-title > select option {
	padding:4px 5px;
	border:none;
}

body#body div.ui-datepicker-title > select option:focus,
body#body div.ui-datepicker-title > select option:hover {
	background:red;
}

body#body .ui-datepicker select:after {
	font-family:FontAwesome!important;
	display:inline-block;
	color:#FFF;
	height:20px;
	width:20px;
	content:"\f104"!important;
}

body#body .ui-datepicker select {
	padding:5px 8px;
	width:30%;
	border:none;
	box-shadow:none;
	background-color:transparent;
	background-image:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

body#body .ui-datepicker select:focus {
	outline:none;
}

/* FORMULAIRE DATE */
.formulaire_editer_evenement_public input#titre.text {
	line-height:30px;
	font-size:24px!important;
}

.formulaire_editer_evenement_public textarea,.formulaire_editer_evenement_public input.text {
	-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;
	width:100%;
	border:none;
	background:rgba(0,0,0,0.05)!important;
}

.formulaire_editer_evenement_public textarea:focus,.formulaire_editer_evenement_public input.text:focus {
	-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;
	background:rgba(195, 33, 51,0.1)!important;
}

.formulaire_editer_evenement_public ul.editer-groupe > li.editer.editer_parent,.formulaire_editer_evenement_public .editer_id_auteur.saisie_auteur_session {
	display:none;
}

.formulaire_editer_evenement_public label {
	color:#000;
	font-size:16px;
	font-weight:400;
}

.formulaire_editer_evenement_public .editer_inscription label,.formulaire_editer_evenement_public .editer_horaire label {
	display:inline-block!important;
	margin-right:10px;
}

body#body .time-picker {
	width:100px!important;
	border:none!important;
	background:rgba(195, 33, 51,1)!important;
}

body#body .time-picker > ul > li {
	font:12pt Josefin Sans,Arial,sans-serif;
	height:15px;
	color:#FFF;
}

body#body .time-picker > ul > li.selected {
	background:rgba(255,255,255,0.5);
}

.formulaire_editer_evenement_public li.editer .cs_blocs {
	margin:10px 0;
}

.btn-form,.formulaire_editer_evenement_public li.editer .cs_blocs > h4.blocs_titre.cs_done > a {
	cursor:pointer;
	background:rgba(195, 33, 51,0.7)!important;
	display:inline-block;
	color:#FFF!important;
	padding:10px;
	line-height:19px;
}

.btn-form {
	height:38px;
	overflow:hidden;
	margin-bottom:10px;
}

.btn-form * {
	color:#FFF!important;
	padding:0;
	line-height:19px!important;
}

.formulaire_editer_evenement_public li.editer.editer_horaire > .btn-form input#horaire {
	padding:0;
	margin:0;
}

.formulaire_editer_evenement_public .btn-form:hover,.formulaire_editer_evenement_public li.editer .cs_blocs > h4.blocs_titre.cs_done.blocs_replie > a:hover {
	background:rgba(195, 33, 51,1)!important;
}

.formulaire_editer_evenement_public li.editer.editer_repetitions .blocs_destination {
	padding:10px 0 30px;
	overflow:auto;
	zoom:1;
}

.formulaire_editer_evenement_public li.editer.editer_repetitions .blocs_destination > #repetitions_picker {
	width:35%;
	float:left;
	padding:0;
	margin:0;
}

.formulaire_editer_evenement_public li.editer.editer_repetitions .blocs_destination textarea#repetitions {
	width:65%!important;
	float:right;
	height:84px;
}

.formulaire_editer_evenement_public li.editer.editer_repetitions .blocs_destination > #repetitions_picker .ui-datepicker {
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	margin-left:0;
	margin-top:0;
}

.formulaire_editer_evenement_public input.submit {
	padding:15px;
	margin-top:20px;
}

li.editer.editer_date.fieldset > fieldset > ul > li.editer.editer_date_debut_fin > img.ui-datepicker-trigger {
	cursor:pointer;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; */
	filter:alpha(opacity=00);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	width:24px;
	height:24px;
	z-index:9999999!important;
	position:relative;
	width:154px;
	margin-left:-145px;
}

li.editer.editer_date.fieldset > fieldset > ul > li.editer.editer_date_debut_fin > img.ui-datepicker-trigger:hover {
}

li.editer.editer_date.fieldset > fieldset > ul > li.editer.editer_date_debut_fin .img-ui-datepicker-trigger {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/calendrier-blanc.png) no-repeat rgba(195, 33, 51,1);
	padding:2px;
	height:24px;
	width:24px;
	display:inline-block;
	margin:0 0 -7px -30px;
	background-position:center center;
	-webkit-background-size:18px;
	-moz-background-size:18px;
	-o-background-size:18px;
	background-size:18px;
}

li.editer.editer_date.fieldset > fieldset > ul > li.editer.editer_date_debut_fin .img-ui-timepicker-trigger {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/heure-blanc.png) no-repeat rgba(195, 33, 51,1);
	padding:2px;
	height:24px;
	width:24px;
	display:inline-block;
	margin:0 0 -7px -30px;
	background-position:center center;
	-webkit-background-size:18px;
	-moz-background-size:18px;
	-o-background-size:18px;
	background-size:18px;
}

.agenda .list-standard li,.agenda .list-standard li:hover {
	display:flex;
/* contexte sur le parent */
	-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;
}

.agenda .list-standard li:hover {
	background:rgba(0,0,0,0.1);
}

.agenda .list-standard .item-content,.agenda .list-standard .item-date {
	margin:auto;
/* eh oui, tout bêtement */
}

.agenda .list-standard .info-date-annee {
	font-size:10px;
	line-height:14px;
	margin-top:-5px;
}

.sommaire #container-top .row {
	padding-bottom:15px;
}

.agenda .list-standard .item-titre {
	font-size:12px!important;
	color:#000;
}

.agenda .list-standard .item-date {
	color:#FFF!important;
	font-weight:600;
	line-height:30px;
	text-align:center;
	padding:0;
}

.agenda .list-standard .item-date .info-date {
	color:#FFF;
}

#mini-agenda.list-standard .item-date .info-date {
	font-size:90%;
}

#mini-agenda.list-standard h2#bloc-agenda-titre.bloc-titre a#agenda-link {
	display:inline-block;
	background:rgba(215, 242, 237,1);
	color:#FFF;
	padding:10px;
}

#mini-agenda.list-standard h2#bloc-agenda-titre.bloc-titre > a#agenda-link:after {
	font-family:FontAwesome;
	content:"+";
	padding-left:5px;
	border-left:1px dotted;
	display:inline-block;
}

#mini-agenda.list-standard h2#bloc-agenda-titre.bloc-titre a#agenda-link:hover {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

#mini-agenda.list-standard h2#bloc-agenda-titre.bloc-titre {
/**	border-bottom: 2px solid rgba(215, 242, 237,1); **/
	font-size:18px;
}

#mini-agenda.list-standard .item-date > span.date-fin {
	display:block;
	font-size:70%;
	margin-top:-15px;
}

/** BLOC MES DATES **/
.dates-prop #dates-prop-titre,.mes-dates #mes-dates-titre {
	font-size:18px;
	text-align:center;
	padding:4px;
	width:100%;
	margin:0!important;
	color:#FFF;
}

.mes-dates #mes-dates-titre {
	background:rgba(195, 33, 51,1);
}

.dates-prop #dates-prop-titre {
	font-size:16px;
	background:rgba(242, 141, 99,1);
}

.dates-prop .titre-bloc,.mes-dates .titre-bloc {
	font-size:16px;
	cursor:pointer;
}

.mes-dates .titre-bloc:hover {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

.dates-prop .titre-bloc:hover {
	background:rgba(242, 141, 99,1);
	color:#FFF;
}

.dates-prop,.mes-dates {
	margin-top:10px;
}

.mes-dates .impaire {
	background:rgba(195, 33, 51,0.05);
}

.dates-prop .impaire {
	background:rgba(242, 141, 99,0.05);
}

.mes-dates .paire {
	background:rgba(195, 33, 51,0.1);
}

.dates-prop .paire {
	background:rgba(242, 141, 99,0.1);
}

.mes-dates .seconde-ligne {
	border-bottom:1px solid rgba(195, 33, 51,0.4);
	border-top:1px dotted rgba(195, 33, 51,0.4);
}

.dates-prop .seconde-ligne {
	border-bottom:1px solid rgba(242, 141, 99,0.4);
	border-top:1px dotted rgba(242, 141, 99,0.4);
}

.dates-prop td,.mes-dates td {
	padding:4px;
}

.mes-dates .publie .fa {
	color:rgba(12, 66, 89,1);
}

.dates-prop	.prop .fa,.mes-dates .prop .fa {
	color:rgba(242, 141, 99,1);
}

.mes-dates .poubelle .fa {
	color:#000;
}

.mes-dates .date-bloc {
	font-size:11px;
	border-left:1px dotted rgba(195, 33, 51,0.4);
	border-right:1px dotted rgba(195, 33, 51,0.4);
}

.dates-prop .date-bloc {
	font-size:11px;
	border-left:1px dotted rgba(242, 141, 99,0.4);
	border-right:1px dotted rgba(242, 141, 99,0.4);
}

.mes-dates .mod-bloc:hover {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

.dates-prop .mod-bloc:hover {
	background:rgba(242, 141, 99,1);
	color:#FFF;
}

.mes-dates .mod-bloc {
	cursor:pointer;
	text-align:center;
	background:rgba(195, 33, 51,0.4);
}

.dates-prop .mod-bloc {
	cursor:pointer;
	text-align:center;
	background:rgba(242, 141, 99,0.4);
}

.mes-dates .active {
	background:repeating-linear-gradient(45deg,rgba(195, 33, 51,0.2),rgba(195, 33, 51,0.2) 10px,rgba(195, 33, 51,0.1) 10px,rgba(195, 33, 51,0.1) 20px)!important;
}

.dates-prop .active {
	background:repeating-linear-gradient(45deg,rgba(242, 141, 99,0.2),rgba(242, 141, 99,0.2) 10px,rgba(242, 141, 99,0.1) 10px,rgba(242, 141, 99,0.1) 20px)!important;
}

/** Clear formatage BLOC DEPLIANT **/
.blocs_titre {
	background:none!important;
	font-weight:400!important;
	line-height:normal!important;
	margin:0!important;
	padding:0!important;
	clear:none!important;
	cursor:pointer;
}

.blocs_titre > a,.blocs_titre > h4 {
	font-size:16px;
	color:rgba(56,66,72,1)!important;
}

.cs_blocs h4.blocs_titre > a {
	position:relative;
	display:block;
	z-index:99;
}

.cs_blocs h4.blocs_titre > a .row-tab.row-eq-height {
	background:rgba(0,0,0,0.03);
	-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;
}

.cs_blocs h4.blocs_titre > a:hover .row-tab.row-eq-height {
	background:rgba(0,0,0,0.07);
	-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;
}

.cs_blocs h4.blocs_titre.blocs_replie > a .row-tab.row-eq-height,.cs_blocs h4.blocs_titre.blocs_replie > a:hover .row-tab.row-eq-height {
	background:none;
}

.blocs_titre .blocs_destination .preload {
	height:200px;
	display:block;
}

.blocs_destination .preload i {
	top:40px;
	position:absolute!important;
	font-size:24px;
}

li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible {
	padding:0 4px 4px 4px;
}

li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible [class^="col-"] {
	float:none;
	display:inline-block!important;
}

li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible .thumbnail {
	border:none;
	background:none;
	padding-left:14px;
}

li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible .thumbnail img {
	padding:4px;
	border:1px solid rgba(0,0,0,0.1);
	background-color:rgba(255,255,255,0.8);
}

/**************************/
/* CAROUSEL BOOTSRAP HOME */
/**************************/
#macaron_news {
	background:url(//extrascolaire-schaerbeek.be/plugins/beebuzz/themes/saes/css/img/macaron_news.png) no-repeat;
	-webkit-background-size:contain;
/* pour anciens Chrome et Safari */
	background-size:contain;
/* version standardisée */
	left:-15px;
	top:-15px;
	position:absolute;
	z-index:999;
	width:80px!important;
	height:80px;
}

#carousel-homepage {
	background:#000!important;
}

#carousel-homepage,#carousel-homepage .item {
	height:315px;
}

#carousel-homepage .item > a:hover .vignette {
	-webkit-filter:blur(3px);
	filter:blur(3px);
}

/* SURVOL CAROUSEL PLAYER */
.carousel-indicators.carousel-indicators-false {
	display:none!important;
}

.carousel-control.carousel-control-false {
	width:30px;
	background:#000;
	opacity:1!important;
}

.carousel-control.carousel-control-false.left {
	margin-left:-20px;
}

.carousel-control.carousel-control-false.right {
	margin-right:-20px;
}

.carousel .vignette_video {
	width:100%;
	height:100%;
	display:block;
}

.carousel .vignette {
	-webkit-background-size:cover!important;
/* pour anciens Chrome et Safari */
	background-size:cover!important;
/* version standardisée */
	width:100%;
	height:100%;
	display:block;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.carousel .vignette_video .vignette.blur {
	-webkit-filter:blur(3px);
	filter:blur(3px);
}

/* http://apps.eky.hk/css-triangle-generator/ */
.carousel .btn_video_play {
	display:block;
	height:100px;
	width:33.333%;
	left:33.333%;
	top:50%;
	margin-top:-25px;
	position:absolute;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.carousel .btn_video_play:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.carousel .btn_video_play .play {
	margin-top:15px;
	margin-left:15px;
	width:0;
	height:0;
	border-style:solid;
	border-width:30px 0 30px 45px;
	border-color:transparent transparent transparent #FFF;
}

.carousel .play_circle {
	width:100px;
	height:100px;
	border:5px solid #FFF;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	background:rgba(0,0,0,0.5);
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.carousel .btn_video_play:hover .play_circle {
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	-webkit-box-shadow:0 0 12px 0 rgba(50,50,50,0.88);
	-moz-box-shadow:0 0 12px 0 rgba(50,50,50,0.88);
	box-shadow:0 0 12px 0 rgba(50,50,50,0.88);
}

.carousel-control {
	text-shadow:none;
}

.carousel-indicators li {
	border-radius:0;
}

.carousel-caption {
	text-shadow:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-align:left!important;
	margin:0!important;
}

.carousel-date {
	display:block;
	font-size:14px;
	color:rgba(250, 190, 78,1);
}

.carousel-introduction {
	display:block;
}

/* CAROUSEL CUSTOM */
#carousel-homepage.carousel {
	height:515px!important;
	background:none!important;
}

#carousel-homepage.carousel .carousel-inner {
	height:100%;
}

#carousel-homepage .carousel-caption-info {
	width:100%!important;
	font-size:16px;
	margin-top:325px!important;
	position:absolute!important;
	padding:0 60px 10px;
	max-height:155px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

#carousel-homepage .item a .click-info {
	left:50%;
	margin-left:-60px;
	margin-top:-200px;
	display:block;
	position:absolute;
	color:#FFF;
	font-weight:700;
	z-index:99999;
	width:120px;
	height:120px;
	line-height:120px;
	text-align:center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	background:rgba(195, 33, 51,.9);
	box-shadow:0 0 20px rgba(0,0,0,.9);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.9);
	-moz-box-shadow:0 0 20px rgba(0,0,0,.9);
}

#carousel-homepage .item a:hover .click-info {
	margin-top:100px;
	-webkit-transform:rotate(360deg)!important;
	-moz-transform:rotate(360deg)!important;
	-o-transform:rotate(360deg)!important;
	transform:rotate(360deg)!important;
}

#carousel-homepage .item .click-info span {
	width:100px;
/* largeur de la zone de texte */
	padding:10px;
/* aération interne de la zone de texte */
	vertical-align:middle;
	display:inline-block;
	font-size:18px!important;
	line-height:1.2;
/* on rétablit le line-height */
	text-align:center;
/* ... et l'alignement du texte */
}

#carousel-homepage .carousel-inner .item {
	margin-top:-25px;
}

.span-slide-rustine {
	font-size:1px;
	color:transparent;
}

#carousel-homepage .carousel-caption-info > h2 {
	padding:0!important;
	margin:0;
	font-size:42px;
}

#carousel-homepage .carousel-control {
	background:none!important;
}

#carousel-homepage .carousel-control .glyphicon {
	margin-top:40px;
}

#carousel-homepage .carousel-control.left .glyphicon {
	margin-left:-40px;
}

#carousel-homepage .carousel-control.right .glyphicon {
	margin-right:-40px;
}

.carousel-control.carousel-control-false.left {
	margin-left:-15px;
}

.carousel-control.carousel-control-false.right {
	margin-right:-15px;
}

.carousel-control.carousel-control-false.left .glyphicon {
	margin-left:-35px!important;
}

.carousel-control.carousel-control-false.right .glyphicon {
	margin-right:-35px;
}

#carousel-homepage .carousel-caption-info a {
	color:rgba(76, 190, 175,1);
}

#carousel-homepage .carousel-caption-info a:hover {
	color:rgba(250, 190, 78,1)!important;
}

#carousel-homepage .item-video .carousel-caption-info {
	margin-top:0!important;
}

#carousel-homepage .item-video .carousel-caption {
	margin-top:350px!important;
	padding:0;
	height:150px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

@media (max-width: 1200px) {
	#carousel-homepage .carousel-caption-info {
		top:51px;
	}
	
	#carousel-homepage .item-video .carousel-caption-info {
		top:28px;
	}
	
	#carousel-homepage .item-video .carousel-caption {
		padding:0;
		height:190px!important;
	}
	
	#carousel-homepage .item {
		height:235px!important;
	}
	
	#carousel-homepage .carousel-caption-info {
		margin-top:210px!important;
		padding:10px 35px;
	}
	
	#carousel-homepage .item-video .carousel-caption {
		margin-top:235px!important;
		height:155px;
	}
}
@media (min-width: 1200px) {
	.ie svg#svg-mask-1 {
		width: 595px !important;
		height: 514px !important
	}
	.ie svg#svg-mask-2 {
		height: 222px !important
	}
	.ie svg#svg-mask-3 {
		width: 222px !important;
		height: 255px !important
	}
	.ie svg#svg-mask-4 {
		height: 294px !important;
		width: 261px !important
	}
	.ie svg#svg-mask-5 {
		width: 261px !important;
		height: 226px !important
	}
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7 {
		height: 261px !important;
		margin-top: -16px !important;
	}
	.ie svg#svg-mask-8 {
		width: 519px !important;
		height: 296px !important
	}
	.ie	#bloc-6 .bloc-home-ombre,
	.ie	#bloc-7 .bloc-home-ombre {
		top: 2px !important;
		left: -87% !important;
		width: 175% !important;
		height: 192% !important
	}
	.ie	#bloc-7 .bloc-home-ombre {
		left: -73% !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.ie svg#svg-mask-1 {
		width: 500px !important;
		height: 435px !important
	}
	.ie svg#svg-mask-2 {
		height: 190px !important;
		width: 224px !important;
	}
	.ie svg#svg-mask-3 {
		width: 193px !important;
		height: 222px !important
	}
	.ie svg#svg-mask-4 {
		height: 252px !important;
		width: 224px !important
	}
	.ie svg#svg-mask-5 {
		height: 195px !important;
		width: 224px !important
	}
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7 {
		width: 225px !important;
		height: 193px !important
	}
	.ie svg#svg-mask-8 {
		width: 440px !important;
		height: 250px !important
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	.ie svg#svg-mask-1 {
		width: 500px !important;
		height: 435px !important
	}
	.ie svg#svg-mask-2 {
		height: 201px !important;
		width: 236px !important;
	}
	.ie svg#svg-mask-3 {
		width: 201px !important;
		height: 231px !important
	}
	.ie svg#svg-mask-4 {
		height: 408px !important;
		width: 361px !important
	}
	.ie svg#svg-mask-5,
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7 {
		height: 314px !important;
		width: 360px !important
	}
	.ie svg#svg-mask-8 {
		width: 715px !important;
		height: 407px !important
	}
}


@media (max-width: 768px) {
	#carousel-homepage .carousel-caption-info {
		top:100px;
		max-height:195px;
		padding-top:0!important;
	}
	
	#carousel-homepage .item-video .carousel-caption {
		margin-top:280px!important;
		padding:0;
		height:220px!important;
	}
	
	.carousel-inner .item .vignette {
		height:276px!important;
	}
	
	#carousel-homepage .item-video .flex-video {
		height:276px!important;
	}
	
	.ie #bloc-2,
	.ie #bloc-4,
	.ie #bloc-5,
	.ie #bloc-6,
	.ie #bloc-7,
	.ie #bloc-9,
	.ie #bloc-10,
	.ie #bloc-11,
	.ie #bloc-12 {
		width: 49% !important
	}
	.ie #bloc-3 {
		width: 42% !important
	}
	
	.ie #bloc-8 {
		width: 100% !important;
	}
	
	.ie svg#svg-mask-2,
	.ie svg#svg-mask-3,
	.ie svg#svg-mask-4,
	.ie svg#svg-mask-5,
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7,
	.ie svg#svg-mask-9,
	.ie svg#svg-mask-10,
	.ie svg#svg-mask-11,
	.ie svg#svg-mask-12 {
		margin-top: 0px !important;
		width: 100% !important;
		height: 400px !important
	}
	.ie svg#svg-mask-2 {
		margin-top: 10px !important;
	}
	.ie svg#svg-mask-3 {
		margin-top: 30px !important;
	}
	.ie svg#svg-mask-8 {
		margin-top: 0px !important;
		width: 100% !important;	
		height: 400px !important	
	}
}

@media (max-width: 680px) {
	.bloc-home-texte .bloc-home-titre h4 {
		font-size:24px!important;
		font-weight:400!important;
	}
	
	#bloc-5 #svg-mask-5 {
		margin-top:3%;
	}
	
	#bloc-4 #svg-mask-4 {
		margin-top:-10%;
	}
	
	.bloc-home-texte {
		left:-4%;
		margin:0!important;
		width:100%!important;
	}
	
	#bloc-4 .bloc-home-texte {
		left:14%;
	}

	.ie svg#svg-mask-2,
	.ie svg#svg-mask-3,
	.ie svg#svg-mask-4,
	.ie svg#svg-mask-5,
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7,
	.ie svg#svg-mask-8,
	.ie svg#svg-mask-9,
	.ie svg#svg-mask-10,
	.ie svg#svg-mask-11,
	.ie svg#svg-mask-12 {
		height: 350px !important	
	}
	.ie .ie svg#svg-mask-8, .bloc-home-texte-content {
		margin-top: -25px
	}
}

@media (max-width: 600px) {
	.ie svg#svg-mask-2,
	.ie svg#svg-mask-3,
	.ie svg#svg-mask-4,
	.ie svg#svg-mask-5,
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7,
	.ie svg#svg-mask-8,
	.ie svg#svg-mask-9,
	.ie svg#svg-mask-10,
	.ie svg#svg-mask-11,
	.ie svg#svg-mask-12 {
		height: 310px !important	
	}
	.ie .ie svg#svg-mask-8, .bloc-home-texte-content {
		margin-top: -45px
	}
}

@media (max-width: 500px) {
	#carousel-homepage h2 {
		font-size:28px!important;
	}
	.ie svg#svg-mask-2,
	.ie svg#svg-mask-3,
	.ie svg#svg-mask-4,
	.ie svg#svg-mask-5,
	.ie svg#svg-mask-6,
	.ie svg#svg-mask-7,
	.ie svg#svg-mask-8,
	.ie svg#svg-mask-9,
	.ie svg#svg-mask-10,
	.ie svg#svg-mask-11,
	.ie svg#svg-mask-12 {
		height: 280px !important	
	}
	.ie .ie svg#svg-mask-8, .bloc-home-texte-content {
		margin-top: -65px
	}
}

@media (max-width: 420px) {
	#container-top {
		margin-right:15px;
	}
	
	.carousel-caption-info {
		padding:10px!important;
	}
	
	.bloc-home-content {
		top:-20px;
	}
	
	#bloc-6 .bloc-home-content {
		left:8%;
	}
	
	#bloc-8 iframe {
		height:120px;
	}
	
	#bloc-8 .bloc-home-texte-content {
		top:25px!important;
		height:130px;
		margin-left:0!important;
		width:calc(100% - 15px)!important;
	}
}

#carousel-homepage .item-video .carousel-caption-info > h2 {
	padding:0!important;
	margin:0;
	font-size:26px;
}

#carousel-homepage .carousel-indicators {
	bottom:0!important;
}

.carousel .container-video .carousel-caption-origine {
	position:absolute;
	z-index:999;
	width:70%;
	left:15%;
	font-size:16px;
	line-height:normal;
	top:-200px;
	padding:5px 10px;
	background:rgba(0,0,0,0.7);
	text-align:center!important;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

.carousel .container-video .carousel-caption-origine label {
	display:block;
	color:rgba(195, 33, 51,1);
}

.carousel .container-video:hover .carousel-caption-origine {
	top:25px;
}

.carousel .container-video .carousel-caption-origine:hover {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

.carousel .container-video .carousel-caption-origine:hover label {
	color:#000;
}

.carousel .container-video .carousel-caption-origine .titre-article {
	color:#FFF;
}

.carousel .flex-video.widescreen:hover .carousel.video-play .left.carousel-control,.carousel.video-play .left.carousel-control {
	width:30px;
	margin-left:-30px!important;
}

.carousel .flex-video.widescreen:hover .carousel.video-play .right.carousel-control,.carousel.video-play .right.carousel-control {
	width:30px;
	margin-right:-30px!important;
}

.carousel .flex-video.widescreen:hover .carousel.video-play .left.carousel-control .btn-left,.carousel.video-play .left.carousel-control .btn-left {
	margin-left:-15px!important;
}

.carousel .flex-video.widescreen:hover .carousel.video-play .right.carousel-control .btn-right,.carousel.video-play .right.carousel-control .btn-right {
	margin-right:-15px!important;
}

.carousel .carousel-inner .container-video	.flex-video.widescreen {
	position:absolute;
	width:100%;
	height:100%;
}

.carousel .carousel-inner .container-video .vignette_video > div.vignette {
	position:absolute;
	width:100%;
	height:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

a.origine-media,a.origine-media:hover {
	color:rgba(76, 190, 175,1)!important;
	display:block;
}

a.origine-media .origine-media-titre {
	display:inline-block;
	border:1px solid;
	padding:0 2px;
	line-height:15px;
}

a.origine-media:hover .origine-media-titre {
	background:rgba(76, 190, 175,1)!important;
	border:1px solid rgba(76, 190, 175,1)!important;
	color:#FFF;
}

.rotate5-zoom2-hover:hover {
	cursor:pointer;
	-webkit-transform:rotate(5deg) scale(1.02);
	-moz-transform:rotate(5deg) scale(1.02);
	-o-transform:rotate(5deg) scale(1.02);
	transform:rotate(5deg) scale(1.02);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.rotate5-zoom2-hover:hover .mosaic-container {
	-webkit-box-shadow:0 3px 7px rgba(0,0,0,.2),0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:0 3px 7px rgba(0,0,0,.2),0 -3px 7px rgba(0,0,0,.2);
	box-shadow:0 3px 7px rgba(0,0,0,.2),0 -3px 7px rgba(0,0,0,.2);
}

@media (max-width: 992px) {
	.col-padding {
		border:7px solid #FFF;
	}
	
	.col-padding .block-contain {
		overflow:auto;
		-webkit-overflow-scrolling: touch !important;
		height:225px;
	}
	
	aside.col-lat {
		margin-top:40px;
		padding:0;
	}
	
	aside.col-lat section {
		margin-bottom:40px;
	}
	
	#mini-agenda h4.item-titre {
		font-size:110%!important;
	}
	
	#galerie-documents-joints table {
		width:100%;
	}
	
	#galerie-image li,#galerie-image .x-items li,#galerie-image .x-items li:nth-child(1),#galerie-image .x-items li:nth-child(2),#galerie-image .x-items li:nth-child(3),#galerie-image .x-items li:nth-child(4),#galerie-image .x-items li:nth-child(5),#galerie-image .x-items li:nth-child(6),#galerie-image .x-items li:nth-child(7),#galerie-image .x-items li:nth-child(8),#galerie-image .x-items li:nth-child(9),#galerie-image .x-items li:nth-child(10) {
		height:100px!important;
		width:50%!important;
	}
}

@media (max-width: 600px) {
	#galerie-image li,#galerie-image .x-items li,#galerie-image .x-items li:nth-child(1),#galerie-image .x-items li:nth-child(2),#galerie-image .x-items li:nth-child(3),#galerie-image .x-items li:nth-child(4),#galerie-image .x-items li:nth-child(5),#galerie-image .x-items li:nth-child(6),#galerie-image .x-items li:nth-child(7),#galerie-image .x-items li:nth-child(8),#galerie-image .x-items li:nth-child(9),#galerie-image .x-items li:nth-child(10) {
		height:100px!important;
		width:50%!important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.carousel-news {
		padding:0;
	}
	
	#galerie-documents-joints table {
		width:100%;
	}
	
	#mini-agenda h4.item-titre {
		font-size:120%!important;
	}
}

@media only screen and (max-width : 450px) {
	.col-xxs-12 {
		width:100%!important;
	}
}

#body .crayon-html > div.formulaire_spip > form.formulaire_crayon > input.crayon-active.text {
	border:1px solid rgba(195, 33, 51,0.5)!important;
	padding:5px!important;
	background:rgba(195, 33, 51,0.2)!important;
}

/**************************/
/* TOOLTIP */
/**************************/
.tooltip {
	font-family:Josefin Sans;
	-webkit-filter:drop-shadow(-5px 5px 0px rgba(12, 66, 89,0.22));
	filter:drop-shadow(-5px 5px 0px rgba(12, 66, 89,0.22));
}

.tooltip .tooltip-arrow {
}

.tooltip .tooltip-inner {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background-color:rgba(12, 66, 89,1);
	padding:10px!important;
	font-size:15px;
	font-weight:300!important;
}

.tooltip.top .tooltip-arrow {
	bottom:-10px;
	left:50%;
	margin-left:0;
	border-width:15px 15px 0 0;
	border-top-color:rgba(12, 66, 89,1);
}

.tooltip.top-left .tooltip-arrow {
	right:5px;
	bottom:0;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:rgba(12, 66, 89,1);
}

.tooltip.top-right .tooltip-arrow {
	bottom:0;
	left:5px;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:rgba(12, 66, 89,1);
}

.tooltip.right .tooltip-arrow {
	top:50%;
	left:0;
	margin-top:-5px;
	border-width:5px 5px 5px 0;
	border-right-color:rgba(12, 66, 89,1);
}

.tooltip.left .tooltip-arrow {
	top:50%;
	right:0;
	margin-top:-5px;
	border-width:5px 0 5px 5px;
	border-left-color:rgba(12, 66, 89,1);
}

.tooltip.bottom .tooltip-arrow {
	top:-25px;
	left:50%;
	margin-left:0;
	border-width:15px 15px 15px 0;
	border-bottom-color:rgba(12, 66, 89,1);
}

.tooltip.bottom-left .tooltip-arrow {
	top:0;
	right:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:rgba(12, 66, 89,1);
}

.tooltip.bottom-right .tooltip-arrow {
	top:0;
	left:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:rgba(12, 66, 89,1);
}

.table_operateurs .tooltip {
	word-wrap:break-word!important;
}

.table_operateurs td {
	font-weight:400;
}

.table_operateurs td .decrypt,.table_operateurs td a {
	color:#3ea093;
}

.table_operateurs td a:hover {
	color:rgba(195, 33, 51,1);
}

.leaflet-popup-content {
	max-height:150px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

.leaflet-popup-content tbody tr td.td-label {max-width: 30px !important; margin: 0px !important; }

.leaflet-popup-content tbody tr td a,
.leaflet-popup-content tbody tr td {font-size: 12px !important}

#section-infos-op .leaflet-popup-content table {
	width:100%;
	table-layout: auto !important;;
}

.spip-previsu {
	font-family:Arial!important;
  position: fixed !important;
  z-index: 999999999999;
  font-size: 12px  !important;
  font-weight: bold;
  color: #FFF;
  background-image: none !important;
  background:rgba(195, 33, 51,1) !important;
  padding: 10px !important;
  margin: 0px !important
}

.spip-previsu:before {
		font-family:FontAwesome;
		content:'\f06e';
		color: #FFF;
		font-weight: normal;
		padding-right: 10px;
	}

#table-scroll {
	max-height:600px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
	width:100%;
	padding:0;
	margin:0;
}

#table-scroll table {
	width:calc(100% - 2px);
}

#requete_racine {
	margin-bottom:20px;
}

.leaflet-popup-content .title {
	font-size:14px;
}

.leaflet-popup-content div.content_gis div.lien_fiche {
	background-color:rgba(12, 66, 89,1);
	text-align:center;
	color:#FFF;
	padding:4px;
	margin:4px 0;
	cursor:pointer;
}

.courriel:hover {
	color:rgba(195, 33, 51,1)!important;
}

.leaflet-popup-content div.content_gis div.lien_fiche:hover {
	background:rgba(195, 33, 51,1);
}

.leaflet-popup-content div.content_gis table {
	width:100%;
}

.leaflet-popup-content div.content_gis table td {
	border-bottom:1px solid;
	padding:4px 0;
	font-size:12px;
}

.mcrypt {
	background-image:none!important;
	padding:0;
}

.mcrypt:before {
	content:'@';
}

.col-map_operateur {
	background:rgba(215, 242, 237,.9);
}

.map_lat_art {
	height:400px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
}

.arial {
	font-family:Arial!important;
}

#table_gis.arial {
	font-family:Arial!important;
	font-size:13px;
}

#table_gis.arial.arial-15 {
	font-size:15px;
}

#table_gis td.date_debut,#table_gis td.date_fin {
	width:65px!important;
	text-align: center
}

.num-virtuel {
	display:none!important;
}

#cboxOverlay,#colorbox {
	z-index:9999999!important;
}

.liste-tags-art {
	height:70px;
	overflow:auto;
	-webkit-overflow-scrolling: touch !important;
	margin:5px 0 0;
	border-bottom:5px solid transparent;
}

/*******************************/
/* PAGE RECHERCHE */
/*******************************/
.page_recherche .td_nom_artiste {
	border-top:2px solid;
}

.page_recherche table#table_gis_rue tbody tr.item_liste td.td_nom_artiste {
	font-size:24px!important;
}

.logo-art {
	display:inline-block;
	float:left;
	margin-right:10px;
}

@media screen and (max-width: 525px) {
	.logo-art {
		display:block;
		float:none;
		height:150px;
		margin-bottom:20px;
	}
}

.content-recherche input#recherche {
	width:100%;
	background:rgba(12, 66, 89,1);
	color:#FFF;
	font-size:20px;
	padding:10px;
}

/*******************************/
/* PAGE AUTEUR */
/*******************************/
#liste.liste-publications #menu-publication {
	padding:0 15px;
	margin-top:20px;
	border-bottom:2px solid rgba(76, 190, 175,1);
}

#liste.liste-publications .item-menu {
	font-family:Arial!important;
	display:inline-block!important;
	width:calc(50% - 10px);
	background:rgba(76, 190, 175,.5);
	text-align:center;
	padding:10px 5px;
	cursor:pointer;
	color:#FFF;
}

#liste.liste-publications .item-menu.true {
	background:rgba(76, 190, 175,1);
	color:#FFF;
}

#liste.liste-publications .item-menu:hover {
	background:rgba(76, 190, 175,1);
}

#liste.liste-publications .item-menu.true:hover {
	cursor:auto;
}

section.section-op {
	background:rgba(255,255,255,.8);
	padding:0;
}

section.section-op h3 {
	font-weight:400!important;
	padding:10px;
	margin:0;
	color:#FFF;
	background:rgba(76, 190, 175,1);
	font-size:20px;
}

#section-tag-op .groupe-mot {
	padding:10px;
	margin:0;
}

section.section-op h4 {
	margin:0 0 5px!important;
	padding:0 0 5px;
}

section-tag-op .liste-tags-op {
	margin:0;
}

#mobile-info table,#section-infos-op table {
	width:100%;
	table-layout:fixed;
	overflow-wrap:break-word;
	word-wrap:break-word;
/* IE */
}

#mobile-info {
	padding-bottom:20px;
}

#mobile-info table,#mobile-info table a,#section-infos-op table,#section-infos-op table a {
	font-size:18px;
	color:rgba(12, 66, 89,1);
}

#mobile-info table td,#section-infos-op table td {
	border-bottom:1px solid rgba(12, 66, 89,.3);
	padding:4px;
	vertical-align:middle;
}

#mobile-info table tr:hover *{
	color:#000!important;
}


#mobile-info table td.td-label,#section-infos-op table td.td-label {
	width:32px;
	text-align:left;
	vertical-align:middle;
}

#mobile-info table td.td-label i:before,#section-infos-op table td.td-label i:before {
	background:rgba(250, 190, 78,1);
	width:28px;
	line-height:28px;
	text-align:center;
	display:block;
	border-radius:14px;
}

/* PAGE REINITIALISATION MDP */
#body.auteur .col-lat section#section-thumbnail {
	margin:0;
}

.page_spip_pass #minipres input {
	width:100%;
}

.page_spip_pass #minipres input.submit {
	background:rgba(12, 66, 89,1)!important;
}

.page_spip_pass #minipres input.submit:hover {
	background:rgba(250, 190, 78,1)!important;
}

.page_spip_pass .quitter_fenetre {
	width:100%;
}

.page_spip_pass legend {
	display:none;
}

.page_spip_pass .quitter_fenetre a {
	display:block;
	text-align:center;
	background:#FFF;
	padding:4px;
	color:rgba(12, 66, 89,1)!important;
}

.page_spip_pass #minipres {
	font-family:Arial!important;
	max-width:800px;
	margin:0 auto;
	color:rgba(12, 66, 89,1)!important;
}
.formulaire_oubli span.erreur_message,
.formulaire_oubli p.reponse_formulaire.reponse_formulaire_erreur {
	background: rgba(195, 33, 51,1)!important
	}
	
#legende_places_vacantes {
	float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 7px
}

#legende_places_vacantes .item-legende {
  background: #FFF;
  padding: 4px;
  border-radius: 4px;
  margin: 4px;
}

#legende_places_vacantes .item-legende.dispo .fa:before {
  color: rgba(76, 190, 175,1)!important
}

#legende_places_vacantes .item-legende.file .fa:before {
  color: rgba(250, 190, 78,1)!important
}

#legende_places_vacantes .item-legende.complet .fa:before {
  color: rgba(195, 33, 51,1)!important
}


.ie .article_search.tr-item-jeu td.reservation.item-jeu .input-container input.picker {
	height: 34px;
}
.ie #popup-mes-infos.popup-mes-infos input.icon-input {
	height: 48px;
}
.ie .form-edition-publication .col-lat .section-formulaire .content-section select {
	height: 40px;
}
.ie #pannel-menu .formulaire_recherche#formulaire_recherche input:-ms-input-placeholder.search.text#recherche {
	height: 45px;
}
.ie #requete_racine form input#id_search {
	height: 43px;
}		


/* form-recherche.css.html */
	/* plugins/beebuzz/themes/saes/css/theme-skel.css.html   */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2017 */
 /*     Template CSS theme-skel -extrascolaire-schaerbeek.be    */
/***************************************************************/

 
/* Mise en forme : http://www.cleancss.com/css-beautify/ */

  /*****************/
 /* CSS DYNAMIQUE */
/*****************/
  /************/
 /**COULEURS**/
/************/
 






	


	
	
/**********/
 /** FONT **/
/**********/



 





.col-tag-search {
	padding:0;
}

.col-tag-search .liste-tag-search {
	height:180px;
	overflow:auto;
}
.col-tag-search.type-activites-mots-groupes .liste-tag-search,
.col-tag-search.type-activites-titres-groupes .liste-tag-search {
	height:204px;
	overflow:auto;
}

.col-tag-search.type-activites-titres-groupes .col-container,
.col-tag-search.type-activites-titres-groupes {
	margin-right: 0px !important;
	padding-right: 0px !important;
}
.col-tag-search.type-activites-mots-groupes .col-container,
.col-tag-search.type-activites-mots-groupes {
	margin-left: 0px !important;
	padding-left: 0px !important;
}
.type-activites-mot-groupe.false {
	display: none !important;
}
.type-activites-titres-groupes tr .groupe-picto,
.type-activites-titres-groupes tr .groupe-titre-liste {
	cursor: pointer
}
.type-activites-titres-groupes tr:hover .groupe-picto,
.type-activites-titres-groupes tr:hover .groupe-titre-liste {
	background: rgba(195, 33, 51,1) !important;
	color: #FFF;
}
.type-activites-titres-groupes tr.true .groupe-picto,
.type-activites-titres-groupes tr.true .groupe-titre-liste {
	background: rgba(250, 190, 78,1) !important
}

.col-tag-search .col-container {
	padding:4px;
	margin:4px;
	background:rgba(255,255,255,.4);
	height:230px;
}

.map_lat_art {
	margin:0;
	padding:0;
}

.map_lat_art table {
	max-height:400px;
	overflow:auto;
	width:100%;
}

.map_lat_art table tr {
	border-bottom:1px dotted rgba(76, 190, 175,.9);
}

.map_lat_art table tr td {
	padding:5px;
	cursor:pointer;
}

.map_lat_art table tr:nth-child(odd) {
	background:rgba(255,255,255,.4);
}

.map_lat_art table tr:hover {
	background:rgba(76, 190, 175,.2);
}

#popup-fiche-activite-overlay {
	width:110%;
	height:110%;
	position:fixed;
	z-index:9999999!important;
	top:0;
	left:0;
	background:rgba(255,255,255,0.4);
}

#popup-fiche-activite-overlay.false {
	display:none;
}

#popup-fiche-activite-overlay.true {
	display:block;
}

.popup-fiche-activite {
	position:fixed;
	z-index:9999999!important;
	width:80%;
	background:#ebf6f5;
	top:calc(50% - 200px)!important;
	left:10%;
	-webkit-box-shadow:16px 17px 0 0 rgba(12, 66, 89,.5);
	-moz-box-shadow:16px 17px 0 0 rgba(12, 66, 89,.5);
	box-shadow:16px 17px 0 0 rgba(12, 66, 89,.5);
}

.tag-fiche-activite	section,
.txt-fiche-activite section {
	background:none!important;
}

.btn-add-tag {
	font-family:Arial!important;
	background: rgba(250, 190, 78,1) !important; 
	border: none !important;
	}
.btn-add-tag:hover {
	background: rgba(12, 66, 89,1) !important; 
	color: #FFF !important;
	border: none !important;
	}
.formulaire_editer_auteur_public .btn.btn-add-tag {
	margin-bottom: 10px;
}

.message-aucun-tag {
	font-family:Arial!important;
  background: rgba(195, 33, 51,1);
  font-size: 14px;
  display: inline-block;
  padding: 3px;
  border-radius: 4px;
  color: #FFF
}

.tag-fiche-activite {
	border-right:1px solid rgba(12, 66, 89,.5);
}

.tag-fiche-activite	section table {
	width:100%;
}

.tag-fiche-activite	section table td {
	border-bottom:1px dotted rgba(12, 66, 89,.5);
	padding:4px 2px;
	cursor:pointer;
}

.tag-fiche-activite	section table td:hover {
	background:rgba(76, 190, 175,.5);
}

.tag-fiche-activite	section table th {
	color:#FFF;
	background:rgba(12, 66, 89,1);
	text-align:center;
	padding:4px 2px;
}
.tag-fiche-activite .groupe-picto,
.tag-fiche-activite .groupe-titre-liste {
	border-top:1px dotted rgba(12, 66, 89,.5);
}

.tag-fiche-activite .groupe-titre-liste.num_boucle_1 {
	border-top:none;
}

.head-fiche-activite .blocs_invisible {
	padding:20px;
}

table.fiche-auteur {
	width:100%;
}

table.fiche-auteur td {
	border-bottom:1px dotted rgba(215, 242, 237,.5);
	padding:4px;
}

table.fiche-auteur td:nth-child(2):before {
	content:' | ';
	color:rgba(215, 242, 237,.5);
}

table.fiche-auteur td a {
	color:rgba(215, 242, 237,.8);
}

.col-map-fiche-activite {
	margin:0;
	padding:0;
}

.col-txt-fiche-activite {
	padding:20px;
	height:400px;
	overflow:auto;
}

table.titre-fiche-activite {
	width: calc(100% - 100px);
}
table.titre-fiche-activite td {
	vertical-align: middle !important
}
table.titre-fiche-activite td.td-titre {
	text-align: center;
	vertical-align: middle !important
}
table.titre-fiche-activite td.td-logo {
	width: 160px !important;
}
.popup-fiche-activite  .col-txt-fiche-activite .head-fiche-activite table.titre-fiche-activite .spip_logo  {
	margin-right: 10px !important;
	background-color: #FFF
}


@media (max-width: 992px){
	.popup-fiche-activite {
		z-index:9999999!important;
		width:calc( 100% - 60px);
		height: calc( 100% - 60px);
		top: 20px !important;
		left:40px !important;
	}
	.popup-fiche-activite.popup-fiche-evenement {
		width:calc( 100% - 60px);
		height: 400px;
		top: calc(50% - 200px)!important;
		left:40px !important;		
	}
	table.titre-fiche-activite {
		width: 100%;
	}
	.col-txt-fiche-activite {
		direction: block;
		padding:20px;
		height: calc( 100% - 250px) !important;
		overflow:auto;
	}
	.popup-fiche-jeu .col-txt-fiche-activite {
		direction: block;
		padding:20px;
		height: 100% !important;
		overflow:auto;
	}
	.col-map-fiche-activite,
	.col-map-fiche-activite .carte_gis {
	  height: 200px !important;
	}
}

/* BOUTON */
.menu-fiche-activite,
.page-fiche-activite,
.page-fiche-activite 
.fa,.config-fiche-activite,
.config-fiche-activite .fa,
.close-fiche-activite,
.close-fiche-activite .fa {
	width:50px!important;
	text-align:center;
	line-height:50px!important;
	color:rgba(215, 242, 237,1);
}
.menu-fiche-activite,
.page-fiche-activite,
.config-fiche-activite,
.close-fiche-activite {
	position:absolute;
	right:0;
	top:0;
	background:rgba(12, 66, 89,1);
	cursor:pointer;
	z-index:999;
}

.menu-fiche-activite {
	left: 0px;
}

.page-fiche-activite {
	right:50px;
	background:rgba(250, 190, 78,1);
	display:block;
}

.page-fiche-activite .fa {
	color:rgba(12, 66, 89,1)!important;
}

.config-fiche-activite {
	right:100px;
	background:rgba(76, 190, 175,1);
	display:block;
}

.popup-mes-infos .config-fiche-activite {
	right:50px !important;
}


.titre-fiche-activite {
	font-size:22px;
}

.asso-fiche-activite {
	margin:4px 0 16px;
	color:rgba(215, 242, 237,1);
	background:rgba(12, 66, 89,1);
}

.asso-fiche-activite h4 a {
	padding:15px;
	color:rgba(12, 66, 89,1)!important;
	background:rgba(250, 190, 78,1)!important;
}

.asso-fiche-activite h4 a:hover {
	color:rgba(215, 242, 237,1)!important;
	background:rgba(12, 66, 89,1)!important;
}

section#configuration {
	margin:5px -4px 0px -4px ;
}

section#configuration,
section#tag {
	background:none!important;
	margin-left: -4px !important; 
	margin-right: -4px !important;
}

section#tag #col_groupe_mot .liste-tag-search {
	margin-right: 5px !important 
}

section#tag .groupe-titre-liste-tr {
	padding-right: 5px;
}
section#tag .groupe-picto,
section#tag .groupe-titre-liste {
	margin-right: 4px;
	padding:5px;
	border-bottom: 1px dotted ;
}

section#configuration .config-search {
	display:block;
	text-align:center;
/*	width:calc((100% / 3) - 8px); */
	margin:4px;
	padding:5px;
	background:rgba(255,255,255,.4);
	cursor:pointer;
}

section#configuration td {
	width:calc((100% / 3) - 8px);
}

#configuration .menu-tab {
	width: 100%;
	}
#configuration .menu-tab td {
	vertical-align: middle !important;
	
	}
section#configuration .config-search i {
	padding-right:4px;
}

section#configuration td.td-3,
section#configuration td.td-4 {
	width:calc((100% / 6) - 8px);
}

@media (max-width: 680px) {
	#popup-mes-infos .liste-publication .id-activite,
	#popup-mes-infos .liste-publication .th-id,
	#popup-mes-infos .liste-publication .th-horaires,
	#popup-mes-infos .liste-publication td.horaires {
		display: none;
	}
	
}

@media (max-width: 650px) {
	section#configuration td {
		width: auto !important;
		vertical-align: middle;
	}
}
@media (max-width: 550px) {
	section#configuration td.td-3 {
		display: none;
	}
}
@media (max-width: 450px) {
	section#configuration td.td-4 {
		display: none;
	}
}

@media (max-width: 350px) {
	section#configuration td.td-4 {
		display: none;
	}
	section#configuration td > div {
		height: 80px
	}
	.groupe-picto,
	.mot-picto {
		display: none
	}
}

section#configuration .config-search.true {
	background:rgba(195, 33, 51,1);
	color:#FFF;
}

section#configuration .config-search:hover {
	background:rgba(250, 190, 78,1);
	color:rgba(12, 66, 89,1);
}

section#liste table#table_gis tbody td {
		vertical-align: middle !important; 
		padding: 4px !important
}

section#liste table#table_gis {
	width:100%;
	margin-bottom:30px;
}
section#liste table#table_gis thead th {
	background:rgba(76, 190, 175,1);
	text-align:center;
	color:#FFF;
}
section#liste th:hover {
	cursor:default !important;
	}
section#liste th.sort:hover {
	cursor:pointer !important;
	background:rgba(250, 190, 78,1)!important
	}
section#liste th i {
	float: right;
	font-size: 20px;
	display: inline-block;
	padding: 2px 4px
	}
section#liste td.age {
	text-align: center;
}
section#liste td.tag {
	padding: 0px 0px 0px 2px !important; 
	margin:  0px 0px 0px 0px !important;
	}
section#liste td.info {
	padding: 0px !important;
	margin: 0px !important;
	width: auto !important;
	min-width: 0px!important;
	border-right: none !important;
	}
section#liste td.info img {
	padding: 0px !important;
	margin: 0px !important;
	width: 75px !important;
	height: auto !important;
	}
section#liste td.etat.file i {
	color: #ffb11a
}
section#liste td.etat.complet i {
	color: rgba(195, 33, 51,1)
}		
section#liste td.etat.dispo i {
	color: rgba(76, 190, 175,1)
}		
section#liste table#table_gis td.tel {
	white-space: nowrap;
}
section#liste table#table_gis .titre_anim {
	font-size: 12px;
	font-weight: bold;
}
section#liste table#table_gis .cp {
	font-size: 12px;
}
section#liste table#table_gis td.tel .info-tel {
	position: absolute;
	display: none;
	padding: 25px;
	background: #FFF;
	color: gba(195, 33, 51,1)
}
section#liste table#table_gis td.tel:hover .info-tel {
	position: absolute;
	display: block !important;
}
section#liste table#table_gis td.click:hover {
	background:rgba(76, 190, 175,.3);
}

section#liste table#table_gis tr {
	padding:0 10px;
	border-bottom:1px dotted rgba(76, 190, 175,.9);
	cursor:pointer;
}

section#liste table#table_gis tr td {
	padding:10px 5px;
	border-right:1px dotted rgba(76, 190, 175,.6);
}

section#liste table#table_gis tr:nth-child(odd) {
	background:rgba(255,255,255,.4);
}

section#liste table#table_gis tr:hover {
	background:rgba(76, 190, 175,.3);
}

td table.mini-table,
td table.mini-table tr {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: none !important;
	background: transparent !important;
}
td table.mini-table tr td {
	padding: 0px;
	margin: 0px;
	border: none !important;
	background: transparent !important	
}
td table.mini-table td.mini-table-col1 {
	width: 18px;
}
.contact_disable .mini-table tr:nth-child(even) {background: rgba(76, 190, 175,.3) !important}
.contact_disable .mini-table tr:nth-child(odd) {background: rgba(255,255,255,.3) !important}

.contact .mini-table td {border-bottom: 1px solid rgba(12, 66, 89,.3) !important}
.contact .mini-table tr:last-child td {border-bottom: none !important}

.leaflet-bar a:hover {
	background-color:#EEB54D;
}


.leaflet-bar a,
.leaflet-bar a:hover {
	background-color:#4DC0B1;
	border-bottom:1px solid #4DC0B1;
	width:26px;
	height:26px;
	line-height:26px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.leaflet-bar a:hover {
	background-color:#EEB54D;
}

.leaflet-bar a:first-child {
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.leaflet-bar a:last-child {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	border-bottom:none;
}

.leaflet-popup-content-wrapper {
	border-radius:0!important;
	background:#DBECEB;
	font-family:Josefin Sans,Helvetica Neue,Helvetica,Arial,sans-serif!important;
	font-size:120%;
}

.leaflet-popup-content-wrapper div.leaflet-popup-content strong.title a {
	color:#244E6A;
	font-weight:400;
	font-size:140%;
	display:block;
}

.leaflet-container .leaflet-popup .leaflet-popup-tip-container .leaflet-popup-tip {
	background:#FFF;
	width:40px;
	height:40px;
	padding:1px;
	margin:-35px auto 0;
	-webkit-transform:rotate(60deg);
	-moz-transform:rotate(60deg);
	-ms-transform:rotate(60eg);
	-o-transform:rotate(60deg);
	transform:rotate(60deg);
}
.leaflet-popup-tip-container {
	width:50px !important;
	height:40px;
	padding-left: 10px;
	margin: 0px auto !important;
	overflow:hidden;
	pointer-events:none;
}

.leaflet-container a.leaflet-popup-close-button {
	position:absolute;
	top:0;
	right:0;
	padding:4px 4px 0 0;
	border:none;
	text-align:center;
	width:18px;
	height:14px;
	font:16px/14px Tahoma,Verdana,sans-serif;
	color:#c3c3c3;
	text-decoration:none;
	font-weight:700;
	background:transparent;
}

.leaflet-popup-close-button {
	color:#EEB54D!important;
}

.leaflet-popup-close-button:hover {
	color:#C32133!important;
}

section#liste #requete_racine form input#id_search {
	border:none;
	padding:10px;
	width: calc(100% - 45px);
	margin:15px 0;
}
#print-search {
	margin:15px 0px;
	width: 45px;
	text-align: center;
	display: block;
	float: right;
	background:rgba(76, 190, 175,1);
	cursor: pointer
}
#print-search:hover {
	background:rgba(12, 66, 89,1);
}
#print-search i.fa {
	line-height: 43px;
	padding: 0px;
	margin: 0px;
	color: #FFF;
}
.tab-liste-tag-search {
	width:100%;
}

.groupe-titre {
	text-align:center;
}

.s_m {
	cursor:pointer;
	display:block!important;
}

.art_tag.true,
.s_m.true {
	background:rgba(195, 33, 51,1);
}
.type-activites-mot-groupe-all.s_m.true {
	background:rgba(12, 66, 89,1);
	color: #FFF !important
}

.s_m:hover {
	background:rgba(250, 190, 78,1);
	color:rgba(12, 66, 89,1);
}

.s_g:hover {
	background:rgba(255,255,255,.4);
}

.s_m,
.art_tag {
	font-size:80%;
	display:inline-block;
	padding:2px;
	background:#4DC0B1;
	color:#FFF;
	margin-bottom:4px;
}

.s_m {
	font-size:100%;
}

.s_m .mot-picto-font:before,
.art_tag:before {
	content:"\f02b";
	font-family:FontAwesome;
	padding-right:2px;
}
.type-activites-mot-groupe-all.s_m .mot-picto-font:before {
	content:"\f02c";
}

.mot-picto-font:before {
	width:25px;
	text-align:center;
	display:block;
	-webkit-transition:all 250ms ease-in-out!important;
	-moz-transition:all 250ms ease-in-out!important;
	-ms-transition:all 250ms ease-in-out!important;
	-o-transition:all 250ms ease-in-out!important;
	transition:all 250ms ease-in-out!important;
}

.s_m:hover .mot-picto-font:before {
	content:"\f067 ";
	-webkit-transition:all 250ms ease-in-out!important;
	-moz-transition:all 250ms ease-in-out!important;
	-ms-transition:all 250ms ease-in-out!important;
	-o-transition:all 250ms ease-in-out!important;
	transition:all 250ms ease-in-out!important;
}

.s_m.true:hover .mot-picto-font:before,
.art_tag.true:hover:before {
	content:"\f00d";
}

tr.article_search.true.disabled,
tr.article_search.disabled {
	 display:none !important
}

td .tab_info {
	display:none;
	width:100px;
	height:50px;
	text-align:center;
	position:absolute;
	background:red;
	margin-top:-54px;
}

td:hover .tab_info {
	display:block;
}

#popup-compte-overlay {
	width:110%;
	height:110%;
	position:fixed;
	z-index:999999!important;
	top:0;
	left:0;
	background:rgba(255,255,255,0.4);
}

#popup-compte-overlay.false {
	display:none;
}

#popup-compte-overlay.true {
	display:block;
}

.popup-mes-infos {
	position:fixed;
	z-index:9999999!important;
	width:calc(100% - 60px);
	height: calc(100% - 40px);
	top:20px!important;
	background:#ebf6f5;
	left:35px!important;
	-webkit-box-shadow:16px 17px 0 0 rgba(12, 66, 89,.5);
	-moz-box-shadow:16px 17px 0 0 rgba(12, 66, 89,.5);
	box-shadow:16px 17px 0 0 rgba(12, 66, 89,.5);
	
}
.popup-mes-infos .content-mes-infos {
	height: calc(100% - 40px);
	overflow:auto !important;
	margin-top: 20px;
	
}
.popup-mes-infos .col-txt-mes-infos #id_search {margin-top: 0px !important; width: 100%!important}
.col-txt-mes-infos  section > div > h2 {margin-left: 50px; margin-top: 0px}


.popup-mes-infos .col-2 input,
.popup-mes-infos .col-2 textarea {
	background:rgba(12, 66, 89,1);
	color:rgba(215, 242, 237,1);
	padding:10px;
	border:none;
	width:100%;
	
}

.popup-mes-infos .rechercher_adresse {
	display:block;
	width:100%;
}

.popup-mes-infos #champ_editer_gis__geocoder {
	width:75%;
}

.popup-mes-infos #editer_gis__rechercher_geocodage {
	width:25%;
	color:rgba(12, 66, 89,1);
	background:rgba(250, 190, 78,1);
	display:block;
	padding:10px;
	border:none;
	text-align:center;
}

.popup-mes-infos #editer_gis__rechercher_geocodage:hover {
	color:rgba(215, 242, 237,1);
	background:rgba(195, 33, 51,1);
}
.popup-mes-infos         .editer_numero,
.popup-mes-infos         .editer_rue,
.popup-mes-infos         .editer_adresse_chaine,
.popup-mes-infos .col-2 .editer_code_postal,
.popup-mes-infos .col-2 .editer_ville,
.popup-mes-infos .col-2 .editer_pays,
.popup-mes-infos .col-2 .editer_pgp,
.popup-mes-infos .col-2 .editer_code_pays,
.popup-mes-infos .col-2 .test_info_auteur,
.popup-mes-infos .col-2 .editer_lat,
.popup-mes-infos .col-2 .editer_lon,
.popup-mes-infos .col-2 .editer_departement,
.popup-mes-infos .col-2 .editer_region,
.popup-mes-infos .col-2 .editer_lon,
.popup-mes-infos .col-2 .editer_departement {
	display:none!important; 
}

.popup-mes-infos .col-2 input.submit {
	padding:20px 10px;
	color:rgba(12, 66, 89,1);
	background:rgba(250, 190, 78,1);
}

.popup-mes-infos .col-2 input.submit:hover {
	color:rgba(215, 242, 237,1);
	background:rgba(195, 33, 51,1);
}

.popup-mes-infos .col-1 .item-mon-compte {
	padding: 10px 5px;
	border-bottom:1px solid rgba(215, 242, 237,.5);
	cursor:pointer;
}

.popup-mes-infos .col-1 .item-mon-compte:hover {
	background:rgba(250, 190, 78,1);
	color:rgba(12, 66, 89,1);
}

.popup-mes-infos .col-1 {
	background:rgba(12, 66, 89,1);
	color:rgba(215, 242, 237,1);
}

.link_bulle {cursor: pointer;position: absolute; width: 100%; height: calc(100% - 20px); display: block !important; padding: 0px !important; margin: -15px -20px !important; z-index: 99}
.leaflet-popup-close-button {z-index: 999 !important; height: 25px !important; width: 25px !important; padding: 4px !important}
.leaflet-popup-close-button:hover {
  	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	}
.leaflet-popup-content-wrapper {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out ;	
	}
.leaflet-popup-content-wrapper:hover {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out ;	
}


/* Classe obligatoire pour les flèches */
.flecheDesc {
  width: 0; 
  height: 0; 
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.flecheAsc {
  width: 0; 
  height: 0;
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
.avectri th.selection {background-color:#5d625c;color:#fff;}
.avectri th.selection .flecheDesc {border-bottom-color: white;}
.avectri th.selection .flecheAsc {border-top-color: white;}



.table_jeux {background: rgba(255,255,255,.6) !important}
.formulaire_favori form button:before,
.formulaire_favori form button:hover:before {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out ;
}
.formulaire_favori form button:hover:before {
	border-radius: 17px;
}

.formulaire_favori form button span {display:block;padding-bottom:0px;width:50px;}
.formulaire_favori form button.ajouter_favori img {display: none !important;}
.formulaire_favori form button.ajouter_favori span {visibility:hidden;}
.formulaire_favori form button.ajouter_favori {background:none!important}
.formulaire_favori form button.ajouter_favori:before {content:'\f067'; font-family: FontAwesome; color: #FFF }
.formulaire_favori form button.ajouter_favori:hover:before { background:rgba(76, 190, 175,1)}
.formulaire_favori form button.ajouter_favori:hover span {visibility:visible;}

.formulaire_favori form button.retirer_favori img {display: none !important;}
.formulaire_favori form button.retirer_favori span {visibility:hidden;}
.formulaire_favori form button.retirer_favori {background: none !important;}
.formulaire_favori form button.retirer_favori:before {content:'\f004'; font-family: FontAwesome; color: #FFF}
.formulaire_favori form button.retirer_favori:hover {background-image:none !important}
.formulaire_favori form button.retirer_favori:hover:before {content:'\f1f8'; font-family: FontAwesome; background:rgba(195, 33, 51,1)}
.formulaire_favori form button.retirer_favori:hover span {visibility:visible;}
.formulaire_favori {font-size: 0}
.formulaire_favori button {font-size: 18px;}
.formulaire_favori button:before {line-height: 34px;width: 34px; display: block; text-align: center; margin: 0px auto !important; background: rgba(12, 66, 89,1);}

.button-close-print {
	margin-left: 10px;
	margin-top: 8px;
	font-size: 24px;
	position: fixed; 
	display: block;
	width: 60px;
	line-height: 50px;
	background: rgba(195, 33, 51,1);
	padding: 5px;
	color: #FFF;
	text-align: center;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out ;
}
.button-close-print:hover {
	background: rgba(12, 66, 89,1);
	color: #FFF;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out ;
}

#popupiframeprint {
	position: fixed;
	width: 90%;
	left: 5%;
	height: 90%;
	top: 5%;
	background: #FFF;
	z-index: 9999999999999999999999 !important
}

#menu_statut .tri-statut {margin-bottom: 10px}
#texte_lieu_activite div.message.message-green strong.btn.transition500 { font-size: 12px}
.lieu_ex {margin: 2px}

#td_lieu_activite_mod {
	vertical-align:middle!important;
	padding:10px;
	font-size:18px;
}


.formulaire_editer_auteur_public .icon-label {
	float:left;
	width:30px;
	display:block;
	text-align:center;
	background:#DAEFED;
}

.icon-input {
	float:left;
	width:calc(100% - 30px)!important;
}

.icon-label i:before {
	line-height:48px;
}

.icon-label {
	float:left;
	width:30px;
	display:block;
	text-align:center;
	background:#DAEFED;
}

#popup-mes-infos .formulaire_editer_article_op #options_geoloc input#adresse_requete.text.active-touch.icon-input {
	font-weight: normal !important;
	padding: 12px 10px !important;
	line-height: 145%
}


.formulaire_editer_auteur_public .editer-groupe-tags  section#section-tag-article.section-formulaire div.content-section div#chemin_tag_form.chemin_tag_form {
	 border: 2px dashed;
  border-radius: 4px
}

.formulaire_editer_auteur_public .editer-groupe-tags .bloc-content-form {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px solid
}

.table_operateurs td.info img.spip_logo.spip_logos {min-width: 80px}
	 .table_operateurs td.contact table.mini-table .courriel,
    .table_operateurs td.contact table.mini-table a  {
    color:  rgba(12, 66, 89,1);
    }
 	 .table_operateurs td.contact table.mini-table .courriel:hover,
    .table_operateurs td.contact table.mini-table a:hover  {
    color:  rgba(195, 33, 51,1);
    }


@media (max-width: 1199px) {
  
  .table_operateurs .mini-table-col1.falc {
    display: none !important
  }
  
  
}
@media (max-width: 992px) {
  .table_operateurs td.info img.spip_logo.spip_logos {min-width:50px}

  .table_operateurs .falc {
    display: none !important
  }

  .table_operateurs td.contact table.mini-table  {
    width: 370px !important; 
  }
  
    .table_operateurs td.contact table.mini-table a  {
		max-width: 100% !important;
      display: block;
    overflow: auto !important;
    
  }
  
  .table_operateurs td.contact .td-content {
    	width: 195px !important;
		max-width: 195px;
		overflow: auto
  }

  .liste-operateur .table_operateurs {background: rgba(255,255,255,.3)}
  .liste-operateur,
  .liste-operateur #requete_racine {padding: 0px !important; background: none !important;}
}



@media (max-width: 768px) {

  .table_operateurs td.tag,
  .table_operateurs th.th-tag {
    display: none !important
  }
  
  
}		


/* typo-skel.css.html */
	/* plugins/beebuzz/themes/saes/css/typo-skel.css.html */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2016 */
 /*       Template CSS typo - Maison de la Participation        */
/***************************************************************/

/* Mise en forme : http://www.cleancss.com/css-beautify/ */

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

 /**COULEURS**/
 
	




	


	
	
	
	
	
	
	
	
	
	
	


  /********/
 /* FONT */
/********/









.spip_documents {
	text-align:center;
	max-width: 100%;
	display: inline-block !important
	}
	
.spip_documents p {
	margin:.10em;
	padding:0
	}
	
.spip_documents_center {
	display:block;
	width:100%;
	margin:1.385em auto;
/*	max-width: 100% */
	}
	
.spip_documents_left{
	float:left;
	margin-right:15px;
	margin-bottom:1.385em;
/*	max-width: 100% */
	}
	
.spip_documents_right{
	float:right;
	margin-left:15px;
	margin-bottom:1.385em;
/*	max-width: 100% */
	}
	
.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 img {
	display: block !important; 

	}
		
/* typo */

a:*,
* {
	outline:none;
	text-decoration: none;
	}

/* PARAGRAPHE TEXTE*/	
.texte p {
/*	white-space:pre !important; */
   white-space: -moz-pre-wrap;     /* Mozilla */
   white-space: -pre-wrap;           /* Opera 4-6 */
   white-space: -o-pre-wrap;        /* Opera 7 */
   word-wrap: break-word;           /* IE5.5+ */
   white-space: pre-wrap;             /* CSS3 */
}
.texte p br {
	display: none; 
}
	
/* gras*/
	
p  strong {font-weight: 500 !important}

/** taille du texte **/

t1 {
	font-size: 24px;
	line-height: 130%;
	}

t2 {
	font-size: 30px;
	line-height: 130%;
	}

t3 {
	font-size: 36px;
	line-height: 130%;
	}

/** soulignement **/

sl { 
	text-decoration: underline;
	}

/** couleur **/

c0 {
	color: rgba(218, 218, 218,1);
	}
	
c1 {
	color: rgba(215, 242, 237,1);
	}

c2 {
	color: rgba(195, 33, 51,1);
	}
c3 {
	color: rgba(157, 157, 157,1);
	}
c4 {
	color: rgba(76, 190, 175,1);
	}

c5 {
	color: rgba(161, 200, 95,1);
	}

c6 {
	color: rgba(160, 216, 207,1);
	}
	
c7 {
	color: rgba(198, 198, 198,1);
	}

c8 {
	color: rgba(242, 141, 99,1);
	}

c9 {
	color: rgba(251, 193, 82,1);
	}

c10 {
	color: rgba(,1);
	}
	
/** tabulation **/

tab:before {
	content:'	'; 
	text-indent:20px;
}


/** Petite capitale **/ 	

sc {
  text-transform : uppercase;
  font-size: 70%;
}

/** mise en relief **/

.caractencadre-spip {
	color: #FFF !important;
	background: rgba(195, 33, 51,1) !important;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: none !important;
	}
	
.caractencadre2-spip {
	color: #FFF !important;
	background: rgba(250, 190, 78,1) !important;
	font-weight: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: none !important;
	}

.texteencadre-spip {
	display: block;	
	position: relative;
	border: none !important;
	font-weight: normal !important;
	font-size: 110%;
    line-height: 170% !important;
	background:rgba(160, 216, 207,1) !important;
	font-weight: normal !important;
	color: #FFF !important ;
	padding: 20px !important;
	}

sub {
	font-size: 10px;
	}

sup  {
	font-size: 10px;
	text-transform: none;
	}
	
#chapo {
	font-family:Josefin Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold
	}
	
#col-contexte-titre .titre {
	font-family: Josefin Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 400;
	}

.texte h3 {
  	font-family: Josefin Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 36px !important;
	font-weight: 400;
	padding: 0px 0px 10px 0px
	}
.texte h3::first-letter {
	color: rgba(195, 33, 51,1) !important;
	font-size: 42px !important;
}

.texte h4 {	
	font-family: Josefin Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 26px;
	font-weight: 400;
	padding: 7px 0px 7px 0px
	} 
.texte h4::first-letter {
	color: rgba(250, 190, 78,1) !important;
	font-size: 32px !important;
}

.texte h5 {
	font-family: Josefin Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 22px;
	font-weight: 400;
	padding: 5px 0px 5px 0px
	} 
.texte h5::first-letter {
	color: rgba(76, 190, 175,1) !important;
	font-size: 26px !important;
}

/** ligne de separation (----) **/
hr,	
.texte hr {
    border-bottom: 1px solid rgba(12, 66, 89,1);
	margin: 20px 0px;
	}

/** liens **/

	/*** enlever les pontilles autour des liens ***/
	

a, a:hover, a:focus {
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;
	text-decoration: none;
	}
	
p a {}
	
p a:hover {}


	/*** enlever la balise hreflang sur les liens ***/

a[hreflang]:after {
	display: none
	}
	
	/*** enlever les pontilles autour des fichiers swf ***/
		
focus {
	outline:none;
	}
	
object {
	outline:none;
	}
	
	
	/*** enlever contours autres (safari) ***/

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
	outline: none;
	}

/*** liens dans le texte ***/
ul.spip li a,	
p a {color: rgba(195, 33, 51,1);}
ul.spip li a:hover,	
p a:hover  {color: rgba(76, 190, 175,1) !important;}
ul.spip li a:before,	
p a:before { 
    content:"\f105";
    font-family: FontAwesome;
    display: inline-block;
    width: 18px;
    line-height: 18px;
    margin-top: -3px;
    margin-right: 0px;
    margin-left: 0px;
    font-weight: 400;
    font-size: 15px;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
	-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 ;	
	}
ul.spip li a:hover:before,	
p a:hover:before { 
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}

	/*** liens externe dans le texte ***/	

p .spip_out {color: rgba(195, 33, 51,1) !important;}

p .spip_out:hover  {color: rgba(76, 190, 175,1) !important;}

p .spip_out:visited {color: rgba(195, 33, 51,1);}
	
p .spip_out:visited:hover {color: rgba(76, 190, 175,1);}

	/*** liens interne dans le texte ***/
	
p .spip_in {color: rgba(195, 33, 51,1);}
	
.spip_documents .spip_in {}
	
.spip_in {}

p .spip_in:hover  {color: rgba(76, 190, 175,1);}

p .spip_in:visited {color: rgba(195, 33, 51,1);}
	
p .spip_in:visited:hover {color: rgba(76, 190, 175,1);}

	/*** mail ***/
	
p .spip_mail {}
	
p .spip_mail:hover {}

/** puces **/

	/*** 
	disc 
	petit cercle plein
	list-style-type: disc;
	-------
	circle
	petit cercle vide
	list-style-type: circle;
	------
	square
	petit carre plein
	list-style-type: square;
	***/

.texte li {
	font-size: 18px; 
	padding-bottom:10px
	}

li, ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px
	}

.texte ul, .texte-rubrique ul  {
	padding-bottom: 0px;
	}

.texte ul li,  .texte-rubrique ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 0px;
 	line-height: 140%;
 	text-align:justify
	}

.texte ul li ul, .texte-rubrique ul li ul {
	margin-left: 20px;
	}

.texte ul.spip,  .texte-rubrique ul.spip  {
	margin-top:5px;
	margin-bottom: 5px;	
	}
	
.texte  li,  .texte-rubrique li  {
	text-align: left;
	margin-left: 25px;
	background: none;
	padding-top:0px;
	padding-bottom:0px;
	min-height: 0px;
	}

.texte li ul li,  .texte-rubrique li ul li {
	margin-left: 5px;
	background: none;
	padding-top:0px;
	padding-bottom:0px;
	min-height: 0px;
	}

/** liste numerote 2 niveaux **/

   .texte ol.spip,  .texte-rubrique  ol.spip {
   	  margin-left: 0px;
      counter-reset:Point_liste_niveau1;
      list-style-type:none;
   }
   
   .texte ol.spip li {
	   margin-left: 0px;
	   margin-bottom: 10px;
	   line-height: 140% !important;
   }
   
     .texte ol.spip li li {
	   margin-left: 10px;
   }

   .texte ol.spip li:before, .texte-rubrique ol.spip li:before {
      content: counter(Point_liste_niveau1) ". ";
      counter-increment:Point_liste_niveau1;
   }
   
   .texte ol.spip ol.spip, .texte-rubrique ol.spip ol.spip  {
   	  margin-left: 5px;
      counter-reset:Point_liste_niveau2;
      list-style-type:none;
   }
   

   .texte ol.spip ol.spip li:before, .texte-rubrique ol.spip ol.spip li:before {
      content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". ";
      counter-increment:Point_liste_niveau2;
   }
   
   .texte ol.spip ol.spip ol.spip, .texte-rubrique ol.spip ol.spip ol.spip {
   	  margin-left: 5px;
      counter-reset:Point_liste_niveau3;
      list-style-type:none;
   }
   .texte ol.spip ol.spip ol.spip li:before, .texte-rubrique 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;
   }


/** textaera **/

	/*** 
	zone scrollable avec une hauteur maximum
	***/

.spip_cadre   {
	Width: 100%;
	padding: 10px;
	margin-left: 0%;
	height: 200px;
	border: none !important;
	background: rgba(12, 66, 89,1);
	color: rgba(215, 242, 237,1)
	}

/** quote **/

blockquote  {
	color: rgba(76, 190, 175,1);
	border-left:1px solid rgba(76, 190, 175,1);
	margin:25px;
	padding:25px;
	font-size: 18px;
	font-style: italic;
	font-family: "Times New Roman", Georgia, Serif;
	}

blockquote:before {
	content: '\0022';
	font-size: 22px;
	display: block;
	color: rgba(195, 33, 51,1)
}

blockquote:after {
	content: '\0022';
	display: block;
	font-size: 22px;
	color: rgba(195, 33, 51,1);
	padding-top: 10px;
}


/** poesie **/

blockquote.spip_poesie  {
	font-size: 18px !important;
	font-weight:normal;
	font-style:italic;
	line-height: 25px;
	background: rgba(195, 33, 51,1);
	color:rgba(215, 242, 237,1);
	padding: 25px;
	border: none;
	}
	

code.spip_code {
	color: #FFF;
	background: #000000
}

	
/** 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;
	font-weight:bold;
	}
	
table.spip tr {
	padding: 10px !important
	}

table.spip tr.row_first{
	background:rgba(,1);
	color: #FFF;
	}

table.spip tr.row_odd{
	background:rgba(,.1);
	color: rgba(,1);
	}

table.spip tr.row_even{
	background:rgba(,.02);
	color: rgba(,1);
	}

table.spip th,table.spip td{
	padding:10px;
	text-align:left;
	border:1px solid rgba(,.05);
	}

table.spip th{
	vertical-align:bottom;
	font-weight:normal;
	}

table.spip td{
	vertical-align:top;
	}

.outil_guillemets {
	display: none;
	}
	
.outil_guillemets_simples {
	display: none;
	}
	
.outil_link a{
	margin-left:-12px;
	}
	
.outil_quote a{
	margin-left: -12px;
	}
	

/** formulaire **/

.spip_forms {
	border: none;
	}

.spip_forms fieldset{
	border: none;
	}

.spip_forms legend{
	margin:0px;
	padding:0px;
	color:#146F67;
	}

.spip_forms{
	color:black;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}
	
.spip_forms form{
	border:0;
	margin:0;
	padding:0 0 0 0;
	}
	
.spip_forms .forml,.spip_forms .formo{
	width:100%;
	border:solid 1px #FFFFFF;
	font-size:1em;padding:0px;
	}

.spip_forms .forml,.spip_forms .fondl{
	background:#FFFFFF;
	color:#4A4336;
	width:100%;
	}

.spip_forms form .forml-focus,.spip_forms form input.forml-focus:focus,.spip_forms form textarea.forml-focus:focus,.forml-focus{
	border:solid 1px rgba(,1);
	background:rgba(,.02);
	color:rgba(,1);
	font-weight:normal;
	font-size:1em;padding:0px;
	width:100%;
	}

.spip_forms  .spip_bouton input {
	margin-right:13px;
	background:#FFFFFF; 
	color:#000000;
	margin-bottom: 10px;
	}
	
.spip_forms  .spip_bouton input:hover {
	background:#FFFFFF; 
	color:#146F67;
	}

.formInfo a,.formInfo a:active,formInfo a:visited{
	background-color:#146F67;
	font-size:1.3em;
	font-weight:bold;padding:1px 2px;
	margin-left:5px;color:#FFFFFF;
	text-decoration:none;
	float:right;
	}

.formInfo a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:red;
	}

.spip_forms .spip_form_champ{
	margin-bottom:0;
	display:block;
	clear:both;
	margin-top:5px;
	}

.spip_forms .spip_form_label{
	font-weight:bold;
	text-align:left;
	color:#494949;
	float:left; 
	display: inline;
	}

.spip_forms form .formo-focus,.spip_forms form input.formo-focus:focus,.spip_forms form textarea.formo-focus:focus,.spip_forms .formo-focus{
	border:solid 1px #000000;
	background:#FFFFFF;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	padding:0;
	width:100%;
	}

/** NOTE **/

.spip_note {
	background:none
	}
	
.spip_note_ref {
	color: #97BF0D
	}
	
.spip_note_ref a:hover {

	}

#note {
	font-size: 12px !important; 
	font-weight: normal;
	}

/** SAUT DE LIGNE **/

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

/* typo texte bloc deroulant   */
	
.texte .cs_blocs h4 {
  	background:none;
    padding: 0px;
    margin: 0px;
    }

.texte .cs_blocs  h4.blocs_titre  a {
	color: #FFF !important;
	background: rgba(12, 66, 89,1);
	border-bottom: 1px solid #616F77;
	font-size: 22px;
	}
	
.texte .cs_blocs  h4.blocs_titre  a:before {
    content: "\f078";
    font-family: FontAwesome;
    display: inline-block;
    line-height: 20px;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
	
.texte .cs_blocs  h4.blocs_titre  a:hover:before {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
	
.texte .cs_blocs  h4.blocs_titre.blocs_replie  a:before {
    content: "\f054";
    font-family:  FontAwesome;
    display: inline-block;
    line-height: 20px;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
	
.texte .cs_blocs  h4.blocs_titre.blocs_replie  a:hover:before {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}

.texte .cs_blocs  h4.blocs_titre  a:hover {
	background: rgba(250, 190, 78,1);
	}
	
.texte .cs_blocs .blocs_destination {
	margin-bottom:20px !important;
	}
	
.texte .cs_blocs  h4.blocs_titre.cs_done a {
	display: block !important;
	text-align: center;
	padding:10px;
	margin-bottom: 0px
	}

.texte .cs_blocs .blocs_destination.blocs_invisible {
	background: rgba(215, 242, 237,1);
	}

.texte .cs_blocs .blocs_destination.blocs_invisible  p{
	margin-left: 0px;
	padding: 20px 5px;
	margin-top: 0px
	} 
	
.texte strong {
	font-weight: bold !important
	}

/* BARRE TYPO - MOD TYPO V1 21/08/14 
-------------------------- */

.markItUpContainer .markItUpHeader  li.markItUpButton a  em{
	background-size:80px
	}
	
/* Reset couteau suisse */
.couteau_suisse_drop a  em {
	background-size:16px !important
	}
/* Reset inserer modeles */	
.outil_inserer_modeles  a  em {
	background-size:16px !important
	}


.markItUpContainer .markItUpHeader  li.markItUpButton a {	
	-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 ;
	}
	
.markItUpContainer .markItUpHeader  li.markItUpButton a:hover {	
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	z-index: 99999999;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:  0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:  0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	}		


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