
html {
margin: 0;
padding: 0;
overflow:hidden;
}

body { 
font: 75% georgia, sans-serif;
margin: 0; 
padding: 0;
background: url('../images/fond.png'); 
}


p { 

text-align: justify;
}

a, a:visited, a:active {
text-decoration:none;
color:#990000;
}

.lien {
text-decoration:none;
color:#990000;
}


img {
border:0;
}


h2 
{
color:#990000;
font-variant : small-caps ;
font:  georgia;
display:block;
width:650px;
margin-left:auto;
margin-right:auto;
margin-top : 0;
margin-bottom:20px;
letter-spacing: 1px; 
border:1px solid white;
text-align:center;
padding-top:10px;
padding-bottom:10px;
background-color:#e2d6d6;
}


h2  a
{
color:#990000;

}

h3 { 
font: italic normal 1.4em georgia, sans-serif;
letter-spacing: 1px; 
margin-bottom: 0; 
color: #7D775C;
}

h4 { 
font-family :  georgia, sans-serif;
font-style :normal ;
margin-bottom: 0; 

}

#container { 
/*je ne met pas de width pour qu'elle soit à 100% de l'écran*/
height:590px;
margin:auto;
position: relative;
background: transparent url('../images/fondphoto2.png') repeat-x; 
background-position: center;
}

#container2 { 
width:750px;
height:500px;
margin:auto;
position: relative;

background-color:#e2d6d6;
}

 /*  hauteur fixe de 148px et centré   */
#pageHeader 
{
width:100%;
height:148px;
background: transparent url('../images/spacer.png') top left repeat-x; 

}



/* menu cote */      /* positionné en float left   */
#quickMenu {
background: transparent url('../images/hautcolonne.png') top left no-repeat; 
width:176px; /*exactement la taille de la largeur de la colonne*/
height:300px; /*pour voir le bas de la colonne*/
float:left; 
margin:0;
padding-top:33px;
color:#4387ad;
}

#quickMenu ul {
margin-left:15px;
padding:0;

}

#quickMenu li {
margin-bottom: 12px;
list-style: none;

}

#quickMenu li a {
line-height:2em;
display:block;
color:#990000;
}

#quickMenu a:hover, #quickMenu a:focus {
background:#fff0f0;
font-weight:bold;
}




/* content */    /*corps de la page */

#supportingText 	
{

/*height:330px; pour pas que le pied remonte si la page est vide */
margin:0;
height:380px;
margin-bottom:30px;
padding-left:10px;
padding-right:10px;
overflow:hidden;

}

#entree {
position:absolute;
top:200px;
left:482px;
margin:0;
padding:0;
}

/* pied de page */

#footer  
{
/* marge pour décaler un peu vers la gauche*/
margin-right:10px;
float:right;
background:#fff0f0;
color:black;
}

.pos_rel { position:absolute;}

#footer a, #footer a:visited, #footer a:hover 
{

margin-right: 20px; 
color:#4387ad;
}




