.displaydetailarticle_new_v2 { .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } .default-nav { display: none !important; } .slide_img { width: 100% !important; height: 30rem !important; max-height: 30rem !important; display: block !important; box-shadow: 3px 5px 0px #ccc; } @media only screen and (max-width: 600px) { .media_sociaux { svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 25px !important; width: 25px !important; } } .okUpdateData { font-size: small; color: green; font-style: italic; } .koUpdateData { font-size: small; color: red; font-style: italic; } .detail_container { width: 100%; height: 200px; padding: 0.2rem; border-radius: 30px; } .titre_article { font-family: "verdana", "Quicksand", "Signika", "sans-serif"; color: #619e31; font-size: small; font-weight: bold; text-align: center; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .tous_nos_article { width: 100%; text-align: center; font-size: 0.7rem; font-style: italic; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } .detail_container_affichage { width: 100%; text-align: left; margin: auto; padding: 0.8rem; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; text-align: justify; padding-bottom: 1rem; background-color: white; word-break: break-word; line-height: 1.4rem; font-size: small; } .detail_container_affichage_blog { width: 100%; text-align: left; margin: auto; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; text-align: justify; padding-bottom: 1rem; background-color: white; word-break: break-word; line-height: 1.4rem; font-size: small; } .containerBox { position: relative; display: inline-block; } .img_logo { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 50%; } .detail_row { float: left; border-width: 2px; margin: auto; padding: 0.2rem; border-radius: 0.5rem; text-align: left; color: rgb(10, 42, 77); background-color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: small; margin-bottom: 0.1rem; overflow: hidden; white-space: nowrap; width: 100%; margin: 0 auto; } textarea { padding: 0.2rem; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.7rem; } input { padding: 0.2rem; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.75rem; } .div_left { display: none; } .div_right { width: 100%; float: left; border-radius: 5px; text-align: right; } .avis { height: 55%; margin-bottom: 1.5rem; overflow: hidden; overflow-wrap: break-word; } .commentarticleavis { background-color: #eaecee; padding: 1.2rem; margin-top: 0.8rem; margin-bottom: 0.8rem; z-index: 55; } .inputcommentarticle { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1rem; font-size: 0.75rem; } .inputcommentarticle_d { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1rem; font-size: 0.75rem; float: right; } .inputcommentarticlemessage { padding: 1px; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1rem; font-size: 0.75rem; margin-top: 1rem; } .btonPosterComment { border-radius: 10rem; background: #104277; font-size: 0.75rem; } .quill { height: 10rem !important; } .mantine-gi9dos { margin: 0px !important; } .ql-editor { padding: 0.2rem !important; font-size: small; } .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; //border:1px solid black; //border-width: 0.01rem; //background-color: #e6ebe2; top: 5rem; z-index: 1; width: 98%; margin: 0.3rem; margin-left: auto; margin-right: auto; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 5rem; } .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; } } @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; } } .detail_container { height: 200px; padding: 0.3rem; border-radius: 30px; } .titre_article { font-family: "verdana", "Quicksand", "Signika", "sans-serif"; color: #619e31; font-size: 1.2rem; font-weight: bold; text-align: center; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .tous_nos_article { width: 100%; text-align: center; font-size: 0.9rem; font-style: italic; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } .detail_container_affichage { border: 1px solid; box-shadow: 3px 5px 0px #ccc; padding: 0.8rem; text-align: left; padding: 10px; font-family: "DM Sans", "sans-serif"; font-size: small; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; background-color: white; word-break: break-word; height: 25rem; max-height: 25rem; line-height: 1.2rem; font-size: 0.85rem; } .detail_container_affichage_blog { //border: 1px solid; box-shadow: 3px 5px 0px #ccc; padding: 0.8rem; text-align: left; padding: 10px; font-family: "DM Sans", "sans-serif"; font-size: small; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; background-color: white; word-break: break-word; //height: 25rem; //max-height: 25rem; line-height: 1.2rem; font-size: 0.85rem; } .containerBox { position: relative; display: inline-block; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 30%; } .koUpdateData { font-size: small; color: red; font-style: italic; } /*border: 0.1rem solid black; height: 50%; width: 50%; margin-left: auto; margin-right: auto;*/ .detail_row { float: left; border-width: 2px; margin: auto; padding: 0.2rem; border-radius: 0.5rem; text-align: left; color: rgb(10, 42, 77); background-color: white; font-family: "DM Sans", "sans-serif"; font-size: 0.75rem; margin-bottom: 0.1rem; overflow: hidden; white-space: nowrap; width: 100%; margin: 0 auto; } textarea { padding: 0.1rem; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.75rem; } input { padding: 0.2rem; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.75rem; } .div_left { width: 20%; float: left; border-radius: 5px; text-align: left; height: 25rem; } .div_right { width: 80%; float: left; border-radius: 5px; text-align: right; //height: 25rem; } .pub { float: left; border-width: 2px; width: 100%; //height: 25rem; margin: auto; border-radius: 20px; } .slide_img { width: 100% !important; height: 25rem !important; max-height: 25rem !important; display: block !important; box-shadow: 3px 5px 0px #ccc; } .avis { height: 55%; margin-bottom: 1.5rem; overflow: hidden; overflow-wrap: break-word; font-size: 0.9rem ; } .commentarticleavis { background-color: #eaecee; padding: 1.2rem; margin-top: 0.8rem; margin-bottom: 0.8rem; z-index: 55; } .inputcommentarticle { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1rem; font-size: 0.75rem; } .inputcommentarticle_d { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1rem; font-size: 0.75rem; float: right; } .inputcommentarticlemessage { padding: 1px; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1rem; font-size: 0.75rem; margin-top: 1rem; } .btonPosterComment { border-radius: 10rem; background: #104277; font-size: 0.75rem; } .quill { height: 4rem !important; } .mantine-gi9dos { margin: 0px !important; } .ql-editor { padding: 0.2rem !important; font-size: 0.75rem; } .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: 8rem; z-index: 1; width: 95%; margin-left: auto; margin-right: auto; } .pieddepage { z-index: 50; width: 100%; float: left; margin-top: 25rem; } .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; 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; } } @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; } } .detail_container { height: 200px; padding: 0.3rem; border-radius: 30px; } .detail_container_affichage { border: 1px solid; box-shadow: 3px 5px 0px #ccc; padding: 0.8rem; text-align: left; margin: auto; font-family: "DM Sans", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; background-color: white; word-break: break-word; height: 30rem; max-height: 30rem; line-height: 1.4rem; font-size: 0.9rem; } .detail_container_affichage_blog { //border: 1px solid; box-shadow: 3px 5px 0px #ccc; padding: 0.8rem; text-align: left; margin: auto; font-family: "DM Sans", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; background-color: white; word-break: break-word; //height: 30rem; //max-height: 30rem; line-height: 1.4rem; font-size: 0.9rem; } .titre_article { font-family: "DM Sans", "sans-serif"; color: #619e31; font-size: 1.2rem; font-weight: bold; text-align: center; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .tous_nos_article { width: 100%; text-align: center; font-size: 0.9rem; font-style: italic; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } .containerBox { position: relative; display: inline-block; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 20%; } .detail_row { float: left; border-width: 2px; margin: auto; padding: 0.2rem; border-radius: 0.5rem; text-align: left; color: rgb(10, 42, 77); background-color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.9rem; margin-bottom: 0.1rem; overflow: hidden; white-space: nowrap; width: 100%; margin: 0 auto; } textarea { padding: 10px; max-width: 100%; width: 100%; line-height: 1.5; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "DM Sans", "sans-serif"; font-size: medium; } input { padding: 10px; max-width: 100%; width: 100%; line-height: 1.5; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.9rem; } .okUpdateData { font-size: medium; color: green; font-style: italic; } .koUpdateData { font-size: medium; color: red; font-style: italic; } .div_left { width: 20%; float: left; border-radius: 5px; text-align: left; } .div_right { width: 80%; float: left; border-radius: 5px; text-align: right; } .pub { float: left; border-width: 2px; width: 100%; height: 30rem; margin: auto; border-radius: 30px; } .avis { height: 55%; margin-bottom: 0.5rem; overflow: hidden; overflow-wrap: break-word; font-size: 0.9rem ; } .commentarticleavis { background-color: #eaecee; padding: 1.2rem; margin-top: 0.8rem; margin-bottom: 0.8rem; z-index: 55; } .inputcommentarticle { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1.2rem; font-size: 0.9rem; } .inputcommentarticle_d { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1.2rem; font-size: 0.9rem; float: right; } .inputcommentarticlemessage { padding: 1px; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1.2rem; font-size: 0.9rem; margin-top: 1rem; } .btonPosterComment { border-radius: 10rem; background: #104277; font-size: 0.9rem; } .quill { height: 5rem !important; } .ql-editor { padding: 0.2rem !important; font-size: 0.9rem; } .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: 8rem; z-index: 1; width: 90%; margin-left: auto; margin-right: auto; } .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; } .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; } } @media only screen and (min-width: 1200px) { .btonPosterComment { border-radius: 10rem; background: #104277; font-size: 1rem; } .media_sociaux { margin-top: 0.3rem; margin-right: 0.2rem; svg { margin-top: 0 !important; text-align: left !important; } .SocialIcon { height: 35px !important; width: 35px !important; } } .okUpdateData { font-size: large; color: green; font-style: italic; } .koUpdateData { font-size: large; color: red; font-style: italic; } .detail_container { height: 200px; padding: 0.3rem; border-radius: 30px; } .containerBox { position: relative; display: inline-block; margin-top: 1rem; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 5rem; } .detail_row { float: left; border-width: 2px; margin: auto; padding: 0.2rem; border-radius: 0.5rem; text-align: left; color: rgb(10, 42, 77); background-color: white; font-family: "DM Sans", "sans-serif"; font-size: 0.9rem; margin-bottom: 0.1rem; overflow: hidden; white-space: nowrap; width: 100%; margin: 0 auto; } textarea { padding: 10px; max-width: 100%; width: 100%; line-height: 1.5; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "DM Sans", "sans-serif"; font-size: medium; } input { padding: 10px; max-width: 100%; width: 100%; line-height: 1.5; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 0.9rem; } .titre_article { font-family: "DM Sans", "sans-serif"; color: #619e31; font-size: 1.4rem; font-weight: bold; text-align: center; margin-top: 1rem; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .detail_container_affichage { border: 1px solid; box-shadow: 3px 5px 0px #ccc; padding: 0.8rem; text-align: left; margin: auto; font-family: "DM Sans", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; background-color: white; word-break: break-word; height: 30rem; max-height: 30rem; line-height: 1.5rem; font-size: 1rem; } .detail_container_affichage_blog { //border: 1px solid; box-shadow: 3px 5px 0px #ccc; padding: 0.8rem; text-align: left; margin: auto; font-family: "DM Sans", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: #3b3e40; padding-bottom: 0rem; text-align: justify; background-color: white; word-break: break-word; //height: 30rem; //max-height: 30rem; line-height: 1.5rem; font-size: 1rem; } .tous_nos_article { width: 100%; text-align: center; font-size: 1rem; font-style: italic; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: underline; } .div_left { width: 20%; float: left; border-radius: 5px; text-align: left; } .div_right { width: 80%; float: left; border-radius: 5px; } .pub { float: left; border-width: 2px; width: 100%; height: 30rem; margin: auto; border-radius: 30px; } .avis { height: 50%; margin-bottom: 0.5rem; overflow: hidden; overflow-wrap: break-word; font-size: 0.9rem ; } .commentarticleavis { background-color: #eaecee; padding: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; z-index: 55; } .inputcommentarticle { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1.5rem; font-size: 1rem; } .inputcommentarticle_d { padding: 1px; max-width: 90%; width: 90%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1.5rem; font-size: 1rem; float: right; } .inputcommentarticlemessage { padding: 1px; max-width: 100%; width: 100%; border-radius: 5px; border: 1px solid #ccc; box-shadow: 1px 1px 1px #999; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; line-height: 1.5rem; font-size: 1rem; margin-top: 1rem; } .quill { height: 10rem !important; } .mantine-gi9dos { margin: 0px !important; } .ql-editor { padding: 0.2rem !important; font-size: 1rem; } .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: 8rem; z-index: 1; width: 90%; margin-left: auto; margin-right: auto; } .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; } } }