:root{
	display:block;
	--footerHeight : 0px;
	--headerHeight : 0px;
	--minHeight: 700px;
	--paddingleft: 0px;
	--paddingright: 0px;
	--minWidth : 640px;
	--pictureWidth: 60px;
	--pictureLogoWidth: 90px;
	--btnColor: #e98b19;
	--btnColorHover: #e8a55b;
}
@media screen and (min-height: 600px){
	:root{
		--minHeight: calc(100vh - var(--footerHeight) - var(--headerHeight));
	}
}
@media screen and (min-width: 320px){
	:root{
		--minWidth: 100%;
		--pictureWidth: 41px;
		--pictureLogoWidth: 90px;
		font-size: 12px;
		--paddingleft: 5px;
		--paddingright: 5px;
		--paddingbottom: 0px;
		--paddingtop: 10px;
	}
	.partenariat{
		padding-top: 27px;	
		font-size: 12px;	
	}
}
@media screen and (min-width: 640px){
	:root{
		--minWidth: 640px;
		--paddingleft: calc((90vw - 656px) / 2);
		--paddingright: var(--paddingleft);
		--pictureWidth: 61px;
		--pictureLogoWidth: 133px;
		--paddingbottom: 40px;
		--paddingtop: 25px;
		font-size: 20px;
	}
	.partenariat{
		padding-top: 41px;		
		font-size: 16px;
	}
}
@media screen and (min-width: 800px){
	.partenariat{
		padding-top: 43px;		
		font-size: 16px;
	}
}
body{
	font-family: 'Roboto', Arial;
}
.image-dimention{
	height: var(--pictureWidth);
}
.main-content{
	margin: 0px !important;
	font-family: 'Roboto', Arial; 
	color: #471c71;
	height: var(--minHeight);
	padding-left: var(--paddingleft);
	padding-right: var(--paddingright);
	text-align: center;
}
.grad {
    background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #ffffff 63%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%,#ffffff 63%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000000 0%,#ffffff 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.logo{
	width: var(--pictureLogoWidth);
	height: var(--pictureWidth);	
	display: inline-block;
	float: left;
}
.w120-h120{
	width: var(--pictureWidth);
	height: var(--pictureWidth);
	float: right;
}
.partners{
	height: 50px;
	width: var(--minWidth);
	padding-bottom: var(--paddingbottom);
	padding-top: var(--paddingtop);
	text-align: center;
	margin: auto;
}
.partenariat{
	display: inline-block;
	float: right;
	padding-right: 10px;
}
.text-partner{
	padding-top: 40px;
    display: block;
}
.video-player{
	margin: auto;	
	width: var(--minWidth);
	height: 360px;
}
.bloc-black{
	width: var(--minWidth);
	height: 360px;
	background-color: #000000;
	margin: auto;
}
.bloc-text{
	color: #FFFFFF;
	font-size: 24px;
  display: block;
  text-align: center;
}
.padded{	
    padding-top: 50px;
}
.not-avail{
	width: 76px;
	height: 76px;
	display: block;
	padding-top: 142px;
	text-align: center;
	margin: auto;
}
.spin-button{
}
.spin-button:hover{
	border-radius: 100%;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out 0s;
	-webkit-transform: rotate(720deg);
	transform: rotate(720deg);
}
.copyright-text{
	color: #000000;
	padding-top: 25px;
}
a{
	color: #000000;
	text-decoration: none;
}
a:visited{
	color: #000000;
}
a:hover{
	color: #000000;
}
.middle{
	text-align: center;
}
.scrollable{
	overflow: auto;
	overflow-x: hidden;
}
.modal-footer{
	text-align: center;
}
.modal-footer form{
	display: inline;
}
.with-padding-bottom{
	padding-bottom: 10px;
}
.with-padding-bottom-tripled{
	padding-bottom: 30px;
}
.with-padding-top{
	padding-top: 10px;
}
.with-margin-top{
	margin-top: 10px;
}
.with-margin-top-doubled{
	margin-top: 20px;
}