/* CSS Document  */
#mdl .warpper { margin-left: -15px; margin-right: -15px; }
#mdl .img-fluid { max-width: 100%; height: auto; }
#main #mdl .container { background-color: transparent; }
#mdl { margin: 0; padding: 0; border: 0px solid black; }
#mdl { margin: 0; padding: 0; font-weight: 400; border: 0px solid black; background-color: #FFFFFF; font-size: 16px; font-family: 'Open Sans', sans-serif; color: #333; }
#mdl .lead { color: #333; font-weight: normal; }
#mdl h1, #mdl h2, #mdl h3, #mdl h4, #mdl h5 { color: #1361B3; margin: 0px 0px 24px 0px; font-family: 'proxima_nova_ltsemibold'; }
#mdl .h1, #mdl .h2, #mdl .h3, #mdl .h4, #mdl .h5, #mdl .h6 { color: #1361B3; font-family: 'proxima_nova_ltsemibold'; }
#mdl .content-bleu-vert h1, #mdl .content-bleu-vert h2, #mdl .content-bleu-vert h3, #mdl .content-bleu-vert h4, #mdl .content-bleu-vert h5 { color: #FFFFFF; }
#mdl hr { margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 1px solid #E5F7F7; }
#mdl .bleu-vert { color: #11A6A6; }
#mdl pre { font-size: 12px; font-style: italic; font-family: 'Open Sans', sans-serif; margin-top: -1.5em; }
#mdl audio { width: 100%; }
#mdl blockquote { padding: 1em 2em; margin: 0 1em 1em; background: #E5F7F7; background: -moz-linear-gradient(left, #E5F7F7 0%, #FFFFFF 100%); background: -webkit-linear-gradient(left, #E5F7F7 0%, #FFFFFF 100%); background: linear-gradient(to right, #E5F7F7 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f7f7', endColorstr='#ffffff',GradientType=1 ); /*+border-radius: 8px;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; position: relative; overflow: hidden; }
#mdl blockquote::before { content: " ” "; color: #FFFFFF; display: block; font-size: 12em; font-style: normal; line-height: 0.6; position: absolute; height: 80px; top: 0; left: 16px; width: 105px; }
#mdl cite { font-size: 1.25em; font-weight: normal; display: block; margin-bottom: 0.5em; margin-top: 0.5em; }
#mdl b, #mdl strong { font-weight: 600; }
#mdl a { color: #1262B2; text-decoration: underline; }
#mdl a.btn { text-decoration: none; padding-top: 4px; }
#mdl .item .btn { font-size: /*0.8em*/1em; margin: 0.5em; }
#mdl .item .outline.pack { font-size: /*0.75em*/0.9em; }
#mdl .item .btn span { padding: 0; margin: 0; display: block; font-size: /*0.8em*/0.9em; }
#mdl a:hover { color: #12B3B3; text-decoration: underline; }
#mdl p { line-height: 1.8; }
#mdl p.small { font-size: 0.7em; }
/*-------------------------------*/
.m-6 { margin: 6rem !important; }
.mt-6, .my-6 { margin-top: 6rem !important; }
.mr-6, .mx-6 { margin-right: 6rem !important; }
.mb-6, .my-6 { margin-bottom: 6rem !important; }
.ml-6, .mx-6 { margin-left: 6rem !important; }
/*-------------------------------*/
.p-6 { padding: 6rem !important; }
.pt-6, .py-6 { padding-top: 6rem !important; }
.pr-6, .px-6 { padding-right: 6rem !important; }
.pb-6, .py-6 { padding-bottom: 6rem !important; }
.pl-6, .px-6 { padding-left: 6rem !important; }
/*COULEURS -------------------------------*/
.content-blanc { background-color: #FFFFFF; /*padding-top: 3em;*/ /*padding-bottom: 3em;*/ }
.content-bleu { background-color: #1361B3; /*padding-top: 2.5em;*/ /*padding-bottom: 2.5em;*/ }
.content-bleu h1, .content-bleu h2, .content-bleu h3, .content-bleu p { color: #FFFFFF; }
.content-bleu p { margin: 0 !important; }
.content-bleu h1 a, .content-bleu h2 a, .content-bleu h3 a, .content-bleu p a { color: #FFFFFF; }
.content-bleu-vert { background-color: #11A6A6; /*padding-top: 2.5em;*/ /*padding-bottom: 2.5em;*/ }
.content-bleu-vert h1, .content-bleu-vert h2, .content-bleu-vert h3, .content-bleu-vert p { color: #FFFFFF; }
.content-bleu-vert h1 a, .content-bleu-vert h2 a, .content-bleu-vert h3 a, .content-bleu-vert p a { color: #FFFFFF; }
.content-bleu-vert p { margin: 0 !important; }
.content-bleu-clair { background-color: #D4F1F1; /*padding-top: 3em;*/ /*padding-bottom: 3em;*/ }
.content-area .card { margin-bottom: 1.5em; /*+box-shadow: 1px 4px 8px rgba(8, 42, 76, 0.1);*/ -moz-box-shadow: 1px 4px 8px rgba(8, 42, 76, 0.1); -webkit-box-shadow: 1px 4px 8px rgba(8, 42, 76, 0.1); box-shadow: 1px 4px 8px rgba(8, 42, 76, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); }
/*-------------------------------*/
.bg-blanc { background-color: #FFFFFF; }
.blanc { color: #FFFFFF; }
.bg-bleu { background-color: #1361B3; color: #FFFFFF; }
.bleu { color: #1361B3; }
.bg-bleu h1, .bg-bleu h2, .bg-bleu h3, .bg-bleu p { color: #FFFFFF; }
.bg-bleu h1 a, .bg-bleu h2 a, .bg-bleu h3 a, .bg-bleu p a { color: #FFFFFF; }
.bg-bleu p { margin: 0 !important; }
.bg-bleu-vert { background-color: #11A6A6; color: #FFFFFF; }
.bleu-vert { color: #11A6A6; }
.bg-bleu-vert h1, .bg-bleu-vert h2, .bg-bleu-vert h3, .bg-bleu-vert p { color: #FFFFFF; }
.bg-bleu-vert h1 a, .bg-bleu-vert h2 a, .bg-bleu-vert h3 a, .bg-bleu-vert p a { color: #FFFFFF; }
.bg-bleu-vert p { margin: 0 !important; }
.bg-bleu-clair { background-color: #E5F7F7; }
.bleu-clair { color: #E5F7F7; }
.bg-orange { background-color: #FF9934; color: #FFFFFF; }
.orange { color: #FF9934; }
.bg-erreur { background-color: #F6E4E4; }
.bg-succes { background-color: #E4F6E4; }
.bg-attention { background-color: #F6F2E4; }
.erreur { color: #B21212; }
.succes { color: #12B212; }
.attention { color: #B28A12; }
/*-------------------------------*/
.shadow-img, .shadow { /*+border-radius: 4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; /*+box-shadow: 1px 6px 16px rgba(8, 42, 76, 0.1);*/ -moz-box-shadow: 1px 6px 16px rgba(8, 42, 76, 0.1); -webkit-box-shadow: 1px 6px 16px rgba(8, 42, 76, 0.1); box-shadow: 1px 6px 16px rgba(8, 42, 76, 0.1); }
.img-top-crop { margin-top: -5em !important; }
/*-------------------------------*/
#mdl .alignleft { float: left; margin: 0 1em 0.5em 0; }
#mdl .alignright { float: right; margin: 0 0 0.5em 1em; }
#mdl .aligncenter { margin: 0 auto 1em; display: block; }
#mdl .tag { padding: 0.5em; /*+border-radius: 8px;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
/*-----------------------*/
.mdl .btn { text-decoration: none; text-align: center; text-transform: uppercase; font-family: 'proxima_nova_ltsemibold'; padding: 0.25em 1em; line-height: 1.5; /*+border-radius: 80px;*/ -moz-border-radius: 80px; -webkit-border-radius: 80px; -khtml-border-radius: 80px; border-radius: 80px; border: 1px solid rgba(255, 255, 255, 0); background-color: #626262; color: #FFFFFF; white-space: normal; margin-top: 0.25em; margin-bottom: 0.25em; }
.btn:hover { border: 1px solid rgba(255, 255, 255, 0); background-color: #777777; color: #FFFFFF; text-decoration: none !important; }
.btn.shadow { padding: 0.75em 1.25em !important; /*+box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2) !important;*/ -moz-box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2) !important; box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2) !important; border: 0px solid black !important; }
.btn.shadow:hover { background-color: #1677D8; color: #FFFFFF; /*+box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2);*/ -moz-box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -4px rgba(0, 0, 0, 0.2); border: 0px solid black; }
.text-left .btn i { float: left; margin-right: 8px; text-align: center; padding-right: 4px; }
.text-right .btn i { float: right; margin-left: 8px; text-align: center; padding-left: 4px; }
.text-left .btn { text-align: left; }
.text-right .btn { text-align: right; }
.btn.sm { font-size: 0.75em; }
.btn.md { font-size: 1.125em; }
.btn.lg { font-size: 1.5em; line-height: 1; padding: 0.5em 1em; }
.btn.bleu { background-color: #1262B1; color: #FFFFFF !important; }
.btn.bleu:hover { background-color: #1677D8; }
.btn.bleuc { background-color: #11B4B3; color: #FFFFFF !important; }
.btn.bleuc:hover { background-color: #0F9D9C; }
.btn.orange { background-color: #FF9933; color: #FFFFFF !important; }
.btn.orange:hover { background-color: #F27700; }
.btn.facebook { background-color: #4267B2; color: #FFFFFF !important; }
.btn.facebook:hover { background-color: #3B5DA0; }
.btn.outline { background-color: #FFFFFF; border: 1px solid #1262B2; color: #1262B2; font-weight: normal; }
.btn.outline:hover { background-color: #FFF; border: 1px solid #00B0AD; color: #00B0AD !important; }
.btn.outline-blanc { background-color: rgba(255, 255, 255, 0); border: 1px solid #FFFFFF; color: #FFFFFF !important; font-weight: normal; }
.btn.outline-blanc:hover { background-color: rgba(255, 255, 255, 0); border: 1px solid #FFFFFF; color: #FFFFFF; }
.btn.blanc { background-color: #FFFFFF; color: #333 !important; }
.btn.blanc:hover { background-color: rgba(255, 255, 255, 0.707); }
.btn.erreur { background-color: #B31111; color: #FFFFFF !important; }
.btn.erreur:hover { background-color: #C60000; }
.btn.succes { background-color: #11B311; color: #FFFFFF !important; }
.btn.succes:hover { background-color: #00A700; }
.btn.attention { background-color: #B28A12; color: #FFFFFF !important; }
.btn.attention:hover { background-color: #E5A900; }
.btn.link { background-color: transparent; border: 0px solid #1262B2; color: #1262B2; font-weight: normal; padding: 0 !important; text-decoration: underline !important; }
.btn.link:hover { background-color: transparent; border: 0px solid #00B0AD; color: #00B0AD !important; }
/*PAGE PRESENTATION*/
ul.stepper { margin: 0; padding: 0; }
ul.stepper li { display: inline-table; width: 260px; line-height: normal; font-size: 0.8em; list-style: none; }
ul.stepper span.icone { display: block; width: 100px; height: 100px; margin: 0 auto 0.25em; /*+border-radius: 357px;*/ -moz-border-radius: 357px; -webkit-border-radius: 357px; -khtml-border-radius: 357px; border-radius: 357px; font-family: 'proxima_nova_ltsemibold'; color: #FFFFFF; position: relative; font-size: 3em; font-weight: bold; line-height: 2.4; }
ul.stepper span.icone::after { display: block; content: " "; height: 4px; background-color: #12B3B3; position: absolute; width: 120px; top: 50%; left: 120%; }
ul.stepper li:last-of-type span.icone::after { display: none; }
ul.stepper strong { display: block; color: #1361B3; }
ul.stepper h3 { font-family: 'Open Sans', sans-serif; margin-bottom: 0 !important; font-weight: 600; font-size: 1.2em; }
@media (min-width: 992px) and (max-width: 1199px) {
ul.stepper li { width: 200px; font-size: 0.75em; }
ul.stepper span.icone::after { display: block; content: " "; height: 4px; background-color: #12B3B3; position: absolute; width: 60px; top: 50%; left: 120%; }
}
@media (max-width: 991px) {
ul.stepper span.icone::after { display: none; }
}
@media (max-width: 768px) {
ul.stepper { padding-left: 0; }
ul.stepper li { width: 170px; }
}
/*PAGE PRESENTATION*/
ul.stepper.five { margin: 0; padding: 0; }
ul.stepper.five li { display: inline-table; width: 200px; line-height: normal; list-style: none; }
ul.stepper li:before { content: none !important; }
ul.stepper li p.h6 { font-size: 1.25em; margin: 0 !important; padding: 0 !important; }
ul.stepper li p { padding: 8px; line-height: normal !important; }
ul.stepper.five span.icone { display: block; width: 100px; height: 100px; margin: 0 auto 0.25em; /*+border-radius: 357px;*/ -moz-border-radius: 357px; -webkit-border-radius: 357px; -khtml-border-radius: 357px; border-radius: 357px; font-family: 'proxima_nova_ltsemibold'; color: #FFFFFF; position: relative; font-size: 3em; font-weight: bold; line-height: 2.4; }
ul.stepper.five span.icone::after { display: block; content: " "; height: 4px; background-color: #12B3B3; position: absolute; width: 70px; top: 50%; left: 120%; }
ul.stepper.five li:last-of-type span.icone::after { display: none; }
ul.stepper.five strong { display: block; color: #1361B3; }
ul.stepper.five h3 { font-family: 'Open Sans', sans-serif; margin-bottom: 0 !important; font-weight: 600; font-size: 1.2em; }
@media (min-width: 992px) and (max-width: 1199px) {
ul.stepper.five li { width: 200px; font-size: 0.75em; }
ul.stepper.five span.icone::after { display: block; content: " "; height: 4px; background-color: #12B3B3; position: absolute; width: 60px; top: 50%; left: 120%; }
}
@media (max-width: 991px) {
ul.stepper.five span.icone::after { display: none; }
}
@media (max-width: 768px) {
ul.stepper.five { padding-left: 0; }
ul.stepper.five li { width: 170px; }
}
/*BLOC VIDEO*/
#video .video { position: relative; }
#video .perso { width: 143px; position: absolute; z-index: 1; }
#video .video .perso.garcon { left: -95px; bottom: 90px; }
#video .video .perso.koala { right: -55px; bottom: 90px; }
#video .video .perso.fille { right: -98px; bottom: 90px; }
@media (max-width: 768px) {
#video .perso { display: none; }
}
/*MAIL CATCHER DECOUVERTE*/
section#decouverte { /*background: #12B3B3;*/ /*background: -moz-linear-gradient(top, #12B3B3 0%, #1298B2 100%);*/ /*background: -webkit-linear-gradient(top, #12B3B3 0%, #1298B2 100%);*/ /*background: linear-gradient(to bottom, #12B3B3 0%, #1298B2 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12b3b3', endColorstr='#1298b2',GradientType=0 );*/ text-align: center; padding-top: 40px; padding-bottom: 40px; color: #FFFFFF; }
section#decouverte a { color: #FFFFFF; }
section#dispositif .item .h4 { margin-bottom: 16px; }
section#dispositif .item p { font-size: 0.8em; }
#footer .region-footer { margin: 0px; }
/*BLOC FACEBOOK*/
#facebook.content-blanc.facebook { background-color: rgba(66, 103, 177, 0.2); }
#facebook .h3 { color: #4267B2; margin: 0 0 0.5em 0; }
#facebook a.btn.facebook { position: relative; padding-left: 48px; }
#facebook i.fab { position: absolute; border: 2px solid #FFFFFF; width: 60px; height: 60px; top: -10px; left: -20px; /*+border-radius: 165px;*/ -moz-border-radius: 165px; -webkit-border-radius: 165px; -khtml-border-radius: 165px; border-radius: 165px; line-height: 1.5; font-size: 2em; background-color: #3B5DA0; }
@media (max-width: 768px) {
#facebook i.fab { position: absolute; border: 0px solid #FFFFFF; width: 56px; height: 56px; top: 3px; left: 3px; /*+border-radius: 0px;*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; line-height: 1.5; font-size: 2em; background-color: transparent; text-align: center; }
#facebook a.btn.facebook { position: relative; padding-left: 68px; text-align: left; }
}
/*BLOC PRODUIT*/
@media (max-width: 991px) {
#produits .item { text-align: center; }
}
#produits .item p { font-size: 0.8em; line-height: 1.6; }
#produits .item { }
#produits .gratuit { border: 1px dashed #1361B3; margin-top: 1em; margin-bottom: 1em; padding: 1em; background-color: rgba(19, 97, 178, 0.1); position: relative; width: 100%; }
#produits .gratuit h3 { margin-bottom: 0.5em; }
#produits .item h3.h4 { margin: 0px 0px 8px 0px; font-size: 1.4em; }
#produits span.gratuit { padding: 2px 6px 1px; margin: 0px; top: -1px; left: -1px; background-color: #63B213; font-family: 'proxima_nova_ltsemibold'; text-transform: uppercase; color: #FFFFFF; font-size: 0.9em; display: block; text-align: center; width: auto; position: absolute; /*+border-radius: 0px 0px 4px 0px;*/ -moz-border-radius: 0px 0px 4px 0px; -webkit-border-radius: 0px 0px 4px 0px; -khtml-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; /*+box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);*/ -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); border-top: 0px solid black; border-right: 0px solid black; border-bottom: 1px solid #589F11; border-left: 0px solid black; z-index: 11; }
#produits .btn { margin-left: 0 !important; margin-right: 0 !important; padding-left: 8px; padding-right: 8px; }
/*BLOC AUTEURS*/
#auteurs .ressources-item p { line-height: normal; font-size: 0.8em; }
#auteurs .ressources-item p.h3 { line-height: normal; font-size: 1.25em; }