/* CSS Document - hiribarne-sumo */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
fieldset,img {  
	    border:0; 
	} 
address,caption,cite,code,dfn,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
ol,ul { 
	    list-style:none; 
	} 
caption,th { 
	    text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
q:before,q:after { 
	    content:''; 
	} 
abbr,acronym { border:0;
}

@charset "utf-8";



		/* ---------------------------	page exposition  --------------------------------------- */
		
body{
	background-color:#000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:80%;
}

#container{
	margin:0 auto;
	padding:auto;
	width:756px;
	height:100%;
	}
	
#container #header{
	margin: 0;
	width:756px;
	height:88px;
	float:left;
	}
	
#header #webmaster{
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	width:756px;
	height:38px;
	float:left;
	}

#webmaster p{
	font-size:65%;
	color:#FFFFFF;
	font-style:italic;
	letter-spacing:0.1em;
	}
	
#header #menu{
	width:756px;
	height:18px;
	margin:10px 0 10px 0;
	float:left;
	}
	
/*#menu p {
	text-align: center;
	line-height:39px;
	font-size:90%;
	
}*/

#menu  a:link, a:active, a:visited {
	color:#000000;
	text-decoration:none;
}


/* -------------------------------------------------- 
	bouton 1 - Menu
	------------------------------------------------ */

#bouton1 {
	float: left;
	height: 18px;
	width: 100px;
	margin:0 6px 0 0;
	background-image: url('../images/bt-survol_100x18.jpg');
	background-repeat: no-repeat;
}

#bouton1 p {
	text-align: center;
	font-size:90%;
	color:#000000;
	font-weight:bold;
	line-height:18px;
}

#bouton1 a {
	font-size:100%;
	height: 18px;
	width: 100px;
}

#bouton1 a:hover {
	text-decoration: none;
	background-image: url('../images/bt-on_100x18.jpg');
	background-repeat: no-repeat;
	background-position:0px 0px;
	height: 18px;
	width: 100px;
	float: left;
	}

#container #contenu{
	background-image: url(../images/fondExpoTerre_510x500.jpg);
	background-repeat:repeat-y;
	width:510px;
	height:2900px;
	margin:10px 118px 0 118px;
	float:left;
	text-align:center;
	}
	
#contenu #expo{
	width:510px;
	margin:0 0 5px 0;
	float:left;
	text-align:center;
	}
	

#contenu #recompenses{
	width:510px;
	margin:0 0 0 0;
	float:left;
	text-align:center;
	}
	
#contenu #annee{
	width:510px;
	margin:20px 0 0 0;
	float:left;
	text-align:center;
	}
	
#contenu h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
	color:#FFFFFF;
	line-height:20px;
	font-weight:bold;
	}
	
#contenu h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	color:#FFCC00;
	line-height:10px;
	font-weight:bold;
	}
	
#contenu h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#FFFFFF;
	line-height:10px;
	font-weight:bold;
	}
	
#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	color:#FFFFFF;
	line-height:20px;
	font-weight:bold;
	letter-spacing:0.01em;
	}

.villes{
	font-size:110%;
	}
	
.invite{
	color:#FFCC00;
	}
	
.expoPerso{
	color:#00FF00;
	}
	
#container #footer{
	margin: 10px;
	width:756px;
	height:30px;
	float:left;
	border-top:1px #FFFFFF solid;
	text-align:center;
	}

#footer p{
	font-size:65%;
	color:#FFFFFF;
	letter-spacing:0.1em;
	line-height:10px;
	padding-top:5px;
	}