@charset "windows-1252";
/* CSS de la page d'accueil du site Bravollywood */

/*  redefinition de la balise html  */
html {
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #6A42C9;
}

/*  redefinition de la balise body  */
body {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color:#ffffff;
}

/*  conteneur du site  */
#conteneur {
	position: absolute;
	width: 1024px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -512px;
	width: 1024px;
	z-index:5;
	background-image: url(img/accueil.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/* cadre d'identification */
#identification {
	float: left;
	display: block;
	width: 1024px;
	text-align: center;
}

/*  premier menu contenant les collections  */
#collections {
	float: left;
	display: inline;
	width: 800px;
	height: 50px;
	text-align: center;
	margin-left: 360px;
}

#fr_cool {
	float: left;
	display: block;
	width: 87px;
	height: 20px;
	background-image: url(../images/fr_titre_cool.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#fr_cool:hover {
	float: left;
	display: block;
	background-image: url(../images/fr_titre_cool_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#fr_hype {
	float: left;
	display: block;
	width: 92px;
	height: 20px;
	background-image: url(../images/fr_titre_hype.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#fr_hype:hover {
	float: left;
	display: block;
	background-image: url(../images/fr_titre_hype_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#fr_devout {
	float: left;
	display: block;
	width: 101px;
	height: 20px;
	background-image: url(../images/fr_titre_mystic.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#fr_devout:hover {
	float: left;
	display: block;
	background-image: url(../images/fr_titre_mystic_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#en_cool {
	float: left;
	display: block;
	width: 90px;
	height: 20px;
	background-image: url(../images/en_title_cool.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#en_cool:hover {
	float: left;
	display: block;
	background-image: url(../images/en_title_cool_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#en_hype {
	float: left;
	display: block;
	width: 95px;
	height: 20px;
	background-image: url(../images/en_title_hype.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#en_hype:hover {
	float: left;
	display: block;
	background-image: url(../images/en_title_hype_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#en_devout {
	float: left;
	display: block;
	width: 110px;
	height: 20px;
	background-image: url(../images/en_titre_mystic.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#en_devout:hover {
	float: left;
	display: block;
	background-image: url(../images/en_titre_mystic_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}



#es_cool {
	float: left;
	display: block;
	width: 87px;
	height: 20px;
	background-image: url(../images/es_titulo_cool.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#es_cool:hover {
	float: left;
	display: block;
	background-image: url(../images/es_titulo_cool_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#es_hype {
	float: left;
	display: block;
	width: 92px;
	height: 20px;
	background-image: url(../images/es_titulo_hype.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#es_hype:hover {
	float: left;
	display: block;
	background-image: url(../images/es_titulo_hype_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#es_devout {
	float: left;
	display: block;
	width: 115px;
	height: 20px;
	background-image: url(../images/es_titre_mystic.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#es_devout:hover {
	float: left;
	display: block;
	background-image: url(../images/es_titre_mystic_hover.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/* extrémité droite ou gauche des boutons*/
.cote_bouton {
	float: left; 
	display: inline; 
	height: 24px;
	width:12px;
}

/* centre des boutons */
.corps_bouton {
	float: left; 
	display: inline; 
	height: 24px; 
	padding-top: 3px;
	background-image:url(img/background.jpg); 
	background-repeat:repeat-x;
	background-position:top;
}


/* lien concept */
#fr_concept, #en_concept {
	position: absolute;
	top: 459px;
	left: 696px;
	display: block;
	width: 67px;
	height: 15px;
	background-image: url('img/concept.gif');
}

#fr_concept:hover, #en_concept:hover {
	position: absolute;
	top: 459px;
	left: 696px;
	display: block;
	width: 67px;
	height: 15px;
	background-image: url('img/concept_hover.gif');
}

#es_concept {
	position: absolute;
	top: 459px;
	left: 696px;
	display: block;
	width: 77px;
	height: 15px;
	background-image: url('img/concepto.gif');
}

#es_concept:hover {
	position: absolute;
	top: 459px;
	left: 696px;
	display: block;
	width: 77px;
	height: 15px;
	background-image: url('img/concepto_hover.gif');
}