@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 { 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: #2d749c; background-image: url(images/bulles2.jpg); }
hr { border: none; border-top: 1px solid #96a3b7; }
img { max-width: 100%; vertical-align: bottom; }
p { font-family: 'Open Sans', sans-serif; text-decoration: none; word-wrap: break-word; margin: 18px 0; font-size: 18px; line-height: 1.3; color: #2d749c; font-weight: 400; }
h1 { font-family: 'acherus_grotesqueblack'; font-size: 20px; text-decoration: none; text-transform: uppercase; color: white; border-radius: 70px; background: linear-gradient(126deg,#56a2c9,#0286c4); margin: 80px 0 30px 0; padding: 10px; }
h2 { font-family: 'acherus_grotesqueblack'; color: #258bc1; font-size: 18px; text-decoration: none; margin-top: 55px; margin-bottom: 20px; letter-spacing: 0em; text-transform: uppercase; font-weight: 600; }
h3 { font-family: 'acherus_grotesqueblack'; color: #2c8bc1; 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: 14px; color: #2479a9; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: 0; }

table, th, td { border-bottom: 1px solid rgb(0 0 0 / 9%); border-collapse: collapse; padding: 0 ; color: #061923; }
table { width: 100%; display: block; overflow-x: auto; }
table p { color: black; }
td:first-of-type { left: 0; position: sticky; }

.table-cours { width: 100%; display: inline-table; }
table p { color: black; }



a.lien:hover { background-color: #acd1e4; text-decoration: none; box-shadow: 0px 0px 6px 3px rgb(43 43 43 / 17%); }
a.lien:visited { text-decoration: none; color: #2f4a58; }
.lien { padding: 7px 18px; color: #258bc1; border-radius: 20px; font-size: 18px; text-decoration: none; font-weight: bold; border: 1px solid #258bc1; }

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.lien3:hover { background: #444; color: #000; text-decoration: none; }
a.lien3:visited { text-decoration: none; color: #000; }
.lien3 { color: #fff; margin: 3px; padding-left: 0px; padding-right: 0px; text-decoration: none; border-bottom: 1px solid rgb(255 255 255 / 39%); font-size: small; }

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; }
a.menu-menu:focus-within { border-bottom: 10px solid #258bc1; }

a.email:hover { background-color: #333; color: #fff; text-decoration: none; }
a.email:visited { color: #fff; text-decoration: none; }
.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; margin: 10px 0; }

a { text-decoration: underline; color: #2d749c; }

.contact { width: 100%; background: linear-gradient(29deg,#023288,#8dd0ec); background-image: url(images/back-1.jpg); }
.legende { font-size: 13px; color: #000; text-decoration: none; }
.souligne { border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; }
/*.bouton-modal { font-family: sans-serif; margin: 70px -46px 0 0; float: right; font-size: 20px; background-color: #c3e1f0; border: 3px solid #0888c5; position: sticky; top: 130px; z-index: 2000000; transform: rotate(90deg); box-shadow: 7px -8px 7px 0px rgb(43 43 43 / 24%); background-color: #a7e0fd; padding: 22px 40px; border-radius: 50px; text-decoration: none; }*/
/*.bouton-modal { font-family: sans-serif; margin: 0; font-size: 20px; border: 3px solid #4ca4ce; position: sticky; top: 56px; width: 100%; z-index: 2000; box-shadow: 0px 8px 12px 0px rgb(43 43 43 / 24%); background-color: #a7e0fd; padding: 22px 40px; border-radius: 0; box-sizing: border-box; }*/
.bouton-modal { font-family: sans-serif; font-size: 20px; background-color: #c3e1f0; border: 6px solid #0888c5; margin: 10px 0 30px 70px; display: inline-block; box-shadow: 5px 5px 7px 0px rgb(43 43 43 / 31%); background-color: #a7e0fd; padding: 22px 120px; border-radius: 60px; text-decoration: none; font-weight: bold; }
.slide { border: none; border: 0px; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.small { font-size: 15px; color: black; text-decoration: none; }
.iframe-prog { height: 590px!important; background-color: darkblue; }



/* side navigation menu */
.sidenav { height: 100%; width: 0; position: fixed; z-index: 20000000; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.95); overflow-x: hidden; padding-top: 110px; transition: 0.5s; background-image: url(images/menu-mobile.png); background-position: bottom center; box-shadow: 7px -8px 7px 0px rgb(43 43 43 / 24%); }
.sidenav a { padding: 12px 25px; text-decoration: none; color: #949494; display: block; transition: 0.3s; color: #282865; font-weight: bold; }
.sidenav a:hover { color: #56a2c9; }
.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; }
}


/* scrollbar */
.scrollbarsDemo { height: -webkit-fill-available; scrollbar-base-color: white; scrollbar-base-color: white; scrollbar-3dlight-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white; scrollbar-arrow-color: white; scrollbar-shadow-color: white; scrollbar-dark-shadow-color: white; }
.scrollbarsDemo::-webkit-scrollbar { width: 10px; }
.scrollbarsDemo::-webkit-scrollbar-button { background-color: #0888c5; }
.scrollbarsDemo::-webkit-scrollbar-track { border-left: 0px solid #0888c5; }
.scrollbarsDemo::-webkit-scrollbar-thumb { background: #0888c5; }
.scrollbarsDemo::-webkit-scrollbar-thumb:window-inactive { background: #0888c5; }



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



/*----------------------------*/
/* MOBILE */
/*----------------------------*/

@media screen and (max-width: 1023px)
{
p { font-size: 16px; }
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: 14px; margin: 35px 0 30px 0; }
table, th, td { font-size: 15px; }
.bouton-modal { margin: 0; width: 100%; font-size: 20px; padding: 16px 20px; border: none; top: 55px; box-shadow: none; background-color: #108bc5; color: white; transform: none; border-radius: 0; }
#main { margin-top: 55px; }
.bottom { float: none; position: absolute; bottom: 5%; z-index: 500; float: none; left: 50%; margin-left: -35px; width:70px; display: none; }
.boxes { margin: 50px 0 0 0; }
.box2 { background-color: #eefaf5; margin: 30px 10px; box-sizing: border-box; padding: 20px; text-align: center; }
.col-s { padding: 40px 6% 10px 6%; }
.col-l { padding: 40px 2% 0 2%; }
.email { font-size: 12px; }
.full { width: 260px; }
.group { padding: 0 7%; }
.h2-mobile-top { margin-top: 10px!important }
.iframe { width: calc(100% + 40px); height: 350px; border: none; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 0 -20px 15px -20px; }
.lien { font-size: 16px; display: block; text-align: left; margin-bottom: 15px; }
.logo { position: fixed; top: 2px; right: 10px; width: 200px; z-index: 5000000; }
.main { width: 70px; float: left; margin: -30px 0 0px 20px; position: -webkit-sticky; position: sticky; top: 90px; }
.mobile-no { display: none!important; }
.presentation { margin: 15px 5px 25px 5px; }
.presentation-texte { width: 100%; text-align: left; margin: 0 0 30px 0; float: left; padding: 15px 25px; border-radius: 26px; border: 5px solid #8fc9e2; background-image: url(images/footer2.png); background-position: center; }
.top { display: none; }
.top2 { float: none; position: fixed; bottom: 30px; right: 10px; z-index: 5000; }
}


/*----------------------------*/
/* IPAD - DESKTOP */
/*----------------------------*/

@media screen and (min-width: 1024px)
{
h1 { margin: 10px 0px 30px 0px; font-size: 30px; line-height: 60px; }
h2 { font-size: xx-large; margin: 30px 0; color: #258bc1; text-transform: unset; }
h3 { font-size: x-large; margin: 10px 0 20px 0; text-transform: unset; }
h4 { font-size: 20px; text-decoration: none; font-weight: 600; margin-top: 0; color: #4e95bd; text-transform: unset; }
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; }
/*.bouton-modal { margin: 70px -116px 0 0; }*/
.iframe { height: 550px; width: 100%; border: 1px solid #dbdee2; margin: 0 0 15px 0; }
.menu-menu { font-size: 13px; color: #c3e1f0; color: white; text-decoration: none; padding: 20px 11px; text-transform: uppercase; display: inline-block; }
.email { font-size: 15px; background-color: #1f2e45; 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 { margin: -50px 0 0 0; }
.main { width: 70px; position: relative; top: -10px; left: -330px; }
.news { border-left: 5px solid #2c8bcc; padding: 1px 20px; }
.presentation:hover { transform: scale(1.00); transition: transform 0.5s; filter: alpha(opacity=50); box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.0); }
.presentation { margin: 45px 0; /*display: inline-table;*/ }
.presentation-texte { width: 44%; margin: 0 3% 30px 3%; text-align: left; float: left; padding: 0 35px 35px 35px; border-radius: 65px; border: 5px solid #8fc9e2; background-image: url(images/footer2.png); background-position: center; height: 510px; }
.logo { position: fixed; top: 0; left: 0; z-index: 10000; top: 5px; left: 50px; }
.bottom { display: none; float: none; position: absolute; bottom: 50px; z-index: 500; float: none; left: 50%; margin-left: -35px; width:70px; }
.col-l { padding: 60px 3%; }
.col-s { width: 1000px; max-width: 85%; margin: auto; padding: 60px 0; }
contact.p { color: white; }
.menu { float: none; position: fixed; top: 0%; z-index: 2000; width: 100%; border: 0px solid #E9E9E9; border-bottom: 10px solid #c3e1f0; text-align: right; padding-right: 20px; background: #56a2c9; box-shadow: 0px 40px 50px 30px rgb(255 255 255 / 0%); height: 66px; }
.tarif-png { /*margin: 0px 0 20px calc(50% - 400px)*/ }
.top { display: none; }
.top2 { float: none; position: fixed; bottom: 20px; right: 40px; z-index: 5000; }
}



/*----------------------------*/
/* exceptions */
/*----------------------------*/


/* IPAD */

@media screen and (min-width: 769px) and (max-width: 1024px)
{
.iframe { width: 840px; height: 400px; }
.presentation-texte { min-height: 470px; }
.main { width: 60px; position: relative; top: 18px; left: -279px; }
.bouton-modal { padding: 16px 90px; margin: 0; }
.tablet-no { display: none; }
.lien { display: inline-block; }
}