/* Editions ATLAS - Promo Verrines CSS */

* {margin: 0;padding: 0;border: 0;}

body {
	background: #8d3367 url(../images/bkg.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 75%;
	line-height: 150%;
}


/* COMON STYLES ///////////////////////////////////////// */
h1, h2, h3 {margin: 0 0 0.5em 0;}
h1 {font-size: 130%;}
h2 {font-size: 130%;}
h3 {font-size: 100%; font-weight: bold; margin: 1.5em 0 0.5em 0;}

p {margin: 0 0 1em 0;}

ul, ul li {list-style: none;}

a {color: #8d3367; text-decoration: underline;}
a:hover {color: #8d3367;}

hr {clear: both; visibility: hidden; display:block; height: 1px; margin: 0; padding: 0;}
pre {overflow: auto; width: 100%; height: auto;}

form {}
fieldset, legend, label {display: block;}
input, select, textarea {border: 1px solid #7f9db9; float: right; background: #fff; font-family: Arial, Helvetica, sans-serif;;}

.left {float: left;}
.right {float: right;}
.none {display: none !important;}
.marg0 {margin: 0 !important;}

.txt90 {font-size: 90%;}
.txt115 {font-size: 115%;}
.txt130 {font-size: 130%;}
.ital {font-style: italic;}


/* CONTAINER ///////////////////////////////////////// */
#container {
	position: relative;
	width: 860px;
	margin: 0 auto;
	background: transparent;
	}
	
/* LATERAL BACKGROUNDS ///////////////////////////////// */
.back_left, .back_right {height: 1306px; width: 92px; position:  absolute; top: 0; background: transparent no-repeat;}
.back_left {left: -92px; background: url(../images/bkg_left.jpg);}
.back_right {right: -92px; background: url(../images/bkg_right.jpg);}

/* HEADER /////////////////////////////////////////////// */
#header {
	width: 100%;
	height: 160px;
	position: relative;
	background: transparent url(../images/bkg_header.jpg) no-repeat top left;
}
#header h1, #header h2 {text-indent: -5000em;}


/* CONTENT //////////////////////////////////////////////// */
#content {width:100%; display: table; background: #fff url(../images/bkg_content.png) repeat-y top left;}


/* MAIN CONTENT //////////////////////////////////////////////// */
#main {
	position: relative;
	/*width: 631px;*/
	width: 581px;
	padding: 0 25px 25px 25px;
	float: left;
	background: #fff url(../images/bkg_main.png) no-repeat top left;
	}	
#main a.breadcum {display: block; width: 100%; color: #999; font-size: 90%; text-decoration: underline; margin: -1em 0 3em 0;}
#main h2 {font-size: 130%; border-bottom: 1px dashed #c9c9c9; text-indent: -5000em; position: relative;}
#main h2 img{position: absolute; top: -2.1em; left: 0;}	
#main h3.home {text-indent: -5000em; position: relative; margin-bottom: -2em;}
#main h3.home img{position: absolute; top: 0em; left: 0; margin: -0.5em 0 0 0;}
#main p.ini {margin-top: 1.5em;}
#main img {margin: 1.3em 2em 2em 0; float: left;}

/* JFlow Carroussel Homepage */
#caroussel {margin: -25px 0 -15px -25px; position: relative;}
.caroussel_ie6 {display: none;}
#myController {position: absolute; bottom: 5px; right: 1px; z-index: 30; height: 23px; background: #fff; padding: 0 5px;}
#myController span{padding: 0 1px; display: block; float: left; width: 18px; height: 23px; cursor:pointer;}
#myController span.jFlowControl {width: 18px; height: 23px; background: #fff url(../images/bkg_jflowcontrol.png) no-repeat top center;}
#myController span.jFlowSelected {width: 18px; height: 23px; background: #fff url(../images/bkg_jflowselected.png) no-repeat top center;}
#mySlides {width: 631px; height: 263px; overflow: hidden; background: transparent no repeat top left;}
.jFlowSlideContainer {color: #712853; line-height: 115%;}
#main .jFlowSlideContainer {height: 263px; overflow: hidden !important;}
#main .jFlowSlideContainer h2 {border: none;}
.jFlowSlideContainer p {margin: 105px 25px 0 310px; padding: 0 0 0 0px;}
.jFlowSlideContainer p a {display: block; font-size: 130%; font-weight: bold; padding: 0 0 0 20px; margin: 1em 0 0 -20px; background-color: transparent;}
.car1 {color: #493324; background: transparent url(../images/bkg_caroussel1.jpg);}
.car2 {color: #fff; background: transparent url(../images/bkg_caroussel2.jpg);}
.car3 {color: #91581e; background: transparent url(../images/bkg_caroussel3.jpg);}
.car4 {color: #7e4416; background: transparent url(../images/bkg_caroussel4.jpg);}
.car5 {color: #fff; background: transparent url(../images/bkg_caroussel5.jpg);}
.car6 {color: #fff; background: transparent url(../images/bkg_caroussel6.jpg);}
.car1 p a{color: #e8cfb4; background: transparent url(../images/bkg_list_slide_car1.png) no-repeat top left;}
.car2 p a{color: #712853; background: transparent url(../images/bkg_list_slide.png) no-repeat top left;}
.car3 p a{color: #493324; background: transparent url(../images/bkg_list_slide_car3.png) no-repeat top left;}
.car4 p a{color: #712853; background: transparent url(../images/bkg_list_slide.png) no-repeat top left;}
.car5 p a{color: #34120c; background: transparent url(../images/bkg_list_slide_car5.png) no-repeat top left;}
.car6 p a{color: #ffc4bc; background: transparent url(../images/bkg_list_slide_car6.png) no-repeat top left;}
.jFlowPrev, .jFlowNext {display: block; width: 22px; height: 23px; position: absolute; cursor:pointer;}
.jFlowPrev {  bottom: 5px; right: 131px; background: transparent url(../images/bkg_jflowprev.png) no-repeat top left; }
.jFlowNext { right: -21px; bottom: 5px; background: transparent url(../images/bkg_jflownext.png) no-repeat top left;}

/* 2 and 3 Column Modules for Main Content */
.main_2col, .main_3col {line-height: 115%; margin: 0 0 2em 0;}
.main_2col h3, .main_3col h3 {text-transform: uppercase;}
.main_2col p, .main_3col p {font-size: 90%; color: #999;}
.main_2col ul, .main_3col ul {line-height: 140%;}
.main_2col ul li, .main_3col ul li {padding-left: 1.5em; background: transparent url(../images/bkg_list_home.png) no-repeat 0% 0%;}
.main_2col ul li a, .main_3col ul li a{color: #666; font-weight: bold; text-decoration: none;}
.main_2col ul li a:hover, .main_3col ul li a:hover {color: #712853;}
#main .main_2col img, #main .main_3col img {margin: 0; float: none;}

/* 2 Column Module */
.main_2col_left, .main_2col_right {float: left;  margin: 3em 0 2em 0; }
.main_2col_left {width: 45%; padding: 0 25px 1em 0; border-right: 1px dashed #c9c9c9;}
.main_2col_right {width: 46%; padding: 0 0 1em 25px;}
.homelist {margin-bottom: 1em;}

/* 3 Column Module */
.main_3col_left, .main_3col_center, .main_3col_right {width: 29.7%; float: left; margin: 3em 0 4em 0;}
.main_3col_left, .main_3col_center {padding: 0 15px 1em 0; border-right: 1px dashed #c9c9c9;}
.main_3col_center {padding: 0 15px 1em 15px;}
.main_3col_right {padding: 0 0 1em 15px;}
.over {cursor:pointer;}

/* Class Php Recipe Selection generate title pop-up in .jFlowSlideContainer and .homelist*/
/*.rc1 {} to .rc30 {}*/

/* General for Download Module Bottom + Download Module Sidebar*/
.bottom_download, .sidebar_download {display: block; color: #000;  font-size: 12px;  position: relative;}
#main .bottom_download h2, .sidebar_download h2 {text-indent: -5000em;}
.bottom_download ul, .sidebar_download ul {text-align: left; position: absolute;}
.bottom_download ul li, .sidebar_download ul li {margin: 0 0 0.6em 0; padding: 0 0 0 0.7em; line-height: 115%; background: transparent url(../images/bkg_list.png) no-repeat 0 0;}	
.bottom_download a.download, #sidebar a.download_bottom{position: absolute; background: transparent;}
.bottom_download p.download_down, .sidebar_download p.download_down {font-size: 11px; background: transparent; position: absolute;}
.bottom_download p.download_down a, .sidebar_download p.download_down a {color: #000; text-decoration: underline;}
.bottom_download h3, .sidebar_download h3 {width: 100%; font-size: 11px; position: absolute; text-transform: uppercase; background: transparent;}
.bottom_download a.download2, .sidebar_download a.download2 
	{width: 184px; text-align: left; font-size: 11px; font-weight: bold; line-height: 115%; color: #000; 
	position: absolute;  padding: 0; text-decoration: underline; background: transparent;}
	
/* Specific for Download Module Bottom */		
.bottom_download {width: 432px; height: 265px; margin: 15px 0 0 75px; background: transparent  url(../images/bkg_bottom_download.jpg) no-repeat top left;}
#main .bottom_download h2 {text-indent: -5000em; border-bottom: none;}
.bottom_download ul {top: 80px; left: 20px;}
.bottom_download ul li {margin-bottom: 0.2em;}
.bottom_download a.download {width: 204px; height: 57px; text-indent: -5000em; top: 78px; left: 202px;}
.bottom_download p.download_down {width: 184px; text-align: right; line-height: 115%;  top: 145px; left: 202px;}
.bottom_download h3 {top: 192px; left: 20px;}
.bottom_download a.download2 {
	width: 180px;
	top: 195px;
	left: 183px;
	padding-left: 70px;
	padding-top: 15px;
	padding-bottom: 16px;
}	


/* SIDEBAR (right) ///////////////////////////////////////////// */ 
#sidebar, .sidebar_download, .sidebar_bon_plan {width: 229px;}	
#sidebar {float: right; text-align: center; background: transparent;}

/* Download Module Sidebar */	
.sidebar_download {height: 312px; background: transparent  url(../images/bkg_side_download.jpg) repeat-y top left;}
.sidebar_download ul {top: -21px; left: 32px;}
.sidebar_download ul li {margin-bottom: 0.2em;}
.sidebar_download a.download,
#sidebar a.download_bottom {width: 202px; height: 51px; font-size: 20px; font-weight: bold; line-height: 115%; color: #fff; text-decoration: none;padding: 9px 0 0 0; position: absolute; top: 65px; left: 12px;}
.sidebar_download a.download  {text-indent: -5000em;}
.sidebar_download p.download_down {width: 100%; top: 140px; left: 0;}
.sidebar_download h3 {top: 182px; left: 0;}
.sidebar_download a.download2 { height: 50px; top: 220px; left: 30px; padding: 10px 10px 0 70px;}

/* Bon Plan Module */
.sidebar_bonplan {}
.sidebar_bonplan h2{text-indent: -5000em; margin-top: -1.5em;}
.sidebar_bonplan a.mail {display: block; padding: 0.5em 0 2em 0;}

/* Ads Module */
.sidebar_ads {padding: 0 25px; line-height: 120%; text-align: left; color: #000; background: transparent url(../images/bkg_side_ads.png) repeat-y 0 0;}
.sidebar_ads h2{text-align: center;  text-indent: -5000em; margin-bottom: -10px; height: 55px;  position: relative;}
.sidebar_ads h2 img {position: absolute; top: 0px; left: -25px; border: none;}
.sidebar_ads h3 {font-size: 130%; font-weight: normal; line-height: 130%;}
.sidebar_ads h3 a{color: #20c;}
.sidebar_ads img {border: 1px solid #fff;}
.sidebar_ads p span {display: block; color: #008000;}
.sidebar_ads span.ads_bottom {height: 10px; margin: 35px 0 0 -25px; display : block; background: transparent url(../images/bkg_side_ads_bottom.png) no-repeat bottom left;}

/* Boton Modules */
#sidebar a.logo_side {display: block; width: 100%; margin: 60px 0;}


/* POP CONTENT ///////////////////////////////////////////////// */
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; background: #000;}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent;z-index: 100;}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../images/fancy_progress.png) no-repeat;}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none;}
div#fancy_inner {position: relative; width:100%; height:100%; background: transparent;}
div#fancy_content {margin: 0; z-index: 100; position: absolute; background: transparent;}
#fancy_bg {background: transparent; display: none;}
div#fancy_close {position: absolute; top: 15px; right: 15px; height: 30px; width: 30px; background: url(../images/fancy_closebox.png) top left no-repeat;cursor: pointer;z-index: 181;display: none;}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none; overflow: hidden; background: transparent;}
/*iframe {background: transparent;}*/

#pop_body {background: transparent;}
#pop_container {width: 690px; position: relative; background: transparent;}
#pop_header, #pop_main, #pop_footer {display: block; width: 100%;  background: transparent;}

/* Pop Headers 1,2,3 */
#pop_header {color: #fff; text-align: center; height: 110px; background: url(../images/bkg_pop_header.png) no-repeat 0 0;}
.pop_header2 {height: 60px !important;}
.pop_header2b {height: 83px !important;}
#pop_header h1{text-indent: -5000em;}
#pop_header h1 img {position: absolute; top: 20px; left: 33px;}	
#pop_header h2 {font-size: 190%; padding: 25px 33px 0 33px;}
#pop_header h2 span{display: block; width: 100%; font-size: 75%; padding: 0.3em 0 0 0;}
#pop_container .pop_header2 h2 {font-size: 130%; margin: 0 33px; padding: 0 0 0 20px; text-align: left; background: url(../images/bkg_pop_list_tit.png) no-repeat 0 0;}
#pop_container .pop_header2 h2#title_item_popup { margin-top: -15px; }
#pop_container .pop_header2b h2 {font-size: 140%; margin: 30px 0 0 0; padding: 0 20px; text-align: center;}
#pop_container .pop_header3 h2 {font-size: 130%; margin: 0 33px; padding: 0 0 0 20px; text-align: left; background: url(../images/bkg_pop_list_tit.png) no-repeat 0 0;}
#pop_container .pop_header3 p {text-align: left; line-height: 115%; margin: 1em 33px 0 53px;}

/* Pop Main */
#pop_main {color: #000; height: 286px; background: url(../images/bkg_pop_main.png) no-repeat 0 0;}
#pop_container .pop2_main {height: 333px; overflow: hidden; background: url(../images/bkg_pop2_main.png) no-repeat 0 0;}
#pop_container .pop2b_main {height: 313px; overflow: hidden; background: url(../images/bkg_pop2b_main.png) no-repeat 0 0;}
form#pop1, form#pop2 {display: block;}

.data {width: 50%; float: left; margin: 20px 0 0 35px;} /*ie8*/
.data, x:-moz-any-link {width: 46%; float: left; margin: 20px 0 0 35px;} /*ff2*/
.data, x:-moz-any-link, x:default {width: 50%; float: left; margin: 20px 0 0 35px;} /*ff3*/
.data p {line-height: 115%;}
.data .genre, .data .data_perso, .data .offer {display: table; width: 100%; margin: 0 0 0.5em 0;}
.data .genre input, .data .offer input {border: none;}

/* form pop1 */
.data .genre {margin: 0 0 0.5em 4em;}
.data .genre input, .data .genre label {float: left;}
.data .genre input{margin: 0 0.3em 0 1em;}
.data .genre label{}

.data .data_perso {margin: 0 0 0.5em 0;}
.data .data_perso input, .data .data_perso label {display: block;}
.data .data_perso input {width: 175px; padding: 0.2em 0.1em; margin: 0 4em 0.3em 0; float: left;}
.data .data_perso label {width: 18%; float: left;}

.data .offer {margin: 0 0 0.7em 4em;}
.data .offer input, .data .offer label {float: left;}
.data .offer input{margin: 0 0.3em 0 1em; background:  transparent;}
.data .offer label{font-size: 90%; line-height: 115%; display: block; float: left; width: 80%; }

.conditions {position: relative; width: 199px; height: 126px; float: right; margin: 25px 45px 0 0; padding: 20px;
	background:url(../images/bkg_pop_conditions.png) no-repeat 0 0;}
.conditions h2 {text-indent: -5000em;}
.conditions h2 img {position: absolute; top: 0px; left: 35px; top /*\**/: 20px\9 /*hack ie8 because conditional style sheet for ie8 dont works in this case ??? !!!*/;}
.conditions ul {margin: 1.5em 0 0 0;}
.conditions ul li {margin: 0 0 0.6em 0; padding: 0 0 0 0.7em; line-height: 115%; background: transparent url(../images/bkg_list.png) no-repeat 0 0;}

/* Error */
label.error {}
em.error, em.success {}
em.error {float: left; margin: 0.2em 0 0.4em 1em; color: #eee; background: transparent url(../images/unchecked.gif) no-repeat 0px 0px; padding-left: 16px;}
em.success {color: #eee; background: transparent url(../images/checked.gif) no-repeat 0px 0px;}
#warning { display: none; }
.data .data_perso em.error {margin-left: -40px;}

/* Send elements */
.send {clear: both; width: 100%;}
.send input {border: none;}
#btn_anul, #btn_tele {width: 208px; height: 62px; float: left;}
#btn_anul {margin: 0 22px 0 125px;}
.send #btn_tele {width: 230px; height: 72px; margin: -5px 22px 0 225px;}

/* Form Pop2 Iphone */
#pop2 {}
.iphone {display: block; float: left; margin: 20px 0 0 30px; width: 356px; height: auto; background: transparent url(../images/bkg_pop_iphone.png) no-repeat 0 0;}
.iphone h2{text-indent: -5000em;}
.iphone p {line-height: 115%; margin: 15px 0 0 67px;}
.iphone img {margin: 15px 0 0 0;}
.data_iphone {width: 100%; margin: 0 30px 5px 30px; float: left;}
.data_iphone label {width: 31.5%; margin: 0 0.5em 0 0; float: left; text-align: right;}
.data_iphone input {width: 190px; margin: 0 150px 0.3em 0; float: left;}
.data_iphone p {font-size: 90%; line-height: 115%; color: #919191; width: 180px; margin: -20px 70px 0 0; float: right;}
.data_iphone p.offer {width: 100%; margin: 0 0 1em 32.2%; float: left;}

#pop2b {margin: 0 0 -15px 0;}
#pop2b .data {margin: 1em 0 0.5em 4em;}
#pop2b .iphone2 {background: transparent url(../images/bkg_pop_iphone2.png) no-repeat 0 0;}
#pop2b .iphone2 p{margin: 0px 0 0 67px;}
#pop2b .data_iphone {margin: 0 0 0.5em 0; width: 320px;}
#pop2b .data_iphone label {width: 320px; margin: 0.5em 0.5em 0 0; float: left; text-align: left;}
#pop2b .data_iphone label span {margin: 0 0 0 0.5em; color: #919191;}
#pop2b .data_iphone input {width: 175px; padding: 0.2em 0.1em; margin: 0 4em 0.3em 60px;}
#pop2b .data_iphone em.error {margin-top: 5px; margin-left: -38px;}
#pop2b  p.offer_iphone {font-size: 90%; line-height: 115%; color: #919191; width: 320px; margin: -10px 0 0 0px; float: left;}
#pop2b .data .offer {width: 100%; float: left; }
#pop2b .conditions  {position: absolute; top: 75px; right: 0px;}
#pop2b .send_iphone2 #btn_tele{margin: -95px 0 0 410px;}

.data_iphone em.error {margin: 0 0 0 -145px;}
.send_iphone {width: 100%; float: left; clear: both;}
.send_iphone input {border: none;}

/* Form Pop3 Mails */
#pop3 {}
.data_mail {width: 68%; margin: 30px 120px 40px 130px; float: left; background: transparent url(../images/bkg_pop_mail.png) no-repeat 0 0;}
.data_mail h2 {text-indent: -5000em;}
.data_mail p {margin: 0 0 20px 0; padding-right: 35px;}
.data_mail label {width: 29%; margin: 0 0.5em 0 0; float: left; text-align: left;}
.data_mail input {width: 285px; margin: 0 0 0.3em 0; float: left;}
.send_mail {width: 100%; float: left; clear: both;}
.send_mail input {border: none;}

/* Pop4 Thanks */
#pop4 {margin: 40px 30px; position: relative;}
#pop4 p.offer{text-align: center; font-size: 115%; font-weight: bold; color: #f917be; margin: 60px 0 20px 0;}
#pop4 a.banner_offer {width: 300px; height: 100px; float: left; margin: 0 0 0 40px;}
#pop4 object.banner_offer {float: left; margin: 0 0 0 40px;}
#pop4 a.btn_offer {width: 230px; height: 72px; margin: 0; float: right; margin: 10px 40px 0 0;}

/* Pop Footer */
#pop_footer {height: 25px; clear: both; background: url(../images/bkg_pop_footer.png) no-repeat 0 0;}


/* FOOTER ///////////////////////////////////////////////// */
#footer {clear: both; position: relative; display: block; width: 100%; height: 180px; 
	font-size: 90%; text-align: center; color: #fff;  
	background: transparent url(../images/bkg_footer.jpg) no-repeat top left;}
#footer ul {padding-top: 30px;}
#footer ul li {display: inline; letter-spacing: 0.3em;}
#footer ul li a {color: #fff; letter-spacing: 0; text-decoration: none;}


.liendl, .liendl:hover {
	color: #FFFFFF;
	font-weight: bold;
}

.lien-noir, .lien-noir:hover  {
	color: #000000;
	text-decoration: none;
}