body      { background-color: #001b3f; background-image: url(images/fond-body.jpg); background-repeat: repeat-x; margin: 0; padding-top: 0; width: 100% }
p { color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; margin-top: 0; padding-top: 0 }
h1  { color: #ffbe00; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(images/fond-h1.jpg); background-repeat: no-repeat; text-align: center; margin: 0 auto; padding-bottom: 0; width: 970px; height: 30px }
h1 a { color: #ffbe00; text-decoration: none }
h2  { color: #fec400; font-size: 1.2em }
h3 { color: #fec400; font-size: 1em }
a { color: #fff; text-decoration: underline }
li { margin-bottom: 0.3em }
.neutre { text-decoration: none }
a:hover { color: #ffbe00 }
.centre { text-align: center }
.gauche  { text-align: center; padding-right: 1em; padding-bottom: 2em; float: left }
.droite-ref { text-align: center; margin-bottom: 0.5em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; float: right }
.gauche-ref  { }
.gauche-ref img { margin-right: 2em; margin-bottom: 1em; float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff }
.gauche-net { text-align: center; margin-right: 1em; margin-bottom: 0.5em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; float: left }
.gauche-net strong { margin-top: 1em }
.orange { color: #ffbe00; font-weight: bold }
.clear { clear: both }
.centre { text-align: center }
.cadre-h1 { background-image: url(images/cadre-titre2.png); background-repeat: no-repeat }
.liste-realisations li   { padding-top: 0.3em; padding-bottom: 0.5em }
.marge-gauche { padding-left: 1.5em }
.marges { padding-right: 4em; padding-left: 4em }
.italic-orange { color: #ffbe00; font-style: italic }
.orange { color: #ffbe00 }
/*Banniere*/
#banniere  { background-image: url(images/banniere.jpg); background-repeat: no-repeat; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; width: 970px; height: 120px }
#ban  { margin-right: auto; margin-left: auto; width: 970px; height: 30px }
#ban-gauche   { background-image: url(images/ban-gauche.jpg); background-repeat: no-repeat; width: 110px; height: 30px; float: left }
#ban-centre  { float: left }
#image-centre { background-image: url(images/ban-centre.jpg); background-repeat: no-repeat; width: 750px; height: 30px }
#ban-droite   { background-image: url(images/ban-droite.jpg); background-repeat: no-repeat; width: 110px; height: 30px; float: right }
/*Menu*/
#fond-menu    { background-image: url(images/fond-menu.jpg); background-repeat: repeat-x; text-align: center; width: 100% }
#menu   { font-size: 0.9em; font-family: Arial; margin-right: auto; margin-left: auto; width: 846px; height: 50px }
#menu a   { color: #fff; padding-right: 0.5em; padding-left: 0.5em; float: left }
#menu a:hover { color: #ffbe00 }
/*Corps*/
#corps    { color: #fff; font-size: 0.9em; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(images/fond-corps.jpg); background-repeat: repeat-y; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0.5em; padding-bottom: 3em; width: 970px }
.photo   { text-align: center; display: block; width: 130px; float: left }
.legende  { color: #fff; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none; display: block; padding-top: 0.5em; padding-bottom: 4em; clear: left; border: 0 }
#corps img  { }
#central     { margin-left: 12em; width: 55% }
#central p { text-align: justify }
#central2  { margin-left: 3em; width: 45%; float: left }
#central2 p  { text-align: justify }
#real-dvd { clear: left }
#image-adac { margin-right: 1em; padding-right: 1em }
/*client*/
#une    { font-family: Verdana, Arial, sans-serif; width: 200px; float: right }
#une h3 { color: #ffbe00; font-size: 0.9em; font-family: "Trebuchet MS"; font-weight: bold; margin-top: 0; margin-bottom: 0.5em; padding-top: 0.5em }
#une img    { margin-top: 0; padding-top: 0; border: solid 1px #ffbe00 }
#une p     { font-size: 0.9em; margin-bottom: 0; padding-right: 1em; padding-left: 1em }

.justifie  { text-align: justify }
#milieu  { padding-bottom: 1em; border-right: 2px solid #0f181d; border-left: 2px solid #6c9bc9 }
#cadre-client-h  { background-image: url(images/cadre-client-haut.jpg); background-repeat: no-repeat; width: 200px; height: 32px }
#cadre-client-b { background-image: url(images/cadre-client-bas.jpg); background-repeat: no-repeat; width: 200px; height: 12px }
/*Pied de Page*/
#pied    { font-size: 0.7em; font-family: Arial; background-image: url(images/fond-menu.jpg); background-repeat: repeat-x; text-align: center; width: 100%; height: 50px; border: solid 1px }
#pied ul  { margin-right: auto; margin-left: auto; width: 50% }
#pied li   { color: #fff; list-style-type: none; margin-top: 0; padding-top: 0; padding-right: 0.5em; padding-left: 0.5em; float: left }
#pied li a  { color: #fff; text-decoration: none }
/*clip
*/
#clip { margin-right: 3em; float: right }
.clip  { text-align: center; width: 384px; height: 300px; border: solid 1px #ffbe00 }
/*formulaire*/
#formulaire  { margin-right: auto; margin-left: auto; width: 80% }
#formulaire table { text-align: left; margin-right: auto; margin-left: auto; width: 90% }
#formulaire td { padding-top: 0.2em; padding-bottom: 0.2em }
legend { color: #ffbe00 }
fieldset { padding-top: 1em; padding-bottom: 1em }
.adresse  { margin-left: 8em }
#mapcontact   { margin-right: 6em; width: 450px; height: 300px; float: right; border: solid 1px #ffbe00 }
#ref-internet  { margin-top: 1em; margin-left: 2.5em }