/* CSS Document */
html,body{margin:0;padding:0;font-size: 11px; font-family: verdana,helvetica,arial; }
body{text-align:center; background-image: url("/images/arche-mazade.jpg"); background-repeat: no-repeat; background-position: top center;}

div#container{ width:680px; margin:180px auto 0 auto; padding:0; text-align:left; }
div#wrapper{ margin-top:45px; padding-left:30px; }

img {border:none;}

h1 {
	margin:0;
	padding:0;
	font-size:28px;
	font-family: arial,sans-serif;
	font-variant: small-caps;
}

h2 {
	margin:0;
	padding:0;
	font-size:23px;
	font-family: arial,sans-serif;
	font-variant: small-caps;
}

h3 {
	display: inline-block;
	margin:0;
	margin-bottom:5px;
	padding:5px;
	font-size:13px;
	font-family: arial,sans-serif;
	font-weight: lighter;
	color:#fff;
}

#body_0 h1 {color:#8e201f;}
#body_0 h2 {color:#8e201f;}
#body_0 h3 {background-color:#8e3231;}

#body_1 h1 {color:#9c1616;}
#body_1 h2 {color:#88aa4a;}
#body_1 h3 {background-color:#9c1616;}

#body_2 h1 {color:#b3641a;}
#body_2 h2 {color:#713e0d;}
#body_2 h3 {background-color:#b3641a;}

#body_3 h1 {color:#435f7e;}
#body_3 h2 {color:#1b2641;}
#body_3 h3 {background-color:#435f7e;}

#body_4 h1 {color:#7b0111;}
#body_4 h2 {color:#bb811b;}
#body_4 h3 {background-color:#7b0111;}

#body_5 h1 {color:#411e10;}
#body_5 h2 {color:#7a4724;}
#body_5 h3 {background-color:#411e10;}

#body_6 h1 {color:#a45806;}
#body_6 h2 {color:#87a53b;}
#body_6 h3 {background-color:#a45806;}


/* Default */

#nav {
width: 624px;
height: 78px;
position: relative;
left:70px;
background: url(/images/menu.jpg);
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 90px;
background: url(/images/menu.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_accueil a { left: 0; width: 78px; background-position: 0 0; }
li#nav_creation a { left: 78px; width: 78px; background-position: -78px 0; }
li#nav_lieu a { left: 156px; width: 78px; background-position: -156px 0; }
li#nav_recherches a { left: 234px; width: 78px; background-position: -234px 0; }
li#nav_programmation a { left: 312px; width: 78px; background-position: -312px 0; }
li#nav_infos a { left: 390px; width: 78px; background-position: -390px 0; }
li#nav_contact a { left: 468px; width: 78px; background-position: -468px 0; }
li#nav_pelican a { left: 546px; width: 78px; background-position: -546px 0; }

/*hover state*/
li#nav_accueil a:hover { background-position: 0 -90px; }
li#nav_creation a:hover { background-position: -78px -90px; }
li#nav_lieu a:hover { background-position: -156px -90px; }
li#nav_recherches a:hover { background-position: -234px -90px; }
li#nav_programmation a:hover { background-position: -312px -90px; }
li#nav_infos a:hover { background-position: -390px -90px; }
li#nav_contact a:hover { background-position: -468px -90px; }
li#nav_pelican a:hover { background-position: -546px -90px; }

/*current state*/
#body_0 li#nav_accueil a { background-position: 0 -180px; }
#body_1 li#nav_creation a { background-position: -78px -180px; }
#body_2 li#nav_lieu a { background-position: -156px -180px; }
#body_3 li#nav_recherches a { background-position: -234px -180px; }
#body_4 li#nav_programmation a { background-position: -312px -180px; }
#body_5 li#nav_infos a { background-position: -390px -180px; }
#body_6 li#nav_contact a { background-position: -468px -180px; }


#footer { margin-top:100px; margin-bottom:10px; margin-left:30px; padding:5px; font-size:9px; text-align:center; background-color: #eee;}
#footer a { color:#000; text-decoration:none; font-size:9px; }

#sous_menu_1 { display:none; font-size:13px; font-variant:small-caps; color:#777; }
#sous_menu_2 { display:none; font-size:13px; font-variant:small-caps; color:#777; }
#sous_menu_3 { display:none; font-size:13px; font-variant:small-caps; color:#777; }
#sous_menu_4 { display:none; font-size:13px; font-variant:small-caps; color:#777; }
#sous_menu_5 { display:none; font-size:13px; font-variant:small-caps; color:#777; }

#sous_menu_1 a { font-size:13px; font-variant:small-caps;}
#sous_menu_2 a { font-size:13px; font-variant:small-caps;}
#sous_menu_3 a { font-size:13px; font-variant:small-caps;}
#sous_menu_4 a { font-size:13px; font-variant:small-caps;}
#sous_menu_5 a { font-size:13px; font-variant:small-caps;}


#body_1 #sous_menu_1 { display:block; position:relative; left:80px; top:20px; }
#body_2 #sous_menu_2 { display:block; position:relative; left:80px; top:20px; }
#body_3 #sous_menu_3 { display:block; position:relative; left:80px; top:20px; }
#body_4 #sous_menu_4 { display:block; position:relative; left:80px; top:20px; }
#body_5 #sous_menu_5 { display:block; position:relative; left:80px; top:20px; }