/* @group RESETS */

:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }


/*** reset some basic style
******************************************************************/
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}

ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}

/* @end */

h1{
	color: White;
	font-size: 1.2em;
	font-family: Garamond;
	c
}

h2{
	color: Olive;
	font-size: 0.8em;
	font-family: Verdana;
	letter-spacing: 4px;
}

h3{
		color: Olive;
		font-size: 0.8em;
		font-family: Verdana;
		word-spacing: 1px;
		letter-spacing: 4px;
		line-height: 15px;
}

h4{
		color: White;
		line-height: 20px;
}

body{
	background-color: #392916;
}

#conteneur_du_site{
	width:  780px;
	position:  absolute;
	left:  -390px;
	margin-left:  50%;
	margin-top: 40px;
	font-size: 0.8em;
	background-image: url(../~images/body.png);
}


.header{
	width:  780px;
	height:  96px;
	background: #8AEDF9 url(../~images/header.png) repeat-x;
}


.header_site{
	width:  780px;
	height:  96px;
	background: #8AEDF9 url(../~images/header.png) repeat-x;
}

.header_site ul{
	height:  16px;
	padding-top: 4px;
	float: right;
	margin-right: 20px;
}

* html .header_site ul{
	margin-top: -6px;
}


.header_site li{
	float: left;
	list-style-type: none;
	display: block;
	font-family: Verdana;
}

.header_site li a{
	color: #BFFEFF;
}

.header_site li a:hover{
	color: #E7A3FA;
}


.logo{
	text-align: center;
	width:  200px;
	height: 60px;
	background:transparent;
	margin-left: 20px;
}

.texte_index{
	background-image: url(../~images/logo_index.png);
	height: 454px;
}


.texte{
	color: #fff;
	padding: 10px 20px;
	width: 600px;
	margin-left: 80px;
	margin-top:  20px;
	font-family: Verdana;
	font-size: small;
}

.diaporama{
	margin: 0;
	padding: 0;
}

.diaporama a{
	color: #392916;
	font-weight: bold;
}

.logo_accueil{
	float:  right;
}


.footer{
	background-image: url(../~images/footer.png);
	width: 780px;
	height: 28px;
	clear: both;
}

.foot{
	text-align: center;
	font-size: 11px;
	color: #8aedf9;
	background-color: #392916;
}

.menu{
	margin-top: 2px;
}

.menu a{
	color: #4B3604;
}

.menu a:hover{
	color: #BFFEFF;
}

p{
	margin-top: 60px;
}