html, body {
	height: 100%;
	margin: 0;
	}

.inputmenu
{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-BOTTOM-COLOR: #dd6a4b;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #dd6a4b;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #dd6a4b;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #dd6a4b;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #877978;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px
}
/*
p
{
	margin-top: 0;
	margin-bottom: 0;
	display :inline;
}
*/
img
{
border-width: 1;
border-style: none;

}

/* ------------ LES gros titres de chaque page ---------------- */
h1
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #dd6a4b;
	font-weight: bold;
	TEXT-DECORATION: none;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}


h2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C94030;
	text-align: none;
	text-transform: uppercase;
}

/* ------ sert pour les réf en page accueil ------- */
h3
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C94030;
	text-transform: uppercase;
	line-height:18px;
	display :inline;
}

h4 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #877978;
	margin-top: 0;
	margin-bottom: 0;
}

.texte 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #49383a;
	text-align: left;
}

.contenu 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #000000;
	text-align: justify;
	text-transform: normal;
}

.contenu_gris
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #000000;
	text-align: justify;
	text-transform: normal;
}

A.texte:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #d9837b;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
	} 

A.texte:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #877978;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.texte:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #d9837b;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.texte:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: f76b5e#;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;

} 


/* ***************************************************** CONSTRUCTION DE LA PAGE HTML ******************************** */
#gauche {
	position: absolute;
	left:0;
	width: 150px;
	border : 0;
	margin : 0;
	
	display: inline;
}
#droite {
	position: absolute;
	right:0;
	width: 150px;
	border : 0;
	margin : 0;
	
	display: inline;
}

#header {
	width : 1000px;
	height: 85px;
	background-color: #FF0000;
	z-index:100000000;
	position  : absolute;
	border : 0;
	margin : 0;
	
	display: inline;
}


#conteneur {

	position  : absolute;
	height : 100%;
	background-color: #cfcfcd;
	width : 1000px;
	border : 0;
	
	padding-top : 85px;
	display: inline;
}

#gauche_conteneur {

	float : left;
	height : 100%;
	width : 230px;
	
	background-color: #FF0000;
	border : 0;
	margin : 0;
	
}

#droite_conteneur {

	float : left;
	height : 100%;
	width : 198px;
	background-color: #00FF00;
	border : 0;
	margin : 0;
	
}

#centre_conteneur {
	
	float : left;
	height : 100%;
	width : 569px;
	background-color: #FFFFFF;
	border : 0;
	margin : 0;
	
}

#menu {
	position : relative;
	z-index:100000000;
	height : 209px;
	width : 230px;
	background-color: #C0FF00;
	border : 0;
	margin : 0;

}

#actualites {

	z-index:0;
	top : 0;
	position : absolute;
	width : 230px;
	
	height : 100%; 
	background-image:URL(images/akoufen2_fond_gauche.jpg);
	/*background-color: #0000FF;*/
	border : 0;
	margin : 0;

}

#flash {
	
	height : 362px;
	width : 198px;
	background-color: #00FF00;
	border : 0;
	margin : 0;

}

#contact {
	
	height : 100%;
	width : 198px;
	background-color: #F0FF00;
	border : 0;
	margin : 0;

}

/* ***************************************************** FIN CONSTRUCTION DE LA PAGE HTML ******************************** */
/* ************** */


/* ***************************************************** SERT POUR LA PARTIE ACTUALITES ET CONTACT  ******************************** */
.champs 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #877978;
	text-align :left;
}

A.champs:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #d9837b;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.champs:active
{
	font-family: Arial, Helvetica, sans-serif;
	color: #877978;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.champs:visited
{
	font-family: Arial, Helvetica, sans-serif;
	color: #d9837b;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.champs:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: f76b5e#;
	font-size: 10px;
	font-weight: bolder;
	TEXT-DECORATION: none;
}


.date_actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #49383a;
	text-align: justify;
	margin-top: 0;
	margin-bottom: 0;
}

.gras_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #877978;
	margin-top: 0;
	margin-bottom: 0;
}

.gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: none;
	color: #877978;
}

/* Typologie pour les mois dans l'actualité */
.mois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #000000;
}

/* Typologie pour la div menu du haut */
.menu_haut {
	position:absolute;
	padding-top : 0px;
	padding-left : 20px;
	padding-right : 0px;
	margin-left : 500px;
	margin-top : 40px;
	border : 0px solid CCFFFF;
	width : 290px;
	height: 27px;
	float:left;
}

/** References */

.titre_catego_ref
{

	background-color : #CD4338;
	color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13pt;
	font-weight : bold;
}

.titre_petit_ref {

	color : #dd6a4b;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	
}

.texte_ref
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #49383a;
}


/* ***************************************************** FIN SERT POUR LA PARTIE ACTUALITES ET CONTACT  ******************************** */
/* ************** */


/* **************************************** STYLE POUR LES REFERENCES EN NOUVEAUTES  ***************************** */
.titre_ref 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C94030;
	text-align: center;
	text-transform: uppercase;
}

/* ------- lien réalisation en petit noir -------------- */
A.lien_ref:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CD4338;
	font-size: 9px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.lien_ref:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CD4338;
	font-size: 9px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.lien_ref:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CD4338;
	font-size: 9px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.lien_ref:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	font-weight: bolder;
	TEXT-DECORATION: none;
}

/* ------- lien réalisation en normal rouge -------------- */
A.lien_rea_rouge:link
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #C94030;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.lien_rea_rouge:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #C94030;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.lien_rea_rouge:visited
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #C94030;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
} 

A.lien_rea_rouge:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #C94030;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
}
/* **************************************** **  ***************************** */

/* **************************************** STYLE POUR LE MENU  ***************************** */
/* ------- lien MENU normal rouge -------------- */
A.lien_menu:link
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #dd6a4b;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
	text-transform: uppercase;
} 

A.lien_menu:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #dd6a4b;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
	text-transform: uppercase;
} 

A.lien_menu:visited
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #dd6a4b;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
	text-transform: uppercase;
} 

A.lien_menu:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bolder;
	TEXT-DECORATION: none;
	text-transform: uppercase;
}

/** Typologie du menu du hau */
.menutop
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #877978;
	font-size: 9px;
	text-transform: lowercase;
	font-weight: bold;
	TEXT-DECORATION: none;
	} 


/** Typologie des liens du menu du haut */

A.menutop:link
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #877978;
	font-size: 9px;
	text-transform: lowercase;
	font-weight: bold;
	TEXT-DECORATION: none;
	line-height:14px;
	} 
A.menutop:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #877978;
	font-size: 12px;
	text-transform: lowercase;
	font-weight: bold;
	TEXT-DECORATION: none;
	line-height:14px;
} 
A.menutop:visited
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #877978;
	font-size: 9px;
	text-transform: lowercase;
	font-weight: bold;
	TEXT-DECORATION: none;
	line-height:14px;
} 
A.menutop:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 9px;
	text-transform: lowercase;
	font-weight: bold;
	TEXT-DECORATION: none;
	line-height:14px;
}

.titre_orange
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #dd6a4b;
	font-weight: bold;
	TEXT-DECORATION: none;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.titre_rouge
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C94030;
	text-align: center;
	text-transform: uppercase;
} 

.titre_noir {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #000000;
}