/*
	COPYRIGHT 2010 - Créer par Bastien
	Version : 4.5
*/

/* ====================================================================
    GENERAL
			englode principalement le header, corps, menu, copyright   
   ==================================================================== */

body
{
	margin: 0px;
	font-family: Garamond, Tahoma, Verdana, 'Times New Roman', Times, serif;
	background: white url('ressources/header.png') top repeat-x;
	font-size: 0.9em;
}

/* Accès rapide aux langues */
#langues {padding: 0; margin: 3px; float: right;}

/* Banniere du site */
#banniere
{
	clear: both;
	text-align:center;
	margin-top:5px;
}


/* Speedbarre */
#speedbarre
{
	background: #d1fcd5 url('ressources/speedbarre/fond_speedbarre.png') bottom repeat-x;
	border: none;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-left: 0;
	height: 35px;
}
#speedbarre ul 
{
	list-style-type: none;
	margin-left: 17%;
}

#speedbarre li
{
	height: 25px;
	line-height: 25px;
	
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 10px;
	background-color: #79d482;
}.speed
{
	float: left;
	padding-left: 15px;
	background: url('ressources/speedbarre/centre_speedbarre.png') left repeat-x;
}
.speedgauche {float: left; width: auto; padding-left: 30px; background: url('ressources/speedbarre/cotegauche_speedbarre.png') left no-repeat;}
.speeddroite {float: left; width: auto; padding-right: 30px; background: url('ressources/speedbarre/cotedroit_speedbarre.png') right no-repeat;}

#speedbarre a
{
	color: #f1f1f1;
	text-decoration: none;
	font-style: normal;
	width: auto;
	margin: 0;
	float: left;
	display: block;
	height: 25px;
	font-weight: bold;
}
#speedbarre a:hover
{
	color: #cad4cb;
	font-weight: bold;
}


/* Cops du site */
#corps
{
	width: 80%;
	max-width: 80%;
	padding: 5px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: white;
}
/* Sur IE en 800x600, la largeur maximale du corps est de 83% (sinon le design est bousill?)
Sur les navigateurs autres que IE, on peut gagner 1% de largeur alors on en profite ;) */
html>body #corps
{
	width: 84%;
}

#corps a
{color: #00aa11; text-decoration: none;}
#corps a:hover
{color: #00750c; text-decoration: underline;}

#corps h1
{z-index: 50; margin-left: 50px; color: #00750c;}
#corps h2
{z-index: 50; text-align: center; color: #cad4cb;}

#corps p {z-index: 50; padding-left: 5px; padding-right: 5px;}


/* Menu du site */
#menu
{
	clear: both;
	float: left;
	width: 172px;
	
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top: 10px;
	
	font-size: 0.9em;
	background-color: #f8fafd;
}

#menu h3
{
	line-height: 28px;
	margin: 0;
	padding-left:25px;
	vertical-align: bottom;
	
	background: #d1fcd5 url('ressources/menu/header_menu.png') top no-repeat;
	color: #dff9cf;
	font-weight: bold;
	font-family: Verdana, 'Times New Roman', Times, serif;
}
.block_menu
{
	margin: 0;
	
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border: 1px solid #d8dee2;
}


#menu a
{
	color: #00aa11;
	text-decoration: none;
}
#menu a:hover
{
	color: #00750c;
}
#menu ul
{
	list-style-type: none;
	margin-left: 2px;
	padding-left: 10px;
	padding-right: 7px;
	padding-bottom: 5px;
	
}
#menu ul li {margin-left: 5px;}


/* Copyright du site */
#copyright
{
	background: url('ressources/copyright/fond_copyright.png') top repeat-x;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 0;
	
	clear: both;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
#copyright p
{
	text-align: center;
	font-size: 0.9em;
	padding: 5px;
}
#copyright a
{
	color: #00aa11;
	text-decoration: none;
}
#copyright a:hover
{
	color: #00750c;
	text-decoration: underline;
}