html {
font-family: none !important;
font-size: initial !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
@font-face {
font-family: 'fontawesome-webfont';
src: url('/fonts/fontawesome-webfont.eot') ;
src: url('/fonts/fontawesome-webfont.woff2') format('woff2'),
url('/fonts/fontawesome-webfont.woff') format('woff'),
url('/fonts/fontawesome-webfont.ttf') format('truetype'),
url('/fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sf_burlington_scriptregular';
src: url('fonts/SF-Burlington/web fonts/sfburlingtonscript_regular_macroman/SF_Burlington_Script-webfont.eot');
src: url('fonts/SF-Burlington/web fonts/sfburlingtonscript_regular_macroman/SF_Burlington_Script-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SF-Burlington/web fonts/sfburlingtonscript_regular_macroman/SF_Burlington_Script-webfont.woff2') format('woff2'),
url('fonts/SF-Burlington/web fonts/sfburlingtonscript_regular_macroman/SF_Burlington_Script-webfont.woff') format('woff'),
url('fonts/SF-Burlington/web fonts/sfburlingtonscript_regular_macroman/SF_Burlington_Script-webfont.ttf') format('truetype'),
url('fonts/SF-Burlington/web fonts/sfburlingtonscript_regular_macroman/SF_Burlington_Script-webfont.svg#sf_burlington_scriptregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'black_jackregular';
src: url('fonts/blackjack-fontfacekit/web fonts/blackjack_regular_macroman/blackjack-webfont.eot');
src: url('fonts/blackjack-fontfacekit/web fonts/blackjack_regular_macroman/blackjack-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/blackjack-fontfacekit/web fonts/blackjack_regular_macroman/blackjack-webfont.woff2') format('woff2'),
url('fonts/blackjack-fontfacekit/web fonts/blackjack_regular_macroman/blackjack-webfont.woff') format('woff'),
url('fonts/blackjack-fontfacekit/web fonts/blackjack_regular_macroman/blackjack-webfont.ttf') format('truetype'),
url('fonts/blackjack-fontfacekit/web fonts/blackjack_regular_macroman/blackjack-webfont.svg#black_jackregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'aquilinetworegular';
src: url('fonts/Aquiline-two-fontfacekit/web fonts/aquilinetwo_regular_macroman/AquilineTwo-webfont.eot');
src: url('fonts/Aquiline-two-fontfacekit/web fonts/aquilinetwo_regular_macroman/AquilineTwo-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Aquiline-two-fontfacekit/web fonts/aquilinetwo_regular_macroman/AquilineTwo-webfont.woff2') format('woff2'),
url('fonts/Aquiline-two-fontfacekit/web fonts/aquilinetwo_regular_macroman/AquilineTwo-webfont.woff') format('woff'),
url('fonts/Aquiline-two-fontfacekit/web fonts/aquilinetwo_regular_macroman/AquilineTwo-webfont.ttf') format('truetype'),
url('fonts/Aquiline-two-fontfacekit/web fonts/aquilinetwo_regular_macroman/AquilineTwo-webfont.svg#aquilinetworegular') format('svg');
font-weight: normal;
font-style: normal;
}
body { font-family: Calibri,Cambria,Arial,sans-serif;
/*--taille : 1.2rem;
--couleur :black;*/
--marginTopHeader : 0px;
--heightHeader : 65px;
}
body.modal-open { padding: 0px!important;}
.modal-open .modal{ padding: 0px!important;}
.show {}
/*Nav*/
header { width: 100%;position: fixed;top: 0px;z-index: 9;
height: var(--heightHeader);
margin-top: var(--marginTopHeader);
box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 50%);
background: rgba(250,250,250,0.2);left: 0px; }
header {}
.nav-bar{height: 100%;display: flex;width: 100%;}
.nav-bar {}
.logo ,.mobile-icone {width: 10%;text-align: center;display: flex; flex-direction: column; justify-content: center;
align-items: center;}
.logo a {max-height: 100%; }
.img-logo {width: 80px;height: auto;}
.imgClose, .imgOpen { }
nav {display: flex; flex-direction: column; margin-left: auto;margin-right: auto;}
nav ul {list-style: none; padding-inline-start: 0px;margin: 0rem;padding: 0rem;}
nav a:hover {text-decoration: none;}
nav > ul { display: flex ; height: 100%;}
nav a,nav span {/*font-family: 'Open Sans', sans-serif;*/font-family: Calibri,Cambria,Arial,sans-serif;text-decoration: none;font-size: 17px;white-space: nowrap;line-height: unset;
}
nav ul li ul li a { font-weight: normal;}
/*nav ul:nth-child(1) li ul:hover {background-color: bisque;transition: all 0s ease;}*/
nav ul:nth-child(1) li span , nav ul:nth-child(1) > li > a {display: flex;
justify-content: center;
align-items: center;
height: 100%;
white-space: nowrap;
padding: 0px 20px;
color: black ;
text-transform: uppercase;
font-size: 16px;
font-family: Calibri,Cambria,Arial,sans-serif;}
nav ul:nth-child(1) li span::after{}
nav ul:nth-child(1) li span.change:after {}
nav ul:nth-child(1) > li:hover /*Menu*/ >span,
nav ul:nth-child(1) > li:hover /*Menu*/ >a {/*border-bottom: 2px solid rgb(255, 255, 255) ;
border-top-color: white;*/
/* font-style: italic;*/
/*font-weight: bold;*/
/*background-color: white;color: black; */
/* transition: all 0.1s ease;*/
/* border-bottom: 2px solid rgb(255, 255, 255) /*rgb(0, 0, 0);margin-top: 2px;*/}
/*:not(nav ul:nth-child(1) li ul)*/
nav ul:nth-child(1) > li:hover {}
nav ul:nth-child(1) > li:hover > ul { /*border-top: 2px solid; border-top-color: white;*/}
nav ul:nth-child(1) li:hover > ul {display: block;}
nav > ul> li > ul {display: none;}
nav > ul> li > ul {position: absolute;width: max-content;}
nav ul:nth-child(1) li ul {}
nav ul:nth-child(1) li ul li a{background: rgba(0, 0, 0, 0.8);color: #fff ;display: block;padding: 10px 15px;}
nav ul:nth-child(1) li ul li a:hover{background-color:#fff ;color:black ;}
nav ul:nth-child(1) li ul:hover{}
nav ul li ul li{}
nav > ul> li {}
nav > ul > li:hover > ul { }
nav ul li a {}
nav ul li a:hover {}
.imgOpen , .imgClose {display: none;}
.animate-nav {background: rgba(0, 0, 0, 0.8); color: #fff;}
.haut {display: none;}
.bas ,.haut {padding:0px 2px}
/**/
.fill { object-fit: fill;}
.effet {color : white; background-color: yellow;}
.conteneur-slide {max-width: 90%;padding: 25px 0px 25px 0px;margin: auto;}
.carousel-inner { border-radius: 15px 10px 15px 10px;}
.ancre {padding-top:calc(var(--heightHeader) + var(--marginTopHeader)); padding-bottom: 20px;}
.video-overlay {height: 100%;width: 100%;z-index: 1; background: rgba(0,0,0,0.3); position: absolute;}
.Banner_sec {min-height :100vh;height: 100%}
.video-container { position: absolute; height: 100%; top: 0px;width: 100%;padding: 0px }
.video-content {position: absolute;width: 100%;height: 100%;}
.video-content video {height: 100%;width: 100%;object-fit: cover;transform: translate(-0%, -0%);}
.Banner_sec .middleside {position: absolute;height: 100%;width: 100%; display: flex;justify-content: center;align-items: center; flex-flow: column wrap;z-index: 2;overflow: hidden;}
.Banner_sec .middleside h4 {text-align: center;}
.Banner_sec .middleside h4 span { color: rgb(255,242,0); font-family: 'Open Sans', sans-serif; font-weight: 700; display: inline-flex; font-size: 80px;}
.Banner_sec .middleside h3{ font-family:Calibri,Cambria,Arial,sans-serif;color: #fff;font-size: 45px;font-weight: 300;text-align: center;}
.Banner_sec .middleside h3 .first-word{color: rgb(255,242,0);font-weight: 700;}
.word {white-space:nowrap;}
.Banner_sec .leftside h4 { margin: 0px 0px 0px 0px;color: #fff}
.Banner_sec .leftside p {}
.scroll-icon {position: absolute;margin-top: 400px;}
body .row:nth-of-type(3){}
#ml2 { margin-top: 5px;}
.ml2 { font-weight: 500; font-size: 4em;text-align: center;}
.ml2 .letter { display: inline-block; line-height: 1em;color:#ff9408 }
.ml2 p {white-space: nowrap;}
.About_sec {background: linear-gradient(RGBa(173,181,189,0%), RGBa(173,181,189,5%),RGBa(173,181,189,15%));}
.About_sec h2 {font-size: 56px;color: #000;font-family: 'Oswald', sans-serif; font-weight: 400; margin: 0px;text-transform: uppercase;
line-height: 60px;letter-spacing: -0.4px;padding: 30px; }
.About_sec p { padding: 0.5% 5.5% 0.5% 5.5%; margin: 0px;font-weight: 400; font-size: 25px; text-align: justify;font-size: 1.2rem;line-height: 200%;
font-family:'Open Sans', Arial, sans-serif;color: #47425d;}
.About_sec p strong {font-weight:normal;}
#Presentation .initial { color: #FFFF00; font-family: 'Open Sans', sans-serif; font-weight: 800; display: inline-flex; font-size: 30px;}
.Fig_direction {border-radius: 20px 0px 0px 20px;border: solid 10px;border-color: #E8E6E5;box-shadow: 0px 0px 8px 5px #999999}
.Message_pdg {padding-top: 50px;margin-top:50px; background-color:#f5fafd }
.Message_pdg h4 {margin-left: auto;color: #0062cc; font-size: 45px; }
.Description p span {margin-left:60px ;}
.Message_pdg p {font-family: Candara,Cambria,Arial,'Open Sans', sans-serif ;font-size:18px;line-height: 40px; margin: 10px 10px;
text-align: justify;font-style: italic;}
.Fig_pdg {border: solid 1px #ececec;background: #fff;background: url(../img/about-shadow.png) bottom center no-repeat;font-size: 20px;
color: #007bff; font-weight: 500; padding: 50px 0px;}
.Fig_pdg img {padding: 5px;border: solid 1px #ececec;background: #fff;}
.figure-caption span{font-size: 18px; color: #242424; font-weight: bolder; }
.align-right {background-image: url(../img/photo_5.jpg);background-repeat: no-repeat;background-attachment: fixed; background-size: cover;
background-position: center center; text-align: center;}
.Services_sec333 {}
/*Routes*/
.align-right .detail-service {max-width: 40%;margin-left: 50%;background-color: rgba(0,0,0,0.8); padding: 50px 10px;
color: #fff;}
.Routes_sec33{max-width: 40%;margin-left: 50%;background-color: rgba(0,0,0,0.8); padding: 80px 30px;
color: #fff;}
.Services_sec h2 {font-size: 70px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #ff9408;}
.detail-service {}
.detail-service h4 {font-size: 2em;color: #03a4df;text-decoration: none;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: 600;}
.detail-service p,.detail-service ul { font-family: Calibri,Cambria,Arial,sans-serif;padding:0px 10px; font-size: 20px; margin: 0px; font-weight: 300;
line-height: 40px;text-align: justify; }
.detail-service ul {padding-left: 45px; text-align: left;font-weight: 300}
.detail-service .btn {margin: 60px 10px; width: max-content;background-color: #03a4df;border-color:#03a4df;}
.align-left .btn {margin-bottom: 0px}
.detail-service .btn:hover { background:#fff ; color:#03a4df;}
.Get_sec .Leftside .button:hover { background: #2d2d2d; color: #fff;}
.row .small-align :nth-of-type(2){ }
.post-service .activite{ }
.post-service {background: linear-gradient(RGBa(95,140,97,0%), RGBa(95,140,97,8%),RGBa(95,140,97,20%));padding-top: 20px;}
.activite p{ }
.small-align .image-groupe {justify-content: center;display: flex; align-items: flex-end;padding: 20% 2% 15% 2%;}
.small-align img {box-shadow: 0 10px 30px 0 rgb(49 52 57 / 40%), 0 10px 30px rgb(0 0 0 / 10%)}
.content-section p {font-weight: 500;}
.content-definition p {font-weight: 300;}
.small-align img:nth-of-type(1) { width:42%;z-index:0;margin-right: -10%; }
.small-align img:nth-of-type(2) {max-width: 100%;width: 35%;z-index: 1;}
.small-align img:nth-of-type(3) {margin-left: -10%;max-width: 100%;width: 38%;z-index:0;}
.small-align .content{margin: 5rem 18rem -7rem 18rem;box-shadow:0px 10px 20px -10px rgb(0 0 0 / 75%);background-color: #fff; padding: 35px 50px;}
/*Materiaux*/
.align-left {background-image: url(../img/Les_materiaux_construction/photo_2.jpg);background-repeat: no-repeat;background-attachment: fixed; background-size: cover;
background-position: center center; text-align: center;}
.align-left .col-12 {max-width: 70%;margin-bottom: 10rem;margin-top: 10rem;background-color: rgba(0,0,0,0.8); padding: 50px 30px;
color: #fff;}
/*barrages*/
.large-align .content{margin: 2rem 9rem -7rem 9rem;box-shadow: 0px 2px 10px 0px #242424;background-color: #fff;padding: 50px 50px 20px;}
.large-align .image-groupe-2 {padding: 20% 0% 15% 0%;}
.large-align img:nth-of-type(1) { width:40%;z-index:0;transform: translateY(-12%);}
.large-align img:nth-of-type(2) {width: 40%;z-index: 1;margin-left: -15%;transform: translateY(12%);}
.shadow-large {box-shadow: 0px 10px 30px 0px #242424;}
.large-align:nth-of-type(2){background-color: #f5fafd;}
.carte .col-12 { padding: 0px; }
.carte iframe { width: 100%; height: 65vh;}
.YouTube_video {text-align: center; background: linear-gradient(RGBa(173,181,189,50%), RGBa(173,181,189,10%),RGBa(173,181,189,0%));padding: 20px;}
.YouTube_video iframe{}
.Contact_Sec {background-color: #0c0c0c;}
fieldset .recaptcha-group { text-align: -webkit-center;}
.Get_sec { }
.Get_sec .Mid { margin: auto; overflow: hidden; }
.Get_sec .Leftside { width:100%; float: left; }
.Get_sec .Leftside p { padding: 5px 10px; margin: 0px;line-height: 0px;}
.Get_sec .Leftside p:last-child { padding-bottom: 0px ; }
.form-group p input { padding: 10px 20px ; font-size: 15px; color: #979797; font-family: 'Open Sans', sans-serif; font-weight: 400; border: 0px; width: 100%; border-radius: 5px; }
.Get_sec .Leftside input:focus { outline: none;}
.Get_sec .Leftside p textarea { padding: 18px 20px 17px 20px !important; font-size: 14px; color: #979797; font-family: 'Open Sans', sans-serif; font-weight: 400; border: 0px; width: 100%; height: 156px; resize:none;
box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424;
-o-box-shadow: 0px 2px 6px 0px #242424; border-radius: 5px;
line-height: 25px }
.Get_sec .Leftside textarea:focus { outline: none;}
.Get_sec .Leftside .button { padding: 15px 30px ; font-size: 14px; color: #e9ecee; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; background: #e2850a; border: 0px; text-transform:uppercase; width: 100%; cursor: pointer; box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424; -o-box-shadow: 0px 2px 6px 0px #242424; border-radius: 10px; transition: all 0.3s ease;
max-width: 200px;}
.Get_sec .Leftside .button:hover { background: #2d2d2d; color: #fff;}
.Get_sec .Leftside .form-row{ padding :0px 100px;}
.Get_sec .Leftside .form-group {max-width: 100%;}
.Get_sec .Leftside .cocher { }
.Get_sec .Leftside form {text-align: -moz-center;text-align: -webkit-center;}
.Get_sec .Leftside .col-12:nth-of-type(2) {padding: 15px;}
.Get_sec .Leftside .form-row-btn {flex-direction: row-reverse;}
.btn-submit {}
.modal-header h5 { padding: 5px ; font-size: 35px; color: #e2850a ; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; background:; border: 0px; width: 100%; cursor: pointer;transition: all 0.3s ease;
font-style: oblique;}
.Get_sec .Rightside { padding-top: 12px; width: 100%; }
.Get_sec .Rightside h3 { padding-bottom: 44px; font-size: 46px; color: #f88e04; font-family: 'Oswald', sans-serif; font-weight: 400; margin: 0px; text-transform:uppercase; line-height: 46px; }
.Get_sec .Rightside address { margin-left: 3px; font-size: 20px; color: #ebedf1; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; background: url(../img/location-icn.png) left 4px no-repeat; line-height: 35px; }
.Get_sec .Rightside address.Number { background: url(../img/phone-icn.png) left 5px no-repeat; }
.Get_sec .Rightside address.Email { margin-left: 4px; background: url(../img/mail-icn.png) left 0px no-repeat; }
.Get_sec .Rightside address.Email a { text-decoration: none; color: #ebedf1; }
.Get_sec .Rightside address.Email a:Hover { color: #f88e04; }
.Get_sec .Rightside ul { list-style: none; margin: 0px; padding: 27px 0px 0px 3px; }
.Get_sec .Rightside li { padding: 0px; margin: 0px 22px 0px 0px; }
.Get_sec .Rightside li a { text-decoration: none; }
.get-col{border-left: 2px solid rgba(128,128,128,.2);padding: 0px;}
.Contact_Sec .get-col:nth-child(1){border-left:none;}
.get-col {border-bottom: 1px solid rgba(128,128,128,.2);}
.mb-5, .my-5 {margin-bottom: 3rem!important;display: block;padding: 25px 0px;}
.tm-contact-icon {font-size: 2rem;}
.tm-contact-link {font-family: 'Open Sans',Arial,sans-serif;color: #fff;display: flex;flex-direction: column;align-items: center;font-size: 18px;}
.tm-contact-icon-container {display: inline-block;background-color: white;color: #99ccff;width: 70px;height: 70px;border-radius: 50%;
}
.tm-contact-icon-container-inner {display: flex;align-items: center;justify-content: center;height: 100%;}
.tm-phone-icon { margin-top: -2px; margin-left: -2px;}
.media-body {-ms-flex: 1; flex: 1; padding-top: 25px; text-align: center; }
.clear ul {list-style :none;margin: 0px; padding: 0px;}
.social-col{text-align: center;padding: 15px 0px;}
.clear p {color: #fff; font-size: 1.2rem;}
.plan { font-family: Arial, sans-serif;font-size: 1em;font-weight: normal;color: #fff;
padding: 20px 0px;white-space:nowrap;background-color: #232323;}
#emaildomain1::after {
content: "starrtlemcen@gmail.com" ;
}
#emaildomain2::after {
content: "contact@starr.dz" ;
}
.title-Menu {font-family: 'Open Sans', sans-serif;text-transform: uppercase;color: #fff; font-size: 15px;}
.plan a {font-family: 'Open Sans',Arial, 'sans-serif'; font-size: 15px; font-weight: normal;color: #adb5bd;white-space: nowrap;text-decoration:none;}
.plan ul {list-style: none;}
.plan p {margin: 0px;padding: 15px 0px;font-size: 2rem; font-style: oblique; font-weight: bold; margin: 20px 5px;
background-color: #313131;color: #fff}
.clear ul {display: flex;justify-content: center;align-items: center;}
.clear ul li {padding: 0px 20px;}
.container-Menu{}
.container-Menu > ul {display: flex;flex-wrap: nowrap;padding: 40px 10px ;margin: 20px 5px;background-color: #313131;
padding-inline-start: 10px;justify-content: space-around;}
.colum {}
.colum ul {list-style: none; padding: 10px 0px;}
.colum li{padding: 5px 20px;}
.plan ul li ul li :hover {color: #fff;text-decoration: none;}
.copyright {padding: 1rem;color: #fff;background-color: rgba(0,0,0,0.8);border-top: 3px solid rgba(128,128,128,.2);font-size: 1.2rem;}
.modal-dialog {margin-top: 0px !important;margin-right: auto;margin-left: auto;height: 100%;width: 100%;}
#modal-contact .modal-content {background: url(../img/get-bg.jpg) top center no-repeat;position: absolute;top: 50%;transform: translateY(-50%);}
#modal-contact .modal-dialog {max-width: 800px;}
#Modal .modal-dialog {max-width: 95% ; margin-right: auto; margin-left: auto;height: max-content;}
.Message_pdg .col-12 {padding: 10px;}
#Modal .modal-content{margin: 25px 0px;}
.modal.show .modal-dialog {}
.modal-contact1 {}
.modal-header .close {}
.modal.show .contact-dialog {margin: auto;}
.fade { opacity: 1;}
.modal.fade .modal-dialog {
/* -webkit-transition: -webkit-transform .3s ease-out; */
-o-transition: -o-transform .3s ease-out;
/* transition: transform .3s ease-out; */
/* -webkit-transform: translate(0,-25%); */
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: none;
}
.modal-dialog .modal-header { padding: 0rem 1rem; border-bottom: 0px ; border-bottom: 2px solid #dee2e6;}
.modal {
}
.modal-open .modal {
}
#modal-contact {/*display: flex;justify-content: center;*//*position: fixed;*/}
.contact-dialog .modal-header .close {}
.mod .btn-danger {display: none;background-color: white;border-color: white;color: white;}
.Get_sec .modal-footer {border-top: 0px ;margin-right: : 2%;}
.scc {}
.close-contact{ }
/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
from { -webkit-transform: rotateY(0deg); }
to { -webkit-transform: rotateY(-360deg); }
}
/* all other browsers */
@keyframes spinner {
from {
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
to {
-moz-transform: rotateY(-360deg);
-ms-transform: rotateY(-360deg);
transform: rotateY(-360deg);
}
}
#spinner {
width: 25%;
-webkit-animation-name: spinner;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 3s;
animation-name: spinner;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 3s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
/*-webkit-backface-visibility: hidden;*/
}
.title-section { position: relative;top :150px;opacity: 0; /* transition: all .3s linear; transition-delay: .8s;*/}
.content-section { position: relative;top :100px;padding-top: 40px;opacity: 0;/*transition: all .6s linear;transition-delay: .8s;*/}
.content-definition { position: relative;top :50px;opacity: 0; /* transition: all .9s linear;transition-delay: .8s;*/}
.photo_1 {position: relative;left:-350px;opacity: 0;}
.photo_2 {}
.photo_3 {}
.section-active {}
.ui-front {z-index: 100000;}
#opener{display: none;}
#dialog-confirm,#dialog-message {display: none;}
.p-4 {}
.et_pb_text_inner h2{text-decoration: underline; color: #2346F0 ; padding-bottom: 25px ;}
.et_pb_text_inner .titre {font-weight: 400 ; font-size: 30px; color: #d70664; padding-bottom: 15px ;text-decoration: none;}
.row .img-labo {max-width: 60%; margin: 8%;}
.show {/*display: block;*/}
.essai {display: block;}