/* couleurs de fond-plein à 100% */
.fond-plein-vert {   background-color: #009999;}
.fond-plein-rouge {	 background-color: #a33d50;}
.fond-plein-violet { background-color: #7e3b98;}
.fond-plein-brun {	 background-color: #663333;}
.fond-plein-jaune {	 background-color: #663300;}
.fond-plein-bleu {	 background-color: #006699;}

/* couleurs de fond du menu à 30%  */
.fond-menu-vert {	background-color: #b2e0e0;}
.fond-menu-rouge {	background-color: #e3c4ca;}
.fond-menu-violet {	background-color: #d8c4e0;}
.fond-menu-brun {	background-color: #d1c1c1;}
.fond-menu-jaune {	background-color: #e4ddbf;}
.fond-menu-bleu {	background-color: #b2d1e0;}

/* couleurs de fond de la marge à 15% */
.fond-marge-vert {	 background-color: #d9f0f0;}
.fond-marge-rouge {	 background-color: #f1e2e5;}
.fond-marge-violet { background-color: #ece2f0;}
.fond-marge-brun {	 background-color: #e8e1e1;}
.fond-marge-jaune {	 background-color: #f2eedf;}
.fond-marge-bleu {	 background-color: #d9e8f0;}

/* styles généraux */

.body {
	background-color: #33adad;
}
.fond-logo {
	background-image: url(/images/fond-banniere-a.jpg);
	background-repeat: no-repeat;
}
.fond-banniere {
	background-image: url(/images/fd-banniere.gif);
	background-repeat: no-repeat;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.normal-j {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.bold {
	font-weight: bold;
}
.title-page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.title-chap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #009999;
	word-spacing: 5px;
	text-align: left;

}
a:link {
	font-weight: bold;
	color: #009999;
	text-decoration: underline;
}
a:visited {
	font-weight: bold;
	color: #009999;
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
	color: #00778a;
	text-decoration: none;
}
a:active {
	font-weight: bold;
	color: #00778a;
	text-decoration: none;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d9f0f0;
}
.copyright a {
	color: #d9f0f0;
}
.copyright a:hover {
	text-decoration: none;
	color: #FFF;
}

.fond-rayures-bl {
	background-image: url(/images/grille-li-b.gif);
}
.cadre {
	border: 1px dashed #009999;
}
.sommaire {
	font: 10px Arial, Helvetica, sans-serif;
	border: 1px dashed #009999;
}


/* couleurs de fond du dessous des boutons */

.fond-inter-vert {
	background-image: url(/images/fd-vert.gif);
	background-repeat: repeat-x;
}
.fond-inter-rouge {
	background-image: url(/images/fd-rouge.gif);
	background-repeat: repeat-x;
}
.fond-inter-violet {
	background-image: url(/images/fd-violet.gif);
	background-repeat: repeat-x;
}
.fond-inter-brun {
	background-image: url(/images/fd-brun.gif);
	background-repeat: repeat-x;
}
.fond-inter-jaune {
	background-image: url(/images/fd-jaune.gif);
	background-repeat: repeat-x;
}
.fond-inter-bleu {
	background-image: url(/images/fd-bleu.gif);
	background-repeat: repeat-x;
}

/* gros titre de la rubrique (en dessus du menu) */

.tit-rubr-vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #d9f0f0;
}
.tit-rubr-rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #f1e2e5;
}
.tit-rubr-violet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #ece2f0;
}
.tit-rubr-brun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #e8e1e1;
}
.tit-rubr-jaune {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #f2eedf;
}
.tit-rubr-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #d9e8f0;
}

.accueil {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.accueil:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.accueil:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.accueil:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #009999;
}
a.accueil:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #009999;
}

.toplinks {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.toplinks:link {
	color: #000000;
	text-decoration: none;
}
a.toplinks:visited {
	color: #000000;
	text-decoration: none;
}
a.toplinks:hover {
	color: #000000;
	text-decoration:  underline;
}
a.toplinks:active {
	color: #000000;
	text-decoration:  underline;
}

/* menu vert */
.menu-vert {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #b2e0e0;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #009999;
	padding-bottom: 5px;
	height: 30px;
}
.menu-vert-off {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	background-image:   url(/images/fd-ruboff-vert.gif);
}
a.menu-vert:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-vert:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-vert:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
a.menu-vert:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
/* menu rouge */
.menu-rouge {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #e3c4ca;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #009999;
	padding-bottom: 5px;
	height: 30px;
}
.menu-rouge-off {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	background-image:   url(/images/fd-ruboff-rouge.gif);
}
a.menu-rouge:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-rouge:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-rouge:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
a.menu-rouge:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
/* menu violet */
.menu-violet {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #d8c4e0;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #009999;
	padding-bottom: 5px;
	height: 30px;
}
.menu-violet-off {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	background-image:   url(/images/fd-ruboff-violet.gif);
}
a.menu-violet:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-violet:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-violet:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
a.menu-violet:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
/* menu brun */
.menu-brun {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #d1c1c1;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #009999;
	padding-bottom: 5px;
	height: 30px;
}
.menu-brun-off {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	background-image:   url(/images/fd-ruboff-brun.gif);
}
a.menu-brun:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-brun:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-brun:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
a.menu-brun:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
/* menu jaune */
.menu-jaune {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #e4ddbf;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #009999;
	padding-bottom: 5px;
	height: 30px;
}
.menu-jaune-off {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	background-image:   url(/images/fd-ruboff-jaune.gif);
}
a.menu-jaune:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-jaune:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-jaune:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
a.menu-jaune:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
/* menu bleu */
.menu-bleu {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #b2d1e0;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #009999;
	padding-bottom: 5px;
	height: 30px;
}
.menu-bleu-off {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 14px;
	background-image:   url(/images/fd-ruboff-bleu.gif);
}
a.menu-bleu:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-bleu:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu-bleu:hover {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}
a.menu-bleu:active {
	color: #FFFFFF;
	text-decoration:  none;
	background-color: #33adad;
}


/* sous-menu vert */
.ssmenu-vert {
	color: #009999;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
}
.ssmenu-vert-off {
	color: #009999;
	text-decoration:  none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #009999;
	border-left: 1px solid #ffffff;
}
a.ssmenu-vert:link {
	color: #009999;
	text-decoration: none;
	border: 1px solid #b2e0e0;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-vert:visited {
	color: #009999;
	text-decoration: none;
	border: 1px solid #b2e0e0;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-vert:hover {
	color: #009999;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #d9f0f0;
}
a.ssmenu-vert:active {
	color: #009999;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #d9f0f0;
}
/* sous-menu rouge */
.ssmenu-rouge {
	color: #a33d50;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
}
.ssmenu-rouge-off {
	color: #a33d50;
	text-decoration:  none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #a33d50;
	border-left: 1px solid #ffffff;
}
a.ssmenu-rouge:link {
	color: #a33d50;
	text-decoration: none;
	border: 1px solid #e3c4ca;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-rouge:visited {
	color: #a33d50;
	text-decoration: none;
	border: 1px solid #e3c4ca;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-rouge:hover {
	color: #a33d50;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #f1e2e5;
}
a.ssmenu-rouge:active {
	color: #a33d50;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #f1e2e5;
}
/* sous-menu violet */
.ssmenu-violet {
	color: #7e3b98;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
}
.ssmenu-violet-off {
	color: #7e3b98;
	text-decoration:  none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #7e3b98;
	border-left: 1px solid #ffffff;
}
a.ssmenu-violet:link {
	color: #7e3b98;
	text-decoration: none;
	border: 1px solid #d8c4e0;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-violet:visited {
	color: #7e3b98;
	text-decoration: none;
	border: 1px solid #d8c4e0;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-violet:hover {
	color: #7e3b98;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ece2f0;
}
a.ssmenu-violet:active {
	color: #7e3b98;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ece2f0;
}
/* sous-menu brun */
.ssmenu-brun {
	color: #663333;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
}
.ssmenu-brun-off {
	color: #663333;
	text-decoration:  none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #663333;
	border-left: 1px solid #ffffff;
}
a.ssmenu-brun:link {
	color: #663333;
	text-decoration: none;
	border: 1px solid #d1c1c1;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-brun:visited {
	color: #663333;
	text-decoration: none;
	border: 1px solid #d1c1c1;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-brun:hover {
	color: #663333;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #e8e1e1;
}
a.ssmenu-brun:active {
	color: #663333;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #e8e1e1;
}
/* sous-menu jaune */
.ssmenu-jaune {
	color: #663300;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
}
.ssmenu-jaune-off {
	color: #663300;
	text-decoration:  none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #663300;
	border-left: 1px solid #ffffff;
}
a.ssmenu-jaune:link {
	color: #663300;
	text-decoration: none;
	border: 1px solid #e4ddbf;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-jaune:visited {
	color: #663300;
	text-decoration: none;
	border: 1px solid #e4ddbf;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-jaune:hover {
	color: #663300;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #f2eedf;
}
a.ssmenu-jaune:active {
	color: #663300;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #f2eedf;
}
/* sous-menu bleu */
.ssmenu-bleu {
	color: #006699;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
}
.ssmenu-bleu-off {
	color: #006699;
	text-decoration:  none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #006699;
	border-left: 1px solid #ffffff;
}
a.ssmenu-bleu:link {
	color: #006699;
	text-decoration: none;
	border: 1px solid #b2d1e0;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-bleu:visited {
	color: #006699;
	text-decoration: none;
	border: 1px solid #b2d1e0;
	padding-left: 10px;
	padding-top: 2px;
}
a.ssmenu-bleu:hover {
	color: #006699;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #d9e8f0;
}
a.ssmenu-bleu:active {
	color: #006699;
	text-decoration:  none;
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #d9e8f0;
}
.cadre {
	border: 1px solid #009999;
}
.fd-actu {
	background-image: url(images/fd-actu-j-16.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.text-actu {
	font: 11px "Trebuchet MS", Arial, sans-serif;
}