/**************** Page and tag styles ************************************************/

/****** définition du fond de page de la division sidebar à gauche 
 	#fafafa ne sert à rien (sauf en cas d'abscence de l'image) car c'est l'image qui forme le fond jaune clair  (no-repeat car l'image fait la largeur de la zone menu **/

body
{margin:0; padding:0; color:#303030; background:#fafafa url(../img/bodybg.jpg) top left no-repeat; font:76% Verdana,Tahoma,sans-serif;}

/** {margin:0; padding:0; color:#303030; background:#ffffdd; font:76% Verdana,Tahoma,sans-serif;} **/

/***** définition du style d'un lien *******/
a
{color:#009933; font-weight:bold; text-decoration:none;}

a:hover
{color:#ff5050; text-decoration:underline;}


/***** définition du style d'une image *******/
/** normale,  quand c'est un lien (a img),  
    et quand le curseur passe dessus (hover) ***/

img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

a img
{border-color:#009933;}

a img:hover
{background:#009933; border-color:#009933;} 



/****************** T E T I E R E ********************************************************/

#tete
{width:1024px; height:120px; margin:0; padding: 0; background:#66ff66 url(../img/banniere.jpeg); 
	background-position: center; background-repeat: no-repeat}


/**************** Sidebar area styles ***************/ 

#sidebar
{position:fixed; top:120px; left:0; width:238px; height:100%; overflow:visible; text-align:right;}

/**   le menu à gauche est fixe même quand on se déplace dans la page avec l'ascenseur **/

/** sidebar h2, h3 et p ci-dessous non utilises (pour ordre) **/

#sidebar h1
{margin:10px 20px 10px 5px; color:#009933; font-size:1.6em; letter-spacing:-1px; text-align:right;}

#sidebar h2 
{margin:0 20px 18px 5px; color:#808080; font-size:1.3em; font-weight:bold; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Navigation menu styles ****************/

#menu a
{display:block; width:220px; padding:10px 18px 5px 0; color:#6060ff; background:#ccffcc; font-size:18px; font-weight:normal; text-decoration:none;} 
 
#menu a:hover 
{color:#303030; background:#fafafa;}

#menu a.active
{background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#505050; background:#fafafa;}


/**************** Content area styles ****************/

#content

{width:786px; margin-top:-2px; margin-left:238px; padding:10px 0; background:#fafafa;}

#content p
{margin:0 0 10px 50px; font-size:16px;}

#content h1
{margin-left:100px; margin-right:100px; color:#bea759; text-align:center; padding-left:11px; padding-top:0; padding-bottom:13px;
 background-image: url(../img/houdreville.gif);
	background-position: center;
	background-repeat: no-repeat;} 

#content h2
{margin-left:90px; margin-right:90px; margin-bottom:0; text-align:center; color:#505050; 
font-weight:bold; font-size: 22px; letter-spacing: 2px; background:#ffffcc; 
border:2px solid #bea759; padding:20px;}

#content h3
{margin-left:90px; margin-right:90px; margin-top:0; text-align:justify; padding:20px; color:#303030;  font-weight:normal; font-size: 16px; 
letter-spacing:1px; background:#ccffcc; border-left:2px solid #bea759; 
border-right:2px solid #bea759; border-bottom:2px solid #bea759;}

#content h4
{margin:10px 0 0 35px; color:#303030; padding:10px; font-weight:normal; background:#e0e0e0; font-size:25px; letter-spacing:1px; }

#content h5
{margin:0 0 10px 45px; color:#606060; font-weight:normal; font-size: 18px; letter-spacing:1px;}

#content h6
{margin:0 0 10px 45px; color:#303030; font-weight:bold; font-size: 16px; letter-spacing:1px;}

#content ul
{margin-left:45px;}

#content li
{font-size:16px; color:#303030; padding:5px;}

#content table
{margin-left:45px; border:1px solid #bea759; padding:10px;}

#content td
{font-size:16px; padding-right:15px; padding-left:15px;}

.td_b
{font-size:16px; padding-right:15px; padding-left:15px; font-weight:bold;}

.td_pad
{font-size:16px; padding-right:15px; padding-left:15px; padding-bottom:15px;}


div.img
  {
  margin-left: 45px;
  margin-top: 45px; 	
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }


a.p1,A:HOVER.p1 {font-size:10px;text-decoration:none;color:#ffffff;}