/* Code réalisé par moejul le 29/04/2006 pour Kits-Gratuits.net
Design réalisé par Thoy
SI VOUS RENCONTREZ UN QUELCONQUE PROBLEME DANS LE DESIGN, CONTACTEZ MOEJUL (m.julien@skynet.be).
___________________________________________________________________________*/


/* Eléments globaux */

body { /* Eléments globaux */
	width: 725px;
	margin: 0 auto;
	background-color: #F2F2F2;
	font-family: Verdana, Arial, Serif, Times;
	color: #3D3D3B;
	font-size: 0.8em;
}

img {
	border: 0; /* Sert à éviter un bug lorsqu'un lien est situé sur une image */
}


/* Eléments globaux des liens */

a { /* Liens "normaux" */
	color: #984F96;
	text-decoration: none;
}

#menugauche a, #accessibilite a { /* Liens du menu et de l'accessibilité */
	color: #FFF;
}

#footer a  { /* Lien du copyright */
	color: #FFF;
	text-decoration: underline;
}

a:hover { /* Liens au survol */
	color: #1FB8C0;
	text-decoration: underline;
}


/* Extensibilité verticale */

#global {
	width: 725px;
	background: url(../images/interface/extensible.jpg) repeat-y;
	float: left;
}


/* Header */

#header { /* Insertion du header */
	width: 725px;
	height: 198px;
	background: url(../images/interface/header.jpg) no-repeat;
}

#header h1 { /* Titre du site */
	font-size: 3em;
	font-family: "Arial Narrow", Arial, Verdana, Serif, Times;
	color: #1EB7BD;
	font-weight: normal;
	margin: 15px 0 0 325px;
	line-height: 0px;
}


#header h2 { /* Slogan du site */
	font-size: 1.3em;
	color: #545253;
	margin: 20px 0 0 325px;
	font-weight: normal;
}

#accessibilite { /* Liens pour accéder au menu et au contenu rapidement */
	color: #FFF;
	margin: 0;
	padding: 5px;
}


/* Menu de gauche */

#menugauche { /* Placement et éléments globaux du menu */
	width: 133px;
	margin: 22px 15px 15px 39px;
	float: left;
	display: inline;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menugauche h3 { /* Titre du menu */
	width: 133px;
	height: 20px;
	background: url(../images/interface/mghviolet.jpg) no-repeat;
	color: #A1A1A1;
	font-size: 9px;
	text-indent: 10px;
	line-height: 20px;
	float: right;
	margin: 0;
}

#menugauche ul { /* Placement des liens (dans le menu) + éléments globaux des liens */
	width: 133px;
	list-style-type: none;
	background-color: #454545;
	margin: 0;
	float: right;
	display: inline;
	text-align: right;
	padding: 0;
}

#menugauche ul li { /* Placement des liens (espacement entre eux et espacement contenu) */
	margin: 5px 5px 5px 0;
}

#menugauchebas { /* Bords arrondis du bas du menu */
	width: 133px;
	height: 7px;
	background: url(../images/interface/mgbviolet.jpg) no-repeat;
	float: right;
}


/* Contenu */

#contenu { /* Placement du contenu */
	width: 525px;
	margin: 11px 0 15px 0;
	float: left;
}

#contenu h3 { /* Titres */
	width: 525px;
	height: 18px;
	background: url(../images/interface/contenutitre.jpg) no-repeat;
	margin: 10px 0 0 0;
	text-indent: 10px;
	line-height: normal;
	font-size: 15px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}

#contenu p { /* Texte */
	width: 525px;
	margin: 0;
	padding: 5px 0 5px 5px;
	border-bottom-style: dashed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-width: thin;
	border-bottom-color: #984F96;
}
#contenuseparation {
	width: 510px;
	height: 10px;
	margin: 10px auto; 
}




/* Footer, copyright */

#footer { /* Copyright */
	width: 172px;
	height: 22px;
	background-color: #4B4B4B;
	color: #FFF;
	text-align: center;
	font-size: 0.8em;
	line-height: 22px;
	margin: 0;
	float: left;
}