/* CSS RESET */
/* Feuille de style par dŽfaut recommandŽe par le W3C */

html, adress, 
blockquote, 
body, dd, div, 
dl, dt, fieldset, form, 
frame, frameset, 
h1, h2, h3, h4, h5, 
h6, noframes, ol, p, 
ul, hr, pre 			{ display: block }
li					{ display: list-item }
head					{ display: none }
table					{ display: table }
tr					{ display: table-row }
thead				{ display: table-head-group }
tbody				{ display: table-row-group }
tfoot					{ display: table-footer-group }
col					{ display: table-column }
colgroup				{ display: table-column-group }
td, th				{ display: table-cell }
caption				{ display: table-caption }
th					{ font-weight: bolder; text-align: center }
caption				{ text-align: center }
body					{ margin: 8px }
h1					{ font-size: 2em; margin: .67em 0 }
h2					{ font-size: 1.5em; margin: .75em 0 }
h3					{ font-size: 1.17em; margin: .83em 0 }
h4, p, blockquote, ul, 
fieldset, form, ol, dl,
h5					{ font-size: .83em; margin: 1.5em 0 }
h6					{ font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5,
h6, b, strong			{ font-weight: bolder }
blockquote			{ margin-left: 40px; margin-right: 40px }
i, cite, em, var, 
address				{ font-style: italic }
pre, tt, code, kbd, 
samp				{ font-family: monospace }
pre					{ white-space: pre }
button, textarea, 
input, select			{ display: inline-block }
big					{ font-size: 1.17em }
small, sub, sup		{ font-size: .83em }
sub					{ vertical-align: sub }
sup					{ vertical-align: supper }
table					{ border-spacing: 2px }
thead, tbody, tfoot		{ vertical-align: middle }
td, th				{ vertical-align: inherit }
del					{ text-decoration; line-through }
hr					{ border: 1px inset }
ol, ul, dd			{ margin-left: 40px }
ol					{ list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol	{ margin-top: 0; margin-bottom: 0 }
ins					{ text-decoration: underline }
br:before			{ content: "\A" }
:before, :after		{ white-space: pre-line }
:link, :visited		{ text-decoration: none }
:focus				{ outline: thin dotted invert }


@media print {
	h1				{ page-break-before: always }
	h1, h2, h3,
	h4, h5, h6		{ page-break-after: avoid }
	ul, ol, dl		{ page-break-before: avoid }
}
/* FIN CSS RESET */





/**************** DEBUT CODE ROMAIN ******************/
body {
   		margin: 0px;
   		padding: 0px;
		width: 100%;
		height: 100%;
		padding-bottom: 20px;
		background: url(./images/background.png) repeat-x 0 0;
		background-color: #FFFFFF;
		}

.top_container {
		width: 980px;
		height: 280px;
		}

/**************** illustration et logo ******************/
.cascade_enveloppes {
		position : absolute;
		margin: 0;
		z-index: 1;
		}

.logo {
		position: absolute;
		width: 483px;
		height: 128px;
		margin-top: 136px;
		margin-left: 140px;
		z-index: 2;
		}

/**************** menu ******************/
.menu_container {
		position: absolute;
		width: 390px;
		height: 27px;
		margin-left: 605px;
		margin-top: 130px;
		z-index: 3;
		}

.menu_separation {
		float: left;
		width: 11px;
		height: 27px;
		margin-left: 4px;
		margin-right: 4px;
		}
		
.menu_accueil_link {
		float: left;
		width: 70px;
		height: 27px;
		margin: 0;
		background: url(./images/menu_accueil.png) 0 0 no-repeat;
		}
.menu_accueil_link:hover {
		text-decoration: none;
		background: url(./images/menu_accueil.png) 0 -27px no-repeat;
		}

.menu_fonction_link {
		float: left;
		width: 138px;
		height: 27px;
		margin: 0;
		background: url(./images/menu_fonction.png) 0 0 no-repeat;
		}
.menu_fonction_link:hover {
		text-decoration: none;
		background: url(./images/menu_fonction.png) 0 -27px no-repeat;
		}

.menu_mep_link {
		float: left;
		width: 114px;
		height: 27px;
		margin: 0;
		background: url(./images/menu_mep.png) 0 0 no-repeat;
		}
.menu_mep_link:hover {
		text-decoration: none;
		background: url(./images/menu_mep.png) 0 -27px no-repeat;
		}


/**************** zone de texte ******************/
.zone_texte {
		width: 460px;
		height: auto;
		margin-left: 500px;
		margin-top: 0;
		}

.zone_texte p {
		font-family: arial, verdana, sans-serif;
		font-size: 12px;
		text-align: justify;
		color: #383B3E;
		line-height: 21px;
		}

.titre_zone {
		width: 460px;
		font-family: helvetica, arial, verdana, sans-serif;
		font-size: 24px;
		text-align: right;
		color: #2889D4;
		font-weight: bold;
		}
		
.illustr_zone_accueil {
		float: left;
		width: 347px;
		height: 12px;
		}

.illustr_zone_fonction {
		float: left;
		width: 236px;
		height: 12px;
		}
		
.illustr_zone_mep {
		float: left;
		width: 261px;
		height: 12px;
		}

.cadre_illustration {
		float: left;
		width: 139px;
		height: 139px;
		margin-top: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: #BABABB;
		}
		
.cadre_illustration2 {
		float: left;
		width: 139px;
		height: 139px;
		margin-left: 18px;
		margin-top: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: #BABABB;
		}

.bouton_mep_link {
		float: right;
		width: 139px;
		height: 36px;
		margin-top: 40px;
		background: url(./images/bouton_mep.png) 0 0 no-repeat;
		}
.bouton_mep_link:hover {
		text-decoration: none;
		background: url(./images/bouton_mep.png) 0 -36px no-repeat;
		}
		
/**************** footer ******************/
.footer {
		width: 100%;
		height: 45px;
		margin-top: 50px;
		padding-top: 100px;
		background-color: #EBECEC;
		}

.footer p {
		font-family: helvetica, arial, verdana, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #383B3E;
		}

	
/*LE SPACER QUI NOUS SAUVE LA VIE, OU PAS*****************/		
.spacer {
		clear: both;
		}
		
		
/* liens sur des images *****************/			
.a img {
		float: left;
		text-decoration: none;
		border: none;}