body
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: arial;
}

.bannierePublicitaire
{
	width: 728px;
	height: 105px;
	padding: 0px;
	margin: 10px auto;
	text-align:center;
	line-height:17px;
	font-size: 11px;
	font-family: arial;
	color:#FFFFFF;
	background-color:#000000;
}

h1
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: normal;
}

h2
{
	margin: 0px;
	color: #838383;
	font-weight: normal;
	font-size: 20px;
}

img
{
	display: block;
	border: none;
}

a
{
	color: #EC008C;
	font-style: italic;
	text-decoration: none;
}
a:hover{text-decoration: underline;}

div.header
{
	margin: 0px auto;
	width: 980px;
}

div.center
{
	margin: 0px auto;
	width: 980px;
}

div.center div.left
{
	float: left;
	margin-left: 5px;
	width: 665px;
}

div.center div.right
{
	float: right;
	margin-right: 5px;
	width: 300px;
}

div.footer
{
	margin: 0px auto;
	padding-top: 3px;
	width: 980px;
	height: 70px;
	font-size: 11px;
	text-align: center;
	background: url(../img/footer.gif) no-repeat bottom;
}

div.clear
{
	clear: both;
}

img.inline
{
	display: inline;
	border: none;
}

input.text
{
	margin-bottom: 10px;
	padding: 2px 5px;
	width: 390px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial;
	border: none;
	display: block;
	background: #8E8D92
}

input.textSmall
{
	padding: 2px 5px;
	width: 50px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	border: none;
	background: #8E8D92
}

select
{
	padding: 2px 5px;
	width: 88px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	border: none;
	background: #8E8D92
}

textarea
{
	margin-bottom: 10px;
	padding: 2px 5px;
	width: 390px;
	height: 100px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial;
	border: none;
	display: block;
	background: #8E8D92
}

input.submit
{
	padding: 2px 5px;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #D6007F;
	background-color: #D6007F;
}

/*MENU*/
#menu0
{
	margin-bottom: 30px;
	width: 980px;
	height: 110px;
	cursor: pointer;
	background: url(../img/entete2011.gif) no-repeat;
}

#menu1
{
	margin-left: 2px;
	float: left;
	width: 114px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu1.gif) no-repeat top;
}
#menu1S
{
	margin-left: 2px;
	float: left;
	width: 114px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu1.gif) no-repeat bottom;
}
#menu1:hover{background: url(../img/menu1.gif) no-repeat bottom}

#menu2
{
	margin-left: 2px;
	float: left;
	width: 91px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu2.gif) no-repeat top;
}
#menu2S
{
	margin-left: 2px;
	float: left;
	width: 91px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu2.gif) no-repeat bottom;
}
#menu2:hover{background: url(../img/menu2.gif) no-repeat bottom}

#menu3
{
	margin-left: 2px;
	float: left;
	width: 139px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu3.gif) no-repeat top;
}
#menu3S
{
	margin-left: 2px;
	float: left;
	width: 139px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu3.gif) no-repeat bottom;
}
#menu3:hover{background: url(../img/menu3.gif) no-repeat bottom}

#menu4
{
	margin-left: 2px;
	float: left;
	width: 143px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu4.gif) no-repeat top;
}
#menu4S
{
	margin-left: 2px;
	float: left;
	width: 143px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu4.gif) no-repeat bottom;
}
#menu4:hover{background: url(../img/menu4.gif) no-repeat bottom}

#menu5
{
	margin-left: 2px;
	float: left;
	width: 113px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu5.gif) no-repeat top;
}
#menu5S
{
	margin-left: 2px;
	float: left;
	width: 113px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu5.gif) no-repeat bottom;
}
#menu5:hover{background: url(../img/menu5.gif) no-repeat bottom}

#menu6
{
	margin-left: 2px;
	float: left;
	width: 141px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu6.gif) no-repeat top;
}
#menu6S
{
	margin-left: 2px;
	float: left;
	width: 141px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu6.gif) no-repeat bottom;
}
#menu6:hover{background: url(../img/menu6.gif) no-repeat bottom}

#menu7
{
	margin-left: 2px;
	float: left;
	width: 100px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu7.gif) no-repeat top;
}
#menu7S
{
	margin-left: 2px;
	float: left;
	width: 100px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu7.gif) no-repeat bottom;
}
#menu7:hover{background: url(../img/menu7.gif) no-repeat bottom}

#menu8
{
	margin-left: 2px;
	float: left;
	width: 122px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu8.gif) no-repeat top;
}
#menu8S
{
	margin-left: 2px;
	float: left;
	width: 122px;
	height: 85px;
	cursor: pointer;
	background: url(../img/menu8.gif) no-repeat bottom;
}
#menu8:hover{background: url(../img/menu8.gif) no-repeat bottom}

/*ROLLBOXMENU*/
div.rollBoxMenu
{
	margin-bottom: 10px;
	width: 665px;
	height: 250px;
	border-top: solid 5px #000000;
	border-bottom: solid 1px #D6007F;
}

div.rollBoxMenu a
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}

div.rollBoxMenu img.show
{
	float: left;
	display: block;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
}

div.rollBoxMenu img.hide
{
	display: none;
}

div.rollBoxMenu div.rollBoxButton
{
	float: right;
	width: 250px;
	height: 250px;
}

div.box
{
	margin-bottom: 1px;
	padding: 23px 5px 10px 70px;
	float: right;
	width: 175px;
	height: 49px;
	cursor: pointer;
}

#box1.show{background: url(../img/box1.gif) no-repeat bottom;}
#box1.hide{background: url(../img/box1.gif) no-repeat top;}
#box1.hide:hover{background: url(../img/box1.gif) no-repeat bottom;}
#box2.show{background: url(../img/box2.gif) no-repeat bottom;}
#box2.hide{background: url(../img/box2.gif) no-repeat top;}
#box2.hide:hover{background: url(../img/box2.gif) no-repeat bottom;}
#box3.show{background: url(../img/box3.gif) no-repeat bottom;}
#box3.hide{background: url(../img/box3.gif) no-repeat top;}
#box3.hide:hover{background: url(../img/box3.gif) no-repeat bottom;}
#box4.show{background: url(../img/box4.gif) no-repeat bottom;}
#box4.hide{background: url(../img/box4.gif) no-repeat top;}
#box4.hide:hover{background: url(../img/box4.gif) no-repeat bottom;}
#box5.show{background: url(../img/box5.gif) no-repeat bottom;}
#box5.hide{background: url(../img/box5.gif) no-repeat top;}
#box5.hide:hover{background: url(../img/box5.gif) no-repeat bottom;}

div.rollBoxMenu div.rollBoxButton div.newsTitle
{
	float: right;
	width: 185px;
	padding: 9px 5px 9px 2px;
}

/*BIGADD*/
div.bigAddTitle
{
	text-align: right;
	width: 300px;
	height: 26px;
}

div.bigAdd
{
	margin-bottom: 10px;
	cursor: pointer;
	border-top: solid 5px #000000;
	border-bottom: solid 1px #D6007F;
}

div.socialMediaBox
{
	margin-bottom: 10px;
	padding: 9px;
	cursor: pointer;
	border: solid 1px #D6007F;
}

div.menuFacebook
{
	margin-right: 1px;
	float: left;
	width: 98px;
	height: 21px;
	cursor: pointer;
	background: url(../img/menuFacebook.gif) no-repeat top;
}
div.menuFacebookS
{
	margin-right: 1px;
	float: left;
	width: 98px;
	height: 21px;
	cursor: pointer;
	background: url(../img/menuFacebook.gif) no-repeat bottom;
}
div.menuFacebook:hover{background: url(../img/menuFacebook.gif) no-repeat bottom}

#boxTwitter
{
	display: none;
}

div.menuTwitter
{
	margin-right: 1px;
	float: left;
	width: 82px;
	height: 21px;
	cursor: pointer;
	background: url(../img/menuTwitter.gif) no-repeat top;
}
div.menuTwitterS
{
	margin-right: 1px;
	float: left;
	width: 82px;
	height: 21px;
	cursor: pointer;
	background: url(../img/menuTwitter.gif) no-repeat bottom;
}
div.menuTwitter:hover{background: url(../img/menuTwitter.gif) no-repeat bottom}

div.smallAdd
{
	margin-bottom: 10px;
	cursor: pointer;
	border: solid 1px #D6007F;
}

/*SECTIONS*/
div.sectionTitle
{
	height: 36px;
}

div.section
{
	margin-bottom: 10px;
	border-bottom: solid 1px #D6007F;
}

div.section div.date
{
	float: left;
	padding-top: 1px;
	padding-left: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 122px;
	height: 15px;
	color: #FFFFFF;
	background: #000000;
}

div.section div.title
{
	float: left;
	padding: 0px 3px 0px 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: #000000;
}

div.section div.image
{
	float: left;
	margin-left: 5px;
	width: 125px;
	cursor: pointer;
}

div.section div.textL
{
	float: right;
	width: 530px;
}

div.section div.textR
{
	float: right;
	width: 165px;
}

div.section div.textRight
{
	float: right;
	width: 185px;
}

div.section p
{
	margin: 0px 0px 15px 0px;
	line-height: 18px;
}

div.section div.links
{
	margin: 10px 5px 0px 5px;
}

div.section div.links img
{
	cursor: pointer;
}

div.section span.photoLegende
{
	color: #8E8D92;
	font-size: 9px;
}

div.section div.qpvPhotoA
{
	float: left;
	margin-right: 14px;
	margin-bottom: 30px;
	padding-left: 55px;
	width: 170px;
	background: url(../img/qpvPhotoA.gif) bottom left no-repeat;
	color: #8E8D92;
	font-size: 12px;
}

div.section div.qpvPhotoB
{
	float: left;
	margin-right: 14px;
	margin-bottom: 30px;
	padding-left: 55px;
	width: 170px;
	background: url(../img/qpvPhotoB.gif) bottom left no-repeat;
	color: #8E8D92;
	font-size: 12px;
}

div.section div.qpvTexte
{
	float: left;
	width: 185px;
	line-height: 20px;
}

div.section div.qpvTexte img
{
	cursor: pointer;
	margin-left: 22px;
}

div.section span
{
	color: #EC008C;
	font-style: italic;
}

div.section div.qpvResultat
{
	float: left;
	width: 480px;
	line-height: 20px;
}

div.section div.qpvResultat div.postResultatA
{
	float: left;
	width: 233px;
	display: none;
}

div.section div.qpvResultat div.postResultatB
{
	float: left;
	width: 233px;
	display: none;
}

#maTrouvaille
{
	background: url(../img/maTrouvaille.gif) no-repeat;
	cursor: pointer;
	width: 199px;
}
#vosQuestions
{
	background: url(../img/vosQuestions.gif) no-repeat;
	cursor: pointer;
	width: 203px;
}
#infolettre
{
	background: url(../img/infolettre.gif) no-repeat;
	cursor: pointer;
	width: 143px;
}
#mesFashionClips
{
	background: url(../img/mesFashionClips.gif) no-repeat;
	cursor: pointer;
	width: 240px;
}
#galerieDePhotos
{
	background: url(../img/galerieDePhotos.gif) no-repeat;
	cursor: pointer;
	width: 239px;
}
#laSolderie
{
	background: url(../img/laSolderie.gif) no-repeat;
	cursor: pointer;
	width: 155px;
}
#mesLiens
{
	background: url(../img/mesLiens.gif) no-repeat;
	cursor: pointer;
	width: 143px;
}
#quEnPensezVous
{
	background: url(../img/quEnPensezVous.gif) no-repeat;
	cursor: pointer;
	width: 230px;
}

/*BIG SECTIONS*/
div.bigSection
{
	margin-bottom: 10px;
	width: 665px;
	border-top: solid 5px #000000;
	border-bottom: solid 1px #D6007F;
}

div.bigSection div.image
{
	float: left;
	width: 250px;
}

div.bigSection div.text
{
	float: right;
	padding-top: 10px;
	width: 405px;
}

div.bigSection div.text div.date
{
	padding-top: 1px;
	padding-left: 3px;
	width: 66px;
	height: 15px;
	color: #FFFFFF;
	background: #000000;
}

div.bigSection p
{
	margin: 0px 0px 15px 0px;
	line-height: 18px;
}

div.bigSection span.photoLegende
{
	color: #8E8D92;
	font-size: 12px;
}

/*MAIN TITLES*/
#nouveautesT
{
	width: 628px;
	height: 26px;
	background: url(../img/nouveautesT.gif) no-repeat right;
}

#quiSuisJeT
{
	width: 448px;
	height: 26px;
	background: url(../img/quiSuisJeT.gif) no-repeat right;
}

#quiEtesVousT
{
	width: 513px;
	height: 26px;
	background: url(../img/quiEtesVousT.gif) no-repeat right;
}

#vosCouleursT
{
	width: 480px;
	height: 26px;
	background: url(../img/vosCouleursT.gif) no-repeat right;
}

#lettreEtCouleursT
{
	width: 568px;
	height: 26px;
	background: url(../img/lettreEtCouleursT.gif) no-repeat right;
}

#quoiDeNeufT
{
	width: 499px;
	height: 26px;
	background: url(../img/quoiDeNeufT.gif) no-repeat right;
}

#mesTrouvaillesT
{
	width: 535px;
	height: 26px;
	background: url(../img/mesTrouvaillesT.gif) no-repeat right;
}

#mesFashionClipsT
{
	width: 549px;
	height: 26px;
	background: url(../img/mesFashionClipsT.gif) no-repeat right;
}

#laSolderieT
{
	width: 452px;
	height: 26px;
	background: url(../img/laSolderieT.gif) no-repeat right;
}

#ouTrouverQuoiT
{
	width: 565px;
	height: 26px;
	background: url(../img/ouTrouverQuoiT.gif) no-repeat right;
}

#infolettreT
{
	width: 443px;
	height: 26px;
	background: url(../img/infolettreT.gif) no-repeat right;
}

#vosQuestionsT
{
	width: 506px;
	height: 26px;
	background: url(../img/vosQuestionsT.gif) no-repeat right;
}

#galerieDePhotosT
{
	width: 566px;
	height: 26px;
	background: url(../img/galerieDePhotosT.gif) no-repeat right;
}

#conferencesT
{
	width: 656px;
	height: 26px;
	background: url(../img/conferencesT.gif) no-repeat right;
}

#contactT
{
	width: 507px;
	height: 26px;
	background: url(../img/contactT.gif) no-repeat right;
}

/*SECTION DROPS*/
div.sectionDrop
{
	margin-bottom: 10px;
	border-bottom: solid 1px #D6007F;
}

div.sectionDrop div.date
{
	padding-left: 3px;
	color: #FFFFFF;
	background: #000000;
	cursor: pointer;
}

div.sectionDrop div.daysO
{
	display: block;
}

div.sectionDrop div.daysC
{
	display: none;
}

div.sectionDrop div.day
{
	padding: 0px 5px;
	margin: 4px 0px 4px 5px;
	cursor: pointer;
}
div.sectionDrop div.day:hover
{
	background: #EC008C;
}
div.sectionDrop div.day:hover span
{
	color: #FFFFFF;
}

div.sectionDrop span
{
	color: #EC008C;
}

#tous
{
	display: none;
}

#encoreDuNeuf{background: url(../img/encoreDuNeuf.gif) no-repeat;}
#mesAutresTrouvailles{background: url(../img/mesAutresTrouvailles.gif) no-repeat;}
#vosAutresQuestions{background: url(../img/vosAutresQuestions.gif) no-repeat;}
#mesAutresPhotos{background: url(../img/mesAutresPhotos.gif) no-repeat;}
#plusDeFashionClips{background: url(../img/plusDeFashionClips.gif) no-repeat;}

div.resultatFigure
{
	display: none;
}

div.resultatCouleur
{
	display: none;
}

span.silhouette
{
	color: #EC008C;
	font-weight: bold;
}

div.silhouette
{
	display: none;
}


/*COMMENTAIRES*/
div.attente
{
	display: none;
	text-align: center;
}

div#commentaires
{
	border-top: 1px solid #8e8d92;
}

div#commentaires span
{
	color: #8e8d92;
}

div#commentaire_h
{
	display: none;
}

img.commentaire
{
	display: inline;
	border: none;
	position: relative;
	top: 12px;
}

div.commentaire_n
{
	margin-bottom: 1px;
	padding: 10px;
	background: #e8e8e9;
}

div.commentaire_n div.header
{
	color: #8e8d92;
}

div.commentaire_s
{
	margin-bottom: 1px;
	padding: 10px;
	background: #f7cce5;
}

div.commentaire_s div.header
{
	color: #d6007f;
}

#fieldUnit1, #fieldUnit2, #fieldUnit3, #fieldUnit4
{
	color: #000000;
}