@font-face {font-family: "Frutiger-Bold";
	src:url("../fonts/Frutiger-Bold.eot"),
		url("../fonts/Frutiger-Bold.woff2") format("woff2"),
		url("../fonts/Frutiger-Bold.woff") format("woff"),
		url("../fonts/Frutiger-Bold.ttf") format("truetype"),
		url("../fonts/Frutiger-Bold.svg#Frutiger-Bold") format("svg");
}
@font-face{
  font-family: 'Frutiger-Light';
  src:url('../fonts/Frutiger-Light.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/Frutiger-Light.woff') format('woff'),
	  url('../fonts/Frutiger-Light.ttf') format('truetype'),
	  url('../fonts/Frutiger-Light.svg#Frutiger-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'FrutigerLTW01-55Roman';
	src:url('../fonts/FrutigerLTW01-55Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FrutigerLTW01-55Roman.woff') format('woff'),
		url('../fonts/FrutigerLTW01-55Roman.ttf') format('truetype'),
		url('../fonts/FrutigerLTW01-55Roman.svg#FrutigerLTW01-55Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
	box-sizing: border-box;
}
html, body{
	width: 100%;
	min-height: 100%;
	background: #fff;
	font: 14px 'Frutiger-Light';
	line-height: 18px;
	color: #000;
}
img{
	display: block;
}
sup{
		vertical-align: super;
		font-size:smaller; 

}

.plusvideos{
	text-align: center;
	margin-bottom: 40px;
}



.plusvideos a{
	font-family: 'Frutiger-Bold';
	background-color: #034871;
	text-decoration: none;
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
	border: none;
	padding: 15px 50px;	
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.plusvideos a:hover{
	background-color: #84D0F0;
	color:#034871;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	}

.clear {
  clear: both;
}

.color-tag{
	margin-bottom: 5px;
}
.surtitre{
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	background-color: #84D0F0;
	font-size: 0.7em;
	text-transform: uppercase;
}

.italique{
	font-style: italic;
}

.partenaires{
	display: block;
	margin-bottom: 30px;
}

#wrapper{
	width: 950px;
	background: #fff;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
}

#wrapper header{
	margin-bottom: 30px;
	margin-left: -15px;
}
#wrapper header img{
	width: 950px;
}

#wrapper h2{
	height: 50px;
	font-family: 'FrutigerLTW01-55Roman';
	font-size: 20px;
	line-height: 20px;
	color: #034871;
	padding-bottom: 12px;
}

#wrapper h2.partenaire{
	height: 50px;
}

#wrapper .intro{
	padding-bottom: 25px;
	font-family: 'FrutigerLTW01-55Roman';
	font-size: 14px;
}

#wrapper .block{
	width: 50%;
	margin-bottom: 30px;
	float: left;
}

#wrapper .block{
	cursor: pointer;
}

a.movie-box img{
	max-width: 450px;
}

#wrapper footer{
    height: 80px;
    position: relative;
    width: 950px;
    padding: 0;
    text-align: center;
    margin-left: 285px;
}
#wrapper footer ul li h2{
	margin-left: 10px;
	margin-top: 25px;
	font-size: 15px;
}
#wrapper footer ul li img{
	width: 70px;
	margin-left: 10px;
}
#wrapper footer ul li:last-child img{
	margin-top: -13px;
}
#wrapper footer ul li{
	float: left;
}

hr{
	border: 2px solid #84D0F0;
}



#overlaid{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(232,232,232,0.5);
	z-index: 10;
}
.box-movie{
	position: fixed;
    z-index: 20;
}
.box-skin{
	width: 930px;
    height: 530px;
    border: solid #ffffff 14px;
    border-radius: 5px;
    position: relative;
}
#frame-movie{
	width: 100%;
	height: 100%;
}
.close-movie{
	position: absolute;
	right: -30px;
	top: -30px;
	z-index: 200;
	cursor: pointer;
}