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

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

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


/* Diaporama en Index */
#diaporama
{
	background: #B5E655 url('ressources/diapos/diapo1.png') center no-repeat; 		/*	Background généré par le php */
	margin: auto;
	height: 200px;
	min-width: 700px;
	width: 70%;
}
#diaporama h1
{z-index: 50; margin-left: 50px; padding-top: 10px; color: #4BB5C1;text-shadow: 2px 2px 5px #030303; filter: dropshadow(color=#030303, offx=2, offy=2);}

/* Speedbarre */
#speedbarre
{
	background: #96CA2D url('ressources/speedbarre/.png') bottom repeat-x;
	border: 1px solid #EDF7F2;
	
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: 40px;
	min-width: 700px;
	width: 70%;
	
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	
	moz-box-shadow:0px 0px 15px 15px #EDF7F2;
	-webkit-box-shadow:0px 0px 15px 15px #EDF7F2;
	box-shadow:0px 0px 2px 2px #EDF7F2;
}
#speedbarre ul 
{
	list-style-type: none;
	margin-right: 30px;
}

#speedbarre li
{
	height: 25px;
	line-height: 25px;
	
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 10px;
	background-color: #7FC6BC;
}
#speedbarre li ul
{
	z-index: 200;
	display: none;
	margin-top: 25px;
	margin: 0px;
	padding: 0px;
	width: auto;
	list-style-type: none;
	position: absolute;
	border: 1px solid #EDF7F2;
}
#speedbarre li:hover ul
{
	z-index: 200;
	display: list-item;
	margin-top: 25px;
	background-color: #7FC6BC;
	position: absolute;
}
#speedbarre li ul li
{ padding-right: 7px; padding-left: 7px;}

.speedgauche {float: left; width: auto; padding-left: 30px;}
.speeddroite {float: right; width: auto; padding-right: 30px;}

#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;
}
.speedfleche {background: #96CA2D url('ressources/speedbarre/bas.png') right bottom no-repeat;}

/* Cops du site */
#corps
{
	width: 80%;
	max-width: 80%;
	padding: 5px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	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: #4BB5C1; text-decoration: none;}
#corps a:hover
{color: #7FC6BC; text-decoration: underline;}

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

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



/* Copyright du site */
#copyright
{
	background: url('ressources/copyright/fondcopy.png') top repeat-x;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 15px;
	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: #4BB5C1;
	text-decoration: none;
}
#copyright a:hover
{
	color: #7FC6BC;
	text-decoration: underline;
}