﻿/*#Initialisation#*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead {
margin:0;
padding:0;
border:0;
outline:0;
}

body {
line-height:1.15em;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
height:100%;
background:url(img/fond_container1.gif) center 312px no-repeat;
}

/* STYLES DE BASE */
a {
color:#086b21;
text-decoration:none;
}

a:hover {
color:#086b21;
text-decoration:underline;
}

li {
margin:0 0 5px 20px;
list-style-image:url(img/list_carre.gif);
}

h1 {
font-size:20px;
margin:0 0 10px;
}

h2 {
font-size:18px;
margin:12px 0 8px;
}

h3 {
font-size:16px;
margin:0 0 10px;
}

h4 {
font-size:14px;
margin:0 0 10px;
}

h5 {
font-size:12px;
margin:0 0 10px;
}

hr {
display:block;
color:#fff;
height:1px;
background:#fff;
border-top:solid 1px #086b21;
margin:10px 0;
}

/* Bannière */
#header {
margin:0 auto;
width:100%;
height:93px;
clear:both;
position:relative;
background:url(img/fond_banniere.gif) left 50px repeat-x;
}

#banniere {
margin:0 auto;
width:775px;
height:93px;
clear:both;
position:relative;
}

#logo {
margin:3px 0 0 15px;
width:196px;
height:76px;
float:left;
}

#menu_banniere {
padding-top:10px;
width:213px;
color:#086b21;
height:83px;
float:left;
text-align:center;
font-size:12px;
font-weight:bold;
margin:0 0 0 175px;
border-left:solid 1px #086b21;
border-right:solid 1px #086b21;
}

*html #menu_banniere {
padding-top:10px;
width:213px;
color:#086b21;
height:83px;
float:left;
text-align:center;
font-size:12px;
font-weight:bold;
margin:0 0 0 160px;
border-left:solid 1px #086b21;
border-right:solid 1px #086b21;
}

#menu_banniere a {
padding:3px;
color:#333;
text-decoration:none;
}

#menu_banniere a:hover {
color:#086b21;
text-decoration:none;
}

/* Menu - base page */
#menu,#basDePage {
margin:0 auto;
width:100%;
height:30px;
clear:both;
position:relative;
border-top:solid 1px #086b21;
border-bottom:solid 1px #086b21;
}

#zoneMenu {
padding-top:8px;
color:#333;
font-size:14px;
font-weight:bold;
text-align:center;
margin:0 auto;
width:775px;
clear:both;
position:relative;
}

#zoneMenu a {
padding:0 10px;
color:#333;
text-decoration:none;
}

#zoneMenu a:hover {
padding:0 10px;
color:#086b21;
text-decoration:none;
}

#zoneBasdePage {
padding-top:7px;
color:#086b21;
font-size:11px;
text-align:center;
margin:0 auto;
width:775px;
clear:both;
position:relative;
}

/* Zone principale */

#container {
margin:0 auto;
width:775px;
clear:both;
position:relative;
}

#tableau {
background:url(img/fond1.jpg) 387px top no-repeat;
}

#tableau #colonneGauche {
width:599px;
border-right:solid 1px #086b21;
background:url(img/ligne.gif) 387px top repeat-y;
}

#tableau #colonneDroite {
width:174px;
}

#titre {
color:#086b21;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
margin:39px 0 0;
width:400px;
padding: 3px 0;
}

#zoneAccueil {
width:380px;
min-height:250px;
margin:10px 0 0 15px;
line-height:16px;
border:solid 1px #086b21;
background:transparent url(img/fond_blanc.png) repeat left top;
padding:10px;
}

*html #zoneAccueil {
width:400px;
min-height:250px;
margin:10px 0 0 15px;
border:solid 1px #086b21;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;  
z-index:100;
padding:10px;
}

#zoneAccueil p,#zoneNavig p {
margin:5px 0;
}

#zoneNavig {
width:540px;
min-height:250px;
margin:10px 0 0 15px;
line-height:16px;
border:solid 1px #086b21;
background:transparent url(img/fond_blanc.png) repeat left top;
padding:10px;
}

*html #zoneNavig {
width:540px;
min-height:250px;
margin:10px 0 0 15px;
line-height:16px;
border:solid 1px #086b21;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90; 
padding:10px;
}

#zoneAccueil .imgLeft, #zoneNavig .imgLeft {
float:left;
margin:10px 10px 10px 0;
}

#zoneAccueil .imgRight, #zoneNavig .imgRight {
float:right;
margin:10px 0 10px 10px;
}

#zoneAccueil img, #zoneNavig img {
border:solid 1px #ffde00;
}

#crochets {
width:190px;
padding:10px;
margin-left:387px;
text-align:center;
}

#zoneAccueil blockquote, #zoneNavig blockquote {
margin: 0 10px;
padding : 5px;
font-style:italic;
background-color: #f6f6f6;
}

/* Zone principale  - Tableaux */

#zoneAccueil table, #zoneNavig table {
background-color:#FFF;
border-top:solid #086b21 1px;
border-left:solid #086b21 1px;
}

#zoneAccueil table td, #zoneAccueil table th, #zoneNavig table td, #zoneNavig table th {
padding:5px;
border-bottom:solid #086b21 1px;
border-right:solid #086b21 1px;
}

#zoneAccueil table th, #zoneNavig table th {
font-weight:bold;
font-size:1.1em;
}

#zoneAccueil table caption, #zoneNavig table caption {
padding:5px;
text-align:center;
font-size:1.1em;
font-weight:bold;
background-color:#086b21;
color:#fff;
}

#zoneAccueil table.tableNoFormating, #zoneNavig table.tableNoFormating {
background-color:inherit;
border:none;
}

#zoneAccueil table.tableNoFormating td, #zoneNavig table.tableNoFormating td {
padding:6px;
border:none;
}

/* Zone droite  */

#titreDroite {
color:#086b21;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:48px 0 0 10px;
}

.realisations {
margin:7px 0;

}

.realisations img {
border:solid 1px #086b21;
margin-left:6px;
}

.realisations p {
padding:3px 10px;
background:transparent url(img/triangle.gif) no-repeat left 5px;
}

.realisations a {
color:#086b21;
text-decoration:none;
font-size:11px;
}

.realisations a:hover {
color:#333;
text-decoration:none;
}
