/* CSS Document 
vert : #98b738
vert foncé : #738e21
marron : #7f3b0d
*/

* { margin: 0px; padding: 0px; border: none; }
body { background: #7f3b0d; font-family:Arial, Helvetica, sans-serif; font-size:0.8em ; margin: 0px; padding: 0px;}
#site { width: 804px; height: 100%; margin: 0px auto; border: none;}

#bande-haut {width: 800px; height: 225px; padding: 0px 2px 0px 2px;}

#gauche { width: 264px; padding: 0px; margin: 0px; float:left; }
#menu-principal { width: 264px; height: 559px; background-image:url(../images/fond_menu.gif);}
#menu-principal-index { width: 264px; height: 559px; background-image:url(../images/fond_menu_index.jpg);}
#menu-principal-solutions { width: 264px; height: 559px; background-image:url(../images/fond_menu.gif);}
#menu-principal-technologie { width: 264px; height: 1292px; background-image:url(../images/fond_menu_technologie.jpg);}
#menu-references { width: 264px; height: 559px; background-image:url(../images/fond_menu_contact.gif);}
#adresses { width: 264px; height: 559px; background-image:url(../images/fond_menu_contact.gif);}
p.coordonnees { padding: 10px;}

#centre-accueil { width: 539px; height: 560px; float:left; background-image:url(../images/fond-centre.gif); padding: 0px; margin: 0px; }
#centre-technologie { width: 539px; height: 1292px; float:left; background-image:url(../images/fond-centre-technologie.gif); padding: 0px; margin: 0px; }
#centre-index { width: 539px; height: 560px; float:left; background-image:url(../images/fond-centre-index.gif); padding: 0px; margin: 0px; }
#date { color: #738e21; font-weight:bold; font-size:11px; padding: 5px 9px 0px 0px; float:right; text-align:right;}
#centre-texte {margin : 60px 30px 0px 30px;}
ul, ol {margin : 0px 30px 0px 30px;}
.texte-centre {padding: 65px 25px 0px 25px; text-align:justify;}
.bio { color: #738e21; font-weight:bold;}
.reva { color: #7f3b0d; font-weight:bold;}
#legende-photo { float:left; padding: 10px;}

#pied { width: 804px; height: 100%; clear:both;}
#copyright { width: 100%; text-align:center; font-size: 11px; font-weight:bold; color:#FFFFFF;}
/*#liens {width: 450px; text-align:center; font-size: 11px; float:left;}*/

#tableau {  padding: 60px 10px 0px 0px;} 
.titre-tableau1 { color:#FFFFFF; text-align:center; font-weight:bold;}
.titre-tableau2 { color:#FFFFFF; padding-left : 5px; font-weight:bold; }
table { border: 1px solid #738e21; }
td { border: 1px solid #738e21; padding: 1px; vertical-align:middle;}

h1 { padding: 5px 5px 5px 20px; margin: 0px; font-size:12px; text-align:justify; font-weight:normal;}
a:link { color:#738e21; padding: 0px; margin: Opx; text-decoration:none;}
a:visited { color:#738e21; padding: 0px; margin: Opx; text-decoration:none;}
a:hover { color:#7f3b0d; padding: 0px; margin: Opx; text-decoration:none;}

a.menu { color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
a.menu:hover { color: #98b738; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}

.retrait {padding: 30px 0px 0px 29px;}
.titre-menu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #738e21; }
.retrait1 {padding: 0px 0px 0px 29px;}
hr { width:80%; height: 1px; color: #7f3b0d; size: 1px; margin:1px 0px 1px 0px;}
.texte-menu { padding:Opx; margin: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#738e21; padding: 0px; margin: Opx;}
.retrait2 {padding: 0px 0px 0px 70px;}

#contact {float:left; width: 85%; margin: 15px 0px 0px 20px; }
h2 {margin: 20px 000; font-size:1.2em; font-weight:bold; color: #8e1730; }
form { border:1px solid #738e21; width:90%; /*padding: 3px; margin-top: 12px; margin-right: 30px;*/ }
.message { color: #8e1730; font-weight: bold; text-align:center; }
label {  color: #738e21; font-weight: bold; display:block; padding: 10px 0 0 0;}
input, textarea { border:1px solid #738e21; color: #738e21; width:95%;}
.bouton { border:2px outset #738e21; padding: 0px; background: #FFFFFF; font-size: 9px; cursor: pointer; font-weight: bold; color:#738e21; text-align: center;}	

p { margin: 0px 0px 10px 0px; }
h3 { margin: 5px 0px 5px 0px; font-size:1.2em; font-weight:bold; color: #8e1730; }
.alerte { font-weight:bold; color:#D24C24; }
.vert { font-size:16px; font-weight:bold; color: #738e21;}
.marron { font-size:16px; font-weight:bold; color: #7f3b0d;}
.legende { font-size: smaller; font-style:italic; }