@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: 20px; line-height: 1.3; color: #3d505a; color: #444; }

li, ul { font-style: italic; font-family: serif; padding-left: 0px; margin-left: 18px; }

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

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: #999; border-bottom: 1px solid #888; 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:hover { text-decoration: underline; color: #999; }
a:visited { text-decoration: underline; color: #999; }

a.menu-menu:hover { color: #404040; text-decoration: none; border-bottom: 3px solid black; }

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; }

.presentation:hover { transform: scale(0.96); transition: transform 0.75s; opacity: 0.75; filter: alpha(opacity=50); }

.buttons { display: flex; justify-content: center; margin: 10px 0; }
button { font-size: 15px; color: #fff; background-color: #000; border-color: #000; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 10px 25px; border-radius: 3px; margin: 0 10px 0 0; }
.jplist-selected { background-color: #3b8bbb; border-color: #3b8bbb; }

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


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


/*side navigation menu*/
.sidenav { height: 100%; width: 0; position: fixed; z-index: 2; top: 0; left: 0; background-color: #111; overflow-x: hidden; padding-top: 110px; transition: 0.5s; }
.sidenav a { padding: 8px 25px; text-decoration: none; font-size: 22px; color: #eee; 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; }
}



/*----------------------------*/
/*cognito*/
/*----------------------------*/
.congito { font-family: 'Josefin 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: 'Josefin Sans', sans-serif!important; text-transform: uppercase!important; }
.cognito .c-forms-form .c-editor, .cognito .c-forms-form .c-rating-scale-questions { font-family: 'Josefin 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: 'Josefin Sans', sans-serif!important; font-size: 18px!important; font-weight: 100!important; color: black!important; }
.cognito .c-forms-form .c-label { font-family: 'Josefin 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: 'Josefin 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: 'Josefin 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: #3f96bc!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: 1px solid #182846!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: 'Josefin Sans', sans-serif!important; border-radius: 0!important; margin: 5px 8px!important; padding: 3px 10px!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: 1024px)
{
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: #4a575f; font-weight: 400; }
ul, li { font-family: 'Open Sans', sans-serif; text-decoration: none; word-wrap: break-word; margin: 10px 0 10px 9px; font-size: 17px; color: #4a575f; font-weight: 400; }
h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.0em; margin: 50px 0px; font-size: 29px; text-decoration: none; text-transform: uppercase; color: #000; }
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; }
.boxes { display: inline-block; margin: 50px; width: calc(100% - 100px); }
.box2 { float: left; border: 1px solid #0a0a0a; margin: 0 0 30px 0; padding: 25px; width: 100%; }
.menu { font-size: 14px; background-color: #fff; color: #000; text-decoration: none; padding: 18px; text-transform: uppercase; display: block; border-bottom: 1px solid #ddd; }
.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; }
.logo { position: fixed; top: 10px; left: 10px; width: 120px; display: none}
.logo-ch { position: fixed; top: 8px; right: 10px; width: 65px; z-index: 5; }
.bottom { float: none; position: absolute; bottom: 5%; z-index: 500; float: none; left: 50%; margin-left: -35px; width:70px; display: none; }
.presentation { width: 100%; margin: 10px 0; padding: 0; box-sizing: border-box; float: left; border: 1px solid #ddd; }
.presentation-texte { height: 150px; padding: 20px; border-top: 1px solid #eee }
.col-etroite { width: 850px; max-width: 80%; margin: auto; padding: 60px 0 40px 0; }
.col-height { padding: 10px; height: ; margin: 20px; background-color: #f5f5f5; }
.contact { width: 100%; background-color: #5a5953; padding-bottom: 40px; padding-top: 20px; color: #fff }
.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; }
.logo { width: 140px; float: none; position: absolute; top: 50px; left: 3%; z-index: 5500; }
.menu { float:none; position:fixed; top:0%; z-index:2000; width:100%; border:1px solid #E9E9E9; background:#fff; }
.mobile-no { display: none; }
.top { display: none; }
.top2 { float: none; position: fixed; bottom: 20px; right: 40px; z-index: 5000; }
.titre { font-family: 'acherus_grotesqueblack'; letter-spacing: 0.0em; margin: 0px; font-size: 22px; text-decoration: none; color: black; }
}


@media screen and (min-width: 1025px)
{
h1 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; margin: 40px 0px; font-size: 60px; text-decoration: none; text-transform: uppercase; color: black; }
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: 16px; text-decoration: none; margin: 10px 0; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; color: black; }
h4 { font-family: 'acherus_grotesqueblack'; letter-spacing: 0em; font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: 0; }
.boxes { display: inline-flex; margin: 80px calc(50% - 422px); }
.box2 { float: left; width: 400px; border: 1px solid #f9f9f9; background-color: #fff; margin: 10px; padding: 30px; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.04); }
.menu-menu { font-size: 12.5px; background-color: #fff; color: #000; text-decoration: none; padding: 25px 20px; text-transform: uppercase; display: inline-block; }
.email { font-size: 15px; background-color: #000; color: #fff; text-decoration: none; padding: 17px 35px; text-transform: uppercase; font-weight: bold; display: inline-block; border: 1px solid white; }
.desktop-no { display: none }
.presentation { width: 21%; margin: 40px 2%; padding: 0; box-sizing: border-box; float: left; border: 1px solid #ddd; }
.presentation-texte { height: 150px; padding: 20px; border-top: 1px solid #eee }
.logo { position: fixed; top: 0px; left: 0px; width: 65px; z-index: 20000; }
.logo-ch { position: fixed; top: 10px; right: 10px; width: 130px; z-index: 10000; }
.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; }
.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; background: #fff; box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.04); height: 66px; }
.mobile { display: none; }
.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; }

}