@charset "UTF-8";
body{
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    
}

.fond_gauche{
	background: url(../img/visuel_gauche.jpg) 0 0 no-repeat;
	height: 742px;
}
.fond_droit{
	background: url(../img/visuel_droit.jpg) 100% 0 no-repeat;
	height: 742px;
}

h3{
    font-size: 32px;
    line-height: 40px;
}
.well{
    background-color: initial;
    font-size: 32px;
    font-weight: lighter;
}
a {
    color: #FFFFFF;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #CA630B;
    text-decoration: underline;
}
.form-control{
    border: none;
    border-radius: initial;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
}
#form-submit{
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    background-color: #CA630B;
    opacity: initial;
    border-radius: initial;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 32px;
    padding: 10px 40px;
}

.player .vp-text-alert-wrapper {
    background-image:none !important;
}

.has-error .form-control, .has-error .form-control:focus {
    border: 2px solid #CA630B;
    
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .form-control-feedback {
    color: #CA630B;
    font-size: 14px !important;
}
.text-danger, .text-danger:hover {
    color: #CA630B;
}

.text-success, .text-success:hover {
    color: #CA630B;
}

.footer{
    color: #ffffff;
    padding: 10px 0;
}


#countdown{
	color:#FFFFFF;
	margin:0 auto;
	width:260px;
	margin:0 auto;
	margin-top:20px;
}
#countdown .cercle{
	display:inline;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-bottom:40px;
    font-size:12px;
    
}
#countdown_day, #countdown_hour, #countdown_min, #countdown_sec{
	font-size:25px;
	border:1px solid #666666;
	display:block;
	border-radius:70px;
	width:50px;
	height:48px;
    padding-top:5px;
    padding-bottom:10px;
}

@media screen and (max-width: 1800px){
	.fond_gauche{
		background-size: contain;
	}
	.fond_droit{
		background-size: contain;
	}
	
}
@media screen and (max-width: 1200px){
	.fond_gauche{
		background:none;
	}
	.fond_droit{
		background:none;
	}
	.text-center-small{
		text-align: center !important;
	}
}
@media screen and (max-width: 990px){
	.fond_gauche{
		display: none;
	}
	.fond_droit{
		display: none;
	}
	
}