/*---------------------------
   Gabarit pages codes promo v1.1
  ---------------------------*/

/* Pour ne pas hériter les valeurs des autres CSS (header, footer)*/
#table_main * {margin: 0;padding: 0; line-height: normal;}

/*--- Tableau à deux colonnes ---*/
#table_main {
	margin: auto;
	width: 965px;
	background: #EAEAE0;
	border-style:none;
}

#table_main td {
	vertical-align: top;
	padding-top: 10px;
}

#codes_promo {
	color: #333;
}

#codes_promo ul {
	list-style-type: none;
}

/*--- Navigation ---*/
#nav_links {
	font-size: 12px;
	margin-left: 10px;
}

#nav_links a:link, #nav_links a:visited {
	margin-right: 5px;
	font-size: 12px;
	text-decoration: underline;
	color: #333;
}

#codes_promo h1 {
	margin-left: 10px;
	color: #ae269e;
	font-size: 19px;
	font-weight: bold;
}

/*--- Conteneur central ---*/
#section_main {
	margin: 5px auto 10px;
	width: 748px;
	background: #fff url(images/codespromo/section_main_top.gif) no-repeat 0 0;
}
#section_main h2 {
	color: #ae269e;
	font-size: 34px;
	text-align: center;
}
#section_main h2 span {
	display: block;
	font-size: 24px;
}


/*--- Promolinks (boutons verts) ---*/

#list_promolinks {
	clear:both;
	padding: 0;
	margin-top: 10px;
}

#list_promolinks li {
	float: left;
	width: auto !important;
	width: 1px; /* IE : Permet d'adapter la largeur au contenu */
	white-space: nowrap; /* IE */
	margin-left: 20px;
	display: inline; /* IE : double marge */
}

#codes_promo .buttongreen a {padding-left: 3px}
#codes_promo .buttongreen a span {padding: 0 10px}
#codes_promo .buttongreen a span, .buttongreen a:hover span {color:#b529a5}


/*--- Blocks promos ---*/
#codes_promo .promo_block {
	float: left;
	position: relative;
	display: block !important;
	display: inline;
	margin: 10px 0 0 10px;
	padding-top: 24px;
	width: 175px;
	height: 164px;
	text-align: center;
	color: #656565;
	background: #fff url(images/codespromo/bg-sun.png) no-repeat 0 0;
}

 #codes_promo .promo_block2 {
	float: left;
	position: relative;
	display: block !important;
	display: inline; /* IE : problème des doubles marges sur les float */
	margin: 10px 0 0 10px;
	padding-top: 24px;
	width: 175px;
	height: 164px;
	text-align: center;
	color: #656565;
	background: #fff url(images/codespromo/bg-top-sun-v2.png) no-repeat 0 0;*/
}/*
.version1 #codes_promo .promo_block {
	background: #fff url(images/codespromo/bg-sun.png) no-repeat 0 0;
}
.version2 #codes_promo .promo_block {
	background: #fff url(images/codespromo/bg-top-sun-v2.png) no-repeat 0 0;
}
.version3 #codes_promo .promo_block {
	background: #fff url(images/codespromo/bg-sun.png) no-repeat 0 0;
}	*/

#codes_promo .promo_block .para_dkk {
	width: 170px;
	height: 56px;
	margin: auto;
	color: #f00;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1em;
}
#codes_promo .promo_block .para_dkk .span_dkk  {

	display: block;
	color: #fff;
	/*font-weight: bold;
	*/
	font-size: 11px;
}

#codes_promo .promo_block .para_promocode {
	margin-top: 5px;
	_margin-top: -13px; /* IE */
}
#codes_promo .promo_block .para_promocode span {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}
#codes_promo .promo_block .para_val {
	margin-top: 7px;
	font-style: italic;
	line-height: 1em;
}
#codes_promo .promo_block .para_val span {
	display: block;
}

#codes_promo .promo_block .para_icons {
	position: absolute;
	bottom: 5px;
	right: 28px;
	font-size: 18px;
}


/**/
/*
#codes_promo .promo_block2 .para_dkk {
	width: 120px;
	height: 56px;
	margin: auto;
	color: #f00;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1em;
}
#codes_promo .promo_block2 .para_dkk span {

	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#codes_promo .promo_block2 .para_promocode {
	margin-top: 5px;
	_margin-top: -13px;
}
#codes_promo .promo_block2 .para_promocode span {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}
#codes_promo .promo_block2 .para_val {
	margin-top: 7px;
	font-style: italic;
	line-height: 1em;
}
#codes_promo .promo_block2 .para_val span {
	display: block;
}

#codes_promo .promo_block2 .para_icons {
	position: absolute;
	bottom: 5px;
	right: 28px;
	font-size: 18px;
}*/


/*--- Division "Quatre millions..." ---*/
/*
#div_quatremillions {
	position: relative;
	clear: both;
	height: 467px;
	background: #fff url(images/codespromo/section_main_bg.jpg) no-repeat 0 0;
	padding-left: 225px;
}
#div_quatremillions img {
	display: block;
	position: absolute;
	right: 10px;
	top: 20px;
}

#div_quatremillions object {
}
#div_quatremillions h3 {
	padding-top: 100px;
	color: #ae269e;
	font-size: 19px;
	font-weight: bold;
}
*/
#div_quatremillions {
	position: relative;
	clear: both;
	height: 467px;
	background: #fff url(images/codespromo/section_main_bg.jpg) no-repeat 0 0;
	padding-left: 225px;
}
#div_quatremillions img {
	display: block;
	position: absolute;
	right: 10px;
	top: 50px;
}

.version2 #div_quatremillions img {top: 20px}

.version3 #div_quatremillions {
	background: #fff url(images/codespromo/bg-main-fond-blanc.jpg) no-repeat 0 0;
}

/* .version3 */
.version3 #div_quatremillions h3 {
	padding-top: 130px;
	color: #ae269e;
	font-size: 19px;
	font-weight: bold;
}


/*--- Bas de page ---*/
#content_footer {
	/*margin-bottom: 10px;*/
	padding-bottom: 10px;
	background: transparent url(images/codespromo/section_main_bottom.gif) no-repeat center bottom;
}

#div_howto_codepromo {
	width: 379px;
	height: 250px;
	margin-left: 10px;
	/*background: url(images/codespromo/bg_utilser-un-code-promo.png) no-repeat 0 0;*/
}
#form_newsletter {
	float: right;
	display: block !important;
	display: inline; /* IE : double marge */
	margin-right: 10px;
	width: 300px;
	height: 250px;
	/*background: url(images/codespromo/bg_newsletter.png) no-repeat 0 0;*/
}

#form_newsletter *, #div_howto_codepromo * {font-size: 12px}

#form_newsletter h3, #div_howto_codepromo h3 {margin-bottom: 14px}

#form_newsletter h3 a, #div_howto_codepromo h3 a {
	color: #ae269e;
	font-size: 18px;
}

#form_newsletter .input_text {
	padding: 2px;
	width: 150px;
	background: #f4f4f4;
	border: 2px solid #ece9d8;
}
#form_newsletter .input_img {
	margin-bottom: -7px;
}


/*------------
	Selon versions
	------------*/

/* .version2 */
.version2  #form_top {
/*
	float: right;
	/*margin-top: 100px;*/
	/*margin: 80px 10px 10px 100px;
	width: 300px;
	background: transparent url(images/codespromo/bg_formulaire.png) no-repeat 0 0;
	*/

	float: right;
	margin: 100px 10px 10px 100px;
	width: 302px;
	background: transparent url(images/codespromo/bg_formulaire.png) no-repeat 0 0;
}
.version2 #form_bottom {/*

	height: 3px;

	margin-top: 6px;
	margin-bottom: 0px;
	background: transparent url(images/codespromo/bg_bottom_formulaire.png) no-repeat 0 0;
	background-color: #fff; border: 1px solid #000;
	*/

	height: 6px;
	margin-top: 11px;
	background: transparent url(images/codespromo/bg_bottom_formulaire.png) no-repeat 0 0;
	background-color: #f7f4ef; ;

}
.version2 #form_top td {
	margin: 0;
	padding: 0;
}

.version2 #form_top p, .version2 #form_top label {
	margin: 5px 10px;
}
.version2 #form_top label {
	cursor: pointer;
}
.version2 input{background-color:transparent;} /* IE */
.version2 .inputtext {background-color: #fff; border: 1px solid #D6D8C3}
.version2 #form_top fieldset {border: none}

.version2 .para_bonplan {font-size: 9px}

.version2 #form_top #valid {
	display: block;
	margin: 0 auto;
	background-color: transparent;
}

.version2 .promo_block .para_promocode {
	margin: 13px 0 12px 0 !important;
}


/* .version_cdc */
#codes_promo h2 {
	margin-bottom: 20px;
}
#codes_promo h3 {
	margin-bottom: 10px;
}
#codes_promo h3 img {
	margin-left: 20px;
}
#codes_promo .cdc-block {
	float: left;
	width: 210px;
	margin: 0 0 20px 22px;
	text-align: center;
}
#codes_promo .cdc-block div {
	float: right;
	width: 105px;
	text-align: left;
}

#codes_promo .cdc-block h4 {

	color: #000;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}

#codes_promo .cdc-block .para-cdc-enstock, #codes_promo .cdc-block .para-cdc-prix span {
	color: #f00;
	font-weight: bold;
}
#codes_promo .cdc-block .para-cdc-prix {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1em;
	color: #f00;
}
#codes_promo .cdc-block .para-cdc-reduc {
	width: 84px;
	height: 23px;
	padding-left: 3px;
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	background: transparent url(http://aka.fotovista.com/dev/gui_web/grafx/cm/images_static/opca/etiquette_pourcant.gif) no-repeat 0 0;
}
#codes_promo .cdc-block a {
	margin-bottom: 5px;
}
#div_howto_codepromo p {
	margin: 10px auto;
}
#loi-6-jan {
	margin: 10px 20px;
	font-size: 10px;
}
#loi-6-jan a:link, #loi-6-jan a:visited, #loi-6-jan a:hover, #loi-6-jan a:active {color: #333}
#loi-6-jan a:hover, #loi-6-jan a:active {text-decoration: underline; color: #AE269E}


/* popup */

#section_popup_main {
	margin: 5px auto 10px;
	width: 308px;
	background: #fff url(images/codespromo/section_main_top.gif) no-repeat 0 0;
}

#codes_promo #section_popup_top{width:580px;height:27px;margin:6px auto 0 auto;background:url(images/codespromo/popup-top.png) no-repeat;}
#codes_promo #section_popup_top img{float:right;margin:3px 3px 0 0;cursor:pointer;}
#codes_promo #section_popup_top p{line-height:22px;margin-left:8px;color:#848484;}
#codes_promo #section_popup_top p span{text-decoration:underline;}
#codes_promo #section_popup_main{width:580px;margin:0 auto 20px auto;background-color:#fff;}
#codes_promo #section_popup_main h1{margin-top:0;padding-top:15px;}
#codes_promo #section_popup_main div#global{margin-left:15px;}
#codes_promo #section_popup_main a{text-decoration:underline;color:#b729a6;}
#codes_promo #section_popup_main p#contenu_mail{width:500px;line-height:14px;margin-top:10px;padding:10px 15px;border:1px solid #d4d2c2;}
#codes_promo #section_popup_main p#contenu_mail span{color:#ff0000;}
#codes_promo #section_popup_main #valid_mail{margin:15px 0 15px 387px;}
#codes_promo #section_popup_main .popup_right_bottom{float:right;width:5px;height:5px;font-size:1px;background:url(images/codespromo/bg-prod-right-bottom-corner.png) no-repeat;}
#codes_promo #section_popup_main .popup_left_bottom{width:5px;height:5px;font-size:1px;background:url(images/codespromo/bg-prod-left-bottom-corner.png) no-repeat;}


/* formulaire */
#codes_promo #section_popup_main #form_top_popup{width:280px;clear:both;margin-top:5px;margin-left:5px;padding:8px 10px 4px 10px;background:url(images/codespromo/bg_formulaire.png) no-repeat;}
#codes_promo #section_popup_main #form_top_popup p{font-size:11px;line-height:11px;padding:2px 0;}
#codes_promo #section_popup_main p *{vertical-align:middle;}
#codes_promo #section_popup_main #form_top_popup p.para_bonplan{font-size:9px;line-height:11px;}
#codes_promo #section_popup_main #form_top_popup input,
#codes_promo #section_popup_main input{background-color:transparent;} /* Pour IE */
#codes_promo #section_popup_main #form_top_popup .inputtext,
#codes_promo #section_popup_main .inputtext{margin:2px;border:1px solid #ccc;background-color:#fff;}
#codes_promo #section_popup_main #form_top_popup #valid{display:block;width:200px;margin:5px auto;}
#codes_promo #section_popup_main #form_bottom_popup{width:300px;height:6px;margin-left:5px;background:url(images/codespromo/bg_bottom_formulaire.png) no-repeat;}



#form_top p {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}