.DisplayDetailArticle { width: 100%; float: left; .h1_transparent { color: transparent; //color: red; font-size: 0.1rem; } @media only screen and (max-width: 600px) { .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; overflow-y: hidden !important; } .detail_container { width: 80%; height: 200px; margin: auto; padding: 10px; border-radius: 30px; } .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: "DM Sans", "sans-serif"; font-size: small; 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: small; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; 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: 6rem; z-index: 1; width: 100%; height: 100%; // margin: 0.3rem; margin-left: auto; margin-right: auto; } .pieddepage { z-index: 50; width: 100%; float: left; } .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; } .forma_rightbox { float: right; border-width: 2px; width: 100%; padding: 0.3rem; font-size: 11px; text-align: left; color: rgb(10, 42, 77); margin-top: 1px; cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .div_row { width: 100%; float: left; } .Background-header { // position: absolute; width: 100%; // height: 100px; left: 0px; background: var(--Beige, #FFF5DA); } /* Title */ .Title { padding: 0px; margin-top: 10px; width: 90%; margin-left: 5%; margin-top: 7rem; } /* Support */ .Support { height: 20px; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; color: #0A043C; } .besoin_aide { width: 100%; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 50px; line-height: 60px; text-align: center; letter-spacing: -1px; color: #20BFA9; } .detail_text_aide { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; } .barre_recherche { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; margin-top: 2rem; } .aricles_a_la_une { width: 100%; float: left; margin-top: 2rem; font-size: small; letter-spacing: 1px; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #4B4B4B; text-align: justify; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .liste_articles { margin: auto; width: 100%; padding: 10px; } .img_article { width: 40%; float: left; padding: 5px; } .desc_article { width: 100%; float: left; // padding: 5px; margin-bottom: 2rem; } .buton_ch22 { border: 2px solid white; background-color: transparent; color: white; padding: 0px; font-size: 16px; cursor: pointer; font-size: small; border-radius: 4rem; width: 6rem; min-width: 6rem; height: 1.7rem; text-align: left; } .forma_rightbox { float: right; border-width: 2px; width: 100%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .titre_article { font-family: "DM Sans", "sans-serif"; color: #619e31; font-size: 1.4rem; font-weight: bold; text-align: center; margin-top: 1rem; height: 5rem; } .img_photo { max-height: 90% !important; } .avis { margin-bottom: 0.5rem; overflow: hidden; overflow-wrap: break-word; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; /* or 167% */ /* Bold Grey */ color: #000; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; font-family: "DM Sans", "sans-serif"; line-height: 30px; } .block_centrer { margin: auto; width: 100%; //border: 3px solid #73AD21; padding: 10px; } .titre_possible_interet { margin-bottom: 0.1rem; letter-spacing: 1px; height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 20px; line-height: 22px; text-align: justify; color: #0A043C; margin-top: 2rem; line-height: 30px; font-weight: 600; width: 100%; float: left; } .block_article{ width: 100%; float: left; // margin-right: 5px; } .title_h1{ font-size: 2rem; } .style_perso{ float: left; // height: 7rem; background: #FFFAED; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; overflow-y: hidden !important; } .detail_container { width: 80%; height: 200px; margin: auto; padding: 10px; border-radius: 30px; } .containerBox { position: relative; display: inline-block; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 30%; } .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: small; 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: small; } .parter_div_gauche { float: left; border: 1px solid black; border-width: 0.01rem; width: 25%; height: 30rem; margin: auto; padding: 10px; border-radius: 1rem; margin-right: 0.5%; background-color: #104277; text-align: left; color: white; } .parter_div_droite { float: left; border: 1px solid black; border-width: 0.01rem; width: 74%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; } .parter_div_droite_haut { float: left; border: 1px solid black; border-width: 0.01rem; width: 100%; height: auto; margin: auto; padding: 10px; border-radius: 1rem; text-align: left; color: rgb(10, 42, 77); background-color: white; margin-bottom: 2rem; } .left-pan { padding-left: 7px; } .left-pan i { padding-left: 10px; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; 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; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; height: 9rem; background-color: #e7f3fb; z-index: 10; background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } .div_mobile { // position: absolute; // top: 9rem; z-index: 1; width: 100%; height: 100%; // padding-right: 2rem; // padding-left: 2rem; } .pieddepage { z-index: 0; width: 100%; float: left; //margin-top: calc(100vh - 20%); margin-top: 2rem; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 0.7rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .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: 40%; text-align: left; } .div_003 { float: left; width: 60%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .forma_rightbox { float: right; border-width: 2px; width: 100%; margin: auto; padding: 0.3rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .div_row { width: 100%; float: left; } .Background-header { // position: absolute; width: 100%; height: 150px; left: 0px; background: var(--Beige, #FFF5DA); } /* Title */ .Title { padding: 0px; height: 80px; left: 549px; margin-top: 20px; width: 90%; margin-left: 5%; } /* Support */ .Support { height: 20px; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; color: #0A043C; } .besoin_aide { width: 100%; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 50px; line-height: 60px; text-align: center; letter-spacing: -1px; color: #20BFA9; } .detail_text_aide { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; } .barre_recherche { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; margin-top: 2rem; } .aricles_a_la_une { width: 100%; float: left; margin-top: 5rem; font-size: small; letter-spacing: 1px; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #4B4B4B; text-align: justify; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .liste_articles { margin: auto; width: 90%; padding: 10px; } .img_article { width: 40%; float: left; padding: 5px; } .desc_article { width: 100%; float: left; padding: 5px; margin-bottom: 4rem; } .buton_ch22 { border: 2px solid white; background-color: transparent; color: white; padding: 0px; font-size: 16px; cursor: pointer; font-size: small; border-radius: 4rem; width: 6rem; min-width: 6rem; height: 1.7rem; text-align: left; } .forma_rightbox { float: right; border-width: 2px; width: 100%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .titre_article { font-family: "DM Sans", "sans-serif"; color: #619e31; font-size: 1.4rem; font-weight: bold; text-align: center; margin-top: 1rem; height: 5rem; } .avis { margin-bottom: 0.5rem; overflow: hidden; overflow-wrap: break-word; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; /* or 167% */ /* Bold Grey */ color: #000; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; font-family: "DM Sans", "sans-serif"; line-height: 30px; } .block_centrer { margin: auto; width: 90%; // border: 3px solid #73AD21; padding: 10px; } .titre_possible_interet { margin-bottom: 0.1rem; letter-spacing: 1px; height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 20px; line-height: 22px; text-align: justify; color: #0A043C; margin-top: 2rem; line-height: 30px; font-weight: 600; width: 100%; float: left; } .block_article{ width: 32%; float: left; margin-right: 5px; } .title_h1{ font-size: 2rem; } .style_perso{ float: left; height: 7rem; background: #FFFAED; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; background: white; margin-right: 0.5%; overflow-y: hidden !important; border-radius: 0px; } .detail_container { width: 80%; height: 200px; margin: auto; padding: 10px; border-radius: 30px; } .containerBox { position: relative; display: inline-block; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 20%; max-height: 3rem; } .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: small; 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: small; } .div_row2 { float: left; //border:0px solid black; border-width: 0.01rem; width: 100%; margin-bottom: 0.1rem; //border-radius: 1rem; 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; //border:1px solid black; //border-width: 0.01rem; width: 100%; //border-radius: 1rem; height: 9rem; background-color: #e7f3fb; z-index: 10; background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); } .div_mobile { // position: absolute; // top: 9rem; z-index: 1; width: 100%; height: 100%; // padding-right: 2rem; // padding-left: 2rem; } .pieddepage { z-index: -1; width: 100%; float: left; margin-top: 2rem; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 0.8rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .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; } .div_003 { float: left; width: 50%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.1rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .text_head { color: white; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-size: 1.1rem; width: 90%; margin-left: auto; margin-right: auto; } .forma_rightbox { float: right; border-width: 2px; width: 100%; margin: auto; padding: 0.3rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .div_row { width: 100%; float: left; } .Background-header { // position: absolute; width: 100%; height: 150px; left: 0px; background: var(--Beige, #FFF5DA); } /* Title */ .Title { padding: 0px; height: 80px; left: 549px; margin-top: 20px; width: 80%; margin-left: 10%; } /* Support */ .Support { height: 20px; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; color: #0A043C; } .besoin_aide { width: 100%; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 50px; line-height: 60px; text-align: center; letter-spacing: -1px; color: #20BFA9; } .detail_text_aide { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; } .barre_recherche { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; margin-top: 2rem; } .aricles_a_la_une { width: 100%; float: left; margin-top: 5rem; font-size: small; letter-spacing: 1px; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #4B4B4B; text-align: justify; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .liste_articles { margin: auto; width: 80%; padding: 10px; } .img_article { width: 40%; float: left; padding: 5px; } .desc_article { width: 100%; float: left; padding: 5px; margin-bottom: 4rem; } .buton_ch22 { border: 2px solid white; background-color: transparent; color: white; padding: 0px; font-size: 16px; cursor: pointer; font-size: small; border-radius: 4rem; width: 6rem; min-width: 6rem; height: 1.7rem; text-align: left; } .forma_rightbox { float: right; border-width: 2px; width: 100%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .titre_article { font-family: "DM Sans", "sans-serif"; color: #619e31; font-size: 1.4rem; font-weight: bold; text-align: center; margin-top: 1rem; height: 5rem; } .avis { margin-bottom: 0.5rem; overflow: hidden; overflow-wrap: break-word; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; /* or 167% */ /* Bold Grey */ color: #000; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; font-family: "DM Sans", "sans-serif"; line-height: 30px; } .block_centrer { margin: auto; width: 80%; // border: 3px solid #73AD21; padding: 10px; } .titre_possible_interet { margin-bottom: 0.1rem; letter-spacing: 1px; height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 20px; line-height: 22px; text-align: justify; color: #0A043C; margin-top: 2rem; line-height: 30px; font-weight: 600; width: 100%; float: left; } .block_article{ width: 32%; float: left; margin-right: 5px; } .title_h1{ font-size: 2rem; } .style_perso{ float: left; height: 7rem; background: #FFFAED; } } @media only screen and (min-width: 1200px) { .rech_middlebox { float: left; border-width: 2px; width: 100%; height: 100%; margin: auto; padding: 0.1rem; border-radius: 30px; margin-right: 0.5%; overflow-y: hidden !important; } .detail_container { width: 80%; height: 200px; margin: auto; padding: 10px; border-radius: 30px; } .containerBox { position: relative; display: inline-block; } .img_logo { display: block; height: auto; margin-left: 0px; margin-right: auto; max-width: 18%; max-height: 3rem; } .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: small; 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: 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; } .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: 9rem; background-color: #e7f3fb; z-index: 10; background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); -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%; height: 100%; // padding-right: 2rem; // padding-left: 2rem; } .pieddepage { z-index: 0; width: 100%; float: left; margin-top: 2rem; } .menuPrincipal_bton { margin-left: 0.9rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; } .menuPrincipal { margin-left: 1rem; font-family: "Quicksand", "Signika", "sans-serif"; color: white; float: right; cursor: pointer; text-align: right; font-size: small; border: 2px solid transparent; white-space: nowrap; text-transform: uppercase; padding-top: 0.2rem; } .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; } .div_003 { float: left; width: 50%; text-align: right; color: white; } .div_004 { color: white; width: 100%; height: 0.25rem; opacity: 100%; margin-left: auto; margin-right: auto; float: left; margin: 0.2rem; } .div_005 { width: 100%; float: left; } .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 { width: 100%; float: left; } .Background-header { // position: absolute; width: 100%; height: 150px; left: 0px; background: var(--Beige, #FFF5DA); } /* Title */ .Title { margin: auto; width: 100%; padding: 10px; max-width: 1400px !important; height: 80px; } /* Support */ .Support { height: 20px; font-family: "Albert Sans"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; color: #0A043C; } .besoin_aide { width: 100%; font-family: "Albert Sans"; font-style: normal; font-weight: 00; font-size: 50px; line-height: 60px; text-align: center; letter-spacing: -1px; color: #20BFA9; } .detail_text_aide { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; } .barre_recherche { height: 44px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #0A043C; margin-top: 2rem; } .aricles_a_la_une { width: 100%; float: left; margin-top: 5rem; font-size: small; letter-spacing: 1px; font-family: 'Albert Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #4B4B4B; text-align: justify; } .titre_date_publication { font-family: "DM Sans", "sans-serif"; color: #3b3e40; font-size: xx-small; font-weight: bold; text-align: center; } .liste_articles { margin: auto; width: 70%; padding: 10px; } .img_article { width: 40%; float: left; padding: 5px; } .desc_article { width: 100%; float: left; padding: 5px; margin-bottom: 4rem; } .buton_ch22 { border: 2px solid white; background-color: transparent; color: white; padding: 0px; font-size: 16px; cursor: pointer; font-size: small; border-radius: 4rem; width: 6rem; min-width: 6rem; height: 1.7rem; text-align: left; } .forma_rightbox { float: right; border-width: 2px; width: 100%; margin: auto; padding: 0.5rem; font-size: small; text-align: left; color: rgb(10, 42, 77); cursor: pointer; overflow-wrap: break-word; border-bottom: #3b3e40; border-bottom-width: 1px; border-bottom-style: solid; padding: 1rem; } .titre_article { font-family: "DM Sans", "sans-serif"; color: #619e31; font-size: 1.4rem; font-weight: bold; text-align: center; margin-top: 1rem; height: 5rem; } .avis { margin-bottom: 0.5rem; overflow: hidden; overflow-wrap: break-word; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; /* or 167% */ /* Bold Grey */ color: #000; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; font-family: "DM Sans", "sans-serif"; line-height: 30px; } .block_centrer { margin: auto; width: 100%; padding: 10px; max-width: 1400px !important; } .titre_possible_interet { margin-bottom: 0.1rem; letter-spacing: 1px; height: 60px; font-family: Verdana, Georgia, Arial; font-style: normal; font-weight: 400; font-size: 20px; line-height: 22px; text-align: justify; color: #0A043C; margin-top: 2rem; line-height: 30px; font-weight: 600; width: 100%; float: left; } .block_article{ width: 32%; float: left; margin-right: 5px; } .title_h1{ font-size: 2.1rem; } .style_perso{ float: left; height: 7rem; background: #FFFAED; } } // end media .img_photo{ height: 100%; width: 100%; } .retour_list_articles { cursor: pointer; width: 100%; text-align: center; border: 1px solid #d5d8dc; border-radius: 5px; padding-top: 10px; background: #f8f9f9; box-shadow: 3px 0px 5px 3px rgba(0, 0, 0, 0.1); height: 3rem; float: left; font-style: normal; } .retour_list_articles:hover { font-style: italic; } }