/*###################################### New Popup ################################ */


html, body {
	overflow: auto;
	margin:auto;
	width:100%;
}

#popup_frame {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -625px;
    margin-top: -400px;
    z-index: 65;
}

#popup_top {
    position: relative;
    width: 1250px;
    height: 475px;
    z-index: 55;
}

#popup_v2 {
    position: absolute;
    left: 0%;
    top: 0%;
    margin-left: 325px;
    margin-top: 225px;
    width: 600px;
    min-height: 350px;
    z-index: 65;

    /*border-radius: 5px 5px 5px 5px;
    border-width: 3px;
    border-style: solid;
    border-color: #858585;
    padding: 20px;*/
}

#popup_bottom {
    position: relative;
    left: 50%;
    top: 50%;
    width: 1250px;
    min-height: 500px;
    margin-left: -625px;
    margin-top: -282px;
    /*margin-top: -600px;*/
    z-index: -1;	/* Pour mettre cette partie derrière son conteneur*/
}

/*
#popup_v3 {
	position:absolute;
	left: 50%;
	top: 40%;
	width: 600px;
	min-height: 350px;
	margin-top: -200px;
	margin-left: -325px;
	z-index : 100;
	background-color: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border: 5px solid #6B6B6B;
	padding:20px;
}*/
#fond {
	margin:auto;
	width:100%;
    height:100%;
	position: absolute;
	top: 0px;
	left:0px;
	z-index : 50;
	background-color: black;
	opacity : 0.6; 
    -moz-opacity : 0.6; 
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */ 
    filter : alpha(opacity=60); /* IE < 8 */ 
  }

#popfooter {
	/*visibility: hidden;*/
    position : fixed;
    bottom : 0;
	left: 50%;
	height:30px; 
	width:800px;
	text-align: center;
	padding-top: 10px;
	margin-left:-400px;
	z-index : 60;
	color:white;
}


#popup_v2 .title {
	float: left;
    font-family: 'Arvo',serif;
    font-size: 20px;
    max-width: 585px;
    min-height: 35px;
    padding-bottom:5px;
    overflow: hidden;
    text-align: left;
    width: auto;
    text-transform: uppercase;
}


#popup_v2 .close, #popup_v2 .closed {
    color: #6B6B6B;
    float: right;
    font-size: 30px;
    margin-right: -14px;
    margin-top: -6px;
    cursor:pointer;
 }

#popup_v2 .separator{
background-color:#6B6B6B; 
clear:both;
height:2px;
width:100%;
margin-bottom:20px;
}

#content_popup{
    min-height:240px;
}


#offer_description {
width:auto; 
margin:0 auto; 
height:auto;
min-height:80px;
}

#offer_description .image_offer{
}

#offer_description .image_offer img{
    margin-right:15px;
}


#offer_description .description {
    font-size: 15px;
    line-height: 20px;
    text-align:justify;
    color:#333333;
    height:auto;
}

p.connect{
text-align: center;
width: auto;
font-size:20px; 
color:#6B6B6B;
font-family:'Arvo',serif;
margin:20px 0;
}
.fbtw_button {
    width:600px;
}

.newsletter_button {
    width:600px;
    text-align:center;
    margin-bottom:30px;
}

.bouton-auth {
float: left;
left: 50%;
margin: 0 auto 30px -175px;
position: relative;
/*width: 350px;*/
}

.gg_share_button {
    float: left;
    left: 50%;
    margin: 20px auto 30px -135px;
    position: relative;
}

.gg_share_box {
    margin: 100px auto auto auto;
    position: relative;
}

.provider_share_button {
    float: left;
    left: 50%;
    margin: 20px auto 30px -135px;
    position: relative;
}

.sixbuttons {
    width: 535px;
    margin: 0 auto 30px -255px;
}

.fivebuttons {
    width: 535px;
    margin: 0 auto 30px -255px;
}

.fourbuttons {
    width: 350px;
    margin: 0 auto 30px -175px;
}

.threebuttons {
    /*width: 535px;*/
    margin: 0 auto 30px -255px;
}

.onebutton {
    margin: 0 auto 30px -89px;
}

.bouton-auth input {
height: 38px; 
width:155px; 
float:left; 
margin-left:13px; 
border:none;
}

#popup_v2 .dashed{
clear:both;
height:1px;
width:100%;
border-bottom:1px dashed #858585;
}

p.why {
/*text-align: justify;*/
width: auto;
font-size:12px; 
color:#6B6B6B;
margin-bottom:0;
}

/*############################### sbLike */
.bloc_providers {
    width:auto;
    margin-top:40px;
    margin-left:220px;
}

#bloclikefb {
width:auto;
margin-left:70px;
margin-top:20px;
min-height:90px;
}


.img_fleche {
    margin-left:160px;
    /*display:none;*/
}


/*dans popup follow */
/*
.follow_button {
    -moz-user-select: none;
    width: 61px;
    display: inline-block; 
    height:22px;
}

.en_US {
background: url("http://platform.twitter.com/widgets/images/follow_button/blue/en.9530b7e7dba1551550507315591d061b.png") no-repeat scroll 0 0 transparent;
}

.fr_FR {
background: url("http://platform.twitter.com/widgets/images/follow_button/blue/fr.65faeb58e28548b796994ec792e2b28a.png") no-repeat scroll 0 0 transparent;
}


.follow_button:hover, .follow_button:focus {
    background-position: 0 -25px;
    text-decoration: none;
}
.follow_button:active, .follow_button:active {
    background-position: 0 -50px;
    text-decoration: none;
}

.follow_button b, .follow_button b {
    visibility: hidden;
}
*/


/* ############################## AuthMail  */
#popup-content {
min-height:230px;
}

#popup-content .thanks{
text-align:center;
font-size:14px;
}

#popup-content .email{
font-size:18px;
margin-top:20px;
text-align:center;
}

#popup-content .newsletter{
width:100%;
text-align:center;
margin:20px auto 0;
}

.newsletter label{
font-size:12px;
display:inline;
}


#popup-content .get_it { /*attention � bien penser � la langue*/
font-size:18px;
margin-top:0px;
text-align:center;
/*width:280px;
left:50%;
position:relative;
margin-left:-140px;*/
}


#popup-content .confirm_it {
    font-size:18px;
    margin-top:0px;
    text-align:center;
/*width:360px;
margin-left:-180px; 
float:left;
left:50%;
position:relative;*/
}


/*#popup-content .confirm_it-fr, .confirm_it-es, .confirm_it-de, .confirm_it-it, .confirm_it-ch {
width:260px; 
margin-left:-130px; 
float:left;
font-size:18px;
margin-top:0px;
left:50%;
position:relative;
}*/

/*####################################### coupon.html */
#popup-content .popup_coupon {
width:400px;
border:3px dashed #6B6B6B;
margin:0 auto;
height:auto;
border-radius:5px;
}

#popup-content .affichage_coupon {
	color: #858585;
    font-size: 25px;
    min-height: 40px;
    margin-top: 25px;
    text-align: center;
    width: 400px;
/*vertical-align:middle;*/ 
}

.separateur_coupon {
clear:both; 
/*background-color : #6B6B6B; */
height:1px;
margin:10px auto;
width:250px;
}

#popup-content .info_coupon {
    color: #858585;
    font-size: 14px;
    height: auto;
    margin: 20px 0 5px 0;
    text-align: justify;
    width: 390px;
    min-height: 35px;
    padding:10px 5px 0 5px;
    border-top:dashed 1px #6B6B6B;
}

.ciseaux {

    float: left;
    margin-left: 10px;
    font-size: 30px;
    margin-top:-20px;
    background-color: #FFFFFF;
    padding: 0 8px 0 3px;
    position: absolute;
}



/******************************************** INSTANT WINNER *******************/
.hr {
    visibility: hidden;
    clear:both;
    margin:0;
}

.hrwinloose{
    background-color: #CCCCCC;
    border: medium none;
    height: 1px;
    margin: 0 auto 30px;
    text-align: center;
    visibility: visible;
    width: 400px;
}

.button_instantwinner{
    text-transform: uppercase;
    margin:10px 0 0 0;
}

.msg {
    margin-top:0;
    font-size:14px;
    text-align: center;
}

.pouce {
    margin: -15px 10px 0 0;
    vertical-align:middle;
    max-width:50px;
}

.htitle{
    text-align:center;
    font-size:28px;
    margin-bottom:0;
}


.popup_coupon_instantwinner {
    /*max-width:390px;*/
    border:2px dashed #858585;
    margin:0 auto;
    height:auto;
    border-radius:5px;
}

.affichage_coupon_instantwinner {
    color: #858585;
    font-size: 18px;
    min-height: 20px;
    text-align: center;
    margin: 5px 15px 8px;
    font-weight : bold;
    position: relative;
    /*vertical-align:middle;*/
}

.affichage_coupon_instantwinner2 {
    color: #858585;
    font-size:14px;
    margin:5px 25px 8px;
    font-weight:normal;
    min-height: 20px;
    text-align: center;
    position: relative;
}


.separateur_coupon_instantwinner {
    clear:both;
    /*background-color : #6B6B6B; */
    height:1px;
    margin:auto;
    width:250px;
}

.info_coupon_instantwinner {
    color: #858585;
    font-size: 14px;
    height: auto;
    margin: 20px 0 5px 0;
    text-align: justify;
    width: 390px;
    min-height: 35px;
    padding:10px 5px 0 5px;
    border-top:dashed 1px #6B6B6B;
}

.confirm_it-fr_iw, .confirm_it-es_iw, .confirm_it-de_iw, .confirm_it-it_iw, .confirm_it-ch_iw {
    width:260px;
    margin-left:-130px;
    float:left;
    font-size:18px;
    margin-top:0px;
    left:50%;
    position:relative;
}

.confirm_it-de_iw {
    width:365px;
    margin-left:-165px;
    float:left;
    font-size:18px;
    margin-top:0px;
    left:50%;
    position:relative;
}

/*######################################## QUIZ */

.progress {
    background-color: #F5F5F5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    overflow: hidden;
}

.progress-bar {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

.txtarea_bootstrap {
    border: 2px solid rgb(204, 204, 204); color: rgb(119, 119, 119);
    margin-top: 0px;
    padding: 5px;
    font-size: 13px;
    background-color:#FFFFFF; border-radius:4px;
    display:inline-block;
    line-height:20px;
    vertical-align:middle;
}


.txtarea_bootstrap:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/*######################################## Share */
#popup-content .textarea {
width:350px;
margin:20px 0 10px -175px;
left:50%;
position:relative;
float:left; 
background:url('http://c1430.r30.cf2.rackcdn.com/popup/content.jpg') no-repeat scroll 0 0 transparent; 
padding:5px 7px; 
height:105px;
}

#consigne {
border-top: 1px solid #DCDCDC; 
font-size: 9px; 
margin-left: 5px; 
padding-top: 1px; 
width: 335px;
}

#consigne .url {
float:left; 
width:220px;
}

#consigne .decompte {
float:right; 
width:110px;
}



.value {
float:left; 
height: 60px; 
margin-left: 10px; 
width: 75px; 
background: url('http://c1430.r30.cf2.rackcdn.com/popup/coupon.png') no-repeat scroll 0 0 transparent; 
}

.fleche {
width:150px; 
float:left;
}

.fleche span {
font-family: 'Dancing Script'; 
font-size: 18px; 
line-height: 20px;
}

.fleche img {
margin:0 0 0 40px;
}


.bloc_follow {
    width:auto;
    margin-left:160px;
    margin-top:40px;
}

.image_twitter{
float:left; 
}

.name_twitter{
float:left; 
width:120px; 
margin:5px 15px; 
color:#2276BB;
}

.follow_twitter{
float:left; 
width:60px; 
margin:5px 5px 5px 20px;
}




#fblogin {
background: url("../popup/FB_button.png") no-repeat scroll 0 0 transparent;
}
#fblogin:hover{
background: url("../popup/FB_button.png") no-repeat scroll 0 -55px transparent;
cursor: pointer;
}
#fblogin:active{
background: url("../popup/FB_button.png") no-repeat scroll 0 -110px transparent;
cursor: pointer;
}

#email_button {
    background: url("../popup/Email_button.png") no-repeat scroll 0 0 transparent;
}
#email_button:hover{
    background: url("../popup/Email_button.png") no-repeat scroll 0 -55px transparent;
    cursor: pointer;
}
#email_button:active{
    background: url("../popup/Email_button.png") no-repeat scroll 0 -110px transparent;
    cursor: pointer;
}

#fblogin.centerfb{
    margin-left: 28%;
}
#fblogin.with_emailnottwitter{
    margin-left: 19%;
}


#spread {
text-align: center;
width: 600px;
height:50px;
margin-left: 35px;
}

#spread a {
color:#6B6B6B;
}

#spread a:hover {
text-decoration: none;
}

/*########## etape 2 ####*/
#affichage_value {
text-align:center; 
font-weight:bold; 
font-size:14px; 
margin:5px 0;
height:60px;
width:600px;
}

#affichage_value .texte{
	float: left;
    height: 48px;
    line-height: 48px;
    margin: 4px 0 0 125px;
    text-align: right;
    width: 200px;
}

#affichage_value .forme_coupon{
float:left; 
height: 60px;
margin-left: 10px; 
width: 75px; 
background: url('http://c1430.r30.cf2.rackcdn.com/popup/coupon.png') no-repeat scroll 0 0 transparent;
}

#affichage_value .amount{
height: 20px;
padding-top: 20px; 
text-align: center; 
width: 70px;
}

.fleche_texte {
font-family: 'Dancing Script'; 
font-size: 18px; 
line-height: 20px;
float:left; 
width:85px; 
}

/* #################### community ######################*/
#bloc_Facebook {

}

#bloc_Twitter {

}



/*####################### spage #####################*/
/*#twitter_button2{
background: url("http://c1430.r30.cf2.rackcdn.com/spage/Twitter_button2.png") no-repeat scroll 0 0 transparent;
}
#twitter_button2:hover{
background: url("http://c1430.r30.cf2.rackcdn.com/spage/Twitter_button2.png") no-repeat scroll 0 -55px transparent;
cursor: pointer;
}
#twitter_button2:active{
background: url("http://c1430.r30.cf2.rackcdn.com/spage/Twitter_button2.png") no-repeat scroll 0 -110px transparent;
cursor: pointer;
}

#facebook_button2{
background: url("http://c1430.r30.cf2.rackcdn.com/spage/Facebook_button2.png") no-repeat scroll 0 0 transparent;
}
#facebook_button2:hover{
background: url("http://c1430.r30.cf2.rackcdn.com/spage/Facebook_button2.png") no-repeat scroll 0 -55px transparent;
cursor: pointer;
}
#facebook_button2:active{
background: url("http://c1430.r30.cf2.rackcdn.com/spage/Facebook_button2.png") no-repeat scroll 0 -110px transparent;
cursor: pointer;
}*/

.cadre {
background: none repeat scroll 0 0 #cdcdcd;
    color: #FFFFFF;
    height:25px;
    width:90px;
    font-size: 1.5em;
    margin-bottom: 0.2em;
    padding: 5px;
    position: relative;
    right: 30px;
    top: -6px;
}
.coin_gauche {
border-color: transparent #cdcdcd #cdcdcd transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}

#bloc_step3 .groupdeal {
margin:10px 25px;
font-size:13px;
text-align: center;
}

#code_remise {
/*
width:170px; 
height:46px; 
font-size:15px; 
color:#F66615; 
margin:10px 80px 10px 75px; 
border:3px dashed #858585; 
text-align:center; 
background-color:white; 
padding:2px 10px 10px 10px;
*/
	background:url(/images/demo/img-coupon2.png) no-repeat scroll 0 0 transparent;
    /*background-color: white;
    border: 3px dashed #858585;*/
    color: #FF9800;
    font-size: 13px;
    height: 100px;
    margin: 15px auto 0;
    padding: 27px 10px 5px;
    text-align: center;
    width: 160px;
}

#bloc_step3{
height:75px; 
float:left; 
left:50%; 
position:relative;
margin-bottom: 0;
}


#code_remise2{
float:left; 
left:-50%; 
position:relative;
margin-top:20px;
}

.coupon-left {
background: url(/images/spread/coupon-left.png) no-repeat scroll 0 0 transparent; 
width:62px; 
height:70px; 
float:left;
}
			
.coupon-center{
background: url(/images/spread/coupon-center.png) repeat-x scroll 0 0 transparent; 
color: #FF9800; 
font-size: 13px; 
width:auto; 
height:40px; 
float:left; 
padding: 27px 10px 5px; 
text-align: center; 
min-width: 44px; 
max-width:235px; 
position:relative;
}

.coupon-right{ 
background: url(/images/spread/coupon-right.png) no-repeat scroll 0 0 transparent; 
width:59px; 
height:70px; 
float:left;
}

.coupon-left2 {
background: url(/images/spread/coupon-left2.png) no-repeat scroll 0 0 transparent; 
width:45px; 
height:150px; 
float:left;
}
			
.coupon-center2{
background: url(/images/spread/coupon-center2.png) repeat-x scroll 0 0 transparent; 
color: #FF9800; 
font-size: 13px; 
width:auto; 
height:90px; 
float:left; 
padding: 40px 10px 5px; 
text-align: center; 
min-width: 44px; 
max-width:235px; 
position:relative;
}

.coupon-right2{ 
background: url(/images/spread/coupon-right2.png) no-repeat scroll 0 0 transparent; 
width:39px; 
height:150px; 
float:left;
}

.texte_bloc {
font-size:16px; 
color:#FF9800; 
font-weight:bold; 
margin:10px auto; 
text-align:center;
}



#max_number {
clear:both; 
font-size:14px; 
margin:auto; 
padding-top:60px; 
text-align:center;
}

#fidelisation {
margin-top:5px; 
padding-left:10px;
}

/*######### share */
.share_text {
font-size: 16px; 
margin-top: 15px; 
text-align: center; 
color:#858585;
}

/*#####thanks */
#message {
width:600px;
margin-top:50px; 
font-size: 22px; 
height: auto;
text-align: center;
color:#858585;
}

/*#####confirm-participation */
.confirmation label {
padding:2px;
}

.upload_media {
    /*margin-top:50px;
    font-size: 22px;
    height: 170px;*/
}