:root{
	--peugeot_blue: #162133;
	--text_ebebeb: #EBEBEB;
	--lightslategray: #8691A3;
	--background2: #232E3E;
	--background3: #303C4E;
	--background4: #3D4A5E;
	--heightScreen: 100vh;
	--widthtScreen: 100vw;
	/*--logoPosition: etat scroll*/
}

html, body{
	margin : 0;
	width: 100vw;
	height: var(--heightScreen);
	color: var(--peugeot_blue);
	cursor: default;
	font-family: 'Rubik', sans-serif;
	background-color: var(--peugeot_blue);
}

footer{
	width: 100vw;
	background-color: var(--peugeot_blue);
	display: flex;
	flex-direction: row;
	flex-align: center;
	justify-content: space-around;
	color: var(--lightslategray);
	padding: 10px;
	font-size: 1em;
	position: absolute;
	bottom: 0px;
}
footer a{
	color: var(--lightslategray);
}
footer a:hover{
	color: var(--background4) !important;
	text-decoration:none;
}

#bgpopup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: var(--heightScreen);
	z-index: 1010;
	background-color: rgba(22,33,51,0.8);
}
#popup{
	margin: calc(var(--heightScreen)*0.05) 5vw;
	padding: 3%;
	width: 90vw;
	height: calc(var(--heightScreen)*0.9);
	background-color: var(--text_ebebeb);
}
#popup span.icon#closepopup{
	position: absolute;
	z-index: 1011;
	right: 5.5%;
	top: calc(var(--heightScreen)*0.06);
	color: var(--peugeot_blue);
	font-size: 1.5em;
}
#popup span.icon#closepopup:hover{
	color: darkred;
}

#popup div{
	height: 100%;
	overflow-y: auto;
}


hr{
	margin-top: 0;
	margin-left: 0;
	width: 75%;
	border-top: 3px solid var(--peugeot_blue);
}

#editeur{
	background-color: white;
	height: 300px;
}

.onoffswitch {
    position: relative; width: 89px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 30px; padding: 0; line-height: 30px;
    border: 2px solid #999999; border-radius: 30px;
    background-color: var(--lightslategray);
    transition: background-color 0.3s ease-in;
    margin: 0;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 30px; margin: 0px;
    background: #EBEBEB;
    position: absolute; top: 0; bottom: 0;
    right: 57px;
    border: 2px solid #999999; border-radius: 30px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: var(--peugeot_blue);
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: var(--peugeot_blue);
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

.alignervert{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
.alignervert *:first-child{
	padding-right: 10px;
}

.form-control{
	width: auto;
}
.form-control-long{
	width: 100%;
}

.mb-price{
	width: 30%;
}

.photovoi, #voiprevimg{
	background-position:center;
	background-size: cover;
	margin-bottom: 10px;
}

.photovoi{
	width: 90%;
}
#popup h1{
 	text-align: center;
 	color: var(--peugeot_blue);
}

#validecookie{
 	background-color: rgba(22,33,51,0.8);
 	color: var(--text_ebebeb);
 	position: fixed;
 	bottom: 0px;
 	border-top: 1px var(--lightslategray) solid;
 	width: 100%;
 	padding: 5px;
 	z-index: 1000;
}
#validecookie p{
	width: 100%;
	text-align: center;
	margin: 0;
}
#validecookie a{
	margin: 0px 5px;
	text-decoration: underline;
}

#contactbutton{
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
}

div.alert{
	height: auto !important;
} 

.popover{
	z-index: 5000;
}

fieldset{
	border: 2px solid var(--peugeot_blue);
	padding: 1em;
}
fieldset legend{
	width: auto;
}

#social #___plusone_0 iframe{
	height: 20px !important;
}