/* CSS Document */
	
	
#page{
	position: relative;
	margin: auto;
	margin-top:0;
	width: 990px;
	background-color: #fff;
	
}

body {
	margin: 0;
	padding: 0;
	background-color: #f1ffef;
}

/*------------------

	Entete
	
------------------*/
#entete {
	width: 990px;
	height: 161px;
	background-image: url(/images/fond-entete.gif);
	background-repeat: no-repeat;
}

#logo-entete {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 76px;
}

#menu-haut {
	position: absolute;
	top: 18px;
	left: 274px;
}

#menu-haut a {
	position: absolute;
	text-indent : -9000px;
	display: block;
	top: 0;
	height: 51px;
}

#menu-qui-est-regim {
	left: 55px;
	width: 54px;
	background-image: url(/images/menu-qui-est-regim.gif);
}

#menu-centre-de-tri {
	left: 120px;
	width: 52px;
	background-image: url(/images/menu-centre-de-tri.gif);
}

#menu-vos-bacs {
	left: 185px;
	width: 40px;
	background-image: url(/images/menu-vos-bacs.gif);
}

#menu-compostage {
	left: 235px;
	width: 87px;
	background-image: url(/images/menu-compostage.gif);
}

#menu-autres-dechets {
	left: 335px;
	width: 55px;
	background-image: url(/images/menu-autres-dechets.gif);
}

#menu-trucs-et-astuces {
	left: 405px;
	width: 54px;
	background-image: url(/images/menu-trucs-et-astuces.gif);
}

#menu-horaire {
	left: 471px;
	width: 55px;
	background-image: url(/images/menu-horaire.gif);
}

#menu-faq {
	left: 541px;
	width: 33px;
	background-image: url(/images/menu-faq.gif);
}

#menu-contact {
	left: 588px;
	width: 56px;
	background-image: url(/images/menu-contact.gif);
}

#menu-english {
	left: 655px;
	width: 48px;
	background-image: url(/images/menu-english.gif);
}

#bande-droite {
	background-image: url(/images/bande-droite.gif);
	background-repeat: no-repeat;
	width:124px;
	height: 672px;
	position: absolute;
	right: 0;
	top: 70px;
}

#bande-droite-texte {
	
	background-image: url(/images/bande-droite-texte.gif);
	background-repeat: no-repeat;
	width:124px;
	height: 672px;
	position: absolute;
	right: 0;
	top: 70px;
}

#contenu-bande-droite {
	padding-top: 78px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

#titre-bande-droite {
	color: #283ebf;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}

#sous-titre-bande-droite {
	color: #283ebf;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

#bande-droite-depliant {
	position: absolute;
	bottom: -80px;
	left: 16px;
}

#bande-droite-depliant img {
	border: 0;
}

/*--------------------------------------------------------------------
/* MOOTOOLS ACCORDÉONS
/**/

#contenu h2.toggler {
	cursor: pointer;
	border: 0 !important;
	margin-top: 20px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 7px !important;
	height: 29px !important;
	background-image: url(/images/fond-faq.gif);
	background-repeat: no-repeat;
	color: #fff;
	
}

.element {
	padding-left: 18px;
	padding-right: 18px;
	
}



/*-----------------------

	Principal 
	
-----------------------*/

#fond-menu-gauche {
	background-image: url(/images/fond-menu-gauche.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#principal {
	
	width: 866px;
	min-height: 617px;
	
}

* html #principal {
	height: 617px;
}

#principal-accueil {
	width: 866px;
	min-height: 611px;
	background-image: url(/images/fond-principal-accueil.jpg);
	background-repeat: no-repeat;
}

* html #principal-accueil {
	height: 611px;
}

#messages-gauche {
	float: left;
	width: 204px;
}

#messages-droite {
	float: right;
	width: 204px;
}

#messages-droite .message,
#messages-gauche .message {
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

#messages-droite a:hover,
#messages-gauche a:hover {
	text-decoration: underline !important;
}

.grispale {
	background-color: #ecebe0;
}

.jaune {
	background-color: #fff2c0;
}

.vertjaune {
	background-color: #f0f5d2;
}

.vert {
	background-color: #c6ddba;
}

.orange {
	background-color: #fde0af;
}

.gris {
	background-color: #e9e8e8;
}

.bleu {
	background-color: #cfe5f2;
}

.message-important {
	color: #283ebf;
	font-weight: bold;
	text-decoration: none !important;
}


#section {
	width: 100%;
	height: 44px;
	padding-top: 9px;
	padding-left: 10px;
	background-image: url(/images/fond-titre.gif);
	background-repeat: no-repeat;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}


/*----------------------------------

	Menu-gauche
	
---------------------------------*/
#menu-gauche {
	float: left;
	width: 223px;
	min-height: 527px;
	
	
}



* html #menu-gauche {
	height: 527px;
}

#menu-gauche a {
	margin-top: 13px;
	display: block;
	min-height: 22px;
	width: 203px;
	background-color: #edf7e2;
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 9px;
	padding-bottom: 9px;
		opacity:.70;
filter: alpha(opacity=70);
 -moz-opacity: .70;
}

* html #menu-gauche {
	height: 22px;
}

#menu-gauche a:hover {
	color: #FFF;
	background-color: #283ebf;
}

#menu-gauche .actif {
	color: #FFF !important;
	background-color: #283ebf !important;
}

#menu-gauche .double {
	height: 54px !important;
}


/*--------------------------------

	contenu
	
--------------------------------*/
#contenu-hauteur-min {
	min-height: 527px;
}

* html #contenu-hauteur-min {
	height: 527px;
}

#contenu {
	float: left;
	width: 634px;
	margin-top: 13px;
	

}

#contenu a {
	color: #283ebf;
}



#bas-contenu {
	height: 20px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-top: 1px solid #5e5e5f;
	font-size: 10px;
	

}

#contenu ul { 

	margin-left : 0;
	padding-left: 20px;
	list-style-type : none;
	line-height: 1.5em;
	
}

#contenu li {
	margin: 0;
	padding: 0;
	
	background-image: url(/images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
	padding-left: 15px;
}



/*----------------------------------

	Pied
	
----------------------------------*/
#pied {
	position: relative;
	height: 110px;
	
}
#logo-regim {
	position: absolute;
	top: 5px;
	left: 10px;
	
}

#logo-regim img {
	border: 0;
}


#contenu-pied {
	position: absolute;
	left: 168px;
	top: 20px;
	font-weight: bold;
	font-size: 15px;
}

#coordonnes {
	position: absolute;
	top: 48px;
	left: 14px;
	font-size: 12px;
}

#coordonnes a {
	color: #000;
}

#ligne-bas {
	position: absolute;
	background-color: #ecf4cc;
	height: 18px;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 9px;
	padding-bottom: 8px;
	
	top: 75px;
	left:0;
	font-size: 12px;
}

#ligne-bas a {
	color: #5e5e5f;
}

#ligne-bas a:hover {
	color: #79797b;
}

#realisation {
	float: right;
}

#copyright {
	float: left;
}


#aair {
	width: 1px;
	height: 25px;
}