/* CSS Document */
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size: 12.5px;
	background: #dea ;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

a{
color: #dea;
}

.gauche {
  float: left;
  /*margin-right: 15px;*/
  margin:0;
  padding:0;
  }
.droite {
float : right;
margin : 0px;
padding:0;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	padding: 0;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

span#blanc
{
	display: none;
}
div#t_accueil {
	width : 260px;
	margin-left : 5px;
}

div#texte
{
	z-index:2;
	float:right;
	position:relative;
	top:60px;
	right:640px;
	display:none;
}

div#texte a
{	
	text-decoration:none;
	color:black;
}

h1#header
{
	height: 152px ;
	margin: 0 ;
}
/* On définit la hauteur de la partie header, contenant le titre du site */

h1#header a span{
display: none ;}
h1#header a span{	display: none ;}/* Le span entourant le texte est fait pour pouvoir ne supprimer que le texte, ce que nous voulons, il suffit donc de donner à la propriété display la valeur none pour ne pas afficher le texte */


#menu {
position:relative;
left: 0;
top: 0px;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 128px;
height: 35px ;
margin: 0 ;
padding: 0 ;
background: url(pict/bg_menu.gif) repeat-x 0 -25px ;
list-style-type: none ;
}
#menu dt {

text-align: center;
border: 0px;

}
#menu dd {
display: none;
/*border: 1px solid gray;*/
}
#menu ul{
float: left;
width: 10em;
height: 25px ;
margin: 0 ;
padding: 0 ;
/*background: url(pict/bg_menu.gif) repeat-x 0 -25px ;*/
background-color:#79D700;
list-style-type: none ;
}

#menu li {
float : left;
text-align: center;
width: 5em;

}
#menu li a, #menu dt a {
color: #fff;
line-height: 25px ;
font-weight: bold ;
display: block;
text-decoration: none ;
border-right: 2px solid #dea ;
}
#menu li a:hover, #menu dt a:hover {
background: url(pict/bg_menu.gif) repeat-x 0 0 ;
}


div#bas
{
/*margin-top: 15px ;*/
margin:0;
padding:0;
}

div#colonne_g
{
float : left;
padding-left : 15px;
padding-top : 15px;
margin:0;

}
div#contenu
{
	padding: 0 30px 0 90px ;
	margin :0;
}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */


div#contenu_home
{
	padding: 0 0px 0 90px ;
	margin :0;
}

h2
{
	padding-left: 32px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(pict/poulie.gif) no-repeat left bottom ;
	background-color :white;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
	margin-top:0;
}
/* Mise en forme du titre de page, une petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */


div#contenu_home h2
{
	padding-left: 32px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(pict/poulie.gif) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
	margin-top:0;
}


div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #8a0 ;
}

div#contenu_home a
{
	color: black;
	text-decoration :none;
}


div#contenu a:hover
{
	color: #9b2;
}
/* On met en forme les liens contenu dans la page */

div#footer
{
	/*float:left;*/
	height: 20px;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 20px ;
	text-align: right ;
	color: #8a0 ;
	border-top:1px solid #9b2;
}
/* Mise en forme de la partie pied de page */

pre
{
	float : left;
	width : 350px;
	font: 1em "Trebuchet MS", helvetica, sans-serif ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 10px ;
	margin-right : 30px;
	margin-bottom : 20px;
	align: justify;
}

/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{	width: 636px ;}
/* On dois donner une largeur au pre à cause d'Internet Explorer, on ne va donc l'appliquer qu'à Internet Explorer en utilisant un "hack", la combinaison " * html " permet de n'appliquer ce qui suis qu'à Internet Explorer */

pre span
{	color: #560 ;}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{	color: #b30000 ;}
/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */

.clearBoth {
	clear: both;
}