@charset "iso-8859-1";

@import url( mq_menu.css );	
@import url( mq_men2.css );

body {
	width : 100%;
	background : url( ../_fen/fond.jpg ) repeat;
}
img {
	border : none;
}
#conteneur_01 {
	width : 650px;
	height : 450px;
	margin : 10px auto;
	background-color : #CCCCCC;
}
div#nom {
	margin : 20px 0 20px 0;
	color : #571714;
	font-family : arial;
	font-size : 32px;
	font-weight : normal;
	text-decoration : none;
	text-align : center;
}
#conteneur_02 {
	width : 650px;
	height : 300px;
}
#menu_g {
	float : left;
	font-family : arial;
	width : 180px; 
	padding : 10px; 
	background : #ccc;
	margin : 0 auto;
}
#menu_g a, #menu_g a:visited {
	display : block; 
	width : 160px;
	padding : 5px 0;
	color : #571714;
	text-align : center;
	text-indent : 2px;
	background-color : #ddd; 
	text-decoration : none;
	margin : 5px 0; 
	border-left : 10px solid #9ab; 
}
#menu_g a:visited span {
	display : block; 
	position : absolute; 
	top : 06px; 
	left : 00px; 
	width : 10px;
	font-size : 20px;
	color : #00f; 
	border : none;
}
#menu_g a span {
	display : none;
}
#menu_g a:hover {
	color : #fff; 
	border-left : 10px solid #fff; 
}
.clock {
	text-align : center;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #571714;
}
.box {
	position : relative;
}
div#central {
	width : 250px;
	float : left;
	color: #571714;
	text-align : center;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
#pied {
	clear : both;
}
#menu_d {
	float : left;
	font-family : arial;
	width : 180px; 
	padding : 10px; 
	background : #ccc;
	margin : 0 auto;
}
#menu_d a, #menu_d a:visited {
	display : block; 
	width : 160px;
	padding : 5px 0;
	color : #571714;
	text-align : center;
	text-indent : 2px;
	background-color : #ddd; 
	text-decoration : none;
	margin : 5px 0; 
	border-right : 10px solid #9ab; 
}
#menu_d a:visited span {
	display : block; 
	position : absolute; 
	top : 6px; 
	left : 160px; 
	width : 10px;
	font-size : 20px;
	color : #00f; 
	border : none;
}
#menu_d a span {
	display : none;
}
#menu_d a:hover {
	color : #fff; 
	border-right : 10px solid #fff; 
}
div#copy {
	text-align : center;
	color: #571714;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a {
	font-family : arial;
	font-size : 14px;
	font-weight : normal;
	color : #571714;
	text-decoration : none;
}
a:hover {
	font-family : arial;
	font-size : 14px;
	font-weight : normal;
	color : #555;
	text-decoration : underline;
}
a.small {
	font-family : arial;
	font-size : 10px;
	font-weight : normal;
	color: #571714;
	text-decoration : none;
}
a.small:hover {
	font-family : arial;
	font-size : 10px;
	font-weight : normal;
	color : #555;
	text-decoration : underline;
}
div#menr {
	text-align : center;
}
div#compteur {
	margin : 0 auto;
	background : url( ../_fen/compteur.jpg ) no-repeat;
	width : 64px;
	height : 43px;
	text-align : center;
}
.compt {
	margin : 10px 0 0 0;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #571714;
}
.ombre {
	border : 1px solid silver;
	font : 10pt arial;
	position : relative;
	display : inline;
	background : white;
	z-index : 100;
}
.ombre_interne {
	overflow : hidden;
	position : absolute;
	top : -1000px;
	filter : alpha( Opacity = 10 );									/* modify to change the shade solidity/opacity, same as below */
	opacity : 0.1;													/* firefox 1.5 opacity */
	-moz-opacity : 0.1;												/* mozilla opacity */
	-khtml-opacity : 0.1;											/* opacity */
	z-index : 10;
}