body
{
    margin: 10px 0 ;
    padding: 0 ;
    text-align: center ;
    font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
    background: #ffb6c1 ;
}

div#conteneur
{
    width: 800px ;
    margin: 0 auto ;
    text-align: left ;
    border: 2px solid #f00 ;
    background: #fff ;
}

h1#header
{
    height: 190px ;
    background: url(images/Logo_BGN_400.jpg) no-repeat left top ;
    margin: 11 ;
}

h1#header a
{
    width: 400px ;
    height: 175px ;
    display: block ;
    position: relative;
background: url(images/ban_droite_inv_350.jpg) no-repeat right bottom;
    margin-left: auto;
margin-top:auto;
margin-bottom:0em;

}


ul#menu
{
    height: 35px ;
    margin: 0 ;
    padding: 0 ;
    background: url(bgn_menu.gif) repeat-x 0 -25px ;
    list-style-type: none ;
}


ul#menu li
{
    float: left ;
    text-align: center ;
}


ul#menu li a
{
    width: 158px ;
    line-height: 25px ;
    font-size: 1.2em ;
    font-weight: bold ;
    letter-spacing: 2px ;
    color: #fff ;
    display: block ;
    text-decoration: none ;
    border-left: 1px solid #ffb6c1 ;
border-right: 1px solid #ffb6c1 ;
}


ul#menu li a:hover
{
    background: url(bg_menu.gif) repeat-x 0 0 ;
}





div#contenu
{
    padding: 0 25px 0 100px ;
    background: url(bgn_page.gif) no-repeat 15px 15px ;
}

div#contenu h2
{
    padding-left: 25px ;
    line-height: 25px ;
    font-size: 1.4em ;
    background: url(trou_serrure.gif) no-repeat left bottom ;
    color: #f00 ;
    border-bottom: 1px solid #f00 ;
}

div#contenu h3
{
    margin-left: 15px ;
    padding-left: 5px ;
    border-bottom: 1px solid #f00 ;
    border-left: 3px solid #f00 ;
    color: #f00;
}

div#contenu p
{
    text-align: justify ;
    text-indent: 2em ;
    line-height: 1.7em ;
}

div#contenu a
{
    color: #ffb6c1;
}

div#contenu a:hover
{
    color: #f00 ;
}

p#footer
{
    margin: 0 ;
    padding-right: 10px ;
    line-height: 30px ;
    text-align: right ;
    color: #f00 ;
}

pre
{
    overflow: auto ;
    background: #ffb6c1 ;
    border: 2px solid #9b2 ;
    padding: 5px 0 0 5px ;
    font-size: 1.2em ;
}

pre span
{
    color: #f00 ;
}

pre span.comment
{
    color: #b30000 ;
}






/* Rajout formulaire */





select {
  margin-left:9em;
  margin-bottom:0;
width:243px;
}



fieldset#coordonnees {
  background:#FAFAD2;
  						  margin-left: auto;
						  margin-right: auto;
  border:outset #ffb6c1;
}



#coordonnees label {
  position:absolute;
  font-size:90%;
  padding-top:.2em;
  
  						  margin-left: auto;
						  margin-right: auto;
}




#coordonnees input {
  margin-left:9em;

  line-height:1.4em;
  margin-bottom:.2em;
}




/* fieldset message */
fieldset#message {
  background:#FAFAD2;
  border:outset #ffb6c1;

}



/* fieldset securiteantispam */
fieldset#antispam {
  background: #FAFAD2;
  border:outset #ffb6c1;

}





/* zone de texte du message */
textarea {
  font:.9em "Trebuchet MS", Verdana, sans-serif;
  width:56em;
  padding:.2em;
  margin-bottom:8;
  margin-top:8;
}




/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#DED983;
  font:1.2em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}



p#buttons {
  text-align:center;
}