body
{
	background-image:none;

}

header
{
	position:relative;
	font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-top:40px;
	overflow:hidden;
	text-align:center;
	top:0%;
}

header h1
{
	font-size:2em;
	line-height:1.1em;
	position:relative;
	width:90%;
	left:5%;
	font-weight:300;
	text-transform:uppercase;
}

header span
{
	display:block;
	padding-bottom:40px;

}

#slideshow
{
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:-3;
}

#slideshow .visuel
{
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	opacity: 0;
	filter: alpha(opacity =0);
}

#slideshow .visuel1
{
	background: url(../img/slide_home4.jpg) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

#slideshow .visuel2
{
	background: url(../img/slide_home5.jpg) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

#slideshow .visuel3
{
	background: url(../img/slide_home6.jpg) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

#fd_page
{
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:-3;
	background: url(../images/slide_home4.jpg) no-repeat center;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}


#fd_trame
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
	background-image:url(../images/icones/trame.png);
	opacity: 0.25;
	filter: alpha(opacity =25);
}

#conteneur_blocs
{
	position:relative;
	overflow:hidden;
	width:90%;
	left:5%;
}

#conteneur_blocs .colonne
{
	position:relative;
	width:100%;
	padding-bottom:40px;	
}

#liens_suplementaire
{
	position:relative;
	width:90%;
	left:5%;
	text-align:center;
	overflow:hidden;
	clear:both;
	padding-top:50px;
	padding-bottom:40px;
}

.fd
{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:0;
	opacity: 0.6;
	filter: alpha(opacity =60);
}
.fd_couleur
{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:0;
	opacity: 0;
	filter: alpha(opacity=0);
}


#bloc_sh .fd_couleur
{
	background-color:#E30613;
}

#bloc_ny .fd_couleur
{
	background-color:#0689FF;
}

#bloc_paris .fd_couleur
{
	background-color:#8425AA;
}






#bloc_sh:hover
{
	color:#FFF;
}
#bloc_ny:hover
{
	color:#FFF;
}
#bloc_paris:hover
{
	color:#FFF;
}

#bloc_sh .ville
{
	color:#E30613;
}
#bloc_ny .ville
{
	color:#0689FF;
}
#bloc_paris .ville
{
	color:#8425AA;
}

#bloc_sh:hover .ville
{
	color:#FFF;
}
#bloc_ny:hover .ville
{
	color:#000;
}
#bloc_paris:hover .ville
{
	color:#000;
}


#colonne1 a
{
	position:relative;
	display:block;
	text-decoration:none;
	color:#000;
}

#colonne1 .fd
{
	background-color:#FFF;
}
#colonne1 #futur_session
{
	font-weight:400;
}

#conteneur_deux
{
	position:relative;
	padding-bottom:40px;	
}
	
#conteneur_trois
{
	position:relative;
}
#bloc_ny,#bloc_paris,#bloc_sh
{
	position:relative;
	display:block;
	text-decoration:none;
	color:#000;
}
#bloc_ny .fd,#bloc_sh .fd,#bloc_paris .fd
{
	background-color:#FFF;
}


#conteneur_blocs p
{
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-top:10%;
	padding-bottom:10%;
	position:relative;
	z-index:1;
}

#conteneur_blocs p span
{
	line-height:1.1em;
}

#colonne1 a .session
{
	font-size:1.5em;
	font-weight:400;
}

#colonne1 a .ville
{
	font-size:2.5em;
	font-weight:400;
}

#colonne1 a .date
{
	font-size:1.5em;
	font-weight:300;
	line-height:1.2 em;
}

#colonne2 .session
{
	font-size:1em;
	font-weight:400;
}

#colonne2 .ville
{
	font-size:2em;
	font-weight:400;
}

#colonne2 .date
{
	font-size:1.5em;
	font-weight:400;
	line-height:0.9em;
}


/* video en fond */
video#bgvid {
  position: absolute; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; 
}

/*@media screen and (max-device-width: 800px) {
	
}*/
/*/mediaquery*/
#bgvid { display: none; }
@media screen and (min-width: 960px)
{
	
	/*header h1
	{
		width:70%;
		left:15%;
	}
	
	header span
	{
		padding-bottom:0px;
	}*/
	#conteneur_blocs
	{
		height:60%;
		top:0%;
		min-height:500px;
		max-height:550px;
		width:70%;
		left:15%;
	}
	#liens_suplementaire
	{
		width:70%;
		left:15%;
	}

	
	#conteneur_blocs .colonne
	{
		float:left;
		height:100%;
		width:auto;
		padding-bottom:0px;
	}
	#conteneur_blocs #colonne1
	{
		width:62%;
		padding-right:5%;
	}
	#conteneur_blocs #colonne2
	{
		width:33%;
	}
	
	#colonne1 a
	{
		height:95%;
	}

	#conteneur_deux
	{
		height:50%;
		padding-bottom:0px;
	}
	
	#conteneur_trois
	{
		height:50%;
	}
	
	#colonne2 a
	{
		height:90%;
	}
	
	#colonne2 .ville
	{
	font-size:1.6em;
	}
	
	#colonne1 a .session
	{
		font-size:2em;
		font-weight:300;
	}
	
	#colonne1 a .ville
	{
		font-size:3em;
		font-weight:400;
	}
	
	#colonne1 a .date
	{
		font-size:2.5em;
		font-weight:600;
	}

}
/*/mediaquery*/

@media screen and (min-width: 960px)
{
	/*header
	{
		text-align:left;
	}
	header span
	{
		float:right;
		width:70%;
	}*/
	#conteneur_blocs
	{
		min-height:600px;
		max-height:600px;
	}
	
	#colonne1 a .session
	{
		font-size:2em;
		font-weight:300;
	}
	
	#colonne1 a .ville
	{
		font-size:4em;
		font-weight:400;
	}
	
	#colonne1 a .date
	{
		font-size:3 em;
		font-weight:3 00;
	}
	#colonne1 a #futur_session
	{
		font-size:1.5em;
	}
	#colonne2 .session
	{
		font-size:1.5em;
		font-weight:300;
	}

	#colonne2 .ville
	{
		font-size:2.3em;
		font-weight:400;
	}

	#colonne2 .date
	{
		font-size:1.6em;
		font-weight:400;
	}
	#liens_suplementaire
	{
		text-align:left;
	}
}
/*/mediaquery*/

@media screen and (min-width: 1260px)
{
	
	#conteneur_blocs,#liens_suplementaire,#liens_suplementaire
	{
		width:882px;
		margin:0 auto;
		left:auto;
	}

}
/*/mediaquery*/

@media screen and (min-height: 960px)
{
	/*header
	{
		top:5%;
	}
	#conteneur_blocs
	{
		top:10%;
	}
	
	#liens_suplementaire
	{
		margin-top:10%;
	}*/
}
/*/mediaquery*/