1884 lines
36 KiB
SCSS
1884 lines
36 KiB
SCSS
.quisommesnous_v2 {
|
|
.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: 95%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
}
|
|
|
|
@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: 70%;
|
|
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;
|
|
}
|
|
}
|
|
|
|
@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: 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: 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: 280rem;
|
|
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;
|
|
}
|
|
|
|
}
|
|
|
|
@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%;
|
|
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: 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: 280rem;
|
|
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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
} |