/*
Theme Name: Thème Harmonie St Jean
Theme URI: http://harmonie_st_jean.fr
Author: Romain MURSCHEL
Author URI: http://romainmurschel.fr/
Description: Thème Wordpress Mobile pour l'Harmonie St Jean de Soultzbach, réalisé par Romain MURSCHEL
Version: v1
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border        : 0;
	font-family   : inherit;
	font-size     : 100%;
	font-style    : inherit;
	font-weight   : inherit;
	margin        : 0;
	outline       : 0;
	padding       : 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background : #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing : 0;
}
caption, th, td {
	font-weight: normal;
	text-align : left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/*** TYPO ***/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue/bebasneue-webfont.eot');
    src: url('fonts/BebasNeue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue/bebasneue-webfont.woff') format('woff'),
         url('fonts/BebasNeue/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlphaMusicManRegular';
    src: url('fonts/AlphaMusicMan/alphamusicman-webfont.eot');
    src: url('fonts/AlphaMusicMan/alphamusicman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AlphaMusicMan/alphamusicman-webfont.woff') format('woff'),
         url('fonts/AlphaMusicMan/alphamusicman-webfont.ttf') format('truetype'),
         url('fonts/AlphaMusicMan/alphamusicman-webfont.svg#AlphaMusicManRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix { *zoom: 1; }


/*** GENERAL ***/
html, body {
	height     : 100%;
	max-height : 100%;
	width      : 100%;
	padding    : 0;
	margin     : 0;
	font-family: 'Cambria', Arial;
	font-size  : 16px;
	line-height: 1.5em;
	color      : #202020;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}
.cacher { display: none; }
.left   { float  : left; }
.right  { float  : right; }
.alignleft   { float: left; margin-right: 10px; }
.alignright  { float: right; margin-left: 10px; }
.aligncenter { display: block; margin: 10px auto 10px; }
.clear  { clear  : both; }
/* Couleur */
.blanc  { color: #FFF; }
.violet { color: #7E25DC; }
.violet_ombre { color: #7E25DC; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); }
.noir_texte { color: #202020; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); }
.gris_clair { color: #676666; }

#wrap strong { font-weight: bold; }
#wrap em { font-style: italic; }
#wrap table td { padding: 0 10px; }
#wrap #wp-content-wrap table td { padding: 0; }

/* Lien */
a {
	text-decoration   : none;
	color             : #7E25DC;
	text-shadow       : 0px 0px 1px rgba(0, 0, 0, 0.3);
}
.content a:hover, article.post .actu_date a:hover, .breadcrumbs a:hover, .wrapper_next_prev a:hover, .maplink:hover, footer#footer p a:hover {
	text-decoration: underline;
}
/* Autres */
span.read_more {
	display           : block;
	float             : right;
	width             : 22px;
	height            : 22px;
	margin-top        : 5px;
	background        : #7E25DC url('img/arrow_right.png') no-repeat 7px center;
	border-radius     : 50%;
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.3), 0px 0px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow   : inset 0px 0px 2px 1px rgba(255, 255, 255, 0.3), 0px 0px 3px rgba(0, 0, 0, 0.5);
	box-shadow        : inset 0px 0px 2px 1px rgba(255, 255, 255, 0.3), 0px 0px 3px rgba(0, 0, 0, 0.5);
}
p.actu_date, article.post .actu_date {
	color     : #7E25DC;
	font-size : 10px;
	text-align: right;
}
article.post .actu_date {
	font-size : 14px;
	color     : #202020;
	margin-top: 20px;
}
div.fb-like {
	float     : right;
	margin-top: 20px;
}
/* Bouton Scroll Top */
.scroll {
	position: fixed;
	bottom  : 50px;right: 50px;
	z-index : 100;
}
.scroll a {
	display           : block;
	width             : 51px;
	height            : 51px;
	background        : url("img/totop.png") top left;
	-ms-filter        :"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter            : alpha(opacity=40);
	opacity           : 0.4;
	-webkit-transition: all 0.3s linear;
	-moz-transition   : all 0.3s linear;
	-o-transition     : all 0.3s linear;
	-ms-transition    : all 0.3s linear;
	transition        : all 0.3s linear;

}
.scroll a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter    : alpha(opacity=100);
	opacity   : 1;
}
.list_albums_photos .content, .list_event .content, .list_event article.event {
	margin-bottom: 30px;
}
/* Nb msg not read */
span.nb_msg_not_read {
	width           : 18px;
	height          : 18px;
	line-height     : 17px;
	text-align      : center;
	background-color: #b81f1c;
	border-radius   : 50%;
	box-shadow      : 0px 0px 0px 2px rgba(255,255,255,0.9), inset 1px 1px 1px rgba(0,0,0,0.4);
	font-size       : 12px;
	font-family     : 'BebasNeueRegular', 'Cambria', Arial;
	display         : block;
	float           : right;
	margin-top      : 3px;
	margin-right    : -22px;
	cursor          : default;
	text-shadow     : none;
}
#sidebar span.nb_msg_not_read {
	position: absolute;
	right   : 25px;
	float   : none;
	margin  : 0;
	color   : #FFF;
}
#sidebar span.nb_msg_not_read.not_private {
	top: 93px;
}
#sidebar span.nb_msg_not_read.private {
	top: 138px;
}

/*** OVERLAY ***/
#overlay {
	width           : 100%;
	height          : 100%;
	position        : absolute;
	top             : 0;
	left            : 0;
	background-color: rgba(0,0,0,0.8);
	cursor          : pointer;
	display         : none;
	z-index         : 3000;
}

/*** FORM RECHERCHE ***/
#wrapper_form_search input#s {
	width             : 100px;
	margin-right      : 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition   : all 0.2s linear;
	-o-transition     : all 0.2s linear;
	-ms-transition    : all 0.2s linear;
	transition        : all 0.2s linear;

}
#wrapper_form_search input#s:focus {
	width: 200px;
}
#wrapper_form_search .mySubmit {
	padding: 7px 10px;
}
.page-search .wrap_nb_results {
	margin-bottom: 30px;
}


/*** PAGINATOR PERSO ***/
.paginator span strong {
	background: none repeat scroll 0 0 #7E25DC;
}
.paginator .current_page_mark {
	background: none repeat scroll 0 0 #7E25DC;
}


/*** WRAPPER ***/
#site {
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	min-height : 730px;
	font-family: 'Cambria', Arial;


	/*background : #FFF url('img/bg_photo_degrade_1.jpg') no-repeat center 70px;*/
	background: #fff;
}
#wrap       {
	margin-top: 200px;
	box-shadow: 0 0 6px #666666;
	position  : relative;
	z-index   : 1;
}
/* Page Contact */
.page-id-9 #wrap { margin-top: 350px; }
.container  { background-color: #FFF; }
.wrapper980 { width: 100%; max-width: 980px; margin: 0 auto; }
.block980   { padding: 30px 20px 40px 20px; }
#wrap_home { position: relative; z-index: 1; }
#wrap_home .block980 { box-shadow: 0 0 6px #666666; }
.block_with_sidebar  { width: 680px; padding: 30px 20px 40px 20px; display: table-cell; vertical-align: top; }

/* Titres */
#wrap h1, #wrap h2, #wrap h3, #wrap_home h1, #wrap_home h2 {
	font-family  : 'BebasNeueRegular', 'Cambria', Arial, sans-serif;
	font-size    : 50px;
	display      : block;
	line-height  : 55px;
	color        : #7E25DC;
	text-shadow  : #F2F2F2 1px 1px 0px, #7E25DC 1px 2px 0px;
	border-bottom: rgba(126,37,220,0.75) solid 1px;
	margin-bottom: 40px;
}
#wrap h2, #wrap_home h2 {
	font-size     : 30px;
	line-height   : 32px;
	padding-bottom: 5px;
	margin-bottom : 24px;
	margin-top    : 24px;
}
#wrap h3 {
	font-size     : 24px;
	line-height   : 26px;
	border-bottom: 0 none;
	margin-bottom : 12px;
	margin-top    : 24px;
}
#wrap_home h2:first-child { margin-top: 0; }

/*** BREADCRUMB ***/
#breadcrumbs {
	margin-bottom: 20px;
}
#breadcrumbs, #breadcrumbs a {
	font-size: 12px;
}



/*** HEADER ***/
header {
	background-color  : #272727;
	/*background-color: rgba(0,0,0,0.9);*/
	/*background-color  : rgba(25, 25, 25, 0.9);*/
	width             : 100%;
	color             : #FFF;
	border-bottom     : #7E25DC solid 5px;
	position          : relative;
	z-index           : 1;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow   : 0px 2px 5px rgba(0, 0, 0, 0.6);
	box-shadow        : 0px 2px 5px rgba(0, 0, 0, 0.6);
}
	/* Zone membre top */
	header #slidingWrapTop {
		width             : 100%;
		height            : 53px;
		color             : #FFF;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
		-moz-box-shadow   : 0 0 3px rgba(0,0,0,0.4);
		box-shadow        : 0 0 3px rgba(0,0,0,0.4);
		background        : #7E25DC url('img/slideTop_bg.jpg') no-repeat top center;
	}
		header #slidingWrapTop aside { height: 53px; }
			header #slidingWrapTop ul li {
				float      : right;
				padding    : 0 10px;
				height     : 50px;
				line-height: 50px;
				font-size  : 18px;
			}
				header #slidingWrapTop ul li a {
					font-size  : 18px;
					display    : block;
					color      : #FFF;
					font-family: 'BebasNeueRegular', 'Cambria', Arial;
					text-shadow: rgba(50,50,50,0.6) 1px 1px 0px, rgba(255,255,255,0.4) 1px 2px 0px;
				}
				header #slidingWrapTop ul li.nom_user_connected {
					text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
				}
					header #slidingWrapTop ul li .nomUser {
						color      : rgba(32,32,0,0.9);
						text-shadow: rgba(255,255,255,0.4) 1px 1px 0px;
					}

				header #slidingWrapTop ul li.wrap-menu-member {
					padding: 0;
				}
				/* Icon menu top */
				header #slidingWrapTop ul li.btn-menu-message-prives a {
					background  : url('img/message-prive.png') center left no-repeat;
					padding-left: 30px;
				}
				header #slidingWrapTop ul li.btn-menu-espace-membre a {
					background  : url('img/espace-membre.png') center left no-repeat;
					padding-left: 30px;
				}
				header #slidingWrapTop ul li.btn-menu-mon-profil a {
					background  : url('img/profil.png') center left no-repeat;
					padding-left: 30px;
				}
				header #slidingWrapTop ul li.btn-menu-admin a {
					background  : url('img/admin.png') center left no-repeat;
					padding-left: 28px;
				}
				header #slidingWrapTop ul li.btn-menu-login a {
					background   : url('img/login.png') center right no-repeat;
					padding-right: 32px;
				}
				header #slidingWrapTop ul li.btn-menu-logout {
					padding-right: 0;
				}
				header #slidingWrapTop ul li.btn-menu-logout a {
					background   : url('img/logout.png') center right no-repeat;
					padding-right: 32px;
				}
			header #slidingWrapTop div.boutonSlideTop {
				width           : 110px;
				background      : #7E25DC;
				background-image: linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
				background-image: -o-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
				background-image: -moz-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
				background-image: -webkit-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
				background-image: -ms-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
				background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(142,50,235)),color-stop(1, rgb(127,37,217)));
				font-family     : 'BebasNeueRegular', 'Cambria', Arial;
				font-size       : 20px;
				color           : #FFF;
				height          : 25px;
				line-height     : 25px;
				padding-right   : 30px;
				padding-left    : 30px;
				float           : right;
				margin-top      : 3px;
				cursor          : pointer;
				text-align      : center;
				text-shadow     : rgba(50,50,50,0.6) 1px 1px 0px, rgba(255,255,255,0.4) 1px 2px 0px;
			}
			header #slidingWrapTop #menu-menu-member li {
				float: left;
			}
	/* Menu */
	header .wrapMenu {
		margin-top: 10px;
		position  : relative;
	}
		header .logo {
			float       : left;
			width: 120px;
			margin-right: 20px;
		}
			header .logo img { max-width: 100%; height: auto; }
		header h1 a {
			margin-top   : 15px;
			font-size    : 39px;
			font-family  : 'AlphaMusicManRegular', 'BebasNeueRegular', 'Cambria', Arial;
			text-shadow  : 0 0 10px #7E25DC;
			text-shadow  : 2px 2px 10px #7E25DC, -2px -2px 10px #7E25DC, 2px -2px 0px #7E25DC, -2px 2px 0px #7E25DC;
			color        : #FFF;
			height       : 40px;
			line-height  : 40px;
			display      : block;
			margin-bottom: 5px;
		}
		header h2 {
			font-size  : 26px;
			font-family: 'BebasNeueRegular', 'Cambria', Arial;
			text-shadow: 2px 2px 10px #7E25DC, -2px -2px 10px #7E25DC, 2px -2px 0px #7E25DC, -2px 2px 0px #7E25DC;
		}
		header ul#menu-main-menu {}
			header ul#menu-main-menu li { float: left; margin-right: 4px; }
			header ul#menu-main-menu li:last-child { margin-right: 0; }
				header ul#menu-main-menu li a {
					display                : block;
					font-size              : 24px;
					height                 : 30px;
					line-height            : 30px;
					color                  : #FFF;
					text-align             : center;
					padding                : 5px 10px;
					font-family            : 'BebasNeueRegular', 'Cambria', Arial;
					text-shadow            : rgba(50,50,50,0.6) 1px 1px 0px, rgba(255,255,255,0.4) 1px 2px 0px;
					border-top-left-radius : 5px;
					border-top-right-radius: 5px;
					-webkit-transition     : all 0.2s linear;
					-moz-transition        : all 0.2s linear;
					-o-transition          : all 0.2s linear;
					-ms-transition         : all 0.2s linear;
					transition             : all 0.2s linear;
				}
				header ul#menu-main-menu > li > a:hover,
				body.search header ul#menu-main-menu > li.current_page_parent > a:hover,
				body.single-post_video header ul#menu-main-menu > li.current_page_parent > a:hover,
				body.single-album_photo header ul#menu-main-menu > li.current_page_parent > a:hover,
				header ul#menu-main-menu > li.current-menu-item > a,
				header ul#menu-main-menu > li.currently-menu-item > a,
				header ul#menu-main-menu > li.current_page_parent > a,
				body.single-album_photo header ul#menu-main-menu > li.menu-item-41 > a,
				body.single-post_video header ul#menu-main-menu > li.menu-item-41 > a {
					/*background: #7E25DC url('img/menu_hover_bg.png') repeat-x top left;*/
					background: #7E25DC url('img/hightlight_main_menu.png') no-repeat top center;
				}
				body.search header ul#menu-main-menu > li.current_page_parent > a,
				body.single-post_video header ul#menu-main-menu > li.current_page_parent > a,
				body.single-album_photo header ul#menu-main-menu > li.current_page_parent > a {
					background: 0 none;
				}
					header ul#menu-main-menu .sub-menu {
						position: absolute;
						top     : 130px;
						left    : 0;
						height  : 30px;
						z-index : 10;
					}
						header ul#menu-main-menu .sub-menu li { float: left; }
							header ul#menu-main-menu .sub-menu li a {
								display    : block;
								font-size  : 20px;
								height     : 30px;
								line-height: 30px;
								text-align : center;
								font-family:  'Cambria', Arial;
							}
	header #wrapSubMenu {
		width             : 100%;
		background        : #7E25DC;
		background-image  : linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
		background-image  : -o-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
		background-image  : -moz-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
		background-image  : -webkit-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
		background-image  : -ms-linear-gradient(bottom, rgb(142,50,235) 0%, rgb(127,37,217) 100%);
		background-image  : -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(142,50,235)),color-stop(1, rgb(127,37,217)));
		height            : 30px;
		position          : absolute;
		top               : 195px;
		left              : 0;
		-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow   : 0px 5px 5px rgba(0, 0, 0, 0.4);
		box-shadow        : 0px 5px 5px rgba(0, 0, 0, 0.4);
	}


/*** SLIDER ***/
#wrapper-slideshow {
	padding: 150px 0 80px;
}
#wrapper-slider-bg {
	position: absolute;
	top     : 150px;
	left    : 0;
	right   : 0;
	z-index : 0;
	overflow: hidden;
	height  : 600px;
}
	#wrapper-slider-bg #slider {
		width: 1920px;
	}


/*** CONTACT ***/
#google-maps {
	position: absolute;
	top     : 200px;
	left    : 0;
	right   : 0;
	z-index : 0;
	overflow: hidden;
	height  : 600px;
}
	#google-maps #maps {
		width: 1920px;
	}


/*** SIDEBAR ***/
#sidebar {
	display: table-cell;
	vertical-align: top;
	padding           : 20px 0 20px 0;
	padding           : 0;
	width             : 260px;
	background        : #272727;
	-webkit-box-shadow: 3px 0px 10px rgba(0,0,0,0.5), -3px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow   : 3px 0px 10px rgba(0,0,0,0.5), -3px 0px 10px rgba(0,0,0,0.5);
	box-shadow        : 3px 0px 10px rgba(0,0,0,0.5), -3px 0px 10px rgba(0,0,0,0.5);
}
	#sidebar .sticky {
		width           : 100%;
		margin          : 20px 0;
		/*background-color: rgb(39,39,39);*/
	}
	#sidebar div.widget-content {
		margin-bottom: 30px;
	}

	#sidebar h2 {
		text-align   : center;
		border       : 0 none;
		color        : #FFF;
		text-shadow  : 0 0 10px #7E25DC;
		text-shadow  : 2px 2px 10px #7E25DC, -2px -2px 10px #7E25DC, 2px -2px 0px #7E25DC, -2px 2px 0px #7E25DC;
		margin-bottom: 20px;
	}

	/* Menu */
	#sidebar ul li {
		width           : 100%;
		border-top      : solid 1px #3a3a3a;
		border-bottom   : solid 1px #1b1b1b;
		background      : rgb(39,39,39);
		background-image: linear-gradient(top, rgb(45,45,45) 0%, rgb(39,39,39) 100%);
		background-image: -o-linear-gradient(top, rgb(45,45,45) 0%, rgb(39,39,39) 100%);
		background-image: -moz-linear-gradient(top, rgb(45,45,45) 0%, rgb(39,39,39) 100%);
		background-image: -webkit-linear-gradient(top, rgb(45,45,45) 0%, rgb(39,39,39) 100%);
		background-image: -ms-linear-gradient(top, rgb(45,45,45) 0%, rgb(39,39,39) 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(45,45,45)),color-stop(1, rgb(39,39,39)));
	}
	#sidebar ul li a {
		display           : block;
		/*background-color: #272727;*/
		border-right      : transparent solid 5px;
		font-size         : 20px;
		line-height       : 24px;
		font-family       : 'BebasNeueRegular', 'Cambria', Arial;
		color             : #FFF;
		width             : 215px;
		padding         : 10px 0 10px 40px;
		-webkit-transition: all 0.2s linear;
		-moz-transition   : all 0.2s linear;
		-o-transition     : all 0.2s linear;
		-ms-transition    : all 0.2s linear;
		transition        : all 0.2s linear;
	}
	#sidebar ul li.current-menu-item a, #sidebar ul li.current-menu-item a:hover,
	#sidebar ul li.current-cat a, #sidebar ul li.current-cat a:hover,
	#sidebar ul li.current-archive a, #sidebar ul li.current-archive a:hover,
	#sidebar ul li.selected > a, #sidebar ul li.selected > a:hover {
		background-color: #1c1c1c;
		border-right    : #7e25db solid 5px;
	}
	#sidebar ul li a:hover {
		background-color: #1c1c1c;
		border-right    : #adadad solid 5px;
	}
	/* Icon sidebar espace membre */
	#sidebar ul li.btn-menu-espace-membre a {
		background-image   : url('img/icon_espace_membre.png');
		background-position: 10px center;
		background-repeat  : no-repeat
	}
	#sidebar ul li.btn-menu-message-prives a {
		background-image   : url('img/icon_msg_prive.png');
		background-position: 10px center;
		background-repeat  : no-repeat;
	}
	#sidebar ul li.btn-menu-mon-profil a {
		background-image   : url('img/icon_profil.png');
		background-position: 10px center;
		background-repeat  : no-repeat;
	}

	/* Menu archive des events */
	#archive-event-widget li.have-sub-archive {
		overflow: hidden;
		height  : auto;
	}
		#archive-event-widget li.have-sub-archive a.event-year-link {
			display    : block;
			height     : 40px;
			line-height: 40px;
			padding: 0 0 0 40px;
		}
		#archive-event-widget li.have-sub-archive ul li.li-sub-archive a {
			padding-left: 60px;
			width       : 195px;
		}


/*** PAGE HOME ***/
#wrapper-slideshow {
	text-indent: -9000px;
	/*padding-bottom: 50px;*/
}

article.last_events, article.last_Actus {
	margin-top: 40px;
}
article.last_events a.more_events, article.last_Actus a.more_actu {
	float     : right;
	margin-top: -55px;
}
/* Last event */
article.event {
	width: 310px;
	float: left;
}
.list_event article.event {
	width: 340px;
}
	/* Jour et mois */
	article.event div.event_the_date {

	}
		article.event div.event_the_date p.event_date {
			width                : 50px;
			height               : 50px;
			line-height          : 1em;
			background-color     : #000;
			background-color     : rgba(0, 0, 0, 0.9);
			-webkit-border-radius: 50%;
			-moz-border-radius   : 50%;
			border-radius        : 50%;
		}
			article.event div.event_the_date p.event_date span.event_day {
				font-size  : 24px;
				color      : #FFF;
				font-style : italic;
				display    : block;
				width      : 27px;
				margin     : 0 auto;
				padding-top: 7px;
			}
			article.event div.event_the_date p.event_date span.event_month {
				font-size  : 21px;
				color      : #c02ee7;
				font-style : italic;
				display    : block;
				width      : 23px;
				margin     : 0 auto;
				padding-top: 2px;
			}
		article.event div.event_the_date p.event_date_au {
			width      : 50px;
			height     : 20px;
			line-height: 20px;
			text-align : center;
		}
	/* Lieu et heure */
	article.event div.event_the_place {
		width    : 100px;
		padding  : 0 10px;
		font-size: 14px;
	}
		article.event div.event_the_place p.event_places span.event_place, article.event div.event_the_place p.event_places span.event_zip {
			display: block;
		}
		article.event div.event_the_place p.event_hour {
			color: #7e25da;
		}
	/* Titre de l'event */
	#list_events article.event h3.event_title {
		width: 140px;
		margin: 0;
	}

/* Last actu */
article.last_Actus .actu a {
	float             : left;
	margin            : 0  6px;
	width             : 165px;
	padding-left      : 5px;
	border-left       : solid transparent 5px;
	-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter            : alpha(opacity=80);
	opacity           : 0.8;
	-webkit-transition: all 0.3s linear;
	-moz-transition   : all 0.3s linear;
	-o-transition     : all 0.3s linear;
	-ms-transition    : all 0.3s linear;
	transition        : all 0.3s linear;
}
	article.last_Actus .actu a img { max-width: 100%; height: auto; }
article.last_Actus .actu a:hover {
	border-left: solid #7E25DC 5px;
	-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter     : alpha(opacity=100);
	opacity    : 1;
}


/*** PAGE ACTUALITES ***/
article.une_actu {
	margin-bottom: 40px;
}
.single article.une_actu { margin-bottom: 20px; }
	article.une_actu .actu_img {
		padding-bottom: 17px;
		width         : 100%;
		display       : block;
		background    : #FFF url('img/shadow_bottom_actu.png') no-repeat bottom center;
	}
		article.une_actu .actu_img img { max-width: 100%; height: auto; }
	article.une_actu .content {
		margin-bottom: 20px;
	}
	article.une_actu .content p { margin-bottom: 1em; }
	article.une_actu .content ul,
	article.une_actu .content ol { padding: 0 0 0 40px; }
	article.une_actu .content ul li { list-style-type: disc; }
	article.une_actu a.more-link {
		display           : block;
		margin-top        : 20px;
		width             : auto;
		height            : 35px;
		line-height       : 35px;
		font-family       : 'BebasNeueRegular', 'Cambria', Arial;
		text-align        : center;
		font-size         : 18px;
		color             : #FFF;
		text-shadow       : rgba(50,50,50,0.6) 1px 1px 0px, rgba(255,255,255,0.4) 1px 2px 0px;
		-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,0.4);
		-moz-box-shadow   : 2px 3px 5px rgba(0,0,0,0.4);
		box-shadow        : 2px 3px 5px rgba(0,0,0,0.4);
		background        : #7e25d9;
		background-image  : linear-gradient(bottom, rgb(127,37,217) 0%, rgb(167,79,239) 100%);
		background-image  : -o-linear-gradient(bottom, rgb(127,37,217) 0%, rgb(167,79,239) 100%);
		background-image  : -moz-linear-gradient(bottom, rgb(127,37,217) 0%, rgb(167,79,239) 100%);
		background-image  : -webkit-linear-gradient(bottom, rgb(127,37,217) 0%, rgb(167,79,239) 100%);
		background-image  : -ms-linear-gradient(bottom, rgb(127,37,217) 0%, rgb(167,79,239) 100%);
		background-image  : -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(127,37,217)),color-stop(1, rgb(167,79,239)));
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition   : all 0.3s ease-in-out;
		-o-transition     : all 0.3s ease-in-out;
		-ms-transition    : all 0.3s ease-in-out;
		transition        : all 0.3s ease-in-out;
    }
    article.une_actu a.more-link:hover {
    	text-decoration   : none;
		background        : #7e25d9;
		background-image  : linear-gradient(bottom, rgb(127,37,217) 100%, rgb(167,79,239) 0%);
		background-image  : -o-linear-gradient(bottom, rgb(127,37,217) 100%, rgb(167,79,239) 0%);
		background-image  : -moz-linear-gradient(bottom, rgb(127,37,217) 100%, rgb(167,79,239) 0%);
		background-image  : -webkit-linear-gradient(bottom, rgb(127,37,217) 100%, rgb(167,79,239) 0%);
		background-image  : -ms-linear-gradient(bottom, rgb(127,37,217) 100%, rgb(167,79,239) 0%);
		background-image  : -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(1, rgb(127,37,217)),
			color-stop(0, rgb(167,79,239))
		);
    }



/*** PAGE PRESENTATION ***/
.st-accordion {
    width    : 100%;
    min-width: 270px;
    margin   : 0 auto;
}
.st-accordion p {
	margin-bottom: 1em;
}
    .st-accordion ul li {
        height       : 100px;
        border-bottom: 1px solid #c7deef;
        border-top   : 1px solid #fff;
        overflow     : hidden;
    }
    .st-accordion ul li:first-child {
        border-top: none;
    }
        .st-accordion ul li > a {
			display    : block;
			position   : relative;
			line-height: 100px;
			outline    : none;
        }
        #wrap .st-accordion ul li > a h2 {
			font-size    : 46px;
			display      : block;
			line-height  : 100px;
			height       : 100px;
			border-bottom: 0 none;
			margin-bottom: 0;
			margin-top   : 0;
        }
            .st-accordion ul li > a span {
                background        : transparent url('img/arrow_down.png') no-repeat center center;
                text-indent       : -9000px;
                width             : 48px;
                height            : 29px;
                position          : absolute;
                top               : 50%;
                right             : -48px;
                margin-top        : -20px;
                -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter            : alpha(opacity=0);
                opacity           : 0;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition   : all 0.2s ease-in-out;
                -o-transition     : all 0.2s ease-in-out;
                -ms-transition    : all 0.2s ease-in-out;
                transition        : all 0.2s ease-in-out;
            }
            .st-accordion ul li > a:hover span {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter    : alpha(opacity=100);
                opacity   : 1;
                right     : 10px;
            }
        /* ==> Item OPEN */
        .st-accordion ul li.st-open > a {
            color: #1693eb;
        }
            .st-accordion ul li.st-open > a span {
                -webkit-transform: rotate(180deg);
                -moz-transform   : rotate(180deg);
                transform        : rotate(180deg);
                -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter           : alpha(opacity=100);
                opacity          : 1;
                right            : 10px;
            }
        /* ==> the content */
        .st-content { padding: 5px 0px 30px; }
        	.st-content h2:first-child { margin-top: 0 !important; }
        /* ==> With a media query we will make sure that the font size of the item title will be smaller */
        @media screen and (max-width: 320px) {
            .st-accordion ul li > a {
                font-size: 36px;
            }
        }
#wrap .table_img td {
	text-align: center;
}


/*** PAGE MEDIA ***/
div.media-wrapper a {
	display              : block;
	padding              : 10px;
	margin-right         : 10px;
	width                : 284px;
	float                : left;
	height               : 250px;
	border               : solid 1px rgba(167,79,239,0.5);
	color                : #202020;
	background           : url('img/icon_photos.png') no-repeat center 135px;
	-ms-filter           : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter               : alpha(opacity=80);
	opacity              : 0.8;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-moz-box-shadow      : 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow   : 0px 0px 5px rgba(0,0,0,0.5);
	box-shadow           : 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-transition   : all 0.2s linear;
	-moz-transition      : all 0.2s linear;
	-o-transition        : all 0.2s linear;
	-ms-transition       : all 0.2s linear;
	transition           : all 0.2s linear;
}
div.media-wrapper.videos a {
	background           : url('img/icon_video.png') no-repeat center 135px;
}
div.media-wrapper.repertoire a {
	background           : url('img/icon_music.png') no-repeat center 135px;
}
div.media-wrapper:last-child a {
	margin-right: 0;
}
div.media-wrapper a:hover {
	border            : solid 1px rgba(167,79,239,1);
	-moz-box-shadow   : 0px 0px 5px rgba(0,0,0,0.8), inset 0px 0px 5px rgba(167,79,239,0.8);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8), inset 0px 0px 5px rgba(167,79,239,0.8);
	box-shadow        : 0px 0px 5px rgba(0,0,0,0.8), inset 0px 0px 5px rgba(167,79,239,0.8);
	-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter            : alpha(opacity=100);
	opacity           : 1;
}


/*** PAGE PHOTOS ***/
/* Masonry */
.bloc {
	float             : left;
	margin            : 5px;
	width             : 205px;
	/*height            : 160px;*/
	min-height: 199px;
	padding-left      : 5px;
	border-left       : solid transparent 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition   : all 0.3s linear;
	-o-transition     : all 0.3s linear;
	-ms-transition    : all 0.3s linear;
	transition        : all 0.3s linear;
}
	.bloc a img {
		-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter            : alpha(opacity=80);
		opacity           : 0.8;
		-webkit-transition: all 0.4s linear;
		-moz-transition   : all 0.4s linear;
		-o-transition     : all 0.4s linear;
		-ms-transition    : all 0.4s linear;
		transition        : all 0.4s linear;
	}
.bloc:hover {
    border-left: solid #7E25DC 5px;
}
	.bloc:hover a img {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter    : alpha(opacity=100);
		opacity   : 1;
	}

/*** SINGLE ALBUM PHOTO ***/
/* Preview Slider Gallery Style */
.ps_container {
	display : none;
	width   : 800px;
	/*height  : 550px;*/
	margin  : 20px auto 0px auto;
	position: relative;
}
    .ps_image_wrapper {
		width             : 800px;
		height            : 400px;
		overflow          : hidden;
		position          : relative;
		margin            : 0 auto;
		-moz-box-shadow   : 0px 0px 5px #999;
		-webkit-box-shadow: 0px 0px 5px #999;
		box-shadow        : 0px 0px 5px #999;
    }
        .ps_image_wrapper img {
			position: absolute;
			left    : 0px;
			top     : 0px;
        }
    .ps_prev, .ps_next {
		width             : 30px;
		height            : 59px;
		position          : absolute;
		top               : 50%;
		margin-top        : -40px;
		cursor            : pointer;
		-ms-filter        :"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter            : alpha(opacity=70);
		opacity           : 0.7;
		-webkit-transition: opacity 0.4s linear;
		-moz-transition   : opacity 0.4s linear;
		-o-transition     : opacity 0.4s linear;
		-ms-transition    : opacity 0.4s linear;
		transition        : opacity 0.4s linear;
    }
    .ps_prev {
		background: transparent url('img/prev.png') no-repeat top center;
		left      : -50px;
    }
    .ps_next {
		background: transparent url('img/next.png') no-repeat top center;
		right     : -50px;
    }
    .ps_prev:hover, .ps_next:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter    : alpha(opacity=100);
		opacity   : 1;
    }
    ul.ps_nav {
		list-style: none;
		margin    : 0;
		padding   : 0;
		width     : auto;
		margin    : 20px auto;
		position  : relative;
    }
        ul.ps_nav li {
            float: left;
        }
            ul.ps_nav li a {
		display              : block;
		text-indent          : -9000px;
		width                : 11px;
		height               : 11px;
		outline              : none;
		/*padding            : 0px 3px;*/
		margin               : 0px 3px;
		-webkit-border-radius: 50%;
		-moz-border-radius   : 50%;
		border-radius        : 50%;
		-webkit-box-shadow   : inset 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0.6);
		-moz-box-shadow      : inset 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0.6);
		box-shadow           : inset 1px 1px 3px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0.6);
		-webkit-transition   : all 0.2s linear;
		-moz-transition      : all 0.2s linear;
		-o-transition        : all 0.2s linear;
		-ms-transition       : all 0.2s linear;
		transition           : all 0.2s linear;
            	/*background : transparent url('img/dot.png') no-repeat top left;*/
            }
            ul.ps_nav li a:hover, ul.ps_nav li.selected a {
		/*background-position: bottom left; /*50% -10px*/*/
		box-shadow         : none;
		background-color   : #7E25DC;
            }
        ul.ps_nav li.ps_preview {
	display : none;
	width   : 215px;
	height  : 141px;
	top     : -141px;
	left    : -34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
	position: absolute;
        }
            ul.ps_nav li.ps_preview span {
		background: transparent url('img/triangle.png') no-repeat top center;
		width     : 15px;
		height    : 6px;
		position  : absolute;
		top       : 130px;
		left      : 99px;
            }
                .ps_preview_wrapper {
		width             : 205px;
		height            : 120px;
		border            : 5px solid #fff;
		overflow          : hidden;
		position          : relative;
		-moz-box-shadow   : 0px 0px 5px #999;
		-webkit-box-shadow: 0px 0px 5px #999;
		box-shadow        : 0px 0px 5px #999;
                }
                    .ps_preview_wrapper img {
		position: absolute;
		top     : 0px;
		left    : 0px;
                    }

.single div.wrapper_next_prev h3 { margin-top: 10px !important; }

/*** PAGE VIDEOS ***/

/*** SINGLE POST VIDEO ***/
.post_video .une_video {
	margin: 30px auto 0;
	width : 940px;
}
.masonry .une_video img {
	width : 205px;
	height: 158px;
}


/*** PAGE ECOLE DE MUSIQUE ***/
.side-ecole {
	width       : 141px;
	height      : 840px;
	margin-right: 20px;
	margin-left : -20px;
	background  : url('img/ecole-musique-instrument.jpg') repeat-y left top;
}



/*** PAGE ESPACE MEMBRE ***/
/* => wrapper du formulaire */
#wrapperFormAddMsg {
	overflow          : hidden;
	padding 		  : 0 10px;
	border-left 	  : solid #FFF 3px;
	-webkit-transition: all 0.3s linear;
	-moz-transition   : all 0.3s linear;
	-o-transition     : all 0.3s linear;
	-ms-transition    : all 0.3s linear;
	transition        : all 0.3s linear;
	margin-bottom     : 40px;
}
#wrapperFormAddMsg.open {
	border-left: solid 3px #7E25DC;
}
	/* => Wrapper du select des membres */
	.wrap_select_members {
		margin-top   : 15px;
		margin-bottom: 15px;
	}
		#select_members {
			width: 500px;
		}









.wrapper-custom-select {
	margin-top   : 15px;
	margin-bottom: 15px;
	position     : relative;
}
	/* Le bouton pour ouvrir la liste */
	.custom-select-btn {
		display           : block;
		color             : #FFF!important;
		font-weight       : normal;
		text-shadow       : #233d42 0 1px 1px;
		background        : #7e25d9;
		background        : -webkit-gradient(linear,left top,left bottom,color-stop(#a64fef,0.10),to(#7e25d9));
		background        : -webkit-linear-gradient(#a64fef 10%,#7e25d9);
		background        : -moz-linear-gradient(#a64fef 10%,#7e25d9);
		background        : -o-linear-gradient(#a64fef 10%,#7e25d9);
		background        : linear-gradient(#a64fef 10%,#7e25d9);
		text-decoration   : none !important;
		text-align        : center;
		font-size         : 15px !important;
		padding           : 10px 50px 10px 10px;
		cursor            : pointer;
		font-family       : 'BebasNeueRegular', 'Cambria', Arial;
		box-shadow        : 2px 2px 3px rgba(0,0,0,0.3);
		position          : relative;
		-webkit-transition: all 0.2s linear;
		-moz-transition   : all 0.2s linear;
		-o-transition     : all 0.2s linear;
		-ms-transition    : all 0.2s linear;
		transition        : all 0.2s linear;
	}
	.custom-select-btn:hover {
		background     :-webkit-gradient(linear,left top,left bottom,color-stop(#7e25d9,0.1),to(#a64fef));
		background     :-webkit-linear-gradient(#7e25d9 10%,#a64fef);
		background     :   -moz-linear-gradient(#7e25d9 10%,#a64fef);
		background     :     -o-linear-gradient(#7e25d9 10%,#a64fef);
		background     :        linear-gradient(#7e25d9 10%,#a64fef);
		box-shadow     : 2px 2px 3px rgba(0,0,0,0.5);
	}
		/* Icon de flèche */
		.custom-select-btn .custom-select-icon {
			background: url('img/arrow_down_white.png') top left no-repeat;
			display   : block;
			width     : 11px;
			height    : 8px;
			position  : absolute;
			right     : 10px;
			top       : 50%;
			margin-top: -4px;
		}
		/* Nombre de checkbox coché */
		.custom-select-btn .custom-select-count {
			width           : 18px;
			height          : 18px;
			line-height     : 17px;
			text-align      : center;
			background-color: #b81f1c;
			border-radius   : 50%;
			box-shadow      : 0px 0px 0px 2px rgba(255,255,255,0.9), inset 1px 1px 1px rgba(0,0,0,0.4);
			font-size       : 12px;
			font-family     : 'BebasNeueRegular', 'Cambria', Arial;
			display         : block;
			position        : absolute;
			right           : 30px;
			top             : 50%;
			margin-top      : -9px;
			text-shadow     : none;
		}
	/* La liste des items */
	.wrap-custom-select-items {
		width           : 640px;
		padding         : 10px;
		box-shadow      : 0 0 12px rgba(0, 0, 0, 0.8);
		border-radius   : 5px;
		background-color: #272727;
		position        : absolute;
		right           : -2px;
		z-index         : 5000;
	}
		/* La liste des items => head */
		.wrap-custom-select-items .custom-select-items-head {
			height       : 30px;
			border-bottom: solid 1px #1b1b1b;
		}
			.wrap-custom-select-items .custom-select-items-head h3 {
				display    : block;
				height     : 25px;
				line-height: 25px;
				text-align : center;
				border     : 0 none;
				color      : #FFF;
				font-size  : 20px;
				font-family: 'BebasNeueRegular', 'Cambria', Arial;
				text-shadow: 0 0 10px #7E25DC;
				text-shadow: 2px 2px 10px #7E25DC, -2px -2px 10px #7E25DC, 2px -2px 0px #7E25DC, -2px 2px 0px #7E25DC;
			}
			.wrap-custom-select-items .custom-select-items-head .custom-select-items-close {
				background: url('img/icon_exit.png') no-repeat left center;
				width     : 20px;
				height    : 20px;
				float     : right;
				margin-top: 4px;
				cursor    : pointer;
			}

	/* Menu */
	.wrap-custom-select-items .custom-select-items-list {
		border-top: solid 1px #3a3a3a;
		padding   : 5px 0 0 0;
	}
		.wrap-custom-select-items .custom-select-items-list ul li {
			height       : 30px;
			width        : 100%;
			position     : relative;
			border-top   : solid 1px #3a3a3a;
			border-bottom: solid 1px #1b1b1b;
			float        : left;
			width        : 320px;
		}
		.wrap-custom-select-items .custom-select-items-list ul li:first-child,
		.wrap-custom-select-items .custom-select-items-list ul li:nth-child(2) {
			border-top   : 0 none;
		}
			.wrap-custom-select-items .custom-select-items-list ul li label {
				display           : block;

				width             : 275px;


				height            : 30px;
				position          : absolute;
				top               : 0;
				left              : 0;
				border-left       : #272727 solid 5px;
				font-size         : 18px;
				font-family       : 'BebasNeueRegular', 'Cambria', Arial;
				color             : #FFF;
				line-height       : 30px;


				padding-left      : 10px;
				padding-right     : 30px;


				cursor            : pointer;
				-webkit-transition: all 0.2s linear;
				-moz-transition   : all 0.2s linear;
				-o-transition     : all 0.2s linear;
				-ms-transition    : all 0.2s linear;
				transition        : all 0.2s linear;
			}
			.wrap-custom-select-items .custom-select-items-list ul li label.selected, .wrap-custom-select-items .custom-select-items-list ul li label.selected:hover {
				background-color : #1c1c1c;
				border-left      : #7e25db solid 5px;
			}
			.wrap-custom-select-items .custom-select-items-list ul li label:hover {
				background-color  : #1c1c1c;
				border-left      : #adadad solid 5px;
			}
			.wrap-custom-select-items .custom-select-items-list ul li input {
				position: absolute;
				top     : 6px;
				right   : 10px;
				z-index : 5500;
			}
	/* => bouton add msg */
	#wrapperFormAddMsg .btn_add_msg, #wrapperFormAddMsg .btn-menu-delete {
		display           : block;
		background        : transparent url('img/message_add.png') no-repeat 5px center;
		height            : 30px;
		padding           : 0 0 0 30px;
		-webkit-transition: all 0.3s linear;
		-moz-transition   : all 0.3s linear;
		-o-transition     : all 0.3s linear;
		-ms-transition    : all 0.3s linear;
		transition        : all 0.3s linear;
		-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter            : alpha(opacity=60);
		opacity           : 0.6;
		font-family       : 'BebasNeueRegular';
		font-size         : 14px;
		color             : #7E25DC;
		border-left       : solid 3px #FFF;
	}
	#wrapperFormAddMsg .btn-menu-delete {
		margin-left: 20px;
		background : transparent url('img/message_delete.png') no-repeat 5px center;
		padding    : 0 0 0 32px;
	}
	#wrapperFormAddMsg .btn_add_msg:hover, #wrapperFormAddMsg .btn-menu-delete:hover {
		-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter     : alpha(opacity=100);
		opacity    : 1;
		border-left: solid 3px #7E25DC;
	}
	#wrapperFormAddMsg .btn_add_msg.selected, #wrapperFormAddMsg .btn-menu-delete.selected {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter    : alpha(opacity=100);
		opacity   : 1;
	}
	/* => bouton pour fermer le wrapper */
	#wrapperFormAddMsg .btn_close {
		display           : block;
		width             : 50px;
		height            : 30px;
		line-height       : 30px;
		font-family       : 'BebasNeueRegular';
		font-size         : 14px;
		color             : #7E25DC;
		margin-top        : -55px;
		-webkit-transition: all 0.3s linear;
		-moz-transition   : all 0.3s linear;
		-o-transition     : all 0.3s linear;
		-ms-transition    : all 0.3s linear;
		transition        : all 0.3s linear;
		-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter            : alpha(opacity=60);
		opacity           : 0.6;
	}
	#wrapperFormAddMsg .btn_close:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter    : alpha(opacity=100);
		opacity   : 1;
	}
	/* => le formulaire */
	#formAddMsg {
		margin-top: 20px;
	}

/* Les messages */
#listMsg {
	margin-bottom: 10px;
}
#listMsg .wrapper-msg {
	background: url('img/bg_message.png') bottom center no-repeat;
	padding   : 5px 0;
}
	#listMsg .message {
		padding           : 20px;
		border-right      : solid 5px #272727;
		border-left       : solid 5px #272727;
		position          : relative;
		-webkit-transition: all 0.2s linear;
		-moz-transition   : all 0.2s linear;
		-o-transition     : all 0.2s linear;
		-ms-transition    : all 0.2s linear;
		transition        : all 0.2s linear;
	}
		#listMsg .message strong { font-weight: bold; }
		#listMsg .message em { font-style: italic; }
	#listMsg .message.msg_important {
		-moz-box-shadow   : inset 0px 0px 5px rgba(126,37,217,0.8);
		-webkit-box-shadow: inset 0px 0px 5px rgba(126,37,217,0.8);
		-o-box-shadow     : inset 0px 0px 5px rgba(126,37,217,0.8);
		box-shadow        : inset 0px 0px 5px rgba(126,37,217,0.8);
		background-color  : rgba(126,37,217,0.2);
		border-right      : solid 5px #7e25db;
		border-left       : solid 5px #7e25db;
	}
	#listMsg .message.toDelete {
		-moz-box-shadow   : inset 0px 0px 5px rgba(204,64,64,1);
		-webkit-box-shadow: inset 0px 0px 5px rgba(204,64,64,1);
		-moz-box-shadow   : inset 0px 0px 5px rgba(204,64,64,1);
		-o-box-shadow     : inset 0px 0px 5px rgba(204,64,64,1);
		box-shadow        : inset 0px 0px 5px rgba(204,64,64,1);
		background-color  : none;
		border-right      : solid 5px #cc4040;
		border-left       : solid 5px #cc4040;
	}
	#listMsg .message.toDelete div, #listMsg .message.toDelete span, #listMsg .message.toDelete p {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter    : alpha(opacity=60);
		opacity   : 0.6;
	}
		/* Msg new */
		#listMsg .message span.msg_new {
			background: url('img/new_message.png') top right no-repeat;
			display   : block;
			width     : 35px;
			height    : 35px;
			position  : absolute;
			top       : 0;
			right     : 0;
		}
		#listMsg .message.msg_important span.msg_new {
			background: url('img/new_message_important.png') top right no-repeat;
		}
		/* Msg author et date */
		#listMsg .message p.msg_author_date {
			margin-bottom: 15px;
		}
		#listMsg .message p.msg_author_date span {
			font-size  : 18px;
			font-family: 'BebasNeueRegular', 'Cambria', Arial;
			color      : #7e25d9;
		}

		#listMsg .message .wrap_chk_delete_msg {
			margin-bottom: -20px;
			margin-top   : 10px;
		}
		#listMsg .message .input.checkbox { width: 195px; }
		.submit.checked_all { margin-right: 20px; }
		#listMsg .message .input.checkbox label { width: 175px; }
#btn-load-more-msg {
	width     : 100%;
	margin-top: 10px;
}
#loader {
	background: url('img/loader.gif') no-repeat top left;
	width     : 48px;
	height    : 48px;
	margin    : 10px auto 0;
}




/**** FORM ****/
form label { display: block; }
.input input:required, .input textarea:required { background: url('img/asterisk.png') 98% center no-repeat; }
.input input:focus:invalid, .input textarea:focus:invalid {
	border-color      : #FF0000;
	background-image  : none;
	-moz-box-shadow   : 0 0 5px #d45252;
	-webkit-box-shadow: 0 0 5px #d45252;
	-o-box-shadow     : 0 0 5px #d45252;
	box-shadow        : 0 0 5px #d45252;
	background        : url('img/no-valid.jpg') 98% center no-repeat;
}
.input input:valid, .input input:focus:valid, .input textarea:valid, .input textarea:focus:valid {
	border-color      : #56c93f;
	-moz-box-shadow   : 0 0 5px #56c93f;
	-webkit-box-shadow: 0 0 5px #56c93f;
	-o-box-shadow     : 0 0 5px #56c93f;
	box-shadow        : 0 0 5px #56c93f;
}
.input input:valid, .input textarea:valid { background: url('img/valid.png') 98% center no-repeat; }

.input, .submit, #comments textarea#comment { margin-bottom: 10px; }
.input label, #comments label {
	display      : block;
	font-weight  : bold;
	margin-bottom: 10px;
	cursor       : pointer;
	width        : 320px;
}
.input label a { font-weight: normal; }
.input input,.input textarea, #comments textarea#comment {
	width                      : 284px;
	height                     : 30px;
	background                 : #FBFBFB;
	border                     : 1px solid #E0E0E0;
	padding                    : 0 25px 0 10px;
	color                      : #878787;
	-moz-border-radius         : 4px;
	-webkit-border-radius      : 4px;
	-o-border-radius           : 4px;
	-ms-border-radius          : 4px;
	-khtml-border-radius       : 4px;
	border-radius              : 4px;
	margin-bottom              : 10px;
	outline                    : none;
	-moz-transition-property   : text-shadow,color,border-color;
	-webkit-transition-property: text-shadow,color,border-color;
	-o-transition-property     : text-shadow,color,border-color;
	transition-property        : text-shadow,color,border-color;
	-moz-transition-duration   : 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration     : 0.3s;
	transition-duration        : 0.3s;
}
input:-webkit-autofill {
	background-color: inherit;
	background-image: inherit;
	color           : inherit;
}
.input select {
	width                      : 284px;
	height                     : 30px;
	border                     : 1px solid #E0E0E0;
	padding                    : 0 10px 0 10px;
	color                      : #878787;
	-moz-border-radius         : 4px;
	-webkit-border-radius      : 4px;
	-o-border-radius           : 4px;
	-ms-border-radius          : 4px;
	-khtml-border-radius       : 4px;
	border-radius              : 4px;
	margin-bottom              : 10px;
	-moz-transition-property   : text-shadow,color,border-color;
	-webkit-transition-property: text-shadow,color,border-color;
	-o-transition-property     : text-shadow,color,border-color;
	transition-property        : text-shadow,color,border-color;
	-moz-transition-duration   : 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration     : 0.3s;
	transition-duration        : 0.3s;
}

.input.checkbox {
	width: 245px;
}
.input.checkbox input {
	width      : 20px;
	height     : 30px;
	line-height: 30px;
	padding    : 0;
	margin     : 0;
}
.input.checkbox label {
	height     : 30px;
	line-height: 30px;
	width      : 220px;
}
.input input:focus,.input textarea:focus {
	border            : 1px solid #59C7FF;
	-moz-box-shadow   : inset 2px 1px 5px 0 #88bcd7;
	-webkit-box-shadow: inset 2px 1px 5px 0 #88bcd7;
	-o-box-shadow     : inset 2px 1px 5px 0 #88bcd7;
	box-shadow        : inset 2px 1px 5px 0 #88bcd7;
	outline           : none;
	color             : #000;
}

.input textarea, #comments textarea#comment { height: 103px; width: 500px; padding: 10px 10px; }
.input.message textarea { height: 150px; width: 635px; padding: 10px 10px; }

/* Submit */
/*.submit input, .btn-alertBox {
	color             : #FFF!important;
	font-weight       : normal;
	text-shadow       : #233d42 0 1px 1px;
	background        : #7e25d9;
	background        : -webkit-gradient(linear,left top,left bottom,color-stop(#a64fef,0.10),to(#7e25d9));
	background        : -webkit-linear-gradient(#a64fef 10%,#7e25d9);
	background        : -moz-linear-gradient(#a64fef 10%,#7e25d9);
	background        : -o-linear-gradient(#a64fef 10%,#7e25d9);
	background        : linear-gradient(#a64fef 10%,#7e25d9);
	text-decoration   : none !important;
	font-size         : 15px !important;
	padding           : 10px 20px;
	cursor            : pointer;
	border            : 0 none;
	font-family       : 'BebasNeueRegular', 'Cambria', Arial;
	box-shadow        : 2px 2px 3px rgba(0,0,0,0.3);
	-webkit-transition: all 0.2s linear;
	-moz-transition   : all 0.2s linear;
	-o-transition     : all 0.2s linear;
	-ms-transition    : all 0.2s linear;
	transition        : all 0.2s linear;
}
.submit input:hover, .btn-alertBox:hover {
	background     :-webkit-gradient(linear,left top,left bottom,color-stop(#7e25d9,0.1),to(#a64fef));
	background     :-webkit-linear-gradient(#7e25d9 10%,#a64fef);
	background     :   -moz-linear-gradient(#7e25d9 10%,#a64fef);
	background     :     -o-linear-gradient(#7e25d9 10%,#a64fef);
	background     :        linear-gradient(#7e25d9 10%,#a64fef);
	box-shadow     : 2px 2px 3px rgba(0,0,0,0.5);
	text-decoration: none;
}
.submit.button input {
	height       : 25px;
	line-height  : 25px;
	padding      : 0 10px 4px;
	margin-bottom: 10px;
}*/

.combobox select {
	width : 250px;
	height: 100px;
}
.combobox p {
	font-size : 11px;
	font-style: italic;
}






.submit input, .btn-alertBox, #comments #submit {

    position             : relative;
    border               : solid 1px #186f8f;
    /*
    background-image     : linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image     : -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image     : -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image     : -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image     : -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image     : -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    */
    -webkit-box-shadow   : inset 0px 1px 0px #bd7bf2, 0px 1px 0px #fff;
    -moz-box-shadow      : inset 0px 1px 0px #bd7bf2, 0px 1px 0px #fff;
    box-shadow           : inset 0px 1px 0px #bd7bf2, 0px 1px 0px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -o-border-radius     : 5px;
    border-radius        : 5px;




    color             : #FFF!important;
	font-weight       : normal;
	text-shadow       : #233d42 0 1px 1px;
	background        : #7e25d9;
	background-image  : linear-gradient(top, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image  : -o-linear-gradient(top, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image  : -moz-linear-gradient(top, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image  : -webkit-linear-gradient(top, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image  : -ms-linear-gradient(top, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image  : -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(167,79,239)),color-stop(1, rgb(127,37,217)));
	text-decoration   : none !important;
	font-size         : 15px !important;
	/*padding           : 5px 10px;*/
	padding           : 10px;
	cursor            : pointer;
	/*border            : 0 none;
	border            : 1px solid transparent;*/
	font-family       : 'BebasNeueRegular', 'Cambria', Arial;
	/*box-shadow        : 2px 2px 3px rgba(0,0,0,0.3);*/
	-webkit-transition: all 0.2s linear;
	-moz-transition   : all 0.2s linear;
	-o-transition     : all 0.2s linear;
	-ms-transition    : all 0.2s linear;
	transition        : all 0.2s linear;
}

/* Grey element */
.submit input::before, .btn-alertBox::before, #comments #submit:before {
    background-color     : #ccd0d5;
    content              : "";
    display              : block;
    position             : absolute;
    width                : 100%;
    height               : 100%;
    padding              : 8px;
    left                 : -8px;
    top                  : -8px;
    z-index              : -1;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    -o-border-radius     : 5px;
    border-radius        : 5px;
    -webkit-box-shadow   : inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    -moz-box-shadow      : inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    -o-box-shadow        : inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    box-shadow           : inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}

/* ACTIVE style */
.submit input:active, .btn-alertBox:active, #comments #submit:active {
    padding-bottom  : 9px;
    padding-left    : 10px;
    padding-right   : 10px;
    padding-top     : 11px;
    top             : 1px;
    /*background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );*/
    background-image: linear-gradient(bottom, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image: -o-linear-gradient(bottom, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(167,79,239) 0%, rgb(127,37,217) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(167,79,239) 0%, rgb(127,37,217) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(167,79,239)),
		color-stop(1, rgb(127,37,217))
	);
}

#comments #submit { height: auto }

.input span.wpcf7-not-valid-tip {
	top: -4px;
	left: auto;
	margin: 0 0 0 10px;
}



/*** CONTENU ***/
.the_content p {
	margin-bottom: 1em;
}
.the_content ul {
	list-style: disc;
	padding-left: 40px;
}
.page-id-33 .the_content {
	float: left;
	width: 799px;
}
#commentaires { padding-top: 10px; }


/*** FOOTER ***/
footer#footer {
	position        : relative;
	z-index         : 1;
	width           : 100%;
	/*margin-top    : 20px;*/
	border-top      : #7E25DC solid 5px;
	background      : #191919 url('img/footer_bg.jpg') no-repeat top center;
}
	/* Footer menu */
	footer#footer .menu-main-menu-container {
		margin-top: 20px;
		float     : left;
	}
	footer#footer .menu-main-menu-container ul li {
		float  : left;
		display: block;
	}
		footer#footer .menu-main-menu-container ul li.hasSubMenu > a {
			margin-bottom: 10px;
		}
		footer#footer .menu-main-menu-container ul li a {
			color             : #adadad;
			font-size         : 14px;
			display           : block;
			text-align        : center;
			width             : 120px;
			border-right      : 1px solid #adadad;
			-webkit-transition: all 0.2s linear;
			-moz-transition   : all 0.2s linear;
			-o-transition     : all 0.2s linear;
			-ms-transition    : all 0.2s linear;
			transition        : all 0.2s linear;
		}
		footer#footer .menu-main-menu-container ul li:last-child a {
			border-right: 0 none;
		}
		footer#footer .menu-main-menu-container ul li a:hover {
			text-decoration: underline;
			color          : #FFF;
		}
			footer#footer .menu-main-menu-container ul li ul li {
				display: block;
				float  : none;
			}
				footer#footer .menu-main-menu-container ul li ul li a {
					font-size   : 12px;
					border-right: 0 none;
				}

	/* Footer lien réseaux sociaux */
	footer#footer .liens_sociaux {
		margin  : 20px 10px 45px 0;
	}
		footer#footer .liens_sociaux .facebook, footer#footer .liens_sociaux .youtube {
			margin-left       : 20px;
			display           : block;
			width             : 58px;
			height            : 58px;
			text-indent       : -9999px;
			margin-left       : 0;
			background        : url('img/icon_facebook.png') no-repeat top left;
			-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter            : alpha(opacity=60);
			opacity           : 0.6;
			-webkit-transition: all 0.3s linear;
			-moz-transition   : all 0.3s linear;
			-o-transition     : all 0.3s linear;
			-ms-transition    : all 0.3s linear;
			transition        : all 0.3s linear;
		}
		footer#footer .liens_sociaux .youtube {
			background: url('img/icon_youtube.png') no-repeat top left;
		}
		footer#footer .liens_sociaux .facebook:hover, footer#footer .liens_sociaux .youtube:hover {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter    : alpha(opacity=100);
			opacity   : 1;
		}
	/* Footer phrase */
	footer#footer p {
		clear     : both;
		text-align: center;
		color     : #FFF;
		padding   : 10px 0;
	}
		footer#footer p a {
			color      : #FFF;
			font-size  : 14px;
			text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
		}


/*** SOCIABLE ***/
.single #Facebook_Counter iframe,
.single div.sociable li#Twitter_Counter iframe { width: 90px !important; }
.single li#Google_p div { width: 60px !important; }


/*** NOTIFICATION ***/
#notification {
	position   : fixed;
	top        : 0;
	left       : 0;
	width      : 100%;
	text-align : left;
	color      : #FFFFFE;
	text-shadow: 0px 1px 1px #000;
	z-index    : 5000;
}
#notification a {
	color          : #FFFFFE;
	text-shadow    : 0px 1px 1px #000;
	text-decoration: underline;
}
#notification .content {
	height            : 50px;
	line-height       : 50px;
	-webkit-box-shadow: 0px 1px 2px #000000;
	-moz-box-shadow   : 0px 1px 2px #000000;
	box-shadow        : 0px 1px 2px #000000;
}
#notification .strong {
	font-weight: bold;
	font-size  : 130%;
}
#notification .img {
	width : 50px;
	height: 50px;
	float : left;
}
#notification .success .img { background: url('img/notif-left.jpg') no-repeat 0px 0px; }
#notification .success      { background: url('img/notif-bg.jpg') repeat-x 0px 0px; }
#notification .error .img   { background: url('img/notif-left.jpg') no-repeat 0px -50px; }
#notification .error        { background: url('img/notif-bg.jpg') repeat-x 0px -50px; }

/* Reponse */
div.wpcf7 div.wpcf7-response-output {
    text-align        : left;
    color             : #FFF;
    text-shadow       : 0px 1px 1px #000;
    width             : 100%;
    height            : 50px;
    line-height       : 50px;
    padding           : 0 0 0 50px;
    border            : 0 none;
    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3), 1px 1px 3px rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow   : 2px 3px 5px rgba(0, 0, 0, 0.3), 1px 1px 3px rgba(255, 255, 255, 0.4) inset;
    box-shadow        : 2px 3px 5px rgba(0, 0, 0, 0.3), 1px 1px 3px rgba(255, 255, 255, 0.4) inset;

}
div.wpcf7 div.wpcf7-mail-sent-ok {
    background: url('img/notif-left.jpg') 0px 0px no-repeat, url('img/notif-bg.jpg') 0px 0px repeat-x;
}
div.wpcf7 div.wpcf7-validation-errors {
    background: url('img/notif-left.jpg') 0px -50px no-repeat, url('img/notif-bg.jpg') 0px -50px repeat-x;
}



/************************
 * MEDIA QUERIES
 ************************/
/*** Smaller than DESKTOP SIZE & TABLET SIZE ***/
@media screen and (max-width: 979px) {
	header #slidingWrapTop ul li { font-size: 14px; padding: 0 5px; }
	header #slidingWrapTop ul li a { font-size: 14px; }
	header .logo { margin-right: 15px; }
	header h1 a { font-size: 25px; margin-top: 0; margin-bottom: 0; }
	header h2 { font-size: 18px; }
	header ul#menu-main-menu { margin-left: 0; }
	header ul#menu-main-menu li { margin-right: 5px; }
	header ul#menu-main-menu li a { font-size: 22px; }

	#wrapper-slider-bg #slider { width: 1280px; }
	#wrapper-slideshow { padding: 20px 0 10px; }

	.block980 { padding: 20px 15px; }
	.block_with_sidebar { padding: 20px 15px; width: 478px; }

	article.last_Actus .actu a { width: 18%; margin: 0 0.5%; padding-left: 3px; border-width: 3px }
	article.last_Actus .actu a:hover { border-width: 3px }

	.side-ecole { margin-right: 10px; margin-left: -10px; }
	.page-id-33 .the_content { width: 597px; }

	.input textarea, #comments textarea#comment { width: 100% }
}

/*** SMARTPHONE SIZE ***/
@media screen and (max-width: 599px) {

}

/*** RETINA Display ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5),
       (min-resolution: 192dpi),
       (min-resolution: 2dppx) {

}