/**************************************************************************

*************************************************************************
*                                                                       *
*	Cette feuille de style applique les backgrounds et la mise en page  *
*                                                                       *
*************************************************************************

Structure de la page:

+-----conteneur-------------------------------------------------------------+
++----div class="large" id="top"-------------------------------------------++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
++----div class="large" id="header"----------------------------------------++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
++----div class="large" id="menuH"----------------------------------------++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
++----div class="large" id="mainContent"-----------------------------------++
++                                                                         ++
+                                                                          ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
++-----div class="large" id="bottom"---------------------------------------++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
++-----div class="large" id="footer"---------------------------------------++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
++-----div class="large" id="bottom"---------------------------------------++
++                                                                         ++
++                                                                         ++
++-------------------------------------------------------------------------++
+---------------------------------------------------------------------------+


**************************************************************************/

html {
	height: 100%;
	overflow: scroll;
}

body {
	height: 100%;
	background-color: #ECECEC;
}

* {
	margin: 0;
	padding: 0;
}

div.large {
	width: 100%;
	clear: both;
}

div#conteneur {
	margin: 0 auto;
	width: 1000px;
	/*background: url(../images/gabarit/bg_mainContent.gif) repeat-y;*/     /* Background infini, de haut en bas*/
}

	div#top {
		background: url(../../images/gabarit/1/bg_top.gif) no-repeat;
		height: 68px;
	}

	div#header {
		background: url(../../images/gabarit/1/bg_header.gif) no-repeat;
		height: 32px;
	}

	div#menuH {
		display: none;
	}

	div#mainContent {
		background: url(../../images/gabarit/1/bg_mainContent.gif) repeat-y;         /* Background appliqué à mainContent uniquement*/
		min-height: 300px;
	}

	div#mainContentAccueil {
		background: url(../../images/gabarit/1/bg_mainContent_accueil.gif) no-repeat bottom;         /* Background appliqué à mainContent uniquement*/
		min-height: 300px;
		width: 1000px;
		padding: 10px 0 0 0;
	}

	div#menuBas {
		background: url(../../images/gabarit/1/bg_mainContent.gif) repeat-y;         /* Background appliqué à mainContent uniquement*/
	}

	div#footer {
		background: url(../../images/gabarit/1/bg_footer.gif) no-repeat;
		height: 30px;
	}
		#footer ul li a {
				color: #fff;
				
				border-right: 1px solid #fff ;
				
			} /* exception pour cette partie déco qui est différente delon les styles css appliquét*/

				#footer ul li a:hover {
					color: #333;
				border-right: 1px solid #333;
				}

	div#bottom {
		
	}


.clear {
	clear:both;
	height: 0;
}