@charset "utf-8";
/* CSS Document */

body {
	font: 9pt Arial, Tahoma, "Trebuchet MS";
	background: url(../images/bg-body.png) repeat left top;
	margin: 0px;
	padding: 0px 0px 20px;
}
#content {
	margin: 0px auto 0px;
	background: #FFFFFF;
	width: 975px;
	border: 1px solid #808080;
	height: auto;
	padding: 0px 0px 10px;
}

a img { border: none; }
.body-top-lf {
	width: 655px;
	float: left;
	margin: 10px 0px 0px 5px;
}
.body-top-rt {
	float: right;
	width: 300px;
	margin: 10px 5px 0px 0px;
}
.zone-tendance-homme {
	height: 365px;
	width: 615px;
	background: #F7F7F7 url(../images/bandeau-homme-actu.png) no-repeat left top;
	padding: 0px 0px 0px 40px;
}
.tendance-homme-body {
	float: right;
	height: 365px;
	width: 605px;
	background: url(../images/bg-tendance-homme.png) repeat-y right top;
	padding: 0px 10px 0px 0px;
}
.header-tendance-homme {
	width: 605px;
	height: 35px;
	border-bottom: 1px solid #000000;
	background: url(../images/motif-tendance.png) repeat-x center;
}
.header-tendance-homme h1 {
	font-weight: normal;
	font-size: 18pt;
	margin: 0px;
	float: left;
	padding: 5px 10px 0px;
	color: #333333;
	display: block;
	height: 30px;
	background: #E5E5E5;
}
.tendance-homme-article {
	width: 390px;
	height: 305px;
	float: left;
	margin: 10px 0px 0px;
	background: #FFFFFF url(../images/round-tendance-article.gif) no-repeat left center;
	padding: 0px 10px;
}
.tendance-homme-accessoire {
	width: 195px;
	height: 320px;
	background: #FFFFFF url(../images/ombre-bijoux-accessoires.png) repeat-x bottom;
	float: right;
	margin: 2px 0px 0px;
}
.tendance-accessoire-wrapper {
	height: 320px;
	width: 195px;
	background: url(../images/ombre-bijoux-accessoires.gif) no-repeat left center;
}
.body-lf-bt {
	width: 655px;
	margin: 10px 0px 0px;
	height: 470px;
	clear: both;
}
.zone-casual {
	width: 425px;
	height: 136px;
	background: #000000 url(../images/bg-casual.png) repeat-x bottom;
	padding: 2px 0px;
	float: left;
}
.casual-wrapper {
	float: left;
	width: 130px;
	height: 136px;
	background: #1C1C1C;
	margin: 0px 0px 0px 10px;
}
.body-lf-bt-lf {
	width: 425px;
	height: 469px;
	float: left;
	position: relative;
}
.header-coiff-star {
	width: 423px;
	margin: 5px 0px 0px;
	height: 53px;
	border: 1px dashed #767676;
	background: #000000 url(../images/crnr-coiff-star.png) no-repeat right center;
	text-align: center;
	position: relative;
	float: left;
}
 
.header-coiff-star a {
	height: 53px;
	text-align: center;
	display: block;
	width: 25px;
	position: absolute;
	top: 1px;
	right: 1px;
}
.header-coiff-star-wrapper {
	height: 56px;
	width: 470px;
	text-align: center;
}
.coiff-star-body {
	height: 253px;
	width: 413px;
	margin: 5px 0px 0px;
	border: 1px dashed #799FAD;
	background: url(../images/bg-coiff-star.png) repeat-x top;
	padding: 5px;
	float: left;
}
.coiff-star-body:hover {
	cursor:pointer;
 
}
.coiff-galerie {
	height: 75px;
	width: 413px;
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.zone-mode-black {
	float: right;
	width: 211px;
	height: 460px;
	background: #DBC5A0;
	padding: 5px;
}
.header-mode-black {
	height: 33px;
	width: 211px;
	background: url(../images/bg-mode-black-header.gif) repeat-x top;
	text-align: center;
}
.saia-attitude {
	width: 211px;
	margin: 5px 0px 0px;
	height: 296px;
	background: url(../images/bg-mode-black-body.png) repeat-x top;
}
.vaf-company {
	width: 211px;
	margin: 5px 0px 0px;
	height: 118px;
	background: url(../images/bg-mode-black-body.png) repeat-x top;
}

.vaf-company p a:link ,.vaf-company p a:visited {
 text-decoration:none;
}
.vaf-company p a:hover {
 
 text-decoration:underline;
}s
.zone-video {
	width: 300px;
	height: 285px;
	background: #E5E5E5;
}
.video-header {
	height: 40px;
	width: 300px;
	background: url(../images/bg-video-homme-header.png) repeat-x top;
	position: relative;
}
.video-header img {
	position: absolute;
	right: 5px;
	top: -5px;

}
.zone-video img.img-video {
	margin: 0px auto;
	display: block;
}
.zone-video h2 {
	margin: 0px;
	padding: 3px 0px 0px;
	font-size: 9pt;
	text-align: center;
}
.zone-video h2 a {
	text-decoration: none;
	color: #F26D00;
}
.zone-video h2 a:hover {
	text-decoration: underline;
}
.zone-pub-men {
	width: 300px;
	margin: 10px 0px 0px;
}
.zone-pub-men h1 {
	font-size: 9pt;
	margin: 0px;
	padding: 0px 0px 5px;
	text-align: center;

}
.zone-vieillissement {
	width: 300px;
	height: 125px;
	background: url(../images/bg-veillissement.gif) repeat;
	position: relative;
	margin: 10px 0px 0px;
}
.zone-vieillissement h1 {
	margin: 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 10pt;
	padding: 5px 0px 0px;
}
.zone-vieillissement h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
.zone-vieillissement img {
	position: absolute;
	bottom: 5px;

	left:;
	left: 40px;
}
.tendance-article-wrapper {
	width: 375px;
	height: 80px;
	margin: 15px 0px 0px;
}
.tendance-article-wrapper img {
	margin: 0px 10px 0px 0px;
	float: left;
}
.tendance-article-wrapper h2 {
	font-size: 9pt;
	margin: 0px;
	color: #1C5E9F;
}
.tendance-article-wrapper p {
	margin: 0px;
	color: #666666;
}
.tendance-article-wrapper h2 a {
	font-weight: bold;
	text-decoration: none;
	color: #11569B;
}
.tendance-article-wrapper p a {
	color: #666666;
	text-decoration: none;
}
.tendance-article-wrapper a:hover {
	text-decoration: underline;
}
.tendance-accessoire-wrapper h3 {
	margin: 0px 0px 0px 10px;
	font-size: 14pt;
	font-weight: normal;
	width: 170px;
	color: #0a5198;
	height: 25px;
	border-bottom: 1px dotted #333333;
	display: block;
	padding: 0px 0px 0px 10px;
}
.tendance-accessoire-wrapper ul {
	line-height: 20px;
	list-style: none;
	margin: 5px 0px 10px 30px;
	padding: 0px;
}
.tendance-accessoire-wrapper ul li {
	padding: 0px 0px 0px 10px;
	background: url(../images/puce-accessoire.gif) no-repeat left 10px;
}
div.tendance-accessoire-wrapper a:active , a:link , a:visited{
	color:#666666;
	text-decoration:none;
}
div.tendance-accessoire-wrapper a:hover{
	color:#0a5198;
	text-decoration:none;
	font-weight:bold;
}
.casual-header {
	width: 130px;
	height: 25px;
	background: url(../images/motif-casual.gif) repeat-x center;
}
.casual-header h1.casual-titre {
	margin: 0px;
	font-size: 18pt;
	display: block;
	padding: 0px 5px;
	width: 100px;
	background: #222222;
	height: 25px;
	color: #A5CFFA;
	font-weight: normal;
}
.casual-header h1.city-titre {
	margin: 0px;
	font-size: 18pt;
	display: block;
	padding: 0px 5px;
	width: 55px;
	background: #222222;
	height: 25px;
	color: #DDF587;
	font-weight: normal;
}
.casual-header h1.fashion-titre {
	margin: 0px;
	font-size: 18pt;
	display: block;
	padding: 0px 5px;
	width: 105px;
	background: #222222;
	height: 25px;
	color: #D14500;
	font-weight: normal;
}
.casual-wrapper img {
	display: block;
	margin: 0px auto 0px;
	clear: both;
}
.header-coiff-star img { float: left; }
.header-coiff-star p {
	margin: 0px 0px 0px 5px;
	color: #FFFFFF;
	font-size: 14pt;
	padding: 0px;
	display: block;
	float: left;
	width: 330px;
	position: relative;
	text-align: left;
	height: 20px;
	top: 15px;
}

.header-coiff-star:hover {
	cursor:pointer;
}
.text-soft-green {
	color: #D4FF00;
	position: absolute;
	top: 0px;
 
}

.text-soft-green a:link , .text-soft-green a:visited {
	color: #D4FF00;
 	text-decoration:none;
	position: absolute;
	left: 20px;
	top: 0px;
	border:solid 1px red;
}
.text-soft-green a:hover{
	color: #D4FF00;
	position: absolute;
 	text-decoration:underline;
	top: 0px;
 
}


.text-red a:link , .text-red a:visited {
	color: #C84200;
 	text-decoration:none;
}
.text-red a:hover{
	color: #C84200;
 	text-decoration:underline;
}

.text-blanc a:link , .text-blanc a:visited {
	color: #FFFFFF;
 	text-decoration:none;
}
.text-blanc a:hover{
	color: #FFFFFF;
 	text-decoration:underline;
}

.text-strong-green a:link , .text-strong-green a:visited {
	color: #6C880A;
 	text-decoration:none;
}
.text-strong-green a:hover{
	color: #6C880A;
 	text-decoration:underline;
}
.text-red {
	color: #C84200;
	position: absolute;
	top: 0px;
	right: 0px;
}
.text-blanc {
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 35px;
}
.text-strong-green {
	color: #6C880A;
	position: absolute;
	right: 0px;
	top: 0px;
}
.header-mode-black h1 {
	margin: 0px;
	font-weight: normal;
	color: #3A2D16;
	font-size: 20pt;
}
.zone-mode-black h2 {
	display: block;
	margin: 0px;
	font-weight: normal;
	text-align: center;
	padding: 3px 0px;
	border-bottom: 1px dotted #000000;
	font-size: 12pt;
	width:140px;
	height:22px;
	float:right;
	overflow:hidden;
}
span.imgs-content{
	margin: 8px 0px 5px 3px;
	float: left;
	width:66px;
	height:85px;
	overflow:hidden;
	border:none;
	position:relative;
	text-align:center;
	display:block;
}
.saia-attitude img {
	display:block;
	margin:0px auto;
	max-width:66px;
	max-height:85px;	
}


.vaf-company img {
	float: left;
	margin: -25px 3px 0px 3px;
}
.vaf-company p {
	margin: 2px 0px 0px;
	color: #3A2D16;
	float:right;
	width:132px;
	height:83px;
	overflow:hidden;
}
.video-header h1 {
	margin: 0px;
	float: left;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: normal;
	display: block;
	width: 160px;
	height: 35px;
	padding: 5px 0px 0px 10px;
}
.coiff-star-body p {
	color: #175870;
	margin: 0px;
	line-height: 17px;
}
.titre-coiff-star-article { color: #000000; }
.album-coiff-star {
	font-weight: bold;
	color: #000000;
}
.coiff-text-orange {
	font-weight: bold;
	color: #F16800;
}
.coiff-star-body img {
	float: left;
	margin: 0px 8px 0px 25px;
	padding:0px;
	width:165px;
	height:165px;
 
}
.zone-sondage-content{
	float:right;
	width:300px;
	height:270px;
	margin-right:7px;

}

.zone-sondage {
	margin: 10px 0px 0px;
	width: 300px;
	position: relative;
	border: 1px solid #1e1e1e;
	height: 270px;
	background:#fdfdfd url(../images/bg-sondage.png) repeat-x bottom;
}
.zone-sondage h1 {
	font-size: 14pt;
	font-weight: normal;
	background: url(../images/bg-header-encyclopedie.png) repeat-x center;
	display: block;
	height: 27px;
	width: 295px;
	color: #FFFFFF;
	padding: 3px 0px 0px 5px;
	margin: 0px;
}
.zone-sondage form {
	display: block;
	margin: 0px;
	width: 295px;
	padding: 5px 5px 0px;
}
.zone-sondage form h2 {
	font-size: 8pt;
	margin: 0px;
	color: #0a5198;
	padding: 0px 0px 5px;
}
.zone-sondage form p {
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 10pt;
	clear: both;
	color:#666666;
}
.zone-sondage form label { display: block; color:#666666;
}
.zone-sondage form input[type="radio"] { float: left; }
.zone-sondage form input[type="button"] {
	background: url(../images/btn-sondage-auto.png) no-repeat center top;
	display: block;
	height: 35px;
	width: 120px;
	border-style: none;
	position: absolute;
	bottom: 5px;
	left: 90px;
	color:#FFFFFF;
	font-weight:bold;
}