body
{
   width: 960px;
   height:570px;
   margin: auto; /* Pour centrer notre page */
   background-image: url("degfond.jpg");
   background-repeat:repeat-x;
   background-color: #f8f0e5;
}

/*BANNIERE***********************************************************************************/

#en_tete
{
	width: 960px;
	height: 190px;
	margin: auto;
	background-image: url("Banniere.jpg");
	background-repeat: no-repeat;
}


/*MENU HORIZONTAL***************************************************************************/
#lienHoriz
{
	width: 960px;
	height: 30px;
	margin: auto;
	background-color: #838280;
}

.barreLien1
{
	float: left;
	width: 208px;
	height: 30px;
	background-image: url("textureH1.jpg");
	margin-right:2px;
}

.barreLien2
{
	float: right;
	width: 187px;
	height: 30px;
	background-image: url("textureH2.jpg");
	margin-right:0.2%;
}

.barreLien3
{
	float: right;
	width: 186.5px;
	height: 30px;
	background-image: url("textureH2.jpg");
	margin-right:0.2%;
}

.barreLien4
{
	float: right;
	width: 185px;
	height: 30px;
	background-image: url("textureH2.jpg");
	margin-right:0.2%;
}

.barreLien5
{
	float: right;
	width: 185px;
	height: 30px;
	background-image: url("textureH2.jpg");
}

/*MENU VERTICAL***********************************************************************************/
#menu
{
	float: left; /* Le menu flottera à gauche */
	width: 211px;
	height: 350px;
}

.element_menu1
{
	width: 211px;
	height: 70px;
	background-image: url("menu_01.jpg");
	background-repeat: no-repeat;
}

.element_menu2
{
	width: 211px;
	height: 70px;
	background-image: url("menu_02.jpg");
	background-repeat: no-repeat;
}

.element_menu3
{
	width: 211px;
	height: 70px;
	background-image: url("menu_03.jpg");
	background-repeat: no-repeat;
}

.element_menu4
{
	width: 211px;
	height: 70px;
	background-image: url("menu_04.jpg");
	background-repeat: no-repeat;
}

.element_menu5
{
	width: 211px;
	height: 70px;
	background-image: url("menu_05.jpg");
	background-repeat: no-repeat;
}

.element_menu6
{
	width: 211px;
	height: 24px;
	/*background-image: url("menu_06.jpg");*/
	background-repeat: no-repeat;
}

/*LIENS***********************************************************************************/
.lienV /* liens menu vertical  */
{
	margin-left:10px;
	padding-top:20px;
}
.lienV a /* liens menu vertical  */
{
	font-family:  Arial,"Arial Black", "Arial Black", "Times New Roman", Times, serif;
	text-decoration: none;
	color: #dcdcdc;
	font-size: small;
	font-weight :bold;
}

.lienH /* liens menu horizontale  */
{
	text-align:center;
	margin-top:5px;
}
.lienH a/* liens menu horizontale  */
{
	font-family:  Arial,"Arial Black", "Arial Black", "Times New Roman", Times, serif;
	text-decoration: none;
	color: #45270e;
	font-size: small;
	font-weight :bold;
}

.lien1  /* liens menu horizontale  premiere case*/
{
	margin-left:10px;
	margin-top:3px;
}
.lien1 a  /* liens menu horizontale  premiere case*/
{
	font-family:  Arial,"Arial Black", "Arial Black", "Times New Roman", Times, serif;
	text-decoration: none;
	color: #ffffff;
	font-size: large ;
	font-weight :bold;
}

#menu a:hover /* Quand on pointe sur un lien du menu vertical*/
{
   color: #ffffff;
   text-decoration: none;
   font-weight : bolder;
}

.lienH a:hover
{
	font-family:  Arial,"Arial Black", "Arial Black", "Times New Roman", Times, serif;
	text-decoration: none;
	color: #ffffff;
	font-size: small;
	font-weight :bold;
}

/*CORPS***********************************************************************************/
#corps
{
	float: right;
	width: 739px; /* Très important : donner une taille au corps car float pour corriger bug ie6*/
	height: 280px;
	padding-left:10px;
   /*padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure /!\ le padding se rajoute a la taille du bloc  */
}

.Image1
{
	width:200px;
	float: left;
	padding:10px;
	padding-left:0px;
	padding-top:0px;
}

.texte
{
	clear: both;
}

.texte p
{
	clear: both;
   color: #45270e;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align:justify;
   font-size: 14px;
}

#corps p
{
	margin-left:10px;
	margin-right:10px;
   color: #45270e;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align:justify;
   font-size: 14px;
}

#corps  h1
{
	margin-left:10px;
	margin-right:10px;
   color: #45270e;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight : bolder;
   font-size: x-large;
}

#corps  h2
{
	margin-left:10px;
	margin-right:10px;
   color: #45270e;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight : bolder;
   font-size: large;
}

/*Footer***********************************************************************************/
#footer
{

	float: right;
	width: 480px; /* Très important : donner une taille au corps car float pour corriger bug ie6*/
	height: 30px;
	margin-top:35px;
   	background-image: url("footer.jpg");
	background-repeat: no-repeat;
}