body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size  : 12px;
  color      : #4b5c7b;
  text-align : justify;
  margin     : 0 auto;
  padding    : 0;
  width      : 1001px;
  background : url('fond.gif') #ad2f28 top center
}

td {
  font-size: 12px;
  color	 : #4b5c7b
}

h1 {
  font-size		 : 14px;
  font-weight    : bold;
  text-decoration: underline;
  padding-top	 : 10px
}
h2 {
  font-size		 : 13px;
  text-decoration: underline;
  padding		 : 8px 0 0 15px
}
h3 {
  font-size		 : 13px;
  text-decoration: none;
  padding		 : 8px 0 0 20px
}

p {
  text-align: justify
}

form {
  margin : 0;
  padding: 0
}
input {
  color  : #244685;
  padding: 0;
  margin : 2px 2px 2px 0
}
.corpsListe {
  color     : #244685;
  font-size : 10px;
  width     : auto;
  text-align: left;
  margin    : 2px 0
}

ul {
  list-style-type: square
}
ul ul {
  list-style-type: disc
}
li {
  margin-bottom: 5px
}

a {
  text-decoration: none;
  color          : #007ada
}
a:hover{
  text-decoration: underline;
  color	   : #a21011
}
.tablePage {
  width : 991px;
  margin: 0
}

.degrade_d {
  background-image: url('degrade_d.png') !important;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='degrade_d.png')
}
.degrade_g {
  background-image: url('degrade_g.png') !important;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='degrade_g.png')
}

.cadreMenuGauche {
  background    : #ffffff;
  color		    : #4b5c7b;
  width		    : 207px;
  vertical-align: top;
  padding  		: 0 0 0 6px
}
.cadreCorps {
  text-align    : justify;
  vertical-align: top;
  background    : #fff
}
.corpsTexte {
  width  : 526px;
  margin : 0;
  padding: 0 1px 0 7px
}
.cadreMenuDroite {
  background    : #ffffff;
  color		      : #4b5c7b;
  width		      : 207px;
  vertical-align: top;
  padding  		  : 0 8px 0 0;
  text-align    : right
}
.cadrePiedDePage {
  background: #fff;
  text-align: center
}


#titreMenu0, #titreMenu1, #titreMenu2, #titreMenu3, #titreMenu4, #titreMenu5, #titreMenu6 {
	background: url('menu1_a.png') no-repeat;
	width     : 197px;
	height    : 27px;
	padding   : 16px 0 0 10px
}
#titreMenu0 {
	background: url('menu0_a.gif') no-repeat
}
#titreMenu2 {
	background: url('menu2_a.png') no-repeat
}
#titreMenu3 {
	background: url('menu3_a.png') no-repeat
}
#titreMenu4 {
	background: url('menu4_a.png') no-repeat
}
#titreMenu5 {
	background: url('menu5_a.png') no-repeat
}
#titreMenu6 {
	background: url('menu6_a.png') no-repeat
}
.titreMenu a, #titreMenu0 a, #titreMenu1 a, #titreMenu2 a, #titreMenu3 a, #titreMenu4 a, #titreMenu5 a, #titreMenu6 a {
	text-decoration: underline;
	color			     : #4b5c7b;
	font-weight		 : bold;
	font-size		   : 12px
}
.titreMenu a:hover, #titreMenu0 a:hover, #titreMenu1 a:hover, #titreMenu2 a:hover, #titreMenu3 a:hover, #titreMenu4 a:hover, #titreMenu5 a:hover, #titreMenu6 a:hover {
	text-decoration: underline;
	color			     : #a21011
}

#menu0, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #espaceLogon {
	background: url('menu1_b.png') repeat-y;
	font-size   : 11px;
	width       : 197px;
	line-height : 1.4em;
	padding-left: 10px
}
#menu0 {
	background: url('menu0_b.gif') repeat-y
}
#menu2 {
	background: url('menu2_b.png') repeat-y
}
#menu3 {
	background: url('menu3_b.png') repeat-y
}
#menu4 {
	background: url('menu4_b.png') repeat-y
}
#menu5 {
	background: url('menu5_b.png') repeat-y
}
#menu6 {
	background: url('menu6_b.png') repeat-y
}

#piedMenu0, #piedMenu1, #piedMenu2, #piedMenu3, #piedMenu4, #piedMenu5, #piedMenu6 {
	background: url('menu1_c.png') no-repeat;
	width     : 207px;
	height    : 10px;
	font-size : 0em
}
#piedMenu0 {
	background: url('menu0_c.gif') no-repeat
}
#piedMenu2 {
	background: url('menu2_c.png') no-repeat
}
#piedMenu3 {
	background: url('menu3_c.png') no-repeat
}
#piedMenu4 {
	background: url('menu4_c.png') no-repeat
}
#piedMenu5 {
	background: url('menu5_c.png') no-repeat
}
#piedMenu6 {
	background: url('menu6_c.png') no-repeat
}

#titreMenuDroite0, #titreMenuDroite1, #titreMenuDroite2, #titreMenuDroite3, #titreMenuDroite4, #titreMenuDroite5, #titreMenuDroite6, #titreMenuDroite7 {
	background : url('menu_d1_a.png') no-repeat right;
	width      : 197px;
	height     : 27px;
	color      : #fff;
	padding    : 16px 12px 0 0
}
#titreMenuDroite0 {
	background : url('menu_d0_a.png') no-repeat right
}
#titreMenuDroite2 {
	background : url('menu_d2_a.png') no-repeat right
}
#titreMenuDroite3 {
	background : url('menu_d3_a.png') no-repeat right
}
#titreMenuDroite4 {
	background : url('menu_d4_a.png') no-repeat right
}
#titreMenuDroite5 {
	background : url('menu_d5_a.png') no-repeat right
}
#titreMenuDroite6 {
	background : url('menu_d6_a.png') no-repeat right
}
#titreMenuDroite7 {
	background : url('menu_d7_a.png') no-repeat right
}
#titreMenuDroite0 a, #titreMenuDroite1 a, #titreMenuDroite2 a, #titreMenuDroite3 a, #titreMenuDroite4 a, #titreMenuDroite5 a, #titreMenuDroite6 a, #titreMenuDroite7 a {
	text-decoration: underline;
	color				   : #fff;
	font-weight		 : bold;
	font-size		   : 12px
}
#titreMenuDroite0 a:hover, #titreMenuDroite1 a:hover, #titreMenuDroite2 a:hover, #titreMenuDroite3 a:hover, #titreMenuDroite4 a:hover, #titreMenuDroite5 a:hover, #titreMenuDroite6 a:hover, #titreMenuDroite7 a:hover {
	text-decoration: underline;
	color				   : #000
}

#menuDroite0, #menuDroite1, #menuDroite2, #menuDroite3, #menuDroite4, #menuDroite5, #menuDroite6, #menuDroite7 {
	background: url('menu_d1_b.png') repeat-y right;
	width      : 197px;
	font-size  : 11px;
	line-height: 1.4em;
	padding-right: 12px
}
#menuDroite0 {
	background: url('menu_d0_b.png') repeat-y right
}
#menuDroite2 {
	background: url('menu_d2_b.png') repeat-y right
}
#menuDroite3 {
	background: url('menu_d3_b.png') repeat-y right
}
#menuDroite4 {
	background: url('menu_d4_b.png') repeat-y right
}
#menuDroite5 {
	background: url('menu_d5_b.png') repeat-y right
}
#menuDroite6 {
	background: url('menu_d6_b.png') repeat-y right
}
#menuDroite7 {
	background: url('menu_d7_b.png') repeat-y right
}

#piedMenuDroite0, #piedMenuDroite1, #piedMenuDroite2, #piedMenuDroite3, #piedMenuDroite4, #piedMenuDroite5, #piedMenuDroite6, #piedMenuDroite7 {
	background	 : url('menu_d1_c.png') no-repeat top right;
	width     	 : 197px;
	height    	 : 10px;
	padding-right: 12px;
	font-size 	 : 0em
}
#piedMenuDroite0 {
	background: url('menu_d0_c.png') no-repeat top right
}
#piedMenuDroite2 {
	background: url('menu_d2_c.png') no-repeat top right
}
#piedMenuDroite3 {
	background: url('menu_d3_c.png') no-repeat top right
}
#piedMenuDroite4 {
	background: url('menu_d4_c.png') no-repeat top right
}
#piedMenuDroite5 {
	background: url('menu_d5_c.png') no-repeat top right
}
#piedMenuDroite6 {
	background: url('menu_d6_c.png') no-repeat top right
}
#piedMenuDroite7 {
	background: url('menu_d7_c.png') no-repeat top right
}

.cadreCorps {
  width: 502px
}
.corpsSousTitre {
  height		     : 16px;
  color          : #4b5c7b;
  text-align     : right;
  font-size	     : 13px;
  font-weight    : bold;
  text-decoration: underline;
  margin         : 10px 0 0;
  padding-right  : 5px;
  padding-top    : 3px
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masterhead{
	padding			 : 0;
	margin-bottom: 10px
}

#content{
  width: 497px
}

#rubrique {
  background	: url('title_right.gif') no-repeat right;
  text-align	: right;
  width			: 100%;
  vertical-align: middle;
  padding-right	: 70px
}

/***********************************************/
/* Components                                  */
/***********************************************/

#adverttop {
	width	 : 470px;
	margin : 0;
	padding: 0
}

.photo {
  padding: 10px;
  border : 1px solid #e3e3ec
}

/************* #siteInfo styles ***************/

#footer{
	clear			: both;
	font-size	: 11px;
	padding		: 2px;
	background: url('bgfooter.gif') no-repeat;
	width			: 950px;
	height		: 48px
}

#footer a{
	text-decoration: none;
	color					 : #fff
}

#footera:hover{
	text-decoration: none;
	color					 : #8dc3ff
}

/************* #login and newsletter ***************/

#espaceLogoff{
	width					: 197px;
	height				: 177px;
	background		: url('members_logoff.gif') no-repeat;
	margin				: 0;
	padding				: 10px 0 0 10px;
	font-size			: 11px;
	text-align		: left;
	vertical-align: bottom
}
#espaceLogon{
	width			: 197px;
	height		: 167px;
	background: url('members_login.gif') no-repeat;
	margin		: 0;
	padding		: 10px 0 0 10px;
	font-size	: 11px
}
#espaceLogoff input {
	font-size: 11px;
	color		 : #333333;
	width		 : 104px;
	border	 : 1px solid #999999
}

#rechercheMenu {
	width					: 197px;
	color					: #fff;	
	height				: 86px;
	background		: url('recherchebg.gif') no-repeat;
	margin				: 0;
	padding				: 10px 0 0 10px;
	font-size	    : 11px;
	text-align	  : left;
	vertical-align: bottom
}
#rechercheTailles {
	width					: 197px;
	color					: #fff;	
	height				: 86px;
	background		: url('recherchebg2.gif') no-repeat;
	margin				: 0;
	padding				: 10px 0 0 10px;
	font-size	    : 11px;
	text-align	  : left;
	vertical-align: bottom
}
#rechercheMenu input {
	font-size: 11px;
	width		 : 104px;
	border	 : 1px solid #999999
}
#rechercheTailles input {
	font-size: 11px;
	width		 : 104px;
	border	 : 1px solid #999999
}

#menuPM{
	position			: relative;
	width					: 200px;
	height				: 332px;
	background		: url('celebrites1.gif') no-repeat;
	margin				: 0;
	padding				: 10px 0 0 10px;
	font-size			: 11px;
	text-align		: left;
	vertical-align: bottom
}
/*********** #navBar link styles ***********/

#navBar {margin: 0; padding: 0; width: 226px;}

/* fix for browsers that don't need the hack */
html>body #navBar {margin: 0; padding: 0; width: 226px;}


/*** Formulaire ***/

.deroulante {
  color			: #173156;
  background: #a1b3d6;
  padding		: 0px;
  margin		: 3px 3px 3px 0;
  font-size	: 12px
}
.radio {
  background		: none;
  border			  : none;
  vertical-align: -0.35em;
  margin			  : 2px 5px 2px 0
}

/*** # interactivite ***/
.detailTitre {
  text-align    : right;
  font-weight   : bold;
  font-style    : italic;
  border-bottom : 1px dotted #000000;
  padding-bottom: 8px
}
/* star-html hack pour qu'IE affiche les borders dotted et pas dashed */
* html body .detailTitre {
  border        : 0;
  text-align    : right;
  font-weight   : bold;
  font-style    : italic;
  background    : url('dots.gif') bottom repeat-x;
  padding-bottom: 8px
}
.detailCadre {
  visibility: hidden;
  border    : 1px solid;
  width     : 380px;
  font-size : 10px;
  text-align: justify;
  padding   : 10px;
  position  : absolute
}

.detailTextes {
  border-top : 1px dotted #000000;
  padding-top: 5px
}
/* star-html hack pour qu'IE affiche les borders dotted et pas dashed */
* html body .detailTextes {
  border     : 0;
  background : url('dots.gif') top repeat-x;
  padding-top: 5px
}

.code {
  text-align : left;
  background : #dee2e7;
  font-family: monospace;
  padding    : 5px 10px;
  font-size  : 11px
}

.inverse a, div#menu0 a, div#menu1 a, div#menu2 a, div#menu3 a, div#menu4 a, div#menu5 a, div#menu6 a {
	text-decoration: none;
	color					 : #4b5c7b
}
div#menuDroite0 a, div#menuDroite1 a, div#menuDroite2 a, div#menuDroite3 a, div#menuDroite4 a, div#menuDroite5 a, div#menuDroite6 a, div#menuDroite7 a {
	text-decoration: none;
  color					 : #fff
}

.inverse a:hover, div#menu0 a:hover, div#menu1 a:hover, div#menu2 a:hover, div#menu3 a:hover, div#menu4 a:hover, div#menu5 a:hover, div#menu6 a:hover {
	text-decoration: underline;
	color				   : #a21011
}
div#menuDroite0 a:hover, div#menuDroite1 a:hover, div#menuDroite2 a:hover, div#menuDroite3 a:hover, div#menuDroite4 a:hover, div#menuDroite5 a:hover, div#menuDroite6 a:hover, div#menuDroite7 a:hover {
	text-decoration: underline;
	color					 : #000
}