html, body {
	height: 100%;
	margin: 0;
	background-color: white;
	}

div#head {width: 500px; background-color: white; background: url(images/Couverture-02.png) 0 0 no-repeat; height: 397px;}

div#fondmenu {width: 500px; height: 30px; position: relative; border-left: 1px solid #cdcdcd; border-right: 1px solid #9d9d9d; background: url(images/menu-bar-index.jpg) 0 0 repeat-x;}
div#listmenu {width: 500px; position: relative; z-index: 1;}
div#listmenu li {float: left; position: relative; list-style-type: none;}
div#listmenu a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 6px; margin-right: 4px; border-width: 0; 
   text-decoration: none; color: #527b9f; background: transparent url(images/link-bar-index.jpg) 0 0 no-repeat;}
div#listmenu a:hover {background: transparent url(images/link-bar-press-index.jpg) 0 0 no-repeat; color: #ff4142;}
* html div#listmenu ul {float: left;}

div#fondmenu01 {width: 500px; height: 30px; position: relative; border-left: 1px solid #cdcdcd; border-right: 1px solid #9d9d9d; background: url(images/menu-bar-index.jpg) 0 0 repeat-x;}
div#listmenu01 {width: 500px; position: relative; z-index: 1;}
div#listmenu01 li {float: left; position: relative; list-style-type: none;}
div#listmenu01 a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 6px; margin: 0px 0px 0px 10px; border-width: 0; 
   text-decoration: none; color: black; background: transparent url(images/link-bar-rompi.jpg) 0 0 no-repeat;}
div#listmenu01 a:hover {background: transparent url(images/link-bar-rompi-press.jpg) 0 0 no-repeat; color: white;}
* html div#listmenu01 ul {float: left;}

div#global {
	min-height: 100%;
	width: 500px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	background: white;
	}

div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 14px;
	overflow: auto;
	}

div#texto {width: 500px; margin-top: 40px; background: white; float: left; padding-bottom: 22px; font: 16px Verdana, sans-serif; text-align: left; color: #527b9f;}

div#texto p {margin: 0 1em 1em;}
div#texto a:link {color: #ff4142; text-decoration: none;}
div#texto a:visited {color: #77afde; text-decoration: none;}
div#texto a:link:hover {color: #3e4f5e; text-decoration: none;}
div#texto a:visited:hover {color: #3f9ded; text-decoration: none;}
div#texto p {margin: 0 1em 1em;text-align: justify;}
h1 {width: 500px; margin: -9px 0px 0.5em; padding: 12px 0 10px 5px; text-align: center; background: #afbccf; color: white; letter-spacing: 0.5em; font: bold 20px sans-serif; height: 28px; vertical-align: middle;}
dt {font-weight: bold;}
dd {margin-bottom: 0.80em;}

div#pied {width: 500px; height: 125px; clear: both; background: white; position: relative; font: 0.8em sans-serif; text-align: justify; color: #527b9f;}
div#pied a:link {color: #3e4f5e; text-decoration: none;}
div#pied a:link:hover {color: #ff4142; text-decoration: none;}
div#pied img {border: none;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*backslash hack hides from IE mac\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack*/