@charset "UTF-8";

/*Popup*/
#fond_trans_popup{
	position:fixed;
	left:0;
	top:0;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color: #333333;
	background-color: rgba(0, 0, 0, 0.8);
	z-index:3000;
}

#fond_trans_popup_cons{
	
	background: none repeat scroll 0 0 #FFFFFF;
	width: 750px;
}

@media screen{
body>div#fond_trans_popup{
	position: fixed;
}

}

#popup{
	position:absolute;
	width:750px;
	height:510px;
	top:50%;
	left:50%;
	margin:-255px 0 0 -375px;
}
#header_popup{
	font-family: "europe_undergroundlight", Helvetica, Arial, sans-serif;
	position:absolute;
	width:100%;
	padding-top:10px;
	height:50px;
	color:#000;
	font-size:24px;
	line-height:60px;
	text-align:center;
	text-transform: uppercase;
}
#panier_popup{
	position:absolute;
	left:30px;
	top:12px;
}
#croix_popup{
	display: block;
	height: 20px;
	width: 20px;
	position:absolute;
	right: 17px;
    top: -28px;
	margin-top:12px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#boutons_popup{
	width: 738px;
	padding-top:70px;
	background-color:#ffffff;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	text-align: center;
}
#bouton_gauche_popup{
	width:215px;
	//padding-left:60px;
	height:100%;
	//float:left;
	display: inline;
}
#bouton_gauche_popup div{
	margin:auto;
}
#bouton_droite_popup{
	width:215px;
	//padding-right:60px;
	height:100%;
	//float:left;
	display: inline;
}
#bouton_droite_popup div{
	margin:auto;
}
#xsell_popup{
	width:738px;
	padding-left:12px;
	height:324px;
	padding-top:26px;
	background-color:#ffffff;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
#vignette_popup{
	width:179px;
	height:220px;
	float:left;
	text-align:left;
	margin-right:12px;
	border:1px solid #e7e6e7;
}
div#nom_popup{
	height:40px;
	padding-top:8px;
	text-align:left;
	font-style:italic;
	font-size:14px;
	margin-left:5px;
	margin-bottom:10px;
}
div#prix_popup{
	text-align:left;
	font-weight:bold;
	color:#47a0bf;
	line-height:26px;
	margin-left:5px;
	font-size:14px;
}
#titre_propose_popup{
	display:block;
	color:#509722;
	font-family: "sunshine_in_my_soulregular", Helvetica, Arial, sans-serif;
	font-size:20px;
	margin-bottom:20px;
	font-weight:bold;
}
#boutons_popup center{
	color:#47a0bf;
	font-family: "europe_undergroundlight", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:16px;
	margin-bottom:30px;
	font-weight:bold;
}

#popup_cons{
	position:absolute;
	width:750px;
	height:630px;
	top:50%;
    left:50%;
    margin:-275px 0 0 -375px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background-color:#FFFFFF;
	padding-top:20px;
	text-align:left;
}

#popup_cons h3{
	color:#47a0bf;
	font-size:15px;
}

#popup_cons iframe{
	margin-top:20px;
}

.radio_conseil{
	margin-left:20px;
}

#popup_max_ventes{
	position:absolute;
	width:750px;
	height:150px;
	top:50%;
    left:50%;
    margin:-275px 0 0 -375px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background-color:#FFFFFF;
	padding-top:20px;
	text-align:left;
}

#popup_max_ventes h3{
	color:#e9530d;
	font-size:15px;
}

/* Pop-up Navigateurs */

#fond_trans_popup_nav{
	width:783px;
	height:364px;
	font-family:Arial, sans-serif;
	color:#5a5a5a;
	text-align:center;
}

#titre_popup_nav{
	font-size:18px;
	text-transform:uppercase;
	margin:32px 0px 0px 0px;
	padding:0px;
	text-align:center;
}

#texte_popup_nav{
	font-size:16px;
	margin:40px auto 0px auto;
	padding:0px;
	line-height:28px;
	text-align:center;
	width:710px;
}

#conteneur_popup_nav{
	width:616px;
	height:185px;
	margin:46px auto 0px auto;
}

#ie_popup_nav{
	width:92px;
	height:185px;
	margin-right:170px;
	float:left;
}

#chrome_popup_nav{
	width:92px;
	height:185px;
	margin-right:170px;
	float:left;
}

#firefox_popup_nav{
	width:92px;
	height:185px;
	float:left;
}

.lien_popup_nav{
	margin:29px auto 0px auto;
	padding:0px;
	font-size:14px;
	text-align:center;
	width:60px;
	color:#939395;
	text-decoration:underline;
}

.lien_popup_nav span{
	color:#252930;
	text-decoration:none;
}

a:hover .lien_popup_nav{
	text-decoration:none;
}

@media (max-width: 800px) {
	#popup {
		position: relative !important;
		width: 100% !important;
		left: 0px !important;
		margin: 0 !important;
		top: 20% !important;
	}
	#popup #header_popup {
		width: 98%;
	}
	#popup #header_popup #panier_popup {
		position: relative;
	}
	#popup #boutons_popup {
		width:  100%;
		padding-top: 200px;
	}
	#popup #xsell_popup {
		width: 100%;
	}
}

/* Fin Pop-up Navigateurs */