

body {
	margin : 0;
	padding : 0;

	background-color : #F2F2E2;
}

a img { border: none; }

#page {
	width : 980px;
	margin : auto;

	background-color : #fff;

	position : relative;

	background-image : url(../images/section1/bas-photo.jpg);
	background-repeat : no-repeat;
	background-position : right bottom;
}

.section2 #page {
	background-image : url(../images/section2/bas-photo.jpg);
}

.section3 #page {
	background-image : url(../images/section3/bas-photo.jpg);
}

.section4 #page {
	background-image : url(../images/section4/bas-photo.jpg);
}

.section5 #page {
	background-image : url(../images/section5/bas-photo.jpg);
}

.section6 #page {
	background-image : url(../images/section6/bas-photo.jpg);
}

.section7 #page {
	background-image : url(../images/section7/bas-photo.jpg);
}

.section8 #page {
	background-image : url(../images/section8/bas-photo.jpg);
}

.section9 #page {
	background-image : url(../images/section9/bas-photo.jpg);
}




/*--------------------------------------------------------------------
/* ENTETE
/**/


#entete {
	position : relative;

	height : 167px;
}


#logo {
	position : absolute;

	left : 14px;
	top : 7px;
}

#logo img { border : 0; }

#photo {
	position : absolute;
	right : 0;
	top : 0;

	width : 660px;
	height : 104px;
	background-image : url(../images/section1/entete-photo.jpg);
}

.section2 #photo {
	background-image : url(../images/section2/entete-photo.jpg);
}

.section3 #photo {
	background-image : url(../images/section3/entete-photo.jpg);
}

.section4 #photo {
	background-image : url(../images/section4/entete-photo.jpg);
}

.section5 #photo {
	background-image : url(../images/section5/entete-photo.jpg);
}

.section6 #photo {
	background-image : url(../images/section6/entete-photo.jpg);
}

.section7 #photo {
	background-image : url(../images/section7/entete-photo.jpg);
}

.section8 #photo {
	background-image : url(../images/section8/entete-photo.jpg);
}

.section9 #photo {
	background-image : url(../images/section9/entete-photo.jpg);
}


/*--------------------------------------------------------------------
/* RECHERCHE
/**/


#recherche {
	position : absolute;

	right : 15px;
	bottom : 27px;
}


#recherche form {
	margin : 0;
	padding : 0;
}

#recherche form input {
	vertical-align : middle;
}

#recherche #motsCles {
	background-color : #F8F8F0;
	border : 1px solid #CAC97B;

	width : 180px;
	font-family : "Trebuchet MS",tahoma,verdana,sans-serif;

	padding-left : 5px;
	color : #7D7D58;
}

#recherche a {
	color : #8D9990;
}

#recherche a:hover {
	color : #000;
}

/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	background-image : url(../images/section1/page-fond.gif);
	background-repeat : repeat-y;
}

.section2 #principal {
	background-image : url(../images/section2/page-fond.gif);
}

.section3 #principal {
	background-image : url(../images/section3/page-fond.gif);
}

.section4 #principal {
	background-image : url(../images/section4/page-fond.gif);
}

.section5 #principal {
	background-image : url(../images/section5/page-fond.gif);
}

.section6 #principal {
	background-image : url(../images/section6/page-fond.gif);
}

.section7 #principal {
	background-image : url(../images/section7/page-fond.gif);
}

.section8 #principal {
	background-image : url(../images/section8/page-fond.gif);
}

.section9 #principal {
	background-image : url(../images/section9/page-fond.gif);
}



/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	width : 299px;
	float : left;
}

#menu-haut {
	width : 299px;
	height : 79px;

	position : absolute;
	top : 88px;
	left : 0;

	background-image : url(../images/section1/menu-haut.gif);
}

.section2 #menu-haut {
	background-image : url(../images/section2/menu-haut.gif);
}

.section3 #menu-haut {
	background-image : url(../images/section3/menu-haut.gif);
}

.section4 #menu-haut {
	background-image : url(../images/section4/menu-haut.gif);
}

.section5 #menu-haut {
	background-image : url(../images/section5/menu-haut.gif);
}

.section6 #menu-haut {
	background-image : url(../images/section6/menu-haut.gif);
}

.section7 #menu-haut {
	background-image : url(../images/section7/menu-haut.gif);
}

.section8 #menu-haut {
	background-image : url(../images/section8/menu-haut.gif);
}

.section9 #menu-haut {
	background-image : url(../images/section9/menu-haut.gif);
}


#menu-bas {
	height : 348px;

	background-image : url(../images/section1/menu-bas.gif);
}

.section2 #menu-bas {
	background-image : url(../images/section2/menu-bas.gif);
}

.section3 #menu-bas {
	background-image : url(../images/section3/menu-bas.gif);
}

.section4 #menu-bas {
	background-image : url(../images/section4/menu-bas.gif);
}

.section5 #menu-bas {
	background-image : url(../images/section5/menu-bas.gif);
}

.section6 #menu-bas {
	background-image : url(../images/section6/menu-bas.gif);
}

.section7 #menu-bas {
	background-image : url(../images/section7/menu-bas.gif);
}

.section8 #menu-bas {
	background-image : url(../images/section8/menu-bas.gif);
}

.section9 #menu-bas {
	background-image : url(../images/section9/menu-bas.gif);
}



#menu-photo {
	background-image : url(../images/section1/menu-photo.jpg);
	width : 238px;
	height : 198px;

	border-top : 1px solid #fff;
	border-bottom : 1px solid #fff;

	margin-top : 92px;
}

.section2 #menu-photo {
	background-image : url(../images/section2/menu-photo.jpg);
}

.section3 #menu-photo {
	background-image : url(../images/section3/menu-photo.jpg);
}

.section4 #menu-photo {
	background-image : url(../images/section4/menu-photo.jpg);
}

.section5 #menu-photo {
	background-image : url(../images/section5/menu-photo.jpg);
}

.section6 #menu-photo {
	background-image : url(../images/section6/menu-photo.jpg);
}

.section7 #menu-photo {
	background-image : url(../images/section7/menu-photo.jpg);
}

.section8 #menu-photo {
	background-image : url(../images/section8/menu-photo.jpg);
}

.section9 #menu-photo {
	background-image : url(../images/section9/menu-photo.jpg);
}



#menu-contenu {
	background-color : #91940F;
}

.section2 #menu-contenu {
	background-color : #8D9890;
}

.section3 #menu-contenu {
	background-color : #29656A;
}

.section4 #menu-contenu {
	background-color : #4C88BE;
}

.section5 #menu-contenu {
	background-color : #EFBF05;
}

.section6 #menu-contenu {
	background-color : #AB2639;
}

.section7 #menu-contenu {
	background-color : #143D55;
}

.section8 #menu-contenu {
	background-color : #005A40;
}

.section9 #menu-contenu {
	background-color : #D89000;
}


#menu-contenu ul {
	margin : 0;
	padding : 0;
	list-style-type : none;

	position : relative;
	left : -4px;
}



* html #menu-contenu ul li {
	display : inline;
}

#menu-contenu ul li a {
	color : #fff;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;

	line-height : 16px;

	padding-top : 5px;
	padding-bottom : 15px;
	padding-left : 20px;

	display : block;

	background-image : url(../images/section1/menu-puce1.gif);
	background-repeat : no-repeat;
}

.section2 #menu-contenu ul li a {
	background-image : url(../images/section2/menu-puce1.gif);
}

.section3 #menu-contenu ul li a {
	background-image : url(../images/section3/menu-puce1.gif);
}

.section4 #menu-contenu ul li a {
	background-image : url(../images/section4/menu-puce1.gif);
}

.section5 #menu-contenu ul li a {
	background-image : url(../images/section5/menu-puce1.gif);
}

.section6 #menu-contenu ul li a {
	background-image : url(../images/section6/menu-puce1.gif);
}

.section7 #menu-contenu ul li a {
	background-image : url(../images/section7/menu-puce1.gif);
}

.section8 #menu-contenu ul li a {
	background-image : url(../images/section8/menu-puce1.gif);
}

.section9 #menu-contenu ul li a {
	background-image : url(../images/section9/menu-puce1.gif);
}


#menu-contenu ul li a:hover {
	text-decoration : underline;
}

#menu-contenu ul li a.actif {
	text-decoration : underline;
	background-image : url(../images/section1/menu-puce2.gif);
}

.section2 #menu-contenu ul li a.actif {
	background-image : url(../images/section2/menu-puce2.gif);
}

.section3 #menu-contenu ul li a.actif {
	background-image : url(../images/section3/menu-puce2.gif);
}

.section4 #menu-contenu ul li a.actif {
	background-image : url(../images/section4/menu-puce2.gif);
}

.section5 #menu-contenu ul li a.actif {
	background-image : url(../images/section5/menu-puce2.gif);
}

.section6 #menu-contenu ul li a.actif {
	background-image : url(../images/section6/menu-puce2.gif);
}

.section7 #menu-contenu ul li a.actif {
	background-image : url(../images/section7/menu-puce2.gif);
}

.section8 #menu-contenu ul li a.actif {
	background-image : url(../images/section8/menu-puce2.gif);
}

.section9 #menu-contenu ul li a.actif {
	background-image : url(../images/section9/menu-puce2.gif);
}



/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	float : left;
	width : 640px;

	padding-left : 20px;

	color : #2A2A2A;

	padding-bottom : 187px;
}


#fil {
	position : absolute;
	top : 145px;

	font-size : 0.85em;
}

#fil a {
	text-decoration : none;
}

#fil #fil-pageEnCours {
	font-weight : bold;
}



/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	width : 980px;

	color : #7D7D58;
	font-size : 0.85em;

	position : absolute;
	bottom : -3.5em;

	height : 2.5em;

}

#pied #copyright {
	float : left;
}

#pied #conception {
	float : right;
}

#pied a {
	color : #7D7D58;
}

#pied a:hover {
	color : #2A2A2A;
}


/*----------------------------------------------------------------------
/* Bas-Contenu
/**/

#Bas-Contenu {
  border-top: 1px dashed #8d9890;
  padding-top: 10px;
  width: 100%;
}

#Partager {
  padding-top: 2px;
  width: 300px;
  
  float: left;

}

#Jaime {
  width: 75px;
  
  float: left;
}



