*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin:0px;
  padding:0px;
}

BODY{
  font-family:Verdana;
  font-size:85%;
  background:#6f4b3e;
}
H3{
  font-size:27px;
  font-family:"Century Gothic";
  font-weight:normal;
  background:#d9d0ac;
  color:#908052;
  padding:90px 0px 0px 15%;
  line-height:50px;
}
A{
  color:#6f4b3e;
}
A:HOVER{
  color:#d9d0ac;
}
#menu LI{
  list-style:none;
  padding:11px 0px 11px 15%;
  letter-spacing:1px;
  font-size:12px;
  font-family:"Century Gothic";
}
#menu A{
  text-decoration:none;
  color:#ffffff;
  line-height:19px;
  border-left:1px dotted #ffffff;
  padding:0px 0px 0px 11px;
}
#menu A:HOVER{
  text-decoration:underline;
}
#a1{
  background:#908052;
}
#a2{
  background:#bb5520;
}
#a3{
  background:#c8a848;
}
#a4{
  background:#e17b34;
}
#a5{
  background:#6f4b3e;
}
#copy{
  font-size:xx-small;
  text-align:right;
  color:#ffffff;
  letter-spacing:1px;
}
#copy A{
  color:#d9d0ac;
  text-decoration:none;
}
H1{
  font-size:27px;
  font-family:"Century Gothic";
  font-weight:normal;
  background:#d9d0ac;
  color:#908052;
  padding:90px 0px 0px 15%;
  line-height:50px;
}
H2{
  font-size:27px;
  font-family:"Century Gothic";
  font-weight:normal;
  background:#d9d0ac;
  color:#908052;
  padding:90px 0px 0px 15%;
  line-height:50px;
}
#note{
  margin-left:19%;
  padding:30px;
  line-height:1.5em;
  border-left:1px dotted #d9d0ac;
  color:#d9d0ac;
}
#note A{
  color:#ffffff;
}
#note A:HOVER{
  color:#e17b34;
}
#note PRE,
#note P{
  margin:1.3em 0em 1.3em 0em;
}

div#myside{
float: left;
width: 15%;
margin-top: 2.33em;
font-size: 11px;
border: 1px;
}

div#myside a{
display: block;
padding: 4px 8px;
margin: 0;
text-decoration: none;
text-align:right;
color: #e17b34;
font-size: 21px;
}


#side{
  margin-left:0%;
  padding:30px;
  line-height:1.5em;
  color:#d9d0ac;
}



ul.sidemenu {
	padding: 0;
	margin: 0;
	list-style: none;

  font-family:Verdana;
  font-size:85%;

	border-bottom: 1px solid #6F3E04;
	width: 100px;
}

ul.sidemenu li {
	border-top: 1px solid #6F3E04;
	border-left: 1px solid #6F3E04;
	border-right: 1px solid #6F3E04;
}

ul.sidemenu li a {
	text-decoration: none;
	display: block;
	width: 78px;
	font-weight: bold;

  font-family:Verdana;
  font-size:85%;
	padding: 2px 10px;
}

ul.sidemenu li a:hover {
	background-color: #B9BB79;
	color: #EEEEDC;
}



ul#leftmenu 
{			   
  margin    :   -6cm;              /* Marge extérieur nulle */
  padding   :   ;              /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   300px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  border    :   1px solid #39C; /* Application d'une bordure */ 
}				
		
ul#leftmenu li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;             /* Ajout d'une marge en bas du lien */
}


ul#leftmenu li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #39C;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  background-color  :   #F5FBFF;           /* Définition de la couleur de fond */ 
  border            :   1px solid #3399CC; /* Ajout d'une bordure */	
  border-left-width :   4px;               /* Modification de la bordure gauche */
}			


#topleft {
position: absolute;
left: 0;
top: 0;
display: block;
height: 210px;
width: 210px;
background: url(images/NewPhong2.jpg)  no-repeat;
text-indent: -999em;
text-decoration: none;}