/* =============================== Body et styles généraux ======================================= */
html,body { width: 100%;margin: 0;padding: 0;font-family: 'Raleway', sans-serif;font-size: 14px;font-weight: 400;background: #6d0197;color: #373f41; }
body.support { background: #fff;padding: 100px 0 0 0; }

a { -webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;text-decoration: none;font-weight: 600; }
a:focus, a:hover { text-decoration: none; }
a.cta { padding: 7px 30px;border-radius: 30px;color: #2a006e;font-weight: 600;display: inline-block;font-size: 17px;
background: rgb(255,233,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,233,0,1) 0%, rgba(234,168,44,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,233,0,1) 0%,rgba(234,168,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,233,0,1) 0%,rgba(234,168,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe900', endColorstr='#eaa82c',GradientType=1 ); /* IE6-9 */ }
a.cta-alpha { padding: 7px 30px;border-radius: 30px;color: #fff;font-weight: 600;display: inline-block;font-size: 17px;border: 1px solid #fff; }
a.cta.larger { padding: 9px 50px; }
a.cta.bigger { padding: 15px 30px;font-size: 18px;line-height: 15px; }
a.cta:hover { color: #fff;
background: rgb(137,106,242); /* Old browsers */
background: -moz-linear-gradient(left, rgba(137,106,242,1) 0%, rgba(109,88,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(137,106,242,1) 0%,rgba(109,88,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(137,106,242,1) 0%,rgba(109,88,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#896af2', endColorstr='#6d58c9',GradientType=1 ); /* IE6-9 */ }
a.cta.black { color: #000; }
a.cta.black:hover { background: #fff; }
a.cta-alpha:hover { background: #fff;color: #2a006e; }
.more-container { width: 100%;text-align: center;float: left; }
.more-container.mrgtop { margin-top: 40px; }


/* ----------------- HEADER ----------------- */
header { position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;text-align: right;padding: 25px 30px; }
header.support { background: #6d0197; }

header.fixed { background: #46017e;border-bottom: 1px solid rgba(255,255,255,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.3); }
header .header-container { width: 100%;margin: 0 auto;position: relative;padding: 0 5vw; }
header .nav { display: inline-block;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;width: 60%; }
header .nav .metier { color: #fff;margin: 0 15px 0 15px;font-weight: 500;font-size: 16px;display: inline-block;position: relative; }
header .nav .metier._affichage, header .nav .metier._identite, header .metier._contact { display: none; }
header .nav .metier a { color: #fff;font-weight: 400;position: relative;z-index: 2; }
header .nav .metier i { font-size: 20px;top: 2px;opacity: 0.3;position: relative;line-height: 20px;padding: 5px;cursor: pointer;z-index: 2; }
header .nav .submenu { width: calc(100% + 40px);position: absolute;z-index: 1;left: -20px;padding: 80px 20px 20px 20px;background: rgba(255,255,255,0.1);-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
header .nav .submenu.off { top: -200px; }
header .nav .submenu.on { top: -28px; }
header.fixed .submenu { background: #46017e; }
header .nav .submenu a { display: block;text-align: left;font-size: 14px;margin: 0 0 8px 0; }
header .nav .submenu a:last-child { margin: 0; }
header .phone { display: inline-block;height: 36px;width: 36px;position: relative;border-radius: 50%;color: #fff;text-align: center;line-height: 36px;top: -1px; }
header .phone:hover { background: #6d0397;font-size: 17px; }
header .phone-number { position: absolute;width: 250px;top: 50px;padding: 5px 0;right: 73px;text-align: center;display: none;background: #6b0395;border-radius: 10px; }
header .phone-number a { display: block;margin: 5px 0;font-size: 19px;background: #6b0395;font-family: Arial;color: #fff;text-decoration: none; }
header .phone-number a span { font-weight: normal;opacity: 0.5; }
header .burger { height: 25px;font-size: 25px;width: 36px;position: relative;color: #fff;text-align: right;line-height: 25px;top: 3px;opacity: 0.7;display: none; }
header .burger:hover { opacity: 1; }
header .cta { margin: 0 3px; }
header .logo { width: 130px;display: inline-block;position: relative;float: left;top: -5px; }
header .logo img { display: inline-block;float: left; }
header .logo .poulpe { width: 23%;margin-right: 2%;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
header .logo .poulpe.off { transform: scale(0); }
header .logo .poulpe.on { transform: scale(1); }
header .logo .alveen { width: 100%;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
header .lang { display: inline-block;float: left;position: relative;top: 3px;margin-right: 15px;cursor: pointer; }
header .lang .choosen { display: inline-block;font-size: 16px;color: #fff;position: relative;z-index: 2;margin-left: 20px; }
header .lang .choosen i { font-size: 20px;top: 2px;opacity: 0.3;position: relative;line-height: 20px;padding: 5px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
header .lang .lang-chooser { width: 45px;position: absolute;top: -7px;left: 7px;border-radius: 24px;border: 1px solid rgb(255 255 255 / 0.3);padding: 40px 0px 15px 0px;width: 45px;z-index: 1;display: none; }
header.fixed .lang .lang-chooser { background: #46017e; }
header .lang .lang-chooser a { display: block;text-align: center;color: #fff;font-weight: 400;font-size: 16px;width: 43px; }
header .lang .lang-chooser a:hover { background: #ebab2c;color: #2a006e;font-weight: 600; }



/* ----------------- FOOTER ----------------- */
footer { width: 100%;float: left;padding: 35px 30px;background: #fff; }
footer.mask { opacity: 0; }
footer .footer-container { width: 100%;margin: 0 auto;position: relative;padding: 0 5vw; }
footer .footer-container .part { float: left;padding: 7vh 4vw 0 0;position: relative; }
footer .footer-container .part:nth-child(1) { width: 40%; }
footer .footer-container .part:nth-child(2) { width: 40%; }
footer .footer-container .part:nth-child(3) { width: 20%;padding-right: 0; }
footer .footer-container .part .item { text-align: right; }
footer .logo { width: 150px;margin: 0 0 15px 0;position: absolute;top: 0;left: 0; }
footer .item { width: 100%;margin: 0 0 22px 0;float: left; }
footer .item .label { width: 100%;color: #000;font-weight: bold;font-size: 14px;padding: 0;display: block;margin: 0 0 7px 0;text-align: left; }
footer .item form { display: block; }
footer .item form input { display: inline-block;float: left;width: 70%;background: #ddd;border-radius: 20px;border: none;padding: 10px 20px;outline: none;margin: 0 10px 10px 0; }
footer .item form input.send { width: 25%;background: #340074;color: #fff;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
footer .item form input.send:hover { background: #6d0397; }
footer .item .link { width: 50%;float: left;text-align: left; }
footer .item .link a { color: #340074; }
footer .item .social { width: 40px;height: 40px;color: #fff;text-align: center;border-radius: 50%;background: #340074;display: inline-block;font-size: 20px;line-height: 40px;margin-left: 5px; }
footer .item .social:hover { background: #6d0397; }
footer .bloc-mentions { width: 100%;float: left;text-align: left;color: #808080; }
footer .bloc-mentions a { display: inline-block;float: right;margin-left: 30px;color: #808080; }
footer .bloc-mentions a:hover { color: #340074; }


/* Project */
#project { width: 100%;height: 100vh;position: fixed;bottom: 0;left: 0;z-index: 100;display: none; }
#project .part { height: 100%;float: left;position: relative;z-index: 3;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
#project .part.bot { width: 30%; }
#project .part.bot.complete { width: 50%; }
#project .part.cards { width: 70%; }
#project .part.cards.complete { width: 50%; }
#project .part .content { height: 75vh;width: 100%;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); }
#project .part .card { width: 100%;height: 100%;padding: 0 7vw;position: absolute;top: 0;left: 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
#project .part .card.on { opacity: 1;z-index: 2; }
#project .part .card.off { opacity: 0;z-index: 1; }
#project .part .card .title { color: #fff;font-weight: 800;font-size: 40px;margin: 0 0 5px 0;line-height: 40px; }
#project .part .card .title2 { color: #f2c122;font-weight: 600;font-size: 30px;margin: 20px 0 5px 0;line-height: 30px; }
#project .part .card .sub { color: #f2c122;font-size: 16px;margin: 0; }
#project .part .card .liste { width: 100%;margin: 40px 0 10px 0;float: left; }
#project .part .card .liste .item { width: 100%;margin: 0 0 15px 0;float: left; }
#project .part .card .liste .item .check { display: inline-block;margin: 0 15px 0 0;height: 24px;width: 17px;border: 1px solid #f2c122;border-radius: 9px;cursor: pointer;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
#project .part .card .liste .item .check .coeur { display: block;border-radius: 5px;height: 22px; }
#project .part .card .liste .item .check.off { opacity: 0.4; }
#project .part .card .liste .item .check.on { opacity: 1; }
#project .part .card .liste .item .check.on > .coeur { background: #f2c122; }
#project .part .card .liste .item .lab { display: inline-block;color: #fff;font-size: 16px;position: relative;top: -5px; }
#project .part .content .close { position: absolute;top: -60px;right: 7vw;width: 60px;height: 60px; }
#project .part .content .close img { width: 100%; }
#project .part .card .actions { width: auto;text-align: right;position: absolute;bottom: 0;right: 0;padding-right: 7vw; }
#project .part .card .actions a { display: inline-block;width: 45px;height: 45px;border: 1px solid #fff;text-align: center;line-height: 45px;font-size: 20px;color: #fff;text-decoration: none;opacity: 0.5;margin-left: 5px; }
#project .part .card .actions a:hover { opacity: 1; }
#project .part .card .field { width: 100%;padding: 13px 20px;border: 0px;border-radius: 25px;background: #fff;font-size: 14px;outline: none; }
#project .part .card .field.half { width: calc(50% - 10px); }
#project .part .card .field.half.left { float: left;margin-right: 10px; }
#project .part .card .field.half.right { float: right;margin-left: 10px; }
#project .part .card .field.tiers { width: calc(33%); }
#project .part .card textarea.field { width: 100%;height: 150px;resize: none; }
#project #fumee { position: absolute;bottom: -34vh;left: -43vw;width: 75%;z-index: 2; }
#project #fumee.on { animation: launchFumee 0.9s ease-in forwards;animation-delay: 0.1s; }
#project #fumee2 { position: absolute;bottom: -56vh;right: -5vw;width: 80%;z-index: 1;opacity: 0.2; }
#project #fumee2.on { animation: launchFumee2 0.8s ease-in forwards;animation-delay: 0.2s; }
#project #stars { position: absolute;z-index: 0;width: 100%;height: 100%;bottom: 0;left: 0;opacity: 0;transform: scale(1); }
#project #stars.move { animation: moveStars 4s ease-in infinite;animation-delay: 1s; }
#project #rocket { position: absolute;z-index: 1;width: 400px;bottom: -100vh;left: -14vw;transform: scale(1.5); }
#project #rocket img.fusee { width: 100%;position: relative;z-index: 3; }
#project #rocket img.fire { width: 10%;position: absolute;top: 41%;z-index: 2;left: 48%;transform: scale(1); }
#project #rocket img.fire.move { animation: launchFire 0.3s ease-in infinite; }
#project #rocket img.trace { position: absolute;top: 28%;left: 6%;width: 66%;z-index: 1; }
#project #rocket.on { animation: launchRocket 1s ease-in forwards;animation-delay: 0s; }
#project .part .card input.cta { padding: 15px 30px;border-radius: 30px;color: #2a006e;font-weight: 600;display: inline-block;font-size: 17px;
-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
background: rgb(255,233,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,233,0,1) 0%, rgba(234,168,44,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,233,0,1) 0%,rgba(234,168,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,233,0,1) 0%,rgba(234,168,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe900', endColorstr='#eaa82c',GradientType=1 ); /* IE6-9 */ }
#project .part .card input.cta:hover { color: #fff;
background: rgb(137,106,242); /* Old browsers */
background: -moz-linear-gradient(left, rgba(137,106,242,1) 0%, rgba(109,88,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(137,106,242,1) 0%,rgba(109,88,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(137,106,242,1) 0%,rgba(109,88,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#896af2', endColorstr='#6d58c9',GradientType=1 ); /* IE6-9 */ }

@keyframes launchRocket {
	0% { bottom: -55vh;left: -14vw; }
	100% { bottom: 16vh;left: 16vw; }
}
@keyframes launchFire {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}
@keyframes launchFumee {
	0% { bottom: -34vh;left: -43vw; }
	100% { bottom: -5vh;left: -20vw; }
}
@keyframes launchFumee2 {
	0% { bottom: -56vh;right: -5vw; }
	100% { bottom: -2vh;right: -5vw; }
}
@keyframes moveStars {
	0% { transform: scale(1);opacity: 0.2; }
	50% { transform: scale(1.01);opacity: 0.5; }
	100% { transform: scale(1);opacity: 0.2; }
}


/* illus */
.illus { -webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }

/* -- Clearer -- */
.clearer { clear: both; }

/* Paneau cookies */
.cookies-panel { position: fixed;bottom: 50px;width: 300px;right: -300px;z-index: 999;padding: 30px;background: #2f074e;color: #fff; }
.cookies-panel .actions { display: block;text-align: right;margin-top: 15px; }
.cookies-panel .actions a { display: inline-block;margin: 0 10px;padding: 5px 10px;border-radius: 3px;background: #f3c324;color: #2f074e;text-decoration: none; }

/* modals */
.modal-header { background: #f1d5fd; }
.modal-title { text-align: center;font-weight: 800;line-height: 23px; }
.modal-body h4 { font-weight: 800;color: #340074;margin: 20px 0 5px 0; }

/* RGPD */
.rgpd { width: 100%;float: left;font-weight: 500;font-size: 13px;line-height: 18px;color: #fff;text-align: left; }
.rgpd a { color: #d79cf1;font-weight: 400; }
.rgpd #rgpd { margin: 0 5px 0 0;display: inline-block;height: 20px;width: 20px; }
.rgpdChecked { font-size: 20px;margin-right: 5px;color: #80de12;display: none; }

#resultForm { width: 100%;margin: 30px 0;text-align: center;font-weight: bold;display: none; }
#resultForm .ok, .resultat .ok { display: block;width: 100%;background: #a0e4a3;padding: 30px;border-radius: 5px;color: #15713e; }
#resultForm .bad, .resultat .bad { display: block;width: 100%;background: #f7beb2;padding: 30px;border-radius: 5px;color: #cb2b36; }




/* ------------ FORMS --------------- */
.form-zone { width: 100%;float: left;display: block;position: relative; }
.form-content { width: 100%;float: left;display: block; }
.form-content .input-group { width: 100%;background: #e8e8e8;height: 85px;border-bottom: 1px solid #858584;padding: 10px;position: relative;margin-bottom: 50px;float: left; }
.form-content .input-group span { display: block;font-size: 13px;color: #666;position: absolute;font-weight: 300;text-transform: uppercase;line-height: 20px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;top: 5px; }
.form-content .input-group span.on { font-size: 10px;color: #a2a2a2;line-height: 12px;font-weight: 400; }
.form-content .input-group input, .form-content .input-group select, .form-content .input-group textarea { border: none;width: 100%;height: 100%;background: transparent;font-size: 24px;color: #000;resize: none;min-height: 60px; }
.form-content .input-group input:focus, .form-content .input-group select:focus, .form-content .input-group textarea:focus { border: none;outline: none; }
.form-content .input-group textarea { padding: 20px 0px; }
.form-content .input-group._70 { width: 70%;height: 300px; }
.form-content .input-group._30 { width: 30%;height: 300px;background: transparent;border: none;padding: 0px; }
.form-content .input-group._30 .content { width: calc(100% - 50px);height: 100%;background: #ff9933;float: right;text-align: center;padding-top: 50px;text-decoration: none !important; }
.form-content .input-group._30 .content:hover { background: #cc6e10; }
.form-content .input-group._30 .content ._1 { font-size: 26px;font-weight: 300;position: relative;color: #fff;text-transform: uppercase;line-height: 10px; }
.form-content .input-group._30 .content ._2 { font-size: 37px;font-weight: 300;position: relative;color: #fff;text-transform: uppercase;line-height: 12px; }
.form-content .input-group._30 .content ._3 { font-size: 53px;font-weight: 600;position: relative;color: #fff;text-transform: uppercase;line-height: 31px;padding-bottom: 50px; }
.form-content .input-group._30 .content .info { font-size: 16px;font-weight: 300;position: relative;color: #fff;text-transform: uppercase;text-align: right;padding: 0 50px;line-height: 18px;margin-bottom: 40px; }
.form-content .input-group._30 .content .info i { position: absolute;display: block;top: 0px;left: 50px;font-size: 50px;lin-height: 50px; }
.form-content .result { width: 100%;color: #333;font-size: 19px;text-transform: uppercase;line-height: 22px;text-align: right;margin-bottom: 80px;float: right;display: none; }
.form-content .result #ticket-id { display: inline-block;background: #9cff8f;padding: 10px 35px;border-radius: 10px;border: 2px solid #333;font-size: 20px;font-weight: bold;color: #000; }
.form-content .result p { margin: 0px; }
.form-content .result p span { display: block;margin-top: 15px;font-weight: 600; }
.form-content .result p #ticket-uid { display: inline-block !important;margin-top: 0px !important; }
.form-content .result p #ticket-uid a { color: #f93; }

/* UPLOAD */
.form-content .left { width: 100%;width: 70%;float: left; }
.form-zone .upload{ width: 100%;width: 30%;position: absolute;top: 0;right: 0; }
.form-zone .upload .upload-zone { width: calc(100% - 50px);height: 300px;float: right; }
.form-zone .upload .upload-zone .head { width: 100%;text-align: center;color: #fff;font-size: 14px;padding: 20px 0;background: #464646; }
.form-zone .upload .upload-zone .add { display: inline-block;border-radius: 5px;background: #009ffa;font-size: 14px;color: #fff;padding: 10px 15px; }
.form-zone .upload .upload-zone .drop { width: 100%;background: #333;padding: 20px;text-align: center;display: none; }
.form-zone .upload .upload-zone .drop p { color: #9a9a9a;font-size: 13px;line-height: 17px; }
.form-zone .upload .upload-zone .drop p strong { color: #fff;font-weight: 600; }

.form-zone .upload .upload-zone .drop .list { width: 100%;text-align: left;color: #fff;font-size: 12px;padding: 0px 0px 0px 0px; }
.form-zone .upload .upload-zone .drop .list input { margin-bottom: 20px; }
.form-zone .upload .upload-zone .drop .list .bouton_envoi { display: none;border-radius: 3px;background: #009ffa;font-size: 14px;color: #fff;padding: 5px 15px;border: none;margin: 0px; }
.form-zone .upload .upload-zone .drop .list #preview { width: 100%;margin-top: 20px;padding: 0;list-style: none;font-size: 14px; }
.form-zone .upload .upload-zone .drop .list #preview li { width: 100%;color: #969696;padding: 5px 0;border-bottom: 1px solid #484848; }
.form-zone .upload .upload-zone .drop .list #preview li span { color: #fff; }
.form-zone .upload .upload-zone .drop .list #preview li .fa { color: green; }





/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1360px) {
	.form-zone .upload { width: 60%;left: 0px; }
	.form-zone .upload .upload-zone { float: left;width: calc(100% - 30px); }
	.form-content .left { width: 100%; }
	.form-content .input-group { margin: 0 auto 30px auto; }
	.form-content .input-group._70 { width: 100%; }
	.form-content .input-group._30 { margin: 0 auto 30px auto;width: 40%;float: right; }
	.form-content .input-group._30 .content { width: 100%; }
	.form-content .input-group._30 .content ._1 { font-size: 20px; }
	.form-content .input-group._30 .content ._2 { font-size: 28px;line-height: 0px; }
	.form-content .input-group._30 .content ._3 { font-size: 40px;line-height: 27px;padding-bottom: 25px; }
	.form-content .input-group._30 .content .info { text-align: center;padding: 30px 50px 0px 50px; }
	.form-content .input-group._30 .content .info i { width: 100%;left: 0px;font-size: 33px;line-height: 25px; }
}
@media (max-width: 1199px) {
	header { background: #2f074e !important; }
	header .burger { display: inline-block; }
	header .nav { display: none;position: fixed;width: 100%;left: 0;top: 86px;text-align: center;background: #2f074e;padding: 0 calc(5vw + 30px) 20px calc(5vw + 30px); }
	header .nav .metier { display: block;font-size: 26px;padding: 0;margin: 0; }
	header .nav .metier._contact { display: none; }
	header .nav .metier a { display: block;padding: 10px 0;border-radius: 10px; }
	header .nav .metier a:hover { background: #6d0397; }
	header .nav .metier i { display: none; }
	header .nav .metier._communication { display: none; }
	header .nav .metier._affichage, header .nav .metier._identite { display: block; }
	header .nav .submenu { display: none; }
	header .phone-number { right: 5vw; }
	
	footer .footer-container .part { padding: 7vh 2vw 0 0; }
	footer .footer-container .part:nth-child(1) { width: 100%;padding: 4vh 0 0 0;text-align: center; }
	footer .footer-container .part:nth-child(2) { width: 50%; }
	footer .footer-container .part:nth-child(3) { width: 50%; }
	footer .logo { position: relative;top: inherit;left: inherit; }
	footer .footer-container .part:nth-child(1) .item { text-align: center; }
	footer .footer-container .part:nth-child(1) .item .label { text-align: center;margin: 0 0 15px 0;font-size: 20px; }
	footer .item form input { width: 300px;float: none; }
	
	footer .item { margin: 0; }
	footer .item .link { width: 100%;margin: 0 0 15px 0; }
	footer .bloc-mentions { margin: 40px 0 0 0; }
}
@media (max-width: 991px) {
	#project .part.bot, #project .part.bot.complete { width: 0%; }
	#project .part.cards, #project .part.cards.complete { width: 100%; }
	#project #rocket { width: 150px; }
	header .nav .metier { font-size: 20px; }
}
@media (max-width: 768px) {
	header  { padding: 25px 0; }
	footer { padding: 35px 0; }
	footer .bloc-mentions a { margin-left: 15px; }
	#project .part .content { top: 0;margin-top: 50px;height: calc(100vh - 100px);transform: none; }
	#project .part .content .close { top: -40px;width: 30px;height: 30px; }
	#project .part .card .actions { width: auto;text-align: right;position: absolute;bottom: 100px;right: 0;padding-right: 7vw; }
	#project .part .card .field.tiers { width: 150px; }
	.g-recaptcha{transform:scale(0.72); -webkit-transform:scale(0.72); -moz-transform:scale(0.72);-ms-transform:scale(0.72); -o-transform:scale(0.72);transform-origin:0; -webkit-transform-origin:0;-moz-transform-origin:0;-ms-transform-origin:0;-o-transform-origin:0;}
	.form-zone .upload .upload-zone { display: none; }
	.form-content .input-group._30 { width: 100%; }
}
@media (max-width: 590px) {
	#project .part .card .title { font-size: 30px;line-height: 30px; }
	#project .part .card .field { padding: 10px 20px; }
	#project .part .card input.cta { padding: 10px 30px; }
	#project .part .card .title, #project .part .card .title2 { font-size: 24px;line-height: 26px; }
	footer .bloc-mentions { text-align: center; }
	footer .bloc-mentions a { float: none; }
	footer .item form input { margin: 0 10px 10px 10px; }
	footer .item form input.send { width: 180px; }
	#project .part { height: 97%; }
	#project .part .card .actions a { width: 35px;height: 35px;line-height: 35px;font-size: 15px; }
}
@media (max-width: 540px) {
	header .logo { width: 100px;top: 2px; }
	.header-container .contact { display: none; }
	header .nav .metier._contact { display: block;margin-top: 10px; }
	header .nav .metier._contact a { display: inline-block;padding: 12px 30px;border-radius: 30px;color: #2a006e;font-weight: 700; }
	header .nav .metier._contact a:hover { color: #fff;background: #896af2; }
	
	footer .footer-container .part:nth-child(2) { width: 100%;padding: 7vh 0 0 0; }
	footer .footer-container .part:nth-child(3) { width: 100%;padding: 7vh 0 0 0; }
	footer .item .link { text-align: center; }
	footer .footer-container .part .item { text-align: center; }
	footer .item form input { width: 250px; }
	#project .part #card_4 .liste  { margin: 10px 0 0 0; }
	#project .part #card_4 textarea.field { height: 130px; }
}