/***************************** CSS MODELE 1 ********************************/
html, body{
	height: 100%; /* POUR CENTRER VERTICALEMENT : PARENTS DU TABLE*/
	background-color: #00b9ee;
	text-align: left;
}
 
div{
	border: 0px solid black;
}

/***************************** DECOUPAGE DE LA PAGE ********************************/

#contener{
	margin: auto;
	width: 1035px;
position: relative;
}
#FlashInstall {
position: absolute;
top: -20px;
left: -20px;
z-index: 10;
}
	
#contener_haut{
	position: relative;
	float: left;
	height: 40px;
	width: 1035px;
	background: url('./images/ecomusee/haut/fond_haut.jpg') top no-repeat;	
}


#contener_repet{
	position: relative;
	float: left;
	width: 1035px;
	background: url('./images/ecomusee/contener_repet.jpg') repeat-y;	
}

#contener_bas{
	position: relative;
	float: left;
	height: 41px;
	width: 1035px;
	background: url('./images/ecomusee/fond_bas.jpg') top no-repeat;	
}

/* haut */

#contener_haut #e_imp,
#contener_haut #e_plan{
	position: absolute;
	top: 14px;
	left: 845px;
	background: url('./images/ecomusee/haut/puce_onglet.jpg') left no-repeat;
	color: #cfcfcf;
	font-size: 9px;
	padding: 0px 14px 0px 12px;
}

#contener_haut #e_plan{
	left: 920px;
}

#contener_menu_haut{
	position: relative;
	float: left;
	margin-left: 36px;
	_margin-left: 18px;
	width: 959px;
	_height: 84px;
	_overflow: hidden;
}

#titre_haut{
	position: relative;
	float: left;
	width: 444px;
	background-color: #9fbc0d;
	_height: 84px;
	_overflow: hidden;
}

#titre_haut #titre{
	position: relative;
	cursor: pointer;
	float: left;
	width: 444px;
	_width: 400px;
	height: 31px;
	padding-top: 2px;
	_padding-top: 1px;
	padding-bottom: 5px;
	background-color: #9fbc0d;
	margin-left: 16px;
	_margin-left: 7px;
	color: #ffffff;
	font-size: 26px;
	font-weight: normal;
	text-decoration: none;
}

#titre_haut a:hover{
	text-decoration: none;
}

#balise_h1{
	position: relative;
	float: left;
	width: 444px;
	height: 25px;
	background-color: #ffffff;
}

#balise_h1 h1 {
	position: relative;
	float: left;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 11px;
	height: 25px;
	color: #cfcfcf;
	font-weight: normal;
}


#titre_haut #separateur_haut{
	position: relative;
	float: left;
	width: 444px;
	height: 1px;
	padding: 0px;
	margin: 0px;
	line-height:0px;
	font-size: 0px;
	background-color: #ffffff;
}

#titre_haut #haut_bas{
	position: relative;
	float: left;
	width: 444px;
	height: 20px;
	background-color: #00b9ee;
	border-top: 1px solid #ffffff;
}

#o_date_maj{
	padding: 0px 0px 0px 5px;
	color: #ffffff;
	padding: 3px 0px 0px 10px;
}

#menu_haut{
	position: relative;
	float: left;
	width: 515px;
	height: 84px;
	background: url('./images/ecomusee/haut/menu.jpg') top no-repeat;
}

#menu_haut #onglets_haut{
	cursor: pointer;
	position: relative;
	float: left;
	padding-top: 64px;
	height: 20px;
	_height: 10px;
	width: 103px;
}

#onglets_haut:hover{
	text-decoration: none;
}

#menu_haut_texte{
	text-align: center;
	color: #ffffff;
	line-height:10px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

/* flash */
#contener_flash{
	float: left;
	margin-left: 36px;
	_margin-left: 18px;
	height: 148px;
	width: 962px;
	_width: 800px;
	z-index:40;
	background: url('./images/flash/flash.jpg') 0px 0px no-repeat;	
}

/* contenu */

#ariane{
	padding-left: 5px;
	color: #00b9ee	;
	height: 20px;
}


#ariane a{
	color: #00b9ee	;
}



#contener_contenu{
	position: relative;
	float: left;
	margin-left: 25px;
	_margin-left: 12px;
	width: 972px;
	_width: 990px;
}

/* contenu gauche */
#contener_gauche{
	position: relative;
	float: left;
	width: 220px;
}


#contener_gauche #menu_gauche{
	position: relative;
	z-index: 50;
	float: left;
	width: 221px;
	background: url('./images/ecomusee/fond_menu.jpg') top no-repeat;	
	min-height: 279px;
	height: auto;
	_height: 279px;
}

#menu_gauche #titre_menu_gauche{
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 0px 0px 40px;
}

#contener_gauche #drapeaux{
	position: relative;
	float: left;

	width: 180px;
	height: 117px;
	height: 127px;
	background: url('./images/ecomusee/fond_drapeaux.jpg') bottom no-repeat;
	padding-left: 35px;
}

#contener_gauche #drapeaux a{
	position: relative;
	float: left;
	width: 35px;
	padding-top: 22px;
}

#videos{
	position: relative;
	float: left;
	width: 100px;
	_width: 100px;
	cursor: pointer;
	height: 50px;
	margin-top:3px;
	padding-left: 40px;
	padding-top: 0px;
}

#videos a{
	color:#8c8c8c;
	font-size: 14px;
	font-weight: bold;
	line-height: 10px;
	text-decoration: none;
}

#videos a:hover{
	text-decoration: none;
}


/* contenu centre */

#contener_centre{
	float: left;
	width: 516px;
	_width: 520px;
	z-index: 1;
	padding-left: 5px;
}

#contener_centre #contenu{
	float: left;
	padding-left: 8px;
	width: 455px;
	z-index: 1;
}

#contener_centre #titre_centre{
	position: relative;
	float: left;
	padding-left: 2px;
	width: 25px;
	_width: 18px;
	text-align: right;
	height: auto;
	font-size: 15px;
	font-weight: bold;
	color: #00b9ee;
	padding-top: 10px;
}

/* contenu droit */
#contener_droit{
	position: relative;
	float: left;
	width: 205px;
	padding-left: 19px;
	_padding-left: 16px;
}

#contener_droit #fond_flashcontent{
	position: relative;
	float: left;
	width: 209px;
	height: 201px;
	background: url('./images/ecomusee/droit/fond_actualite.jpg') top left no-repeat;
}

#contener_droit #flashcontent{
	position: relative;
	float: left;
	padding-top: 1px;
}

#actualite .actu_titre{
	float: left;
	width: 202px;
	height: 30px;
	padding-left: 25px;
	padding-top: 1px;
	color:#00b9ee;
	font-size: 16px;
	font-weight: bold;
	background: url('./images/ecomusee/puce_actualite.jpg') top left no-repeat;
}

#liens_droit{
	position: relative;
	float: left;
	margin-top: 14px;
}

#liens_droit a:hover{
	text-decoration: none;
}

#liens_droit #brochure{
	position: relative;
	cursor: pointer;
	float: left;
	height: 31px;
	width: 175px;
	_width: 175px;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing:-1px;
	padding: 14px 0px 0px 42px;
	background: url('./images/ecomusee/droit/btn_1.jpg') top left no-repeat;
}

#liens_droit #information{
	position: relative;
	cursor: pointer;
	float: left;
	height: 31px;
	width: 175px;
	_width: 175px;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing:-1px;
	padding: 14px 0px 0px 42px;
	background: url('./images/ecomusee/droit/btn_2.jpg') top left no-repeat;
}

#liens_droit #contact{
	position: relative;
	cursor: pointer;
	float: left;
	height: 31px;
	width: 175px;
	_width: 175px;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing:-1px;
	padding: 14px 0px 0px 42px;
	background: url('./images/ecomusee/droit/btn_3.jpg') top left no-repeat;
}

#liens_droit a{
	position: relative;
	float: left;
	padding-bottom: 5px;
}



						






/* bas */

#contener_bas #menu_bas{
	padding: 17px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size:9px;	
}
	
#menu_bas a{
	color: #ffffff;
	font-weight: bold;
	font-size:10px;	
	underline: none;
}

#contener_pied{
	text-align: center;
	color: #ffffff;
}








#contenu ul li{
	color: #6a6a6a;
	list-style-type: none;
	background: url('./images/ecomusee/puce_li.jpg') 0px 3px no-repeat;
	padding-left: 20px;

}
#contenu ol {
padding-left: 45px;
color: #6a6a6a;
}
a{
	color: #df001c;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	
}


/* le menu sur le titre */
#accroche_log{
	cursor: pointer;
	position: absolute;
	top: 218px;
	_top: 228px;
	left: 462px;
	z-index: 50;
	background: url('./images/shim.gif') bottom left no-repeat;
}

#accroche_log dt{
	cursor: pointer;
	height: 30px;
	width: 335px;
	margin: 2px 0px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 4px;
	text-align: left;
}

#accroche_log dd{
	cursor: text;
	display: none;
	position: absolute;
	top: 75px;
	left: 0px;
	margin-top: -27px;
	width: 650px;
	background-color: #ffffff;
	border: 1px solid #00b9ee;
	list-style-image: none;
}

#accroche_log b{
	cursor: text;
	color: #00b9ee;
}

#contenu .titre{
	color: #cc071e;
	font-size: 14px;
	padding : 4px 0px 0px 35px;
	font-weight: bold;
	background: url('./images/ecomusee/puce_titre.jpg') top left no-repeat;

	display: block;
	height: 23px;
}