html, body, p, ul, li, h1, h2, h3, h4, h5, h6, hr, img, table, form, fieldset, pre, code {margin: 0; padding: 0; border: none;}
html, img {font-size: 10px}
body {background-color: #fff; font-size: 100%; font-family: verdana, arial, helvetica, geneva, sans-serif;}

h1 {color: #7A7067; font-weight: normal; font-size: 2.2em; margin-bottom: 1em; padding-bottom: 0.5em; font-style: italic; border-bottom: 1px solid #009f62;}
h2 {color: #666; font-weight: normal; font-size: 1.8em; margin-top: 2em; margin-bottom: 1em; font-style: normal; border-bottom: 1px solid #ccc;}
h3 {color: #000; font-weight: bold; font-size: 1.4em; margin: 0 0 0.8em 0; font-style: normal;}
h4 {color: #166234; font-size: 1.5em; font-weight: bold; font-style: normal; border-bottom: 1px solid #f96; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 1em 0; letter-spacing: 0.1em; }
h4:first-letter {font-size: 110%; text-transform: uppercase;}

hr {height: 2px; color: #fff; width: 100%; clear: both; visibility: hidden}

ul, li {list-style: none;}

a {color: #660C03; text-decoration: underline;}
a:hover {color: #505050; text-decoration: none;}
a.ici {color: #505050;}
acronym, abbr, span.def {color: #903; border-bottom: 1px dotted  #903; font-style: normal; cursor: help;}	
address {padding : 1.5em !important ; font: italic bold small/1.3em Verdana, Arial, Helvetica, sans-serif; color: #036;} 

p {color: #333; font-size: 1.3em; line-height: 150%;}

/*  ---------------- debut de section après body ----------------------- */
#contenu {width: 850px; margin: 25px auto 4px 80px}
#page {border: 1px solid #096; background-color: #fff}
#entete {width: 100%; height: 200px}

#lh {position: absolute; top: 2px; left: 80px; height: 20px; width: auto}
#lh p {color: #999; font-size: 10px; text-align: left; padding:  0 1em;}
#lh p a {color: #ccc; text-decoration: none;}

#fondlogo {float: left; width: 125px; height: 150px; margin: 10px 0 0 16px;}
#logo {width: 119px; height: 150px; display: block; background: transparent url("../images/logo-entreprise-piquets-couardais.png") no-repeat top left;}

#bantitre {float: right;  height: 71px; width: 474px; margin: 25px 30px 0 0; background: transparent url("../images/piquets-bois-chataignier.png") no-repeat top left;}
#baseline {height: 25px; width: 160px; margin: 5px 0 0 10px; background: transparent url("../images/piquets-couardais.png") no-repeat top left;}
#principal {width: auto; clear: both !important; padding: 0 0 .5em 6px; overflow: visible}
#utile {float: left; width: 840px; margin-top: 40px}
  
/* ------------- colonne 2 ------------------ */
#col2 {float: right; overflow: visible !important; width: 580px; border-left: 1px solid #ccc}	

#milieu {padding: 0 1.2em 0 3.5%;}

#apropos p {padding: 12px 0 0 0; line-height: 150%; letter-spacing: 0.02em; text-align: left}

#article p {margin: 20px 0; line-height: 160%; letter-spacing: 0.02em; text-align: left}
#article ul {margin: 2em 0 2em 2em; font-size: 1.3em}
#article li {list-style-type: circle; line-height: 170%; font-size: 1em}

#zone_bas {margin-top: 15px;}

/* ---------------- colonne de droite = colonne 3 -------- */ 
#col3 {width: 1px; float: right}
#bloc3 {background: #fff} /* bloc interne pour bug IE7 */	  

/* --------------- colonne de gauche = colonne 1 --------- */
#col1 {width: 250px; float: left; clear: left;}
#menu-lateral {}
#col1 ul.menu {position:relative; width:auto !important; width:100%; margin-bottom: 2em;}
#col1 ul.menu li {width: 100%; line-height: 180%; height: auto;}
#col1 ul.menu li a {font-size: 1.3em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; padding-left: 10px; display: block; height: auto; line-height: 22px; text-decoration: none;}
#col1 ul.menu li a:hover {background: #eee; text-decoration: none;}
#menu-lateral div.an1 {width: 235px; padding: 7px; margin-bottom: 3em; border: 1px solid #eee; background: #fffff7}
#menu-lateral div.an2 {width: 235px; padding: 7px; margin-bottom: 3em; border: 1px solid #A84526; background: #fff}
span.tel {color: #b00; font-weight: bold; font-size: 1.8em}
/* ---------------------- texte ------------------------------ */
.bold {font-weight:bold;}
.rouge {color: #f00}
/* ---------------- pied de page --------------------- */
#sep {height: 1px; width: 100%; background-color: transparent;}
#basdepage {background-color: #fcfcfc; width: 100%; font-size: 1em; margin: 0 auto; border-top: #ccc 1px solid;}
#basdepage a {text-decoration: none; font-size: 0.9em;}
#basdepage a:hover {text-decoration: underline}
#basdepage p.nav_basdepage {text-align: center; margin: 0.5em; color: #666}
#basdepage div.partenaire_basdepage {border-top: #ccc 1px solid}
#basdepage p.liste_partenaire {font-size: 0.95em; text-align: center; margin: 0.5em;  color: #666}
p.liste_partenaire a {color: #666}
p.liste_partenaire a:hover {color: #999}

#lb {height: 20px; margin-left: 80px}
#lb p {color: #333; padding: 0 1%; font-size: 1em; text-align: left}
#lb a {font-size: 1em; text-decoration: none}
#lb a:hover {text-decoration: underline}

/* images */

.img1,.img2,.img2a,.img4,.img7,.img8 {margin: 10px 0 20px 10px}
.img3,.img5,.img6,.img9,.img10,.img11 {margin: 10px 0 20px 0} 
img.img1 {width:200px; height: 150px}
img.img2,.img2a {width:200px; height: 150px}
img.img3 {width: 380px; height: 120px}
img.img4 {width: 200px; height: 150px}
img.img5 {width: 350px; height: 145px}
img.img6 {width: 450px; height: 337px}
img.img7 {width: 200px; height: 300px}
img.img8 {width: 200px; height: 210px}
img.img9 {width: 200px; height: 246px}
img.img10 {width: 165px; height: 100px}
img.img11 {width: 182px; height: 88px}
img.img12 {float: right; width: 200px; height: 150px; margin: 0 0 5px 10px}

img.zoom {width: 200px; height: 18px; margin: 0 0 20px 0}