/*
Codes couleurs
#FFFFFF : Blanc
#003366 : Bleu foncé
#0066CC : Bleu moyen
#E5EFFA : Bleu très clair (E5EFFA)
#F0F0F0 : Gris très clair
#CCCCCC : Gris moyen
#333333 : Gris foncé
#CC0066 : Rose
#FAE5EF : Rose très clair
*/

/*
---------- Corps de page 
*/
body {
margin:0 0 0 0;

background-color:#FFFFFF;

font-family:Verdana, Sans-Serif, Arial;
font-size:14px;
font-weight:normal;
color:#003366;

height:100%;
overflow:scroll;
}

/*
--------- Découpage de la page
*/
.partieGauche {
width:300px;
padding:10px 10px 10px 10px;
float:left;
background-color:#003366;
color:#FFFFFF;
}
.partieDroite {
width:450px;
padding:10px 10px 10px 10px;
float:left;
}

.partieGauche a, .partieGauche a:link, .partieGauche a:visited {
color:#FFFFFF;
}
.partieGauche fieldset {
border:1px solid #E5EFFA;
padding:10px;
}

.partieGauche legend {
font-weight:bold;
font-size:larger;
color:#E5EFFA;
}
.partieDroite a, .partieDroite a:link, .partieDroite a:visited {
color:#4D6D7F;
}
.partieDroite fieldset {
border:1px solid #4D6D7F;
padding:10px;
}
.partieDroite legend {
font-weight:bold;
font-size:larger;
color:#4D6D7F;
}


/*
---------- Formatage de texte
*/
p		 		{ text-align:justify; }
blockquote		{ margin:0px; margin-left:40px; }
.comment 		{ font-size:smaller; }
.titre1			{ font-size:14px; color:#003366; font-weight:bold; }
.titrePage		{ font-size:14px; color:#4D6D7F; font-weight:bold; }
.titre14px		{ font-size:14px; font-weight:bold; }
.titre12px		{ font-size:12px; font-weight:bold; }
.plusPetit		{ font-size:smaller; }


/*
---------- Backgrounds
*/



/*
---------- News
*/
.newsNomCentre	{ font-style:italic; color:#4D6D7F; font-size:smaller; }
.newsTitre		{ font-weight:bold; }

/*
---------- Annonces
*/
.annonceDate		{ color:#4D6D7F; }
.annoncePoste		{ font-weight:bold; font-size:larger; color:#4D6D7F; }
.annonceLien		{ color:#4D6D7F; }
.annonceContainer	{ display:block; padding:0px 0px 20px 0px; }
.encartTop .annonceLien		{ color:#4D6D7F; }

/*
---------- Pages des centres
*/
.bgNomCentreFond {
padding:0px 0px 0px 0px;
border-bottom:1px solid #4D6D7F;
background-color:#FAE5EF;
float:left;
width:100%;
}
.bgNomCentre {
background-image:url(images/bgOngletCentre.jpg);
background-repeat:no-repeat;
background-position:right top;
background-color:#4D6D7F;
min-width:120px;
padding:0px 120px 0px 0px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
float:left;
}

.bgOnglets {
padding:0px 0px 0px 0px;
background-color:#E5EFFA;
float:left;
width:100%;
}
.bgOngletPage {
background-image:url(images/bgOngletPage.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-color:#6684A3;
padding : 2px 10px 2px 5px;
color:#FFFFFF;
float:left;
border-left:1px solid #E5EFFA;
}
.bgOngletPageCourante {
background-image:url(images/bgOngletPageCourante.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-color:#003366;
padding: 2px 10px 2px 5px;
font-weight:bold;
color:#FFFFFF;
float:left;
border-left:1px solid #E5EFFA;
}

.bgOngletPage a:link, .bgOngletPage a:active, .bgOngletPage a:visited {
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}
.bgOngletPageCourante a:link, .bgOngletPageCourante a:active, .bgOngletPageCourante a:visited {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}


/*
---------- Images
*/
img { border:0px; background:none; }


/*
---------- Liens
*/
a				{ color:#003366; text-decoration:underline; }
a:hover			{ color:#0066CC; text-decoration:none; }
a:link			{ color:#003366; text-decoration:underline; }
a:visited		{ color:#003366; text-decoration:underline; }


/*
---------- Tableaux
*/
table 	{ border-collapse:collapse; background-color:transparent; }
td 		{ font-family:arial; font-size:11px; font-weight:normal; color:#003366; padding:2px; }



/*
---------- Bordures
*/
.borderBlanc			{ border:1px solid #FFFFFF; }
.borderBleuTresClair	{ border:1px solid #E5EFFA; }
.borderBleuMoyen		{ border:1px solid #0066CC; }
.borderBleuFonce		{ border:1px solid #003366; }
.borderGrisTresClair	{ border:1px solid #F0F0F0; }
.borderGrisMoyen		{ border:1px solid #CCCCCC; }
.borderGrisFonce		{ border:1px solid #333333; }
.borderRose				{ border:1px solid #CC0066; }
.borderRoseTresClair	{ border:1px solid #FAE5EF; }



/*
---------- Backgrounds
*/
.bgBlanc			{ background-color:#FFFFFF; color:#003366; }
.bgBleuTresClair	{ background-color:#E5EFFA; color:#003366; }
.bgBleuMoyen		{ background-color:#0066CC; color:#FFFFFF; }
.bgBleuFonce		{ background-color:#003366; color:#FFFFFF; }
.bgGrisTresClair	{ background-color:#F0F0F0; color:#333333; }
.bgGrisMoyen		{ background-color:#CCCCCC; color:#333333; }
.bgGrisFonce		{ background-color:#333333; color:#F0F0F0; }
.bgRose				{ background-color:#CC0066; color:#FAE5EF; }
.bgRoseTresClair	{ background-color:#FAE5EF; color:#CC0066; }



/*
---------- Formulaires
*/
form { display:inline; } /* suppression de l'espace après le formulaire */
input, textarea	{ font-family:arial; font-size:11px; font-weight:normal; color:#003366; }

.inputBlanc			{ border:1px solid #003366; font-size:smaller; background-color:#FFFFFF; color:#003366; padding:0px; padding-left:2px; }
.inputBleuTresClair { border:1px solid #003366; font-size:smaller; background-color:#E5EFFA; color:#003366; padding:0px; padding-left:2px; }
.inputBleuMoyen		{ border:1px solid #FFFFFF; font-size:smaller; background-color:#0066CC; color:#FFFFFF; padding:0px; padding-left:2px; }
.inputBleuFonce		{ border:1px solid #FFFFFF; font-size:smaller; background-color:#003366; color:#FFFFFF; padding:0px; padding-left:2px; }
.inputGrisTresClair { border:1px solid #333333; font-size:smaller; background-color:#F0F0F0; color:#333333; padding:0px; padding-left:2px; }
.inputGrisMoyen		{ border:1px solid #333333; font-size:smaller; background-color:#CCCCCC; color:#333333; padding:0px; padding-left:2px; }
.inputGrisFonce		{ border:1px solid #F0F0F0; font-size:smaller; background-color:#333333; color:#F0F0F0; padding:0px; padding-left:2px; }
.inputRose			{ border:1px solid #CC0066; font-size:smaller; background-color:#FFFFFF; color:#CC0066; padding:0px; padding-left:2px; }
.inputRoseTresClair	{ border:1px solid #FAE5EF; font-size:smaller; background-color:#FFFFFF; color:#FAE5EF; padding:0px; padding-left:2px; }

.btnBlanc			{ border:1px solid #003366; font-size:smaller; background-color:#FFFFFF; color:#003366; }
.btnBleuTresClair	{ border:1px solid #003366; font-size:smaller; background-color:#E5EFFA; color:#003366; }
.btnBleuMoyen		{ border:1px solid #FFFFFF; font-size:smaller; background-color:#0066CC; color:#FFFFFF; }
.btnBleuFonce		{ border:1px solid #FFFFFF; font-size:smaller; background-color:#003366; color:#FFFFFF; }
.btnGrisTresClair	{ border:1px solid #333333; font-size:smaller; background-color:#F0F0F0; color:#333333; }
.btnGrisMoyen		{ border:1px solid #333333; font-size:smaller; background-color:#CCCCCC; color:#333333; }
.btnGrisFonce		{ border:1px solid #F0F0F0; font-size:smaller; background-color:#333333; color:#F0F0F0; }
.btnRose			{ border:1px solid #FAE5EF; font-size:smaller; background-color:#CC0066; color:#FAE5EF; }
.btnRoseTresClair	{ border:1px solid #CC0066; font-size:smaller; background-color:#FAE5EF; color:#CC0066; }

/*
---------- Menu DHTML
*/
.menu1 {
	position:absolute; 
	display:none; 
	z-index:0; 
	visibility: hidden; 
	padding:0px 0px 10px 0px; 
	overflow:hidden; 
	border:0px;
	border-top:1px solid #FFFFFF; 
	border-right:5px solid #FFFFFF;
	background-color:#4D6D7F;
	height:auto;
	background-image:url(images/bgDegradeRose.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}


.menuCellVille	{ 
background-color:#4D6D7F; 
color:#FFFFFF; 
text-decoration:none; 
padding:5px 0px 5px 5px; 
width:100%;
border-bottom:1px dotted #FAE5EF; 
font-size:14px; 
font-weight:bold;
}
.menuCell		{ 
background-color:#4D6D7F; 
color:#FFFFFF; 
text-decoration:none; 
padding:0px 5px 5px 5px; 
width:100%; 
border-left:5px solid #FAE5EF;
}
.menuCellOver	{
background-color:#FAE5EF;
color:#4D6D7F;
text-decoration:none;
padding:0px 5px 5px 5px;
width:100%;
border-left:5px solid #4D6D7F;
}

.menuPartieGauche { width:150px; padding:0px 10px 0px 0px; float:left; }
.menuPartieDroite { width:150px; padding:0px 10px 0px 0px; float:right; border-left:1px dotted #4D6D7F; }


