@charset "utf-8";
/* CSS Document */

/* ###########    POUR COMPATIBILITE PNG SOUS IE                           */

img, div, a, input, td { behavior: url(iepngfix.htc) }

/* ###########*/

/* PERSONNALISATION DES SCROLLBAR. PAS TOP, DESOLE POUR LES PURISTES, J'AIME PAS NON PLUS. MAIS LES DIEUX DU W3C ME PARDONNERONT PEUT ETRE...  */
body {
	SCROLLBAR-FACE-COLOR: #1d324d; /*(ascenseur)*/
	SCROLLBAR-HIGHLIGHT-COLOR: #2e3e52;/*(surbrillance)*/
	SCROLLBAR-SHADOW-COLOR: #000000;/*(ombre)*/
	SCROLLBAR-ARROW-COLOR: #988d91;/*(fleche)*/
	SCROLLBAR-BASE-COLOR: #000000;/*(base)*/
	SCROLLBAR-DARKSHADOW-COLOR: #000000;/*(ombre de fond)*/
	SCROLLBAR-3DLIGHT-COLOR: #988d91/*(surbrillance de fond)*/
}
/*--------------*/
body
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background-color:#0b131d;
	color:#FFF;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#all
{
	width:980px;
	height:600px;
	background-image:url(images/all.png);
	text-align:left;
	margin:0 auto;
	padding:0 0 0 0;
}

#entete
{
	width:980px;
	height:120px;
;
}
#entete a
{
	background-image:url(images/entete.png);
	background-repeat:no-repeat;
	display:block;
	width:980px;
	height:120px;
}

#entete img , #entete a:hover , #entete a:focus , #entete a:visited
{
	border:none;
}

#titre
{
	padding:0px 400px 0px 0px;
}

#titre h1
{
	font-size:15px;
	font-weight:bold;
	text-align:right;
	padding:2px 2px 2px 2px;
	margin: 0 0 20px 0;
}

#titre h2
{
	text-align:right;
	font-size:13px;
	color:#cca42f;
	padding:2px 2px 2px 2px;
	margin: 0 0 0 0;

}

/* NAVIGATION                       */

#menu
{
	width:200px;
	float:left;
}

#navigation 
{
	margin: 0;
	padding: 0;
	list-style: none;
	/*background: #000;*/
	color: #fff;
	width: 200px;
}

#navigation #btn1
{
	background: url(images/btn1.png) left top no-repeat;
}

#navigation #btn2
{
	background: url(images/btn2.png) left top no-repeat;
}

#navigation #btn3
{
	background: url(images/btn3.png) left top no-repeat;
}

#navigation #btn4
{
	background: url(images/btn4.png) left top no-repeat;
}

#navigation #btn5
{
	background: url(images/btn5.png) left top no-repeat;
	margin-bottom:10px;
}
#navigation #btn6
{
	background: url(images/btn6.png) left top no-repeat;
}
#navigation #btn7
{
	background: url(images/btn7.png) left top no-repeat;
}
#navigation #btn8
{
	background: url(images/btn8.png) left top no-repeat;
	margin-top:50px;
}
#navigation #btn9
{
	background: url(images/btn9.png) left top no-repeat;
}
#navigation a, #navigation span 
{
	display: block;
	padding: 4px 10px 15px;
	color: #fff;
	text-decoration: none;
	/*background: url(images/fond_menu.png) left top no-repeat;*/
	font-weight: bold;
	font-size:11px;
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span 
{
	/* Attention, background du bouton déroulable réglé sur btn6 car  c'est le seul. S'il y en a plusieurs, voir pour faire un id par menu et attibuer chaque image  */
	/*background-image: url(images/btn6+.png);*/
	/*----------------*/
	background-repeat:no-repeat;
}
#navigation .open a, #navigation .open span 
{
	/* idem dessus pour btn +  */
	/*background-image: url(images/btn6-.png);*/
	
	/*----------------*/
	background-repeat:no-repeat;
}
#navigation a:hover
{
	color:#cca42f;
}

#navigation a:focus, #navigation a:active 
{
	color:#FFF;
}

#navigation .subMenu 
{
	font-size: .8em;
	background:  0 0 repeat-x;
	font-size: .9em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
}
#navigation ul.subMenu a 
{
	background: none;
	padding: 3px 20px;
}
#navigation li
{
	list-style-type:none;
}

/*[if lte IE 6]

		li {
			height: 1px;
			}
	</style>
*/

/*                          */
#contenu
{
	width:780px;
	height:400px;
	margin:0px 0px 0px 200px;
	padding: 0 0 0 0;
}
#contenuColGauche
{
	float:left;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
	height:400px;
	
}

#contenuColGauche p , #contenuColDroite p 
{
	text-align:left;
	text-indent:20px;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	line-height:15px;
}

#contenuColGauche h1
{
	font-size:18px;
	font-weight:bold;
	color:#666;
}

#contenuColGauche h2
{
	font-size:15px;
	color:#cca42f;
}
#contenuColGauche a
{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
#contenuColGauche a:hover
{
	color:#cca42f;
}

#contenuColDroite
{
	float:left;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
	height:400px;
}

#contenuColDroite a
{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

#contenuColDroite h1
{
	font-size:18px;
	font-weight:bold;
	color:#666;
}

#contenuColDroite h2
{
	font-size:14px;
	color:#cca42f;
}
#contenuColDroite a:hover
{
	color:#cca42f;
}


#contenuColDroite img
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-style:solid;
	border-width:2px;
	border-color:#cca42f;
}

#contenuColDroite table
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:none;
}

#contenuColDroite td
{
	text-align:center;
}

#contenuBas
{
	clear:both;
	width:780px;
}

#contenuBas table
{
	border:none;
	width:780px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}
#contenuBas a
{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

#contenuBas a:hover
{
	color:#cca42f;
}

.separation {
	clear : both;
	visibility:hidden;
	margin:0;
	padding:0;
}

#footer
{
	width : 980px;
	text-align:right;
	margin : 80px 0 0 0;
}

#footer a
{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover
{
	color:#cca42f;
}


/*ACTU PRESSE*/

#agenda, #presse
{
	width:320px;
	height:350px;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px ;
	background-color:#404a56;
	overflow:auto;
	border:inset 2px #0b131d;
}

#agenda a, #presse a
{
	font-size:11px;
	color:#CCC;
	font-weight:bold;
	text-decoration:none;
}


#agenda a:hover, #presse a:hover
{
	color:#cca42f;
	
}

#agenda p, #presse p
{
	margin-top:25px;
}
/*------------------*/