/* Feuille de style commune a tous les sites */
/* Chaque site peut adopter des valeurs differentes ou des classes specifiques dans son fichier site.css */

/* @group Definition des pages */

/* Pages principales */

#page {
	-moz-border-radius:6px;
	background-color: #ccccff; /* bleu clair */
	border-color: #000 #fff #fff #000; /* blanc noir noir blanc  */
	border-style: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 6px 4px 6px;
	width: 800px;
}

/* Colonne de gauche (menu) */

#pageMenu {
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 130px;
}

#pageMenu td {
	font-size: 9px;
}

/* Colonne de droite (contenu) */

#pageContenu {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#pageContenu br {
	font-size: 4px;
}

/* Ligne du bas (navigation et pied) */

#pageBas {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* Pages popup */

#popup {
	background-color: #b0d0ff; /* bleu clair (fond) */
	margin-left: auto;
	margin-right: auto;
	padding: 4px 10px 4px 10px;
	width: 720px;
}

#popupContenu {
	text-align: center;
}

#popupContenu br {
	font-size: 6px;
}

#popupBas {
	text-align: center;
}

/* @end */

/* @group Navigateur gauche */

#menu {
	font-size: 10px;
	font-weight: normal;
	margin: 15px 5px 0 0;
	padding: 0;
}

#menu p {
	-moz-border-radius: 6px 6px 0 0;
	background-color: #b5b5eb; /* bleu fonce */
	border-color: #fff #000 #b5b5eb #fff; /* noir blanc blanc noir  */
	border-style: solid;
	border-width: 1px;
	color: #0000ff;							/* bleu */
	font-weight: bold;
	margin: 6px 0 0 0;
	padding: 3px 0 3px 0;
	text-align: center;
}

#menu li a {
	color: #0000ff;				/* bleu */
	display: block;
	font-style: italic;
	margin: 0;
	padding: 2px 0 2px 3px;
	text-align: left;
	text-decoration: none;
}

#menu li a:hover {
	background-color: #6699cc; /* bleu moyen */
	color: #fff;				/* blanc */
}

#menu li a:active {
	background-color: #336699; /* bleu fonce */
	color: #fff;				/* blanc */
}

#menu .menuInactif {
	color: #fff;				/* blanc */
	font-style: italic;
	padding: 2px 0 2px 3px;
}

/* Premier niveau - Pages principales */

#menu ul {
	-moz-border-radius: 0 0 6px 6px;
	background-color: #d9d9d9;		/* gris 85% */
	border-color: #d9d9d9 #000 #000 #fff; /* noir blanc blanc noir  */
	border-style: solid;
	border-width: 1px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	list-style-image: none;
	margin: 2px 0 0 0;
	text-align: left;
	/*width:  100%;*/
}

/* Deuxieme niveau - Pages secondaires */

#menu ul ul {
	border-style: none;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#menu ul ul li {
	list-style-image: none;
	margin: 2px 0 0 0;
	text-align: left;
	/*width:  100%;*/
}

/* @end */

/* @group Navigation en bas de page */

#nav {
	font-size: 10px;
	margin: 2px 0 0 0;
	padding: 0;
	width: 100%;
}

#nav .navBoutonZoom {
	width: 130px;
}

#nav .navBouton25 {
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
	_width: 24.99%;		/* Pour IE */
}

#nav .navBouton33 {
	float: left;
	margin: 0;
	padding: 0;
	width: 33%;
	_width: 32.99%;		/* Pour IE */
}

#nav .navaG {
	margin-left: 4px;
}

#popupBas .navaG {
	margin: 0;
}

#nav .navaC {
	margin-left: 4px;
}

#nav .navaD {
	margin-left: 4px;
}

#nav a {
	background-color: #b8e3f7; /* bleu clair */
	border-color: #fff #000 #000 #fff; /* blanc noir noir blanc  */
	border-style: solid;
	border-width: 1px;
	color: #0000ff;				/* bleu */
	display: block;
	padding: 3px;
	text-align: center;
	text-decoration: none;
}

#nav a:hover { 
	background-color: #6699cc; /* bleu moyen */
	color: #fff;				/* blanc */
}

#nav a:active { 
	background-color: #336699; /* bleu fonce */
	border-color: #000 #fff #fff #000; /* noir blanc blanc noir  */
	color: #fff;				/* noir */
}

/* Faux bouton de navigation inactif */
#nav .navInactif {
	background-color: #b8e3f7; /* bleu clair */
	border-color: #fff #000 #000 #fff; /* blanc noir noir blanc  */
	border-style: solid;
	border-width: 1px;
	color: #a1a1a1;				/* gris 40% */
	display: block;
	font-style: italic;
	padding: 3px;
	text-align: center;
}

/* @end */

/* @group Pied de page */

#pied {
	clear: both;
	width: 100%;
}

#pied p {
	color: #666666;				/* gris 40% */
	font-size: 8px;
	font-style: italic;
}

#pied .piedG {
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
}

#popupBas .piedG {		/* pour les popups */
	float: left;
	margin: 0;
	padding: 0;
}

#pied .piedD {
	float: right;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group page zoom */

#zoom p {
	margin: 8px 0 0 0;
	padding: 0;
}

/* @end */

/* @group Tags HTML standards */

body {
	background-color: #b0d0ff; /* bleu clair (fond) */
	font: 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

blockquote {
	background-color: #e6e6e6;		/* gris 90% */
	border-color: #000 #fff #fff #000; /* noir blanc blanc noir  */
	border-style: solid;
	border-width: 1px;
	padding: 6px;
	margin-left: none;
	margin-right: none;
}

blockquote p {
	padding: 0;
	margin: 0;
}

cite {
	color: #0000ff;				/* bleu */
}

h1 {
	color: #af0000;				/* bordeaux */
	font-size: 18px;
	margin: 0 0 8px 0;
	text-align: center;
}

h2 {
	color: #0033ff;				/* bleu */
	font-size: 16px;
	margin: 6px 0;
	text-align: center;
}

h3 {
	color: #660000;				/* carmin */
	font-size: 14px;
	margin: 6px 0 6px 8px;
	text-align: left;
}

h4 {
	color: #666666;				/* gris 40% */
	font-size: 12px;
	margin: 6px 0 6px 8px;
	text-align: left;
}

img {
	border-width: 0;
}

p {
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

table {
	border-spacing: 0;
	border-width: 0;
	_margin: 0;	/* pour IE */
}

table.bordure {
	border-spacing: 6px;
}

table.cpc {				/* cpc = 100% */
	width: 100%;
	_width: 99.5%;				/* pour IE */
}

td {
	font-size: 10px;
	text-align: center;
}

/* @end */

/* @group Classes textes */

/* Cadrages horizontal */

.centre {
	text-align: center;
}

.droite {
	text-align: right;
}

.gauche {
	text-align: left;
}

.justifie {
	text-align: justify;
}

/* Cadrages vertical */

.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.middle {
	vertical-align: middle;
}

/* marges horizontales */

.marge {
	margin-left: 20px;
	margin-right: 20px;
}

.margeAuto {
	margin-left: auto;
	margin-right: auto;
}

.margeLarge {
	margin-left: 50px;
	margin-right: 50px;
}

.margeReduite {
	margin-left: 6px;
	margin-right: 6px;
}

.sansMarge {
	margin-left: 0;
	margin-right: 0;
}

/* marges verticales */

.compact {
	margin-top: 0;
	margin-bottom: 0;
}

.compactH {
	margin-top: 0;
}

.compactB {
	margin-bottom: 0;
}

.esp6 {
	margin-top: 6px;
}

.esp8 {
	margin-top: 8px;
}

.esp10 {
	margin-top: 10px;
}

.esp12 {
	margin-top: 12px;
}

.esp14 {
	margin-top: 14px;
}

/* Graisses */

.normal {
	font-weight: normal;
}

.gras {
	font-weight: bold;
}

/* Tailles du texte */

.petit {
	font-size: 8px;
}

.moyen {
	font-size: 10px;
}

.gros {
	font-size: 12px;
}

.tresGros {
	font-size: 14px;
}

.enorme {
	font-size: 16px;
}

/* Styles */

.italique {
	font-style: italic;
}

/* Couleurs */

.bleu {
	color: #0000ff;
}

.rouge {
	color: #ff0000;
}

/* Legendes */

.legende {
	color: #666666;				/* gris 40% */
	font-style: italic;
	margin-bottom: 6px;
	margin-top: 0;
	text-align: center;
}

.blocLegende {
	color: #666666;				/* gris 40% */
	font-style: italic;
	margin: none;
	margin-bottom: 6px;
	margin-top: 0;
}

/* @end */

/* @group Blocs de presentation */

/* Definition du bandeau de titre des blocs de texte */

.bandeau {
	-moz-border-radius: 8px 8px 0 0;
	background-color: #b5b5eb;		/* bleu pale */
	border-color: #fff #000 #000 #fff; /* blanc noir noir blanc  */
	border-style: solid;
	border-width: 1px;
	margin: 6px auto 0 auto;
}

div.bandeau a {
	text-decoration: none;
}

div.bandeau img {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.bandeau p {
	margin: 0;
	padding: 0;
}

/* Definition des blocs de texte */

.blocTexte {
	-moz-border-radius: 0 0 8px 8px;
	background-color: #d9d9d9;		/* gris 85% */
	border-color: #fff #000 #000 #fff; /* blanc noir noir blanc  */
	border-style: solid;
	border-width: 1px;
	margin: 0 auto 0 auto;
	padding-bottom: 8px;
	padding-top: 5px;
	text-align: center;
}

div.blocTexte hr {
	margin: 8px none;
	padding: 0 6px 0 6px;
}

/* Section ŕ l'intérieur d'un bloc texte */

.section {
	margin: 12px 2px 12px 2px;
}

div.section a {
	text-decoration: none;
}

div.section h4 {
	margin-left: 6px;
}

div.section p {
	margin: 6px;
}

/* Fleche de remontee dans une section vers le haut de page */

.haut {
	background-image: url(images/Haut.gif);
	background-repeat: no-repeat;
	float: right;
	height: 17px;
	margin-top: 5px;
	margin-right: 10px;
	width: 15px;
}

/* Fleche de remontee dans une section vers un sommaire intermediaire */

.retour {
	background-image: url(images/RetourSection.gif);
	background-repeat: no-repeat;
	float: right;
	height: 14px;
	margin-top: 5px;
	margin-right: 8px;
	width: 14px;
}

/* Definition du bandeau de titre des blocs de liste */

.bandeauListe {
	-moz-border-radius: 6px 6px 0 0;
	background-color: #b5b5eb; /* bleu pale */
	border-color: #000 #000 #b5b5eb #000; /* noir noir bleu moyen noir */
	border-style: solid;
	border-width: 1px;
	display: block;
	margin-top: 6px;
	padding: 4px;
}

div.bandeauListe p {
	margin: 0;
	padding: 0;
}

/* Definition des blocs de liste */

.blocListe {
	-moz-border-radius: 0 0 6px 6px;
	background-color: #e6e6e6;		/* gris 90% */
	border-color: #e6e6e6 #000 #000 #000; /* gris clair noir noir noir */
	border-style: solid;
	border-width: 1px;
	display: block;
	padding: 4px;
	margin-bottom: 6px;
}

div.blocListe ul {
	padding-left: 18px;
}

/* @end */

/* @group Liste de liens (vertical) */

ul.lien {
	font-weight: bold;
	list-style-image: url(images/itemBleu.gif);
	list-style-type: none;
	margin: 0;
	padding-left: 38px;
	text-align: left;
}

/* Premiere niveau - Liens principaux */

ul.lien li {
	padding: 2px;
}

/* Deuxieme niveau - Liens secondaires */

ul.lien ul {
	list-style-image: url(images/itemBleu.gif);
	list-style-type: none;
	padding-left: 18px;
}

ul.lien ul li {
	padding: 2px;
}

ul.lien li a {
	color: blue;
	margin: 0;
	padding: 2px;
	text-decoration: none;
}

ul.lien li a:hover {
	background-color: #6699cc;
	color: #fff; 
}

ul.lien li a:active {
	background-color: #336699;
	color: #fff; 
}

.lienInactif {
	color: #000;
	font-style: normal;
	padding-left: 2px;
}

/* @end */

/* @group Liste de liens (horizontal) */

ul.lienH {
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 40px;
	text-align: center;
}

ul.lienH li {
	background-image: url(images/itemBleuLarge.gif);
	background-position: 0 center;
	background-repeat: no-repeat;
	display: inline;
	padding: 2px 10px 2px 10px;
}

ul.lienH li a {
	color: blue;
	margin: 0;
	padding: 2px;
	text-decoration: none;
}

ul.lienH li a:hover {
	background-color: #6699cc;
	color: #fff; 
}

ul.lienH li a:active {
	background-color: #336699;
	color: #fff; 
}

/* @end */

/* @group Liste simple */

ul.liste {
	list-style-image: url(images/itemNoir.gif);
	list-style-type: none;
	margin: 0;
	padding-left: 38px;
	text-align: left;
}

ol.liste {
	margin: 0;
	padding-left: 38px;
	text-align: left;
}

/* Pour supprimer l'affichage d'une "puce" */

.nopuce {
	list-style-type: none;
	list-style-image: none;
}

ul.liste li {
	padding: 2px;
}

ol.liste li {
	padding: 2px;
}

/* Deuxieme niveau - Liens secondaires */

ul.liste ul {
	list-style-image: url(images/itemNoir.gif);
	list-style-type: none;
	padding-left: 18px;
}

ul.liste ul li {
	padding: 2px;
}

/* @end */

/* @group Liens dans le texte */

a.std {
	color: blue;
	font-style: italic;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

a.std:hover {
	background-color: #6699cc;
	color: #fff;
}

a.std:active {
	color: #fff;
	background-color: #336699;
}

/* @end */

/* @group Bouton dans une page */

.bouton {
	
}

.bouton a {
	-moz-border-radius: 6px;
	background-color: #d4d4d4;		/* gris 83% */
	border-color: #fff #000 #000 #fff; /* blanc noir noir blanc */
	border-style: solid;
	border-width: 1px;
	color: #0000ff;				/* bleu */
	display: block;
	margin: 0;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

.bouton a:hover { 
	background-color: #6699cc;
	color: #fff;				/* blanc */
}

.bouton a:active { 
	background-color: #336699;
	border-color: #000 #fff #fff #000; /* noir blanc blanc noir  */
	color: #fff;				/* blanc */
}

/* @end */

/* @group Tableau de donnees */

.tableau {
	margin-left: auto;
	margin-right: auto;
}

.tableau th {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

.tableau td {
	text-align: left;
	padding: 4px;
}

.tableau thead {
	background-color: #c7c7c7;		/* gris 78% */
}

.tableau tr.l1 {
	background-color: #e0e0e0;		/* gris 88% */
}

.tableau tr.l2 {
	background-color: #d4d4d4;		/* gris 83% */
}

/* Cadre de cellule de tableau */

.cadre {
	background-color: #cccccc;		/* gris 80% */
	border-color: #fff #000 #000 #fff; /* blanc noir noir blanc  */
	border-style: solid;
	border-width: 1px;
}

.cadreCreux {
	background-color: #cccccc;		/* gris 80% */
	border-color: #000 #fff #fff #000; /* noir blanc blanc noir  */
	border-style: solid;
	border-width: 1px;
	padding-bottom: 6px;
}

/* @end */