*{
    margin: 0;
    color: black;
}
a{
    opacity: 1;
    font-weight: bold;
}
a:link{
    color:black;
}
a, a:hover, a:active, a:visited {
    color:black; }
h1{
    margin-left:5%;
    font-weight:bold;
}
.h1mobile{
    margin-left:5%;
    font-weight:bold;
    font-size: large;
}
h3{
    margin-left: 6%;
}
.h3mobile{
    margin-left: 6%;
    font-size: large;
}
h4{
    margin-left: 6%;
}
.h4mobile{
    margin-left: 6%;
    font-size: large;
}
p{
    margin-left: 7%;
    margin-right: 2%;
}
.pmobile{
    margin-left: 7%;
    margin-right: 2%;
    font-size: large;
}
body{
    background-color: #212529!important;
    margin-bottom: 0%;
    font-family: 'Roboto Condensed', sans-serif!important;
}
section{
    background-color:#ccc;
    border:1px solid black;
    height: 100%!important;
    margin-bottom: 0%!important;
}
header{
    background-color: white;
    border:1px solid black;
    height: 30%;
}
.containheader{
    text-align: right;
    background-color: black;
    width: 100%;
    height: 332.6px;
    padding: 0;
    margin: 0;
}
img{
    max-width: 100%;
}
iframe{
    max-width: 100%;
}
footer{
    background-color:cornflowerblue;
    border:1px solid black;
    margin-top:0;
    float:left;
}
.navbar{
    background-color: rgba(0, 102, 179, 0.8);
    width:100%;
    height:2%!important;
}
.dropdown-menu{
    background-color: rgba(0, 102, 179, 0.8)!important;
}
.dropdown-item{
    background-color: rgba(0, 102, 179, 0.8)!important;
}
.nav-link{
    font-size:xx-large;
}
.tablenav{
    width:100%;
    background-color:cornflowerblue;
    border:1px solid black;
    height: 2%;
    margin-right:8%;
}
.cellulenav{
    width: 11.1%;
    text-align: center;
}
.textcenter{
    text-align: center;
}
.card{
    width:60%!important;
    margin-left: 10%;
    background-color: #afafaf!important;
}
.imgabsolute1{
    position: absolute!important;
    top:1%;
    right:9%;
}
.imgabsolute2{
    position: absolute!important;
    top:1%;
    right:13%;
}
.imgabsolute3{
    position: absolute!important;
    top:8%;
    right:9%;
}
.imgabsolute4{
    position: absolute!important;
    top:15%;
    right:9%;
}
.imgabsolute1mobile{
    position: absolute!important;
    top:1%;
    right:3%;
}
.imgabsolute2mobile{
    position: absolute!important;
    top:1%;
    right:8%;
}
.imgabsolute3mobile{
    position: absolute!important;
    top:6%;
    right:10%;
}
.imgabsolute4mobile{
    position: absolute!important;
    top:6%;
    right:3%;
}
.textfooter{
    line-height:5px;
}
.container{
    margin-left:5%;
    width:90%;
    background-color: #afafaf!important;
}
.tablecontainer{
    width:100%;
}
.colyoutube{
    width:50%;
    text-align: center;
}
.colsplit{
    width:25%;
    text-align:justify;
}
.vid{
    margin-left: 5.4%;
    margin-top:1%;
}
.titreagence{
    margin-left: 4%;
}
.buttonagence{
    background-color: #afafaf!important;
    margin-right: 3%;
    text-align: center;
    margin-top:1%;
    padding: 1%;
    width:21.5%;
}
.buttonoffrefirst{
    background-color: #afafaf!important;
    text-align: center;
    padding: 1%;
    width:100%;
}
.buttonoffre{
    background-color: #afafaf!important;
    margin-right:4%;
    text-align: center;
    padding: 1%;
    width:20%;
}
.buttonoffremobile {
    background-color: #afafaf !important;
    margin-right: 5%;
    text-align: center;
    padding: 1%;
    width: 42.5%;
}
.lastbuttonagence{
    background-color: #afafaf!important;
    text-align: center;
    padding: 1%;
    width:16.4%;
}
.mobilebuttonagence{
    background-color: #afafaf!important;
    margin-right: 5%;
    text-align: center;
    padding: 1%;
    width:42.5%;
}
.lastmobilebuttonagence{
    background-color: #afafaf!important;
    text-align: center;
    padding: 1%;
    width:42.5%;
}
.colhtext{
    width:50%;
}
.colhimg{
    width:50%;
    text-align: center;
}
textarea{
    width: 100%;
}
input{
    width:100%;
}
.offre{
    margin-left: 5%;
    width:80%;
    border:0.5px solid black;
    background-color: #afafaf!important;
    word-wrap: break-word;
}
.offremobile{
    margin-left: 3%;
    width:94%;
    border:0.5px solid black;
    background-color: #afafaf!important;
    word-wrap: break-word;
}
.bannoffre{
    background-image: url("bannoffre.png");
    background-size: cover;
    border:1px solid black;
}

.textcard{
    color: black;
    font-size:xx-large;
}