@charset "utf-8";
html, body {
	height: 100%; /* needed for container min-height */
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 12px;
	font-weight: normal;
	}
	
.structure #container {
	width: 822px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 15px;
	/*min-height: 100%;*/
	text-align: left;
	background: url(images/DropShadow.png) top center repeat-y;
	}
	
.structure #mainContent {
	/*position: absolute;*/
	float: left;
	background: url(images/Photo.jpg) top center no-repeat;
	width: 518px;
	padding-left: 15px;
	margin: 20;
	padding-top: 450px; /* CHANGER SELON LA HAUTEUR DE LA PHOTO */
	padding-right: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-right: 1px dotted;
	/*min-height: 100%;*/
	} 
	
.structure #header {
	margin-right: 15px;
	margin-bottom: 10px;
	background: url(images/Logo.jpg) top left no-repeat;
	float: right; /* since this element is floated, a width must be given */
	width: 223px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 200px 10px 10px 10px; /* CHANGER SELON LA HAUTEUR DU LOGO */
	font-size: 10px;
	}

.structure #menu {	
	clear: right;
	margin-right: 15px;
	/*float: right;*/ /* since this element is floated, a width must be given */
	width: 232px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px;
	margin-left: 574px;
	}

.structure #email 
{
    background-image: url(images/ListeDiffusion.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin-left:574px;
	/*width: 210px;*/ /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top: 70px;
	text-align: center;
	}
	
.structure #footer 
{
	background: url(images/DropShadowBottom.png) top center no-repeat;
	height: 50px;
}

.structure #email #button {
	margin-top: 10px;	
	}
	
.structure #extraContent
{
    margin-left:574px;
}

.structure .mortaise
{
    margin-right: 15px;
    margin-top: 15px;
    border: 1px;
    border-style: dotted;
    text-align:left;
    padding:10px;
}
	
#item {
	position: relative;
	padding: 10px;
	border: 1px;
	border-style: dotted;
	}
	
#mainContent h1 {
	margin-top: 0px;
	margin-bottom: 10px;
	background: url(images/Pixel.gif) top left repeat-x;
	background-position: -5px;
	padding-left: 20px;
	}
	
#mainContent h1 span {
	padding-left: 5px;
	padding-right: 5px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
   height: 0;
   font-size: 1px;
   line-height: 0px;
	}

#menu span {
	display: none;
	}

#header span {
	display: none;
	}

#email > h3 > span {
	display: none;
	}
	
#email p {
   width: 95%;
   }
	
table, tr, td, p {
	/*font-size: 10px;*/
	font-weight: normal;
	}