/* Mise en page globale */

body {
margin: 0;
padding: 0;
background: white; 
color: black;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, serif;
}

#main_gb {
z-index: 100;
}

/* En-tête */

#header {
height: 90px;
background: white url(images_gb/banniere.jpg) top left no-repeat;
}

#header h1 {
margin: 0 0 0 260px;
line-height: 1;
color: #000099;
font-style: italic;
}

#header p {
margin: 10px 0 0 260px;
font-weight: bold;
color: white;
font-size: 0.9em;
}

/* Menu horizontal */

#menuhaut {
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: #000099;
color: #660000;
text-align: right;
}

#menuhaut li {
margin-right: 3em;
display:inline;
}

#menuhaut a {
color: #FFFFFF;
text-decoration: none;
font-weight: bolder;
}

#menuhaut a:hover {
text-decoration: underline;
color: #003300;
}

/* Menu vertical */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
clear: left;
float: left;
width: 215px;
margin: 20px 10px 20px 5px;
}

#menu dt {
cursor: pointer;
margin: 2px;
height: 20px;
line-height: 15px;
text-align: left;
font-weight: bold;
background: #000099;
color: #FFFFFF;
padding: 6px 0 0 10px;
font-size: 1em;
}
#menu li {
text-align: center;
background: #fff;
font-size: 0.9em;
}
#menu li a, #menu dt a {
font-weight: bold;
height: 20px;
text-decoration: none;
text-align: left;
color: #000000;
display: block;
margin-left: 20px;
padding: 6px 0 0 10px;
background: #CCCCCC;
border-left: 4px solid #cccccc;
}
#menu li a:hover, #menu dt a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}

/* Formulaire */

#menu p {
margin: 1.5em 0 0 1em;
font-weight: bold;
color: white;
}

#menu form {
margin: 1em 0 0 0.55em;
}

#menu form input{
background-color: #FFCC00;
color: #000000;
max-width: 8em;
}

#menu form .champ {
width: 8em;
}

/* Mise à jour */

#miseajour p {
color: #999999;
font-size: 90%;
}


/* Contenu global */

#global {
margin-left: 20em;
border-left: 3px solid silver;
margin-right: 3em;
height: 5000px;
}

#global h1 {
font-weight: bold;
font-size: 150%;
margin-top: 2em;
margin-left: 1em;
padding-bottom: 0.2em;
text-align: justify;
font-variant: small-caps;
color: navy;
}

#global h2 {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1.3em;
font-size: 130%;
text-align: justify;
font-weight: bold;
color: navy;
}

#global h3 {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1.5em;
font-size: 105%;
text-align: justify;
font-weight: bold;
color: #9900CC;
}

#global p {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1.7em;
font-size: 105%;
text-align: justify;
color: black;
}

#global a {
text-decoration: none;
color: #6633FF;
}

#global a:hover {
text-decoration: underline;
color: #6633FF;
font-weight: bold;
}

#image {
margin: 20px 0 10px 20px;
}

/* Menu supplémentaire gauche */

#extras {
clear: left;
float: left;
width: 190px;
margin: 20px 0 10px 10px;
padding: 10px;
font-size: 0.9em;
line-height: 1.5em;
background-color: #000099;
}

#extras p {
margin: 0 0 1.5em 0;
color: #660000;
text-decoration: none;
text-align: justify;
font-style: italic;
}

#extras a {
margin: 0 0 1.5em 0;
color: #FFFFFF;
text-decoration: none;
}

#extras a:hover {
color: #FFFF00;
font-weight: bold;
}

#extras h3 {
color: #FFFFFF;
font-weight: bold;
font-style: italic;
}


/* Votre avis nous intéresse */

#votreavis {
clear: left;
float: left;
width: 190px;
margin: 20px 0 10px 10px;
padding: 10px;
}

#votreavis a {
font-weight: bold;
font-style: italic;
font-size: 0.9em;
margin: 0 0 1.5em 0;
color: navy;
text-decoration: none;
}

#votreavis a:hover {
color: #FF0066;
text-decoration: underline;
}



/* Formulaire de contact */

#coordonnees {
border:none;
padding:.2em;
margin-left:1.5em;
}

#coordonnees h2 {
margin-left:.1em;
margin-bottom:0;
}

#coordonnees h4 {
margin-left:.1em;
margin-bottom:0;
}

#message {
padding:.2em;
margin-left:1.5em;
}

#message h2 {
margin-left:.1em;
margin-bottom:0;
}

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