/* -------------------------------------------------
Document CSS RIVALDI FASHIO
Autor	:	Kahiloa Solutions & communications
Date	:	Octobre 2009
------------------------------------------------- */



/** Reset CSS
--------------------------------------------------------------------------**/
h1, h2, h3, ul, form { 
	margin:0; padding:0;
}

ul { list-style:none }

body {
	font: 77%/1.3 Arial, Helvetica, sans-serif; 
	color:#fff;
	margin:0; padding:0;
	background:#000
}

a img { border:0; }

a { text-decoration:none }

a:focus { outline:none }

/** Le bloc qui englobe le site
--------------------------------------------------------------------------**/
#global {
	height:761px;
	position:relative;
	/*background:url(../images/rivaldi_bg.jpg) no-repeat top;*/
}



/** Le conteneur
--------------------------------------------------------------------------**/
#container {
	width:972px;
	margin:auto;
}



/** Header
--------------------------------------------------------------------------**/
#header {
	height:205px;
	overflow:hidden;
	position:relative
}

h1 a {
	width:345px; height:152px;
	position:absolute;
	top:45px; left:0;
	text-indent:-9999px
}

.menu { 
	float:right; 
	width:664px; height:49px;
	margin-right:36px;
}

.menu li { float:left; }

.menu li a { 
	float:left;
	height:49px;
	/*background:url(../images/Nav.jpg) no-repeat;*/
	text-indent:-9999px;
}

.menu li a.accueil { 
	width:75px; 
	background-position:0%  0%  0%; 
}
.menu li a.accueil:hover, .menu li a.accueilActif { background-position:0% -49px;  }

.menu li a.collection { 
	width:149px; 
	background-position:-75px  0%;
}
.menu li a.collection:hover, .menu li a.collectionActif { background-position:-75px  -49px;  }

.menu li a.societe { 
	width:100px; 
	background-position:-224px  0%;
}
.menu li a.societe:hover, .menu li a.societeActif { background-position:-224px  -49px;  }

.menu li a.evenement { 
	width:130px; 
	background-position:-324px  0%;
}
.menu li a.evenement:hover, .menu li a.evenementActif { background-position:-324px  -49px;  }

.menu li a.distributeurs { 
	width:127px; 
	background-position:-454px  0%;
}
.menu li a.distributeurs:hover, .menu li a.distributeursActif { background-position:-454px  -49px;  }

.menu li a.contact { 	
	width:83px; 
	background-position:-581px  0%;
}
.menu li a.contact:hover, .menu li a.contactActif { background-position:-581px  -49px;  }

.lang {  
	position:absolute;
	right:45px; top:79px;
	width:101px;
}

/* Sous menu */
.sousmenu { position:relative }

.sousmenu ul {
	width:149px; height:98px;
	position:absolute;
	top:49px; left:0;
	display:none;
}

.sousmenu ul li {
	display:inline;
	float:none;
}

.sousmenu ul li a { 
	float:none;
	display:block;
	/*background:url(../images/menu.gif) no-repeat;*/
	text-indent:-9999px;
}

.sousmenu ul li a.homme {
	height:25px;
	background-position:0% 0%
}
.sousmenu ul li a.homme:hover { background-position:-149px 0% }

.sousmenu ul li a.enfant {
	height:31px;
	background-position:0% -25px
}
.sousmenu ul li a.enfant:hover { background-position:-149px -25px }

.sousmenu ul li a.accessoires {
	height:30px;
	background-position:0% -56px
}
.sousmenu ul li a.accessoires:hover { background-position:-149px -56px }


/** Content
--------------------------------------------------------------------------**/
#content {
	width:900px; height:375px;
	margin:15px auto 0;
	overflow:auto
}

#content img, #content object, #content embed { display:block }

.conteneur-txtRiche { 
	overflow:hidden;
	padding:19px 19px 0;
}

.texte {
	padding-bottom:16px;
	font-size:.9em;
	width:531px; 
	margin:auto;
	background:url(../images/point.gif) repeat-x bottom;
}


h2.titreH2 { 
	color:#AEAEAE; font-size:1.4em;
	margin-bottom:12px;
}

.texte p {
	margin:1em 0
}

.txtRiche a { color:#9C9C9C; text-decoration:underline  }
.txtRiche a:hover { text-decoration:none }

.images {
	float:right;
	border:1px solid #C2C2C2;
}



/** Pied de page
--------------------------------------------------------------------------**/
#footer {
	height:30px; width:100%;
	background:url(../images/footer_bg.gif) repeat-x;
	position:absolute;
	bottom:0; left:0;
}

.footer1 {
	width:900px;
	margin:auto;
}

.footer1 * {  vertical-align:middle; }
  
.footer1 object, .footer1 embed { display:inline-block }
             
.mentions-legales { 	margin-right:251px; }

.copyright { margin-right:185px;  }