.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}html{box-sizing:border-box;scroll-behavior: smooth;}*,*:before,*:after{box-sizing:inherit} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} html {scroll-behavior: smooth;} body {margin:0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0}[hidden],template{display:none} @font-face{font-family:'Effra';src:url("../fonts/Effra-Regular.eot");src:url("../fonts/Effra-Regular.woff"),url("../fonts/Effra-Regular.ttf"),url("../fonts/Effra-Regular.svg");font-weight:normal} @font-face{font-family:'BebasNeue';src:url("../fonts/BebasNeue.eot");src:url("../fonts/BebasNeue.woff"),url("../fonts/BebasNeue.ttf"),url("../fonts/BebasNeue.svg");font-weight:normal}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap'); a, a:active, a:visited { color: #CC103F; text-decoration: none; } a:hover { color: #00346e; } a:active,a:hover { outline:0; } a.footer-style:link, a.footer-style:active, a.footer-style:visited { color: #fff; text-decoration: none; } a.footer-style:hover { color: #CC103F; } h1, h2, h3, h4, h5, h6 {font-family: 'Quicksand', sans-serif;} h1 {font-size:2em;margin:0.67em 0} p { color:#003671; } mark{background:#ff0;color:#000} small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} .wrap{max-width:1024px;margin-left:auto;margin-right:auto;padding:0 20px}.wrap:after{content:" ";display:block;clear:both}@media screen and (max-width: 727px){.wrap{padding:0 8.4967320261%}}.clearfix{overflow:auto;zoom:1}p{font-family:"Effra",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0}h1,h2,h3{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0}img{display:block}ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;padding:0;margin:0}ul li{list-style:none}ul ol{list-style:none} a{} .logoFlash{width:145px} .ariaHidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .sizeH2{font-size:50px;font-size:3.125rem;}@media screen and (max-width: 727px){.sizeH2{font-size:38px;font-size:2.375rem}}.sizeH3{font-size:28px;font-size:1.75rem;}@media screen and (max-width: 727px){.sizeH3{font-size:25px;font-size:1.5625rem}}.sizeHeure{font-size:90px;font-size:5.625rem}@media screen and (max-width: 727px){.sizeHeure{font-size:58px;font-size:3.625rem}} .btnFleche {font-size:18px;font-size:1.125rem;color:#cc103f;display:inline-block;border:2px solid #cc103f;padding:10px 60px 10px 15px;position:relative}@media screen and (max-width: 727px){.btnFleche{font-size:16px;font-size:1rem;text-align:center;width:100%;padding:10px 15px}} .btnFleche:after{content:">";position:absolute;right:15px;transition:all 0.3s ease}@media screen and (max-width: 727px){.btnFleche:after{content:""}} .btnFleche:hover:after{right:10px} .btnBlanc{font-size:18px;font-size:1.125rem;color:white;text-align:center;border:2px solid white;padding:10px 25px;display:inline-block;transition:all 0.3s ease}@media screen and (max-width: 727px){.btnBlanc{font-size:16px;font-size:1rem;padding:10px 15px;width:100%}}.btnBlanc:hover{background-color:white;color:black}.rouge{color:#cc103f}.notaBene{font-size:18px;font-size:1.125rem;}@media screen and (max-width: 727px){.notaBene{font-size:16px;font-size:1rem;line-height:1.2}}.ligne_bas_gauche,.ligne_bas_droite,.ligne_haute_gauche,.ligne_haute_droite{position:relative}.ligne_bas_gauche:after,.ligne_bas_droite:after{content:"";display:block;height:7px;background-color:#cc103f;position:absolute;bottom:-3.5px}@media screen and (max-width: 727px){.ligne_bas_gauche:after,.ligne_bas_droite:after{height:3px;bottom:-1.5px}}.ligne_bas_gauche:after{left:0}.ligne_bas_droite:after{right:0}.ligne_haute_gauche:before,.ligne_haute_droite:before{top:-3.5px;content:"";display:block;height:7px;background-color:#cc103f;position:absolute}@media screen and (max-width: 727px){.ligne_haute_gauche:before,.ligne_haute_droite:before{height:3px;top:-1.5px}}.ligne_haute_gauche:before{left:0}.ligne_haute_droite:before{right:0}.alignGauche h2{float:left}@media screen and (max-width: 727px){.alignGauche h2{float:none}}.alignGauche .blocImg{float:right}@media screen and (max-width: 727px){.alignGauche .blocImg{float:none}}.alignGauche .blocImg img{width:100%}.alignGauche p{float:left}@media screen and (max-width: 727px){.alignGauche p{float:none}}.alignDroite h2{float:right}@media screen and (max-width: 727px){.alignDroite h2{float:none}}.alignDroite .blocImg{float:left}@media screen and (max-width: 727px){.alignDroite .blocImg{float:none}}.alignDroite .blocImg img{width:100%}.alignDroite p{float:right}@media screen and (max-width: 727px){.alignDroite p{float:none}}body.no-js header .logoFlash{opacity:1} body.no-js header #navigations{opacity:1} body.no-js header .banner.mainPage{opacity:1;top:8vh} body.no-js header .banner.metaPage{clear:both} body.menuOuvert{overflow:hidden} header p,header a,header h1{color:#cc103f} header .banner.mainPage { width: 100%; position:absolute; top:18vh; left:0; right:0; clear:both; opacity:0; transition:all 1s ease-in; } header .banner.mainPage h1 { text-align:center; }@media screen and (max-width: 727px){header .banner.mainPage h1{ width:83.0065359477%; margin:auto; }} header .banner.mainPage h1 img { width: 25%; display: block; top:16vh; margin-left: auto; margin-right: auto; }@media screen and (max-width: 727px){header .banner.mainPage h1 img{ width:80%; top:0vh; margin:auto; }} header .banner.mainPage h1 span { display:block; }@media screen and (max-width: 727px){header .banner.mainPage h1 span{}} header .banner.mainPage h1 span:last-child {margin-top:-25px}@media screen and (max-width: 727px){header .banner.mainPage h1 span:last-child{margin-top:-10px}} header .banner.mainPage h1 a {font-size:18px;font-size:1.125rem;letter-spacing:normal;color:#cc103f;display:block;border:1px solid #cc103f;width:275px;margin:auto;padding:10px 15px;transition:all 0.3s ease} header .banner.mainPage h1 a:hover {background-color:#cc103f;color:white} header .banner.mainPage.active { opacity:1; }@media screen and ( max-width: 727px ){header .banner.mainPage.active{ top:15vh }} header .banner.metaPage {clear:both;max-width:1024px;margin-left:auto;margin-right:auto;padding:0 20px} header .banner.metaPage:after {content:" ";display:block;clear:both}@media screen and (max-width: 727px){header .banner.metaPage{padding:40px 8.4967320261% 0 8.4967320261%}} header .banner.metaPage h1 {font-size:100px;font-size:6.25rem;font-family:"BebasNeue",Helvetica,Arial,sans-serif;font-weight:normal;width:49.0196078431%;float:left;line-height:1}@media screen and (max-width: 727px){header .banner.metaPage h1{font-size:50px;font-size:3.125rem;width:100%;float:none;line-height:1.2}} header .banner.metaPage .blocImg { float:right; margin-top:100px; width:49.0196078431%; }@media screen and (max-width: 727px){header .banner.metaPage .blocImg{width:100%;float:none;margin-top:25px}}header .banner.metaPage .blocImg img{width:100%}header .banner.metaPage .ligne_bas_droite:after{width:66%} header.mainPage {position:relative;height:70vh}@media screen and (max-width: 727px){header.mainPage{height:50vh}}main{margin-top:80px;margin-bottom:80px}@media screen and (max-width: 727px){main{margin-top:40px;margin-bottom:40px}} main p { color: #003671; }@media screen and (max-width: 727px){main p{line-height:1.5}} main p { font-size: 18px; font-size:1.125rem; }@media screen and (max-width: 727px){main p{font-size:16px;font-size:1rem}} main h2 { color: #003671; line-height: 1.0em; } main h2 { font-size: 50px; font-size:3.125rem; }@media screen and (max-width: 727px){main h2{font-size:28px;font-size:1.375rem}} main h3 { font-size: 28px; font-size:1.75rem; }@media screen and (max-width: 727px){main h3{font-size:25px;font-size:1.5625rem}} main.mainPage {position:relative} main.mainPage:before {content:"";background-image:url("../img/bg_dot.png");width:100%;height:200px;display:block;position:absolute;top:-160px;z-index:-1}@media screen and (max-width: 727px){main.mainPage:before{height:100px;top:-70px;margin-top:0}} main.metaPage .wrap ul li {margin-bottom:50px}@media screen and (max-width: 727px){main.metaPage .wrap ul li{margin-bottom:40px}} main.metaPage .wrap ul li:after {content:"";display:block;height:22px;width:100%;margin-top:15px;background-image:url("../img/bg_dot.png")} main.metaPage .wrap ul li h2 {line-height:1.5}@media screen and (max-width: 727px){main.metaPage .wrap ul li h2{line-height:1}} main.metaPage .wrap ul li .sizeH3 {margin-top:40px}@media screen and (max-width: 727px){main.metaPage .wrap ul li .sizeH3{margin-top:30px}} main.metaPage .wrap ul li p .btnFleche {margin-top:20px} #copyright{text-align:center;font-size:16px;font-size:1rem;color:white;clear:both}@media screen and (max-width: 727px){#copyright{font-size:12px;font-size:0.75rem}} a.disable{color:#bfbfbf !important;border:1px solid #bfbfbf !important;cursor:not-allowed !important;transition:all 0.3s ease}a.disable:hover{background:#bfbfbf !important;color:white !important} @media screen and (max-width: 727px){header .logoFlash{width:32.0261437908%;margin-top:20px;margin-left:8.4967320261%}}header .logoFlash a{display:block}header .logoFlash.active{opacity:1} header #navigations ul li a {display:block}@media screen and (max-width: 727px){header #navigations ul li a{display:inline;font-size:18px;font-size:1.125rem}}@media screen and (max-width: 727px){header #navigations nav{position:static}}@media screen and (max-width: 727px){header #navigations nav ul li{margin-top:0}} header #navigations nav ul li a {font-size:20px;font-size:1.25rem;padding:10px;border:1px solid #cc103f;margin-right:15px;transition:all 0.3s ease} header #navigations nav ul li a:hover {background-color:#cc103f;color:white}@media screen and (max-width: 727px){header #navigations nav ul li a{display:block;border:none;border-left:6px solid #cc103f;border-top:1px solid #cc103f;margin:0;padding-left:25px}}@media screen and (max-width: 727px){header #navigations nav ul li a:after{content:">";float:right}} header #navigations nav ul li a.pageActive {background-color:#cc103f;color:white} header #navigations nav ul li:last-child a {margin-right:0}@media screen and (max-width: 727px){header #navigations nav ul li:last-child a{border-bottom:1px solid #cc103f}} header #navigations #metaNav {position:absolute;top:0;right:0}@media screen and (max-width: 727px){header #navigations #metaNav{width:75%;position:static;margin-left:35px}}@media screen and (max-width: 727px){header #navigations #metaNav ul li{margin:20px 0}} header #navigations #metaNav ul li a {font-size:18px;font-size:1.125rem;border-bottom:1px solid #cc103f;transition:all 0.2s ease} header #navigations #metaNav ul li a:hover {border-bottom:1px solid white} header #navigations #metaNav ul li a:after {content:"/";padding-left:5px;border-bottom:1px solid white}@media screen and (max-width: 727px){header #navigations #metaNav ul li a:after{content:""}} header #navigations #metaNav ul li a.pageActive {border-bottom:1px solid white}header #navigations #metaNav ul li:last-child a:after{content:""} header #navigations #metaNav:before {content:"";background-image:url("../img/bg_dot.png");margin-bottom:15px;margin-top:10px;width:100%;height:10px;display:none;float:right}@media screen and (max-width: 727px){header #navigations #metaNav:before{display:block}} header #navigations #metaNav:after {content:"";background-image:url("../img/bg_dot.png");margin-top:10px;width:400px;height:20px;display:block;float:right}@media screen and (max-width: 727px){header #navigations #metaNav:after{display:none}} header #navigations.active {opacity:1}@media screen and (max-width: 727px){header #navigations.menuOuvert{left:0}} header #bgNavMobile {width:100%;background:rgba(0,0,0,0.5);height:100%;position:fixed;z-index:9;display:none} header #bgNavMobile.menuOuvert {display:block} header #btn_menuMobile {display:none;font-size:20px;font-size:1.25rem;width:23.5294117647%;float:right;margin-top:20px;margin-right:8.4967320261%} header #btn_menuMobile a {display:block;padding:15%;border:1px solid #cc103f;text-align:center}@media screen and (max-width: 727px){header #btn_menuMobile{display:block}}@media screen and (max-width: 727px){header #navigations{float:none;position:fixed;left:-100%;z-index:10;text-align:left;margin:0;height:100vh;background:white;width:80%;display:block;transition:all 0.5s ease}} header #navigations #btnFermer_menuMobile {display:none;margin:35px 0 25px 35px}@media screen and (max-width: 727px){header #navigations #btnFermer_menuMobile{display:block}}header #navigations #btnFermer_menuMobile a{display:inline-block;font-size:20px;font-size:1.25rem;padding-bottom:2px;border-bottom:1px solid #cc103f}header #navigations ul li{display:inline-block}@media screen and (max-width: 727px){header #navigations ul li{display:block}} #accueil div .ligne_bas_gauche:after,#accueil div .ligne_bas_droite:after {width:80%} #accueil div .ligne_haute_gauche:before,#accueil div .ligne_haute_droite:before{width:80%} #accueil .blocNonFull{margin-bottom:90px;}@media screen and (max-width: 727px){#accueil .blocNonFull{margin-bottom:70px;}} #accueil .blocFull {text-align:center;margin-bottom:90px}@media screen and (max-width: 727px){#accueil .blocFull{margin-bottom:70px}} #accueil .blocFull h2,#accueil .blocFull p {color:#003671;} #accueil .blocFull .datePublication {color:rgba(255,255,255,0.6);font-family:Georgia,Helvetica,Arial,sans-serif;font-style:italic;margin-bottom:20px} #boutoncenter { width: 100%; ;margin-left: 0; margin-right: 0; font-size: 18px; } .logo { margin-left: auto; margin-right: auto; margin-top: 5%; } .logo img { margin-left: auto; margin-right: auto; display: block; }@media screen and (max-width: 727px){.logo img{width:75%;}} /* Style all font awesome icons */ .fa { padding: 20px; } #accueil #bloc1 .wrap h2 { padding-top:0; margin-bottom:0;}@media screen and (max-width: 727px){#accueil #bloc1 .wrap h2{ font-size:40px; margin-bottom:0;} } #accueil #bloc1 .wrap h2,#accueil #bloc1 .wrap p { width:45%; padding-bottom: 20px; }@media screen and (max-width: 727px){#accueil #bloc1 .wrap h2,#accueil #bloc1 .wrap p{width:100%} } #accueil #bloc1 .wrap .blocImg { width:50% }@media screen and (max-width: 727px){#accueil #bloc1 .wrap .blocImg{width:100%; margin-bottom:20px;} } #accueil #bloc1 .wrap p a { width:100% }@media screen and (max-width: 727px){#accueil #bloc1 .wrap p a{margin-top:25px} } #accueil #bloc2 .wrap h2,#accueil #bloc2 .wrap p {width:57.5163398693%}@media screen and (max-width: 727px){#accueil #bloc2 .wrap h2,#accueil #bloc2 .wrap p{width:100%}} #accueil #bloc2 .wrap h2 {margin-bottom:35px}@media screen and (max-width: 727px){#accueil #bloc2 .wrap h2{margin-bottom:25px}}@media screen and (max-width: 727px){#accueil #bloc2 .wrap h2 .smallInside{line-height:1.5}} #accueil #bloc2 .wrap .blocImg {width:40.522875817%}@media screen and (max-width: 727px){#accueil #bloc2 .wrap .blocImg{width:100%;margin-bottom:25px}} #accueil #bloc2 .wrap p a {margin-top:45px}@media screen and (max-width: 727px){#accueil #bloc2 .wrap p a{margin-top:25px}} #accueil #bloc3 { background:url("../img/accueil/bg-palm-tree-wood.jpg") no-repeat center;-webkit-background-size:cover;background-size:cover} #accueil #bloc3 .wrap { padding-top:80px;padding-bottom:80px}@media screen and (max-width: 727px){#accueil #bloc3 .wrap{padding-top:60px;padding-bottom:60px}} #accueil #bloc3 .wrap h2 { margin-bottom:0}@media screen and (max-width: 727px){#accueil #bloc3 .wrap h2{margin-bottom:0;}} #accueil #bloc3 .wrap p { width:66.0130718954%;margin-left:auto;margin-right:auto;line-height:1.5}@media screen and (max-width: 727px){#accueil #bloc3 .wrap p{width:100%}} #accueil #bloc3 .wrap p a { margin-top:35px}@media screen and (max-width: 727px){#accueil #bloc3 .wrap p a{margin-top:25px}} #accueil #bloc4 .wrap h2{width:42.4836601307%;margin-left:8.4967320261%;margin-bottom:35px;line-height:1}@media screen and (max-width: 727px){#accueil #bloc4 .wrap h2{width:100%;margin-left:0;margin-bottom:25px}} #accueil #bloc4 .wrap h2 .smallInside{margin-top:15px}#accueil #bloc4 .wrap .blocImg{width:40.522875817%}@media screen and (max-width: 727px){#accueil #bloc4 .wrap .blocImg{width:100%;margin-bottom:25px}} #accueil #bloc4 .wrap p{width:40.522875817%;margin-left:8.4967320261%}@media screen and (max-width: 727px){#accueil #bloc4 .wrap p{width:100%;margin-left:0}} #accueil #bloc4 .wrap p a{margin-top:45px;width:335px}@media screen and (max-width: 727px){#accueil #bloc4 .wrap p a{width:100%;margin-top:25px}} #accueil #bloc5 .wrap h2 {width:50%;margin-bottom:50px;line-height:1}@media screen and (max-width: 727px){#accueil #bloc5 .wrap h2{width:100%;margin-bottom:25px}} #accueil #bloc5 .wrap h2 .smallInside {margin-top:15px} #accueil #bloc5 .wrap .blocImg {width:45%}@media screen and (max-width: 727px){#accueil #bloc5 .wrap .blocImg{width:100%;margin-bottom:25px}} #accueil #bloc5 .wrap p {width:50%}@media screen and (max-width: 727px){#accueil #bloc5 .wrap p{width:100%}} #accueil #bloc5 .wrap p a {margin-top:50px}@media screen and (max-width: 727px){#accueil #bloc5 .wrap p a{width:100%;margin-top:25px}} #accueil #bloc6 {background:url("../img/accueil/bg-palm-tree-wood-blue.jpg") no-repeat center;-webkit-background-size:cover;background-size:cover} #accueil #bloc6 .wrap {padding-top:95px;padding-bottom:95px}@media screen and (max-width: 727px){#accueil #bloc6 .wrap{padding-top:60px;padding-bottom:60px}}@media screen and (max-width: 727px){#accueil #bloc6 .wrap p{width:100%}} #accueil #bloc6 .wrap h2 {color:#fff;} #accueil #bloc6 .wrap h4 {color:#fff; font-size: 22px; line-height:1.2em;} #accueil #bloc6 .wrap p a {margin-top:35px;} #accueil #bloc6 .wrap p {margin-top:35px; color:#fff!important;} #accueil #bloc7 .wrap h2 { width:45%; margin-bottom:35px; line-height:1}@media screen and (max-width: 727px){#accueil #bloc7 .wrap h2{width:100%;margin-right:0;margin-bottom:25px}}@media screen and (max-width: 727px){#accueil #bloc7 .wrap h2 .smallInside{margin-top:15px}} #accueil #bloc7 .wrap .blocImg { width:50%; }@media screen and (max-width: 727px){#accueil #bloc7 .wrap .blocImg{width:100%;margin-bottom:25px}} #accueil #bloc7 .wrap p { width:45%}@media screen and (max-width: 727px){#accueil #bloc7 .wrap p{width:100%}} #accueil #bloc7 .wrap p a { margin-top:70px}@media screen and (max-width: 727px){#accueil #bloc7 .wrap p a{width:100%;margin-top:25px}} #accueil #bloc8 .wrap h2{width:33.9869281046%;line-height:1;margin-top:80px}@media screen and (max-width: 727px){#accueil #bloc8 .wrap h2{width:100%;margin-top:0;margin-bottom:25px}} #accueil #bloc8 .wrap .blocImg{width:66.0130718954%}@media screen and (max-width: 727px){#accueil #bloc8 .wrap .blocImg{width:100%}} #galeriePhotos .wrap{padding-top:60px;padding-left:10px;padding-right:10px}@media screen and (max-width: 727px){#galeriePhotos .wrap{padding-left:20px;padding-right:20px}} #galeriePhotos .wrap #images .image{padding:10px}@media screen and (max-width: 727px){#galeriePhotos .wrap #images .image{width:100%;padding:10px 0}} #galeriePhotos .wrap #images .image a img{display:block;max-height:200px}@media screen and (max-width: 727px){#galeriePhotos .wrap #images .image a img{width:100%;max-height:inherit}} #menu #sousPage{padding-top:60px;padding-bottom:60px} #menu #sousPage nav ul li{width:32.0261437908%}@media screen and (max-width: 727px){#menu #sousPage nav ul li{width:100%}} #menu #sousPage nav ul li:first-child{margin-left:8.4967320261%;float:left}@media screen and (max-width: 727px){#menu #sousPage nav ul li:first-child{float:none;margin:0 0 40px 0}} #menu #sousPage nav ul li:last-child{margin-right:8.4967320261%;float:right}@media screen and (max-width: 727px){#menu #sousPage nav ul li:last-child{float:none;margin:0}} #menu #sousPage nav ul li h2{width:105%;margin-bottom:15px} #menu #sousPage nav ul li .blocImg{margin-bottom:40px} #menu #sousPage nav ul li .blocImg img{width:100%} #menu #sousPage nav ul li .ligne_bas_gauche:after{width:50%} #menu #sousPage nav ul li p .btnFleche{padding-right:0;width:100%}@media screen and (max-width: 727px){#menu #sousPage nav ul li p .btnFleche{padding:10px 15px}} #menu #lexique{margin-bottom:60px}#menu #lexique h2{width:50.9803921569%}@media screen and (max-width: 727px){#menu #lexique h2{width:100%}}#menu #lexique ul{width:49.0196078431%}@media screen and (max-width: 727px){#menu #lexique ul{width:100%}}#menu #lexique ul li{margin:30px 0}@media screen and (max-width: 727px){#menu #lexique ul li{margin:20px 0}}@media screen and (max-width: 727px){#menu #lexique ul li p{line-height:1.2}}#menu #menuPlats section h2{color:white;background:url("../img/menu/h2Poutines-lrg.jpg") no-repeat center;-webkit-background-size:cover;background-size:cover;text-align:center;padding:100px 0;margin-bottom:40px}#menu #menuPlats section .wrap .plats{width:49.0196078431%;float:left}@media screen and (max-width: 727px){#menu #menuPlats section .wrap .plats{width:100%;float:none}}#menu #menuPlats section .wrap .plats li{margin-bottom:45px}@media screen and (max-width: 727px){#menu #menuPlats section .wrap .plats li{margin-bottom:30px}}#menu #menuPlats section .wrap .plats li:after{content:"";display:block;height:22px;width:100%;margin-top:15px;background-image:url("../img/bg_dot.png")}@media screen and (max-width: 727px){#menu #menuPlats section .wrap .plats li:after{margin-bottom:10px}}@media screen and (max-width: 727px){#menu #menuPlats section .wrap .plats li:last-child{margin-bottom:60px}}#menu #menuPlats section .wrap .plats li article{min-height:40px}#menu #menuPlats section .wrap .plats li article h3{color:#3765a3}#menu #menuPlats section .wrap .blocImgs{width:40.522875817%;float:right}@media screen and (max-width: 727px){#menu #menuPlats section .wrap .blocImgs{width:100%;float:none}}#menu #menuPlats section .wrap .blocImgs .blocImg{margin-bottom:60px}#menu #menuPlats section .wrap .blocImgs .blocImg img{width:100%}#menu #menuPlats #poutines h2{background:url("../img/menu/h2Poutines-lrg.jpg") no-repeat center;-webkit-background-size:cover;background-size:cover}#menu #menuPlats #poutines .wrap .blocImgs .blocImg{margin-bottom:60px}#menu #menuPlats #poutines .wrap .blocImgs .ligne_bas_droite:after{width:60%}#menu #menuPlats #poutines .wrap .blocImgs .ligne_haute_gauche{width:79.6078431373%}@media screen and (max-width: 727px){#menu #menuPlats #poutines .wrap .blocImgs .ligne_haute_gauche{width:100%}}#menu #menuPlats #poutines .wrap .blocImgs .ligne_haute_gauche:before{width:45%}@media screen and (max-width: 727px){#menu #menuPlats #poutines .wrap .blocImgs .ligne_haute_gauche:before{width:40%}}#menu #menuPlats #frites h2{background:url("../img/menu/h2Poutines-lrg.jpg") no-repeat center;-webkit-background-size:cover;background-size:cover}#menu #menuPlats #burgers h2{background:url("../img/menu/h2Burgers-lrg.jpg") no-repeat center;-webkit-background-size:cover;background-size:cover} footer { background-color:#00346E; padding: 30px 25px 15px 25px; }@media screen and (max-width: 727px){footer{padding:25px 6.5359477124%}} footer p { text-align:center; } footer p .btnBlanc { margin-bottom:50px; }@media screen and (max-width: 727px){footer p .btnBlanc{margin-bottom:25px}} footer #footerContent { width:40.522875817%; float:left; }@media screen and (max-width: 727px){footer #footerContent{float:none;width:100%}} footer #footerContent p { text-align:left; color:white; } footer #footerContent .sizeH2 { line-height:1; margin-bottom:60px; }@media screen and (max-width: 727px){footer #footerContent .sizeH2{line-height:1.2}} footer #footerContent .sizeH2 a { color:white; border-bottom:2px solid white;transition:all 0.3s ease;font-size:28px;font-size:1.75rem} footer #footerContent .sizeH2 a:hover { border-bottom:2px solid transparent } footer #footerContent #map p { line-height: 1.2em; margin-bottom: 50px }@media screen and (max-width: 727px){footer #footerContent #map p{line-height:1.5}} footer .logoFlash { float:right }@media screen and (max-width: 727px){footer .logoFlash{ float:none; width:100%; margin-bottom:25px; display:none; }} pre {display:none!important;} .error {display:none;} .list-style {color=#fff!important;} header .banner.metaPage .blocImg { display:none!important; } header .logoFlash { display: none; margin-left:25px; margin-top:0px; float:left; opacity:0; transition:all 1s ease; position: absolute; } header #navigations.active { top:0; } header #navigations { float:right; width:100%; height:100px; position: absolute; text-align:right; margin-top:0; opacity:100%; transition:all 1s ease; padding-bottom: 50px; vertical-align: middle; } header #navigations nav { position:absolute; bottom:0; right:50px; } header #navigations nav ul li { margin-top:10px; padding-bottom: 40px; } .btnFlecheCenter { font-size:18px; font-size:1.125rem; color:#cc103f; display:inline-block; border:2px solid #cc103f; padding:10px 60px 10px 15px; width:50%; }@media screen and (max-width: 727px){.btnFleche{font-size:16px;font-size:1rem;text-align:center;width:100%;padding:10px 15px}} .btnFlecheCenter:after{ position:absolute; right:15px; transition:all 0.3s ease; }@media screen and (max-width: 727px){.btnFlecheCenter:after{content:""}} .btnFlecheCenter:hover:after{right:10px} /* Mobile Menu */ @keyframes bugfix { from {padding:0;} to {padding:0;}} @-webkit-keyframes bugfix { from {padding:0;} to {padding:0;}} #overlay-button { position: absolute; right: 2em; top: 3em; padding: 26px 11px; z-index: 5; cursor: pointer; user-select: none; span { height: 4px; width: 35px; border-radius: 2px; background-color: black; position: relative; display: block; transition: all .2s ease-in-out; &:before { top: -10px; visibility: visible; } &:after { top: 10px; } &:before, &:after { height: 4px; width: 35px; border-radius: 2px; background-color: white; position: absolute; content: ""; transition: all .2s ease-in-out; } } &:hover span, &:hover span:before, &:hover span:after { background: #333332; } } input[type=checkbox] { display: none; } input[type=checkbox]:checked ~ #overlay { visibility: visible; } input[type=checkbox]:checked ~ #overlay-button { &:hover span, span{ background: transparent; } span { &:before { transform: rotate(45deg) translate(7px, 7px); opacity: 1; } &:after { transform: rotate(-45deg) translate(7px, -7px); } } } #overlay { height: 100vh; width: 100vw; background: #ec6451; z-index: 2; visibility: hidden; position: fixed; &.active { visibility: visible; } ul { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; height: 100vh; padding-left: 0; list-style-type: none; li { padding: 1em; a { color: white; text-decoration: none; font-size: 1.5em; &:hover { color: #333332; } } } } }