body    { background-color: #565585; text-align: center; margin: 0; padding: 0 }
#rootBody { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; width: 950px; text-align: left }
#rootHeader    { background-color: #ffc; background-image: url("../im/bdHaut.gif"); margin: 0 auto; position: relative; width: 950px; height: 125px; overflow: hidden }
#rootHeader ul  { display: block; margin: 0; padding: 0; position: absolute; top: 95px; left: 155px; width: 620px; height: 27px }
#rootHeader li   { list-style-type: none; display: block; margin: 0 8px 0 0; width: 146px; height: 27px; float: left }
#rootContenu { background-color: white; background-image: url("../im/fond.gif") }
#rootNavig   { background-color: #aa7738; background-image: url("../im/fdGauche.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 20px; width: 130px; height: 600px; float: left }
#rootNavig p     { font-size: 12px; font-family: Tahoma, sans-serif; font-weight: 700; text-align: center; margin: 0; padding: 6px 10px; border-top: 2px none #5c401e; border-bottom: 2px none #5c401e }
#rootNavig a   { color: #18225c; text-decoration: none }
#rootNavig a:hover  { color: white }
#rootNavig  p.select a    { color: white }
#rootNavig  p.select  { background-color: #865e2c; border-top: 2px solid #5c401e; border-bottom: 2px solid #5c401e }

#rootCentre   { background-color: white; padding: 20px; width: 615px; height: 600px; float: left }
#rootDroite     { background-image: url("../im/droite.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 25px; width: 165px; height: 600px; float: left }

#id { }
#btMerlot a  { background-image: url("../im/btMerlot.gif"); text-indent: -9999px; display: block; width: 146px; height: 27px }
#btAxiroute a   { background-image: url("../im/btAxiroute.gif"); text-indent: -9999px; display: block; width: 146px; height: 27px }
#btClg a   { background-image: url("../im/btClg.gif"); text-indent: -9999px; display: block; width: 146px; height: 27px }
#btTpa a   { background-image: url("../im/btTPA.gif"); text-indent: -9999px; display: block; width: 146px; height: 27px }

#btMerlot a:hover, #btAxiroute a:hover, #btClg a:hover, #btTpa a:hover { background-position: 0 -27px }

.photoPref1, .photoPref2, .photoPref3, .photoPref4, .photoPref5 { margin-bottom: 10px !important; margin-left: 33px; width: 100px; height: 75px; display: block }
.photoPref1 { background-image: url('../up/references-mini/chitry-eglise-3.jpg') }
.photoPref2 { background-image: url('../up/references-mini/citry-eglise-4-89.jpg') }
.photoPref3 { background-image: url('../up/references-mini/civray-1.jpg') }
.photoPref4 { background-image: url('../up/references-mini/jardiland-2.jpg') }
.photoPref5 a { width: 100px; height: 75px; display: block; background-image: url('../im/decouvrez.gif') }
.photoPref5 a:hover  { background-position: -100px 0 }

#enbref  { font-size: 0.8em; line-height: 1.4em; background-color: #e4d2bd; text-align: justify; padding: 0 10px; vertical-align: top }
.colActu  { font-size: 0.8em; line-height: 1.5em; text-align: justify; margin: 0; padding: 0 10px; vertical-align: top; border-right: 1px solid black; border-left: 1px solid black }
.colActu h1  { color: #817baf; font-size: 1.4em; line-height: 1.4em; background-image: url(../accueil/im/fleche.gif); background-repeat: no-repeat; background-position: left center; text-align: left; margin: 0; padding: 0 10px 0 25px }
.colActu h2  { color: #f60; font-size: 1.3em; text-align: left }
img { border-width: 0 }
.colActu img { margin-top: 10px }
#enbref a { color: #817baf; text-decoration: none; background-color: #f1eae3; margin-top: 5px; padding: 1px 3px; border-bottom: 1px solid #817baf }
#enbref a:hover { color: #f9f8ff; text-decoration: none; background-color: #309; border-bottom: 1px solid #309 }