/************************************************ Réinitialisation des valeurs par défaut des navigateurs ********************************************************/
* {padding:0; outline:0; margin:0; border:0;}

/************************************************ Formatage d'éléments ********************************************************/
a {
text-decoration:none;
	}

ul {
	list-style-type:none; /* Enlève les puces des listes*/
}
	
html, body {height:100%;}

body {
	font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif; /* Polices du site */
	}

html {
	background:url('background.png') repeat;
	width:100%;
	padding: 32px 0; /* Taille des marges (dessus du design et bas du design) ici 32px */
	}

/**************************************************** Formulaires **********************/

input, textarea{
border:1px solid #CFCFCF;
padding-left:2px;
font-family: Verdana, Tahoma, 'Times New Roman', Times, sans-serif, serif;
font-size: 10px;
}
input:hover, input:focus,  textarea:hover, textarea:focus{
border:1px solid #000000;
}

/****************************************************GLOBAL (regroupe toutes les div) ****************************************************/
div#global{
	width:953px;
	margin:0 auto;
	}

/********************************************HEADER (en tête => bannière) ************************************************************/
div#header {
	width:953px;
	height:178px;
	background:url('header.png') no-repeat center;
	}
	
div#header #pub {
	width:468px;
	height:60px;
	overflow:hidden;
	padding:65px 0 0 470px;
}
/************************************************ MENU HORIZONTAL (Sous le header)*******************************************************/
div#top {
	width:953px;
	height:29px;
	background:url('top.png') no-repeat center;
	line-height:29px;
	}
	
div#top a {
	font-variant:small-caps; /* Petites capitales */
	color:#fff; /* Couleurs des liens */
	font-weight:bold; /*Mise en forme (ici => gras) */
	font-size:15px; /* Taille des liens */
	
	}
div#top li:hover a {color:#393938; text-decoration:overline;} /* Couleur des liens au passage de la souris */

div#top ul {
	padding-left:239px; /* Ecart entre le bord gauche du design et le menu */
	}

div#top ul li {
	height:29px;
	float:left;
	margin-left:50px;
	padding: 0 5px 0 5px;
	}

div#top ul li:hover {background:url('top2.png') no-repeat center; height:29px;} /* Arrière plan des liens au passage de la souris  */

	
/************************************************MILIEU (menu gris + contenu blanc) ********************************************************/
div#middle{
	width:953px;
	background:url('middle.png') repeat-y center;
	min-height:300px; /* Taille minimale de la partie centrale (menu gris + partie blanche)*/
	}
/************* Menu vertical gris ******************/
div#left{float:left; width:238px; overflow:hidden;}
div#left ul {padding-left:5px;margin-left:18px; width:220px; font-size:14px; margin-bottom:20px;}
div#left ul li.titre {font-variant:small-caps; font-weight:bold; font-size:16px; cursor:pointer;} /* Titre des rubriques */
div#left ul li.titre:hover {background:#FFFFFF; color:#339900;} /* Titre des rubriques */
div#left ul li.titre img {vertical-align:middle;}
div#left ul li {color:#337700;text-align:left; line-height:20px;}
div#left ul li.link:hover {background:#fff;}
div#left ul li.link {font-variant:small-caps;} /* Liens du menu au survol */
div#left ul li.name {font-variant:small-caps; text-decoration:overline; font-weight:bold;}
div#left a {color:#006699; font-size:15px; text-align:center;}
div#left a:hover {color:#999999;}

/************* Contenu (news, etc...) ******************/
div#right{float:right; width:714px; overflow:hidden;}
div#right p {font-size:13px; text-align:justify; margin-left:10px; padding: 10px 0px 10px 10px; width:660px; overflow:hidden; border-left:5px solid #dbdbdb;} /*Paragraphes*/
div#right p a {color:#bc1111; font-weight:bold;} /* Liens */
div#right p a:hover {color:#087cae; text-decoration:underline;} /* Liens  au passage de la souris */
div#right h1{padding: 20px 0px 0px 10px; font-size:17px; color:#393938;} /* Titres */
div#middle hr {clear:both; visibility:hidden;} /* Element invisible gérant les flottants (à ne pas modifier/supprimer) */


/**********************************************FOOTER (pied de page)**********************************************************/
div#bottom{
	width:953px;
	height:63px;
	background:url('bottom.png') no-repeat center;
	}

div#bottom p a {color:#bc1111; font-weight:bold;} /* Liens */
div#bottom a:hover {text-decoration:overline;}
div#bottom p{text-align:center; padding-top:25px; font-size:12px;}

/****** Membre Top ******/

div#membretop{
background-image:url(../images/Membre/Membre_top.png);
width:450px;
height:27px;
}

div#bienvenue{
text-align:center;
padding-top:6px;
}

/****** Membre Middle ******/

div#membremiddle{
background-image:url(../images/Membre/Membre_middle.png);
width:450px;
height:27px;
}

/****** Contenu ******/

div#membreleft{
width:225px;
}

div#membreright{
width:225px;
}

div#membrebottom{
background-image:url(../images/Membre/Membre_bottom.png);
width:450px;
height:27px;
}

/********************/