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: 130px;  height: 27px }
#rootHeader li   { list-style-type: none; display: block; margin: 0 8px 0 0;  height: 24px; 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-weight: 700; font-size: 12px; font-family: Tahoma, sans-serif; text-align: center; margin: 0; padding: 6px 10px; 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: #18225c; border-bottom: 4px solid #f60 }

#rootCentre   { background-color: white; padding: 20px; width: 615px; height: 600px; float: left }
html>body div#rootCentre { height: auto; min-height: 600px }

#rootDroite     { background-image: url("../im/droite.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 25px; width: 165px; height: 600px; float: left }
#rootPied  { background-color: #f60; clear: both; width: 950px; height: 5px; display: block }

#id { }
#btMerlot a   { background-image: url(../im/btMerlot.gif); text-indent: -9999px; width: 132px; height: 24px; display: block }
#btAxiroute a    { background-image: url(../im/btAxiroute.gif); text-indent: -9999px; width: 131px; height: 24px; display: block }
#btClg a    { background-image: url(../im/btClg.gif); text-indent: -9999px; width: 84px; height: 24px; display: block }
#btTpa a    { background-image: url(../im/btTPA.gif); text-indent: -9999px; width: 83px; height: 24px; display: block }
#btTLoire a { background-image: url(../im/btLoiremateriel.gif); text-indent: -9999px; height: 24px; display: block; width: 194px }
#btMerlot a:hover, #btAxiroute a:hover, #btClg a:hover, #btTpa a:hover, #btTLoire a:hover   { background-position: 0 -24px }


#btMerlotS a, #btAxirouteS a, #btClgS a, #btTpaS a ,#btTLoireS a  { background-position: 0 -24px; text-indent: -9999px; height: 24px; display: block }
#btMerlotS a  	 { background-image: url(../im/btMerlot.gif); width: 132px }
#btAxirouteS a   { background-image: url(../im/btAxiroute.gif); width: 131px }
#btClgS a   		 { background-image: url(../im/btClg.gif); width: 84px }
#btTpaS a   		 { background-image: url(../im/btTPA.gif); width: 83px }
#btTLoireS a  { background-image: url(../im/btLoiremateriel.gif); width: 194px }

.photoPref1, .photoPref2, .photoPref3, .photoPref4, .photoPref5 { margin-bottom: 10px !important; margin-left: 33px; width: 100px; height: 75px; display: block }
.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 ,.colActu a{ color: #817baf; text-decoration: none; background-color: #f1eae3; margin-top: 5px; padding: 1px 3px; border-bottom: 1px solid #817baf }
#enbref a:hover,.colActu a:hover { color: #f9f8ff; text-decoration: none; background-color: #309; border-bottom: 1px solid #309 }
.bleu { color: #18225c }
