@charset "UTF-8"; #zone-actus{position:relative;padding:5rem 0 10rem;background:#f5f6f8}#zone-actus .u-wrapper{position:relative}.actu-big,.actu-small{width:50%}@media (max-width: 1080px){.actu-big,.actu-small{width:100%}}.actu-small .maAside{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media (min-width: 1081px){.actu-small .maAside{padding-top:6.5rem;margin-top:9rem}}.actu-small .maAside-list{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}@media (max-width: 600px){.actu-small .maAside-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.actu-small .maAside-news{width:50%;padding-left:1rem;display:inline-block;vertical-align:top}@media (max-width: 600px){.actu-small .maAside-news{width:100%;padding-left:0}}.actu-small .maAside-newsContent{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 801px){.actu-small .maAside-news--first .maAside-image{margin:2rem -2rem 0rem -2rem;-webkit-order:1;-ms-flex-order:1;order:1}.actu-small .maAside-news--first .maAside-image::before{top:0;border-top:1.6rem solid white}}@media (max-width: 800px){.actu-small .maAside-news--first{padding-left:0;padding-right:1rem}.actu-small .maAside-news--first .maAside-image{margin:-2rem -2rem 2rem -2rem}.actu-small .maAside-news--first .maAside-image::before{bottom:0;border-bottom:1.6rem solid white}}@media (max-width: 600px){.actu-small .maAside-news--first{padding-right:0;margin-bottom:2rem}}.actu-small .maAside-news:last-child .maAside-image{margin:-2rem -2rem 2rem -2rem}.actu-small .maAside-news:last-child .maAside-image::before{bottom:0;border-bottom:1.6rem solid white}@media (max-width: 940px){.actu-small .maAside-image img{max-width:inherit;width:100%}}.actu-small .maAside-resume{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media (max-width: 800px){.actu-small .maAside-resume{display:none}}@media (min-width: 801px) and (max-width: 1080px){.actu-big .maAside-container{height:24rem}}.actu-big .maAside-news,.actu-big .maAside-newsContent{height:100%}.actu-big .maAside-image{margin:-2rem -2rem 2rem}@media (min-width: 801px) and (max-width: 1080px){.actu-big .maAside-image{margin:-2rem 2rem -2rem -2rem;width:50%;float:left;height:calc(100% + 2rem)}}.actu-big .maAside-image::before{left:3rem;bottom:0;border-bottom:1.6rem solid white}@media (min-width: 801px) and (max-width: 1080px){.actu-big .maAside-image::before{right:0;top:3rem;left:inherit;bottom:inherit;border-top:1.6rem solid transparent;border-right:1.6rem solid white;border-bottom:1.6rem solid transparent}}@media (max-width: 1080px){.actu-big .maAside-image a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden}}@media (min-width: 801px) and (max-width: 1080px){.actu-big .maAside-image img{max-width:inherit;height:100%}}@media (max-width: 800px){.actu-big .maAside-image img{max-width:inherit;width:100%}}.actu-big .maAside-list{height:100%}.actu-big .maAside-allnewslink{position:absolute;top:7.4rem;right:0}.actu-big .maAside-allnewslink a{text-decoration:none;display:inline-block;color:#007ec0;font-weight:400;background:#f5f6f8;border:0.1rem solid currentColor;text-decoration:none;line-height:1.1;margin:0.5em 0;padding:0.9em 1em 0.85em;font-size:1.3rem;text-transform:none;z-index:1;cursor:pointer;transition:all 0.25s ease-out;transition-property:border, background, color;position:relative;padding-right:3em;border:none;margin:0}.actu-big .maAside-allnewslink a::after{content:'';display:inline-block;width:1em;height:1em;border-right:0.2rem solid #69b9ec;border-bottom:0.2rem solid #69b9ec;position:absolute;right:1em;top:50%;-webkit-transform:translateY(-50%) rotateZ(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotateZ(-45deg)}.actu-big .maAside-allnewslink a::before{content:'';position:absolute;top:50%;right:1em;width:1.3em;height:0.2rem;background:#69b9ec;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.actu-big .maAside-allnewslink a:hover{background:#fff;color:#007ec0}@media (max-width: 600px){.actu-big .maAside-allnewslink{padding-left:0}}@media (max-width: 440px){.actu-big .maAside-allnewslink{top:5rem;right:initial;left:0}}.actu-big .maAside-newstitle a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:white;opacity:0;transition:opacity .25s ease-out;cursor:pointer}.actu-big .maAside-newstitle a:hover::before{opacity:0.3}.maAside{line-height:1.3;padding:2rem 0}.maAside .bx-wrapper,.maAside .bx-viewport{height:100% !important}.maAside-title{height:4.5rem;font-size:3.4rem;font-weight:400;color:#333;text-transform:none;font-family:"DM Sans",serif;position:relative;padding-left:3rem;margin-bottom:4rem;margin-top:6rem}.maAside-title:before{content:'';width:1px;height:45px;background:#333;display:block;position:absolute;left:0;bottom:-2px}@media (max-width: 440px){.maAside-title{margin-bottom:3rem;display:block}}.maAside-container{position:relative}@media (min-width: 1081px){.maAside-container{height:41rem}}.maAside-newsContent{padding:2rem 2rem 0;position:relative;background:white;overflow:hidden}.maAside-image{position:relative}.maAside-image::before{content:'';position:absolute;left:1.8rem;border-left:1.6rem solid transparent;border-right:1.6rem solid transparent;pointer-events:none}.maAside-image img{display:block}.maAside-category{font-size:1.2rem;display:inline-block;vertical-align:middle;margin-right:1rem}.maAside-category--ma-categorie-1{color:#ffdc01}.maAside-category--ma-categorie-2{color:#007ec0}.maAside-category--ma-categorie-3{color:#007ec0}.maAside-date{font-size:1.2rem;color:#989898;display:inline-block;vertical-align:middle}.maAside-date::before{content:'';display:inline-block;vertical-align:middle;width:.4rem;height:.4rem;background:currentColor;opacity:0.5;border-radius:50%;margin-right:1rem;margin-top:-.1rem}.maAside-newstitle,.maAside-newstitle a{font-size:2.4rem;text-decoration:none;font-weight:400;color:#32333f}@media (max-width: 1130px){.maAside-newstitle,.maAside-newstitle a{font-size:2rem}}.maAside-resume{font-size:1.5rem;font-weight:200;color:#9a9a9a}.maAside-knowmore>a{font-size:0;margin:0;position:absolute;bottom:0;left:0;width:100%;height:100%;background:white;opacity:0;transition:opacity .25s ease-out}.maAside-knowmore>a:hover{opacity:.3}.maAside-pagination{position:absolute;bottom:2.6rem;left:2rem;height:1.2rem}.maAside .bx-controls-direction a{display:inline-block;width:5.8rem;height:5.2rem;font-size:0;position:absolute;top:50%;background:#882f89;border:0.1rem solid #882f89;transition:background .25s ease-out}.maAside .bx-controls-direction a::before{content:'';display:inline-block;width:2.2rem;height:2.2rem;position:absolute;top:50%;left:50%;transition:border-color .25s ease-out}.maAside .bx-controls-direction a.bx-prev{left:0;-webkit-transform:translateX(-50%) scaleX(0.8);-ms-transform:translateX(-50%) scaleX(0.8);transform:translateX(-50%) scaleX(0.8)}.maAside .bx-controls-direction a.bx-prev::before{border-top:0.2rem solid white;border-left:0.2rem solid white;-webkit-transform:translateX(-30%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-30%) translateY(-50%) rotate(-45deg);transform:translateX(-30%) translateY(-50%) rotate(-45deg)}.maAside .bx-controls-direction a.bx-next{right:0;-webkit-transform:translateX(50%) scaleX(0.8);-ms-transform:translateX(50%) scaleX(0.8);transform:translateX(50%) scaleX(0.8)}.maAside .bx-controls-direction a.bx-next::before{border-bottom:0.2rem solid white;border-right:0.2rem solid white;-webkit-transform:translateX(-70%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-70%) translateY(-50%) rotate(-45deg);transform:translateX(-70%) translateY(-50%) rotate(-45deg)}.maAside .bx-controls-direction a:hover{background:white}.maAside .bx-controls-direction a:hover::before{border-color:#882f89}.maAllNews{font-size:1.4rem}.maAllNews-listnews{padding:1rem 0}.maAllNews-news{*zoom:1;width:100%;display:inline-block;padding-left:0;padding:3rem 0}.maAllNews-news:before,.maAllNews-news:after{content:' ';display:table}.maAllNews-news:after{clear:both}.maAllNews-news:not(:first-child){border-top:0.1rem solid rgba(145,145,145,0.2);margin-top:1rem;padding-top:1.5rem}.maAllNews-news::before,.maAllNews-news::after{display:none}.maAllNews-image{display:inline-block;vertical-align:top;float:left;margin-right:2rem;width:50%}.maAllNews-image a{display:block;border:none}.maAllNews-image img{max-width:100%}.maAllNews-date{font-size:1.2rem;font-weight:700;margin:.4rem 0;color:#007ec0}.maAllNews-newstitle{margin:0.5rem 0}.maAllNews-newstitle,.maAllNews-newstitle a{font-size:2.2rem;font-weight:700;text-decoration:none;text-transform:uppercase;color:#007ec0}.maAllNews-resume{font-size:1.4rem;line-height:1.6;margin-top:1.5rem}.maAllNews-knowmore>a{display:inline-block;margin:2.5rem 0 0;font-size:1.2rem;font-weight:600;text-transform:uppercase;color:#882f89;text-decoration:none}.maAllNews-knowmore>a::after{content:'';display:inline-block;vertical-align:middle;width:1.1rem;height:1.1rem;margin-left:0.5rem;border-right:0.2rem solid #007ec0;border-bottom:0.2rem solid #007ec0;-webkit-transform:translateY(-0.1rem) rotateZ(-45deg);-ms-transform:translateY(-0.1rem) rotate(-45deg);transform:translateY(-0.1rem) rotateZ(-45deg);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out, -webkit-transform .25s ease-out}.maAllNews-knowmore>a:hover::after{-webkit-transform:translateY(-0.1rem) translateX(0.5rem) scaleY(0.7) scaleX(1.2) rotateZ(-45deg);-ms-transform:translateY(-0.1rem) translateX(0.5rem) scaleY(0.7) scaleX(1.2) rotate(-45deg);transform:translateY(-0.1rem) translateX(0.5rem) scaleY(0.7) scaleX(1.2) rotateZ(-45deg)}.maAllNews div.ma-all-news-pagination{*zoom:1;text-align:center;padding:1rem 0 0}.maAllNews div.ma-all-news-pagination:before,.maAllNews div.ma-all-news-pagination:after{content:' ';display:table}.maAllNews div.ma-all-news-pagination:after{clear:both}.maAllNews div.ma-all-news-pagination>span{display:inline-block;vertical-align:top;padding:0 .4rem}.maAllNews div.ma-all-news-pagination>span span,.maAllNews div.ma-all-news-pagination>span a{display:inline-block;vertical-align:top;padding:0 .2rem}.maDetail-image{vertical-align:top;display:block;text-align:center;margin:1rem 0}.maDetail-image a{display:block;border:none}.maDetail-image img{max-width:100%}.maDetail-date{font-size:1.2rem;font-weight:700;margin:.4rem 0;color:#007ec0}.maDetail-newstitle{margin:0.5rem 0}.maDetail-newstitle,.maDetail-newstitle a{font-size:2.2rem;font-weight:700;text-decoration:none;text-transform:uppercase;color:#007ec0}.maDetail-resume{font-size:1.4rem;line-height:1.6;margin-top:1.5rem}.maMain .maMain-swiper{padding-bottom:3rem;max-width:120rem;margin:0 auto}.maMain .swiper-slide{height:auto;display:-webkit-flex;display:-ms-flexbox;display:flex}.maMain .maMain-news{width:100%;box-shadow:0 0 1rem rgba(0,0,0,0.1);background:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.maMain .swiper-button-next,.maMain .swiper-button-prev{color:#007ec0;width:5rem;height:5rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.maMain .swiper-button-next::after,.maMain .swiper-button-prev::after{font-size:3rem;font-weight:bold}@media screen and (max-width: 1350px){.maMain .swiper-button-next::after,.maMain .swiper-button-prev::after{font-size:2rem}}@media screen and (max-width: 1350px){.maMain .swiper-button-next,.maMain .swiper-button-prev{top:45%;background:#fff;width:3rem}}.maMain .swiper-button-next{right:-5rem}@media screen and (max-width: 1350px){.maMain .swiper-button-next{right:0}}.maMain .swiper-button-prev{left:-5rem}@media screen and (max-width: 1350px){.maMain .swiper-button-prev{left:0}}@media (max-width: 1024px){.maMain .swiper-slide{min-width:350px}}@media (max-width: 600px){.maMain .swiper-slide{min-width:260px}}.maMain .maMain-newsContent{position:relative;height:100%;padding-top:26rem}.maMain .maMain-newsContent::before{content:'';position:absolute;top:0;left:0;width:100%;height:26rem;background:#0f222c}.maMain .maMain-newsContent.maMain-newsContent--hasPicture{padding-top:0}.maMain .maMain-newsContent.maMain-newsContent--hasPicture::before{content:none}.maMain .maMain-image{position:relative;height:26rem}.maMain .maMain-image a{position:relative;display:block;width:100%;height:100%}.maMain .maMain-image img{max-width:100%;height:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.maMain .maMain-infos{padding:2rem 3rem .5rem 3rem;font-size:1.2rem;font-weight:300}.maMain .maMain-newstitle{font-size:2.4rem;font-weight:bold;color:#007ec0;line-height:1.15;padding:.5rem 3rem .5rem 3rem}.maMain .maMain-newstitle a{font-weight:bold;text-decoration:none;color:#007ec0;transition:color .4s ease}.maMain .maMain-newstitle a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.maMain .maMain-newstitle a:hover{color:#882f89}.maMain .maMain-resume{font-weight:300;color:#2f374e;padding:.5rem 3rem 3rem 3rem}.maMain .maMain-knowmore{font-size:0;display:none}.maMain .maMain-allnewslink{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.maMain .maMain-allnewslink a{display:inline-block;padding:1.2rem 2.5rem;background:#007ec0;color:#fff;border-radius:5rem;font-size:1.4rem;font-weight:700;font-family:"Roboto",Arial,Tahoma,Verdana,Helvetica,sans-serif;text-decoration:none;text-transform:uppercase;transition:background 0.2s linear}@media (max-width: 800px){.maMain .maMain-allnewslink a{padding:1.2rem 2.4rem}}@media (max-width: 600px){.maMain .maMain-allnewslink a{padding:1rem 2rem;font-size:1.2rem}}.maMain .maMain-allnewslink a:hover{background:#0071ac} body, td, pre, input[type="text"], textarea, select { font-family: "Roboto", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; color: #7c7c7c; } @media (max-width: 600px) { body, td, pre, input[type="text"], textarea, select { font-size: 1.4rem; } } @media (max-width: 1200px) { body { margin-top: 11.5rem; } } @media (max-width: 440px) { body { margin-top: 10.5rem; } } @media (max-width: 1200px) { body::before { content: ''; position: fixed; bottom: 0; left: 0; height: 5rem; width: 100vw; background: #f1f5f7; z-index: 21; box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1); } } .u-wrapper { margin: 0 auto; max-width: 120rem; text-align: left; width: 100%; } @media (max-width: 1200px) { .u-wrapper { max-width: 94%; } } #cookieChoiceInfo { line-height: 20px; padding: 4px !important; font-size: 12px; background: rgba(0, 0, 0, 0.8) !important; border-bottom: none !important; color: #dddddd; top: inherit !important; bottom: 0 !important; } #cookieChoiceInfo a { color: #b1b1b1; } #cookieChoiceInfo #cookieChoiceDismiss { background: #777; } #cookieChoiceInfo #cookieChoiceDismiss:hover { background: #5e5e5e; } .cms_bloc_text .cms_bloc_text_media_gauche, .cms_bloc_text .cms_bloc_text_media_droite { *zoom: 1; } .cms_bloc_text .cms_bloc_text_media_gauche:before, .cms_bloc_text .cms_bloc_text_media_gauche:after, .cms_bloc_text .cms_bloc_text_media_droite:before, .cms_bloc_text .cms_bloc_text_media_droite:after { content: ' '; display: table; } .cms_bloc_text .cms_bloc_text_media_gauche:after, .cms_bloc_text .cms_bloc_text_media_droite:after { clear: both; } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { max-width: 50%; } @media (max-width: 440px) { .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { max-width: 100%; padding: 0; } } @media (max-width: 440px) { .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { margin: 0; width: 100%; display: block; } } @media (max-width: 800px) { .cms_bloc_text table td { display: block; width: 100%; } .cms_bloc_text table td + td { margin-top: 2rem; } } @media (max-width: 800px) { .cms_bloc_form .cms_bloc_form_container { width: 100%; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .label, .cms_bloc_form .cms_bloc_form_field > .value { width: 100%; display: block; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .label { text-align: left; padding-right: 0; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit { padding-left: 0; text-align: center; } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type="submit"] { padding-left: 2.2em; padding-right: 2.2em; max-width: 100%; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input { width: 100%; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p { width: 100%; display: block; } } .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 16rem; } @media (max-width: 800px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 14rem; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 12rem; } } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 10rem; } } .cms_bloc_form .cms_bloc_form_field_radio_value .label, .cms_bloc_form .cms_bloc_form_field_checkbox_value .label { margin-left: .4em; } .cms_bloc_form .cms_bloc_form_container { width: auto; display: flex; flex-wrap: wrap; margin: 0 -2rem; } @media (max-width: 1200px) { .cms_bloc_form .cms_bloc_form_container { margin: 0 -3vw; } } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field { width: 100%; margin: 1rem 2rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text { width: calc(50% - 4rem); } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text { width: 100%; } } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_submit { padding-left: 0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_submit button[type="submit"] { text-decoration: none; display: inline-block; color: #848484; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_submit button[type="submit"]:hover { background: #007ec0; color: #007ec0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam { display: flex; flex-wrap: wrap; align-items: flex-end; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam .cms_bloc_form_field_antispam_text { width: 100%; margin-bottom: 1rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .label { width: auto; flex: 0 0 auto; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .label img { display: block; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .value { width: 20rem; margin-left: 3rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input { outline: none; border: 0; padding: .4rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: transparent; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input:focus { border-color: #007ec0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select { display: flex; align-items: flex-end; margin: 0 2rem; margin-bottom: 1rem; } @media (max-width: 1200px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select { flex-wrap: wrap; } } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > .label { flex: 0 0 auto; line-height: 3.2rem; color: rgba(0, 0, 0, 0.5); padding: 0 .4rem; } @media (min-width: 1201px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > .label { width: auto; height: 3.2rem; } } @media (max-width: 1200px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > .label { width: 100%; } } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > .value { flex: 1 1 auto; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > .value select { padding: .4rem .2rem; outline: none; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); display: block; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > .value select:focus { border-bottom: 1px solid #882f89; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea { margin: 0 2rem; margin-bottom: 1rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value { display: block; width: 100%; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .label { -webkit-transform: translateY(2.6rem) scale(1); transform: translateY(2.6rem) scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; position: relative; z-index: 25; color: rgba(0, 0, 0, 0.5); pointer-events: none; padding: 0 .4rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .label sup, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .label sup { display: inline; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value { position: relative; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value input[type="text"], .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value input[type="text"], .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value textarea { padding: .4rem .2rem; outline: none; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); display: block; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value textarea { height: auto; resize: none; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value::after, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #007ec0; z-index: 15; -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; transition: opacity .15s linear, -webkit-transform .3s ease-out; transition: transform .3s ease-out, opacity .15s linear; transition: transform .3s ease-out, opacity .15s linear, -webkit-transform .3s ease-out; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text.on > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea.on > .label { -webkit-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85); color: #007ec0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text.on > .value::after, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea.on > .value::after { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field:not(.cms_bloc_form_field_antispam) > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field:not(.cms_bloc_form_field_antispam) > .value { width: 100%; display: block; } } .content ul, .content ol { position: relative; padding: 0.5rem 0; } .content ul, .content ol { list-style-type: none; } .content .cms_bloc ul.sitemap li, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li, .content .cms_bloc.cms_bloc_text ul li { padding-top: 2px; padding-bottom: 2px; padding-left: 2.4rem; overflow: hidden; line-height: 1.4; text-align: left; } .content .cms_bloc ul.sitemap li:before, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .content .cms_bloc.cms_bloc_text ul li:before { content: ''; position: relative; display: inline-block; vertical-align: middle; border-radius: 100%; top: -0.1rem; left: -1.2rem; width: 0.5rem; height: 0.5rem; margin: 0 -0.4rem 0 0; } .pageHome .content .cms_bloc ul.sitemap li:before, .pageHome .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .pageHome .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .pageHome .content .cms_bloc.cms_bloc_text ul li:before { background: #007ec0; } .pageType .content .cms_bloc ul.sitemap li:before, .pageType .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .pageType .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .pageType .content .cms_bloc.cms_bloc_text ul li:before { background: #ffdc01; } .content .cms_bloc.cms_bloc_text ol { counter-reset: section; } .content .cms_bloc.cms_bloc_text ol li { position: relative; padding-top: 2px; padding-bottom: 2px; padding-left: 2.3rem; line-height: 1.4; text-align: left; } .content .cms_bloc.cms_bloc_text ol li:before { content: counters(section,".") "."; position: absolute; padding-right: 5px; color: #006da7; -webkit-transform: translateX(-100%); transform: translateX(-100%); counter-increment: section; border-radius: 100%; } .content a { color: currentColor; font-weight: inherit; text-decoration: underline; } .content a:hover { text-decoration: none; } .pageType #zone-page .content > .cms_bloc { padding: 4rem 0; } .pageType #zone-page .content > .cms_bloc:nth-child(even) { position: relative; background: #f2f2f2; } .pageType #zone-page .content > .cms_bloc:nth-child(even)::after { content: ''; z-index: -1; position: absolute; display: block; top: 0; left: 50%; width: 100vw; height: 100%; background: inherit; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cms_bloc_title h2, .zone-encarts h2 { margin: 0.6em 0; color: #2f374e; font-family: "DM Sans", serif; font-size: 4rem; font-weight: bold; line-height: 1.15; text-align: center; } @media (max-width: 800px) { .cms_bloc_title h2, .zone-encarts h2 { font-size: 3.36rem; } } @media (max-width: 600px) { .cms_bloc_title h2, .zone-encarts h2 { font-size: 3.05rem; } } @media (max-width: 440px) { .cms_bloc_title h2, .zone-encarts h2 { font-size: 2.7rem; } } .cms_bloc_title h2::after, .zone-encarts h2::after { content: ''; display: block; width: 6.5rem; margin: 1rem auto; border-bottom: 0.3rem solid #007ec0; } .content h2.Titre_H2, .menu-highlighted h2.Titre_H2 { position: relative; margin-top: 0; margin: 0.6em 0; color: #2f374e; font-family: "DM Sans", serif; font-size: 4rem; font-weight: bold; line-height: 1.15; } @media (max-width: 800px) { .content h2.Titre_H2, .menu-highlighted h2.Titre_H2 { font-size: 3.36rem; } } @media (max-width: 600px) { .content h2.Titre_H2, .menu-highlighted h2.Titre_H2 { font-size: 3.05rem; } } @media (max-width: 440px) { .content h2.Titre_H2, .menu-highlighted h2.Titre_H2 { font-size: 2.7rem; } } .Centre.de.consultations .content h2.Titre_H2, .Centre.de.consultations .menu-highlighted h2.Titre_H2 { color: #882f89; } .content h2.Titre_H2::after, .menu-highlighted h2.Titre_H2::after { content: ''; display: block; width: 6.5rem; margin: 1rem 0 0 0; border-bottom: 0.3rem solid #007ec0; } .content h3.Titre_H3, .menu-highlighted h3.Titre_H3 { margin: 0.4em 0; color: #007ec0; font-size: 2.4rem; font-weight: bold; line-height: 1.2em; text-transform: none; } @media (max-width: 800px) { .content h3.Titre_H3, .menu-highlighted h3.Titre_H3 { font-size: 2rem; } } @media (max-width: 600px) { .content h3.Titre_H3, .menu-highlighted h3.Titre_H3 { font-size: 1.9rem; } } .Centre.de.consultations .content h3.Titre_H3, .Centre.de.consultations .menu-highlighted h3.Titre_H3 { color: #882f89; } .content h4.Titre_H4, .menu-highlighted h4.Titre_H4 { margin: 0.4em 0; color: #007ec0; font-size: 2.4rem; font-weight: normal; line-height: 1.2em; } @media (max-width: 800px) { .content h4.Titre_H4, .menu-highlighted h4.Titre_H4 { font-size: 2rem; } } @media (max-width: 600px) { .content h4.Titre_H4, .menu-highlighted h4.Titre_H4 { font-size: 1.8rem; } } .Centre.de.consultations .content h4.Titre_H4, .Centre.de.consultations .menu-highlighted h4.Titre_H4 { color: #882f89; } .content h5.Titre_H5, .menu-highlighted h5.Titre_H5 { margin: 0.4em 0; color: #007ec0; font-size: 1.8rem; font-weight: 600; line-height: 1.2em; text-transform: uppercase; } @media (max-width: 800px) { .content h5.Titre_H5, .menu-highlighted h5.Titre_H5 { font-size: 1.6rem; } } @media (max-width: 600px) { .content h5.Titre_H5, .menu-highlighted h5.Titre_H5 { font-size: 1.5rem; } } .Centre.de.consultations .content h5.Titre_H5, .Centre.de.consultations .menu-highlighted h5.Titre_H5 { color: #882f89; } .content strong.accroche, .menu-highlighted strong.accroche { color: #292f39; font-size: 2rem; font-weight: 200; line-height: 1.6; } @media (max-width: 800px) { .content strong.accroche, .menu-highlighted strong.accroche { font-size: 2.3rem; line-height: 1.4; } } @media (max-width: 600px) { .content strong.accroche, .menu-highlighted strong.accroche { font-size: 2.1rem; } } .Centre.de.consultations .content strong.accroche, .Centre.de.consultations .menu-highlighted strong.accroche { color: #882f89; } .content strong.mise_en_avant_1, .menu-highlighted strong.mise_en_avant_1 { color: #007ec0; font-weight: bold; } .Centre.de.consultations .content strong.mise_en_avant_1, .Centre.de.consultations .menu-highlighted strong.mise_en_avant_1 { color: #882f89; } .content strong.mise_en_avant_2, .menu-highlighted strong.mise_en_avant_2 { color: rgba(0, 126, 192, 0.6); font-weight: bold; } .Centre.de.consultations .content strong.mise_en_avant_2, .Centre.de.consultations .menu-highlighted strong.mise_en_avant_2 { color: #882f89; } .content a.bouton_1, .menu-highlighted a.bouton_1 { display: inline-block; padding: 1.2rem 2.5rem; background: #007ec0; color: white; border-radius: 5rem; font-size: 1.4rem; font-weight: 700; font-family: "Roboto", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; transition: background 0.2s linear; } @media (max-width: 800px) { .content a.bouton_1, .menu-highlighted a.bouton_1 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { .content a.bouton_1, .menu-highlighted a.bouton_1 { padding: 1rem 2rem; font-size: 1.2rem; } } .Centre.de.consultations .content a.bouton_1, .Centre.de.consultations .menu-highlighted a.bouton_1 { border: 0.1rem solid #882f89; color: #882f89; } .content a.bouton_1:hover, .menu-highlighted a.bouton_1:hover { color: white; background: #0071ac; } .Centre.de.consultations .content a.bouton_1:hover, .Centre.de.consultations .menu-highlighted a.bouton_1:hover { color: white; background: #792a7a; } .content a.bouton_on, .menu-highlighted a.bouton_on { display: inline-block; padding: 1.2rem 1.8rem; border: 1px solid #007ec0; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #007ec0; transition: all 0.3s ease; } @media (max-width: 800px) { .content a.bouton_on, .menu-highlighted a.bouton_on { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { .content a.bouton_on, .menu-highlighted a.bouton_on { padding: 1rem 2rem; font-size: 1.2rem; } } .content a.bouton_on:hover, .menu-highlighted a.bouton_on:hover { border-color: #ffdc01; color: #231f20; background: #ffdc01; } .content span.legende, .menu-highlighted span.legende { font-size: 1.4rem; font-style: italic; } @media (max-width: 600px) { .content span.legende, .menu-highlighted span.legende { font-size: 1.2rem; } } .Centre.de.consultations .content span.legende, .Centre.de.consultations .menu-highlighted span.legende { color: #882f89; } .content blockquote.citation, .menu-highlighted blockquote.citation { margin: 1em 0; padding: 0.4em 1em; border-left: 0.4rem solid #007ec0; background: rgba(0, 0, 0, 0.04); } @media (max-width: 600px) { .content blockquote.citation, .menu-highlighted blockquote.citation { margin-right: 0; margin-left: 0; } } .Centre.de.consultations .content blockquote.citation, .Centre.de.consultations .menu-highlighted blockquote.citation { color: #882f89; } .menu-highlighted a.bouton_1 { display: block; margin-bottom: 2px; } @media (max-width: 1200px) { #breadCrumb { z-index: 10; position: relative; margin-top: -5.5rem; } } @media (max-width: 520px) { #breadCrumb { display: none; } } .Centre.de.consultations #breadCrumb a:hover { color: #882f89; } #zone-header { position: relative; z-index: 30; color: #2b2b2b; background: #fff; } @media (min-width: 1201px) { #zone-header { border-top: 1rem solid #f1f5f7; } } @media (max-width: 1200px) { #zone-header { border-top: 3.5rem solid #f1f5f7; padding-right: 0 !important; } } #zone-header > .u-wrapper { padding: 1rem 0; } @media screen and (max-width: 1300px) { #zone-header > .u-wrapper { padding: 1rem; } } @media (max-width: 1200px) { #zone-header > .u-wrapper { position: relative; z-index: 10; max-width: 100%; padding-left: 3vw; height: 100%; display: flex; align-items: center; justify-content: space-between; } } #zone-header .header-right-top { display: flex; align-items: center; justify-content: flex-end; } #zone-header .header-right-bottom { z-index: 0; position: relative; display: flex; align-items: center; justify-content: flex-end; margin-top: 1.5rem; } @media (max-width: 1200px) { #zone-header .header-right-bottom { position: fixed; right: 0; top: 0; margin: 0; height: 3.5rem; } } #zone-header .header-right-bottom .menu-search { position: relative; } @media (max-width: 1200px) { #zone-header .header-right-bottom .menu-search { display: none; } } #zone-header .header-right-bottom .menu-search input { border-radius: 5rem; padding: 1rem; border: 0; background: #f1f5f7; min-width: 38rem; outline: none; } #zone-header .header-right-bottom .menu-search button { position: absolute; top: 0; right: 0; width: 4rem; height: 4rem; border: 0; border-radius: 100%; font-size: 0; z-index: 1; background: transparent; } #zone-header .header-right-bottom .menu-search .menu-search-loupe { position: absolute; top: 0; right: 0; width: 4rem; height: 4rem; border: 0; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #007ec0; color: white; z-index: 0; } #zone-header .header-right-bottom .menu-search .menu-search-loupe svg { width: 1.5rem; height: 1.5rem; fill: currentColor; } #zone-header .contact_link { position: fixed; right: 12rem; display: flex; align-items: center; justify-self: center; top: 0; margin: 0; height: 3.5rem; width: 5rem; display: flex; align-items: center; justify-content: center; z-index: 13; padding: 0; background: white; } @media (min-width: 1201px) { #zone-header .contact_link { display: none; } } #zone-header .contact_link svg { display: block; width: 2.2rem; height: 2.2rem; fill: #007ec0; } #zone-header .signup { display: inline-block; padding: 1.2rem 2.5rem; background: #007ec0; color: white; border-radius: 5rem; font-size: 1.4rem; font-weight: 700; font-family: "Roboto", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; transition: background 0.2s linear; display: flex; flex: none; justify-content: center; align-items: flex-end; margin: 0 0 0 1rem; color: #231f20; line-height: 1; text-transform: none; background: #ffdc01; gap: 1rem; transition: color 0.4s ease, background 0.4s ease; } @media (max-width: 800px) { #zone-header .signup { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { #zone-header .signup { padding: 1rem 2rem; font-size: 1.2rem; } } @media (max-width: 1200px) { #zone-header .signup { width: 12rem; padding: 0 3rem; align-items: center; height: 100%; text-align: center; border-radius: 0; } } #zone-header .signup:last-child { color: white; background: #0071ac; } #zone-header .signup:last-child:hover { background: #231f20; } @media (max-width: 1200px) { #zone-header .signup.noMobile { display: none; } } #zone-header .signup:hover { color: white; background: #0071ac; } #zone-header .signup svg { flex: none; width: 1.8rem; height: 1.8rem; fill: currentColor; } #zone-header .header-mention { font-size: 1.1rem; opacity: 0.5; margin-bottom: 1rem; } @media (max-width: 1200px) { #zone-header .header-mention { display: none; } } @media (min-width: 1201px) { #zone-header .header-left, #zone-header .header-right { display: inline-block; width: 50%; vertical-align: top; } } #zone-header .header-left > * { display: inline-block; vertical-align: middle; } #zone-header .header-right { text-align: right; position: relative; } #zone-header .headerButton { vertical-align: middle; text-decoration: none; display: inline-block; color: #848484; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.1rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; font-size: 1.3rem; } #zone-header .headerButton:hover { background: #007ec0; color: #f2f2f4; } @media (min-width: 441px) { #zone-header .headerButton { margin-left: 0.5rem; } } @media (max-width: 1200px) { #zone-header .headerButton { background: #415375; border-color: #415375; color: white; margin: 0.5rem 0.25rem; } #zone-header .headerButton:hover { background: rgba(255, 255, 255, 0.2); color: #415375; } } @media (min-width: 1201px) { #zone-header .headerButton { height: 3.7rem; display: inline-flex; align-items: center; } #zone-header .headerButton svg { margin-right: 0.5rem; } } @media (max-width: 440px) { #zone-header .headerButton { display: flex; align-items: center; justify-content: center; flex: 0 1 50%; } #zone-header .headerButton span { width: calc(100% - 2rem); text-align: center; line-height: 1; } } #zone-header .headerButton--signup { background: #007ec0; border-color: #007ec0; color: white; } #zone-header .headerButton--signup svg { position: relative; top: -2px; } #zone-header .headerButton--signup:hover { background: rgba(255, 255, 255, 0.2); color: #007ec0; } #zone-header .headerButton--openday { background: #ffdc01; border-color: #ffdc01; color: #333; } #zone-header .headerButton--openday:hover { background: rgba(255, 255, 255, 0.2); color: #ffdc01; } #zone-header .headerButton--openday svg { position: relative; top: -2px; } #zone-header .headerButton .icon { width: 1.5rem; height: 1.5rem; fill: currentColor; vertical-align: bottom; } @media (max-width: 440px) { #zone-header .headerButton .icon { margin-right: 0.2rem; } } #zone-header h1 { font-size: 1.2rem; font-weight: normal; line-height: 1.2; margin: 0; padding: 0; color: #2f374e; margin-right: 2rem; } @media (max-width: 1200px) { #zone-header h1 { display: none; } } #zone-header .openday { text-decoration: none; color: #007ec0; font-size: 1.5rem; transition: color .4s ease; } @media (max-width: 1200px) { #zone-header .openday { display: none; } } #zone-header .openday:hover { color: #882f89; } #zone-header .logo { width: 8rem; height: 9rem; display: inline-block; vertical-align: middle; z-index: 5; transition: all 0.2s ease-in-out; margin-top: 0.5rem; } #zone-header .logo img { max-height: 7rem; width: auto; } @media (max-width: 1200px) { #zone-header .logo img { max-height: 5rem; margin-top: 0.5rem; } } #zone-header .logo svg { fill: white; } #zone-header .logo-desc { font-size: 2.4rem; text-transform: uppercase; width: calc(100% - 10rem); margin-left: 2rem; position: relative; } #zone-header .logo-desc span { position: absolute; font-size: 1.3rem; top: 100%; left: 0; } @media (max-width: 1200px) { #zone-header .logo-desc span { display: none; } } @media (max-width: 1200px) { #zone-header .logo-desc { font-size: 1.4rem; } } #zone-header .logo:hover { -webkit-transform: translateX(0.4rem); transform: translateX(0.4rem); } @media (max-width: 1200px) { #zone-header .logo { height: 100%; margin: 0; width: 6rem; height: 7rem; } } #zone-header .headerMobileButton { width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; font-size: 0; } @media (max-width: 440px) { #zone-header .headerMobileButton { width: 4rem; height: 4rem; } } #zone-header .headerMobileButton-container { display: flex; } @media (min-width: 1201px) { #zone-header .headerMobileButton-container { display: none; } } #zone-header .headerMobileButton svg { width: 60%; height: 60%; fill: white; opacity: 0.7; } @media (max-width: 1200px) { #zone-header { position: fixed; top: 0; left: 0; width: 100%; height: 11.5rem; padding: 0; padding-right: 11.5rem; } } @media (max-width: 440px) { #zone-header { padding-right: 4.5rem; } } #zone-header .language { position: relative; display: inline-block; vertical-align: middle; margin-left: 0.5rem; } @media (max-width: 1200px) { #zone-header .language { position: fixed; display: flex; align-items: center; justify-content: center; bottom: 0; left: 0; height: 5rem; margin: 0; } } #zone-header .language img { width: 2.3rem; transition: 0.4s ease-out; } #zone-header .language > div { display: flex; } #zone-header .language > div a { height: 3.6rem; background: white; margin: 0.5em 0; margin-left: 0.1rem; padding: 1rem; border: 0.1rem solid #f2f2f4; display: flex; align-items: center; justify-content: center; transition: 0.4s ease-out; overflow: hidden; position: relative; } #zone-header .language > div a.active { background: #007ec0; } #zone-header .language > div a:hover { background: transparent; } #zone-header .language > div a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .header-tampon { position: absolute; width: 13.4rem; right: 0; top: 2.5rem; z-index: -1; display: block; transition: opacity 0.5s; opacity: 1; } .header-tampon.fade-out { opacity: 0; pointer-events: none; } .header-tampon.fade-in { opacity: 1; pointer-events: auto; } @media (max-width: 1500px) { .header-tampon { top: calc(100% + 2rem); } } #zone-diaporama { z-index: 1; position: relative; overflow: hidden; } .pageHome #zone-diaporama { height: 68rem; } @media (max-width: 1920px) { .pageHome #zone-diaporama { height: 60rem; } } @media (max-width: 1600px) { .pageHome #zone-diaporama { height: 57.5rem; } } @media (max-width: 1500px) { .pageHome #zone-diaporama { height: 55rem; } } @media (max-width: 1400px) { .pageHome #zone-diaporama { height: 50rem; } } @media (max-width: 1300px) { .pageHome #zone-diaporama { height: 45rem; } } .pageType #zone-diaporama:not(.light) { height: 45rem; } @media (max-width: 1920px) { .pageType #zone-diaporama:not(.light) { height: 42.5rem; } } @media (max-width: 1600px) { .pageType #zone-diaporama:not(.light) { height: 40rem; } } @media (max-width: 1500px) { .pageType #zone-diaporama:not(.light) { height: 38rem; } } @media (max-width: 1400px) { .pageType #zone-diaporama:not(.light) { height: 37rem; } } @media (max-width: 1300px) { .pageType #zone-diaporama:not(.light) { height: 35rem; } } @media (max-width: 600px) { .pageType #zone-diaporama:not(.light) { height: 28rem; } } @media (max-width: 500px) { .pageType #zone-diaporama:not(.light) { height: 18rem; } } .video #zone-diaporama { height: 13rem !important; background: #007ec0; } @media (max-width: 1200px) { .video #zone-diaporama { height: auto !important; } } #zone-diaporama.light { height: 13rem; } @media (max-width: 1200px) { #zone-diaporama.light { height: auto; } } #zone-diaporama .cms_bloc_media { height: 100%; } .video #zone-diaporama .cms_bloc_media { display: none; } #zone-diaporama .cms_bloc_media .diaporama-item { z-index: 5; position: relative; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } #zone-diaporama .cms_bloc_media .diaporama-item--hasContent::before { content: ''; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } #zone-diaporama .cms_bloc_media .diaporama-item .u-wrapper { position: absolute; top: 50%; left: 50%; max-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #zone-diaporama .cms_bloc_media .diaporama-item h2 { color: white; font-size: 4rem; font-weight: 400; } #zone-video { z-index: 0; position: relative; width: 100%; height: 100%; overflow: hidden; } #zone-video .diaporama-item { width: 100%; } #zone-video .load { z-index: 3; position: absolute; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; left: 50%; height: 100%; padding: 0; font-size: 8rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #zone-video .load .cms_bloc_media { display: flex; align-items: stretch; width: 100vw; height: 100%; padding: 0; opacity: 1; transition: opacity 0.6s linear 1.2s, z-index 0s ease-out 1.9s, -webkit-transform 0.6s ease-out 1.2s; transition: opacity 0.6s linear 1.2s, transform 0.6s ease-out 1.2s, z-index 0s ease-out 1.9s; transition: opacity 0.6s linear 1.2s, transform 0.6s ease-out 1.2s, z-index 0s ease-out 1.9s, -webkit-transform 0.6s ease-out 1.2s; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } #zone-video.show .load .cms_bloc_media { z-index: 0; opacity: 0; -webkit-transform: translateZ(0) scale(1.1); transform: translateZ(0) scale(1.1); } #zone-video > .inner { z-index: 1; position: relative; width: 100%; height: 100%; } #zone-video > .inner::before { content: ''; z-index: 20; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } #zone-video > .inner iframe { z-index: 1; position: absolute; top: calc(50% + 3rem) !important; left: 50% !important; width: 100vw; height: calc(3840px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 2560px) { #zone-video > .inner iframe { height: calc(2560px); } } @media (max-width: 1920px) { #zone-video > .inner iframe { height: calc(1920px); } } @media (max-width: 1600px) { #zone-video > .inner iframe { height: calc(1600px); } } @media (max-width: 1366px) { #zone-video > .inner iframe { height: calc(1366px); } } @media (max-width: 1280px) { #zone-video > .inner iframe { height: calc(1280px); } } @media (max-width: 1024px) { #zone-video > .inner iframe { height: calc(1024px); } } @media (max-width: 1200px) { #zone-video > .inner iframe { top: 50% !important; width: calc(100vw * 2.5) !important; height: calc(100% * 1.6) !important; } } #breadCrumb { width: 100%; font-size: 1.6rem; bottom: 0; left: 0; z-index: 10; background: rgba(237, 238, 240, 0.2); } .video #breadCrumb { background: #007ec0; } @media (min-width: 1201px) { #breadCrumb { position: absolute; height: 7rem; } } .light #breadCrumb { background: #007ec0; } @media (max-width: 1200px) { #breadCrumb { padding: 2rem 3vw; font-size: 1.2rem; } } #breadCrumb ol { width: 120rem; max-width: 100%; margin: 0 auto; height: 100%; display: flex; align-items: center; } #breadCrumb ol li ~ li::before { content: ''; width: 0.7rem; height: 0.7rem; background: white; border-radius: 50%; margin: 0 2rem; } #breadCrumb li:last-of-type a { text-decoration: none; color: #929292; } #breadCrumb li a { color: white; text-decoration: none; transition: color 0.25s ease-out; } #breadCrumb li a:hover { color: currentColor; } #zone-page { position: relative; z-index: 5; } .pageHome #zone-page { padding-bottom: 1rem; overflow: hidden; } .pageHome #zone-page .content { padding: 2rem 0; position: relative; display: block; } .pageHome #zone-page .content::before { content: ''; display: block; position: absolute; width: 100vw; left: 50%; top: 0; height: 100%; background: white; z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pageType #zone-page { background: white; overflow: hidden; } #zone-page .content { background: white; } #zone-page .u-wrapper { margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #zone-page main { flex: 1 1 auto; max-width: 100%; } .Centre.de.consultations #zone-page main a:not(.menuChildren-link):not(.bouton_1) { color: #882f89 !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #zone-page main { width: 100%; } } #zone-page aside { flex: 0 0 auto; } #zone-page aside:not(:empty) { width: 30rem; margin-left: 3rem; } @media (max-width: 520px) { #zone-page .cms_bloc_text .cms_bloc_media { width: 100%; float: inherit; text-align: center; } } @media (max-width: 800px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page { display: flex; justify-content: center; flex-wrap: wrap; } .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page.col4 figure { min-width: 300px; } } .zone-encarts h2 { margin: 0.6em 0; color: #2f374e; font-family: "DM Sans", serif; font-size: 4rem; font-weight: bold; line-height: 1.15; } @media (max-width: 800px) { .zone-encarts h2 { font-size: 3.36rem; } } @media (max-width: 600px) { .zone-encarts h2 { font-size: 3.05rem; } } @media (max-width: 440px) { .zone-encarts h2 { font-size: 2.7rem; } } .zone-encarts .encarts { background: transparent; border: 1px solid #415375; color: #415375; width: calc(50% - 2rem); padding: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } .zone-encarts .encarts:first-child { width: 100%; margin: 2rem 0 4rem; background: #415375; border: none; color: #caced5; } .zone-encarts .encarts:first-child h3 { color: white; } .zone-encarts .encarts-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .zone-encarts .encarts-content h3 { margin: 0.4em 0; color: #007ec0; font-size: 2.4rem; font-weight: bold; line-height: 1.2em; text-transform: none; color: #415375; font-weight: bold; } @media (max-width: 800px) { .zone-encarts .encarts-content h3 { font-size: 2rem; } } @media (max-width: 600px) { .zone-encarts .encarts-content h3 { font-size: 1.9rem; } } .zone-encarts .encarts-bouton { text-decoration: none; display: inline-block; color: #848484; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; margin-top: 2rem; line-height: 1.4; letter-spacing: 0; align-self: center; } .zone-encarts .encarts-bouton:hover { background: #007ec0; color: #007ec0; } @media (max-width: 800px) { .zone-encarts .encarts { width: 100%; margin-bottom: 2rem; } .zone-encarts .encarts:first-child { margin-bottom: 2rem; } } #extranet { padding: 2rem 0; } #extranet fieldset { border: none; padding: 0; } #extranet fieldset > * { display: flex; flex-direction: column; align-items: center; } #extranet input { padding: 0.5rem 1rem; font-size: 1.6rem; line-height: 1.4; outline: none; vertical-align: top; margin: 0.5rem auto; width: 32rem; display: block; } #extranet input[type="submit"] { text-decoration: none; display: inline-block; color: #848484; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; } #extranet input[type="submit"]:hover { background: #007ec0; color: white; } #extranet .extranet-error { font-size: 1.5rem; margin-bottom: 1rem; font-weight: 600; color: black; } #extranet .confidential { margin-bottom: 2rem; font-size: 1.6rem; color: #882f89; font-weight: 800; } #extranet .confidential input { width: 1.5rem; height: 2rem; vertical-align: bottom; } #extranet-forgotten-password-link { margin: 1rem 0; } #zone-campus { display: flex; align-items: center; height: 41rem; width: 100%; position: relative; background-image: url("https://www.osteo-rennes.fr/default/CMS/css/common/../../images/dist/campus-ker-lann-bruz.jpg"); background-size: cover; background-position: center center; cursor: default; text-decoration: none; } @media (max-width: 440px) { #zone-campus .u-wrapper { max-width: 100%; height: 100%; } } #zone-campus .campus-encart { display: inline-block; position: relative; background: none; padding: 3.8rem 11rem 10rem 3.5rem; margin-bottom: 2rem; } @media (max-width: 800px) { #zone-campus .campus-encart { padding: 4.8rem 3rem 9rem 3rem; width: calc(100% - 5rem); margin: 0 auto; display: block; } } @media (max-width: 440px) { #zone-campus .campus-encart { width: 100%; height: 100%; margin: 0; padding: 3vw; display: flex; flex-wrap: wrap; align-content: center; } } #zone-campus .campus-encart p { font-size: 3.8rem; color: white; font-weight: 400; } @media (max-width: 520px) { #zone-campus .campus-encart p { font-size: 3.3rem; } } #zone-campus .campus-encart button { text-decoration: none; display: inline-block; color: white; font-weight: 400; background: #007ec0; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; position: relative; padding-right: 3em; cursor: pointer; border: none; font-weight: bolder; } #zone-campus .campus-encart button::after { content: ''; display: inline-block; width: 1em; height: 1em; border-right: 0.2rem solid #69b9ec; border-bottom: 0.2rem solid #69b9ec; position: absolute; right: 1em; top: 50%; -webkit-transform: translateY(-50%) rotateZ(-45deg); transform: translateY(-50%) rotateZ(-45deg); } #zone-campus .campus-encart button::before { content: ''; position: absolute; top: 50%; right: 1em; width: 1.3em; height: 0.2rem; background: #69b9ec; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #zone-campus .campus-encart button:hover { background: #fff; color: #007ec0; } .Centre.de.consultations #zone-campus .campus-encart button { text-decoration: none; display: inline-block; color: #882f89; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; position: relative; padding-right: 3em; } .Centre.de.consultations #zone-campus .campus-encart button::after { content: ''; display: inline-block; width: 1em; height: 1em; border-right: 0.2rem solid #882f89; border-bottom: 0.2rem solid #882f89; position: absolute; right: 1em; top: 50%; -webkit-transform: translateY(-50%) rotateZ(-45deg); transform: translateY(-50%) rotateZ(-45deg); } .Centre.de.consultations #zone-campus .campus-encart button::before { content: ''; position: absolute; top: 50%; right: 1em; width: 1.3em; height: 0.2rem; background: #882f89; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .Centre.de.consultations #zone-campus .campus-encart button:hover { background: #fff; color: #007ec0; } @media (min-width: 441px) { #zone-campus .campus-encart button { position: absolute; bottom: 2.5rem; right: -2.5rem; } } @media (min-width: 1201px) { #zone-campus .campus-encart button { right: -27.5rem; } } @media (max-width: 440px) { #zone-campus .campus-encart button { margin-top: 2rem; } } #zone-footer { z-index: 5; position: relative; background: white; } @media (max-width: 1200px) { #zone-footer { padding-bottom: 9rem; } } #zone-footer .u-wrapper { display: flex; align-items: flex-start; justify-content: space-between; color: #333; } @media (max-width: 700px) { #zone-footer .u-wrapper { flex-wrap: wrap; } } #zone-footer .footer-content { max-width: 20rem; font-size: 1.4rem; } #zone-footer .mention, #zone-footer .infos { margin-top: 1.5rem; } #zone-footer .icon { display: inline-block; vertical-align: middle; fill: #333; } #zone-footer .footer-partners img { display: block; height: auto; width: 100%; margin-bottom: 1rem; max-width: 20rem; } @media (max-width: 940px) { #zone-footer .footer-top .u-wrapper { flex-wrap: wrap; justify-content: space-around; max-width: 100%; } } @media (max-width: 520px) { #zone-footer .footer-top .u-wrapper { flex-direction: column; align-items: center; } } @media (min-width: 601px) { #zone-footer .footer-top .u-wrapper > * { margin-top: 4rem; margin-bottom: 4rem; } } @media (max-width: 600px) { #zone-footer .footer-top .u-wrapper > * { margin-top: 2rem; margin-bottom: 2rem; } } @media (max-width: 940px) { #zone-footer .footer-top .u-wrapper .footer-more { order: -1; display: flex; justify-content: space-around; width: 100%; margin: 0; padding: 1.5rem; background: #2f446c; } } @media (max-width: 440px) { #zone-footer .footer-top .u-wrapper .footer-more a:nth-child(2) { order: 3; } } @media (max-width: 380px) { #zone-footer .footer-top .u-wrapper .footer-more a:nth-child(2) { min-width: inherit; } } #zone-footer .footer-bottom { display: flex; align-items: center; justify-content: space-between; height: 4.5rem; color: #fff; font-size: 1.2rem; font-weight: 300; background: #231f20; } @media (max-width: 700px) { #zone-footer .footer-bottom { height: auto; padding: 1rem 0; } } @media (max-width: 440px) { #zone-footer .footer-bottom { line-height: 1.8; } } #zone-footer .footer-bottom .u-wrapper { color: #fff; } @media (max-width: 940px) { #zone-footer .footer-bottom .u-wrapper { flex-wrap: wrap; justify-content: center; } } #zone-footer .footer-title { font-size: 1.5rem; font-weight: 500; } #zone-footer .footer-logo { display: inline-block; width: 14.5rem; height: 12.8rem; } @media (max-width: 440px) { #zone-footer .footer-logo { width: 8.5rem; height: 10rem; margin-top: 1rem; margin-right: 2rem; } #zone-footer .footer-logo img { max-width: 100%; } } #zone-footer .footer-logo img { width: 100%; height: auto; } #zone-footer .footer-logo svg { fill: #007ec0; } #zone-footer .footer-logo + div { display: inline-block; vertical-align: top; margin-left: 4rem; } @media (max-width: 440px) { #zone-footer .footer-logo + div { margin-left: 1rem; } } #zone-footer .footer-adresse .footer-title { text-transform: uppercase; } #zone-footer .footer-adresse p:not(.footer-title) { opacity: 0.7; } @media (max-width: 600px) { #zone-footer .footer-contact { display: flex; justify-content: space-around; width: 100%; } } #zone-footer .footer-contact .icon { width: 1.3rem; height: 1.3rem; opacity: 0.5; } #zone-footer .footer-contact p:not(.footer-title) { display: inline-block; vertical-align: middle; font-size: 1.8rem; font-weight: 200; } #zone-footer .footer-contact p:not(.footer-title) span { font-size: 1.6rem; font-weight: normal; display: inline-block; vertical-align: middle; } #zone-footer .footer-contact p:not(.footer-title) ~ .footer-title { margin-top: 2rem; } #zone-footer .footer-contact a { color: inherit; text-decoration: none; } #zone-footer .footer-more .icon { width: 2.8rem; height: 2.8rem; } #zone-footer .footer-more a { display: block; padding: 0.8rem 0; color: #fff; font-size: 1.5rem; text-decoration: none; transition: color 0.25s ease-out; } @media (min-width: 1201px) { #zone-footer .footer-more a { color: #333; } } #zone-footer .footer-more a .icon { margin-right: 1rem; fill: currentColor; } #zone-footer .footer-more a:hover { color: currentColor; } #zone-footer .sitemap-print a { display: inline-block; margin: 0 1rem 0; color: inherit; text-decoration: none; } #zone-footer .sitemap-print a i, #zone-footer .sitemap-print a span { display: inline-block; vertical-align: middle; } #zone-footer .sitemap-print a i { margin-right: 0.6rem; } @media (max-width: 940px) { #zone-footer .copyright { width: 100%; margin-bottom: 0.5rem; text-align: center; } } #zone-footer .copyright a { color: inherit; text-decoration: none; } #zone-footer .copyright img { margin-bottom: -2px; } #zone-footer .footer-contact-item { margin-bottom: 2rem; } #zone-footer .footer-ornament { display: none; } @media (min-width: 1501px) { #zone-footer .footer-ornament { position: absolute; display: block; top: -7rem; right: 4rem; } } .socialLinks { z-index: 100; position: absolute; display: flex; flex-direction: column; top: 35%; left: 1.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); gap: 0.2rem; } @media (max-width: 1300px) { .socialLinks { position: fixed; flex-direction: row; align-items: center; justify-content: flex-end; top: 100vh; right: 0.2rem; left: auto; height: 5rem; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .socialLinks, .socialLinks > li { margin: 0; padding: 0; list-style-type: none; } .socialLinks > li { overflow: hidden; margin: 0.2rem 0; border-radius: 100%; color: #fff; } .socialLinks a { overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 3.3rem; height: 3.3rem; color: inherit; font-size: 0; text-align: center; text-decoration: none; background: #007ec0; transition: background .3s ease; } .socialLinks a i { font-size: 1.6rem; } .socialLinks a.facebookLink:hover { background: #3c5a99; } .socialLinks a.twitterLink:hover { background: #5ea9dd; } .socialLinks a.googleLink:hover { background: #d74536; } .socialLinks a.youtubeLink:hover { background: #e62117; } .socialLinks a.pinterestLink:hover { background: #cb2026; } .socialLinks a.viadeoLink:hover { background: #f4982b; } .socialLinks a.linkedinLink:hover { background: #1a85bc; } .socialLinks a.instagramLink:hover { background: #d22f71; } .socialLinks a.researchLink:hover { background: #0298d4; } .socialLinks a.researchLink img { height: 1.7rem; } .socialLinks a:hover { color: #fff; } #se-results ul li { margin-bottom: 1rem; padding-bottom: 1rem; } #se-results ul li:not(:last-child) { border-bottom: 0.1rem dotted rgba(124, 124, 124, 0.5); } .cta-sections { position: relative; display: flex; width: 100%; min-height: 18rem; z-index: 0; } @media (max-width: 940px) { .cta-sections { flex-direction: column; } } .cta-sections .cta-back { position: absolute; z-index: 1; } .cta-sections .cta-back.cta-back-1 { bottom: -1rem; right: 5rem; } .cta-sections .cta-back.cta-back-2 { bottom: -1rem; left: 0; } .cta-sections .cta-back.cta-back-3 { top: 0; left: 7rem; } .cta-sections .cta-back.cta-back-4 { top: 0; right: 0; } .cta-sections .cta-back.cta-back-5 { right: 10rem; bottom: -1rem; } .cta-sections .cta-back.cta-back-6 { bottom: -1rem; left: 10rem; } .cta-sections .cta-block { flex: 1 1 0; min-width: 25rem; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } @media (max-width: 940px) { .cta-sections .cta-block { min-width: 100%; } } @media (min-width: 941px) { .cta-sections .cta-block:hover { -webkit-transform: translateY(-0.4rem); transform: translateY(-0.4rem); } } .cta-sections .cta-block a { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 3rem; color: white; position: relative; overflow: hidden; text-decoration: none; } .cta-sections .cta-block:nth-child(1) { background: #4ab7df; } .cta-sections .cta-block:nth-child(2) { background: #0e88c7; } .cta-sections .cta-block:nth-child(3) { background: #06669a; } .cta-sections .cta-block .cta-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; align-self: flex-end; } .cta-sections .cta-block .cta-content span { font-size: 1.8rem; font-weight: 400; margin-bottom: .5rem; line-height: 1; } .cta-sections .cta-block .cta-content h2 { margin: 0; font-size: 3rem; font-weight: 700; line-height: 1; } @media (max-width: 1380px) { .cta-sections .cta-block .cta-content h2 { font-size: 2rem; } } .cta-sections .cta-block .cta-icon { display: flex; align-items: center; justify-content: flex-end; margin: -5rem 0 0 2.5rem; z-index: 2; } @media (max-width: 940px) { .cta-sections .cta-block .cta-icon { margin-left: 1.2rem; } } @media (max-width: 940px) { .cta-sections .cta-block .cta-icon { margin: 0 0 0 1.2rem; } } .cta-sections .cta-block .cta-icon img, .cta-sections .cta-block .cta-icon svg { width: 8rem; height: 8rem; fill: white; } .cms_bloc_CMS-Faq .csFaq .accordion-item { border-bottom: 0.1rem solid var(--default_border-color); transition: border .4s ease; border-top: 0; border-right: 0; border-left: 0; } .cms_bloc_CMS-Faq .csFaq .accordion-item:last-child { border-bottom: 0; } .cms_bloc_CMS-Faq .csFaq .accordion-button { font-size: var(--font-size, var(--default_title-font-size)); color: #2f374e; padding: 2rem 3.5rem 2rem 1.5rem; background: transparent; } .cms_bloc_CMS-Faq .csFaq .accordion-button:not(.collapsed) { background: transparent; color: #415375; } .cms_bloc_CMS-Faq .csFaq .accordion-button::before { content: ''; position: absolute; right: .25rem; border-radius: 100%; width: 4rem; height: 4rem; margin-top: -0.1rem; border: 0.1rem solid #007ec0; } @media (max-width: 800px) { .cms_bloc_CMS-Faq .csFaq .accordion-button::before { content: none; } } .cms_bloc_CMS-Faq .csFaq .accordion-button::after { width: 1.5rem; height: 1.5rem; margin-top: -.5rem; border-top: .1rem solid #007ec0; border-right: .1rem solid #007ec0; -webkit-transform: rotate(135deg) translateX(-14px) translateY(-14px); transform: rotate(135deg) translateX(-14px) translateY(-14px); transition: none; } @media (max-width: 800px) { .cms_bloc_CMS-Faq .csFaq .accordion-button::after { width: 1rem; height: 1rem; } } .cms_bloc_CMS-Faq .csFaq .accordion-button:not(.collapsed)::after { margin-top: .5rem; -webkit-transform: rotate(-45deg) translateX(12px) translateY(15px); transform: rotate(-45deg) translateX(12px) translateY(15px); } .csSwitchLangs { position: relative; display: flex; align-items: center; justify-content: center; width: 5.5rem; height: auto; margin-left: 1rem; background: #ffffff; } @media (max-width: 1200px) { .csSwitchLangs { margin-left: 0; height: 5rem; width: 8rem; background: #f1f5f7; } } .csSwitchLangs img { display: block; max-width: 1.5rem; } .csSwitchLangs button { display: flex; align-items: center; justify-content: center; border: none; font-size: 1.3rem; font-weight: 500; text-transform: none; background: transparent; transition: .3s ease; cursor: pointer; outline: none; } .csSwitchLangs button:hover { opacity: .5; } .csSwitchLangs button span.arrow-down { display: flex; align-items: center; justify-content: center; margin-left: .5rem; } .csSwitchLangs button span.arrow-down::after { content: ""; display: block; margin-top: .2rem; border-left: .4rem solid transparent; border-right: .4rem solid transparent; border-top: .4rem solid #007ec0; } .csSwitchLangs button span.lang { margin-right: .3rem; color: #231f20; } .csSwitchLangs button span.lang:first-letter { text-transform: uppercase; } .csSwitchLangs ul { margin: 0; padding: 0; } .csSwitchLangs ul li { list-style-type: none; text-align: center; } .csSwitchLangs ul li a { display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 1.1rem; font-weight: 900; text-decoration: none; text-transform: uppercase; } .csSwitchLangs ul li a span { margin-right: 1rem; } .csSwitchLangs .switchContent { z-index: 5; position: absolute; display: block; top: 120%; left: 50%; min-width: 5rem; padding: .5rem; border-radius: .3rem; opacity: 0; background: #007ec0; transition: all .25s ease-out; -webkit-transform: translate(-50%, 1rem); transform: translate(-50%, 1rem); pointer-events: none; } @media (max-width: 1200px) { .csSwitchLangs .switchContent { top: auto; bottom: 120%; } } .csSwitchLangs .switchContent a { border: 0 !important; background: transparent !important; } .csSwitchLangs .switchContent::before { content: " "; position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; margin-left: -.6rem; border: solid transparent; border-bottom-color: #007ec0; border-width: .6rem; pointer-events: none; } @media (max-width: 1200px) { .csSwitchLangs .switchContent::before { top: 100%; bottom: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); } } .csSwitchLangs .is-open { opacity: 1; -webkit-transform: translate(-50%, 0rem); transform: translate(-50%, 0rem); pointer-events: auto; } .csSticky { z-index: 1200; overflow: hidden; position: fixed; top: 60%; right: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; color: white; font-size: 1.4rem; font-weight: 500; background: #007ec0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 1200px) { .csSticky { position: fixed; display: flex; align-items: center; top: 0; right: 17rem; width: calc(100% - 17rem); height: 3.5rem; border-radius: 0; font-size: 1.3rem; -webkit-transform: none; transform: none; } } .csSticky li { flex-grow: 1; list-style: none; text-align: center; text-decoration: none; } .csSticky li:not(:last-child) { border-bottom: 0.1rem solid rgba(255, 255, 255, 0.6); } @media (max-width: 1200px) { .csSticky li:not(:last-child) { border-bottom: none; border-right: 0.1rem solid rgba(255, 255, 255, 0.6); } } .csSticky li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 1.4rem 0.6rem; color: currentColor; line-height: 1.1; text-align: center; text-decoration: none; transition: background .4s ease; gap: 0.6rem; } @media (max-width: 1500px) { .csSticky li a { padding: 1.2rem 0.6rem; } } @media (max-width: 1200px) { .csSticky li a { padding: 0.4rem 1rem; } } .csSticky li a svg { width: 3rem; height: 3rem; fill: currentColor; -webkit-transform: scale(0.8); transform: scale(0.8); } @media (max-width: 1500px) { .csSticky li a svg { width: 3rem; height: 3rem; } } @media (max-width: 1200px) { .csSticky li a svg { display: none; } } .csSticky li a span { display: block; max-width: 8rem; } @media (max-width: 1200px) { .csSticky li a span { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } } .csSticky li a:hover { color: white; background: #231f20; } html body div#tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronDeny { background: #007ec0 !important; } html body div#tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronDeny:hover { background: #2f374e !important; } html body div#tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronAllow { background: #007ec0 !important; } html body div#tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronAllow:hover { background: #2f374e !important; } .cs-popup{position:fixed;width:100%;height:100%;text-align:center;top:0;left:0;transition:.4s ease;z-index:131313;background:rgba(255,255,255,0.8);opacity:0;visibility:visible;pointer-events:none}.cs-popup.openPopup{opacity:1;visibility:visible;pointer-events:all}.cs-popup.closedPopup{opacity:0;pointer-events:none}.cs-popup-close::before{content:'\2715';position:absolute;top:-4rem;right:2rem;cursor:pointer;color:#fff;background:#007eb0;padding:1rem 2rem;border-top-left-radius:.3rem;border-top-right-radius:.3rem;transition:.3s ease}.cs-popup-close:hover::before{color:black;background:#fff}.cs-popup-bloc{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0 0 2rem rgba(0,0,0,0.1);padding:2rem;text-align:left;font-size:1.5rem;transition:.3s ease;background:#fff;border:1rem solid #f2f2f2;color:#231f20}.cs-popup-bloc.closedBloc{opacity:0;pointer-events:none;-webkit-transform:translate(-50%, -40%);-ms-transform:translate(-50%, -40%);transform:translate(-50%, -40%)}@media (max-width: 800px){.cs-popup-bloc{max-width:90%;width:90%}}.cs-popup-content{max-height:60rem;overflow:auto}@media (max-width: 1200px){.cs-popup-content{max-height:40rem}}.cs-popup .cms_bloc_text{padding-top:0}.cs-popup .cms_bloc_text .cms_bloc_media{padding-bottom:0 !important;position:relative;min-width:30rem;height:25rem}.cs-popup .cms_bloc_text .cms_bloc_media .diaporama-item{background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;width:100%}@media (max-width: 800px){.cs-popup .cms_bloc_text .cms_bloc_media{min-width:100%;margin:0 !important;max-width:100% !important;padding:0 !important}}.cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media,.cs-popup .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media{min-width:auto;height:auto}@media (max-width: 1200px){.cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media,.cs-popup .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media{margin:0 !important;padding:0 !important}}@media (max-width: 1200px){.cs-popup .cms_bloc_text .cms_bloc_text_media_gauche,.cs-popup .cms_bloc_text .cms_bloc_text_media_droite{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .media_container,.cs-popup .cms_bloc_text .cms_bloc_text_media_droite .media_container{-webkit-order:2;-ms-flex-order:2;order:2;width:100%;margin:2rem 0 0 0}.cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .media_container img,.cs-popup .cms_bloc_text .cms_bloc_text_media_droite .media_container img{display:block;max-height:100%;height:auto;width:100%}.cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .text_container,.cs-popup .cms_bloc_text .cms_bloc_text_media_droite .text_container{-webkit-order:1;-ms-flex-order:1;order:1;width:100%}} .menuParent { margin: 5rem 0 0 0; position: relative; display: flex; justify-content: center; } @media (max-width: 1200px) { .menuParent { display: inline-block; min-width: 25vw; } } .menuParent-list, .menuParent-item { list-style-type: none; } .menuParent-list { display: flex; justify-content: space-between; flex-grow: .1; } @media (max-width: 1200px) { .menuParent-list { flex-wrap: wrap; justify-content: center; } } .menuParent-item { display: flex; max-width: 32.5rem; } .menuParent-item:not(:last-child) { margin-right: .5rem; } @media (max-width: 520px) { .menuParent-item { width: 100%; } .menuParent-item a { width: 100%; display: block; } } .menuParent-link { text-decoration: none; display: inline-block; color: #848484; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; border: 0.1rem solid #007eb0; padding: 0.5em 1em 0.45em; display: flex; align-items: center; justify-content: center; align-content: center; text-align: center; letter-spacing: 0; font-weight: normal; } .menuParent-link:hover { background: #007eb0; color: white; } .Centre.de.consultations .menuParent-link { text-decoration: none; display: inline-block; color: #848484; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; border: 0.1rem solid #81317a; font-weight: 400; font-size: 1.4rem; letter-spacing: 0; padding: 0.5em 1em 0.45em; display: flex; } .Centre.de.consultations .menuParent-link:hover { background: #007eb0; color: white; } .menuParent-link:hover { background: #007eb0; color: white; } .Centre.de.consultations .menuParent-link:hover { background: #81317a; color: white; } .menuParent-link.is-selected { background: #007eb0; color: white; pointer-events: none; } .Centre.de.consultations .menuParent-link.is-selected { background: #81317a; color: white !important; } @media (max-width: 1200px) { .menuParent-link { text-decoration: none; display: inline-block; color: #007eb0; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; border: 0.1rem solid #007eb0; border-top: none; margin: 0; width: 100%; } .Centre.de.consultations .menuParent-link { text-decoration: none; display: inline-block; color: #81317a; font-weight: 400; background: white; border: 0.1rem solid currentColor; text-decoration: none; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 1em 0.85em; font-size: 1.4rem; text-transform: none; z-index: 1; cursor: pointer; transition: all 0.25s ease-out; transition-property: border, background, color; } }