@charset "UTF-8";
/* CSS Document SITE PROD-FH */

body
{
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

/*------------------------------------*/
/*----- GESTION DES INFOS BULLES -----*/
/*------------------------------------*/

span.info
{
	position:relative; 
}

span.info span
{
	display: none
}

span.info:hover span
{
	z-index:26;
	display:block; 
	position:absolute;
	margin-top: 20px;
	left:-100px;
	width:250px;
	border:1px solid #6699cc;
	background-color:#CCFFFF;
	color:#6699cc;
	text-align: justify;
	font-weight:none;
	padding:5px;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
}




/* -------------- PARTIES DES PAGES ------------- */

#conteneur
{
	display: block;
	width:1000px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	margin: 10px;
	text-align:center;
	margin-left: auto;
 	margin-right: auto;
}

#hautG
{
	display:block;
	float:left;
	width:180px;
	height:115px;
}

#hautG #barre1
{
	display:block;
	height:10px;
	width:180px;
	margin-top: 40px;
	background-color:#BF9F68;
}

#hautD
{
	display:block;
	float:right;
	height:115px;
	width:790px;
	padding-left:28px;
	text-align:left;
}

#hautD #barre2
{
	display:block;
	height:10px;
	margin-top: 40px;
	background-color:#BF9F68;
	text-align:left;
}

#menu
{
	display:block;
	float:left;
	width:180px;
	height:100%;
	text-align:left;
	margin:auto;
}

#page
{
	display:block;
	float:right;
	width:790px;
	height:650px;
	text-align:left;
	margin:auto;
	padding-top:8px;
	overflow:auto;
}


#bas
{
	display:block;
	padding-top:1px;
	width:1000px;
	height:40px;
	clear:both;
}

#bas #barre3
{
	height:10px;
	margin-top: 40px;
	background-color:#BF9F68;
	text-align:left;
}



/* -------------- LIENS ------------- */


a.menu {color:#3973B9; font-size: 12px;text-decoration:none}
a.menu:hover {color:#7aafee; font-size: 12px;text-decoration:underline}
a.menu:active {color:#3973B9; font-size: 12px;text-decoration:none}


a.partenaire {color:#BF9F68; font-size: 12px;text-decoration:none}
a.partenaire:hover {color:#666666; font-size: 12px;text-decoration:underline}
a.partenaire:active {color:#BF9F68; font-size: 12px;text-decoration:none}

a.retour {color:#8c8b8b; font-size: 12px;text-decoration:none}
a.retour:hover {color:#8c8b8b; font-size: 12px;text-decoration:none}
a.retour:active {color:#8c8b8b; font-size: 12px;text-decoration:none}

a.lien_intermittent {color:#993366; font-size: 10px;text-decoration:none}
a.lien_intermittent:hover {color:#CC0066; font-size: 10px;text-decoration:underline}
a.lien_intermittent:active {color:#993366; font-size: 10px;text-decoration:none}


/* -------------- FORMULAIRES ------------- */

fieldset 
{
	border:1px solid #BF9F68;
	color:#BF9F68;
	padding:10px;
}

input, select, textarea
{
	margin-top: 1px;
	margin-bottom:1px;
	border: #3973B9 1px solid;
	color:#666666;
}

input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus
{
	background-color:#DDDDDD;
	border: #3973B9;
	border-width: 1px;
	border-style:solid;
	color:#333333;
}

.bouton_connexion

{
	margin-top: 1px;
	margin-bottom:1px;
	border: #3973B9 1px solid;
	background-color:#99CCFF;
	width:83px;
	color:#3973B9;
}

.bouton_connexion:hover

{
	margin-top: 1px;
	margin-bottom:1px;
	border: #3973B9 1px solid;
	background-color:#99CCFF;
	width:83px;
	color:#FFFFFF;

}

.bouton

{
	margin-top: 1px;
	margin-bottom:1px;
	border: #3973B9 1px solid;
	background-color:#99CCFF;
	color:#3973B9;
}

.bouton:hover

{
	margin-top: 1px;
	margin-bottom:1px;
	border: #3973B9 1px solid;
	background-color:#99CCFF;
	color:#FFFFFF;

}

.bouton_supprimer

{
	margin-top: 1px;
	margin-bottom:1px;
	border: #990033 1px solid;
	background-color:#CC0033;
	color:#FFFFFF;
}

.bouton_supprimer:hover

{
	margin-top: 1px;
	margin-bottom:1px;
	border: #000000 1px solid;
	background-color:#FF7286;
	color:#000000;

}




/* -------------- TEXTES ET DIVERS ------------- */


p
{
	padding-left:9px;
}

.separateur-barre-bas 
{
	border-bottom:1px solid #555555;
}

.separateur-texte 
{
	color:#555555;
	padding-left : 5px;
	padding-right : 5px;
	font-size:19px;
	font-weight:bold;
}



.img-logo 
{
	width : 280px;
	padding-right:21px;
	margin-top:-40px;
	background-color:#FFFFFF;
}

.vignette
{
	width : 86px;
	border:solid;
	border-width:1px;
	border-color:#333333;
}

.titre_intermittent
{
	display:block;
	color:#660066;
	font-variant:small-caps;
	font-size:12px;
	height:8px;
}

.image_artistes
{
	border-style : none;
	padding-right : 10px;
}

.presentation_intermittent
{
	display:block;
	height:200px;
	font-size:10px;
}



ul#tabnav 
{
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #BF9F68;
	margin: 0;
}

ul#tabnav li 
{
	float: left;
	display: block;
	height: 13px;
	background-color: #ebebeb;
	margin: 2px 2px 0px 2px;
	border: 1px solid #BF9F68;
	color: #BBBBBB;
	padding: 4px;
}

ul#tabnav li.active 
{
	border-bottom: 1px solid #fff;
	background-color: #FFFFFF;
	color: #000000;
}

ul#tabnav li.inactive 
{
	background-color: #ebebeb;
	color: #BBBBBB;
}

#tabnav a 
{
	text-decoration: none;
	color: #000000;
}

#tabnav a:hover 
{
	background-color: #FFFFFF;
}

.cadre_dossier
{
	width:95%;
	border-width:thin;
	border-style:solid;
	border-color:#CC0000;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
}