/*****************************
GREYBOX
*****************************/

.greyBoxBackground{
	width: 100%;
	height:100%;
	position:fixed;
	z-index: 1000;
	background:rgba(0,0,0,0.8);
}

.greybox{
	
	width:840px;
	height:745px;
	background-color:black;overflow: hidden;
	/*position: absolute;
	top:50%;
	left:50%;
	margin-left:-420px;
	margin-top:-380px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);*/
}


.headerGreyBox{
	width: 100%;
	height:70px;
	border-top: solid 3px #e3b211;
	background-color: white;
}



/*
.close{
	width: 15px;
	height: 15px;
	position: absolute;
	right:0;
	margin-top:10px;
	margin-right:10px;
	cursor: pointer;
	background-image: url('../img/close.jpg');
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

}*/

.close:hover{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-image: url('../img/closehover.jpg');
}


.greyboxTitle{
	color:#5db5a3;
	font-family : "muliGras","muli";
	font-size: 15pt;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 25px;
}


.contentbodyGreybox{
	/*width: 100%;*/
	width:840px;
	position: relative;
	/*padding-bottom: 57.50%;  16:9 */
	 /* padding-bottom: 56.25%; 16:9 */
	background-color: black;
	height: 473px;
	overflow: hidden;

}

.footerGreyBox{
	width: 100%;
	height: 200px;
	background: white;
	clear: both;
	*height:auto;
}

.imageGrebox{
	width: 20%;
	height:100%;
	float: left;
}
.imageGrebox img{display:block; width:100%; *width:90%;}

.contentText{
	width: 60%;
	height: 100%;
	float: left;
}


.titleFooterGreyBox{
	color: #e3b211;
	font-family: 'Muli', sans-serif;
	font-size: 23pt;
	text-align: center;
	margin-top: 90px;
	*margin-top:45px;

}


.textFooterGreyBox{
	font-family: 'Muli', sans-serif;
	font-size: 13pt;
	text-align: center;
	color:#5db5a3;
	margin-top: 30px;
}




.deposFormulaireGb{
	padding: 0px;
}

.containerBlocLeftRightContentGreyBox{
	padding-top: 10px;
	width: 95%;
	height:458px;
	margin-left: auto;
	margin-right: auto;

}

.partLeftGreboxForm{
	width: 47%;
	height:100%;
	margin-left: 10px;
	float:left;
}

.partRightGreboxForm{
	width: 47%;
	height:100%;
	margin-left:30px;
	float:left;
}

.Center-greyBox-index-content{
	height:auto;
	overflow: auto;
}

div .partCenterGreboxForm-index{
	height:auto;
}

.partCenterGreboxForm{
	width: 90%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	
}

.partCenterGreboxForm #btSubmit{
	float:right;
	margin-right: 0px;
	margin-top: 20px;
}


.partCenterGreboxForm input[type="text"]{
	width:97%;
	padding-left: 10px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.4);
	height: 25px;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 20pt;
	color: #cccccc;
}


.greybox .contentbodyGreybox #mediaplayer_wrapper #mediaplayer, .contentbodyGreybox div#mediaplayer{
	width:840px!important;
	height:473px!important;

}

html>/**/body .greybox .contentbodyGreybox #mediaplayer_wrapper #mediaplayer #mediaplayer_video_wrapper #mediaplayer_displayarea, x:-moz-any-link, x:default {

	width:100%!important;
	height:auto!important;
}

html>/**/body  #mediaplayer_jwplayer_display, x:-moz-any-link, x:default{
height:473px!important;
}

html>/**/body  #mediaplayer_displayarea, x:-moz-any-link, x:default{
height:473px!important;
}

html>/**/body .greybox .contentbodyGreybox #mediaplayer_wrapper #mediaplayer #mediaplayer_video_wrapper , x:-moz-any-link, x:default {

	width:100%!important;
	height:auto!important;
}


.footer-video{
display:none;
}