.r {
height: 70px;
border-bottom: 1px solid #ddd;
}
.ban {
margin-right: 0px;
}
.navtex {
margin-top: 23px;
display: inline-block;
}
.navd {
float: right;
}
.homelogo {
margin-top: 13px;
margin-left: 15px;
}
.dec {
float: right;
margin-top: 0px;
}
.tit {
font-family: "skoda";
text-align: center;
margin: 30px;
}
.tex {
text-align: center;
padding-top: 14px;
color: white;

}
.decouv {
margin: 0 auto;
width: 200px;
height: 50px;
background-color: #4BA82E;
border-radius: 5px;
}
.decouv:hover {
background-color: #3f8926;
}
.footer {
margin-top: auto;
padding: 15px;
}
.serviceconnect {
width: 103%;
height: auto;
}
.e {
height: 100%;
width: 100%;
}
.carouseloccas {
width: 420px;
height: auto;
margin: auto;
}
.formstyle {
border: solid 1px white;
}

.sdlpagi{
display: none;
}
.pagination li {
list-style-type: none;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
border: 1px solid #FFF;
background-color: #4BA82E;
color: #FFF;
text-align: center;
cursor: pointer;
margin:0 2px;
}

.pagination li:hover {
background-color: #fff;
border: 1px solid #000;
color: #000
}

.pagination ul {
border: 0;
padding: 0;
}

.retour {
font-size: 15px;
float: right;
padding-right: 15px;

}
.linkoffre {
font-size: 16px;
}
.settings {
padding-bottom: 30px;
}
.conditions {
font-size: 13px;
}
.settingsimg {
float: right;
padding-top: 10px;
}
.titleof {
text-decoration: underline;
}
.linkmail {
color: #4BA82E;
}
.cardoccas2 {
position: absolute;
z-index: 1;
}
.cardoccas3 {
position: absolute;
top: 24em;
}
.occastitle {
position: center;
font-family: "skodabold";
}
.occascontent {
text-align: justify;;
}
.titreoffre {
font-family: "skodabold";
}
.prix {
color: #4BA82E;
}
.titlecard {
font-size: 25px;
}
.avprix {
font-size: 10px;
}
.mini {
max-width-height: 100%;
max-width: 100%;
}
.miniaturesoffres {
width: 15em;
height: 17em;
margin-bottom: 20px;
}
.cardstyle {
font-family: "skoda";
font-style: normal;
}
.custom-select {
font-family: 'skoda';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 35px;
font-size: 15px;
background: #fff url("https://anselmurban.de/codepen-img/select-arrows.svg") no-repeat right 16px center;
background-size: 10px;
transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
border: 1px solid #ddd;
border-radius: 3px;
}
.custom-select:hover {
border: 1px solid #999;
}
.custom-select:focus {
border: 1px solid #999;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
outline: none;
}
.custom-select2 {
font-family: 'skoda';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 35px;
width: 140px;
padding-left: 7px;
font-size: 15px;
background: #fff url("https://anselmurban.de/codepen-img/select-arrows.svg") no-repeat right 16px center;
background-size: 10px;
transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
border: 1px solid #ddd;
border-radius: 3px;
}
.custom-select2:hover {
border: 1px solid #999;
}
.custom-select2:focus {
border: 1px solid #999;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
outline: none;
}
select::-ms-expand {
display:none;
}
.imagedetails {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;

}
.indeximg {
max-height: 100%;
max-width: 100%;
}
.titredetails {
font-family: "skodaextrabold";
font-size : 30px;
}
p {
color: black;
font-family: "skoda";
}
h2 {
font-family: "skodamedium";
}
td {
vertical-align: right;
}
.linkconnect {
color: #4BA82E;
}
.linkconnect:hover {
color: #4BC82E;
}
.btnportail {
background-color: #4BA82E;
padding: 10px;
color: white;
font-size: 12px;
border-radius: 10px;
max-width: 220px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@media (min-width: 768px) {
.modal-dialog {
width: 745px;
margin: 10px auto;
}
}
.card-financement {
padding: 30px;
margin: 30px;
}
.descri-financement {
font-family: "skoda";
}
.ce {
text-align:center; padding-top: 10px; font-size: 20px; color: black;
}
.advert {
display: inline;
float: left;
font-size: 15px;
}
.contenu {
color: white;
}
.contact1 {
border-radius: 10px;
background-color: #4BA82E;
color: white;
padding: 15px;
margin-right: 20px;
margin-left: 20px;
}
.contact2 {
border-radius: 10px;
padding: 15px;
background-color: #E6E6E6;
margin-left: 20px;
margin-right: 20px;
}
.btnform {
float: right;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
margin-top: -11px;
position: absolute;
min-width: 350px;
background-color: white;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown:hover{
background-color: #4BA82E;
}
.dropdown:hover .ce {
color: white;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropdown-content2 {
left:auto;
right:0;
margin-right: 1px;
}
.fleche {
float:left;
}
.desc {
padding: 15px;
text-align: center;
}

.clever p {
position:absolute;
bottom:0;
right: 0;
font-family: "skoda";
}
.header {
padding-top: 10px;
}
.nav .col p {
font-size: 14px;
}

.dropdown .ce {
font-family: "skoda";
color:black;
}
#message {
height: 240px;

}
#contact-gauche{
float:left;
}
#contact-droit{
float:right;
}
#radius {
border-radius: .0rem;
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem;
}
a {
text-decoration: none;
color: black;
font-family: "skoda";
}
a:hover {
text-decoration: none;
color: grey;
}
p a:hover {
text-decoration: none;
color: #4BA82E;
}
@font-face
{
font-family: "skodabold"; src: url("../fonts/skodapro-bold-webfont.ttf") format("truetype");
}
@font-face
{
font-family: "skodaextrabold"; src: url("../fonts/skodapro-extrabold-webfont.ttf") format("truetype");
}
@font-face
{
font-family: "skodamedium"; src: url("../fonts/skodapro-medium-webfont.ttf") format("truetype");
}
@font-face
{
font-family: "skoda"; src: url("../fonts/skodapro-regular-webfont.ttf") format("truetype");
}
.element {
margin-top: 50vh;
transform: translateY(-50%);
}
@media (max-width: 1199px) {
.imgquery {
display: none;
}
.imgcenter {
margin-right: auto;
margin-left: auto;
}
}
.te {
color: white;
}
@media (max-width: 991px) {
.occ {
display: none;
}
.sdlpagi {
display: block;
}
}
@media (max-width: 880px) {
#f {
display: none;
}
}
@media (max-width: 800px) {

.pagination li {
width: 25px;
height: 25px;
font-size: 10px;
}
.te {
position: relative;
top: -2px; }
}
@media (max-width: 600px) {

.pagination li {
width: 15px;
height: 20px;
font-size: 6px;
}
.te {
position: relative;
top: -5px; }
}
@media (max-width: 575px) {
.ti {
display: none;
}
.k {
display: none !important;
}
.responmenu {
display: block !important;
}
#searchresponsive {
display: block !important;
}
.responmodeles {
display: block !important;
}
}
.sep {
display: inline;
min-width: 20px;
height: 100%;
}
.sepa {
display: inline-block;
min-width: 20px;
margin-top: 40px;
}
.headleft p {
display: inline-block;
}

.mi {
max-width: 100%;
}
@media (max-width: 400px) {

.pagination li {
width: 12px;
height: 20px;
font-size: 6px;
}
.te {
position: relative;
top: -5px;
}
}
.sa-hero-banner-img-wrapper {
position: relative;
width: 100%;
padding-bottom: 49%;
min-height: 300px !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
overflow: hidden;
text-align: right;
}
@media (min-width: 1000px) {
.sa-hero-banner-img-wrapper {
padding-bottom: 0 !important;
height: 500px;
}
}
.cont {
width: 100%;
margin-right: auto;
margin-left: auto;
}
#searchcont {
display: none;
background-color: #F8F8F8;
border-left: 1px solid #ddd;
}
.searchbar {
margin-top: 15px;
}
#headright {
display: block;
}
.searchbtn {
width: 30px;
height: 30px;
background-size: 19px 19px;
background-repeat: no-repeat;
background-position: center;
float: right;
}
.btnsearch {
border-radius: 0 .25em .25em 0;
background-color: white;
}
.key {
border: 1px solid #4ba82e;
border-right: none;
font-family: 'skoda';
border-radius: 5px 0px 0px 5px !important;
}
.form {
display: inline;
}
#quit {
position: absolute;
top: 0;
right: 0;
height: 15px;
width: 15px;
background-repeat: no-repeat;
z-index: 1;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
#mo {
position: absolute;
z-index: 2;
top: 70px;
}
#hidd {
position: absolute;
z-index: 2;
background-color: white;
}
.mn {
border-bottom: 1px solid #ddd;
}
.mn p {
font-size: 18px;
}
#filter {
position: absolute;
z-index: 1;
min-height: 100%;
background-color: black;
opacity: 0.3;
}
.imggamme {
height: 100px;
width: auto;
margin-left: auto;
margin-right: auto;
}
.ce {
font-family: "skodabold";
color: black;
}
.navgamme {
background-color: white;
}
img.imggamme {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
img.imggamme:hover {
-moz-transform: scale(1.10);
-webkit-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
opacity: 1;
}
.mogamme {
margin-top: 30px;
font-size: 35px;
text-align: center;
}
.responmenu {
width: 40px;
height: 40px;
position: absolute;
top: 15px;
right: 4px;
}
.responmenuhide {
width: 40px;
height: 40px;
position: absolute;
top: 15px;
right: 4px;
}
#responmenuhide {
z-index: 3;
}
.responmodeles {
position: absolute;
top: 15px;
right: 44px;
}
.responmodeleshide {
position: absolute;
top: 15px;
right: 44px;
}
#responmodeleshide {
z-index: 3;
}
#search {
margin-top: 22px;
}
.j {
border-left: 1px solid #ddd;
}