/******************************************************************************/
/******************************************************************************/
/* colors */
/* red : #fe0000 */
/* mint : #b3dbc0 */
/* porcelain : #fdf6f6 */
/* fresh blue : #67baca */
/* anthracita : #2b292e */
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/******************************************************************************/
/* Font families */
/******************************************************************************/
/******************************************************************************/
@font-face {
	font-family: 'sirene';
	src: url('../fonts/inglobal.eot');
	src: local('☺'), url('../fonts/inglobal.woff') format('woff'), url('../fonts/inglobal.ttf') format('truetype'), url('../fonts/inglobal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'sirenebold';
	src: url('../fonts/inglobalb.eot');
	src: local('☺'), url('../fonts/inglobalb.woff') format('woff'), url('../fonts/inglobalb.ttf') format('truetype'), url('../fonts/inglobalb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/******************************************************************************/
/******************************************************************************/
/* End font families */
/******************************************************************************/
/******************************************************************************/

html, body {
	height: 100%;
	font-size: 10px;
	line-height: 10px;
}

body {
	overflow-y: scroll;
}

body.desktop {
	background-image: url(images/spots.jpg);
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body.overlay-open {
	overflow: hidden;
}

.relative {
	position: relative;
}

/*----------------------------------------------------------------------------*/
/* Common styles */
/*----------------------------------------------------------------------------*/
.content p, .content ul {
	font-size: 1.4em;
	line-height: 1.6em;
}

.content ul ul {
	font-size: 100%;
	line-height: inherit;
}

* > :last-child {
	margin-bottom: 0;
}

.img-shadow {
	border: 4px solid #fff;
	box-shadow: 1px 1px 6px #555;
}

.float-left {
	float: left;
	margin-right: 12px;
}

.float-right {
	float: right;
	margin-left: 12px;
}

.btn-primary {
	background: #67baca;
	border-color: #427781;
	color: #2b292e;
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover {
	background: #fe0000;
	border-color: #d00000;
	color: #fff;
}
/*----------------------------------------------------------------------------*/
/* End common styles */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* overlay */
/*----------------------------------------------------------------------------*/
.overlay-simplegenie {
	visibility: hidden;
	-webkit-transform: translateY(60%) scale(0);
	transform: translateY(60%) scale(0);
	-webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
	transition: transform 0.4s, visibility 0s 0.4s;
}

.overlay-simplegenie.open {
	visibility: visible;
	-webkit-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(35, 35, 35, 0.90);
	z-index: 9999;
}

.overlay-content-wrapper {
	position: relative;
	width: 75%;
	height: 70%;
	margin: 50px 15%;
	background: #fff;
	overflow-y: scroll;
}

#overlay-login .overlay-content-wrapper {
	position: relative;
	width: 30%;
	height: 30%;
	margin: 150px 35%;
	background: #fff;
	overflow-y: scroll;
}

.overlay-content {
	padding: 15px;
	border-radius: 4px;
}

.overlay .container, .overlay .row, .overlay .col-lg-12 {
	height: 100%;
}

.overlay .overlay-header {
	position: relative;
}

.overlay .overlay-close {
	position: absolute;
	right: 0;
	top: 0;
	outline: none;
	z-index: 100;
}

.overlay-header h3 {
	font-family: 'sirenebold';
	border-bottom: 1px solid #e00;
	color: #e00;
	font-size: 2.4em;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
}

.overlay-content h4 {
	font-family: 'sirenebold';
	color: #67baca;
	font-size: 1.8em;
	border-bottom: 1px solid #67baca;
	margin: 0 0 20px 0;
}

.overlay-main p, .overlay-main ul {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #000;
}
/*----------------------------------------------------------------------------*/
/* end overlay */
/*----------------------------------------------------------------------------*/

/******************************************************************************/
/******************************************************************************/
/* smartphones, tablets */
/******************************************************************************/
/******************************************************************************/
@media (min-width:320px) and (max-width:1024px) {  	
	/*------------------------------------------------------------------------*/
	/* Layout */
	/*------------------------------------------------------------------------*/
	body.phone .container, body.phone .col-xs-12 {
		padding: 0;
	}
	
	body.phone .row {
		margin: 0;
	}
	
	header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		height: 50px;
		background: #2b292e;
		z-index: 9999;
	}
	
	header .relative {
		height: 50px;
	}
	
	#open-mobile-menu {
		position: absolute;
		right: 5px;
		top: 5px;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		color: #fff;
		font-size: 32px;
		line-height: 40px;
	}
	
	main, main > .container, main > .container > .row, main > .container > .row > .col-lg-12 {
		height: 100%;
	}
	
	main .content {
		min-height: 100%;
		border: 1px solid #2b292e;
		padding: 60px 5px 50px 5px;
		background: rgba(253, 246, 246, 0.9);
	}
	
	footer {
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		height: 40px;
		background: #2b292e;
		z-index: 9999;
	}
	/*------------------------------------------------------------------------*/
	/* end Layout */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* Titles */
	/*------------------------------------------------------------------------*/
	h1 {
		font-family: 'sirenebold';
		font-size: 2em;
		line-height: 1em;
		color: #fff;
		padding: 5px 0 0 5px;
		margin: 0;
	}
	
	h1 span {
		font-size: 70%;
		color: #fe0000;
		display: block;
	}
	
	h2 {
		font-family: 'sirenebold';
		font-size: 2.4em;
		line-height: 1em;
		margin: 0 0 20px 0;
		color: #fe0000;
		border-top: 1px solid #67baca;
		border-bottom: 1px solid #67baca;
		padding: 6px 0;
	}
	
	h2 span {
		font-size: 75%;
	}
	
	h2 .fa {
		font-size: 75%;
	}
	
	.article-content h3 {
		font-family: 'sirenebold';
		font-size: 1.8em;
		line-height: 1.2em;
		margin: 0 0 10px 0;
		color: #67baca;
	}
	/*------------------------------------------------------------------------*/
	/* End titles */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* mobile menu */
	/*------------------------------------------------------------------------*/
	header #main-nav {
		display: none;
		visibility: hidden;
	}
	
	#overlay-mobile-menu ul {
		list-style-type: none;
	}
	
	#overlay-mobile-menu ul li a {
		font-size: 1.6em;
		line-height: 2em;
	}
	/*------------------------------------------------------------------------*/
	/* end mobile menu */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* actualites */
	/*------------------------------------------------------------------------*/
	.wrap-actualites {
		position: relative;
		margin-bottom: 30px;
	}
	
	.actualite-header h3 {
		font-family: 'sirenebold';
		font-size: 1.8em;
		line-height: 1em;
		margin: 0;
		color: #2b292e;
	}

	.wrap-actualites #actu-prev {
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: left;
	}

	.wrap-actualites #actu-next {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: right;
	}

	.actualites {
		margin: 0 auto;
		border: 1px solid #67baca;
	}

	.actualites article {
		width: 100%;
		height: 100%;
	}

	.actualites .article-content {
		position: relative;
		padding: 15px;
		height: 300px;
	}
	
	.actualites .actualite-header {
		background: #67baca;
		padding: 6px;
		margin: 0 0 15px 0;
	}

	.actualites .wrap-image-actu {
		float: right;
		width: 100px;
		height: 142px;
		margin-left: 15px;
	}

	.actualites .actualite-savplus-partage {
		position: absolute;
		left: 15px;
		bottom: 15px;
	}
	
	.actualites .savplus-wrapper {
		float: left;
		margin-right: 80px;
	}
	
	.actualites .share-wrapper {
		float: left;
	}
	/*------------------------------------------------------------------------*/
	/* end actualites */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* overlays */
	/*------------------------------------------------------------------------*/
	.overlay-header h3 {
		font-size: 2em;
	}
	
	.overlay-content {
		background: #fff;
		margin: 10px;
		max-height: calc(100% - 20px);
		max-width: calc(100% - 20px);
		overflow-y: scroll;
	}
	
	.overlay-main {
		padding-bottom: 15px;
	}
	
	.overlay-main .details {
		margin-bottom: 20px;
	}
	
	.overlay-main .wrap-image-actu {
		float: left;
		width: 100px;
		height: 142px;
		margin-right: 20px;
	}
	
	.overlay-main .details-textes {
		float: left;
	}
	
	.overlay-main .video {
		max-width: 95%;
		margin-bottom: 20px;
	}
	/*------------------------------------------------------------------------*/
	/* fin overlays */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* diaporama */
	/*------------------------------------------------------------------------*/
	.wrap-diaporama {
		position: relative;
		margin-bottom: 30px;
	}
	
	.wrap-diaporama #diapo-prev {
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: left;
	}

	.wrap-diaporama #diapo-next {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: right;
	}
	
	.diaporama img {
		max-width: 100%;
	}
	
	.cycle-overlay {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 36px;
		background: rgba(103, 186, 202, 0.9);
		z-index: 9999;
	}
	
	.cycle-overlay div {
		font-size: 1.4em;
		line-height: 36px;
		color: #2b292e;
		padding: 0 9px;
	}
	/*------------------------------------------------------------------------*/
	/* fin diaporama */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* pager */
	/*------------------------------------------------------------------------*/
	.pager {
		margin: 0 0 20px 0;
		padding: 5px 0 0 50px;
	}

	.pager span {
		display: block;
		float: left;
		margin: 0 12px 0 0;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #67baca;
		border: 1px solid #427781;
		cursor: pointer;
	}

	.pager span.cycle-pager-active {
		background: #fe0000;
		border-color: #d00000;
	}
	/*------------------------------------------------------------------------*/
	/* end pager */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* agenda */
	/*------------------------------------------------------------------------*/
	.event {
		border: 1px solid #67baca;
		padding: 6px;
		margin-bottom: 12px;
	}
	
	.event-header {
		position: relative;
		margin-bottom: 55px;
	}
	
	.event-header .event-dates-times {
		position: absolute;
		left: 0;
		bottom: -40px;
		height: 40px;
		font-size: 1.2em;
		line-height: 1.4em;
		padding: 2px 6px;
		background: #67baca;
	}
	
	.event-single h3 {
		font-family: 'sirenebold';
		font-size: 1.6em;
		margin: 0 0 6px 0;
		color: #fe0000;
	}
	
	.event .event-link h3 {
		font-family: 'sirenebold';
		font-size: 1.4em;
		margin: 0 0 6px 0;
		background: #67baca;
		color: #2b292e;
		padding: 4px 0 4px 4px;
	}
	
	.event .event-link h3 a {
		color: #2b292e;
	}
	
	.event .event-infos {
		position: relative;
		height: 150px;
	}
	
	.event .event-infos p {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.event .event-image-wrapper, .event-single .event-image-wrapper {
		float: right;
	}
	
	.phone .event-single {
		margin-bottom: 20px;
	}
	
	.phone .event-single .event-image-wrapper {
		float: none;
		display: block;
		clear: both;
		margin-bottom: 15px;
	}
	
	.event .event-image-wrapper img, .event-single .event-image-wrapper img {
		border: 4px solid #fff;
		box-shadow: 1px 1px 6px #555;
	}
	
	.event .event-dates-times, .event-single .event-dates-times {
		float: left;
		border: 1px solid #2b292e;
		background: #fff;
		padding: 6px;
		margin-right: 6px;
	}
	
	.event .event-dates, .event .event-times, .event-single .event-dates, .event-single .event-times {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.event .event-excerpt {
		margin-right: 6px;
	}
	
	.event .event-category {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 88px;
	}
	
	.event-single .event-contact {
		margin: 15px 0;
	}
	
	.event .event-category a, .event-single .event-category a {
		float: left;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #fff;
		padding: 6px;
		text-align: center;
	}
	
	.event .event-sav-plus {
		position: absolute;
		left: 110px;
		bottom: 0;
	}
	/*------------------------------------------------------------------------*/
	/* end agenda accueil */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* categories */
	/*------------------------------------------------------------------------*/
	.article-content .contact {
		float: right;
		width: 150px;
		border: 1px solid #fe0000;
		padding: 10px;
		margin: 0 0 0 20px;
	}
	
	.article-content .contact h4 {
		color: #fe0000;
		margin: 0 0 15px 0;
	}
	
	.article-content .contact address {
		font-size: 1.4em;
		line-height: 1.6em;
		margin: 0 0 15px 0;
	}
	
	.article-content .contact address span {
		display: block;
	}
	/*------------------------------------------------------------------------*/
	/* end categories */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* form */
	/*------------------------------------------------------------------------*/	
	form > div.clearfix {
		margin-bottom: 8px;
	}

	form label {
		display: block;
		font-weight: normal;
		font-size: inherit;
	}

	form input[type=text], form input[type=email], form input[type="password"], form textarea {
		width: 260px;
		font-size: 1.4em;
	}

	div.wpcf7-response-output {
		margin: 0 0 20px 0;
		font-size: 1.4em;
		line-height: 1.6em;
	}

	div.wpcf7-validation-errors {
		border: 1px solid #fe0000;
		color: #fe0000;
	}

	span.wpcf7-not-valid-tip {
		padding-left: 10px;
		color: #fe0000;
		font-size: 0.8em;
	}

	span.wpcf7-not-valid-tip:before {
		content: "\f071\00a0";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
	}
	/*------------------------------------------------------------------------*/
	/* end form */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* footer */
	/*------------------------------------------------------------------------*/
	footer p {
		font-size: 1.4em;
		line-height: 40px;
		color: #fff;
		margin-left: 5px;
	}
	/*------------------------------------------------------------------------*/
	/* end footer */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* access login */
	/*------------------------------------------------------------------------*/
	header #login-btn, header #logout-btn {
		display: none;
		visibility: hidden;
	}
	
	#login-btn, #logout-btn {
		position: absolute;
		top: 5px;
		right: 5px;
		color: #fff;
		display: block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 28px;
		text-align: center;
	}
	/*------------------------------------------------------------------------*/
	/* access login */
	/*------------------------------------------------------------------------*/
}
/******************************************************************************/
/******************************************************************************/
/* end smartphones, tablets */
/******************************************************************************/
/******************************************************************************/



@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

/******************************************************************************/
/******************************************************************************/
/* Large devices 1200px <= width */
/******************************************************************************/
/******************************************************************************/
@media (min-width: 1025px) {
	/*------------------------------------------------------------------------*/
	/* Layout */
	/*------------------------------------------------------------------------*/
	header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		height: 120px;
		background: #2b292e;
		z-index: 9999;
	}
	
	header .relative {
		height: 120px;
	}
	
	main, main > .container, main > .container > .row, main > .container > .row > .col-lg-12 {
		height: 100%;
	}
	
	main .content {
		min-height: 100%;
		border: 1px solid #2b292e;
		padding: 140px 15px 80px 15px;
		background: rgba(253, 246, 246, 0.9);
	}
	
	.module {
		margin-bottom: 20px;
	}
	
	footer {
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		height: 60px;
		background: #2b292e;
		z-index: 9999;
	}
	/*------------------------------------------------------------------------*/
	/* End layout */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* Navigation */
	/*------------------------------------------------------------------------*/
	#main-nav {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	#menu-principal {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#menu-principal li {
		float: left;
	}
	
	#menu-principal li:last-child {
		margin-right: 0;
	}
	
	#menu-principal li a {
		display: block;
		font-family: 'sirenebold';
		font-size: 1.4em;
		line-height: 40px;
		color: #2b292e;
		padding: 0 10px;
		background: #67baca;
	}
	
	#menu-principal li.current-menu-item a, #menu-principal li:hover a {
		background: #fe0000;
		color: #fff;
		text-decoration: none;
	}
	
	#menu-principal li:first-child a {
		border-top-left-radius: 4px;
	}
	
	#menu-principal li:last-child a {
		border-top-right-radius: 4px;
	}
	
	#eleves-nav {
		position: absolute;
		right: 240px;
		bottom: 0;
	}
	
	#menu-eleves {
		list-style-type: none;
	}
	
	#menu-eleves li {
		float: left;
	}
	
	#menu-eleves li:last-child {
		margin-right: 0;
	}
	
	#menu-eleves li a {
		display: block;
		font-family: 'sirenebold';
		font-size: 1.4em;
		line-height: 40px;
		color: #2b292e;
		padding: 0 10px;
		background: #67baca;
	}
	
	#menu-eleves li.current-menu-item a, #menu-eleves li:hover a {
		background: #fe0000;
		color: #fff;
		text-decoration: none;
	}
	
	#menu-eleves li:first-child a {
		border-top-left-radius: 4px;
	}
	
	#menu-eleves li:last-child a {
		border-top-right-radius: 4px;
	}
	/*------------------------------------------------------------------------*/
	/* End navigation */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* login / logout */
	/*------------------------------------------------------------------------*/
	#login-btn, #logout-btn {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		font-family: 'sirenebold';
		font-size: 1.4em;
		line-height: 40px;
		padding: 0 18px;
		color: #2b292e;
		background: #67baca;
		text-align: center;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	
	#login-btn:hover, #logout-btn:hover {
		background: #fe0000;
		color: #fff;
		text-decoration: none;
	}
	/*------------------------------------------------------------------------*/
	/* End login / logout */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* Titles */
	/*------------------------------------------------------------------------*/
	h1 {
		position: absolute;
		left: 0;
		top: 20px;
		font-family: 'sirenebold';
		font-size: 3.6em;
		line-height: 1em;
		color: #fff;
		margin: 0;
		border-bottom: 1px solid #67baca;
	}
	
	h1 span {
		display: inline;
		font-size: 70%;
		color: #fe0000;
	}
	
	h2 {
		font-family: 'sirenebold';
		font-size: 2.4em;
		line-height: 1em;
		margin: 0 0 20px 0;
		color: #fe0000;
		border-top: 1px solid #67baca;
		border-bottom: 1px solid #67baca;
		padding: 6px 0;
	}
	
	h2 span {
		font-size: 75%;
	}
	
	h2 .fa {
		font-size: 75%;
	}
	
	.article-content h3 {
		font-family: 'sirenebold';
		font-size: 1.8em;
		line-height: 1.2em;
		margin: 0 0 10px 0;
		color: #67baca;
	}
	/*------------------------------------------------------------------------*/
	/* End titles */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* actualites */
	/*------------------------------------------------------------------------*/
	.wrap-actualites {
		position: relative;
		margin-bottom: 30px;
	}
	
	.actualite-header h3 {
		font-family: 'sirenebold';
		font-size: 1.8em;
		line-height: 1em;
		color: #2b292e;
		margin: 0;
	}

	.wrap-actualites #actu-prev {
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: left;
	}

	.wrap-actualites #actu-next {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: right;
	}

	.actualites {
		margin: 0 auto;
		border: 1px solid #67baca;
		border-radius: 4px;
	}

	.actualites article {
		width: 100%;
		height: 100%;
		min-height: 400px;
	}

	.actualites .article-content {
		position: relative;
		padding: 15px;
		height: 100%;
		background: rgba(245, 245, 245, 0.9);
		border-radius: 4px;
	}
	
	.actualites .actualite-header {
		background: #67baca;
		padding: 6px;
		margin: 0 0 15px 0;
	}
	
	.actualites .actualite-content img {
		max-width: 380px;
		max-height: 320px;
	}

	.actualites .actualite-savplus-partage {
		position: absolute;
		left: 15px;
		bottom: 15px;
	}
	
	.actualites .savplus-wrapper {
		float: left;
		margin-right: 80px;
	}
	
	.actualites .share-wrapper {
		float: left;
	}
	/*------------------------------------------------------------------------*/
	/* end actualites */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* details actualites */
	/*------------------------------------------------------------------------*/
	.overlay-content {
		background: #fff;
		margin: 2% auto;
		width: 1170px;
		height: 92%;
		overflow: hidden;
	}
	
	.overlay-main {
		padding-bottom: 15px;
		overflow-y: scroll;
		height: calc(100% - 60px);
	}
	
	.overlay-main .details {
		margin-bottom: 20px;
	}
	
	.overlay-main .wrap-image-actu {
		float: left;
		width: 200px;
		height: 285px;
		margin-right: 20px;
	}
	
	.overlay-main .video {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	
	.overlay-main .contact {
		float: left;
		width: 48%;
	}
	/*------------------------------------------------------------------------*/
	/* fin details actualites */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* diaporama */
	/*------------------------------------------------------------------------*/
	.wrap-diaporama {
		position: relative;
		margin-bottom: 30px;
	}
	
	.wrap-diaporama #diapo-prev, .wrap-diaporama #diapo-passe-prev {
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: left;
	}

	.wrap-diaporama #diapo-next, .wrap-diaporama #diapo-passe-next {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 34px;
		text-align: right;
	}
	
	.diaporama img {
		max-width: 100%;
	}
	
	.cycle-overlay {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 36px;
		background: rgba(103, 186, 202, 0.9);
		z-index: 9999;
	}
	
	.cycle-overlay div {
		font-size: 1.4em;
		line-height: 36px;
		color: #2b292e;
		padding: 0 9px;
	}
	/*------------------------------------------------------------------------*/
	/* diaporama */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* pager */
	/*------------------------------------------------------------------------*/
	.pager {
		margin: 0 0 20px 0;
		padding: 5px 0  0 50px;
	}

	.pager span {
		display: block;
		float: left;
		margin: 0 12px 0 0;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #67baca;
		border: 1px solid #427781;
		cursor: pointer;
	}

	.pager span.cycle-pager-active {
		background: #fe0000;
		border-color: #d00000;
	}
	/*------------------------------------------------------------------------*/
	/* end pager */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* agenda */
	/*------------------------------------------------------------------------*/
	.event {
		border: 1px solid #67baca;
		border-radius: 4px;
		background: rgba(245, 245, 245, 0.9);
		padding: 6px;
		margin-bottom: 12px;
	}
	
	.event-header {
		position: relative;
		margin-bottom: 20px;
	}
	
	.event-header h3 {
		font-family: 'sirenebold';
		font-size: 1.6em;
		margin: 0;
		color: #fe0000;
	}
	
	.event-header .event-type {
		position: absolute;
		top: 0;
		right: 0;
		width: 22px;
		height: 22px;
		border-top-right-radius: 4px;
		text-align: center;
		line-height: 22px;
		transform: scale(1);
		transition: all 0.4s linear;
	}
	
	.event-header .event-type:hover {
		transform: scale(1.4);
		text-decoration: none;
		color: #fff;
	}
	
	.event-concert {
		background: #d1025f;
		color: #fff;
		font-weight: bold;
	}
	
	.event-exposition {
		background: #00b5dc;
		color: #fff;
		font-weight: bold;
	}
	
	.event-theatre {
		background: #0cb814;
		color: #fff;
	}
	
	.event .event-image {
		float: right;
		width: 156px;
		padding-right: 4px;
	}
	
	.event .event-infos {
		float: left;
		width: calc(100% - 156px);
	}
	
	.event .event-dates-times {
		float: left;
		border: 1px solid #2b292e;
		background: #fdf6f6;
		padding: 6px;
		margin-bottom: 10px;
	}
	
	.event .event-dates, .event .event-times {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.event .event-dates, .event .event-times {
		display: block;
	}
	
	.event .event-organisateur {
		margin-bottom: 10px;
	}
	
	.event .sav-plus-wrapper {
		float: left;
		margin-right: 20px;
	}
	
	.event .share-wrapper {
		float: left;
	}
	/*------------------------------------------------------------------------*/
	/* end agenda accueil */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* details agenda */
	/*------------------------------------------------------------------------*/
	.event-details .event-img-dates-txt {
		margin-bottom: 20px;
	}
	
	.event-details .event-presentation {
		float: left;
		width: 66%;
		margin-right: 4%;
	}
	
	.event-details .event-when {
		float: right;
		width: 30%;
	}
	
	.event-details .event-dates-times {
		float: left;
		border: 1px solid #2b292e;
		background: #fdf6f6;
		padding: 6px;
		margin-bottom: 10px;
	}
	
	.event-details .event-dates, .event-details .event-times {
		display: block;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	
	.event-details .event-video {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	
	.event-details .event-organisateur {
		float: left;
		width: 48%;
	}
	
	/*------------------------------------------------------------------------*/
	/* map */
	/*------------------------------------------------------------------------*/
	#map {
		width: 100%;
		height: 390px;
	}
	/*------------------------------------------------------------------------*/
	/* end map */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* categories */
	/*------------------------------------------------------------------------*/
	.article-content .contact {
		float: right;
		width: 220px;
		border: 1px solid #fe0000;
		padding: 10px;
		margin: 0 0 0 20px;
	}
	
	.article-content .contact h4 {
		color: #fe0000;
		margin: 0 0 15px 0;
	}
	
	.article-content .contact address {
		font-size: 1.4em;
		line-height: 1.6em;
		margin: 0 0 15px 0;
	}
	
	.article-content .contact address span {
		display: block;
	}
	/*------------------------------------------------------------------------*/
	/* end categories */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* ressources eleves */
	/*------------------------------------------------------------------------*/
	.panel-default .panel-heading {
		background: #67baca;
	}
	
	.panel-heading h3 {
		font-family: 'sirenebold';
		font-size: 1.8em;
		line-height: 1em;
	}
	
	.panel-heading h3 a {
		display: block;
		color: #2b292e;
	}
	
	.panel-heading h3 a:hover, .panel-heading h3 a[aria-expanded=true] {
		color: #fe0000;
		text-decoration: none;
	}
	
	.panel-heading h3 a .fa {
		transition: all 0.4s ease;
	}
	
	.panel-heading h3 a:hover .fa, .panel-heading h3 a[aria-expanded=true] .fa {
		transform: rotate(90deg);
	}
	
	.panel-body {
		padding: 15px 15px 15px 15px;
	}
	
	.panel-body .article-header h4 {
		margin: 0 0 15px 0;
		color: #67baca;
	}
	/*------------------------------------------------------------------------*/
	/* end ressources eleves */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* form filtres agenda */
	/*------------------------------------------------------------------------*/
	.filtres {
		margin-bottom: 20px;
	}
	
	.filtres form label {
		font-size: 1.4em;
	}
	
	.filtres form .submit-wrapper {
		margin: 12px 0 0 0;
		padding: 0;
	}
	
	label.concert {
		color: #d1025f;
	}
	
	div.toggle.concert .toggle-group label.toggle-on {
		background: #d1025f;
		color: #fff;
	}
	
	div.toggle.concert .toggle-group label.toggle-off {
		background: #f7f7f7;
		color: #2b292e;
	}
	
	label.exposition {
		color: #00b5dc;
	}
	
	div.toggle.exposition .toggle-group label.toggle-on {
		background: #00b5dc;
		color: #fff;
	}
	
	div.toggle.exposition .toggle-group label.toggle-off {
		background: #f7f7f7;
		color: #2b292e;
	}
	
	label.theatre {
		color: #0cb814;
	}
	
	div.toggle.theatre .toggle-group label.toggle-on {
		background: #0cb814;
		color: #fff;
	}
	
	div.toggle.theatre .toggle-group label.toggle-off {
		background: #f7f7f7;
		color: #2b292e;
	}
	/*------------------------------------------------------------------------*/
	/* end form filtres agenda */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* form */
	/*------------------------------------------------------------------------*/	
	form > div.clearfix {
		margin-bottom: 8px;
	}

	/*
	form label {
		float: left;
		display: block;
		width: 140px;
		font-weight: normal;
		font-size: inherit;
	}
	*/
	
	form label sup {
		color: #fe0000;
	}

	form input[type=text], form input[type=email], form input[type="password"], form textarea {
		width: 360px;
		font-size: 1.4em;
	}

	form p.submit-wrapper {
		padding-left: 140px;
	}

	div.wpcf7-response-output {
		margin: 0 0 20px 0;
		font-size: 1.4em;
		line-height: 1.6em;
	}

	div.wpcf7-validation-errors {
		border: 1px solid #fe0000;
		color: #fe0000;
	}

	span.wpcf7-not-valid-tip {
		padding-left: 140px;
		color: #fe0000;
		font-size: 0.8em;
	}

	span.wpcf7-not-valid-tip:before {
		content: "\f071\00a0";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
	}
	/*------------------------------------------------------------------------*/
	/* end form */
	/*------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------*/
	/* footer */
	/*------------------------------------------------------------------------*/
	footer p {
		font-size: 1.4em;
		line-height: 1.6em;
		color: #fff;
		margin: 0 0 4px 0;
	}
	/*------------------------------------------------------------------------*/
	/* end footer */
	/*------------------------------------------------------------------------*/
}
/******************************************************************************/
/******************************************************************************/
/* End large devices 1200px <= width */
/******************************************************************************/
/******************************************************************************/