/*****************************************/
/*SITE Lapierre §  
/*****************************************/
/* couleurs utilisees

*/
/*****************************************/
/*layout page univers SITE Lapierre - */
/*****************************************/
#video
{
    position:absolute;
    margin-top:280px;
    margin-left:500px;
}
#texte
{
    position:absolute;
    margin-top:170px;
    margin-left:810px;
     width:310px;
    height:310px;
    color:white;
    overflow:hidden;
}
/*****************************************/
/*pagecontent */
/*****************************************/
#pagecontent
{
	width:100%;
	padding-top:375px;
}
#navuniverstop
{
	background:url(../img/haut-arrondi-u2.gif) no-repeat top left;
	padding-top:10px;
}
#navuniversbottom
{
	background:url(../img/bas-arrondi-u2.gif) no-repeat bottom left;
}
#navunivers
{
	margin:0 11px;
    width:1100px;
    height:211px;
    overflow:hidden;
    /*border:1px solid black;*/
}
#navunivers LI
{
	text-transform:uppercase;
}
.switchcategorie
{
    position:absolute;
    margin-top:88px;
    z-index:10;
}
.switchcategorie IMG
{
    border:0;
}
#boutongauche
{
    margin-left:0;
}
#boutondroit
{
    margin-left:1100px;
}
html.MSIE #boutongauche
{
    margin-left:-10px;
}
html.MSIE #boutondroit
{
    margin-left:1090px;
}
#lescategories1
{
    /*cas 1 categorie */
    width:550px;
    margin-left:275px;
    height:210px;
 }
 #lescategories2
{
    /*cas 2 categories */
    width:1100px;
    margin-left:0;
    height:210px;
 }
 #lescategories3
{
    /*cas 3 categories */
    width:1650px;
    margin-left:-275px;
    height:210px;
 }
 #lescategories4
{
    /* cas 4 categories */
    width:2200px;
    margin-left:-550px;
    height:210px;
 }
.categorie
{
    float:left;
     width:550px;
    height:210px;
    overflow:hidden;
  }
.menucategorie
{
      width:210px;
      margin:5px auto;
}
      
}
.titrecategorie
{
     width:210px;
    height:20px;
    background:url(../img/women/onglet-categorie.png) no-repeat top right;
}
.titrecategorie H2
{
    color:white;
    text-transform:uppercase;
    font-size:12px;
    margin:0;
    padding:5px 0 0 2px;
 }

.categorie UL
{
    margin:0;
    padding:0;
    width:208px;
    border:1px solid #ccc;
    background:white;
    opacity: 0.90; /* Safari, Opera and Mozilla */
    filter: alpha(opacity=90); /* IE */
}
.categorie LI
{
    margin:0;
    padding:0;
    list-style-type:none;
}
.categorie LI A
{
   font-weight:bold;
}

#contenutop
{
	margin-top:10px;
	background:url(../img/haut-arrondi-u1.gif) no-repeat top left;
	padding-top:10px;
}
#contenubottom
{
	background:url(../img/bas-arrondi-u1.gif) no-repeat bottom left;
	padding-bottom:10px;
}
#contenu
{
	background:white;
	width:1118px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#lesblocs
{
    margin-left:5px;
    
}
.unbloc 
{
    float:left;
    width:260px;
    margin:0 8px;
}
html.MSIE6 .unbloc
{
   margin:0 7px;

}
.unbloc .letitre
{
      height:120px;
}
.unbloc .letitre H2
{
      text-align:center;
      color:#999;
      margin-bottom:0;
}
.unbloc .letitre H3
{
      text-align:center;
      margin-top:0;
}
.unbloc .letitre H3 IMG
{
      border:0;
      margin-right:5px;
 
}
 .unbloc .letitre H3 A
{
    display:block;   
    color:white;
    text-decoration:none;
}

.unbloc .letitre H3 A:hover
{
          color:#eee;
}

.unbloc .letexte
{
}
.unbloc .letexte UL
{
     margin:0;
     padding:0;
}
.unbloc .letexte LI
{
     margin:0;
     padding:3px 0;
     line-height:1em;
     list-style-type:none;
}

#boutonsvideos
{
    margin-top:5px;

}
#boutonsvideos LI A
{
    padding:0 5px;

}
#archives
{
    float:right;
    margin:0 20px 0 0;
}