/* Réinitialisation des CSS */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

/* General */
body { background: #000 url(../images/fond-general.jpg) top center no-repeat; }
.egaliseur { clear: both; font-size: 0; line-height: 0; height: 0; }
h1 { position: absolute; left: -9000px; }

#conteneur { position: relative; width: 878px; margin: 0 auto; background: #fff; }

#conteneur #entete { position: relative; width: 100%; height: 285px; padding: 4px 0 0 0; font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; background: url(../images/fond-entete.gif) top left no-repeat; }
#conteneur #entete p { margin: 5px 12px 0 0; color: #8f8f8f; font-weight: bold; text-align: right; }
#conteneur #entete a { color: #8f8f8f; text-decoration: none; }
#conteneur #entete #flash { position: relative; width: 650px; height: 230px; margin: 4px 0 1px 226px; background: #ccc; }

#conteneur #entete #menu { width: 650px; height: 27px; margin: 0 0 0 226px; background: #688239; }
#conteneur #entete #menu li { display: block; float: left; height: 27px; }
#conteneur #entete #menu li a { display: block; height: 27px; }
#conteneur #entete #menu li a:hover { background-position: bottom!important; }
#conteneur #entete #menu li a strong { position: absolute; left: -9000px; }

#conteneur #entete #menu #mnu-accueil { width: 78px; background: url(../images/mnu-accueil.gif) top left no-repeat; }
#conteneur #entete #menu #mnu-mission { width: 82px; background: url(../images/mnu-mission.gif) top left no-repeat; }
#conteneur #entete #menu #mnu-equipe { width: 71px; background: url(../images/mnu-equipe.gif) top left no-repeat; }
#conteneur #entete #menu #mnu-services { width: 82px; background: url(../images/mnu-services.gif) top left no-repeat; }
#conteneur #entete #menu #mnu-realisations { width: 116px; background: url(../images/mnu-realisations.gif) top left no-repeat; }
#conteneur #entete #menu #mnu-photos { width: 78px; background: url(../images/mnu-photos.gif) top left no-repeat; }
#conteneur #entete #menu #mnu-contact { width: 143px; background: url(../images/mnu-contact.gif) top left no-repeat; }

#conteneur #corps { position: relative; width: 100%; background: #fff url(../images/fond-corps.gif) top left repeat-y; }

#conteneur #corps #colonne { position: relative; display: inline; float: left; width: 207px; font: 13px "Trebuchet MS", Verdana, Arial, Sans-serif; }
#conteneur #corps #colonne h3 { position: relative; width: 205px; height: 39px; margin: 0 0 0 1px; border-top: 3px solid #fff; border-bottom: 1px solid #fff; background: #688239; }
#conteneur #corps #colonne h3 strong { display: none; }
#conteneur #corps #colonne #services-clients { background: url(../images/tit-services-clients.gif) top left no-repeat; }
#conteneur #corps #colonne #ladirection { background: url(../images/tit-direction.gif) top left no-repeat; }
#conteneur #corps #colonne #realisations { background: url(../images/tit-realisations.gif) top left no-repeat; }
#conteneur #corps #colonne span { display: block; font: 10px Verdana, Arial, Sans-serif; }
#conteneur #corps #colonne ul { padding: 0 10px 0 20px; }
#conteneur #corps #colonne ul li { color: #000000; margin: 15px 0; line-height: 18px; padding: 0 0 0 10px; background: url(../images/ico-puce.gif) 0 8px no-repeat; }
#conteneur #corps #colonne ul li a { color: #0546cc; }
#conteneur #corps #colonne ul li a:hover { color: #688239; }

#conteneur #corps #contenu { position: relative; display: inline: 10px; float: left; width: 670px; padding: 20px 0px 0 0; font: 14px "Trebuchet MS", Verdana, Arial, Sans-serif; }
#conteneur #corps #contenu .marge { padding: 0 35px; min-height: 450px; }
* html #conteneur #corps #contenu .marge { height: 450px; }
#conteneur #corps #contenu h2 { position: relative; font-size: 18px; }
#conteneur #corps #contenu h2 strong { font-size: 22px; }
#conteneur #corps #contenu h3 { position: relative; font-size: 16px; font-weight: bold; margin: 15px 0; }
#conteneur #corps #contenu h4 { font-size: 17px; font-weight: bold; color: #000; }
#conteneur #corps #contenu p { margin: 20px 0 0 0; }
#conteneur #corps #contenu a { color: #0b62b2; }
#conteneur #corps #contenu a:hover { color: #688239 }
#conteneur #corps #contenu ul { margin: 12px 30px; }
#conteneur #corps #contenu ul li { margin: 5px 0; padding: 0 0 0 10px; background: url(../images/ico-puce.gif) 0 8px no-repeat;  }

#conteneur #corps #contenu ul.plan li { background: none; }
#conteneur #corps #contenu ul.plan ul li { background: url(../images/ico-puce.gif) 0 8px no-repeat; }

#conteneur #corps #contenu .vignette { padding: 2px; border: 1px solid #688239; margin: 10px; }

#conteneur #corps #contenu blockquote { display: inline; float: left; width: 280px; margin: 15px 0 0; padding: 10px; border: 1px solid #b3c09c; color: #757474; }
#conteneur #corps #contenu blockquote p { margin: 5px 0 0; }

#conteneur #corps #contenu .boite-flottante { display: inline; float: left; width: 260px; margin: 0 0 0 30px; padding: 15px 0 0; } 
#conteneur #corps #contenu .boite-flottante ul li { font-size: 12px; }

#conteneur #corps #contenu p.imprimer { padding: 0 0 0 30px; font: 10px/19px Verdana, Arial, Sans-serif; color: #828282; background: url(../images/ico-imprimante.gif) top left no-repeat; }

#conteneur #corps #contenu #pieddepage { width: 670px; background: #95a774; margin: 25px 0 1px 0; padding: 20px 0; font: 11px Verdana, Arial, Sans-serif; color: #000; }
#conteneur #corps #contenu #pieddepage .marge { min-height: 0; }
* html #conteneur #corps #contenu #pieddepage .marge { height: 0; }
#conteneur #corps #contenu #pieddepage p { margin: 0; }
#conteneur #corps #contenu #pieddepage .menu-bas { color: #fff; margin: 0 0 12px 0; }
#conteneur #corps #contenu #pieddepage .menu-bas a { font-weight: bold; color: #fff; }
#conteneur #corps #contenu #pieddepage .menu-bas a:hover { color: #688239; }

#conteneur #credits { display: block; padding: 5px 0; color: #fff; text-align: right; background: #000;  font: 10px Verdana, Arial, Helvetica, sans-serif; }
#conteneur #credits a { color: #fff; font-weight: bold; }