@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{
	box-sizing: border-box
}

body{
	font-family: 'bebas_neuebold', sans-serif;
}



/*
message_erreur
*/

#message_erreur {
    position: fixed;
    z-index: 101;
    background-color: #ffffff;
    width: 750px;
    left: 50%;
    margin-left: -375px;
    top: 200px;
    box-shadow: 1px 1px 12px #555;
}

#message_erreur a {
    color: #000;
}

#close_message {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 35px;
    width: 35px;
    text-indent: -9999px;
}

#close_message::before {
	content: "+";
	color: #02397B;
    font-size: 48px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000;
    text-indent: 0;
    display: block;
}

#message_erreur_inner {
    padding: 50px 20px;
    text-align: center;
    font-size: 14px;
	color: #000;
}

#message_erreur_inner p {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
	margin-bottom: 5px;
}

body.body--home .lien_accueil a,
body.body--dotations .lien_accueil a {
  width: 715px;
  height: 295px;
  padding-top: 20px;
  margin-left: 10px;
  display: block;
}


.lien_accueil a {
  width: 630px;
  height: 260px;
  padding-top: 20px;
  margin-left: 55px;
  display: block;
}

body.body--pascommence .lien_accueil a,
body.body--termine .lien_accueil a,
body.body--participation .lien_accueil a {
  display: none;
}



.message_erreur--hidden, .hidden{
	display: none;
}


.inner {    
	position: relative;
    width: 1200px;
    margin: auto;
}

.main{
    height: 761px;
	padding-top: 1px;
}

.nav{
    position:absolute;
	top: 636px;
	left: 244px;
    display: flex;    
	align-items: end;
}

.nav__link{
	font-family: 'bebas_neuebold';
	color: #ffffff;
	font-size: 2rem;
	margin-right: 2em;
	text-decoration: none;
}

.nav__link--big{
	position:relative;
	top: 3px;
	font-size: 3rem;
}

.nav__link:hover{
	opacity: 0.8;
}

.rs{
	position:absolute;
	top: 34px;
	right: 20px;
    display: flex;    	
} 

.rs__text{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.rs__titre{
	font-size: 1.2rem;
	text-align: center;
	color: #ffffff;
}

.rs__rs{
	width: 60px;
	height: 60px;
}

.rs__fb{
	background: url(../img/rs-facebook.png) top center no-repeat;
}

.rs__ig{
	background: url(../img/rs-instagram.png) top center no-repeat;
}


.footer{
	text-align: center;
    margin-top: -47px;
}

.footer__text{
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 
     2px 2px 0 #013ea0,
    -2px 2px 0 #013ea0,
     2px -2px 0 #013ea0,
    -2px -2px 0 #013ea0,
     2px 0 0 #013ea0,
    -2px 0 0 #013ea0,
     0 2px 0 #013ea0,
     0 -2px 0 #013ea0;
}

.footer__text a{
	color: inherit;
}

.footer__nav{
    padding-top: 8px;
    display: flex;
    justify-content: center;
}


.footer__link{
    color: #ffffff;
    font-size: 15px;
	font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px;
    text-decoration: none;
	text-shadow: 
     2px 2px 0 #013ea0,
    -2px 2px 0 #013ea0,
     2px -2px 0 #013ea0,
    -2px -2px 0 #013ea0,
     2px 0 0 #013ea0,
    -2px 0 0 #013ea0,
     0 2px 0 #013ea0,
     0 -2px 0 #013ea0;
}

.footer__link:last-child{
    border-right: none;
}

.footer__link:hover{
	opacity: 0.8;
}
/* 
HOME 
*/
.body--home{
    background: url(../img/fond-home.jpg) top center no-repeat;

}

.home{
    text-align: center;
}

.home__text{
	position: absolute;
    top: 280px;
    left: 130px;
    font-size: 3.5rem;
    line-height: 1.1;
    transform: rotate(-5deg);
    transform-origin: center center;
    color: #ffffff;
    text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
}

.home__variant{
	color: #ffca00;
}
.home__variant a{
	color: #ffca00;
	text-decoration: underline;
}


/* 
PAS COMMENCE 
*/
.body--pascommence{
    background: url(../img/fond-pascommence.jpg) top center no-repeat;

}

.pascommence{
    text-align: center;
}

.pascommence__text{
	position: absolute;
    top: 280px;
    left: 130px;
    transform: rotate(-5deg);
    transform-origin: center center;
    color: #ffffff;
    text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
}

.pascommence__text1{
	margin-bottom: 0.5em;
}

.pascommence__text1, .pascommence__text3{
	font-size: 3.5rem;
}

.pascommence__text2{
	font-size: 2rem;
}

.pascommence__variant{
	color: #ffca00;
}

/* 
TERMINE
*/
.body--termine{
    background: url(../img/fond-termine.jpg) top center no-repeat;

}

.termine{
    text-align: center;
}

.termine__text{
	position: absolute;
    top: 320px;
    left: 182px;
    transform: rotate(-5deg);
    transform-origin: center center;
    color: #ffffff;
    text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
}

.termine__text1{
	font-size: 4rem;
	margin-bottom: 0.5em;
	line-height: 1.2;
}

.termine__text2{
	font-size: 2.5rem;
	line-height: 1.2;
}

.termine__variant{
	color: #ffca00;
}

.termine__lien{
	color: inherit;
}

.termine__lien:hover{
	opacity: 0.8;
}


/* 
DOTATIONS
*/
.body--dotations{
    background: url(../img/fond-dotations.jpg) top center no-repeat;

}

.dotations{
    text-align: center;
}

.dotations__text{
	position: absolute;
    top: 430px;
    left: 140px;
    transform: rotate(-5deg);
    transform-origin: center center;
    color: #ffffff;
    text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
}

.dotations__text1{
	font-size: 3rem;
}

.dotations__text2{
	color: #ffca00;
	font-size: 2rem;
}

.dotations__text3{
	font-size: 1rem;
	text-shadow: 2px 2px 0 #013ea0, -2px 2px 0 #013ea0, 2px -2px 0 #013ea0, -2px -2px 0 #013ea0, 2px 0 0 #013ea0, -2px 0 0 #013ea0, 0 2px 0 #013ea0, 0 -2px 0 #013ea0;
}

.dotations__lien{
	color: inherit;
}

.dotations__lien:hover{
	opacity: 0.8;
}


/* 
PARTICIPATION
*/
.body--participation{
    background: url(../img/fond-participation.jpg) top center no-repeat;

}

.participation{
	position: absolute;
	top: 80px;
    left: 575px;
    width: 540px;
	color: #ffffff;
}

.participation__titre{
	font-size: 2.3rem;
	text-shadow: 2px 2px 0 #013ea0, -2px 2px 0 #013ea0, 2px -2px 0 #013ea0, -2px -2px 0 #013ea0, 2px 0 0 #013ea0, -2px 0 0 #013ea0, 0 2px 0 #013ea0, 0 -2px 0 #013ea0;
	margin-bottom: 0.5em;
}

.participation__obligatoire{
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 
     2px 2px 0 #013ea0,
    -2px 2px 0 #013ea0,
     2px -2px 0 #013ea0,
    -2px -2px 0 #013ea0,
     2px 0 0 #013ea0,
    -2px 0 0 #013ea0,
     0 2px 0 #013ea0,
     0 -2px 0 #013ea0;
	 margin-bottom: 0.5em;
}

.form{
	display: flex;
}

.col1{
	width: 200px;
	margin-right: 40px;
}

.col2{
	width: 270px;
}

.part{	
}

.part1{
	margin-bottom: 2rem;
}

.part2{
	margin-bottom: 2rem;
}

.part4{
	margin-bottom: 0.4rem;
}

.part5{
	margin-bottom: 0.4rem;
}

.checkbox_div{
	display: flex;
	align-items: start;
	margin-bottom: 0.3em;
}

.check{
	position: relative;
	top: -4px;
}

.link{
	color: inherit;
}

.taille, .entoure, label, .informations{
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.taille, .informations{
	font-size: 9px;
}

.informations{
	margin-right: -30px;
}
.input, .upload-filefield__button, .upload-preview{
	border: none;
	border-radius: 5px;
	height: 1.5rem;
	font-size: 1.2rem;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'bebas_neuebold', sans-serif;
	background-color: #ffffff;
	color: #013ea0;
	padding: 0 0.5em;
	margin-bottom: 0.4em;
	width: 100%;
}
select option {
	border: none;
	height: 1.5rem;
	font-size: 0.8rem;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'bebas_neuebold', sans-serif!important;
	color: #013ea0;
}


.input::placeholder{
	color: #013ea0;
}


.submit{
	color: #ffffff;
	font-family: 'bebas_neuebold', sans-serif;
	font-size: 3rem;
	border: none;
	background-color: transparent;
	text-shadow: 
     2px 2px 0 #ff838d,
    -2px 2px 0 #ff838d,
     2px -2px 0 #ff838d,
    -2px -2px 0 #ff838d,
     2px 0 0 #ff838d,
    -2px 0 0 #ff838d,
     0 2px 0 #ff838d,
     0 -2px 0 #ff838d;	
	 position: absolute;
	 top: 419px;
     left: 63px;
	 cursor: pointer;
}

.state{
	display: none;
}

.upload-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.upload-container--ready .state--ready,
.upload-container--loading .state--loading,
.upload-container--success .state--success,
.upload-container--error .state--error
{
	display: block;
}	

.upload-preview{
	font-size: 0.8rem;    
}
.upload-preview__text{
	display: inline;
	line-height: 1.5rem;
}
.upload-preview__remove{
	display: inline;
	cursor: pointer;
	text-decoration: underline;
	line-height: 1.5rem;
}

.upload-loading{
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.8rem;
	color: #ffffff;	
	animation: blink 2s linear infinite;
}

.upload-filefield{
    position: relative;
}

.upload-filefield__button{
	display: inline-block;
	line-height: 1.5rem;
	cursor: pointer;
}
.upload-filefield__input{    
    position: absolute;
    top: 0;
    left: 0;
    width: 0;	
	opacity: 0;
}

@keyframes blink{
	0%{opacity: 0.2;}
	50%{opacity: .6;}
	100%{opacity: 1;}
}

.upload-error{
	color: #d22402;	
	text-align: center;	
}
	
/* 
PERDU 
*/
.body--perdu{
    background: url(../img/fond-perdu.jpg) top center no-repeat;

}

.perdu{
    text-align: center;
}

.perdu__text{
	position: absolute;
    top: 265px;
    left: 300px;
    transform: rotate(-5deg);
    transform-origin: center center;
    color: #ffffff;    
}

.perdu__text1{
	font-size: 3.5rem;
    line-height: 1.1;
	text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
	color: #ffca00;
	margin-bottom: 0.2em;
}

.perdu__text2{
	font-size: 3.5rem;
    line-height: 1.1;
	text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
	margin-bottom: 0.2em;
}

.perdu__text3{
	font-size: 1.5rem;
    line-height: 1.1;
	text-shadow: 2px 2px 0 #013ea0, -2px 2px 0 #013ea0, 2px -2px 0 #013ea0, -2px -2px 0 #013ea0, 2px 0 0 #013ea0, -2px 0 0 #013ea0, 0 2px 0 #013ea0, 0 -2px 0 #013ea0;
}

.perdu__lien{
	color: inherit;
}

/* 
GAIN
*/
.body--gain1{
    background: url(../img/fond-gain-1.jpg) top center no-repeat;
}
.body--gain2{
    background: url(../img/fond-gain-2.jpg) top center no-repeat;
}
.body--gain3{
    background: url(../img/fond-gain-3.jpg) top center no-repeat;
}
.body--gain4{
    background: url(../img/fond-gain-4.jpg) top center no-repeat;
}

.gain{
    text-align: center;
}

.gain__text{
	position: absolute;    
    transform: rotate(-5deg);
    transform-origin: center center;
    color: #ffffff;    
}

.gain__text1{
	font-size: 3.5rem;
    line-height: 1.1;
	text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
	color: #ffca00;
	margin-bottom: 0.2em;
}

.gain__text2{
	font-size: 3.5rem;
    line-height: 1.1;
	text-shadow: 4px 4px 0 #013ea0, -4px 4px 0 #013ea0, 4px -4px 0 #013ea0, -4px -4px 0 #013ea0, 4px 0 0 #013ea0, -4px 0 0 #013ea0, 0 4px 0 #013ea0, 0 -4px 0 #013ea0;
	margin-bottom: 0.2em;
}

.gain__text3{
	font-size: 1.5rem;
    line-height: 1.1;
	text-shadow: 3px 3px 0 #013ea0, -3px 3px 0 #013ea0, 3px -3px 0 #013ea0, -3px -3px 0 #013ea0, 3px 0 0 #013ea0, -3px 0 0 #013ea0, 0 3px 0 #013ea0, 0 -3px 0 #013ea0;
	margin-bottom: 0.5em;
}

.gain__text4{
	font-size: 1rem;
    line-height: 1.1;
	text-shadow: 3px 3px 0 #013ea0, -3px 3px 0 #013ea0, 3px -3px 0 #013ea0, -3px -3px 0 #013ea0, 3px 0 0 #013ea0, -3px 0 0 #013ea0, 0 3px 0 #013ea0, 0 -3px 0 #013ea0;
}

.couleur{
	color: #ffffff;
	position: absolute;
	top: 546px;
    left: 166px;
    font-size: 0.8rem;
}

.gain__lien{
	color: inherit;
}

.gain__text--1{
	top: 170px;
    left: 270px;
}

.gain__text--2{
	top: 170px;
    left: 605px;
}

.gain__text--3{
	top: 170px;
    left: 605px;
}

.gain__text--4{
    top: 200px;
    left: 568px;
}