body {
    margin:0;
    padding:0;
}
#fond {
    background-color: rgba(0, 0, 0, 0.5);;
    display: none; 
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}

#popup {
width:50%;	
/*background-color:#fff;*/
background-image:url('img/boncadeau/bon-cadeau.png');
	background-size: 100% auto;
	background-position:center;
z-index:1001;
position:absolute;	
margin-left:-25%;
left:50%;
box-shadow: 0px 10px 10px rgba(0, 0, 0, .2);	
margin-top: 50vh;
transform: translateY(-50%); 
display:flex;
}

@media screen and (max-width:600px){
	#popup {
width:70%;	
/*background-color:#fff;*/
background-image:url('img/boncadeau/bon-cadeau.png');
z-index:1001;
position:absolute;	
margin-left:-35%;
left:50%;
box-shadow: 0px 10px 10px rgba(0, 0, 0, .2);	
margin-top: 50vh;
transform: translateY(-50%); 
}
}

#close {
position:absolute;
top:0;
right:0;
 width: 50px;
    height: 50px;
     font-size:20pt;
	line-height:1.5em;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'Nobile', sans-serif;
	color:#fff;   
    text-align: center;  
cursor: pointer;    
}


#interieur-popup{
	position:relative;
	width:100%;
	margin:auto;	
}

#interieur-popup img{
	max-width:100%;
	overflow:hidden;
	margin:auto;
	display:block;
	
}

.vert{
color:#7ed349;
	
}

.tresgrand{
color:#7ed349;
font-size:30pt;
}

.textebold{
font-family: 'Montserrat', sans-serif;
color:#fff;
font-size:20pt;

line-height:2em;
text-align:center;
}



#logocab{
	position:relative;
	width:200px;
	margin:auto;
	display:flex;
	align-items:center;
	padding-top:20px;
	padding-bottom:20px;
}

#logocab img{
	width:100%;
}

#contenudeuxtiers{
	padding-left:20px;
	padding-right:20px;
	text-align:center;

}

.lignebout{
width:40%;
margin:auto;
}

a .boutoncentrevert3{
background-color:#7ed349;
padding-top:10px;
padding-bottom:10px;
}

a:hover .boutoncentrevert3{
background-color:#e54132;
padding-top:10px;
padding-bottom:10px;
}