HTML, BODY {
	height: 100%;	
}

BODY {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url("layout/back.png");
	font-family: sans, sans-serif;
	font-size: 11px;
	color: black;
}

a:link {
	color: #eca204;
}

a:visited {
	color: #eca204;
}

a:hover {
	color: #f66c6c;
}

a:active {
	color: #eca204;
}

#page {
	margin-left: auto;
	margin-right: auto;
	min-width: 950px;
	max-width: 950px;
	width: 950px;
	min-height:100%;
	top: 0px;
	background-image: url("layout/page.png");
	background-repeat: repeat-y;
}

#top {
	position: relative;
	left: 95px;
	top: 0px;
	min-height: 113px;
	max-height: 113px;
	min-width: 760px;
	max-width: 760px;
	height: 113px;
	width: 760px;
	background-image: url("layout/layout_03.png");
}


#menubar {
	/* position: relative; ne marche pas sous ie6, ie7 */
	margin-left: 95px; /* avec position:relative on entre à priori left:95px; avec le correctif ie on utilise cette ligne */
	top: 0px;
	min-height: 20px;
	max-height: 20px;
	min-width: 760px;
	max-width: 760px;
	height: 20px;
	width: 760px;
	background-image: url("layout/layout_07.png");
	overflow: visible;
}

#transition_contenu {
	position: relative;
	left: 95px;
	top: 0px;
	min-height: 30px;
	max-height: 30px;
	min-width: 760px;
	max-width: 760px;
	height: 30px;
	width: 760px;
	background-image: url("layout/layout_09.png");
	
}

#centre
{
	position: relative;
	left: 95px;
	top: 0px;
	width: 855px;
}

#contenu {
	position: relative;
	min-height:400px;
	left: 0px;
	top: 0px;
	margin-left: 2px;
	min-width: 620px;
	max-width: 620px;
	padding-bottom: 40px;
	background-color: #FFFFFF;
	/* background-image: url("layout/preferences-other.png");
	background-repeat: no-repeat;
	background-position: 50% 20px; */
}

#entete {
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 88px;
	margin-right: 95px;
	min-height: 40px;
	max-height: 40px;
	min-width: 760px;
	text-align: center;
}

#contenu-texte {
	position: relative;
	left: 5px;
	top: 0px;
	min-width: 620px;
	max-width: 620px;
	text-align: justify;
	background-color: #FFFFFF;
	overflow:hidden;
}

/* Petit workaround pied de page */
#piedpage1 {
	position: absolute;
	left: 0px;
	height: 20px;
	clear: both;
}	
	
#piedpage2 {
	position: fixed;
	background: #000000;
	left:0px;
	bottom: 0px;
	height: 40px;
	width: 100%;
    opacity: 0.8; 
}
	
	
#logos {
	position: absolute;
	bottom: 0px;
	left:0px;

	min-width: 10px;
	
	text-align: left;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	
	overflow:show;
}

#bottom {
	position: absolute;
	min-width:100%;
	bottom:0px;
	
	color:#ffffff;
	font-weight: bold;
	text-align:right;
	
	overflow:show;
}

#barrepub {
	float: right;
	width: 225px;
	margin-top: 40px;
	overflow:show;
	background-image: url("layout/backpub.png");
	min-height: 100%;
}

/* Debut du workaround */

/* Ces deux conteneurs, viennent gerer le probleme */
/* de colonne de taille plus grande que la zone centrale */
/* En effet, si on est dans ce cas, le fond de la zone de */ 
/* texte ne descend pas en bas de la page */
/* On corrige le problème en introduisant un fond de */
/* page dans une colonne avec une marge negative */

#workaround1 {
	position: relative;
	margin-left:-725px;
	bottom: 0px;
	overflow:show;
	background-image: url("layout/page.png");
}

#workaround2 {
	position: relative;
	margin-left:725px;
	max-width: 400px;
	overflow:show;
	background-image: url("layout/backpub.png");
	background-repeat: repeat-y;
}

/* Fin du workaround */

.Tpub {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 30px;
	margin-bottom: 8px;
}

#toppub {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 25px;
	max-height: 25px;
	background-image: url("layout/layout_12.png");
	background-repeat: no-repeat;
}

#pub-rapide {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 21px;
	max-height: 21px;
	background-image: url("layout/layout_13.png");
	background-repeat: no-repeat;
}

#pub-etat {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 25px;
	max-height: 25px;
	background-image: url("layout/layout_17.png");
	background-repeat: no-repeat;
}

#pub-toc {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 25px;
	max-height: 25px;
	background-image: url("layout/layout_30.png");
	background-repeat: no-repeat;
}

#pub-partenaires {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 24px;
	max-height: 24px;
	background-image: url("layout/layout_21.png");
	background-repeat: no-repeat;
}

#baspub {
	position: relative;
	left: 0px;
	top: 0px;
	min-width: 225px;
	max-width: 225px;
	min-height: 16px;
	max-height: 16px;
	background-image: url("layout/layout_26.png");
	background-repeat: no-repeat;
}

.pub-content {
	position: relative;
	margin-left: 25px;
	margin-right: 5px;
	text-align: left;
}

#fuckyou {
	position: fixed;
	left:0px;
	top: 0px;
	height: 100px;
	width: 70px;
	background-image: url("layout/nothing.png");
	background-repeat: no-repeat;
}