* {
	margin : 0;
	padding : 0;	
	}

body {
	margin : 0;
	padding : 0;
	text-align : center;
	background : #900;
	font: normal 78% arial, sans-serif; 
	color : #fff;
	}
	
#wrapper {
	margin: 20px auto 0;
	width: 702px;
	}

#top {
	margin : 25px 0 0 205px;
	padding : 0;
	height : 90px;
	}

#top h1 {
	margin : 0;
	padding : 0;
    }
    
.nom_site {
	color : #fff;
	text-transform : uppercase;
	font : normal .78em Verdana, Rounded, "MT Bold";
	width : 600px;
	}
	
#main {
	width: 700px;
	height: 620px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background: #c30 url(images/image-accueil.jpg) no-repeat;
	color: #fff;
	border: 1px solid;
	}

#content {
	margin: 20px 0 0 0;
	padding : .5em 2em;
	line-height: 115%;
	}

#provisoire {
	margin: 200px 0 0 20px;
}

	
#left { padding: 0; width: 16em; }
	
img { border: none; }
	
/* paragraphes */

p { margin: 0 0 1em 0; text-align: justify; }

/* hierarchie des titres */

h1, h2 {
	color: #fff;
	font-family : arial, sans-serif;
	line-height : 120%;
	}

h1 { font-size : 2em; text-indent: -999em; }

h2 { margin : 0 0 1em 0; font-weight: normal; font-size : 1.1em; text-transform : uppercase; }


/* menu */

#menu { text-align: center; clear: both; position: relative; top: 30px; }

#menu a.nav { display: block; float: left; margin-right: 40px; width: 52px; height: 20px; padding: 54px 0 0 0; }

#menu-en { text-align: center; clear: both; position: relative; top: 0; }

#menu-en a.nav { display: block; float: left; margin-right: 40px; width: 52px; height: 20px; padding: 54px 0 0 0; }

.carnet { background: transparent url(images/menu-carnet2.jpg) 0 0 no-repeat; }

a:hover.carnet { background: transparent url(images/menu-carnet2.jpg) -52px -1px no-repeat; }

.forum { background: transparent url(images/menu-forum.jpg) 0 0 no-repeat; }

a:hover.forum { background: transparent url(images/menu-forum.jpg) -52px 0 no-repeat; }

.itw { background: transparent url(images/menu-itw.jpg) 0 0 no-repeat; }

a:hover.itw { background: transparent url(images/menu-itw.jpg) -55px 1px no-repeat; }

.dossier { background: transparent url(images/menu-dossier.jpg) 0 0 no-repeat; }

a:hover.dossier { background: transparent url(images/menu-dossier.jpg) -52px 0 no-repeat; }

.contact { background: transparent url(images/menu-contact.jpg) 0 0 no-repeat; }

a:hover.contact { background: transparent url(images/menu-contact.jpg) -52px 0 no-repeat; }

.eng { background: transparent url(images/menu-eng.jpg) 0 0 no-repeat;  display: block; float: right; width: 52px; height: 20px; padding: 54px 0 0 0; }

a:hover.eng { background: transparent url(images/menu-eng.jpg) -52px 0 no-repeat; }

.fr { background: transparent url(images/menu-fr.jpg) 0 0 no-repeat;  display: block; float: right; width: 52px; height: 20px; padding: 54px 0 0 0; }

a:hover.fr { background: transparent url(images/menu-fr.jpg) -52px 0 no-repeat; }
	
/* liens */

a, a:visited, a:active { 
    color: #f90;
	text-decoration : none;
	font-weight : normal;
	}
	
a:hover { text-decoration: none; color: #fff; }
	
/* divers */
	
.floatright { float: right; margin: 0 0 .5em 1em; }

#footer {
	padding: 0;
	margin-top: 5px;
	font-size: .8em;
	color: #f90;
	}

.admin {
	float: right;
	margin: 3px;
}

.ff {
	float: right;
	margin-top: 3px;
}

span { font-size: .8em; }