body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #666666;
	background: #FFFFFF url(images/background-header-orange.jpg);
}

div#site {
    text-align:left;
    width: 1000px;
	margin: auto;
}

/* ------------------------------------ */

div#header {
    background: url(images/header.jpg) no-repeat 0 0;
    height: 131px;
    margin: 0;
    padding: 0;
}

div#sous-header {
    background: url(images/sous_header.png) no-repeat 0 0;
	height: 34px;
    margin: 0;
    padding: 0;
}









div#mh {
	margin-left: 250px;
}


/*
div#mh a, div#mh a:link {
	float: left;
	padding-right: 50px;
	padding-top:10px;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;	
}
*/

div#mh a:hover {
	float: left;
	padding-right: 50px;
	padding-top:10px;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;	
}



div#mh a, div#mh a:link {
	float: left;
	padding-right: 50px;
	padding-top:10px;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;	
}

div#msh a:hover {
	float: left;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;	
}



/* div#msh a, div#msh a:link {
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #0066FF;	
}

*/




div#mgauche a {
	float: left;
	padding-right: 50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-left:20px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #0066FF;
    background: url(images/li.jpg) repeat-y;	
}



div#mgauche a:hover {
	float: left;
	padding-right: 50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-left:20px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
    background: url(images/li.jpg) repeat-y;	
}









div#mhaut a {
	float: left;
	padding-right: 50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-left:20px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;	
}



div#mhaut a:hover {
	float: left;
	padding-right: 50px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-left:20px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000;	
}

















/* ------------------------------------ */

div#corp {
	background: url(images/corp.png) repeat-y;
}


div#left {
	float: left;
	width: 318px;
	margin: 0px;
	padding: 0px;
	background: url(images/left-background.jpg) repeat-y;
}

div#contenu-left {
	background: url(images/left-top.png) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
	height: 1500px;
}

div#title {
	background: url(images/title.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: Verdana, Times, Verdana;
    font-size: 12px;
	color: #fff;	
	font-weight : bold;
}

div#contenu-menu {
	padding-bottom: 0px;
	padding-left: 10px;
	padding-bottom: 18px;
}

div#menu {
	margin-left: 10px;
	padding-left: 4px;
	padding-top: 7px;
	background: url(images/li.jpg) repeat-y;
}

div#menu a {
    color : #0066FF;
    font-weight : bold;
	font-size: 11px;
	height: 10px;
}

div#menu a:hover {
    color : #000000;
    font-weight : bold;
	font-size: 11px;
	height: 10px;
}










div#right {
    width:682px;
	float:left;
}

div#right-blog {
    width:1300px;
	float:center;
}

div#arbo {
    padding-top: 10px;
	padding-bottom: 35px;
	padding-left: 0px;
	padding-right: 70px;
}

div#contenu-right {
	background: url(images/right-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 70px;
		height: 1480px;
}


div#contenu-right-blog {
	background: url(images/right-top.png) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
		height: 1000px;
}


/* ------------------------------------ */

#footer-re {
    height:33px;
	width:100%;
	margin:0 auto;
	padding:0;
	background: url(images/background-footer.jpg) repeat-x bottom;
	background-color: #0196fc;
	text-align:center;
	clear: both;
	margin-top:-42px;
	margin-left:0px;
}

#footer-re p {
    padding-top: 12px;
    font-size: 10px;
	color: #FFFFFF
}

#footer-re a {
    color : #FFFFFF;
    font-family:verdana;
    text-decoration:none;
}

#footer-re a:hover {
    color : #FFFFFF;
    font-weight : bold;
    text-decoration:none;
}


/* ------------------------------------ */



span.spacer {
	height:0.01em;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}

img { border: 0; }
li { list-style: none; }

a {
    color : #fff;
    font-family:verdana;
    text-decoration:none;
}

a:hover {
    color : #000000;
    font-weight : bold;
    text-decoration:none;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #ff5a00;
	margin-bottom: 15px;
}

* {
margin : 0;
padding : 0;
}



/* Onglets  */


ul#menurouge
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menurouge li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menurouge li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 20px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/rouge-double.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menurouge li a:hover
{
	background: url(images/onglets/rouge-double.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}









ul#menubleu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menubleu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menubleu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;

	line-height: 33px ;
	color: #000 ;
	text-indent: 25px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/bleu-double.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menubleu li a:hover
{
	background: url(images/onglets/bleu-double.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}







ul#menuvert
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menuvert li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menuvert li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 5px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/vert-double.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menuvert li a:hover
{
	background: url(images/onglets/vert-double.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
	text-decoration: none ;
	color:#fff
}


ul#menuorange
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menuorange li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menuorange li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/orange-double.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menuorange li a:hover
{
	background: url(images/onglets/orange-double.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}





ul#menuviolet
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menuviolet li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menuviolet li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/violet-double.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menuviolet li a:hover
{
	background: url(images/onglets/violet-double.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}




ul#menumauve
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menumauve li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menumauve li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 20px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/mauve-double.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menumauve li a:hover
{
	background: url(images/onglets/mauve-double.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}






/*  Onglets fixes*/

ul#menuorangefixe
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menuorangefixe li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menuorangefixe li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 35px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/orange.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menuorangefixe li a:hover
{
	background: url(images/onglets/orange.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}



ul#bleufixe
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#bleufixe li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#bleufixe li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 25px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/bleu.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#bleufixe li a:hover
{
	background: url(images/onglets/bleu.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}



ul#rougefixe
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#rougefixe li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#rougefixe li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 35px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/rouge.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#rougefixe li a:hover
{
	background: url(images/onglets/rouge.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}




ul#vertfixe
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#vertfixe li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#vertfixe li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 35px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/vert.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#vertfixe li a:hover
{
	background: url(images/onglets/vert.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}



ul#violetfixe
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#violetfixe li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#violetfixe li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 35px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/violet.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#violetfixe li a:hover
{
	background: url(images/onglets/violet.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}


ul#mauvefixe
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#mauvefixe li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#mauvefixe li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 116px ;
	line-height: 33px ;
	color: #000 ;
	text-indent: 35px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/onglets/mauve.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#mauvefixe li a:hover
{
	background: url(images/onglets/mauve.png) no-repeat 0 0px ; /* Et ici on décale l'image du background de 33px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	text-decoration: none ;
	color:#fff;
}