body {
background-color: #e7e7e7;
  scrollbar-face-color: #FCFFEC;
  scrollbar-shadow-color: #CCCC33;
  scrollbar-arrow-color: #CCCC33;
  scrollbar-track-color: #FFFFFF;
  scrollbar-highlight-color : White;
  margin : 0;
  text-align : center;
  font-family:Verdana;
  font-size:11px;
  color: #1C5F36;
}

/* ==== CONTAINER ====== */
#container{                    /* Conteneur du site */
	width : 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background : url(cc_site_fond.png) repeat-y;
}

/* ==== BANNER ====== */
#banner{
height : 150px;
margin-top: 0px;
clear : left;
}
#banner_01{
	width : 180px;
	height : 150px;
	margin-top: 0px;
	float : left;
}
#banner_02{
	width : 620px;
	height : 71px;
	margin-top: 0px;
	background : url(cc_banner_fond_02.png) no-repeat;
	float : left;
}
	#banner_02_slide{
		width : 590px;
		height : 67px;
		margin-top: 3px;
		margin-left: 0px;
		float : left;
}
#banner_03{
	width : 340px;
	height : 79px;
	margin-top: 0px;
	background : url(cc_banner_fond_03_1.png) no-repeat;
	float : left;
}
#banner_04{
	width : 250px;
	height : 79px;
	margin-top: 0px;
	float : left;
}
/* menu horizontal : ROLLOVER */
a.image_01 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 58px; /* largeur de l'image réactive */
	height: 79px; /* hauteur de l'image réactive */
	background-image: url(cc_banner_fond_03_2.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_01:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_banner_fond_03_2_roll.png); /* source de l'image d'arrivée */
}
a.image_02 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 61px; /* largeur de l'image réactive */
	height: 79px; /* hauteur de l'image réactive */
	background-image: url(cc_banner_fond_03_3.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_02:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_banner_fond_03_3_roll.png); /* source de l'image d'arrivée */
}
a.image_03 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 70px; /* largeur de l'image réactive */
	height: 79px; /* hauteur de l'image réactive */
	background-image: url(cc_banner_fond_03_4.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_03:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_banner_fond_03_4_roll.png); /* source de l'image d'arrivée */
}
a.image_04 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 61px; /* largeur de l'image réactive */
	height: 79px; /* hauteur de l'image réactive */
	background-image: url(cc_banner_fond_03_5.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_04:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_banner_fond_03_5_roll.png); /* source de l'image d'arrivée */
}

#banner_05{
	width : 30px;
	height : 79px;
	margin-top: 0px;
	background : url(cc_banner_fond_03_6.png) no-repeat;
	float : left;
}


/* ==== Partie milieu ====== */

#content{
width: 800px;
height: auto;
float: left;
}

#left{
width: 185px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
float: left;
}
#left_menu{			/* menu vertical : contenu de #left */
	width: 185px;
	margin-top: 0px;
	float : left;
}
/* switch_menu */
.submenu{
	width: 185px;
	cursor: pointer;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	background-color: transparent;
}
.menutitle{
	cursor: pointer;
}
a.image_05 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 185px; /* largeur de l'image réactive */
	height: 146px; /* hauteur de l'image réactive */
	background-image: url(cc_left_doc.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_05:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_left_doc_roll.png); /* source de l'image d'arrivée */
}
a.image_06 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 185px; /* largeur de l'image réactive */
	height: 200px; /* hauteur de l'image réactive */
	background-image: url(cc_left_carte.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_06:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_left_carte_roll.png); /* source de l'image d'arrivée */
}
.submenu2{
	width: 165px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	background-color: transparent;
}
#fondrecherche{
	width : 185px;
	height : 70px;
	background-image : url(cc_fond_recherche.png);
	background-position : top;
	background-repeat : no-repeat;
	margin_top: 0px;
	float : left;
}
.search{
	float : left;
	padding-top : 25px;
	padding-left : 30px;
}
#fondmenudivers{
	width : 185px;
	height : 25px;
	background-image : url(cc_fondmenudivers.png);
	background-position : top;
	background-repeat : no-repeat;
	margin_top: 0px;
	float : left;
}


#right{
width: 615px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
float: left;
}
#right_content{
	width: 555px;
	margin-top: 10px;
	margin-right: 40px;
}
#right_col_01{
	width: 320px;
	margin-top: 10px;
	float: left;
}
#right_col_02{
	width: 230px;
	float: left;
}


/* ==== Partie basse ====== */
#footer{
	/* Conteneur de la partie basse */
	width : 800px;
	height : 110px;
	margin-top: 0px;
	float : left;
	background : url(cc_footer.png) no-repeat;
}
#footer_01{
	width : 800px;
	height : 84px;
	margin-top: 0px;
	float : left;
	background : url(cc_footer_01.png) no-repeat;
}
#footer_02{
	width: 185px;
	height: 26px;
	margin-top: 0px;
	float: left;
	background: url(cc_footer_02.png) no-repeat;
}
	#footer_02_btn{
		width: 150px;
		margin-top: 0px;
		margin-left: 15px;
		float : left;
}
a.image_07 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 32px; /* largeur de l'image réactive */
	height: 26px; /* hauteur de l'image réactive */
	background-image: url(cc_footer_login.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_07:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_footer_login_roll.png); /* source de l'image d'arrivée */
}
a.image_08 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 32px; /* largeur de l'image réactive */
	height: 26px; /* hauteur de l'image réactive */
	background-image: url(cc_footer_admin.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_08:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_footer_admin_roll.png); /* source de l'image d'arrivée */
}
a.image_09 { /* définition de la classe "image" de la balise <a> */
	display: block; /* la balise a doit être en bloc */
	width: 32px; /* largeur de l'image réactive */
	height: 26px; /* hauteur de l'image réactive */
	background-image: url(cc_footer_logout.png); /* source de l'image de départ */
	background-repeat: no-repeat;
	float : left;
}
a.image_09:hover { /* définition de la classe "image" de la balise <a> au survol */
	background-image: url(cc_footer_logout_roll.png); /* source de l'image d'arrivée */
}

#footer_03{
	width : 485px;
	height : 26px;
	margin-top: 0px;
	float : left;
	background : url(cc_footer_03.png) no-repeat;
}
	.footer_03_fff{
		margin-top: 2px;
		float : left;
		text-align : left;
		font-family:Verdana;
		font-size:11px;
		color: #ffffff;
}
#footer_04{
	width : 100px;
	height : 26px;
	margin-top: 0px;
	float : left;
}
#footer_05{
	width : 30px;
	height : 26px;
	margin-top: 0px;
	float : left;
	background : url(cc_footer_05.png) no-repeat;
}

#copyright{
	margin-left: 180px;
	clear: both;
	letter-spacing: 0px;
}



/* ==== Formulaire ADMIN ====== */
.input_admin{
	background-color: #FFFFFF;
	border-color : #666699;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	text-indent : 3px;			/* espacement du border droit */
	font-family: Verdana;
	font-size: 9px;
}





/* ==== A REVOIR ====== */

/****************************/
TD {
	font-family:Verdana;
	font-size:11px;
	color: #000000;
}

  /* ligne */
  HR {
	color: #1C5F36;
}


  /* liens par défaut */
  A {
	color: #c2081d;
	text-decoration:none;
}
  A:hover {
	color: #c2081d;
	text-decoration:underline;
}

  /* tableau par défaut */
  Table {}
  TR {}
  TD {}

  /* fond, barres de defilement et les cases de formulaire et */

  INPUT {
	background-color: #FFFFFF;
	border-color : #666699;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	text-indent : 2px;
	font-family: Verdana;
	font-size: 9px;
}

  textarea {  
   font-family: "Verdana"; 
   font-size: 10pt;
   color : #666699;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   text-decoration: none;
   letter-spacing: normal;
   text-align: normal;
   word-spacing: normal;
   border: thin ridge;
   border-color: #000080 inset;
   background-color: #FFFFFF;
  }

  SELECT {
	font-family: "Arial";
	font-size: 8pt;
	color : #666699;
	background-color: #FFFFFF;
}

/* --------------------------------------------------------------------------------- */
/* les grands titres de chaque module */
/* --------------------------------------------------------------------------------- */

  .grandtitre {
	font-family:Verdana;
	font-size:13px;
	color: #804B6C;
	font-weight:bold;
}

/* --------------------------------------------------------------- */
/* les entetes */
/* --------------------------------------------------------------- */
  TABLE.entete {
	background-color: transparent;
	border-bottom : 0px dotted #FFFFFF;
	border-top : 0px dotted #804B6C;
	text-align : left;
}
  TR.entete {
	background-color: transparent;
}

  TABLE.entete2 {}
  TR.entete2 {
	background-color: transparent;
}

  TABLE.entete3 {
	background-color: transparent;
	border-bottom : thin dotted #FFFFFF;
	border-top : thin dotted #1C5F36;
}
  TR.entete3 {
	background-color: transparent;
}

/* --------------------------------------------------------------------------------- */
/* valeurs des menus (pour les menus créés par artiphp (identification zone membre)) */
/* --------------------------------------------------------------------------------- */

  /* titre des menus */
  .menutitre {
	font-family:Verdana;
	font-size:10px;
	color: #804B6C;
	font-weight:bold;
	text-align : left;
}
  .menutexte {
	text-align : center;
	font-size : 9px;
	color : #1C5F36;
}
  TABLE.menu {
	background-color : transparent;
}
  TR.menutitre {
	text-align : left;
	height : 14px;
}
  TR.menutexte {}
  TD.menutitre {}
  TD.menutexte {}
    A.menum {
	color: #884C74;
	background-color : transparent;
	text-decoration:none;
	font-weight : bold;
	font-size : 10px;
}
  A.menum:hover {
	color: #DB6024;
	background-color : transparent;
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
}
  
  A.menu {
	color: #884C74;
	background-color : transparent;
	text-decoration:none;
	font-size : 10px;
}
  A.menu:hover {
	color: #DB6024;
	background-color : transparent;
	text-decoration : none;
	font-size : 10px;
}

  A.menuh {
	color: #c2081d;
	text-decoration:none;
	font-weight : bold;
	font-size : 10px;
}
  A.menuh:hover {
	color: #c2081d;
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
}
/* Menu du bas */
a.menubas{
	color : #CCCCCC;
	text-decoration : none;
	font-weight : bold;
}
a.menubas:hover{
	color : Gray;
	text-decoration : none;
	font-weight : bold;
}

/* --------------------------------------------------------------- */
/* les dossiers et les news */
/* --------------------------------------------------------------- */

  /* police des dossiers */
  .titre {
	font-family:Verdana;
	font-size:12pt;
	color: #C2081D;
	font-weight:bold;
}
  .chapo {font-family:Verdana; font-size:8pt; color:#000000;}
  .texte {
	font-family:Verdana;
	font-size: 10px;
	color: #000000;		/* 727272 */
}
  .datedos {
	font-family:Verdana;
	font-size:9px;
	color: #C2081D;
	font-weight:normal;
}
  .auteur {
	font-family:Verdana;
	font-size:8pt;
	color: #CCCC33;
	font-weight:bold;
}
  .cat {
	font-family:Verdana;
	font-size:8pt;
	color: #000000;
	font-weight:bold;
}


  /* tablo des dossiers */
  TABLE.dossier {}
  TR.titre {}
  TR.chapo {}
  TR.texte {}
  TR.auteur {}
  TR.cat {}


  /* liens des dossiers */
  A.titredos {
	font-family:Verdana;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}
  A:hover.titredos {font-family:Verdana; font-size:12px; color:#000000; font-weight:bold; text-decoration: underline;}


/* ----------------------------------------- */
/* l'edito */
/* ----------------------------------------- */

  /* police de l'edito */
  .titredito {
	font-weight : bold;
	font-size : 110%;
	font-style : italic;
	color : #c2081d;
}
  .textedito {
	text-align : justify;
	color : #000000;
	font-size : 11px;
}

  /* tablo de l'edito */
  TABLE.edito {}
  TR.titredito {}
  TR.textedito {}
  

    /* fonds de la page accueil */
.fondcontact{}

.fonddossier{}

.fondnews{}


/* ------------------ */
/* valeurs par defaut */
/* ------------------ */

TD.contenu{
	background-color : transparent;
	padding : 10px 10px 20px 20px;
}
.imprime{background-color : transparent;}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666699;
	font-weight : bold;
	text-align : right;
	margin-right : 10px;
	text-transform : capitalize;
}
TD.recherche{
	border-bottom : thin dotted #804B6C;
	border-top : thin dotted #804B6C;
	padding-top : 8px;
}
/* --------------------------------------------------------------- */
/* le forum */
/* --------------------------------------------------------------- */
.titreforum { text-decoration : none; font-size : 14px; font-family: Verdana; color : #FF0033;}
.blanc { text-decoration : none; font-size : 11px; font-weight: bold; font-family: Verdana; color : #FFFFFF; }
.titre2forum { text-decoration : none; font-size : 19px; font-weight: bold; font-family: Verdana; color : #31639C; }