/*****************************************************************************/
/*                 							 			HABILLAGE				 				                */
/******************************************************************************/

/******************************************************************************/
/*                 							 			GENERAL					 				                */
/******************************************************************************/

html {
	margin : 0;
	padding : 0;
	text-align:center;
	background-color:#FFFFFF;
}

body {
	margin : 0;
	padding : 0;
	text-align:center;
}
 
a {
	border:none;
}
#conteneur_fond_home {
	display:block;
	position:relative;
	margin : 0;
	padding : 0;
	width : 100%;
	height:100%;
	background-image:url(../images/watteeuw_fond_photographique_bg.gif);
	background-position:center top;
}
#conteneur_fond_inter {
	display:block;
	position:relative;
	margin : 0;
	padding : 0;
	width : 100%;
	height:100%;
	background-image:url(../images/watteeuw_fond_photographique_bulle.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#conteneur {
	display:block;
	position:relative;
	margin :0 auto;
	padding : 0;
	width : 955px;
	height:680px;
}
#haut {
	float : left;
	margin : 0;
	padding : 0;
	width : 955px;
	height: 427px;
	text-align:left;
	background-image:url(../images/watteeuw_fond_home.jpg);
	position:relative;
} 
#milieu {
	float:left;
	margin:0;
	padding:0;
	width:955px;
	height:151px;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/watteeuw_fond_inventaire_une.jpg);
	position:relative;
	z-index:10;
	background-repeat:no-repeat;
}

/** html #milieu {
	background-color:aqua;
	height:80px;
} */

#bas {
	/*float:left;*/
	clear:both;
	margin:0;
	padding:0;
	width:955px;
	height:22px;
	text-align:left;
	background-color:#000000;
	position:relative;
	z-index:1;
} 
#bas_bas {
	display:block;
	float : left;
	margin :0;
	/* Fix 07072009 */
	/*padding : 15px 0 0 30px;*/
	padding : 15px 0 0 0;
	width : 955px;
	height: 65px;
	/* Fix 07072009 */
	/*text-align:left;*/
	text-align:center;
	color:#000000;
	background-color:#dcdcdc;
	position:relative;
	border:none;
	z-index:2;
} 
* html #bas_bas {
	width : 955px;
	height: 60px;
	top:10px;
	padding :10px 0 0 0;
} 
.menu_bas li.sans_fond{
	background:none;
}

/*****************************************************************************/
/**********     BTN ORANGE   *************************************************/
/*****************************************************************************/

p.btn_orange {
	display:block;
	float : left;
	height:18px;
	margin:10px 0 5px 0;
	text-align:center;
	background-color:#ff5100;
	background-image:url(../images/watteeuw_btn_gauche.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border:none;
}
p.btn_orange a{
	display:block;
	line-height:18px;
	padding:0 10px 0 10px;
	margin:0;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	background-image:url(../images/watteeuw_btn_droite.jpg);
	background-repeat:no-repeat;
	background-position:right;
	border:none;	
}
*+ html .btn_orange a{
	display:block;
	line-height:18px;
	padding:0 10px 0 10px;
	margin:0;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	background-image:url(../images/watteeuw_btn_droite.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
* html .btn_orange a{
	display:block;
	line-height:18px;
	padding:0 10px 0 10px;
	margin:0;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	background-image:url(../images/watteeuw_btn_droite.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
.btn_orange a:hover{
	padding:0 10px 0 10px;
	margin:0;
	text-decoration:none;
	color:#742424;
}
.btn_orange .gauche {
	position:relative;
	display:inline;
	float : left;
	height:18px;
	border:none;
	width:9px;
	background-image:url(../images/watteeuw_btn_gauche.jpg);
	background-repeat:no-repeat;
	border:none;
}

/*****************************************************************************/
/**********     HAUT     *********************************************************/
/*****************************************************************************/

#haut .logo {
	display:block;
	float : left;
	border:none;
} 
#haut .visite_ludique {
	display:block;
	float : right;
	border:none;
	width:140px;
	height:80px;
	margin:40px 30px 0 0;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
}
* html #haut .visite_ludique {
	margin:40px 15px 0 0;
}
.menu_haut {
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#9bb310;
	border:none;
}
.menu_haut li{
	list-style:none;
	color:#9bb310;
	padding:11px 0 0 20px;
	margin:0;
}
.menu_haut li a{
	font-size:0.9em;
	color:#9bb310;
}
.menu_haut li a:hover{
	color:#ff6600;
	text-decoration:underline;
}

/*****************************************************************************/
/**********     MILIEU    *******************************************************/
/*****************************************************************************/

#milieu_gauche {
	display:block;
	float : left;
	position:relative;
	padding : 0;
	margin : 0 0 0 30px;
	width : 190px;
	height: 100px;
	text-align:left;
} 

#milieu_gauche p, #milieu_droite p {
       /* clear:both;*/
}

* html #milieu_gauche {
	margin : 0 0 0 15px;
} 
#milieu_droite {
	display:block;
	float : left;
	position:relative;
	margin : 0 0 0 255px;
	padding : 0;
	width : 330px;
	height: 140px;
	text-align:left;
} 
* html #milieu_droite {
	margin : 0 0 0 238px;
}

#milieu_gauche h2 {
	width:190px;
}

#milieu_droite h2 {
	width:330px;
	margin:0;
	height:35px;
} 

#milieu_droite img {
	float:left;
}

#milieu_droite p {

     	display:block;
	float:left;
	width:250px;
}


#logo_departement {
	display:block;
	position:absolute;
	top:90px;
	left:870px;
	width:58px;
	height:74px;
	z-index:10;
}

/*****************************************************************************/
/**********     BAS    *******************************************************/
/*****************************************************************************/

.menu_bas {
	color:#FFFFFF;
	padding:0 0 0 240px;
	margin:0;
}
.menu_bas li{
	display:inline;
	padding:0 10px 0 15px;
	line-height:22px;
	color:#FFFFFF;
	background-image:url(../images/separation_blanche.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
.menu_bas li a{
	font-size:1em;
	font-weight:normal;
	color:#FFFFFF;
}
.menu_bas li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/*****************************************************************************/
/**********     BAS  BAS   ***************************************************/
/*****************************************************************************/

#bas_bas img {
	border:none;
	padding:0 10px 0 0;
} 
*html #bas_bas img {
	border:none;
	margin:0 5px 0 5px;
} 

