@charset "UTF-8";
/* CSS Document */

body,td,th, div {
	font-family: Trebuchet MS, Arial, verdana;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	top: 0px;
	left: 0px;
	background: #E1E1E1;
}
a {
	font-family: Trebuchet MS, arial, verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;

}
a:visited {
	color: #666666;
}
a:hover {
	color: #ff0000;
}
a:active {
	color: #ff0000;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Myriad Pro, Trebuchet MS, Arial;
}
h1 {
	font-size: 14px;
	color: #000000;
}
h2 {
	font-size: 14px;
	color: #000000;
}
h3 {
	font-size: 14px;
	color: #000000;
}
h4 {
	font-size: 14px;
	color: #000000;
}
h5 {
	font-size: 14px;
	color: #000000;
}
h6 {
	font-size: 14px;
	color: #ff6600;
}

li { list-style-type: none; list-style-image: url(#); padding: 0 0 0 14px; background: url(/microsite/customers/12765/live/images/custom/a8ed49152abf37487b5be363b5d018ad.gif) no-repeat top left;}

#OngletsTop { float:left; width: 580px; font-size:12px; }

#OngletsTop ul { list-style:none; margin: 0px 0px 0px 3px; padding:0px;}

#OngletsTop li { float:left; background:url("images/left.gif") no-repeat left top; padding: 0px 0px 0px 6px; height:24px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#OngletsTop a { display:block; background:url("images/right.gif") no-repeat right top; padding: 4px 5px 3px 0px; font-weight:bold; color:#fff; text-decoration:none; font-size: 12px; }

#OngletsTop a:hover { color:#fff; text-decoration:underline;  }

#OngletsTop #current { background-image:url("images/left_on.gif"); }

#OngletsTop #current a { background-image:url("images/right_on.gif"); color:#42ADCF; }


#OngletsTopLivresPhoto { 	position: absolute; left: 10px; top: 24px; font-size:11px; background-color: #c1002a;}

#OngletsTopLivresPhoto ul { list-style:none; margin: 0px 0px 0px 0px; padding:0px; }

#OngletsTopLivresPhoto li { float:left; background:url("images/left.gif") no-repeat left top; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#OngletsTopLivresPhoto a { display:block; background:url("images/right.gif") no-repeat right top; padding: 2px 10px 3px 10px; font-weight:bold; color:#fff; text-decoration:none; font-size: 11px;}

#OngletsTopLivresPhoto a:hover { color:#ffffff; text-decoration:underline; background-color: #de0039;}



#OngletsTopLivresPhoto-xl { 	position: absolute; left: 10px; top: 44px; font-size:11px; background-color: #000000;}

#OngletsTopLivresPhoto-xl ul { list-style:none; margin: 0px 0px 0px 0px; padding:0px; }

#OngletsTopLivresPhoto-xl li { float:left; background:url("images/left.gif") no-repeat left top; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#OngletsTopLivresPhoto-xl a { display:block; background:url("images/right.gif") no-repeat right top; padding: 2px 7px 4px 7px; font-weight:normal; color:#ffffff; text-decoration:none; font-size: 11px;}

#OngletsTopLivresPhoto-xl a:hover { text-decoration:underline;}



#OngletsTopLivresPhoto-prestige { 	position: absolute; left: 10px; top: 44px; font-size:11px; background-color: #000000;}

#OngletsTopLivresPhoto-prestige ul { list-style:none; margin: 0px 0px 0px 0px; padding:0px; }

#OngletsTopLivresPhoto-prestige li { float:left; background:url("images/left.gif") no-repeat left top; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#OngletsTopLivresPhoto-prestige a { display:block; background:url("images/right.gif") no-repeat right top; padding: 2px 7px 4px 7px; font-weight:normal; color:#ffffff; text-decoration:none; font-size: 11px;}

#OngletsTopLivresPhoto-prestige a:hover { text-decoration:underline;}


#OngletsTopLivresPhoto-gallery { 	position: absolute; left: 10px; top: 44px; font-size:11px; background-color: #000000;}

#OngletsTopLivresPhoto-gallery ul { list-style:none; margin: 0px 0px 0px 0px; padding:0px; }

#OngletsTopLivresPhoto-gallery li { float:left; background:url("images/left.gif") no-repeat left top; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#OngletsTopLivresPhoto-gallery a { display:block; background:url("images/right.gif") no-repeat right top; padding: 2px 7px 4px 7px; font-weight:normal; color:#ffffff; text-decoration:none; font-size: 11px;}

#OngletsTopLivresPhoto-gallery a:hover { text-decoration:underline;}



#OngletsTopCadeauxPhoto { 	position: absolute; left: 10px; top: 24px; font-size:11px; background-color: #cb87ac;}

#OngletsTopCadeauxPhoto ul { list-style:none; margin: 0px 0px 0px 0px; padding:0px; }

#OngletsTopCadeauxPhoto li { float:left; background:url("images/left.gif") no-repeat left top; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }

#OngletsTopCadeauxPhoto a { display:block; background:url("images/right.gif") no-repeat right top; padding: 2px 10px 3px 10px; font-weight:bold; color:#fff; text-decoration:none; font-size: 11px;}

#OngletsTopCadeauxPhoto a:hover { color:#ffffff; text-decoration:underline; background-color: #e48abe;}



#content-header {
	position:relative;
	width:970px;
	height:173px;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 970px;
	height: 85px;
	margin: 0px;
	padding: 0px;
	background-image: url("images/Cora-photo_header_standard.png");
	background-repeat: repeat-x;
	background-position: left top;
}
#navbar1 {
	position:absolute;
	left:0px;
	top:85px;
	width:600px;
	height:65px;
	background-image: url("images/Cora-photo_navbar-bg.jpg");
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: left top;
}
#navbar2 {
	position: absolute;
	left:600px;
	top:85px;
	width:170px;
	height:65px;
	background-image: url("images/Cora-photo_motif_standard.png");
	background-color: #000000;
	background-repeat: repeat-x;
	background-position: left top;
}
#navbar3 {
	position: absolute;
	left: 770px;
	top: 85px;
	width: 200px;
	height:65px;
	background-image: url("images/Cora-photo_logo.png");
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar4 {
	position:absolute;
	left:0px;
	top:150px;
	width:970px;
	height:23px;
	background-image: url("images/Cora-photo_navbar4_standard.png");
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
}
#content {
	position:relative;
	width:970px;
	height:770px;
/*	height: 930px; */
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}
#content-promotion {
	position:relative;
	width: 970px;
	height: 1160px;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}
#promotion {
	position: absolute;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 970px;
	height: 1160px;
	background-color: #ffffff;
}
#content-1 {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width:770px;
	background-color: #ffffff;
}
#content-1a {
	position:absolute;
	left:0px;
	top:0px;
	margin: 0px;
	padding: 0px;
	width:770px;
	height:300px;
	background-image: url("images/Cora-photo_content-1a_bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
#content-1a-txt {}
#content-1a-btn { position: absolute; top: 260px; left: 550px; width: 180px; height: 30px; background: url("images/Cora-photo_content-1a_btn-commander.png") no-repeat top center ;}

#content-1b {
	position:absolute;
	left:770px;
	top:0px;
	width:200px;
	height:300px;
	z-index:2;
	padding: 0px;
	background-color: #9084ba;
	background-image: url("images/Cora-photo_content-1b_bg.png");
}
#content-2 {
	position: absolute;
	left:0px;
	top:300px;
	width:770px;
	height:400px;
/*	height: 560px; */
	overflow: visible;
	background-color: #ffffff;
}
#content-2a {
	position:absolute;
	left:0px;
	top:0px;
	width:770px;
	height: 470px;
/*	height: 630px; */
	background-color: #ffffff;
	margin: 0px;
	padding : 0px;
	background-image: url("images/Cora-photo_content-2a_bg.png");
	background-repeat: repeat-x;
	background-position: left top;
}
#content-2b {
	position: absolute;
	left:770px;
	top:0px;
	width:200px;
	height: 470px;
/*	height: 630px; */
	margin: 0px;
	padding: 0px;
	vertical-align:top;
	background-color: #9186bA;
}
#promo {
	position:relative;
	top:10px;
	width:770px;
	padding: 0px;
	margin: 0px;
}
#promo-0 {
	position: absolute;
	top:10px;
	width: 770px;
	height: 150px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	background: url("images/promo_0_bg.png") no-repeat;
	visibility: hidden;
}
#promo-1 {
	position: absolute;
	top: 10px;
/*	top:170px; */
	left: 0px;
	padding: 0px;
	margin: 0px;
	background: url("images/promo_1_bg.png") no-repeat;
}
#promo-2 {
	position: absolute;
	top:10px;
/*	top:170px; */
	left:260px;
	padding: 0px;
	margin: 0px;
	background: url("images/promo_2_bg.png") no-repeat;
}
#promo-3 {
	position: absolute;
	top:10px;
/*	top:170px; */
	left:510px;
	padding: 0px;
	margin: 0px;
	background: url("images/promo_3_bg.png") no-repeat;
}
.colonne {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 180px;
	height:180px;
	text-align: left;
	overflow: visible;
}
#colonne-1a {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 180px;
	height: 170px;
	background: url("images/Cora-photo_colonne-1a_titre.png") no-repeat;
	text-align: left;
	overflow: visible;
}
#colonne-1a-txt { position: absolute; float: left; text-align: left; top: 70px; left: 0px; width: 180px; height: 70px; color: #ffffff; }
#colonne-1a-btn { position: absolute; float: left; top: 140px; left: 0px; width: 180px; height: 30px; background: url("images/Cora-photo_btn_jeminscris.png") no-repeat top center; }

#colonne-1b {
	position: absolute;
	left: 10px;
	height: 95px;
	top: 200px;
	width: 180px;
	overflow: visible;
}
#colonne-1b-txt { position: absolute; float: left; text-align: left; top: 0px; left: 0px; width: 180px; height: 60px; color: #ffffff; }
#colonne-1b-btn { position: absolute; float: left; top: 60px; left: 0px; width: 180px; height: 30px; background: url("images/Cora-photo_btn_trouvermonmagasin.png") no-repeat top center; }

#colonne-1c { }
#colonne-1c-txt { }
#colonne-1c-btn { }

#colonne-2a {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 180px;
	height: 350px;
	background: url("images/Cora-photos_colonne-2a_bg.png") no-repeat;
	text-align: left;
	overflow: visible;
}
#colonne-2a-txt { position: absolute; float: left; text-align: left; top: 250px; left: 0px; width: 180px; height: 100px; color: #ffffff; }
#colonne-2a-btn { position: absolute; float: left; top: 350px; left: 0px; width: 180px; height: 30px; background: url("images/Cora-photos_btn_telecharger.png") no-repeat top center;}

#colonne-2b { }
#colonne-2b-txt { }
#colonne-2b-btn { }

#colonne-2c { }
#colonne-2c-txt { }
#colonne-2c-btn { }

.colonne-texte-gauche-noir { text-align: left; width: 185px; color: #000000; }

.colonne-texte-gauche-blanc { text-align: left; width: 185px; color: #ffffff; }

#teaser-1 {
	position: absolute;
	top: 170px;
	left : 10px;
	width: 250px;
	height: 260px;
	background: url("images/Cora-photo_teaser-2a1.png") no-repeat center top;
	text-align: left;
	overflow: visible;
}

#teaser-1-txt { position: absolute; float: left; top: 225px; left : 10px; width: 130px; height: 40px; text-align: left; font-size: 10px; color: #333333; }
#teaser-1-btn { position: absolute; float: left; top: 230px; left: 150px; width: 100px; height: 30px; background: url("images/Cora-photos_btn_commander.png") no-repeat top center; }

#teaser-2 {
	position: absolute;
	top: 170px;
	left : 260px;
	width: 250px;
	height: 260px;
	background: url("images/Cora-photo_teaser-2a2.png") no-repeat center top;
	text-align: left;
	overflow: visible;
}

#teaser-2-txt { position: absolute; float: left; top: 225px; left : 10px; width: 130px; height: 40px; text-align: left; font-size: 10px; color: #333333; }
#teaser-2-btn { position: absolute; float: left; top: 230px; left: 150px; width: 100px; height: 30px; background: url("images/Cora-photos_btn_commander.png") no-repeat top center; }

#teaser-3 {
	position: absolute;
	top: 170px;
	left : 510px;
	width: 250px;
	height: 260px;
	background: url("images/Cora-photo_teaser-2a3.png") no-repeat center top;
	text-align: left;
	overflow: visible;
}

#teaser-3-txt { position: absolute; float: left; top: 225px; left : 10px; width: 130px; height: 40px; text-align: left; font-size: 10px; color: #333333; }
#teaser-3-btn { position: absolute; float: left; top: 230px; left: 150px; width: 100px; height: 30px; background: url("images/Cora-photos_btn_commander.png") no-repeat top center; }

#footer {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	top:0px;
	left:0px;
	width: 900px;
	height: 60px;
	text-align: center;
	overflow:visible;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	}

#footer ul {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#footer li {display:inline; font-size:12px; padding: 0 5px 0 5px; text-decoration: none; font-weight: bolder; color:#000000; background: url(#) no-repeat top left;}
#footer li a{ text-decoration:none; color:#000000; }
#footer li a:hover,
#footer li a.active,
#footer li a.active:hover {text-decoration:underline;}
