.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; } }