5442 lines
105 KiB
SCSS
5442 lines
105 KiB
SCSS
.quisommesnous_v4 {
|
|
width: 100%;
|
|
float: left;
|
|
|
|
|
|
.h1_transparent {
|
|
color: transparent;
|
|
font-size: 0.1rem;
|
|
}
|
|
|
|
.only_mobile {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
.only_mobile {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.media_sociaux {
|
|
svg {
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 25px !important;
|
|
width: 25px !important;
|
|
}
|
|
}
|
|
|
|
.div_carte {
|
|
width: 100%;
|
|
}
|
|
|
|
.div_adresse {
|
|
width: 95%;
|
|
text-justify: auto;
|
|
}
|
|
|
|
.img_logo {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 50%;
|
|
}
|
|
|
|
.containerBox {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.div_row {
|
|
float: left;
|
|
//border: 0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.div_row_gauche {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 20%;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.div_row_droite {
|
|
float: right;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 80%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.nom_prenom {
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.img_gauche_taille {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.div_row2 {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 100%;
|
|
margin-bottom: 0.1rem;
|
|
//border-radius: 1rem;
|
|
position: fixed;
|
|
z-index: 10;
|
|
top: 0px;
|
|
}
|
|
|
|
.div_row_haut {
|
|
float: left;
|
|
//border:1px solid black;
|
|
//border-width: 0.01rem;
|
|
width: 100%;
|
|
//border-radius: 1rem;
|
|
background-color: #3b3e40;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_bas {
|
|
float: right;
|
|
//border:1px solid black;
|
|
//border-width: 0.01rem;
|
|
width: 100%;
|
|
//border-radius: 1rem;
|
|
z-index: 10;
|
|
background-color: #e7f3fb;
|
|
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
|
|
}
|
|
|
|
.div_mobile {
|
|
position: relative;
|
|
top: 7rem;
|
|
z-index: 1;
|
|
width: 98%;
|
|
height: 100%;
|
|
margin: 0.3rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.pieddepage {
|
|
z-index: 50;
|
|
width: 100%;
|
|
float: left;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.menuPrincipal {
|
|
font-family: "Quicksand", "Signika", "sans-serif";
|
|
color: white;
|
|
width: 20%;
|
|
float: right;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.menuPrincipal:hover {
|
|
color: #81bc3a;
|
|
font-weight: bold;
|
|
padding-left: 0;
|
|
transition: color 0.3s linear;
|
|
letter-spacing: 0.2rem;
|
|
text-decoration: solid;
|
|
text-underline-offset: 3px;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.div_001 {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_002 {
|
|
width: 50%;
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_003 {
|
|
display: none;
|
|
}
|
|
|
|
.div_004 {
|
|
color: white;
|
|
width: 100%;
|
|
height: 0.1rem;
|
|
opacity: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: left;
|
|
margin-bottom: 0.2rem;
|
|
margin-top: 0.2rem;
|
|
}
|
|
|
|
.div_005 {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.text_head {
|
|
color: white;
|
|
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
|
font-size: small;
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_center {
|
|
width: 90%;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.div_row_center_contact {
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: 4rem;
|
|
background: #ed902f;
|
|
text-align: center;
|
|
font-size: medium;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.div_row_center_text {
|
|
font-size: medium;
|
|
margin-top: 0.2rem;
|
|
font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
|
|
}
|
|
|
|
.div_row_center_enphasis {
|
|
font-size: medium;
|
|
color: #113459;
|
|
margin-top: 0.2rem;
|
|
text-align: justify;
|
|
line-height: 2rem;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.div_row_line1 {
|
|
//float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 40rem;
|
|
min-height: 20rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_line2 {
|
|
//float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 40rem;
|
|
min-height: 20rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_line3 {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 40rem;
|
|
min-height: 20rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_presenation {
|
|
//border: 0.01rem solid #000;
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 6rem;
|
|
}
|
|
|
|
.text_head_new {
|
|
font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
|
|
sans-serif;
|
|
font-size: 20 px;
|
|
margin-top: 1rem;
|
|
margin-bottom: 00.5rem;
|
|
padding-right: 1rem;
|
|
padding-left: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.text_desc {
|
|
overflow-wrap: break-word;
|
|
text-align: start;
|
|
font-size: small;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
font-style: italic;
|
|
text-align: justify;
|
|
}
|
|
|
|
.myli {
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.div_row_where {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.bton_contact_nous {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
color: white;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
|
|
|
|
.img_1 {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.div_row_img1 {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
}
|
|
|
|
.div_row_img2 {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
//background: #f0f0f5;
|
|
margin: 5px;
|
|
}
|
|
|
|
.div_row_img3 {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
}
|
|
|
|
.main_sub_div {
|
|
height: 220rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
background: white;
|
|
}
|
|
|
|
.detail_block {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
}
|
|
|
|
.detail_text {
|
|
width: 100%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.detail_img {
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
.detail_img_video_ftion {
|
|
width: 100%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.div_row_center_video_ftion {
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 5px;
|
|
margin-bottom: 4rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
.detail_block_video_ftion {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
border-bottom: 10px solid;
|
|
border-top: 10px solid;
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
.detail_text_video_ftion {
|
|
display: none;
|
|
}
|
|
|
|
.image_illustration {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
// ------------
|
|
// debut iciii
|
|
|
|
.div_mobile_v3 {
|
|
// position: absolute;
|
|
// top: 5rem;
|
|
// z-index: 1;
|
|
width: 100%;
|
|
//background: #104277;
|
|
//height: 4000px;
|
|
}
|
|
|
|
.main_frame {
|
|
width: 100%;
|
|
height: 8007px;
|
|
background: var(--Light-Grey, #FCFCFC);
|
|
|
|
}
|
|
|
|
|
|
.Background-header {
|
|
width: 100%;
|
|
// height: 30rem;
|
|
flex-shrink: 0;
|
|
//opacity: 0.5;
|
|
background: var(--Beige, #FFF5DA);
|
|
padding: 2px;
|
|
float: left;
|
|
margin-top: 6rem;
|
|
}
|
|
|
|
|
|
.Title {
|
|
display: block;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #0A043C;
|
|
width: Hug (319px);
|
|
height: Hug (80px);
|
|
top: 200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
//position: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.Title_txt1 {
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
/* 125% */
|
|
text-transform: uppercase;
|
|
width: 169px;
|
|
height: 20px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
display: none;
|
|
}
|
|
|
|
.Title_txt2 {
|
|
color: var(--Green, #20BFA9);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 30px;
|
|
font-style: normal;
|
|
//font-weight: 700;
|
|
line-height: 60px;
|
|
/* 120% */
|
|
letter-spacing: -1px;
|
|
width: 319px;
|
|
height: 60px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
top: 15rem;
|
|
|
|
}
|
|
|
|
.text_seul_1 {
|
|
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: justify;
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5em;
|
|
// height: 44px;
|
|
top: 20rem;
|
|
width: 90%;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
//height: 8rem;
|
|
margin-top: 1rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.text_activite_head {
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
height: 50px;
|
|
font-family: Albert Sans;
|
|
font-size: 18px;
|
|
// font-weight: 600;
|
|
line-height: 32px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 1rem;
|
|
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
background: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
height: 3rem;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
|
|
}
|
|
|
|
.image_activite_head {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.image_activite_detail {
|
|
display: none;
|
|
}
|
|
|
|
.bton_en_savoir_plus_header {
|
|
margin-top: 1rem;
|
|
width: 100%;
|
|
height: 56px;
|
|
|
|
padding: 13px, 26px, 13px, 26px;
|
|
border-radius: 8px;
|
|
border: 1px;
|
|
gap: 10px;
|
|
|
|
background: white;
|
|
border: 1px solid #0A043C;
|
|
color: #0A043C;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 30px;
|
|
letter-spacing: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
// ici 2
|
|
.parent {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: repeat(3, 1fr);
|
|
grid-column-gap: 11px;
|
|
grid-row-gap: 13px;
|
|
|
|
padding: 1rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.div1 {
|
|
grid-area: 1 / 1 / 2 / 2;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div2 {
|
|
grid-area: 2 / 1 / 3 / 2;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div3 {
|
|
grid-area: 3 / 1 / 4 / 2;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.text_nous_conseillons {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-family: Albert Sans;
|
|
font-size: medium;
|
|
font-weight: normal;
|
|
line-height: 28px;
|
|
letter-spacing: 0px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 3rem;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
|
|
|
|
.content_gestion_admin {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// height: 400px;
|
|
// position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_admin_img {
|
|
display: none;
|
|
}
|
|
|
|
.content_gestion_admin_txt {
|
|
z-index: 9;
|
|
width: 100%;
|
|
// height: 400px;
|
|
// position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding: 5px;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
.detail_content_text_head_1 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #3E6EE3;
|
|
padding-bottom: 1rem;
|
|
letter-spacing: 1px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.detail_content_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 40px;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
padding-bottom: 1rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.detail_content_text_head_3 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: small;
|
|
font-weight: normal;
|
|
line-height: 22px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 1.5rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 95%;
|
|
font-family: Verdana, Georgia, Arial;
|
|
|
|
}
|
|
|
|
|
|
.detail_content_text_head_3_gauche {
|
|
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: small;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 95%;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// height: 400px;
|
|
// position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning_img {
|
|
display: none;
|
|
}
|
|
|
|
.content_gestion_elearning_txt {
|
|
z-index: 9;
|
|
width: 100%;
|
|
// height: 400px;
|
|
// position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
.fonctionalite_header {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 40px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 2rem;
|
|
|
|
letter-spacing: 1px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.tick_fonctionalite {
|
|
font-family: Albert Sans;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
padding-left: 1rem;
|
|
color: #0A043C;
|
|
width: 100%;
|
|
height: 2rem;
|
|
padding-right: 10px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.tick_fonctionalite_tick {
|
|
width: 5%;
|
|
float: left;
|
|
height: 2rem;
|
|
}
|
|
|
|
.tick_fonctionalite_txt {
|
|
width: 95%;
|
|
float: left;
|
|
height: 4rem;
|
|
padding-left: 10px;
|
|
line-height: 1rem;
|
|
font-family: Verdana, Georgia, Arial;
|
|
}
|
|
|
|
|
|
.video_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
// margin-top: 5rem;
|
|
color: #0A043C;
|
|
margin-left: 1rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.pave_video_gauche {
|
|
display: none;
|
|
|
|
}
|
|
|
|
.pave_video_droite {
|
|
width: 100%;
|
|
float: right;
|
|
height: 330px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.pave_video {
|
|
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 300px;
|
|
margin-bottom: 1rem;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.video_sous_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
margin-left: 1rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.video_mp4 {
|
|
// width: 860px;
|
|
//height: 520px;
|
|
}
|
|
|
|
|
|
.contactez_nous_new {
|
|
|
|
// width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
|
|
}
|
|
|
|
|
|
.contactez_nous_titre {
|
|
// width: 392px;
|
|
//height: 40px;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 30px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
.contactez_nous_info {
|
|
//width: 392px;
|
|
//height: 28px;
|
|
|
|
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 26px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.div_adresse_new {
|
|
padding-left: 2rem;
|
|
float: left;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.image_illustration {
|
|
width: 100%;
|
|
height: 15rem;
|
|
}
|
|
|
|
.div_mobile_v3_debut {
|
|
// margin-top: -28rem;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.react-player__preview {
|
|
height: 230px !important;
|
|
}
|
|
|
|
.reactplayer_mysy_classname {
|
|
height: 250px !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.div_block_fonction {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail {
|
|
width: 96%;
|
|
float: left;
|
|
|
|
margin: 10px;
|
|
-webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
background: #F8F9F9;
|
|
height: 20rem;
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.div_block_fonction_detail_titre {
|
|
font-family: Roboto, Verdana, Georgia, Arial;
|
|
color: #3E6EE3;
|
|
line-Height: 29px;
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
letter-spacing: 1px;
|
|
height: 4rem;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.div_block_fonction_detail_img {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail_img_inside {
|
|
width: 5rem;
|
|
}
|
|
|
|
|
|
.div_block_fonction_detail_desc {
|
|
width: 100%;
|
|
float: left;
|
|
text-align: left;
|
|
line-height: 1.8em;
|
|
font-size: small;
|
|
color: #464646;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.block_centrer {
|
|
margin: auto;
|
|
width: 100%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
.block_centrer_client {
|
|
margin: auto;
|
|
width: 100%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
// height: 15rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.bton_enreg_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: #81BC3A !important;
|
|
text-align: center;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: white;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
.bton_annule_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: lightgray !important;
|
|
text-align: right;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: black;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.block_bouton_gauche {
|
|
float: left;
|
|
border-width: 0.01rem;
|
|
width: 48%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
|
|
}
|
|
|
|
.block_bouton_droite {
|
|
float: right;
|
|
border-width: 0.01rem;
|
|
width: 48%;
|
|
border-radius: 1rem;
|
|
text-align: right;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.img_uca {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
.img_5discovery {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
.img_aroma {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
.img_potential {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
.img_capl {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
.img_hr {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
|
|
.content_mysy_4_point {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
//height: 500px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
margin-top: 0.5rem;
|
|
border-radius: 15px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point_txt {
|
|
z-index: 9;
|
|
width: 100%;
|
|
//height: 480px;
|
|
// position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
//margin-right: 19%;
|
|
background: #FFF;
|
|
padding-top: 0.5rem;
|
|
padding-left: 1%;
|
|
padding-right: 1%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.detail_mysy_4_point_head_3_gauche {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
.detail_mysy_4_point_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 36px;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.tableau_mysy_4_point {
|
|
width: 100%;
|
|
// float: left;
|
|
background: #FFF;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case {
|
|
width: 100%;
|
|
float: left;
|
|
//border: 1px solid;
|
|
margin-top: 1rem;
|
|
//height: 10rem;
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_img {
|
|
width: 100%;
|
|
float: left;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text {
|
|
width: 100%;
|
|
float: right;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_img_droite {
|
|
width: 100%;
|
|
float: left;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_droite {
|
|
width: 100%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
.block_contact {
|
|
width: 95%;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.block_contact_formulaire {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.block_contact_mysy {
|
|
float: right;
|
|
width: 100%;
|
|
}
|
|
|
|
.img_a_retenir {
|
|
// width: 80%;
|
|
max-height: 8rem;
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_editeur_francais {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 38px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_qualipoi {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 38px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_moins_cher {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 38px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_tout_en_un {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 28px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
}
|
|
|
|
.bock_img_equipe {
|
|
width: 100%;
|
|
}
|
|
|
|
.block_img_objectif {
|
|
width: 100%;
|
|
}
|
|
|
|
.block_img_force {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
|
.media_sociaux {
|
|
svg {
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 25px !important;
|
|
width: 25px !important;
|
|
}
|
|
}
|
|
|
|
.div_carte {
|
|
width: 60%;
|
|
float: left;
|
|
}
|
|
|
|
.div_adresse {
|
|
width: 29%;
|
|
float: left;
|
|
text-align: left;
|
|
font-size: medium;
|
|
text-justify: auto;
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
.img_logo {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: 0px;
|
|
margin-right: auto;
|
|
max-width: 30%;
|
|
}
|
|
|
|
.containerBox {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.div_row {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.div_row_gauche {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 20%;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.div_row_droite {
|
|
float: right;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 80%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.nom_prenom {
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.img_gauche_taille {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.div_row2 {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 100%;
|
|
margin-bottom: 0.1rem;
|
|
//border-radius: 1rem;
|
|
position: fixed;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_haut {
|
|
float: left;
|
|
//border:1px solid black;
|
|
//border-width: 0.01rem;
|
|
width: 100%;
|
|
//border-radius: 1rem;
|
|
background-color: #3b3e40;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_bas {
|
|
float: right;
|
|
width: 100%;
|
|
height: 10rem;
|
|
background-color: #e7f3fb;
|
|
z-index: 10;
|
|
background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
|
|
.div_mobile {
|
|
position: absolute;
|
|
top: 9rem;
|
|
z-index: 1;
|
|
width: 100%;
|
|
background: white;
|
|
}
|
|
|
|
.pieddepage {
|
|
z-index: 50;
|
|
width: 100%;
|
|
float: left;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.menuPrincipal {
|
|
font-family: "Quicksand", "Signika", "sans-serif";
|
|
color: white;
|
|
width: 23%;
|
|
float: right;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.menuPrincipal:hover {
|
|
color: #81bc3a;
|
|
font-weight: bold;
|
|
padding-left: 0;
|
|
transition: color 0.3s linear;
|
|
letter-spacing: 0.2rem;
|
|
text-decoration: solid;
|
|
text-underline-offset: 3px;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.div_001 {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_002 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: left;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.div_003 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: right;
|
|
color: white;
|
|
margin-top: 1.2rem;
|
|
}
|
|
|
|
.div_004 {
|
|
color: white;
|
|
width: 100%;
|
|
height: 0.1rem;
|
|
opacity: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: left;
|
|
}
|
|
|
|
.div_005 {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.hilightsoustitre {
|
|
background: #113459;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 1rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.text_head {
|
|
color: white;
|
|
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
|
font-size: 1.1rem;
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_center {
|
|
width: 90%;
|
|
margin-bottom: 2rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.div_row_center_contact {
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: 3rem;
|
|
background: #ed902f;
|
|
text-align: center;
|
|
font-size: medium;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.div_row_center_text {
|
|
font-size: large;
|
|
margin-top: 0.5rem;
|
|
font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
|
|
}
|
|
|
|
.div_row_center_enphasis {
|
|
font-size: medium;
|
|
color: #113459;
|
|
margin-top: 0.5rem;
|
|
text-align: justify;
|
|
line-height: 2rem;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.div_row_line1 {
|
|
float: left;
|
|
width: 31%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 50rem;
|
|
min-height: 20rem;
|
|
}
|
|
|
|
.div_row_line2 {
|
|
float: left;
|
|
width: 31%;
|
|
text-align: center;
|
|
background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 50rem;
|
|
min-height: 20rem;
|
|
}
|
|
|
|
.div_row_line3 {
|
|
float: left;
|
|
width: 31%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 50rem;
|
|
min-height: 20rem;
|
|
}
|
|
|
|
.div_row_presenation {
|
|
//border: 0.01rem solid #000;
|
|
width: 98%;
|
|
margin-bottom: 2rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 10rem;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.text_head_new {
|
|
font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
|
|
sans-serif;
|
|
font-size: medium;
|
|
margin-top: 1rem;
|
|
margin-bottom: 00.5rem;
|
|
padding-right: 1rem;
|
|
padding-left: 1rem;
|
|
text-transform: uppercase;
|
|
height: 4rem;
|
|
}
|
|
|
|
.text_desc {
|
|
overflow-wrap: break-word;
|
|
text-align: start;
|
|
font-size: small;
|
|
padding-right: 10px;
|
|
padding-left: 5px;
|
|
font-style: italic;
|
|
text-align: justify;
|
|
}
|
|
|
|
.myli {
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.div_row_where {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
margin-top: 5rem;
|
|
}
|
|
|
|
.bton_contact_nous {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
height: 3rem;
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
color: white;
|
|
}
|
|
|
|
.img_1 {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.div_row_img1 {
|
|
float: left;
|
|
width: 30%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 10rem;
|
|
min-height: 8rem;
|
|
border-right: 1px solid;
|
|
}
|
|
|
|
.div_row_img2 {
|
|
float: left;
|
|
width: 30%;
|
|
text-align: center;
|
|
//background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 10rem;
|
|
min-height: 8rem;
|
|
|
|
}
|
|
|
|
.div_row_img3 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 10rem;
|
|
min-height: 8rem;
|
|
border-left: 1px solid;
|
|
}
|
|
|
|
.main_sub_div {
|
|
height: 220rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
background: white;
|
|
}
|
|
|
|
.detail_block {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
}
|
|
|
|
.detail_text {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.detail_img {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
.detail_img_video_ftion {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
.div_row_center_video_ftion {
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 5px;
|
|
margin-bottom: 4rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
.detail_block_video_ftion {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
border-bottom: 10px solid;
|
|
border-top: 10px solid;
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
.detail_text_video_ftion {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
// ------------
|
|
// debut iciii
|
|
|
|
.div_mobile_v3 {
|
|
//position: absolute;
|
|
//top: 8rem;
|
|
//z-index: 1;
|
|
width: 100%;
|
|
//background: #104277;
|
|
//height: 4000px;
|
|
}
|
|
|
|
.main_frame {
|
|
width: 100%;
|
|
height: 8007px;
|
|
background: var(--Light-Grey, #FCFCFC);
|
|
|
|
}
|
|
|
|
|
|
.Background-header {
|
|
width: 100%;
|
|
// height: 20rem;
|
|
flex-shrink: 0;
|
|
//opacity: 0.5;
|
|
background: var(--Beige, #FFF5DA);
|
|
padding: 20px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.Title {
|
|
display: block;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #0A043C;
|
|
width: Hug (319px);
|
|
height: Hug (80px);
|
|
top: 200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
//position: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.Title_txt1 {
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
/* 125% */
|
|
text-transform: uppercase;
|
|
width: 169px;
|
|
height: 20px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
display: none;
|
|
}
|
|
|
|
.Title_txt2 {
|
|
color: var(--Green, #20BFA9);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 40px;
|
|
font-style: normal;
|
|
//font-weight: 700;
|
|
line-height: 60px;
|
|
/* 120% */
|
|
letter-spacing: -1px;
|
|
width: 319px;
|
|
height: 60px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
top: 15rem;
|
|
|
|
}
|
|
|
|
.text_seul_1 {
|
|
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: justify;
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5em;
|
|
/* 157.143% */
|
|
|
|
// height: 44px;
|
|
top: 20rem;
|
|
|
|
//position: fixed;
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.text_activite_head {
|
|
//text-transform: uppercase;
|
|
width: 100%;
|
|
height: 50px;
|
|
font-family: Albert Sans;
|
|
font-size: 18px;
|
|
//font-weight: 600;
|
|
line-height: 32px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 1rem;
|
|
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
background: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
height: 3rem;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
}
|
|
|
|
.image_activite_head {
|
|
//height: 22rem;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.image_activite_detail {
|
|
//height: 22rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.bton_en_savoir_plus_header {
|
|
margin-top: 1rem;
|
|
width: 100%;
|
|
height: 56px;
|
|
|
|
padding: 13px, 26px, 13px, 26px;
|
|
border-radius: 8px;
|
|
border: 1px;
|
|
gap: 10px;
|
|
|
|
background: white;
|
|
border: 1px solid #0A043C;
|
|
color: #0A043C;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 30px;
|
|
letter-spacing: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
// ici 2
|
|
.parent {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: 1fr;
|
|
grid-column-gap: 25px;
|
|
grid-row-gap: 5px;
|
|
margin: 2rem;
|
|
padding: 1rem;
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.div1 {
|
|
grid-area: 1 / 1 / 2 / 2;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div2 {
|
|
grid-area: 1 / 2 / 2 / 3;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div3 {
|
|
grid-area: 1 / 3 / 2 / 4;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.text_nous_conseillons {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 22px;
|
|
font-weight: normal;
|
|
line-height: 32px;
|
|
letter-spacing: 0px;
|
|
|
|
//position: fixed;
|
|
color: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 3rem;
|
|
|
|
line-height: 1.8em;
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
|
|
.content_gestion_admin {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 550px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_admin_img {
|
|
z-index: 10;
|
|
width: 40%;
|
|
height: 400px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
margin-top: 50px;
|
|
background: white;
|
|
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.content_gestion_admin_txt {
|
|
z-index: 9;
|
|
width: 80%;
|
|
height: 480px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
margin-left: 19%;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding-left: 25%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
.detail_content_text_head_1 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
|
|
display: none;
|
|
}
|
|
|
|
.detail_content_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 40px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.detail_content_text_head_3 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 1.5rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 95%;
|
|
font-family: Verdana, Georgia, Arial;
|
|
|
|
}
|
|
|
|
|
|
.detail_content_text_head_3_gauche {
|
|
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 70%;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 600px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning_img {
|
|
z-index: 10;
|
|
width: 40%;
|
|
height: 400px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0px;
|
|
margin-top: 50px;
|
|
background: white;
|
|
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.content_gestion_elearning_txt {
|
|
z-index: 9;
|
|
width: 80%;
|
|
height: 480px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
margin-right: 19%;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding-left: 5%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.fonctionalite_header {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
line-height: 40px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 3rem;
|
|
margin-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.tick_fonctionalite {
|
|
font-family: Albert Sans;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
padding-left: 1rem;
|
|
color: #0A043C;
|
|
width: 100%;
|
|
height: 2rem;
|
|
padding-right: 10px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.tick_fonctionalite_tick {
|
|
width: 5%;
|
|
float: left;
|
|
height: 2rem;
|
|
}
|
|
|
|
.tick_fonctionalite_txt {
|
|
width: 95%;
|
|
float: left;
|
|
height: 4rem;
|
|
padding-left: 10px;
|
|
line-height: 1rem;
|
|
font-family: Verdana, Georgia, Arial;
|
|
}
|
|
|
|
|
|
.video_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
margin-top: 8rem;
|
|
color: #0A043C;
|
|
margin-left: 1rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.pave_video_gauche {
|
|
width: 30%;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.pave_video_droite {
|
|
width: 70%;
|
|
float: right;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.pave_video {
|
|
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 30rem;
|
|
margin-bottom: 1rem;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.video_sous_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
margin-left: 1rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.video_mp4 {
|
|
// width: 860px;
|
|
//height: 520px;
|
|
}
|
|
|
|
|
|
.contactez_nous_new {
|
|
|
|
// width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
|
|
}
|
|
|
|
|
|
.contactez_nous_titre {
|
|
// width: 392px;
|
|
//height: 40px;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 30px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
.contactez_nous_info {
|
|
//width: 392px;
|
|
//height: 28px;
|
|
|
|
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 26px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.div_adresse_new {
|
|
padding-left: 2rem;
|
|
float: left;
|
|
width: 35%;
|
|
|
|
}
|
|
|
|
.image_illustration {
|
|
width: 100%;
|
|
height: 15rem;
|
|
}
|
|
|
|
.div_mobile_v3_debut {
|
|
//margin-top: -28rem;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.div_block_fonction {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail {
|
|
width: 30%;
|
|
float: left;
|
|
|
|
margin: 10px;
|
|
-webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
background: #F8F9F9;
|
|
height: 22rem;
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.div_block_fonction_detail_titre {
|
|
font-family: Roboto, Verdana, Georgia, Arial;
|
|
color: #3E6EE3;
|
|
line-Height: 29px;
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
letter-spacing: 1px;
|
|
height: 6rem;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.div_block_fonction_detail_img {
|
|
width: 100%;
|
|
float: left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.div_block_fonction_detail_img_inside {
|
|
width: 4rem;
|
|
}
|
|
|
|
|
|
.div_block_fonction_detail_desc {
|
|
width: 100%;
|
|
float: left;
|
|
text-align: left;
|
|
line-height: 1.8em;
|
|
font-size: small;
|
|
color: #464646
|
|
}
|
|
|
|
.block_centrer {
|
|
margin: auto;
|
|
width: 90%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.block_centrer_client {
|
|
margin: auto;
|
|
width: 90%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
// height: 15rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.bton_enreg_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: #81BC3A !important;
|
|
text-align: center;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: white;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
.bton_annule_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: lightgray !important;
|
|
text-align: right;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: black;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.block_bouton_gauche {
|
|
float: left;
|
|
border-width: 0.01rem;
|
|
width: 40%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
|
|
}
|
|
|
|
.block_bouton_droite {
|
|
float: right;
|
|
border-width: 0.01rem;
|
|
width: 40%;
|
|
border-radius: 1rem;
|
|
text-align: right;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.img_uca {
|
|
width: 10rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_5discovery {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_aroma {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_potential {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_capl {
|
|
width: 5rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_hr {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// height: 500px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
border-radius: 15px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point_txt {
|
|
z-index: 9;
|
|
width: 100%;
|
|
// height: 480px;
|
|
// position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
//margin-right: 19%;
|
|
background: #FFF;
|
|
padding-top: 0.5rem;
|
|
padding-left: 1%;
|
|
padding-right: 1%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.detail_mysy_4_point_head_3_gauche {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
.detail_mysy_4_point_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
line-height: 48px;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.tableau_mysy_4_point {
|
|
width: 95%;
|
|
// float: left;
|
|
background: #FFF;
|
|
margin: auto;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case {
|
|
width: 45%;
|
|
float: left;
|
|
height: 10rem;
|
|
margin-bottom: 4rem;
|
|
margin-right: 1%;
|
|
border-right: 3mm ridge rgba(211, 220, 50, .6);
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_img {
|
|
width: 50%;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text {
|
|
width: 50%;
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_img_droite {
|
|
width: 50%;
|
|
float: right;
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_droite {
|
|
width: 50%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.block_contact {
|
|
width: 95%;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.block_contact_formulaire {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.block_contact_mysy {
|
|
float: right;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.img_a_retenir {
|
|
width: 80%;
|
|
max-height: 10rem;
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_editeur_francais {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_qualipoi {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_moins_cher {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_tout_en_un {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
}
|
|
|
|
.bock_img_equipe {
|
|
width: 80%;
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
.block_img_objectif {
|
|
width: 80%;
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
.block_img_force {
|
|
width: 80%;
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
.media_sociaux {
|
|
svg {
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 30px !important;
|
|
width: 30px !important;
|
|
}
|
|
}
|
|
|
|
.div_carte {
|
|
width: 60%;
|
|
float: left;
|
|
}
|
|
|
|
.div_adresse {
|
|
width: 29%;
|
|
float: left;
|
|
text-justify: auto;
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
.nom_prenom {
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: medium;
|
|
text-align: center;
|
|
margin-bottom: 1rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.img_logo {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: 0px;
|
|
margin-right: auto;
|
|
max-width: 20%;
|
|
max-height: 3rem;
|
|
}
|
|
|
|
.containerBox {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.div_row {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.div_row_gauche {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 20%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.div_row_droite {
|
|
float: right;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 80%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.img_gauche_taille {
|
|
max-width: 30%;
|
|
}
|
|
|
|
.div_row2 {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 100%;
|
|
margin-bottom: 0.1rem;
|
|
//border-radius: 1rem;
|
|
position: fixed;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_haut {
|
|
float: left;
|
|
//border:1px solid black;
|
|
//border-width: 0.01rem;
|
|
width: 100%;
|
|
//border-radius: 1rem;
|
|
background-color: #3b3e40;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_bas {
|
|
float: right;
|
|
width: 100%;
|
|
height: 10rem;
|
|
background-color: #e7f3fb;
|
|
z-index: 10;
|
|
background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
|
|
.div_mobile {
|
|
position: absolute;
|
|
top: 9rem;
|
|
z-index: 1;
|
|
width: 100%;
|
|
background: #104277;
|
|
}
|
|
|
|
.pieddepage {
|
|
z-index: 50;
|
|
width: 100%;
|
|
float: left;
|
|
margin-top: 10rem;
|
|
}
|
|
|
|
.menuPrincipal {
|
|
font-family: "Quicksand", "Signika", "sans-serif";
|
|
color: white;
|
|
width: 20%;
|
|
float: right;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.menuPrincipal:hover {
|
|
color: #81bc3a;
|
|
padding-left: 0;
|
|
transition: color 0.3s linear;
|
|
letter-spacing: 0.1rem;
|
|
text-decoration: solid;
|
|
text-underline-offset: 3px;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.div_001 {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_002 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: left;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.div_003 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: right;
|
|
color: white;
|
|
margin-top: 1.2rem;
|
|
}
|
|
|
|
.div_004 {
|
|
color: white;
|
|
width: 100%;
|
|
height: 0.1rem;
|
|
opacity: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: left;
|
|
}
|
|
|
|
.div_005 {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.hilightsoustitre {
|
|
background: #113459;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 1rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.text_head {
|
|
color: white;
|
|
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
|
font-size: 1.1rem;
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_center {
|
|
width: 80%;
|
|
margin-bottom: 2rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.div_row_center_contact {
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: 3rem;
|
|
background: #ed902f;
|
|
text-align: center;
|
|
font-size: medium;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.div_row_center_text {
|
|
font-size: large;
|
|
margin-top: 0.5rem;
|
|
font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
|
|
}
|
|
|
|
.div_row_center_enphasis {
|
|
font-size: medium;
|
|
color: #113459;
|
|
margin-top: 0.5rem;
|
|
text-align: justify;
|
|
line-height: 2rem;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.div_row_line1 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 44rem;
|
|
min-height: 20rem;
|
|
}
|
|
|
|
.div_row_line2 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 45rem;
|
|
min-height: 20rem;
|
|
}
|
|
|
|
.div_row_line3 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 45rem;
|
|
min-height: 20rem;
|
|
}
|
|
|
|
.div_row_presenation {
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 3rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 13rem;
|
|
// margin-top: 5rem;
|
|
}
|
|
|
|
.text_head_new {
|
|
font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
|
|
sans-serif;
|
|
font-size: 18px;
|
|
margin-top: 1rem;
|
|
margin-bottom: 00.5rem;
|
|
padding-right: 1rem;
|
|
padding-left: 2rem;
|
|
text-transform: uppercase;
|
|
height: 4rem;
|
|
}
|
|
|
|
.text_desc {
|
|
overflow-wrap: break-word;
|
|
text-align: start;
|
|
font-size: small;
|
|
padding-right: 1.5rem;
|
|
padding-left: 2rem;
|
|
font-style: italic;
|
|
text-align: justify;
|
|
}
|
|
|
|
.myli {
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.div_row_where {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
margin-top: 5rem;
|
|
}
|
|
|
|
.bton_contact_nous {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
height: 3rem;
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
color: white;
|
|
}
|
|
|
|
.img_1 {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.img_1_bis {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 100%;
|
|
width: 80% !important;
|
|
}
|
|
|
|
.div_row_img1 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 12rem;
|
|
min-height: 12rem;
|
|
border-right: 1px solid;
|
|
}
|
|
|
|
.div_row_img2 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
//background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 12rem;
|
|
min-height: 12rem;
|
|
|
|
}
|
|
|
|
.div_row_img3 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 12rem;
|
|
min-height: 12rem;
|
|
border-left: 1px solid;
|
|
}
|
|
|
|
.main_sub_div {
|
|
height: 350rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 90%;
|
|
background: white;
|
|
}
|
|
|
|
.detail_block {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
}
|
|
|
|
.detail_text {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
|
|
}
|
|
|
|
.detail_img {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
.detail_img_video_ftion {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
.div_row_center_video_ftion {
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 5px;
|
|
margin-bottom: 4rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
.detail_block_video_ftion {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
border-bottom: 10px solid;
|
|
border-top: 10px solid;
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
.detail_text_video_ftion {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
//-------------
|
|
// debut iciii
|
|
|
|
.div_mobile_v3 {
|
|
//position: absolute;
|
|
//top: 7rem;
|
|
//z-index: 1;
|
|
width: 100%;
|
|
//background: #104277;
|
|
//height: 4000px;
|
|
}
|
|
|
|
.main_frame {
|
|
width: 100%;
|
|
height: 8007px;
|
|
background: var(--Light-Grey, #FCFCFC);
|
|
|
|
}
|
|
|
|
|
|
.Background-header {
|
|
width: 100%;
|
|
// height: 20rem;
|
|
flex-shrink: 0;
|
|
//opacity: 0.5;
|
|
background: var(--Beige, #FFF5DA);
|
|
padding: 20px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.Title {
|
|
display: block;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #0A043C;
|
|
width: Hug (319px);
|
|
height: Hug (80px);
|
|
top: 200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
//position: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.Title_txt1 {
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
/* 125% */
|
|
text-transform: uppercase;
|
|
width: 169px;
|
|
height: 20px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.Title_txt2 {
|
|
color: var(--Green, #20BFA9);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 40px;
|
|
font-style: normal;
|
|
//font-weight: 700;
|
|
line-height: 60px;
|
|
/* 120% */
|
|
letter-spacing: -1px;
|
|
width: 319px;
|
|
height: 60px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
top: 15rem;
|
|
|
|
}
|
|
|
|
.text_seul_1 {
|
|
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: justify;
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5em;
|
|
/* 157.143% */
|
|
|
|
// height: 44px;
|
|
top: 20rem;
|
|
|
|
//position: fixed;
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.text_activite_head {
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
height: 32px;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
//font-weight: 700;
|
|
line-height: 32px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 1rem;
|
|
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
background: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
height: 3rem;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
|
|
}
|
|
|
|
.image_activite_head {
|
|
//height: 22rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.image_activite_detail {
|
|
//height: 22rem;
|
|
width: 100%;
|
|
}
|
|
|
|
.bton_en_savoir_plus_header {
|
|
margin-top: 1rem;
|
|
width: 100%;
|
|
height: 56px;
|
|
|
|
padding: 13px, 26px, 13px, 26px;
|
|
border-radius: 8px;
|
|
border: 1px;
|
|
gap: 10px;
|
|
|
|
background: white;
|
|
border: 1px solid #0A043C;
|
|
color: #0A043C;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 30px;
|
|
letter-spacing: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
// ici 2
|
|
.parent {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: 1fr;
|
|
grid-column-gap: 25px;
|
|
grid-row-gap: 5px;
|
|
margin: 2rem;
|
|
padding: 1rem;
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.div1 {
|
|
grid-area: 1 / 1 / 2 / 2;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div2 {
|
|
grid-area: 1 / 2 / 2 / 3;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div3 {
|
|
grid-area: 1 / 3 / 2 / 4;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.text_nous_conseillons {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
line-height: 32px;
|
|
letter-spacing: 0px;
|
|
|
|
//position: fixed;
|
|
color: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 3rem;
|
|
|
|
line-height: 1.8em;
|
|
text-align: justify;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content_gestion_admin {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 600px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_admin_img {
|
|
z-index: 10;
|
|
width: 40%;
|
|
height: 400px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
margin-top: 50px;
|
|
background: white;
|
|
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.content_gestion_admin_txt {
|
|
z-index: 9;
|
|
width: 80%;
|
|
height: 480px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
margin-left: 19%;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding-left: 25%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
.detail_content_text_head_1 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
|
|
display: none;
|
|
}
|
|
|
|
.detail_content_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 48px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.detail_content_text_head_3 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 26px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 1.5rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 90%;
|
|
font-family: Verdana, Georgia, Arial;
|
|
|
|
}
|
|
|
|
|
|
.detail_content_text_head_3_gauche {
|
|
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 26px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 600px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning_img {
|
|
z-index: 10;
|
|
width: 40%;
|
|
height: 400px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px;
|
|
margin-top: 50px;
|
|
background: white;
|
|
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.content_gestion_elearning_txt {
|
|
z-index: 9;
|
|
width: 80%;
|
|
height: 480px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
margin-right: 19%;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding-left: 5%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.fonctionalite_header {
|
|
|
|
height: 50px;
|
|
font-family: Albert Sans;
|
|
font-size: 30px;
|
|
font-weight: 700;
|
|
line-height: 48px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.tick_fonctionalite {
|
|
font-family: Albert Sans;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
padding-left: 1rem;
|
|
color: #0A043C;
|
|
width: 100%;
|
|
height: 2rem;
|
|
padding-right: 10px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.tick_fonctionalite_tick {
|
|
width: 5%;
|
|
float: left;
|
|
height: 2rem;
|
|
}
|
|
|
|
.tick_fonctionalite_txt {
|
|
width: 95%;
|
|
float: left;
|
|
height: 4rem;
|
|
padding-left: 10px;
|
|
line-height: 1rem;
|
|
font-family: Verdana, Georgia, Arial;
|
|
}
|
|
|
|
|
|
.video_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 26px;
|
|
font-weight: 600;
|
|
line-height: 48px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
margin-top: 8rem;
|
|
color: #0A043C;
|
|
margin-left: 2rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.pave_video_gauche {
|
|
width: 30%;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.pave_video_droite {
|
|
width: 70%;
|
|
float: right;
|
|
|
|
}
|
|
|
|
.pave_video {
|
|
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 30rem;
|
|
margin-bottom: 1rem;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.video_sous_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
margin-left: 4rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.video_mp4 {
|
|
//width: 860px;
|
|
// height: 520px;
|
|
}
|
|
|
|
|
|
.contactez_nous_new {
|
|
|
|
// width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
|
|
}
|
|
|
|
|
|
.contactez_nous_titre {
|
|
// width: 392px;
|
|
//height: 40px;
|
|
font-family: Albert Sans;
|
|
font-size: 26px;
|
|
font-weight: 700;
|
|
line-height: 35px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
.contactez_nous_info {
|
|
//width: 392px;
|
|
//height: 28px;
|
|
|
|
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 26px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.div_adresse_new {
|
|
padding-left: 2rem;
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
.image_illustration {
|
|
width: 100%;
|
|
height: 15rem;
|
|
}
|
|
|
|
.div_mobile_v3_debut {
|
|
//margin-top: -27rem;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.div_block_fonction {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail {
|
|
width: 30%;
|
|
float: left;
|
|
|
|
margin: 10px;
|
|
-webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
background: #F8F9F9;
|
|
height: 20rem;
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.div_block_fonction_detail_titre {
|
|
font-family: Verdana, Georgia, Arial;
|
|
color: #3E6EE3;
|
|
line-Height: 29px;
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
letter-spacing: 1px;
|
|
height: 6rem;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.div_block_fonction_detail_img {
|
|
width: 30%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail_img_inside {
|
|
width: 4rem;
|
|
}
|
|
|
|
|
|
.div_block_fonction_detail_desc {
|
|
width: 70%;
|
|
float: left;
|
|
text-align: left;
|
|
line-height: 1.8em;
|
|
font-size: small;
|
|
color: #464646
|
|
}
|
|
|
|
.block_centrer {
|
|
margin: auto;
|
|
width: 90%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.block_centrer_client {
|
|
margin: auto;
|
|
width: 90%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
// height: 15rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.bton_enreg_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: #81BC3A !important;
|
|
text-align: center;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: white;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
.bton_annule_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: lightgray !important;
|
|
text-align: right;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: black;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.block_bouton_gauche {
|
|
float: left;
|
|
border-width: 0.01rem;
|
|
width: 40%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
|
|
}
|
|
|
|
.block_bouton_droite {
|
|
float: right;
|
|
border-width: 0.01rem;
|
|
width: 40%;
|
|
border-radius: 1rem;
|
|
text-align: right;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.img_uca {
|
|
width: 10rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_5discovery {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_aroma {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_potential {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_capl {
|
|
width: 5rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_hr {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// height: 500px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
margin-top: 2rem;
|
|
border-radius: 15px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point_txt {
|
|
z-index: 9;
|
|
width: 100%;
|
|
//height: 480px;
|
|
// position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
//margin-right: 19%;
|
|
background: #FFF;
|
|
padding-top: 0.5rem;
|
|
padding-left: 2%;
|
|
padding-right: 2%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.detail_mysy_4_point_head_3_gauche {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
.detail_mysy_4_point_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
line-height: 48px;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.tableau_mysy_4_point {
|
|
width: 100%;
|
|
// float: left;
|
|
background: #FFF;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case {
|
|
width: 45%;
|
|
float: left;
|
|
height: 10rem;
|
|
margin-bottom: 4rem;
|
|
margin-right: 1%;
|
|
border-right: 3mm ridge rgba(211, 220, 50, .6);
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_img {
|
|
width: 40%;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text {
|
|
width: 60%;
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_img_droite {
|
|
width: 40%;
|
|
float: right;
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_droite {
|
|
width: 60%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.block_contact {
|
|
width: 80%;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.block_contact_formulaire {
|
|
float: left;
|
|
width: 70%;
|
|
}
|
|
|
|
.block_contact_mysy {
|
|
float: right;
|
|
width: 28%;
|
|
}
|
|
|
|
.img_a_retenir {
|
|
width: 80%;
|
|
max-height: 10rem;
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_editeur_francais {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_qualipoi {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_moins_cher {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_tout_en_un {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
}
|
|
|
|
.bock_img_equipe {
|
|
width: 80%;
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
.block_img_objectif {
|
|
width: 80%;
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
.block_img_force {
|
|
width: 80%;
|
|
padding-top: 3rem;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.media_sociaux {
|
|
svg {
|
|
margin-top: 0 !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.SocialIcon {
|
|
height: 35px !important;
|
|
width: 35px !important;
|
|
}
|
|
}
|
|
|
|
.div_carte {
|
|
width: 70%;
|
|
float: left;
|
|
}
|
|
|
|
.div_adresse {
|
|
width: 29%;
|
|
float: left;
|
|
text-justify: auto;
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
.nom_prenom {
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: large !important;
|
|
text-align: center;
|
|
margin-bottom: 1rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.img_logo {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: 0px;
|
|
margin-right: auto;
|
|
max-width: 18%;
|
|
max-height: 3rem;
|
|
}
|
|
|
|
.containerBox {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.div_row {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.div_row_gauche {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 20%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.div_row_droite {
|
|
float: right;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 80%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.img_gauche_taille {
|
|
max-width: 30%;
|
|
}
|
|
|
|
.div_row2 {
|
|
float: left;
|
|
//border:0px solid black;
|
|
border-width: 0.01rem;
|
|
width: 100%;
|
|
margin-bottom: 0.1rem;
|
|
//border-radius: 1rem;
|
|
position: fixed;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_haut {
|
|
float: left;
|
|
//border:1px solid black;
|
|
//border-width: 0.01rem;
|
|
width: 100%;
|
|
//border-radius: 1rem;
|
|
background-color: #3b3e40;
|
|
z-index: 10;
|
|
}
|
|
|
|
.div_row_bas {
|
|
float: right;
|
|
width: 100%;
|
|
height: 10rem;
|
|
background-color: #e7f3fb;
|
|
z-index: 10;
|
|
background: url("../../mysy_img/MYSY-banner-compte_v2.png") no-repeat;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
|
|
.div_mobile {
|
|
position: absolute;
|
|
top: 7rem;
|
|
z-index: 1;
|
|
width: 100%;
|
|
background: #104277;
|
|
}
|
|
|
|
.pieddepage {
|
|
z-index: 50;
|
|
width: 100%;
|
|
float: left;
|
|
margin-top: 10rem;
|
|
}
|
|
|
|
.menuPrincipal {
|
|
font-family: "Quicksand", "Signika", "sans-serif";
|
|
color: white;
|
|
width: 20%;
|
|
float: right;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-size: 1.1rem;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.menuPrincipal:hover {
|
|
color: #81bc3a;
|
|
padding-left: 0;
|
|
transition: color 0.3s linear;
|
|
letter-spacing: 0.1rem;
|
|
text-decoration: solid;
|
|
text-underline-offset: 3px;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.div_001 {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_002 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: left;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.div_003 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: right;
|
|
color: white;
|
|
margin-top: 1.2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.div_004 {
|
|
color: white;
|
|
width: 100%;
|
|
height: 0.1rem;
|
|
opacity: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
float: left;
|
|
margin: 0.5rem;
|
|
}
|
|
|
|
.div_005 {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.hilightsoustitre {
|
|
background: #113459;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 1rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.text_head {
|
|
color: white;
|
|
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
|
font-size: 1.2rem;
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.div_row_center {
|
|
width: 90%;
|
|
margin-bottom: 4rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
|
|
.div_row_center_contact {
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: 3rem;
|
|
background: #ed902f;
|
|
text-align: center;
|
|
font-size: medium;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.div_row_center_text {
|
|
font-size: large;
|
|
margin-top: 0.5rem;
|
|
font-family: helvetica-w02-light, helvetica-w01-light, sans-serif;
|
|
}
|
|
|
|
.div_row_center_enphasis {
|
|
font-size: medium;
|
|
color: #113459;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 1rem;
|
|
letter-spacing: 1px;
|
|
line-height: 2rem;
|
|
text-align: justify;
|
|
}
|
|
|
|
.div_row_line1 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 40rem;
|
|
min-height: 32rem;
|
|
}
|
|
|
|
.div_row_line2 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 40rem;
|
|
min-height: 32rem;
|
|
}
|
|
|
|
.div_row_line3 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 40rem;
|
|
min-height: 32rem;
|
|
}
|
|
|
|
.div_row_presenation {
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 3rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 15rem;
|
|
//margin-top: 5rem;
|
|
}
|
|
|
|
.text_head_new {
|
|
font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold,
|
|
sans-serif;
|
|
font-size: 22px;
|
|
margin-top: 1rem;
|
|
margin-bottom: 00.5rem;
|
|
padding-right: 1rem;
|
|
padding-left: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.text_desc {
|
|
overflow-wrap: break-word;
|
|
text-align: start;
|
|
font-size: small;
|
|
padding-right: 1.5rem;
|
|
padding-left: 2rem;
|
|
font-style: italic;
|
|
text-align: justify;
|
|
}
|
|
|
|
.myli {
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.div_row_where {
|
|
float: left;
|
|
//border: 0.01rem solid #000;
|
|
width: 90%;
|
|
margin-bottom: 1rem;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
|
|
}
|
|
|
|
.bton_contact_nous {
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
height: 3rem;
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
color: white;
|
|
}
|
|
|
|
.img_1 {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.img_1_bis {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 100%;
|
|
width: 80% !important;
|
|
}
|
|
|
|
.div_row_img1 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 15rem;
|
|
min-height: 15rem;
|
|
border-right: 1px solid;
|
|
}
|
|
|
|
.div_row_img2 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
// background: #f0f0f5;
|
|
margin: 5px;
|
|
height: 15rem;
|
|
min-height: 15rem;
|
|
|
|
}
|
|
|
|
.div_row_img3 {
|
|
float: left;
|
|
width: 32%;
|
|
text-align: center;
|
|
//background: #f2f2f2;
|
|
margin: 5px;
|
|
height: 15rem;
|
|
min-height: 15rem;
|
|
border-left: 1px solid;
|
|
}
|
|
|
|
.main_sub_div {
|
|
min-height: 350rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 90%;
|
|
background: white;
|
|
padding-top: 2rem !important;
|
|
}
|
|
|
|
.detail_block {
|
|
width: 100%;
|
|
float: left;
|
|
display: flex;
|
|
}
|
|
|
|
.detail_text {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
}
|
|
|
|
.detail_img {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.div_row_center_video_ftion {
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 5px;
|
|
margin-bottom: 4rem;
|
|
border-radius: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
min-height: 10 rem;
|
|
height: rem;
|
|
text-align: center;
|
|
font-size: large;
|
|
line-height: normal;
|
|
letter-spacing: normal;
|
|
color: #3b3e40;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
|
}
|
|
|
|
.detail_block_video_ftion {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
border-bottom: 10px solid;
|
|
border-top: 10px solid;
|
|
padding-left: 10px;
|
|
min-height: 25rem !important;
|
|
|
|
}
|
|
|
|
.detail_text_video_ftion {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
text-align: justify;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.detail_img_video_ftion {
|
|
width: 50%;
|
|
float: left;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
// debut iciii
|
|
|
|
.div_mobile_v3 {
|
|
// position: absolute;
|
|
// top: 7rem;
|
|
// z-index: 1;
|
|
width: 100%;
|
|
//background: #104277;
|
|
// height: 4000px;
|
|
}
|
|
|
|
.main_frame {
|
|
width: 100%;
|
|
height: 8007px;
|
|
background: var(--Light-Grey, #FCFCFC);
|
|
|
|
}
|
|
|
|
|
|
.Background-header {
|
|
width: 100%;
|
|
// height: 20rem;
|
|
flex-shrink: 0;
|
|
//opacity: 0.5;
|
|
background: var(--Beige, #FFF5DA);
|
|
padding: 20px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.Title {
|
|
display: block;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #0A043C;
|
|
width: Hug (319px);
|
|
height: Hug (80px);
|
|
top: 200px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
//position: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.Title_txt1 {
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
/* 125% */
|
|
text-transform: uppercase;
|
|
width: 169px;
|
|
height: 20px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
letter-spacing: 2px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.Title_txt2 {
|
|
color: var(--Green, #20BFA9);
|
|
text-align: center;
|
|
font-family: Albert Sans;
|
|
font-size: 40px;
|
|
font-style: normal;
|
|
//font-weight: 700;
|
|
line-height: 60px;
|
|
/* 120% */
|
|
letter-spacing: -1px;
|
|
// width: 319px;
|
|
height: 60px;
|
|
//position: fixed;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// top: 15rem;
|
|
|
|
}
|
|
|
|
.text_seul_1 {
|
|
// width: 638px;
|
|
color: var(--Deep-Blue, #0A043C);
|
|
text-align: justify;
|
|
font-family: Albert Sans;
|
|
font-size: 25px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5em;
|
|
|
|
// margin-left: 25%;
|
|
// margin-right: auto;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.text_activite_head {
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
height: 32px;
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
//font-weight: 700;
|
|
line-height: 32px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
|
|
letter-spacing: 2px;
|
|
margin-bottom: 1rem;
|
|
background: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 1rem;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
height: 3rem;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
}
|
|
|
|
.image_activite_head {
|
|
height: 22rem;
|
|
}
|
|
|
|
.image_activite_detail {
|
|
height: 22rem;
|
|
}
|
|
|
|
.bton_en_savoir_plus_header {
|
|
margin-top: 1rem;
|
|
width: 339px;
|
|
height: 56px;
|
|
|
|
padding: 13px, 26px, 13px, 26px;
|
|
border-radius: 8px;
|
|
border: 1px;
|
|
gap: 10px;
|
|
|
|
background: white;
|
|
border: 1px solid #0A043C;
|
|
color: #0A043C;
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 30px;
|
|
letter-spacing: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
// ici 2
|
|
.parent {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: 1fr;
|
|
grid-column-gap: 25px;
|
|
grid-row-gap: 5px;
|
|
margin: 2rem;
|
|
padding: 1rem;
|
|
margin-bottom: 5rem;
|
|
}
|
|
|
|
.div1 {
|
|
grid-area: 1 / 1 / 2 / 2;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div2 {
|
|
grid-area: 1 / 2 / 2 / 3;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.div3 {
|
|
grid-area: 1 / 3 / 2 / 4;
|
|
border-radius: 8px;
|
|
background: var(--White, #FFF);
|
|
box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.text_nous_conseillons {
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 25px;
|
|
font-weight: normal;
|
|
line-height: 32px;
|
|
letter-spacing: 0px;
|
|
|
|
//position: fixed;
|
|
color: #0A043C;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 4rem;
|
|
line-height: 1.8em;
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
|
|
.content_gestion_admin {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 500px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_admin_img {
|
|
z-index: 10;
|
|
width: 40%;
|
|
height: 400px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
margin-top: 50px;
|
|
background: white;
|
|
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.content_gestion_admin_txt {
|
|
z-index: 9;
|
|
width: 80%;
|
|
height: 480px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
margin-left: 19%;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding-left: 25%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
.detail_content_text_head_1 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
|
|
display: none;
|
|
}
|
|
|
|
.detail_content_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 48px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.detail_content_text_head_3 {
|
|
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 80%;
|
|
font-family: Verdana, Georgia, Arial;
|
|
|
|
}
|
|
|
|
|
|
.detail_content_text_head_3_gauche {
|
|
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 500px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
.content_gestion_elearning_img {
|
|
z-index: 10;
|
|
width: 40%;
|
|
height: 400px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 50px;
|
|
margin-top: 50px;
|
|
background: white;
|
|
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.content_gestion_elearning_txt {
|
|
z-index: 9;
|
|
width: 80%;
|
|
height: 480px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
margin-right: 19%;
|
|
background: #FFF5DA;
|
|
padding-top: 3rem;
|
|
padding-left: 5%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.fonctionalite_header {
|
|
//width: 528px;
|
|
height: 96px;
|
|
font-family: Albert Sans;
|
|
font-size: 30px;
|
|
font-weight: 700;
|
|
line-height: 48px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
letter-spacing: 1px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.tick_fonctionalite {
|
|
font-family: Albert Sans;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
padding-left: 1rem;
|
|
color: #0A043C;
|
|
width: 100%;
|
|
height: 2rem;
|
|
padding-right: 10px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.tick_fonctionalite_tick {
|
|
width: 5%;
|
|
float: left;
|
|
height: 2rem;
|
|
}
|
|
|
|
.tick_fonctionalite_txt {
|
|
width: 95%;
|
|
float: left;
|
|
height: 3rem;
|
|
padding-left: 10px;
|
|
line-height: 1rem;
|
|
font-family: Verdana, Georgia, Arial;
|
|
}
|
|
|
|
|
|
.video_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 26px;
|
|
font-weight: 600;
|
|
line-height: 48px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
margin-top: 8rem;
|
|
color: #0A043C;
|
|
margin-left: 4rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.pave_video_gauche {
|
|
width: 30%;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.pave_video_droite {
|
|
width: 70%;
|
|
float: right;
|
|
|
|
}
|
|
|
|
.pave_video {
|
|
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 40rem;
|
|
margin-bottom: 1rem;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.video_sous_titre {
|
|
font-family: Albert Sans;
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
margin-left: 4rem;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.video_mp4 {
|
|
width: 860px;
|
|
height: 520px;
|
|
}
|
|
|
|
|
|
.contactez_nous_new {
|
|
|
|
// width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: 0px;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
color: white;
|
|
padding-top: 5px;
|
|
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #3E6EE3;
|
|
|
|
}
|
|
|
|
|
|
.contactez_nous_titre {
|
|
// width: 392px;
|
|
//height: 40px;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
line-height: 40px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
margin-bottom: 1rem;
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
.contactez_nous_info {
|
|
//width: 392px;
|
|
//height: 28px;
|
|
|
|
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 26px;
|
|
letter-spacing: 0em;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.div_adresse_new {
|
|
padding-left: 2rem;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.div_mobile_v3_debut {
|
|
// margin-top: -27rem;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.div_block_fonction {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail {
|
|
width: 30%;
|
|
float: left;
|
|
|
|
margin: 10px;
|
|
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
|
background: #F8F9F9;
|
|
height: 12rem;
|
|
padding: 15px;
|
|
border-radius: 8px;
|
|
border: solid 2px #ebedef;
|
|
}
|
|
|
|
.div_block_fonction_detail_titre {
|
|
font-family: Verdana, Georgia, Arial;
|
|
color: #3E6EE3;
|
|
line-Height: 29px;
|
|
font-size: 20px;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
letter-spacing: 1px;
|
|
height: 4rem;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.div_block_fonction_detail_img {
|
|
width: 30%;
|
|
float: left;
|
|
}
|
|
|
|
.div_block_fonction_detail_img_inside {
|
|
width: 4rem;
|
|
}
|
|
|
|
|
|
.div_block_fonction_detail_desc {
|
|
width: 70%;
|
|
float: left;
|
|
text-align: left;
|
|
line-height: 1.8em;
|
|
font-size: small;
|
|
color: #464646
|
|
}
|
|
|
|
.block_centrer {
|
|
margin: auto;
|
|
width: 70%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
.block_centrer_client {
|
|
margin: auto;
|
|
width: 80%;
|
|
// border: 3px solid #73AD21;
|
|
padding: 10px;
|
|
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
|
|
// height: 15rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.bton_enreg_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: #81BC3A !important;
|
|
text-align: center;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: white;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
.bton_annule_dialog {
|
|
border-radius: 5rem;
|
|
font-size: small;
|
|
background: lightgray !important;
|
|
text-align: right;
|
|
height: 2.5rem;
|
|
width: 80%;
|
|
color: black;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.block_bouton_gauche {
|
|
float: left;
|
|
border-width: 0.01rem;
|
|
width: 25%;
|
|
border-radius: 1rem;
|
|
text-align: left;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
|
|
}
|
|
|
|
.block_bouton_droite {
|
|
float: right;
|
|
border-width: 0.01rem;
|
|
width: 25%;
|
|
border-radius: 1rem;
|
|
text-align: right;
|
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
|
font-size: small;
|
|
}
|
|
|
|
.img_uca {
|
|
width: 10rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_5discovery {
|
|
width: 20rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_aroma {
|
|
width: 20rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_potential {
|
|
width: 20rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_capl {
|
|
width: 5rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.img_hr {
|
|
width: 15rem;
|
|
margin-left: 2rem;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// height: 500px;
|
|
position: relative;
|
|
margin-bottom: 1rem;
|
|
margin-top: 2rem;
|
|
border-radius: 15px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.content_mysy_4_point_txt {
|
|
z-index: 9;
|
|
width: 100%;
|
|
// height: 480px;
|
|
// position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
//margin-right: 19%;
|
|
background: #FFF;
|
|
padding-top: 3rem;
|
|
padding-left: 3%;
|
|
padding-right: 3%;
|
|
text-align: justify;
|
|
border-radius: 15px;
|
|
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
|
|
}
|
|
|
|
|
|
.detail_mysy_4_point_head_3_gauche {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 24px;
|
|
letter-spacing: 0em;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
letter-spacing: 1px;
|
|
text-align: justify;
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
.detail_mysy_4_point_text_head_2 {
|
|
|
|
font-family: Albert Sans;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 48px;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.tableau_mysy_4_point {
|
|
width: 80%;
|
|
// float: left;
|
|
background: #FFF;
|
|
margin: auto;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case {
|
|
width: 45%;
|
|
float: left;
|
|
height: 10rem;
|
|
margin-bottom: 4rem;
|
|
margin-right: 1%;
|
|
border-right: 3mm ridge rgba(211, 220, 50, .6);
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_img {
|
|
width: 20%;
|
|
float: left;
|
|
text-align: center;
|
|
padding-top: 2rem;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text {
|
|
width: 80%;
|
|
float: right;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_img_droite {
|
|
width: 20%;
|
|
float: right;
|
|
text-align: right;
|
|
padding-top: 2rem;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_droite {
|
|
width: 80%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
|
|
.block_contact {
|
|
width: 80%;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.block_contact_formulaire {
|
|
float: left;
|
|
width: 70%;
|
|
}
|
|
|
|
.block_contact_mysy {
|
|
float: right;
|
|
width: 28%;
|
|
}
|
|
|
|
.img_a_retenir {
|
|
max-height: 8rem;
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_editeur_francais {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
// line-height: 38px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 1.5rem;
|
|
float: left;
|
|
max-width: 15rem;
|
|
margin-left: 4rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_qualipoi {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
// line-height: 38px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
max-width: 20rem;
|
|
float: right;
|
|
padding-top: 2rem;
|
|
|
|
}
|
|
|
|
.tableau_mysy_4_point_case_text_moins_cher {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
// line-height: 38px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
margin-top: 1.5rem;
|
|
max-width: 20rem;
|
|
float: right;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
|
|
.tableau_mysy_4_point_case_text_tout_en_un {
|
|
font-family: Verdana, Georgia, Arial;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
// line-height: 28px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
color: #0A043C;
|
|
padding-bottom: 2rem;
|
|
text-transform: uppercase;
|
|
padding: 10px;
|
|
max-width: 15rem;
|
|
float: left;
|
|
padding-top: 2rem;
|
|
margin-left: 4rem;
|
|
}
|
|
|
|
.bock_img_equipe {
|
|
height: 100%;
|
|
}
|
|
|
|
.block_img_objectif {
|
|
height: 100%;
|
|
}
|
|
|
|
.block_img_force {
|
|
height: 100%;
|
|
}
|
|
|
|
.block_centrer_new_v2 {
|
|
margin: auto;
|
|
width: 100%;
|
|
padding: 10px;
|
|
max-width: 1400px !important;
|
|
}
|
|
}
|
|
|
|
// end media
|
|
|
|
|
|
|
|
|
|
.header_title {
|
|
background: gainsboro;
|
|
font-size: x-large;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
height: 3rem !important;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.chapitre {
|
|
font-size: 1.3rem;
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.hr_break {
|
|
border: 10px solid grey;
|
|
}
|
|
} |