
/* REGISTER */

.body_register { background-color:#f6f6f4;}
#main_content {margin-top:90px;}

/*#fd_inscription_haut { background:url("../medias/register/fd_haut.png") no-repeat scroll center top;  padding-top:118px;}
#fd_inscription_bas { background:url("../medias/register/fd_bas.png") no-repeat scroll center bottom;  padding-bottom:38px;}*/
#container_register { position:relative; /*background:url("../medias/register/fd_corps.png") repeat-y scroll center top;*/ padding: 40px 10px 10px 10px; overflow: hidden;}
#langue_holder {position: absolute; top:0; left:0px;  width:100%; text-align: center;}
#langue_holder .langue { position: relative; left:0; top:-75px; display: block; margin:0 auto;}

#container_register .intro { margin:30px 0px 20px 0px;}
#container_register .or { background:url("../medias/register/fd_or.jpg") no-repeat scroll center center; position:relative; margin:20px 0px 20px 0px;}
#container_register .or span { background-color:#FFF; padding:0px 5px;}


#container_register label { display:inline;}

#container_register .col-xs-12 { overflow:hidden; position:relative;}

#container_register .part_form, #container_register .part_form_r  { width:420px; position:relative; text-align:right; float:left;}

#container_register .part_form  { margin-left:100px;}
#container_register .part_form_r { margin-left:25px;}
#container_register #champs input { margin-bottom:5px; width:210px;}
#container_register #champs label { color:#000000; margin-right:5px;}
#container_register #champs { margin-bottom:20px;}

#container_register .btn { padding: 2px 30px 4px 30px; margin-bottom:10px;}

#container_register .conditions, #container_register .doubleoptin { margin-bottom:30px; color:#000000;}
#container_register .conditions a, #container_register .doubleoptin a { margin-right:10px;font-family: Ubuntu,courier;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #000000;}
.body_de #container_register .conditions a { margin-right:0px;}

#container_register .obligatoire { margin-top:5px; font-size:11px; color:#919191;}
#container_register .erreur { display: none; margin-top:5px; font-size:11px; color:#f33034; font-weight:700;}

#container_register .legende { color:#9f9f9f; font-size:11px; padding:0px 120px; margin-top:30px;}

#container_register .cgu {color:#000; text-decoration: underline;}
#container_register .styled-select {width:90px; margin-right: 124px;}


.ie8 #container_register .part_form_r  { width:440px;}

/*REGISTER ADDITIONAL */

#mbr_avatar{display:none;}

#container_register_additional {padding-top: 44px; padding-bottom: 24px;}
#container_register_additional .intro {margin: 20px 0 15px 0;}

#container_register_additional .picture_profile { position: relative; background: url("../medias/register/profile_picture_bg.png") no-repeat;  height: 73px; width: 73px; margin: 18px auto 5px auto;}

#container_register_additional .picture_profile img { position:absolute; top: 7px; left: 7px; display: block;}
#container_register_additional input {margin-bottom: 5px;}
#container_register_additional label {margin-bottom: 7px;}
#container_register_additional .user_block {padding-top: 66px;}
#container_register_additional #mbr_birthdate {width:100px;}
#container_register_additional #mbr_zipcode {width:54px;}
#container_register_additional .foyer label {margin-right: 10px; vertical-align: bottom; margin-bottom: 0; display: block; float:left;}
#container_register_additional .vous_et_mccain .title {margin-bottom: 20px; padding-left: 30px;}
#container_register_additional .row_1 {margin-bottom: 40px;}
#container_register_additional .retailer label {font-size:12px;}

#container_register_additional .label_block label {display:block;float:left;margin-right: 10px;text-align:right;width:140px;}
#container_register_additional .label_block div {clear:both; overflow: hidden;}

#container_register_additional .birthdate_block .styled-select {clear: none;float: left;margin-right: 5px;width: 70px;}
#container_register_additional .validate {margin-bottom: 0; margin-left:5px; padding-top:1px; padding-bottom: 2px;}
#container_register_additional .later a {padding-top: 3px; padding-bottom: 3px;}

#container_register_additional .vous_et_mccain .product img { max-width: 140px; max-height: 140px;}


.birthdate_block {margin-bottom: 2px;}
.birthdate_block #mbr_birthdate_year {width: 80px;}
.birthdate_block #mbr_birthdate_month, .birthdate_block #mbr_birthdate_day {width: 80px;}

.ie8 .styled-select { width:214px; }
.ie8 .styled-select select {width:240px;}
.ie8 #container_register_additional .birthdate_block {width:400px;}
.ie8 #container_register_additional .birthdate_block .styled-select {width:68px;}
.ie8 #container_register_additional .birthdate_block .styled-select select{width:100px;}
.ie8 #container_register_additional .foyer label {/* display: block; float:left;*/}
.ie8 #container_register_additional .foyer .styled-select  {margin-right: 40px;}

/* REGISTER END */

/*#main_content {margin-top:180px;}*/
/*#fd_inscription_end_haut { background:url("../medias/register/fd_haut_end.png") no-repeat scroll center top; padding-top:23px;}
#fd_inscription_end_bas { background:url("../medias/register/fd_bas_end.png") no-repeat scroll center bottom; padding-bottom:38px;}*/
#container_register_end { position:relative; /*background:url("../medias/register/fd_end.png") repeat-y scroll center top;*/ padding:30px 60px; overflow: hidden;}

#container_register_end #entete p { margin:20px 0px;}
#container_register_end h2 { margin-bottom:30px;}
.points { color:#ec8500; font-weight:bold;}

#container_register_end .col-sm-4 { min-height:550px; padding-bottom:60px;}
#container_register_end .col-sm-4 .btn_org { position:absolute; bottom:30px; width:400px; margin-left:-200px; left:50%;}

.notation {
	width: 135px;
    margin: 0 auto;
}

.notation a {
	display:block;
	width:25px;
	height:20px;
	float:left;
	margin-left:2px;
	overflow:hidden;
	background: transparent url(../../medias/account/coeur-spr.png) no-repeat top left;
}
.notation a.active, .notation a:hover {
	background-position: bottom left;
}
.org {
	color:#ec8500;
}

.box-conditions {
	padding-top:55px;
}
.box-conditions #popin_content {
	width:550px;
	height:300px;
	overflow-y:scroll;
}


/* xs, @1x */
@media screen and (max-width: 767px) {

	#container_register .legende {padding: 0 15px;}
	#container_register .part_form, #container_register .part_form_r {float: none; width: auto; margin: 0 auto; text-align: center;}
	#container_register label {display: block; margin: 0 auto;}

	#container_register_additional .label_block label, #container_register_additional .foyer label {display: block; margin: 0 auto; float: none; text-align: center; margin-bottom: 5px;}
	#container_register_additional .column {float:none; text-align: center;}
	#container_register_additional .birthdate_block {margin-top: 35px;}
	#container_register_additional .birthdate_block .styled-select {float: none;}
	#container_register_additional .user_block {padding-top: 0px;}

	#container_register_end {padding-left: 20px; padding-right: 20px;}
}

/* sm, @1x */
@media screen and (min-width: 768px) {

  #container_register .part_form, #container_register .part_form_r {float: none; width: auto; margin-right: 100px;}
}

/* md, @1x */
@media screen and (min-width: 992px) {
	#container_register .part_form {margin-left: 0;}
	#container_register .part_form, #container_register .part_form_r  { width:420px; margin-right: 0px; position:relative; text-align:right; float:left;}
}

/* lg, @1x */
@media screen and (min-width: 1200px) {
     #container_register .part_form {margin-left: 100px;}

}