@font-face {font-family: 'AvenirLTStd-Heavy';src: url('webfonts/3328A9_0_0.eot');src: url('webfonts/3328A9_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3328A9_0_0.woff2') format('woff2'),url('webfonts/3328A9_0_0.woff') format('woff'),url('webfonts/3328A9_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Roman';src: url('webfonts/3328A9_1_0.eot');src: url('webfonts/3328A9_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3328A9_1_0.woff2') format('woff2'),url('webfonts/3328A9_1_0.woff') format('woff'),url('webfonts/3328A9_1_0.ttf') format('truetype');}  
@font-face {font-family: 'AvenirLTStd-Light';src: url('webfonts/3328A9_2_0.eot');src: url('webfonts/3328A9_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3328A9_2_0.woff2') format('woff2'),url('webfonts/3328A9_2_0.woff') format('woff'),url('webfonts/3328A9_2_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Black';src: url('webfonts/3328A9_3_0.eot');src: url('webfonts/3328A9_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3328A9_3_0.woff2') format('woff2'),url('webfonts/3328A9_3_0.woff') format('woff'),url('webfonts/3328A9_3_0.ttf') format('truetype');}
:root{
    --dark_blue: #26294E;
    --light_blue: #009FE3;
    --black: #3C3C3B;
    --green: #BCCF00;
    --orange: #F59C40;
}
article { padding: 0 103px ; margin-top: 43px; margin-bottom: 48px; }
p, li, blockquote { font-size: 16px; color: var(--black); font-family: 'AvenirLTStd-Roman', 'Arial', sans-serif; }
h1, #sharing_progress_program .txt-pg span { color: var(--light_blue); font-size: 31px; font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'; margin-bottom: 39px; }
h1 { text-transform: uppercase; }
h2 { margin-top: 33px; font-family: 'AvenirLTStd-Black', 'Arial', sans-serif; color: var(--dark_blue); font-size: 15px; margin-bottom: 9px; }
h2::before { content: ''; display: inline-block; background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net/solvay/xnet/2022/images/puce_h2.jpg') no-repeat center; width: 13px; height: 12px; background-size: 13px; margin-right: 5px; }
p > em { font-style: italic; }
a { color: var(--light_blue); }
.disc-doc a { word-break: break-all; }
aside > .bloc-faq-video-aside { box-shadow: 6px 6px 10px #c5c5c5; padding: 56px 0; }
aside > .bloc-faq-video-aside .sous-faq { padding: 0 40px; }
aside > .bloc-faq-video-aside .barre-color { margin-left: 40px; }
b, strong { font-weight: normal; font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'; }
a:hover .barre-color:after { width: 100%; } 

#sharing_progress_program .txt-pg span { display:block; margin-top: 50px; margin-bottom: 10px; }
#main_index { margin-top: 30px; }
#documentation li { display: inline-block; width: 49%; text-align: center; background-color: #E7E7E7; margin-left: 0; padding: 15px; list-style: none; }
#documentation li a {  font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'; font-size: 18px; color: var(--black); }

.l-blue { color: var(--light_blue); }
.d-blue { color: var(--dark_blue); }

.barre-color { background-color: #EDEDED; padding: 5px; border-radius: 20px; height: 10px; width: 70%; margin-left: 80px; margin-bottom: 20px; }
.barre-color:after { position: absolute; content: ""; top: 0; left: 0; width: 80%; height: 100%; background: var(--orange); border-radius: 20px; transition: all .5s; }
.barre-color.bg-green:after { background: var(--green); }

.ct-pg { display: flex; justify-content: space-between; }
.txt-pg { padding-right: 50px; }
.see-video div { background-color: #F2F2F2; color: var(--dark_blue); border-radius: 12px; text-align: center; padding: 15px 20px; margin-left: 15px; width: 100%; font-size: 16px; font-family: 'AvenirLTStd-Black', 'Arial', sans-serif; }

.round-header { background-color: var(--dark_blue); padding: 50px 50px 0 50px; }
.round-header img { right: 0; }
.ct-header-index { display: flex; align-items: flex-start; justify-content: space-between; }
.ct-header-index > div { width: 33%; }
.ct-header-index > .l-blue { font-family: 'AvenirLTStd-Light', 'Arial', sans-serif; font-size: 14px; line-height: 18px; display: flex; justify-content: center; }
.ct-header-index > .l-blue > img { display: block; margin-right: 10px; }
.choice-country { position: absolute; z-index: 10; bottom: 350px; left: 60px; }
.choice-country > span { font-family: 'AvenirLTStd-Roman', 'Arial', sans-serif; font-size: 33px; line-height: 40px; display: block; }
.select-ct { background-color: #fff; border: 0; width: 190px; padding: 5px; margin-top: 22px; border-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.select-ct > span { font-size: 11px; color: #fff; z-index: 10; display:block; left: -10%; font-family: 'AvenirLTStd-Roman', 'Arial', sans-serif; transition: all .5s; }
.select-ct:after { position: absolute; content: ""; top: 0; left: 0; width: 80%; height: 100%; background: var(--light_blue); transition: all .5s; border-radius: 20px; }
.select-ct:focus:after { width: 100%; }
.select-ct:focus span { transition: all .5s; transform: translate(20%); }
.list-ct { background-color: var(--light_blue); width: 200px; border-radius: 0 0 20px 20px; padding: 15px; position: absolute; height: 250px; overflow: auto; display: none; }
.list-ct a { display: block; text-align: center; font-size: 11px; color: #fff; font-family: 'AvenirLTStd-Roman', 'Arial', sans-serif; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-top: 10px; }
.list-ct > a:first-child {  margin-top: 0px; }
header > nav > ul > li > a { color: var(--dark_blue); font-size: 14px; font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'; }
.ct-header { width: 50%; display: flex; position: absolute; top: 20px; justify-content: space-between; align-items: flex-start; font-family: 'AvenirLTStd-Black', 'Arial', sans-serif; font-size: 12px!important; color: #fff; }
.ct-header > div:first-child { text-align: right; font-family: 'AvenirLTStd-Roman', 'Arial', sans-serif; color: var(--light_blue); text-align: center; font-size: 11px; padding: 20px 30px; }
.ct-header > div:first-child img { display: block; margin: auto; margin-bottom: 10px; }
.ct-header > div:last-child { text-align: right; padding: 20px 30px; }
.ct-header > div:last-child > span { font-family: 'AvenirLTStd-Roman', 'Arial', sans-serif; font-size: 30px; line-height: 15px; color: #fff; display: block; }
.ct-header > div:last-child > span:nth-of-type(even) { color: var(--light_blue); }

.quote-ceo { display: flex; align-items: center; margin-bottom: 50px; }
.quote-ceo > div:last-child { padding: 0 130px 0 30px; }


.header-benefit p { position: absolute; z-index: 10; width: 100%; top: 50%; transform: translateY(-50%); color: #fff; }
.body-benefit { width: 100%; border: 5px solid var(--light_blue); display: flex; justify-content: space-around; border-radius: 30px; padding: 20px 0; margin-top: -5px; margin-bottom: 30px; }
.body-benefit > div { text-align: center; padding: 0 45px; border-right: 3px solid var(--light_blue); }
.body-benefit > div:last-child { border: 0; }
.body-benefit > div p { text-align: center; font-family: 'AvenirLTStd-Black', 'Arial', sans-serif; color: var(--dark_blue); font-size: 14px; }
.body-benefit > div:nth-of-type(even) p {  color: var(--light_blue); }

.bloc-faq-video { display: flex; align-items: center; box-shadow: 6px 6px 10px #c5c5c5; }
.bloc-faq-video > div { width: 50%; padding: 80px 20px; text-align: center; }
.bloc-faq-video > div:last-child { background-color: #F2F2F2; }

.sous-faq { display: flex; align-items: center; padding: 0 80px; }
.sous-faq > p { padding-left: 20px; font-family: 'AvenirLTStd-Light', 'Arial', sans-serif; font-size: 15px; color: var(--dark_blue);  }
.sous-faq > p > strong { font-family: 'AvenirLTStd-Black', 'Arial', sans-serif; font-size: 25px; }
.titre-video-home > p { color: var(--dark_blue); font-size: 15px; font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'; margin-bottom: 12px; }

.liens-footer { background-color: var(--dark_blue); margin-top: -10px; font-family: 'AvenirLTStd-Light', 'Arial', sans-serif; color: #fff; font-size: 11px; }
.liens-footer li { margin-left: 0; font-family: 'AvenirLTStd-Light', 'Arial', sans-serif; color: #fff; font-size: 11px; }
.liens-footer a { font-family: 'AvenirLTStd-Light', 'Arial', sans-serif; color: #fff; font-size: 11px; }

.b-footer { display: flex; justify-content: center; }
.b-footer > .body-benefit { z-index: 10; border: 0; bottom: -17px; width: 750px; position: absolute; }
.b-footer > .body-benefit > div:nth-of-type(even) p { color: #fff; font-size: 12px; }
.b-footer > .body-benefit > div { color: #fff; font-size: 12px; border-right: 3px solid #fff; padding: 0 15px 0 0; }
.b-footer > .body-benefit > div:last-child { border-right: 0; }

.block-contact { display: flex; }
.block-contact > a { display: flex; }
.block-contact > a > div:first-child { display: flex; background-color: #E7E7E7; padding: 30px 145px 30px 30px; }
.block-contact > a > div:last-child { background-color: var(--light_blue); }

.ct-sous { display: flex; }
.ct-sous div { width: 49%; }
.ct-sous div img{ margin-top: 30px; }
.ct-sous div:last-child img{ margin-top: 40px; }
.ct-sous div:last-child { margin-left: 50px; }

#faq blockquote { display: none; }
.question { font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'; font-size: 15px; color: var(--dark_blue);}

#tarteaucitronDisclaimerAlert, #tarteaucitronPersonalize, #tarteaucitronCloseAlert, #tarteaucitronPrivacyUrl { font-family: 'AvenirLTStd-Heavy','Arial', 'sans-serif'!important; }
#tarteaucitronPersonalize { background-color: var(--light_blue)!important; }

#ct_docs { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }