/*DEBUT des styles généraux*/
*{
	margin:0;
	padding:0;
	outline:none;
}

html {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	background:#fff;
	font-size:12px;
	color:#2f3b3e;
}
a{ 
	text-decoration:underline;
	outline:none;
}
a:hover{ 
	text-decoration:none;
}
a img{
	text-decoration:none;
	border:none;
}

ul, ol{
	padding:0px 0px 10px 20px;
}
ol li, ul li{
	padding:3px 0px 3px 0px;
	list-style-type:circle;
}
p{
	padding:0px 0px 10px 0px;
}
h1, h2{
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
	padding:30px 0 15px 0;
}

@media screen and (max-width: 800px) {
	.js h1, .js h2{
		font-size:16px;
		padding:20px 0 10px 0;
	}
}
ul.breadcrumb{
	font-size:10px;
	padding:0;
}
ul.breadcrumb li{
	list-style-type:none;
	display:inline-block;
	padding:0;
}
.photo_a_gauche{
	float:left;
	margin:0px 20px 10px 0px;
}
.photo_a_droite{
	float:right;
	margin:0px 0px 10px 20px;
}

.bold{
	font-weight:bold;
}

/*Corps général*/
#top{
	width:100%;
	height:auto;
	padding:10px 0;
}

#top a{
	text-decoration:none;
	color:#2f3b3e;
}
#top a:hover{
	text-decoration:underline;
}

#top_contenu{
	width:1000px; 
	height:auto;
	margin:0 auto;
}

.custom_groupe{
	float:left;
	height:auto;
	width:auto;
	text-align:left;
}

.custom_social{
	float:right;
	height:auto;
	width:auto;
	text-align:left;
}
/*Social icons*/
a.facebook{
	background:url("../images/icon-social-facebook.png") no-repeat top left;
	padding: 13px 16px 12px 16px;
	display:block;
	-webkit-transition:background 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition:background 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition:background 0.1s ease-in-out, color 0.1s ease-in-out;
    transition:background 0.1s ease-in-out, color 0.1s ease-in-out;
}
a.facebook:hover{
	background:url("../images/icon-social-facebook.png") no-repeat bottom left;
}

ul.menu_top{
	width:auto; 
	margin:0 auto;
	margin-top:5px;
	padding:0;
	height:auto;
	text-align:right;
	float:right;
}
ul.menu_top li{
	display:inline-block;
	padding:0 5px;
	margin:0;
	list-style-type:none;
	text-align:right;
}
@media screen and (max-width: 1050px) {
	.js #top_contenu{
		width:90%; 
		padding:0 5%;
		height:auto;
		margin:0 auto;
	}
}
@media screen and (max-width: 650px) {
	.js .custom_social{
		float:left;
	}
	.js .custom_groupe{
		display:none;
	}
}

#header{
	width:100%;
	height:90px;
	position:relative;
	z-index:2;
}
#header_contenu{
	width:1000px; 
	height:auto;
	margin:0 auto;
}

.custom_logo{
	float:left;
	margin-left:-25px;
}
.custom_logo p{
	margin:0;
	padding:0;
}



ul.menu_principal{
	width:auto; 
	margin:0 auto;
	margin-top:27px;
	padding:0;
	height:auto;
	text-align:center;
	float:right;
}
@media screen and (max-width: 1050px) {
	.js #header_contenu{
		width:100%; 
		padding:0;
		height:auto;
		margin:0 auto;
	}
	.js .custom_logo{
		float:none;
		margin-left:0;
	}
	.js ul.menu_principal{
		width:100%; 
		float:none;
		margin-top:0;
		background:#2f3b3e;
	}
}
@media screen and (max-width: 450px) {
	.js .custom_logo img{
		width:100%;
		height:auto;
	}
}

ul.menu_principal li{
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:left;
}
ul.menu_principal li a{
	display:block;
	padding:10px 15px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	background:#2f3b3e;
	text-decoration:none;
	
	-webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}


ul.menu_principal li:last-child a{
	padding:10px 0 10px 15px;
}
ul.menu_principal li.item-101{
	display:none;
}

@media screen and (max-width: 500px) {
	.js ul.menu_principal li{
		width: 50%;
		text-align:center;
	}
	.js ul.menu_principal li a{
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
		font-size:12px;
	}
	.js ul.menu_principal li a:hover, .js ul.menu_principal li a:focus, .js ul.menu_principal li.active a{
		color:#fff;
	}
	.js ul.menu_principal li:last-child a{
		padding:10px 15px;
	}
}

#banniere{
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
}
@media screen and (max-width: 1050px) {
	.js #banniere{
		margin-top:35px;
	}
}

#banniere .custom p{
	margin:0;
	padding:0;
}
#banniere .custom img{
	width:100%;
	height:auto;
}

#contenu{
	width:1000px; 
	padding:25px 0;
	margin:0 auto;
	height:auto;
	font-size:14px;
	text-align:justify;
}

@media screen and (max-width: 1050px) {
	.js #contenu{
		width:90%; 
		padding:25px 5%;
	}
}


/*Quick menu 3 cases*/
ul.menu_quick{
	width:100%; 
	height:auto;
	margin:50px 0 0 0;
	padding:0;
	text-align:center;
}
ul.menu_quick li{
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:center;
	width:30%;
	margin-right:5%;
}
ul.menu_quick li a{
	display:block;
	color:#fff;
	font-size:14px;
	width:100%;
	padding:215px 0 15px 0;
	margin-bottom:0;
	text-transform:uppercase;
	text-decoration:none;
	
	background-repeat:no-repeat;
	background-position:top center;
	background-size: 100% auto;
	
	-webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media screen and (max-width: 1050px) {
	.js ul.menu_quick li a{
		padding:200px 0 15px 0;
	}
}
@media screen and (max-width: 950px) {
	.js ul.menu_quick li a{
		padding:180px 0 15px 0;
	}
}
@media screen and (max-width: 850px) {
	.js ul.menu_quick li a{
		padding:160px 0 15px 0;
	}
}
@media screen and (max-width: 750px) {
	.js ul.menu_quick li a{
		padding:140px 0 15px 0;
	}
}
@media screen and (max-width: 650px) {
	.js ul.menu_quick li a{
		padding:120px 0 15px 0;
	}
}
@media screen and (max-width: 550px) {
	.js ul.menu_quick li a{
		padding:100px 0 15px 0;
	}
}
@media screen and (max-width: 450px) {
	.js ul.menu_quick li{
		display::inherit;
		width:80%;
		margin-right:0;
	}
	.js ul.menu_quick li a{
		padding:215px 0 15px 0;
		margin-bottom:25px;
	}
}
@media screen and (max-width: 400px) {
	.js ul.menu_quick li{
		width:80%;
	}
	.js ul.menu_quick li a{
		padding:195px 0 15px 0;
	}
}
@media screen and (max-width: 350px) {
	.js ul.menu_quick li{
		width:100%;
	}
	.js ul.menu_quick li a{
		padding:215px 0 15px 0;
	}
}
@media screen and (max-width: 320px) {
	.js ul.menu_quick li a{
		padding:190px 0 15px 0;
	}
}
ul.menu_quick li:last-child{
	margin-right:0;
}


/*BTN CONTACT*/
a.btn_contact{
	width: -moz-calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
	width: -o-calc(100% - 22px);
	width: calc(100% - 22px);
	height:auto;
	display:block;
	background:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding:10px;
	margin-top:50px;
	-webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}

a.btn_contact:hover{
	color:#fff;
}

.clearfooter {
	clear: both;
}
#footer{
	width:100%; 
	padding:25px 0;
	height:auto;
	background:#2f3b3e;
	color:#fff;
	text-align:left;
}
#footer_contenu{
	width:1000px;
	height:auto;
	margin:0 auto;
}

@media screen and (max-width: 1050px) {
	.js #footer_contenu{
		width:90%; 
		padding:0 5%;
	}
}

#footer a, #footer a:hover{ 
	color:#fff;
	text-decoration:none;
}

#footer_social{
	width:30%;
	height:auto;
	float:left;
}

#footer_contact{
	width:25%;
	margin-left:10%;
	height:auto;
	float:right;
	text-align:left;
}

#footer_groupe{
	width:32%;
	margin-left:3%;
	height:auto;
	float:right;
	text-align:left;
}
#footer_groupe img{
	border:1px solid #fff;
}


@media screen and (max-width: 850px) {
	.js #footer_social{
		display:none;
	}
	.js #footer_contact{
		width:45%;
		float:left;
		margin-right:5%;
		margin-left:0;
	}
	.js #footer_groupe{
		width:45%;
		margin-left:5%;
	}
}

@media screen and (max-width: 550px) {
	.js #footer_contact{
		width:100%;
		float:none;
		text-align:center;
		padding-top:50px;
		margin:0;
	}
	.js #footer_groupe{
		width:100%;
		float:none;
		text-align:center;
		padding-top:50px;
		margin:0;
	}
}

.custom_copyright{
	margin:0 auto;
	text-align:center;
	padding-top:30px;
}



/*GALERIE*/
h2.eventgallery-subcategories, ul.eventgallery-subcategories-list{
	display:none;
}

#events .item .content .data {
    background-color: rgba(0, 0, 0, 0.6);
	opacity:1;
}

#events .item .title {
    min-height:inherit;
	text-align:center;
	margin: 5px 10px;
}