@charset "utf-8";

body{
	margin:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#6e368c;
}

.content{
	position:relative;
	width:100%;
	height:auto;
	min-width:1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

p, ul, li, table, tr, th, td, h1, h2, h3{
	padding:0;
	margin:0;
}

a{
	color:#fff;
}

img{
	border:0;
}

:focus{
	outline:0;
}

@font-face{
    font-family : "Chance-Black";
	src : url('../font/Chance-Black.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Chance-Black.eot?#iefix') format('eot'),
		  url('../font/Chance-Black.woff') format('woff'),
          url('../font/Chance-Black.svg') format('svg'),
          url('../font/Chance-Black.ttf') format('truetype');
}

.fontChanceBk{
	font-family: "Chance-Black";
	font-style:normal;
}

@font-face{
    font-family : "Chance-Bold";
	src : url('../font/Chance-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Chance-Bold.eot?#iefix') format('eot'),
		  url('../font/Chance-Bold.woff') format('woff'),
          url('../font/Chance-Bold.svg') format('svg'),
          url('../font/Chance-Bold.ttf') format('truetype');
}

.fontChanceBd{
	font-family: "Chance-Bold";
	font-style:normal;
}

@font-face{
    font-family : "Chance-Medium";
	src : url('../font/Chance-Medium.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Chance-Medium.eot?#iefix') format('eot'),
		  url('../font/Chance-Medium.woff') format('woff'),
          url('../font/Chance-Medium.svg') format('svg'),
          url('../font/Chance-Medium.ttf') format('truetype');
}

.fontChanceMe{
	font-family: "Chance-Medium";
	font-style:normal;
}

@font-face{
    font-family : "Chance-Regular";
	src : url('../font/Chance-Regular.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Chance-Regular.eot?#iefix') format('eot'),
		  url('../font/Chance-Regular.woff') format('woff'),
          url('../font/Chance-Regular.svg') format('svg'),
          url('../font/Chance-Regular.ttf') format('truetype');
}

.fontChanceRg{
	font-family: "Chance-Regular";
	font-style:normal;
}

@font-face{
    font-family : "Bungee-Regular";
	src : url('../font/Bungee-Regular.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Bungee-Regular.eot?#iefix') format('eot'),
		  url('../font/Bungee-Regular.woff') format('woff'),
          url('../font/Bungee-Regular.svg') format('svg'),
          url('../font/Bungee-Regular.ttf') format('truetype');
}

.fontBungeeRg{
	font-family: "Bungee-Regular";
	font-style:normal;
}

@font-face{
    font-family : "Roboto-Bold";
	src : url('../font/Roboto-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Roboto-Bold.eot?#iefix') format('eot'),
		  url('../font/Roboto-Bold.woff') format('woff'),
          url('../font/Roboto-Bold.svg') format('svg'),
          url('../font/Roboto-Bold.ttf') format('truetype');
}

.fontRobotoBd{
	font-family: "Roboto-Bold";
	font-style:normal;
}

.bouton{
	float:left;
	width:100%;
	text-align:center;
}

.bouton .load{
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:30px;
	margin-top:-19px;
	margin-left:-19px;
	border:4px solid #f3f3f3;
	border-top:4px solid #006547;
	border-radius:50%;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

.bouton-left{
	float:left;
	width:50%;
	text-align:right;
}

.bouton-right{
	float:right;
	width:50%;
	text-align:left;
}

@media screen and (max-width: 33.999em){
.bouton-left{
	width:100%;
	text-align:center;
}
.bouton-right{
	width:100%;
	text-align:center;
}
}

.bouton a{
	display:inline-block;
	width:164px;
	height:auto;
    padding:17px 0 15px 0;
	margin:0 15px;
	color:#6e368c;
	font-size:16px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
    background-color:#fff;
    border:0;
    border-radius:25px;
	cursor:pointer;
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.bouton a:hover{
    color:#fff;
	background-color:#111;
}

.mobile{
	display:none;
}


/* HEADER */

header{
	position:relative;
	width:100%;
    padding-top:86px;
}

#header_date{
    display:inline-block;
    padding:0 12px;
    background-color:#e50053;
    border-radius:4px;
}

#header_date p{
    font-size:19px;
    line-height:42px;
}

#logohome{
    display:block;
    width:592px;
    height:auto;
    margin:0 auto;
    margin-top:32px;
}

#logo{
    display:block;
    width:430px;
    height:auto;
    margin:0 auto;
}


/* CONTENU */

#contenu{
	position:relative;
	width:100%;
	height:auto;
}

#bl_contenu{
	width:1030px;
	padding:44px 0 80px 0;
	margin:0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	overflow:hidden;
}

#titre{
    display:block;
    width:auto;
    height:50px;
    margin:0 auto;
}

.text1{
	font-size:19px;
    line-height:22px;
}

.onglet{
    display:inline-block;
    padding:0 20px;
    background-color:#e50053;
    border-radius:4px;
}

.onglet p{
    font-size:19px;
    line-height:42px;
}

.sstitre{
    position:relative;
    display:inline-block;
}

.sstitre p{
    font-size:19px;
    line-height:30px;
}

.sstitre img{
    position:absolute;
    top:0;
    right:-42px;
    width:30px;
    height:30px;
    cursor:pointer;
}

.file_list{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}

.file_ligne{
	position:relative;
	display:block;
	margin-top:18px;
}

.file_visuel{
	display:inline-block;
	vertical-align:middle;
}

.file_visuel img{
	float:left;
	width:auto;
	height:60px;
}

.file_name{
	display:inline-block;
	vertical-align:middle;
	max-width:300px;
	padding:0 15px 0 10px;
	word-wrap:break-word;
	font-size:12px;
}

.file_delete{
	display:inline-block;
	vertical-align:middle;
}

.file_delete img{
	width:30px;
	height:30px;
	cursor:pointer;
}


/* PAGE: Accueil */

#page_home{
    background-image: url("../img/bg_home.png");
	background-position: top 115px center;
    background-repeat: no-repeat;
	background-size: 1366px 548px;
}

#page_home header{
    padding-top:80px;
}

#page_home #bl_contenu{
    padding-top:93px;
    text-align:center;
}

#page_home #titre{
    height:75px;
}

#page_home #page_home_text{
    margin-top:44px;
    font-size:19px;
    line-height:23px;
}

#page_home #bt_transmettre{
	margin-top:37px;
}

#page_home #bt_transmettre a{
    width:440px;
}


/* PAGE: Déclaration */

#page_decla{
    background-image: url("../img/bg_decla.png");
	background-position: top 158px center;
    background-repeat: no-repeat;
	background-size: 1366px 962px;
}

#page_decla #bl_contenu{
	width:1170px;
    padding-top:45px;
	text-align:center;
}

#page_decla #onglet1{
    margin-top:49px;
}

#page_decla #bl_champ{
    display:flex;
    flex-direction:column;
	width:384px;
	margin:0 auto;
    margin-top:21px;
}

#page_decla #bl_code{
	float:left;
	width:100%;
}

#page_decla #code{
	width:50%;
    text-align:center;
    border-right:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

#page_decla #onglet2{
    margin-top:69px;
    margin-bottom:23px;
}

#page_decla .upload_text1{
	margin-top:16px;
    font-size:17px;
    line-height:1.2em;
}

#page_decla .upload_text2{
	margin-top:17px;
	margin-bottom:10px;
    font-size:15px;
    line-height:18px;
}

#page_decla #bt_parcourir1, #page_decla #bt_parcourir2{
	margin-top:18px;
}

#page_decla #bt_parcourir1 a, #page_decla #bt_parcourir2 a{
    width:242px;
}

#page_decla #onglet3{
    margin-top:76px;
    margin-bottom:23px;
}

#page_decla #mentions{
	float:left;
	margin-top:30px;
	font-size:15px;
	line-height:22px;
	text-align:justify;
}

#page_decla #bt_valider{
	margin-top:54px;
}


/* PAGE: Validation */

#page_validation{
    background-image: url("../img/bg_validation.png");
	background-position: top 277px center;
    background-repeat: no-repeat;
	background-size: 1366px 1153px;
}

#page_validation #bl_contenu{
    padding-top:45px;
	text-align:center;
}

#page_validation #onglet1{
    margin-top:49px;
    margin-bottom:23px;
}

#page_validation .page_validation_text1{
	margin-top:16px;
    margin-bottom:28px;
    font-size:17px;
    line-height:1.2em;
}

#page_validation .bl_pa{
	display:flex;
	justify-content:center;
}

#page_validation .bl_pa img{
    margin:0 15px;
    max-width:484px;
    max-height:484px;
}

#page_validation #onglet2{
    margin-top:71px;
    margin-bottom:23px;
}

#page_validation #page_validation_text2{
	margin-top:50px;
    font-size:19px;
    line-height:23px;
}

#page_validation #bt_valider{
	margin-top:58px;
}


/* PAGE: Confirmation */

#page_conf{
    background-image: url("../img/bg_conf.png");
	background-position: top 120px center;
    background-repeat: no-repeat;
	background-size: 1366px 545px;
}

#page_conf #bl_contenu{
    padding-top:115px;
    padding-bottom:285px;
	text-align:center;
}

#page_conf #page_conf_text{
    margin-top:59px;
	font-size:19px;
    line-height:23px;
}


/* PAGE: Contact */

#page_contact{
    background-image: url("../img/bg_contact.png");
	background-position: top 142px center;
    background-repeat: no-repeat;
	background-size: 1366px 292px;
}

#page_contact #bl_contenu{
    width:100%;
    padding-top:52px;
    text-align:center;
}

#page_contact #titre{
    height:43px;
}

#page_contact #page_contact_text{
    margin-top:54px;
	font-size:19px;
    line-height:23px;
}

#page_contact #bl_tuto{
	display:flex;
	justify-content:center;
	margin-top:52px;
}

#page_contact .tuto_cadre{
	width:370px;
	margin:0 15px;
}

#page_contact .tuto_cadre img{
	width:90px;
	height:auto;
}

#page_contact .tuto_text1{
	margin-top:8px;
	font-size:19px;
    line-height:1em;
}

#page_contact .tuto_text2{
	margin-top:21px;
	font-size:17px;
    line-height:21px;
}

#page_contact #bt_back{
	margin-top:56px;
}


/* PAGE: Mentions légales */

#page_text{
    background-image: url("../img/bg_mentions.png");
	background-position: top center;
    background-repeat: no-repeat;
	background-size: 1366px 698px;
}

#page_text #bl_text{
    width:970px;
    margin:0 auto;
	margin-top:57px;
	text-align:justify;
}

#page_text .table{
	width:100%;
    margin-top:30px;
    margin-bottom:13px;
	border-collapse:inherit;
}

#page_text .table td{
    padding-top:27px;
    padding-bottom:16px;
    padding-left:30px;
	border-bottom:1px solid #fff;
}

#page_text .table th{
    padding-top:13px;
    padding-bottom:16px;
    padding-left:30px;
	border-bottom:1px solid #fff;
}

#page_text .table tr td:first-child, #page_text .table tr th:first-child{
	border-right:1px solid #fff;
}

#page_text .space{
	padding-left:50px;
}

#page_text #bt_back{
	margin-top:54px;
}


/* PAGE: Attente et Fin */

#page_out{
    background-image: url("../img/bg_out.png");
	background-position: top 145px center;
    background-repeat: no-repeat;
	background-size: 1366px 488px;
}

#page_out header{
    padding-top:80px;
}

#page_out #bl_contenu{
    padding-top:86px;
    padding-bottom:246px;
	text-align:center;
}

#page_out #titre{
    height:82px;
}

#page_out #page_out_text{
    margin-top:46px;
    font-size:19px;
    line-height:1em;
}


/* LIGHTBOX */

#lightbox{
	z-index:99;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.7);
}

#lightbox_bg{
	width:100%;
	height:100%;
}

#lightbox_load{
	position:absolute;
	left:50%; 
	top:50%;
	width:60px;
	height:60px;
	margin-top:-38px;
	margin-left:-38px;
	border:8px solid #f3f3f3;
	border-top:8px solid #c20012;
	border-radius:50%;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin{ /* Safari */
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}

@keyframes spin{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.lightbox_content{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	width:580px;
	height:auto;
	max-height:90%;
	padding-top:65px;
	padding-bottom:40px;
	background-color:#6e368c;
    border-radius:0;
	overflow:auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.lightbox_close{
	position:absolute;
	width:30px;
	height:30px;
	top:10px;
	right:10px;
	background-color:#fff;
	border-radius:50%;
	cursor:pointer;
}

.lightbox_close .bar{
    position:relative;
    top:1px;
	display:block;
	width:14px;
	height:2px;
	margin:8px auto;
	background:#6e368c;
	border-radius:0;
}

.lightbox_close .top{
	-webkit-transform: translateY(5px) rotateZ(45deg);
	-moz-transform: translateY(5px) rotateZ(45deg);
	-ms-transform: translateY(5px) rotateZ(45deg);
	-o-transform: translateY(5px) rotateZ(45deg);
	transform: translateY(5px) rotateZ(45deg);
}

.lightbox_close .bottom{
	-webkit-transform: translateY(-5px) rotateZ(-45deg);
	-moz-transform: translateY(-5px) rotateZ(-45deg);
	-ms-transform: translateY(-5px) rotateZ(-45deg);
	-o-transform: translateY(-5px) rotateZ(-45deg);
	transform: translateY(-5px) rotateZ(-45deg);
}

.lightbox_titre{
	margin-bottom:60px;
	font-size:24px;
    line-height:1.2em;
	text-align:center;
}

.lightbox_text{
	max-width:90%;
	margin:0 auto;
    color:#fff;
	font-size:16px;
	line-height:1.2em;
	text-align:center;
}

.lightbox_content .bouton{
	margin-top:40px;
}

.lightbox_content .bouton a{
	width:auto;
	min-width:230px;
	padding-left:20px;
	padding-right:20px;
}

#lb_match{
    width:630px;
    padding-bottom:50px;
}

#pourcentage{
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	margin-top: -10px;
	margin-left: -30px;
}


/* FOOTER */

footer{
	position:relative;
	width:100%;
    padding-top:49px;
    text-align:center;
    border:1px solid #b79bc6;
}

footer ul{
	text-align:center;
}

footer li{
	display:inline;
	list-style:none;
}

footer li a{
	color:#fff;
	font-size:14.5px;
	line-height:1em;
	cursor:pointer;
}

footer #footer_mention{
    width:100%;
    max-width:1200px;
    padding:0 15px;
    margin:0 auto;
    margin-top:43px;
    font-size:15px;
    line-height:22px;
    text-align:justify;
    text-align-last:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

footer #icon_mineur{
    display:block;
    width:40px;
    height:auto;
    margin:0 auto;
    margin-top:36px;
    margin-bottom:41px;
}

#gouv{
    width:100%;
    padding-top:41px;
    padding-bottom:39px;
    background-color:#ffdd00;
}

#gouv_content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    max-width:1170px;
    margin:0 auto;
  cursor: pointer;
}

#gouv_text{
    position:relative;
    top:-3px;
    color:#231f20;
    text-align:left;
    text-transform:uppercase;
}

#gouv_text1{
    font-size:28px;
    line-height:30px;
}

#gouv_text2{
    margin-top:12px;
    font-size:16px;
    line-height:1em;
}

#gouv_visuel{
    position:relative;
    right:-16px;
    width:198px;
    height:auto;
}