body {
background-color: grey;
 
}
p {
text-align:center;
}
#bandeau {
width: 950px;
margin:auto;
margin-top:16px;
margin-bottom:30px;
}
#principale{
width: 950px;
margin:auto;
height:2200px;
border: 2px solid #E2B700;
background-color:#FFFFCC; 

}
#principalemenu{
padding-top:5px;
float:left;
width: 230px;
height: 2195px;
background-color:#FFFFCC; 
border-right: 2px solid #E2B700;
}
#principaledroit{
width: 710px;
float:left;
height:2200px;
background-color:#FFFFCC;

}
#bandeauhautdepage{
width: 720px;
height: 65px;
background-color: #E2B700;
font: 1.2em Lucida Sans;
text-align:center;
color: #fff;
}
#encarthaut{
border: 1px solid rgb(226, 183, 0);
padding: 2px; 
width: 325px; 
height: 250px; 
float: left; 
margin-left: 10px; 
text-align: center;
font: 1.0em Lucida Sans;
color: rgb(204, 0, 0);
}

#encartbas{
border: 1px solid rgb(226, 183, 0); 
padding: 2px; 
width: 325px; 
height: 250px; 
float: left; 
margin-left: 10px; 
text-align: center;
margin-top: 10px;
font: 1.0em Lucida Sans;
color: rgb(204, 0, 0);
}
<!--
#encarthaut a img {
border: 0 none; /* suppression des marges par défaut sur l'image */
}
#encarthaut a {
border : 2px solid #FFFFCC; /* le lien doit posséder une bordure pour éviter les décalages au survol */
float:left; /* float passe la balise en block sans qu'elle n'occupe tout l'espace horizontal */
line-height: 1px; /* pour éviter un bug d'espace sur Mozilla */
}
#encarthaut a:hover {
border: 2px solid #E2B700;
}

#encartbas a img {
border: 0 none; /* suppression des marges par défaut sur l'image */
}
#encartbas a {
border : 2px solid #FFFFCC; /* le lien doit posséder une bordure pour éviter les décalages au survol */
float:left; /* float passe la balise en block sans qu'elle n'occupe tout l'espace horizontal */
line-height: 1px; /* pour éviter un bug d'espace sur Mozilla */
}
#encartbas a:hover {
border: 2px solid #E2B700;
}
#interieur{
width: 700px;
padding: 5px;
color: rgb(204, 0, 0);
font : 1.0em Lucida Sans
}
#encartcitation{
width: 600px;
margin-left: 50px;
padding : 6px;
border: 1px solid #E2B700;
font : 1.0em Lucida Sans;
color : rgb(204, 0, 0);
}
#photoscontenant{
width: 700px;
float : left;
height: 120px;
font: 1.0em Lucida Sans;
color: rgb(204, 0, 0);
margin-top:30px;
border: 1px solid #E2B700;
}
#photosgauche{
width: 300px;
height:110px;
padding: 6px;
margin-left: 10px;
float:left;
text-align: center;
}

#photosdroite{
width:300px;
height:110px;
padding:6px;
margin-left: 10px;
float:left;
text-align:center;
}

#accueilcontenant{
width: 670px;
margin-left:10px;
margin-bottom: 10px;
border: 1px solid #E2B700;
height: 170px;
font: 1.0em Lucida Sans;
color: rgb(204, 0, 0);
}

#accueilgauche{
width: 300px;
height:165px;
padding: 6px;
margin-left: 10px;
float:left;
text-align: center;
}
#accueildroite{
width:230px;
height:165px;
padding:6px;
margin-left: 70px;
float:left;
text-align:center;
}
#accueildroite a img {
border: 0 none; /* suppression des marges par défaut sur l'image */
}
#accueildroite a {
border : 2px solid #FFFFCC; /* le lien doit posséder une bordure pour éviter les décalages au survol */
float:left; /* float passe la balise en block sans qu'elle n'occupe tout l'espace horizontal */
line-height: 1px; /* pour éviter un bug d'espace sur Mozilla */
}
#accueildroite a:hover {
border: 2px solid #E2B700;
}



#navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			margin-left:8px;
			color: #fff;
			width: 190px;
			font: 1.1em Lucida Sans;
			}
		#navigation a, #navigation span {
			display: block;
			height:30px;
			width: 190px;
			padding: 4px 10px;
			
			color: #fff;
			text-decoration: none;
			background-color: #E2B700;
			border: white 1px solid;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			list-style:none;
			width: 190px;
			}
		#navigation .open a, #navigation .open span {
			background-color: #E2B700;
list-style:none;

			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;
			}
		#navigation .subMenu {
			list-style:none;

			margin: 0;
			padding: 0;
			
			}
		#navigation ul.subMenu a {
list-style:none;		
			background: none;
			
			width: 175px;
padding-left: 20px;
color:  #E2B700;
background-color:#FFFF99;
border:#E2B700 1px solid;
			}




