body {
	margin : 0;
	padding : 0;
	font-family : "Trebuchet MS",Verdana,Arial,Helevtica,sans-serif;
	background : #fff;
	color : #000;
}

p {
	margin : 1em 0;
	padding : 0;
}

h2 {
	padding : 1px;
}

h3 {
	color : #0a0;
}

a {
	color : #00c;
}

a:hover, a:focus, a:active {
	text-decoration : none;
}

/* ========================================================
LAYOUT
======================================================== */
/* haut de page */
#top {
	margin : 0;
	padding : 0 0 0 16px;
	background : #0063A4 url(images/montagne.jpg) no-repeat bottom right;
	color : #fff;
	height : 82px;
}

#top img {
	margin : 8px 0 0 0;
}

/* contenu */
#main {
	position : absolute;
	top : 82px;
	left : 170px;
	right : 0;
	background :  url(images/icorner_tl.png) no-repeat 0 0;
	padding : 0 0 1em 0;
}

#content {
	padding : 0 1em;
	text-align : justify;
}

/* menu */
#menu {
	width : 170px;
	margin : 0;
	padding : 1em 0 0 0;
	background : #0063A4;
	color : #fff;
}

#menu a {
	color : #c6dae0;
	font-weight : bold;
	text-decoration : none;
}
#menu a:hover, #menu a:focus {
	color : #fff;
}

#menu ul {
	display : block;
	margin : 0 0 20px 0;
	padding : 0;
}

#menu li {
	display : block;
	margin : 4px 0 0 10px;
	padding : 0;
	border-bottom : 1px solid #7ccbe0;
}


#menu-bottom {
	height : 170px;
	margin : 0;
	padding : 0;
	background : #fff url(images/fond_menu.png) no-repeat 0 0;

}

/* nav */
#nav {
	float : right;
	background : #6c0 url(images/degrad_navi.png) repeat-x 0 100%;
	margin : 0;
	padding : 0;
	font-size : 14px;
}

#navi {
	background :  url(images/ncorner_bl.png) no-repeat 0 100%;
	padding : 0.2em 0 0.2em 20px;
	margin : 0;
}

#nav a {
	color : #000;
}

/* bloc info */
.info-tl {
	width : 15em;
	float : right;
	margin : 0 0 1em 1em;
	padding : 0;
	background : #FFEEA8 url(images/corner_tl.png) no-repeat 0 0;
}

.info-tr {
	margin : 0;
	padding : 0;
	background :  url(images/corner_tr.png) no-repeat 100% 0;
}

.info-bl {
	margin : 0;
	padding : 0;
	background :  url(images/corner_bl.png) no-repeat 0 100%;
}

.info-br {
	margin : 0;
	padding : 1em;
	background :  url(images/corner_br.png) no-repeat 100% 100%;
}

.info-br h3 {
	color : #000;
	background : transparent;
	font-size : 1em;
	border : none;
}

/* footer */
#footer {
	font-size : 0.8em;
	text-align : right;
	clear : both;
}

#footer hr {
	border : 0;
	border-top : 1px solid #0063a4;
	height : 1px;
	margin : 1em 0 0 0;
}

#footer p {
	margin : 0;
}

/* ========================================================
CLASSES
======================================================== */

.spacer {
	clear : both;
}

.flottant-gauche {
float : left;
margin : 0 0 2px 2px;
}