body {
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
    }

/* Une bordure autour de l'ensemble de la page, et couleur blanche pour le fond de celle-ci */
    div#conteneur {
        width: 100% ;
        height: 100% ;
        margin: 0 auto ;
    /*     border: 2px solid #90CAF9 ; */
    }
    
    div#conteneur a[href*="g-nicolas"] {
        font-size: 12px;
        color: white;
        text-align: left;
    }
    /* Une image de fond correspondant aux 258 pixels de tout à l'heure, attention à bien compresser vos images */
    h1#header {
        height: 81px ;
        background: url(images/banniere_chev_large.jpg) no-repeat left top;
        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 {
	padding: 0 0px 0 0px ;
        font-size: 11px;
	 /* background: url(images/banniere_chev.jpg) no-repeat 15px 15px ;  */
    }
    /* 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 h2 {
 	font-size: 1.4em ;
	background: #90CAF9;
	color: black ;
	border: 2px solid greenyellow ;
        text-align: center;
    }
    /* 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 h3 {
	margin-left: 0px ;
	border-bottom: 1px solid greenyellow ;
    }
    /* paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */
    div#contenu p {
/*	text-align: justify ;
	text-indent: 2em ;*/
	line-height: 1.7em ;
    }
    /* On met en forme les liens contenu dans la page
    div#contenu a {
	color: black ;
        text-decoration: underline;
        text-underline-position: under;
    }  */
    
    /* On met en forme les liens contenu dans la page */
    div#contenu a:hover {
	color: red;
    }
   
    /* Une couleur de fond, une bordure, taille de police et un léger espace entre le texte et les bords du bloc pre */
    div#contenu pre {
        overflow: auto ;
        background: #EFEFEF ;
	border: 2px solid red ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
    }
    /* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */
    div#contenu pre span {
	color: red ;
        font-size: 1.2em ;
    }
    /* Couleur différente pour les span de classe .comment, ceux utilisés pour les commentaires */
    div#contenu pre span.comment {
	color: red ;
        font-size: 1.2em ;
    }
    
    div#contenu fieldset {
        border: 2px solid Sienna;
        padding-bottom:5px;
        width:auto
    }

    div#contenu legend {
        border: 2px solid Sienna;
        color: blueviolet;
        font-variant: small-caps;
    }

    div#contenu label {
        width: 110px;
        display: inline-block;
        vertical-align: top;
        margin: 6px;
    }

    div#contenu em {
        font-weight: bold;
        font-style: normal;
        color: #f00;
    }
    
    div#contenu input:focus {
        background: #eaeaea;
    }

    div#contenu input, textarea {
    /*    width: 249px;  */
    }

    div#contenu textarea {
        height: 100px;
    }

    div#contenu select {
     /*    width: 254px;  */
    }

    div#contenu input[type=checkbox] {
        width: 10px;
    }

    div#contenu input[type=submit] {
        width: 110px;
        height: 30px;
        padding: 10px;
    }
    
    /* Mise en forme de la partie pied de page, rien d'extra-ordinaire */
    p#footer {
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
    }