/* *************************** */

/* see 125 ans styles          */

/* *************************** */

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color : #000000;

	margin: 0;

	padding: 0;

	background-color: #FFFFFF;

	height: 100%;

}



/* ************************************ */

/* structure generale - accueil         */

/* **************************************/

#conteneur {

	position: relative;

	width: 966px;

	min-height: 925px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 24px;

	background-image: url(images/fd-table.gif);

}



.fondpage {

	position: relative;

	width: 960px;

	min-height: 925px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 25px;

	background-image: url(images/fd-table.gif);

}



/* Pour Internet Explorer 6 */ * html #conteneur { height: 925px;}

#haut {

	width:950px;

	height:160px;

	background-image: url(images/bando-haut.jpg);

	background-repeat: no-repeat;

	margin-left: 8px;

}

#centre {

	width: 950px;

	min-height: 645px;

	margin-left: 8px;

}

/* Pour Internet Explorer 6 */ * html #centre { height: 645px;}



#pied {

	width: 950px;

	height: 120px;

	text-align: right;

	background-image: url(images/bando-bas.jpg);

	margin-left: 8px;

}



/* *************************** */

/* les zones dans la structure */

/* *************************** */



#contenu {

	position: absolute;

	top: 230px;

	z-index:100;

	width: 670px;

	margin-left: 10px;

	height: 500px;

	min-height: 560px;

}

/* Pour Internet Explorer 6 */ * html #centre { height: 580px;}



#colone-droite{

	position: absolute;

	top: 220px;

	z-index:100;

	width: 240px;

	margin-left: 690px;

	background-color: #eeeeee;

}

#calendrier{

	width: 220px;

	height: 240px;

/*	background-image: url(images/zone-calendrier.gif);

	background-repeat: no-repeat;

	margin-left: 10px;

	margin-top: 10px;

*/}

#rubrique-droite{

	width: 240px;

	background-image: url(images/fd-rubrique.gif);

	background-repeat: no-repeat;

	margin-top: 10px;

	margin-bottom: 5px;

	padding-top: 5px;

}



/* style paragraphe, caractères, couleurs */



p {/*padding-bottom: 2px;*/}

.bulle {
	color : #000;
	border-style:solid;
	border-color:blue;
	border-width:2px;
	padding:5px;
	text-align:justify;
	background-color: rgb(228,228,228);
}

.titre-bleu-36 {

	font-size: 36px;

	color : #02399e;

}

.titre-bleu-24 {

	font-size: 24px;

	color : #02399e;

}

.titre-jaune-24 {

	font-size: 24px;

	color : #FFCC00;

}

.titre-rubrique {

	font-size: 14px;

	color : #000000;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-image: url(images/puce01.gif);

	background-repeat: no-repeat;

	text-indent: 20px;

	background-position: 5px;

	margin-top: 6px;

	margin-bottom: 12px;

}

.texte-rubrique{

	color : #000;

	font-weight: normal;

	padding-right: 5px;

	padding-left: 5px;

	line-height: 20px;

}



.bleu{ color: #02399e; }

.jaune{ color: #FFCC00;}



/* liens */

a {color : #000; text-decoration : underline}

a:hover {

	color : #000;

	font-weight: bold;

	text-decoration : underline;

}



/* *************************** */

/* navigation                  */

/* *************************** */

dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu {

	position: absolute;

	top: 165px;

	left: 20px;	

	z-index:500;

	width: 930px;

	background-image: url(images/fd-nav.gif);

	height: 34px;

	background-repeat: no-repeat;

	padding-left: 10px;

}

#menu dl {

	float: left;

	width: 130px;

}

#menu dt {                /* titre */

	cursor: pointer;

	text-align: center;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: 5px;

	line-height: 30px;

	margin-top: 1px;

}

#menu dd {               /* encadrement sous menu */

	border: 1px solid #FFCC00;

}



#menu li {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	line-height: 20px;

	background-color: #0066CC;

}

#menu li a, #menu dt a {

	color: #fff;

	text-decoration: none;

	display: block;

	border: 0 none;

	height: 100%;

}

#menu li a:hover, #menu dt a:hover {

	background-image: url(images/motif-nav.gif);

	color: #003399;

}