body  {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*background-color: #FFFFFF;*/
	background: #210f0b url(../images/ph-ext-header.jpg) repeat-x;
    }
    
.general #container {
	width: 900px;  /* Largeur du container pour dans une fenêtre de navigateur de 992 pixels avec les tailles de police par défaut 46em pour 1 affichage de 800 pixels */
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../images/img-fond.jpg) repeat-y;
    }

.general #header {
	height: 345px;
	background-color: #FFFFFF;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;    
	} 

.header_gauche {
	float: left;
	margin-left: 3px;
	width: 165px;
}

h1 {
	font-size:14px;
	letter-spacing: 2px;
}

.header_droite {
	float: right;
	width: 165px;
	margin-right: 3px;
}
.general #leftcolumn {
	float: left;
	width: 170px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 2px 0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 518px;
}
.general #menu1 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.general #menu1 a
{
	display: block;
	width: 128px;
	background-color: #FFFFFF;
	background-image: url(../images/menu_off.jpg);
	height: 19px;
	background-repeat: no-repeat;
	padding-left: 42px;
	text-decoration: none;
	padding-top: 9px;
}

.general #menu1 dt {
	cursor: pointer;
}

.general #menu2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.general #identification {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5a91cd;
}

.general #leftcolumn  a:link, .general #menu1  a:visited
{
	color: #000000;
	text-decoration: none;
}

.general #leftcolumn a:hover
{
	background-image: url(../images/menu_on.jpg);
	color: #2f459a;
}
.general #leftcolumn .menu_on
{
	background-image: url(../images/menu_on.jpg);
	color: #2f459a;
}

/*
.general #active a:link, .general #active a:visited, #active a:hover
{
	background-color: #FFFFFF;
	background-image: url(../images/menu_on.jpg);
	color: #2f459a;
}
*/
.general #leftcolumn h3, .general #leftcolumn p, .general #rightcolumn p, .general #rightcolumn h3 {
    	margin-left: 10px; /* il est conseillé d'attribuer des valeurs pour les marges gauche et droite de chaque élément qui sera placé dans les colonnes latérales */
    	margin-right: 10px;
    }
   
.general #mainContent {
	float: left;
	margin-top: 0px;
	width: 425px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
    } 
/*
.general #mainContent a, .general #mainContent a:link, .general #mainContent a:visited {
	text-decoration: none;
	color: #000000;

}
*/
.general #rightcolumn {
	float: right;
	width: 265px;
	padding: 2px 0;
	background-color: #858585;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #FFFFFF;
	}
.general  #footer {
	width: 900px;
	height: 82px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
	background-image: url(../images/footer2.jpg);
	text-decoration: none;	
}
    
    /* Diverses classes à réutiliser */
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }

.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.Style1 {
	color: #5a91cd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Style2 {
	font-size: 11px;
	font-weight: bold;
}
.Style9 {
	font-size: 12px;
	font-weight: bold;
}
.Style3 {font-size: 14px;}
.Style4 {
	color: #5a91cd;
	font-weight: bold;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.general #menu {
	width: 246px;
}
.general #menu dt {
	cursor: pointer;
	margin: 2px 0;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
}
.general #menu dd {
	border: 1px solid #868685;
}
.general #menu li {
	text-align: left;
	margin-left:20px;
	margin-top:5px;

}
.engras {
	font-weight: bold;
	line-height: normal;
	text-transform: none;
}

.general #menu li a, .general #menu dt a, a.emi
{
    color: #0000FF;
    display: block;
    border: 0 none;
    height: 100%;
    text-decoration: none;
}
.general #menu li a:hover, .general #menu dt a:hover,a.emi:hover {
	text-decoration: none;
	color: #000000;
	font-style: normal;
}

.general #menu .menud_on
{
	text-decoration: underline;
	color: #b3cfe3;
	font-style: normal;
	text-transform: uppercase
}

.general #menu a:link:active {
	text-decoration:underline
}

.general #demo a:link:hover {
	background-color: #FFFFFF;
	text-decoration: underline;
}
.general #la-news a:link, .general #la-news a:visited {
	background-color: #858585;
	color: #b7d9f2;
	text-decoration: underline;
}