@charset "UTF-8";

/*	############################################################################	*/	
/*	#############################	font	#####################################	*/
/*	#############################################################################	*/
@font-face{ 
	font-family: 'signalist';
	src: url('fonts/Signalist.eot');
	src: url('fonts/Signalist.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Signalist.woff') format('woff'),
	     url('fonts/Signalist.ttf') format('truetype'),
	     url('fonts/Signalist.svg#WebSymbolsRegular') format('svg');	
	}
@font-face{ 
	font-family: 'varelaround';
	src: url('fonts/VarelaRound-Regular.eot');
	src: url('fonts/VarelaRound-Regular.eot?#iefix') format('embedded-opentype'),
	     url('fonts/VarelaRound-Regular.woff') format('woff'),
	     url('fonts/VarelaRound-Regular.ttf') format('truetype'),
	     url('fonts/VarelaRound-Regular.svg#WebSymbolsRegular') format('svg');	
	}
@font-face{ 
	font-family: 'opensansreg';
	src: url('fonts/opensans-regular-webfont.eot');
	src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/opensans-regular-webfont.woff') format('woff'),
	     url('fonts/opensans-regular-webfont.ttf') format('truetype'),
	     url('fonts/opensans-regular-webfont.svg#WebSymbolsRegular') format('svg');	
	}	
	
@font-face{ 
	font-family: 'titilliumlight';
	src: url('fonts/TitilliumWeb-Light.eot');
	src: url('fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
	     url('fonts/TitilliumWeb-Light.woff') format('woff'),
	     url('fonts/TitilliumWeb-Light.ttf') format('truetype'),
	     url('fonts/TitilliumWeb-Light.svg#WebSymbolsRegular') format('svg');	
	}
	
@font-face{ 
	font-family: 'flamabook';
	src: url('fonts/FlamaBook.eot');
	src: url('fonts/FlamaBook.eot?#iefix') format('embedded-opentype'),
	     url('fonts/FlamaBook.woff') format('woff'),
	     url('fonts/FlamaBook.ttf') format('truetype'),
	     url('fonts/FlamaBook.svg#WebSymbolsRegular') format('svg');	
	}
@font-face{ 
	font-family: 'flamamedium';
	src: url('fonts/FlamaMedium.eot');
	src: url('fonts/FlamaMedium.eot?#iefix') format('embedded-opentype'),
	     url('fonts/FlamaMedium.woff') format('woff'),
	     url('fonts/FlamaMedium.ttf') format('truetype'),
	     url('fonts/FlamaMedium.svg#WebSymbolsRegular') format('svg');	
	}
	
	
	
	

/*	############################################################################	*/	
/*	#############################	font	#####################################	*/
/*	#############################################################################	*/


html,body {
    padding: 0px;
    margin: 0px;
    height:100%;
    width:100%;
    background-color: #ffffff;
    font-family: 'flamabook', sans-serif;
-webkit-font-smoothing:antialiased;

    
}
::selection {
        background: #004055;
        color:#ffffff;
}
::-moz-selection {
        background: #004055;
        color:#ffffff;
}
img{
	border:none;
}
a{
	text-decoration: none;
	color: inherit;
}

a img {
    border: none;
}




/*#############	global	############################*/
.agenda:hover{
	color:#00b7ce;
}
.marches-de-noel:hover{
	color:#9f76b4;
}
.moments-forts:hover{
	color:#f26651;
}
.info-pratiques:hover{
	color:#ec008c;
}
.infos-pratiques:hover{
	color:#cf3f51;
}

/*#############	home	############################*/
.blockhome{
	margin-left:20px;
	margin-right:20px;
}

.blockmargleft{
	margin-left:20px;
}
.blockmargright{
	margin-right:20px;
}
.blockmargboth{
	margin-right:20px;
	margin-left:20px;
}




.iconssmall{
	width: 30px;
	height: 30px;
	border-radius: 30px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px;
	text-align:center;
	display:table-cell; 
	vertical-align:middle; 
	text-align:center;
	cursor:pointer;
}
.uppercase{
    text-transform: uppercase;
}

/*	#############	menu	####################*/
.menutop{
	color:#666666;
	font-size:16px;
	font-family:'flamabook';
	letter-spacing: 1px;
}

.menuleft{
	color:#b8b8b8;
	font-size:18px;	
	line-height:50px;
	letter-spacing: 2px;
	font-family:'flamabook';
}

.submenu{
	padding-right:20px;
	color:#aeaeae;
	font-size:15px;
	font-family:'flamabook';
	letter-spacing: 1px;
	line-height:25px;
	cursor:pointer;
}
.submenuselect{
	color:#000000;
}

/*	#############	home	####################*/

.hometitle{
	color:#ffffff;
	font-size:135px;
	font-family: "flamabook";
	text-transform: capitalize;
}
.homeappblock{
	width:100%;
	max-width:470px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #ffffff;
}


/*	#############	news	####################*/

.newsblock{
	float:left;
	margin-bottom:40px;
}
.shareicons{
	width:30px;
	height:31px;
	cursor:pointer;
}
.sharefb{
	background:url(../img/share/fbshare.png);
}
.sharefbblack{
	opacity:0.7;
	background:url(../img/share/fbshareblack.png);
}
.sharefbblack:hover, .sharefb:hover{
	background:url(../img/share/fbsharehover.png);
}
.sharetwitter{
	background:url(../img/share/twittershare.png);
}
.sharetwitterblack{
	opacity:0.7;
	background:url(../img/share/twittershareblack.png);
}
.sharetwitter:hover, .sharetwitterblack:hover{
	background:url(../img/share/twittersharehover.png);
}
.shareinsta{
	background:url(../img/share/instashare.png);
}
.shareinstablack{
	opacity:0.7;
	background:url(../img/share/instashareblack.png);
}
.shareinsta:hover, .shareinstablack:hover{
	background:url(../img/share/instasharehover.png);
}
.sharegoogle{
	background:url(../img/share/googleshare.png);
}
.sharegoogleblack{
	opacity:0.7;
	background:url(../img/share/googleshareblack.png);
}
.sharegoogle:hover, .sharegoogleblack:hover{
	background:url(../img/share/googlesharehover.png);
}
.sharemail{
	background:url(../img/share/mailshare.png);
}
.sharemailblack{
	opacity:0.7;
	background:url(../img/share/mailshareblack.png);
}
.sharemail:hover, .sharemailblack:hover{
	background:url(../img/share/mailsharehover.png);
}

/*	#############	grid	####################*/
.gridelement{
	position:relative;
	height:200px;
	width:300px;
	float:left;
	display:table-cell;
	vertical-align:middle; 
	text-align:center;
	cursor:pointer;
	overflow:hidden;

}
.blurimgs{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	/*
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);	
  */
}
.blurimgs2{
	position:absolute;
	height:100%;
	width:100%;
	top:-0px;
	left:-0px;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);	

}
.roundtxt{
	color:#ffffff;
	font-size:18px;
	line-height: 35px;
	border:2px solid #ffffff;
	border-radius: 			5px; 
	-moz-border-radius: 	5px; 
	-webkit-border-radius: 	5px;
	padding-left:10px;
	padding-right:10px;
	letter-spacing: 1.5px;
	display: table-cell;
}


/*	#############	gridcontent	####################*/
.contenttitle{
	font-size:30px;
	font-family:'flamabook';
}
.contentdesc{
	color:#565656;
	font-size:13px;
	line-height:20px;
	font-family: "flamabook";
}

.contentdesc a{
	text-decoration: underline;
}

.contentdesc img{
	margin-top:20px;
	margin-bottom:20px;	
	max-width:100%;
	max-height:400px;
	width: auto;
	clear: both;
	display: block;
}
.contentdesc iframe{
	margin-top:20px;
	margin-bottom:20px;	

	width:100%;
	clear: both;
	display: block;	
}

.contentdate{
	color:#AFAFAF;
	font-size:13px;
	line-height:15px;
	font-family: "flamabook";	
	font-weight: lighter;
}

/*	###############	content	#########################*/
.contentcolor_acces_et_mobilite a{
	color:#00b9c4;
}
.contentcolor_infos_pratiques a{
	color:#cf3f51;
}
.contentcolor_info_fouer a{
	color:#00b378;
}
.contentcolor_contact a{
	color:#c16cb1;
}


/*	#############	newscontent	####################*/
.newsblockmarg{
	margin-right:25px;
}
.contentnewstitle{
	font-size:21px;
	font-family:'flamabook';
}
.contentdate{
	color:#AFAFAF;
	font-size:13px;
	line-height:15px;
	font-family: "flamabook";	
	font-weight: lighter;
}
.newsplusicon{
	width:46px;
	height:46px;
	position:absolute;
	bottom:-30px;
	right:0px;
	cursor:pointer;
}
.newsshareicon{
	width:46px;
	height:46px;
	position:absolute;
	bottom:0px;
	left:20px;
	cursor:pointer;
}


/*	#############	galerie	####################*/

.galeriethumb{
	width:300px;
	height:200px;
	float:left;
	cursor:pointer;
	width:33.333333%;
	cursor:pointer;
}

.galeriearrows{
	height:35px;
	width:35px;	
	cursor:pointer;
}
.arrowleft{
	background:url(../img/galerie/galeriearrowleft.png);
}
.arrowleft:hover{
	background:url(../img/galerie/galeriearrowlefthover.png);
}
.arrowright{
	background:url(../img/galerie/galeriearrowright.png);
}
.arrowright:hover{
	background:url(../img/galerie/galeriearrowrighthover.png);
}
.arrowplay{
	background:url(../img/galerie/play.png);
}
.arrowplay:hover{
	background:url(../img/galerie/playhover.png);
}
.arrowpause{
	background:url(../img/galerie/pause.png);
}
.arrowpause:hover{
	background:url(../img/galerie/pausehover.png);
}
.arrowclose{
	background:url(../img/galerie/close.png);
}
.arrowclose:hover{
	background:url(../img/galerie/closehover.png);
}










#leftmenu ul {
    list-style-type: none;
    padding-left: 0px;
    margin: 30px;
    text-align: left;
}


#leftmenu li {
    border-bottom: 1px solid #CCC;
    
}

#menuicon{
	position: absolute;
	background-image: url('img/menuicon.png');
	z-index: 10;
}


li:before {
   
}

p {
    margin-bottom: 0px;
}

p a {
	color:#c2aa93;
}
p a:hover{
	text-decoration: underline;
}

#content{
	background-image: url('img/test.jpeg');
}




/*
 * Site Structure
 */

#header {
	height:1000px;
	width:100%;
	color:#ffffff;
	position: relative;
}
.uppercase{
    text-transform: uppercase;
}


.maintitle{
	font-size:36px;
	line-height:45px;
	color:#004055;
	letter-spacing: 5px;
	line-height: 40px;
}
.desc{
	line-height:28px;
	color:#004055;
	font-size:18px;
	letter-spacing: 1.5px;
}
.descbook{
	line-height:28px;
	color:#004055;
	font-size:18px;
	letter-spacing: 1.5px;
}

.iconshome{
	float:left;
	background-color:#004055;
	width:110px;
	height:110px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-bottom:20px;
}
.iconshome:hover{
	background: url(../img/iconshover.png);
}



.actiontitle{
	margin:auto;
	width:350px;
	color:#ffffff;
	font-size:16px;
	letter-spacing: 2px;
}

.actiondesc{
	margin:auto;
	width:380px;
	color:#ffffff;
	font-size:16px;	
	letter-spacing: 1px;
}

/*	#######################################################	*/
/*	#####################	modules	#######################	*/
/*	#######################################################	*/
.menuitems{
	font-size: 16px;
}
.submenuelementflag:hover{
	background-color: rgba(0,0,0,0.9);
}



.linehover{
	display:none;
	top:-46px;
	left:50%;
	margin-left:0px;
	position:absolute;
	height:100px;
	width:1px;
	background-color:rgba(255,255,255,0.2);
}



#apps{
	width: 450px;
	border: 1px solid #cccccc;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    padding: 30px; 
}
/*	#######################################################	*/
/*	#####################	modules	#######################	*/
/*	#######################################################	*/
.button{
	cursor:pointer;
	display: inline-block;
	letter-spacing: 1px;
}


.desc h1{
	line-height:28px;
	color:#3c556c;
	font-size:18px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.gallery{
	margin-left:auto; 
	margin-bottom:25px;
	height:260px;
	width:350px;
	cursor:pointer;
}
.gallery .gallerylayer{
	display:none;
	background-color:rgba(0,64,85,0.7);
	width:330px;
	height:240px;
	padding:10px;
}

.gallery .galleryborder{
	border:1px solid #ffffff;
	height:100%;
	width:100%;
}

.equiperound{
	float:left;
	width:206px;
	height:206px;	
	border:1px solid #c2aa93;
	text-align:center;
	border-radius: 120px; 
	-moz-border-radius: 120px; 
	-webkit-border-radius: 120px;	
	margin-right:10px;
	margin-bottom:10px;
}
.equipe{
	width:200px;
	height:200px;
	border-radius: 120px; 
	-moz-border-radius: 120px; 
	-webkit-border-radius: 120px;
	overflow: hidden;
	margin:auto;
	margin-top:3px;
}

.equipemailicon{
	width:35px;
	height:35px;
	background-color:rgba(255,255,255,0.6);
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;	
	margin:auto;
}


.shareicon{
	cursor:pointer;
	width:30px;
	height:30px;
	border:1px solid transparent;
	text-align:center;
	margin-left:5px;
	float:left;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.shareicon:hover{
	border:1px solid #ffffff;
}

.homenewsitem{
	width:370px;
	height:160px;
	border:1px solid transparent;
	float:left;
	cursor:pointer;
}
.homenewsitem:hover{
	width:370px;
	height:160px;
	border:1px solid rgba(255,255,255,0.3);
	float:left;
}






.resimenuheight{
	height:200px;
}


.resirightcontent{
	padding-left:40px;padding-right:40px;
}
.resirightcontent2{
	padding:45px;
}
.resihalfwidth{
	width:50%;
	float:left;
}
.resisliderdiv{
	margin-left:35px;
}

#agendatelist{
	float:left;
	width:50%;
}
	
	
#galimgactive{
	max-height:80%;
	max-width:80%;
}
.resigalleriebtns{
	padding-left:90px;
}


	.showinmobile{
		display: none;
	}
	
	
	
	.menufooter{
		width:25%;
	}
	
	.contentimg{
		width:200px;
		height:200px;
	}
	.contentagenda{
		width:120px;
		height:120px;
	}
	
	
	#sliderhome{
		overflow: hidden;
	}
	
	.gallerietd{
		height:400px;
	}
	
	#gallerieblock{
		padding:50px;
	}
	
	
	.fontmedium{
		font-family: "flamamedium";
	}
	
    .dayselect:hover {
        background-color: #f7941e;
        cursor: pointer;
        border:none;
    }
    .arrowsgallery{
	    top:50%;
	    margin-top:-10px;
    }
    
    .subsubblock{
	    width: 25%;
	    z-index:4;
    }