/* CSS Document */

/*  body  */

html { 
  padding:0px;
  margin:0px;

}

body {
background : #F8D583;
    color : #121A1C;
    font-size : small;
	font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif; 
  padding:0px 20px;
  margin:0px;
/*  height:100%;*/
}


h2 { font-size : 1.33em; margin : 0; }
h3 { font-size : 1.25em; margin : 1.5em 0 0 0; }
h4 { font-size : 1.1em; margin : 1.5em 0 0 0; }
h5 { font-size : 0.9em; margin : 1.5em 0 0 0; }
h6 { font-size : 0.8em; margin : 1.5em 0 0 0; }



p { margin : 1em 0 0 0; }
img { border : none; }


/* ==============================================================
 LES LIENS (regles generales)
/*  ============================================================= */

a {
	text-decoration : none;
	}
a:link {
	color:#2D5776; 
	}
a:visited {
	color:#2D5776; 
	}


/*  Entête*/
#top {
text-align: right;
}
#top h1 {
font-size: 11px;
font-variant: small-caps;
text-align: right;
color: #ffffff;
background-color: #006683;
padding:5px 15px;
margin:0px
}
/* =page
	----------------------------- */
	#page {
		float:left;
		width: 100%;
		  background-color: #FFBC3A;
		    color: #000000;
	}

/*  rubriques */
#menu {
  font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFBC3A;
  color: #000000;
float:left;
		width: 24.99%; /* BUG IE largeur reellement desiree: 25% */
		min-width: 10em;
  margin:0px 0px 50px 0px;
 
}
/* masquage IE/mac + IE/win \*/
	html>body #menu {
	width: 25%; 
	/* Attention: pas de commentaire avant cette ligne (fin du hack IE/mac) */
	/* Pour les navigateurs modernes: on redefini la largeur desiree initialement */
	}

#menu ul{
	list-style:none;
	margin : 0 0 1em 0.66em;
	padding:0;
}


#menu ul li{
	margin :0;
	padding : 0 0 3px 0;

}


#menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:active { 
    border-bottom : 1px dotted #B67100;
	display: block;
	text-decoration: none;
 }
#menu a:hover, #menu a:focus {
	color:#800D13; 
	background:#fdfdfd;
	}

#menu h2 {
	margin:1.5em 0 0.5em 0;
	padding : 0 0 0 7px;
font-family:"century gothic", "gill sans", sans-serif;
font-size : 1.25em;
color : #006683;
font-variant: small-caps;
}
#menu h3 {
margin:1.5em 0 0.5em 0;
padding : 0 0 0 7px;
font-family:"century gothic", "gill sans", sans-serif;
font-size : 1em;
color : #006683;
}



#menu img { 
display:block; 
margin : 0 auto; 
    }
#menu p { 
text-align:center;
 /* padding-left : 7px;*/
  font-size : 0.85em;
    }


/*  corps */
#corps {
 float: left;
  width: 75%;
  margin:0px 0px 50px 0px;
  background-color: #ffffff;
  color: #000000;
}
#corps .accueil{
 background-color: #FFBC3A;
 color: #000000;
}

#corps h2{
font-size : 1.5em;
margin-top : 1em;
font-family : georgia, serif;
font-style : italic;    
color : #B67100;
text-align : center;
background: #ffffff;}
#corps h3{
font-weight : normal;
text-align : center;}


#corps .paragraphe p{
 padding-right: 2em;}
 
#corps .paragraphe {
margin-top : 1em;

  width:90%;
 margin-left : 2em;
}
#corps .imgp {
float:left; margin: 0 1em 1em 0;
}

  .imgright {overflow:hidden; _overflow:visible; zoom:1} //<== contexte de formatage CSS
 .imgright img {float:right}
 
  .imgleft {overflow:hidden; _overflow:visible; zoom:1} //<== contexte de formatage CSS
 .imgleft img {float:left; margin: 0 1em 1em 0;}
 
 /* =pieddepage
	----------------------------- */
	#pieddepage {clear: both;	color: #000000;   background-color: #FFBC3A;}
	#pieddepage p {
	text-align: center;
font-size : 0.8em; }