/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.fond_ombre_bord_D {
	background-image: url(../_Images/ombre_D.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.fond_ombre_bord_G {

	background-image: url(../_Images/ombre_G.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.fond_contenu_principal {
	background-image: url(../_Images/bande_degrade_rose.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.fond_page_principal {
	background-image: url(../_Images/fond_page_bleu_B.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


.bord_gauche {
	background-image: url(../_Images/bandes_bord_gauche.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



/* --------- menu superieur ---------*/
#menu_superieur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 60px;
}

#menu_superieur div.normal {
	white-space: nowrap;
	float: left;
	padding-right: 45px;
}

#menu_superieur div.normal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#menu_superieur div.normal a:hover {
	color: #FFFFFF;
}

#menu_superieur div.active {
	white-space: nowrap;
	float: left;
	padding-right: 45px;
}

#menu_superieur div.active a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#menu_superieur div.active a:hover {
	color: #FFFFFF;
}

/* --------- titre ---------*/
#titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1B5298;
	padding-left: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	background-image: url(../_Images/puce_orange.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* --------- fil d'ariane ---------*/
#fil_ariane {
	font-family: Verdana;
	font-size: 10px;
	color: #666666;
	padding-left: 38px;
	padding-top: 30px;
}

#fil_ariane a {
	font-family: Verdana;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#fil_ariane a:hover {
}

/* --------- menu gauche ---------*/

#menu_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFEC5D;
	padding-bottom: 20px;
}

#menu_gauche div{ 
    width: 201px;
	margin-left: 3px;
}

#menu_gauche div a { 
    display: block;
}

* html #menu_gauche div a {  /* CSS Hack - Permet de voir l'effet sous IE */
    width: 201px;
}

#menu_gauche div a:hover {
	background: #BE2347;
}

#menu_gauche div.normal {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFDC0D;
	text-align: left;
	vertical-align: middle;
	width: 201px;
	white-space: nowrap;
}

#menu_gauche div.normal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFEC5D;
	text-decoration: none;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 24px;
}

#menu_gauche div.normal a:hover {
}

#menu_gauche div.active {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFDC0D;
	width: 201px;
}

#menu_gauche div.active a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
}

#menu_gauche div.active a:hover {
}

#menu_gauche div.normal_2 {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

#menu_gauche div.normal_2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FFEC5D;
	text-decoration: none;
	font-style: italic;
	padding-bottom: 4px;
	padding-left: 35px;
	padding-top: 4px;
}

#menu_gauche div.normal_2 a:hover {
}

#menu_gauche div.active_2 {
	text-align: left;
}

#menu_gauche div.active_2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
	padding-top: 4px;
	padding-left: 35px;
	padding-bottom: 4px;
}

#menu_gauche div.active_2 a:hover {
}

/* --------- menu inferieur ---------*/
#menu_inferieur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding-left: 80px;
}

#menu_inferieur div.normal {
	float: left;
}

#menu_inferieur div.normal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#menu_inferieur div.normal a:hover {
	color: #CCCCCC;
}

#menu_inferieur div.active {
	float: left;
}

#menu_inferieur div.active a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

#menu_inferieur div.active a:hover {
	color: #CCCCCC;
}
/* --------- menu mentions ---------*/
#menu_mentions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding-left: 80px;
}

#menu_mentions div.normal {
	float: left;
}

#menu_mentions div.normal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

#menu_mentions div.normal a:hover {
	color: #FFFFFF;
}

#menu_mentions div.active {
	float: left;
}

#menu_mentions div.active a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#menu_mentions div.active a:hover {
	color: #FFFFFF;
}

/* --------- menu liens ---------*/
#menu_liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFDC0D;
	padding-bottom: 30px;
	padding-top: 30px;
	height: 100%;
}

#menu_liens div.normal {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-align: left;
	vertical-align: middle;
	width: 150px;
	white-space: nowrap;
	border-bottom-color: #FFDC0D;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 24px;
}

#menu_liens div.normal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFDC0D;
	text-decoration: none;
}

#menu_liens div.normal a:hover {
}

#menu_liens div.active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFDC0D;
	width: 150px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 24px;
}

#menu_liens div.active a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFDC0D;
	text-decoration: none;
}

#menu_liens div.active a:hover {
}

/* --------- les contenus ---------*/
#contenu_principal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 40px;
	padding-bottom: 20px;
	color: #333333;
	background-image: url(../_Images/fond_principal_B_D.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#contenu_principal table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#contenu_principal table td
{
	vertical-align: top;
}

#contenu_principal table td.titre_blanc_fond_vert_f, #contenu_principal table td.titre_blanc_fond_vert_m, #contenu_principal table td.texte_blanc_fond_vert_c
{
	vertical-align: middle;
}

#contenu_principal h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D13C7C;
	background-image: url(../_Images/puce_rond_bicolore.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
}

#contenu_principal h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F66917;
	background-image: url(../_Images/puce_rond_bicolore_orange.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
}

#contenu_principal h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BF0000;
	background-image: url(../_Images/puce_rond_bicolore_rouge.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
}

#contenu_principal div.csc-textpic-text
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
	padding-bottom: 20px;
}

#contenu_principal ul.csc-menu
{
	padding-bottom: 20px;
	list-style-type: square;
	color: #F76A10;
}

#contenu_principal ul.csc-menu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F76A10;
}

#contenu_principal ul.csc-menu a:hover
{
	color: #1B5298;
}

#contenu_principal .csc-mailform-field
{
}

#contenu_principal .csc-mailform-field label
{
	width: 100px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

#contenu_gauche
{
}

#contenu_droite
{
}

/* --------- les coordonnees ---------*/
#coordonnees
{
}