@import url("StyleInfolive.css");

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #000000;
	margin: 0px;
}
a, a:link, a:active, a:visited
{
	color: #af0000;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

h3 {
color:#af0000;
font-size:12px;
font-weight:bold;
}

div#page
{
	text-align: center;
	margin-top: 10px;
}
div#conteneur
{
	width: 980px;
	height: 583px;
	background-color:#000000;
	margin-left: auto;
	margin-right: auto;
}
div#flash
{
	left:193px;
	top:7px;
	width:436px;
	height:556px;
	float: left;
	background-color: #919193;
	background-image: url(../images/fond-flash.gif);
}
div#colgauche
{
	width:191px;
	height:558px;
	float: left;
	background-repeat: no-repeat;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../images/fond-colgauche.gif);
}
div#colcentrale
{
	width:385px;
	height:558px;
	float: left;
	background-color: #919193;
	background-image: url(../images/fond-colcentrale.gif);
}
div#contenu
{
	width:385px;
	height:558px;
	float: left;
	background-color: #919193;	
}
div#colcentraleequipe
{
	width:728px;
	height:558px;
	float: left;
	position:relative;
	background-color: #919193;
}
div#colcentralehistoire
{
	width:728px;
	height:558px;
	float: left;
	position:relative;
	background-color: #919193;
	background-image: url(../images/fond-histoire.gif);
}
div#texte_equipe
{
	width:530px;
	height:291px;
	position:absolute;
	top:212px;
	left:125px;
	overflow: auto;
	text-align: left;

}

div#voir_actu
{
	width:475px;
	height:347px;
	position:absolute;
	top:149px;
	left:177px;
	overflow: auto;
	text-align: left;
}

div#agenda
{
	width:480px;
	height:347px;
	position:absolute;
	top:145px;
	left:178px;
	overflow: auto;
	text-align: left;
}
#agenda a, #agenda a:link, #agenda a:active, #agenda a:visited{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#agenda a:hover{
	color: #af0000;
	text-decoration: none;
	font-weight: bold;
}

div#prestations
{
	width:445px;
	height:347px;
	position:absolute;
	top:149px;
	left:234px;
	overflow: auto;
	text-align: left;
}

div#prestataires
{
	width:415px;
	height:347px;
	position:absolute;
	top:149px;
	left:295px;
	overflow: auto;
	text-align: left;
}
div#LienPrestataires
{
	width:280px;
	height:347px;
	position:absolute;
	top:149px;
	left:0px;
	overflow: auto;
	text-align: left;
}

/*--------------------------- Config Menu ------------------------------*/
div#blocmenu
{
	height:409px;
	position: absolute;
	left: 0px;
	top: 147px;
	width: 191px;
	background-color: #FFFFFF;
	}
div#menu
{
	height:284px;
	position: absolute;
	left: 13px;
	top: 0px;
	width: 164px;
	}
div#liens
{
	height:19px;
	position: absolute;
	left: 90px;
	top: 0px;
	width: 101px;
	text-align: left;
	line-height: 25px;
	color: #AF0000;
	}
div#lien_accueil
{
	height:14px;
	position: absolute;
	left: 25px;
	top: 131px;
	width: 40px;
	text-align: left;
	color: #AF0000;
	}
#lien_accueil a, #lien_accueil a:link, #lien_accueil a:active, #lien_accueil a:visited{
	font-size: 10px;
	font-family: verdana;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

#lien_accueil a:hover{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-decoration:none;
	font-weight: bold;
}
div#trait
{
	height:auto;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 164px;
	background-image:url(../images/div-trait.gif);
	background-repeat:repeat-y;
	}
/*--------------------------- Config Colonnes ------------------------------*/
div#coldroite
{
	width:343px;
	height:558px;
	float: left;
	position: relative;
}

#ensavoirplus a, #ensavoirplus a:link, #ensavoirplus a:active, #ensavoirplus a:visited{
	font-size: 10px;
	font-family: verdana;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
#ensavoirplus a:hover{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-decoration:none;
	font-weight: bold;
}
/*--------------------------- Config Textes ------------------------------*/
div#texte_coldroite
{
	width:285px;
	height:370px;
	position:absolute;
	top:144px;
	left:8px;
	overflow: auto;
	text-align: left;
	line-height: 20px;
}
div#texte_coldroite_artistique
{
	width:285px;
	height:300px;
	position:absolute;
	top:144px;
	left:8px;
	overflow: auto;
	text-align: left;
	line-height: 20px;
}
div#reseau
{
	width:256px;
	height:370px;
	position:absolute;
	top:144px;
	left:8px;
	overflow: auto;
	text-align: left;
	line-height: 20px;
}
div#mentions
{
	width:364px;
	height:25px;
	position:absolute;
	top:533px;
	left:-22px;
	text-align: left;
	color: #FFFFFF;
	font-size: 9px;
	background-image: url(../images/fd-mentions.gif);
}
div#mentions-large
{
	width:364px;
	height:25px;
	position:absolute;
	top:533px;
	left:363px;
	text-align: left;
	color: #FFFFFF;
	font-size: 9px;
	background-image: url(../images/fd-mentions.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-y;
}
div#texte_ressources
{
	width:285px;
	height:290px;
	position:absolute;
	top:210px;
	left:8px;
	overflow: auto;
	text-align: left;
	line-height: 20px;
}
div#texte_presentation
{
	width:268px;
	height:360px;
	position:absolute;
	top:145px;
	left:11px;
	text-align: left;
	line-height: 17px;
}
div#texte_cr_accueil
{
	width:252px;
	height:360px;
	position:absolute;
	top:145px;
	left:11px;
	text-align: left;
	line-height: 17px;
}
div#texte_cf_public
{
	width:268px;
	height:320px;
	position:absolute;
	top:208px;
	left:11px;
	text-align: left;
	line-height: 17px;
}
div#texte_amateur_externe
{
	width:268px;
	height:250px;
	position:absolute;
	top:143px;
	left:11px;
	text-align: left;
	line-height: 17px;
}
div#pied
{
	width:980px;
	height:27px;
	background-repeat:no-repeat;
	background-color:#000000;
	float: left;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
}
#pied a, #pied a:link, #pied a:active, #pied a:visited{
	color: #af0000;
	text-decoration: none;
	font-weight: bold;
}

#pied a:hover{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/*---------------------- Sous Menu----------------*/

#SSMenu{
	list-style-type: none;
	width: 185px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

#SSMenu li{
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	float: left;
	width: 185px;

}


#SSMenu li.Titre{
	color: #000000;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-image:url(../images/trait-titre.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;
	margin-top:20px;
}

#SSMenu li.TitreDesactive{
	color: #af0000;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	background-image:url(../images/trait-titre.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;
	margin-top:20px;
}

#SSMenu li.Titre a, #SSMenu li.Titre a:link, #SSMenu li.Titre a:active, #SSMenu li.Titre a:visited{
	font-size: 10px;
	font-family: verdana;
	display: block;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
}

#SSMenu li.Titre a:hover{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#af0000;
	text-decoration:none;
	font-weight: bold;
}

#SSMenu li.SsTitre a, #SSMenu li.SsTitre a:link, #SSMenu li.SsTitre a:active, #SSMenu li.SsTitre a:visited{
	font-size: 9px;
	color:#af0000;
	font-family: verdana;
	display: block;
	text-decoration:none;
	font-weight: normal;
	background-image:url(../images/puce.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:7px;
	margin-top:5px;
	margin-left:5px;
	letter-spacing: 0px;
}

#SSMenu li.SsTitre a:hover{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#af0000;
	text-decoration:none;
	font-weight: bold;
	padding-left:7px;
	margin-top:5px;
	margin-left:5px;
	letter-spacing: 0px;
}

#SSMenu li.SelectMenu a, #SSMenu li.SelectMenu a:link, #SSMenu li.SelectMenu a:active, #SSMenu li.SelectMenu a:visited{
	font-size: 9px;
	color:#af0000;
	font-family: verdana;
	display: block;
	text-decoration:none;
	font-weight: bold;
	background-image:url(../images/puce.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:7px;
	margin-top:5px;
	margin-left:5px;
	letter-spacing: 0px;
}

#SSMenu li.SelectMenu a:hover{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#af0000;
	text-decoration:none;
	font-weight: normal;
	padding-left:7px;
	margin-top:5px;
	margin-left:5px;
	letter-spacing:0px;
}

/*-------------------------  Style Select Menu  -------------------------*/
ul#Sub {
	/*color:#000000;*/
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 0px;
}

ul#Sub li {
	list-style-type: none;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	text-indent: 0px;
	display:inline;
	}
	
ul#Sub li a, ul#Sub li a:link, ul#Sub li a:visited {
	/*color:#F7931D;*/
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
	
ul#Sub li a:hover  {
    font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

scrollbar-base-color: #F7F0E2;

scrollbar-arrow-color: #282F41; 

