@font-face {
    font-family: 'acherus_grotesqueblack';
    src: url('fonts/acherus_grotesque_-_black-webfont.eot');
    src: url('fonts/acherus_grotesque_-_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/acherus_grotesque_-_black-webfont.woff2') format('woff2'),
         url('fonts/acherus_grotesque_-_black-webfont.woff') format('woff'),
         url('fonts/acherus_grotesque_-_black-webfont.ttf') format('truetype'),
         url('fonts/acherus_grotesque_-_black-webfont.svg#acherus_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');


body, td { font-family: 'Open Sans', sans-serif; font-weight: 100; text-decoration: none; word-wrap: break-word; margin: 0; font-size: 18px; line-height: 1.3; color: black; }

hr { border: none; border-top: 1px solid #96a3b7; }

img { max-width: 100%; vertical-align: bottom; }

.legende { font-size: 13px; color: #000; text-decoration: none; }

.souligne { border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; }

a.lien:hover { color: #ddd; text-decoration: none; }
a.lien:visited { text-decoration: none; color: #999; }
.lien { color: black; border-bottom: 1px solid #909090; padding: 1px; text-decoration: none; }

a.lien2:hover { background: #444; color: #000; text-decoration: none; }
a.lien2:visited { text-decoration: none; color: #000; }
.lien2 { color: #000; margin: 3px; padding-left: 0px; padding-right: 0px; text-decoration: none; background: #fff; border: 0px solid #000; }

a.lienblock:hover { text-decoration: none; background: linear-gradient(126deg,#3f44cc,#3b8bbb); }
a.lienblock:visited { text-decoration: none; color: #000; }
.lienblock { font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: bold; display: inline-block; border: 1px solid white; background: linear-gradient(126deg,#3f44cc,#32bd4f); background: linear-gradient(126deg,#3f44cc,#b24ade); color: white; padding: 17px 65px; border-radius: 30px; }

a:hover { text-decoration: underline; }
a:visited { text-decoration: underline; }

a.menu-menu:hover { color: #404040; text-decoration: none; border-bottom: 3px solid black; border-bottom: 10px solid #6c46d3 }
a.menu-menu:focus-within { border-bottom: 10px solid #8196b7; }

a { text-decoration: underline; color: #999; }

.slide { border: none; border: 0px; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a.email:hover { background-color: #333; color: #fff; text-decoration: none; }
a.email:visited { color: #fff; text-decoration: none; }


/* filtres */
/*.buttons { display: flex; justify-content: center; margin: 10px 0; }
button { font-size: 15px; color: #fff; background-color: #7595a5; border-color: #7595a5; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 3px solid transparent; padding: 10px 25px; border-radius: 3px; margin: 0 10px 0 0; background-color: #4678d2; border-color: #4678d2; }
/*.jplist-selected { outline: none; background-color: #050606; border: 3px solid #b24ade; }*/


.small { font-size: 15px; color: black; text-decoration: none; }


/* menu-mobile */
.menu-mobile { position: fixed; top:0; }


/* side navigation menu */
.sidenav { height: 100%; width: 0; position: fixed; z-index: 20; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.95); overflow-x: hidden; padding-top: 110px; transition: 0.5s; }
.sidenav a { padding: 12px 25px; text-decoration: none; color: #949494; display: block; transition: 0.3s; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 80px; margin-left: 50px; }
#main { transition: margin-left .5s; }
@media screen and ( max-height: 450px) {
.sidenav { padding-top: 15px; }
.sidenav a { font-size: 18px; }
}


/* social */
.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper { background-color: transparent!important; }



/* cognito */
.congito { font-family: 'Open Sans', sans-serif!important; }
.cognito .c-editor .c-choice-option label, .cognito .c-editor label.c-yesno-radio, .cognito .c-editor.c-yesno-checkbox label { font-weight: 100!important; }
.cognito .c-field { padding: 20px 0!important; }
.cognito .c-forms-form :not(.c-question) > .c-label { font-family: 'Open Sans', sans-serif!important; text-transform: uppercase!important; }
.cognito .c-forms-form .c-editor, .cognito .c-forms-form .c-rating-scale-questions { font-family: 'Open Sans', sans-serif!important; font-size: 1.1em!important; }
.cognito .c-forms-form .c-editor, .cognito .c-forms-form .c-rating-scale-questions { font-family: 'Open Sans', sans-serif!important; font-size: 18px!important; font-weight: 100!important; color: black!important; }
.cognito .c-forms-form .c-label { font-family: 'Open Sans', sans-serif!important; font-weight: 500!important; line-height: 1.3em; }
.cognito .c-forms-form .c-repeating-section-group > div:nth-child(odd) { background: rgba(255, 255, 255, 0.04)!important; }
.cognito .c-forms-form { min-height:100px!important; }
.cognito .c-forms-form button, .cognito .c-forms-form .c-add-item, .cognito .c-forms-form input[type=button], .cognito .c-forms-form .c-fileupload-dropzone .c-upload-button button { background-color: #000!important; border-color: #000!important; font-family: 'Open Sans', sans-serif!important; font-size: 18px!important; border-radius: 0!important; }
.cognito .c-forms-form h1, .cognito .c-forms-form h2, .cognito .c-forms-form h3 { font-family: 'Open Sans', sans-serif!important; font-size: 1.2em!important; }
.cognito .c-forms-form input[type=checkbox] + *:before { content: ''; display: inline-block; vertical-align: middle; width: 1.3em!important; height: 1.3em!important; background: #fff; margin: -1px 1em 5px 1px!important; box-shadow: none!important; border: 1px solid grey!important; border-radius: 30px!important; }
.cognito .c-forms-form input[type=checkbox]:checked + *:after { opacity: 1; transform: scale(1); color: #3f97bc!important; line-height: 0.9!important; }
.cognito .c-forms-form input[type=radio]:checked + *:before { background: #242454!important; }
.cognito .c-forms-form input[type=text], .cognito .c-forms-form input[type=password], .cognito .c-forms-form textarea, .cognito .c-forms-form select, .cognito .c-forms-form .c-repeating-section-container, .cognito .c-forms-form .c-background-highlight, .cognito .c-forms-form .c-fileupload-dropzone .c-upload-button button, .cognito .c-forms-form .c-button, .cognito .c-forms-form .c-add-item, .cognito.c-payment .c-payment-field, .cognito .c-forms-form .c-button { padding: 12px 1em!important; }
.cognito .c-forms-form input[type=text], .cognito .c-forms-form input[type=password], .cognito .c-forms-form textarea, .cognito .c-forms-form select, .cognito .c-forms-form .c-repeating-section-container, .cognito .c-forms-form .c-background-highlight, .cognito .c-forms-form .c-fileupload-dropzone .c-upload-button button, .cognito .c-forms-form .c-button:not(.c-save-resume-button), .cognito .c-forms-form .c-add-item, .cognito .c-forms-form .c-progress-steps li:before, .cognito .c-forms-form .c-rating-scale table, .cognito .c-forms-form .c-signature .c-editor>div, .cognito.c-payment .c-payment-field { box-shadow: none!important; border: 0px solid #182846!important; background-color: #e8e8e8!important; background-color: #242454!important; color: white!important; }
.cognito .has-switch { border-color: #dddddd!important; }
.cognito .has-switch label { background-image: none!important; background-color: #885b6e!important; }
.cognito .has-switch span.switch-right { background-image: none!important; background-color: #fff!important; }
.cognito #c-submit-button { border: 1px solid #182846!important; }
.cognito form { font-size: 14px!important; }
.cognito:not(.c-forms-actionBar) { max-width: 100%!important; margin: 0 -8px!important; text-align: left!important; }
.cognito .remove-icon circle { fill: #000!important; stroke: #000!important; }
.cognito .c-forms-form .c-forms-not-available-message, .cognito .c-forms-form .c-page-numbering, .cognito .c-forms-form .c-forms-confirmation-message, .cognito .c-forms-form #c-save-resume-content, .cognito .c-forms-form .c-progress-section a, .cognito .c-forms-form .c-forms-payment-order-summary .detail, .cognito .c-forms-form .c-web-paypal-processing { font-size: 14px!important; }
.cognito .c-forms-form .c-helptext { font-family: 'Vollkorn',Helvetica,sans-serif!important; color: #a7a7a7!important; font-size: 15px!important; }
.cognito .c-forms-form .c-validation, .cognito .c-forms-form .c-error:after, .cognito .c-forms-form .c-table .c-error .toggle-on:after, .cognito .c-forms-form .c-validation-icon { background-color: grey!important; color: white!important; font-size: 18px!important; font-family: 'Open Sans', sans-serif!important; border-radius: 0!important; margin: 5px 8px!important; padding: 3px 10px!important; }
.cognito .c-forms-form .c-placeholder-text-styled, .cognito .c-forms-form .c-placeholder-text-styled select { color: #949494!important; }
.cognito .c-dropdown:after, .c-select-input .chevron::before { color: #fff!important; }
.cognito .c-forms-form input[type=radio] + *:before { background: #eee!important; box-shadow: none!important; }


@media screen and (max-width: 768px)
{
.cognito.c-sml .c-forms-form input[type=text], .cognito.c-sml .c-forms-form input[type=password], .cognito.c-sml .c-forms-form input[type=email], .cognito.c-sml .c-forms-form input[type=tel], .cognito.c-sml .c-forms-form input[type=url], .cognito.c-sml .c-forms-form textarea, .cognito.c-sml .c-forms-form select, .cognito.c-sml .c-payment-field { box-shadow: none!important; border: 1px solid black!important; }
}




@media screen and (max-width: 1023px)
{
p { font-family: 'Open Sans', sans-serif; text-decoration: none; word-wrap: break-word; margin: 18px 0; font-size: 17px; line-height: 1.3; color: black; font-weight: 400; }
li, ul { text-decoration: none; word-wrap: break-word; padding-left: 0px; margin-left: 13px; font-weight: bold; font-size: 16px; line-height: 26px; }
h1 { font-size: 20px; text-decoration: none; text-transform: uppercase; color: white; border-radius: 70px; background: linear-gradient(126deg,#3f44cc,#b24ade); margin: 20px 0 30px 0; padding: 10px; }
h2 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 18px; text-decoration: none; margin-top: 10px; margin-bottom: 20px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
h3 { font-family: 'acherus_grotesqueblack'; color: #000; font-size: 16px; text-decoration: none; margin-top: 10px; margin-bottom: 10px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
h4 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; font-size: 15px; color: #000; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: 0; }
#main { margin-top: 50px; }
.boxes { margin: 50px 0 0 0; }
.box2 { background-color: #eefaf5; margin: 30px 10px; box-sizing: border-box; padding: 20px; text-align: center; }
.menu { font-size: 14px; background-color: #fff; color: #000; text-decoration: none; padding: 18px; text-transform: uppercase; display: block; border-bottom: 1px solid #dcdcdc; }
.email { font-size: 14px; background-color: #000; color: #fff; text-align: center; text-decoration: none; padding: 11px; text-transform: uppercase; font-weight: bold; display: block; }
.bak-1 { background: url(images/slide1b.jpg) top center; height:800px; }
.bak-2 { background: url(images/slide2b.jpg) top center; height:740px; }
.bottom { float: none; position: absolute; bottom: 5%; z-index: 500; float: none; left: 50%; margin-left: -35px; width:70px; display: none; }
.logo { position: fixed; top: 8px; right: 10px; width: 65px; z-index: 5; }
.full { width: 260px }
.group { padding: 0 7%; }
.presentation { margin: 10px 0; padding: 0; box-sizing: border-box; }
.presentation-texte { /*border: 3px solid #c0e0d3;*/ border-radius: 4px; padding: 10px; /*background-color: #eefaf5;*/ margin: 30px 0px; box-sizing: border-box; text-align: center; border: 3px solid #96a3b7; background-color: rgba(242, 241, 237, 0.58); }
.col-etroite { padding: 40px 7% 0 7% }
.col-height { padding: 10px; height: ; margin: 20px; background-color: #f5f5f5; }
.contact { width: 100%; background-color: #5a5953; padding-bottom: 70px; color: #fff; }
.contact { width: 100%; background-color: #000; background: linear-gradient(126deg,#3f44cc,#b24ade); }
.faq { position:fixed; top:50%; right:0px; z-index:21000; border: 1px solid .ddd; }
.logo { width: 147px; float: none; position: fixed; top: 0; right: 0; }
.menu { float:none; position:fixed; top:0%; z-index:2000; width:100%; border:1px solid #E9E9E9; background:#fff; }
.mobile-no { display: none!important; }
.plus { font-size: 80px; text-align: center; }
.top { display: none; }
.top2 { float: none; position: fixed; bottom: 30px; right: 10px; z-index: 5000; }
.titre { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.0em; margin: 0px; font-size: 22px; text-decoration: none; color: black; }
.white { color: white; }
}


@media screen and (min-width: 1024px)
{
h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; margin: 40px 0px; text-decoration: none; text-transform: uppercase; color: white; border-radius: 70px; background: linear-gradient(126deg,#3f44cc,#32bd4f); background: linear-gradient(126deg,#3f44cc,#b24ade); font-size: 50px; line-height: 80px; }
h2 { font-family: 'acherus_grotesqueblack'; font-size: 30px; text-decoration: none; margin: 30px 0; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; color: black; }
h3 { font-family: 'acherus_grotesqueblack'; font-size: 18px; text-decoration: none; margin: 10px 0 20px 0; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; color: #586882; }
h4 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: 0; }
li, ul { text-decoration: none; word-wrap: break-word; padding-left: 0px; margin-left: 18px; font-variant: all-small-caps; font-size: 17px; line-height: 28px; }
.boxes { display: inline-flex; margin: 35px 0; width: 100%; }
.box2 { width: 23%; border: 1px solid rgba(150, 163, 183, 0.27); background-color: #eefaf5; margin: 1%; box-sizing: border-box; padding: 20px; text-align: center; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0); }
.menu-menu { font-size: 11px; background-color: #fff; color: #000; text-decoration: none; padding: 21px 10px; text-transform: uppercase; display: inline-block; }
.email { font-size: 15px; background-color: #242454; color: #fff; text-decoration: none; padding: 17px 35px; text-transform: uppercase; font-weight: bold; display: inline-block; border: 0px solid white; }
.desktop-no { display: none }
.group { padding: 40px; text-align: center }
.presentation:hover { transform: scale(1.25); transition: transform 0.35s; filter: alpha(opacity=50); box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.05); }
.presentation { margin: 15px; display: inline-table; }
.presentation-texte { height: 220px; width: 320px; padding: 25px; /*background-color: #daebf3; text-align: left; border: 3px solid #cfe5ef; /*border-radius: 4px; background-color: #eefaf5;*/ border: 3px solid #c0e0d3; border-radius: 6px; border: 3px solid #96a3b7; background-color: rgba(242, 241, 237, 0.7); /*background-image: url(images/back-quest.jpg);*/ box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.11); }
.logo { position: fixed; top: 0; left: 0; z-index: 10000; width: 150px; top: 5px; left: 24px; width: 140px; transform: rotate(-10deg); }
.col40 { width: 40%; float: left; box-sizing: border-box; }
.col60 { width: 60%; float: left; box-sizing: border-box; }
.padding40 { padding: 0 40px; }
.bak-1 { background: url(images/slide1b.jpg) top left; height:700px; margin: 30px; border: 1px solid #ccc; }
.bak-2 { background: url(images/slide2b.jpg) top center; height:740px; }
.bottom { display: none; float: none; position: absolute; bottom: 50px; z-index: 500; float: none; left: 50%; margin-left: -35px; width:70px; }
.col-etroite { width: 1000px; max-width: 75%; margin: auto; padding: 60px 0; }
.col-height { padding: 30px; height: ; margin: 20px; background-color: #f5f5f5; }
.contact { width: 100%; background-color: #000; background: linear-gradient(126deg,#3f44cc,#b24ade); }
.contenu { max-width: 100%; margin: auto; margin-top: 0px; margin-bottom: 0px; }
.faq { position:fixed; top:50%; right:0px; z-index:21000; border: 1px solid #ddd; }
.menu { float: none; position: fixed; top: 0%; z-index: 2000; width: 100%; border: 0px solid #E9E9E9; border-bottom: 10px solid #242454; text-align: right; padding-right: 20px; background: #fff; box-shadow: -1px 11px 20px 10px rgba(0, 0, 0, 0.025); height: 66px; }
.mobile { display: none; }
.plus { font-size: 100px; margin: 130px 20px 0 20px }
.titre { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.0em; margin: 0px; font-size: 60px; text-decoration: none; color: black; }
.top { display: none; }
.top2 { float: none; position: fixed; bottom: 20px; right: 40px; z-index: 5000; }
.white { color: white; }
}



/*----------------------------*/
/* exceptions */
/*----------------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px)
{
h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; margin: 40px 0px; text-decoration: none; text-transform: uppercase; color: white; border-radius: 70px; background: linear-gradient(126deg,#3f44cc,#b24ade); font-size: 40px; line-height: 60px; }
}