body fieldset,body img{border:0px;}
body,html{overflow-x:hidden;}
body a{cursor:pointer;outline:none;text-decoration:none !important;color:#27a03b !important}
.body-externe {text-align:center;font-family: 'Roboto', sans-serif;}
.body-externe .col-md-2{width:28.3% !important;text-align:center;background:#38373a;}
.logo-externe img{margin:36px auto 0;}
.body-externe .col-md-5{width:35.8% !important;}
h2{font-size:30px;color:#27a03b;font-family: 'Dancing Script', cursive;    margin: 10px auto;}
.adress{font-size:16px;color:#f9faff;text-transform:uppercase;    line-height: 26px;}
.tel{text-transform:uppercase;font-size:16px;    margin-top: 5px;}
.tel a{color:#f9faff !important;}
.interne-body{width:363px;    position: relative;top: 50%; margin: 0 auto;border:1px solid #e8e1d4;background:rgba(0,0,0,0.8);    padding-bottom: 20px;}
h3{font-size:14px;color:#cb264a;margin:60px auto 41px;line-height: 23px;}
.contenu-externe p{font-size:12px;color:#f6f2ff;line-height: 23px;}
footer p{font-size:14px;}
footer p a{color:#f6f2ff !important;text-decoration:none !important;}
.lien{background:#cb264a;text-transform:uppercase;font-size:16px;color:#f9faff;    padding: 6px;    margin-top: 2px;}
#cote_est,#cote_patio,.body-externe .col-md-2{height:767px;}
footer{position:absolute;bottom:0;    left: 110px;}
.fas {font-weight: 600; color: #fff; font-size: 60px; width: 20px !important;}
.col-md-2 .col-md-10{width:70% !important;    padding: 0 !important;}
.col-md-2 .col-md-1{    width: 15% !important;}
@media screen and (max-width:1024px){

footer {left: 40px;}}
@media screen and (max-width:768px){
.body-externe .col-md-5 ,.body-externe .col-md-2{ width: 100% !important;}
#cote_est, #cote_patio{height:500px;}
.body-externe .col-md-2{height:inherit;}
.interne-body { margin: 150px auto;}
.logo-externe{margin-top:20px;}
footer { position: inherit; margin: 30px auto 0;    padding-bottom: 20px;left: 0;}
.lien { margin-top: 3px;}
.body-externe .col-md-2 { padding-top: 20px; margin-top: -38px;}
}
@media screen and (max-width:736px){

.col-md-2 .col-md-1,.col-md-2 .col-md-10 { float: left;}
.interne-body{top:0;margin: 20px auto;}
#cote_patio .interne-body{    position: absolute !important;
    top: -800px;
    left: 26%;}
.body-externe{position:relative;}
.row,footer,.contenu-externe,body{background:#38373a;}
.contenu-externe p{margin-bottom:0 !important;padding-bottom:20px;    padding-left: 10px;padding-right: 10px;}
footer{margin-top:-2px;padding-top:20px;}

}

@media screen and (max-width:414px){
#cote_patio .interne-body{  left: 9%;}

}

@media screen and (max-width:363px){
.interne-body{width:inherit ;margin: 20px;}
}