@font-face{font-family:'Eras';font-style:normal;font-weight:normal;font-display:swap;src:url('https://www.rentcar66.com/ITCErasStd-Medium.woff2')format('woff2'), url('https://www.rentcar66.com/ITCErasStd-Medium.woff')format('woff'), url('https://www.rentcar66.com/ITCErasStd-Medium.ttf')format('truetype')}
@font-face{font-family:'Eras';font-style:normal;font-weight:bold;font-display:swap;src:url('https://www.rentcar66.com/ITCErasStd-Bold.woff2')format('woff2'), url('https://www.rentcar66.com/ITCErasStd-Bold.woff')format('woff'), url('https://www.rentcar66.com/ITCErasStd-Bold.ttf')format('truetype')}

body{
	font-size:110%;
	font-family:'Eras',Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	color:black;
	background-color:#fff;
	text-align:justify;
	line-height:25px;
}

.oneColFixCtr #container{
	width:1200px;
	background:#fff;
	margin:0 auto;
	text-align:justify;
    position:relative;
}

.oneColFixCtr #mainContent{
	margin:0px;
}

article{
	margin-top:120px;
}

h1{font-size:calc((100vw - (100vw - 1200px)) / 25);color:var(--color);text-align:center; text-transform:uppercase;padding:0;margin:0;line-height: normal;}

h2{font-size:140%;margin-top:40px; padding:10px 10px 10px 10px; width:auto; text-align:center; clear:both; color:#000}

h3{font-size:110%;padding:10px 0px 0px 0px;margin-bottom:-10px;clear:both;}

p{padding:0 5px}
.menu_ul{
    height: 50px;
    padding: 0;
    margin: auto;
    width: 100%;
    line-height: 20px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 1;
    text-align:center;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--color);
    text-transform: uppercase
}

.level1, .level0{
    width:198px;
    padding:0 10px;
    position:relative;
    z-index:2;
    height:50px;
    line-height:48px;
    background-color:var(--color);
    color:#fff;
}

.level1 a{
    display:inline-block;
    vertical-align:middle;
    line-height:normal;
    cursor:pointer;
    width: 100%;
    line-height: 50px;
    color:#fff;
    text-decoration: none;
}

.level0 a{
    cursor:pointer;
}

.level1:hover, .level0:hover{
    background-color:var(--color_over);
}

.level0{
    display:none;
}

.copyright{
    text-align:center; 
}

.billet_div{
  width:90%;
  margin: auto;
  padding:10px;
  box-shadow: 0px 0px 5px 1px #00000063;
  margin-top:20px
}
.billet_titre{
    margin:0 0 10px 0;
}
.billet_description{
    width:68%;
    display: inline-block;
    padding-right:10px
}
.billet_image{
    width:30%;
    height: auto;
    float:right;
}
.billet_prix{
     margin:10px 0 0 0;
    width:100%;
    background-color:#008893;
    display: inline-block;
    text-align:center;
    font-weight:bold;
    color:#fff;
    line-height:3em;
    text-decoration: none;
    text-transform:uppercase;
    font-size:140%
}

.image{
    max-width: 100%;
    margin-bottom: 0px!important;
    margin-right: 0px !important;
    float: none !important;
    aspect-ratio: 3/2;
    height: auto;
}

.carte{
    max-width: 100%;
    margin-bottom: 0px!important;
    margin-right: 0px !important;
    float: none !important;
    height: auto;
}

.top-right {
  position: absolute;
  top: 0px;
  right: 8px;
}

@media only screen and (max-width:1179px){
    
    .oneColFixCtr #container{
        width:100%;
    }

    .level0{
        display:block;
        width:100%;
        font-size:220%;
    }
    
    .level1{
        display:none;
        width:100%;
    }
    
    .level0 a, .level1 a{
        width:100%;
        display:inline-block;
    }
    
    h1{font-size:calc(100vw / 14)}

}

@media only screen and (max-width:1000px){
    .billet_description{
    width:100%;
}
.billet_image{
    width:100%;
    height: auto;
    float:none;
    margin-top:10px
}
}
