
/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #444; background: #edebd5 url(../img/bg.jpg) top center no-repeat; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#leftCol h1{ background:transparent url(../img/outillage/bg_h1LeftCol.gif) top left no-repeat; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; height:24px; line-height:24px; font-weight:bold;}
#boxBulletin h3{ text-align:left;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#2f3235; font-style:italic; margin-bottom:8px;}
#content h1{ color:#A43E04; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin-top:10px; padding-left:4px; }

/* =Link-----------------------------------------------------------------------------*/

#linkTab a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; display:block; height:22px; margin-right:3px; text-decoration:none; line-height:22px; text-align:center; font-weight:bold; float:right; margin-top:8px; }
#nav a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#444; display:block; float:right; padding:0px 10px 0px 10px; background:transparent url(../img/outillage/sepNav.gif) top left no-repeat; line-height:48px; text-decoration:none; }
#nav a:hover{ text-decoration: underline; }
#sitePath a{ color:#2c4283; }
#sitePath a:hover{ text-decoration:none; }
#secNav li a{ padding-left:8px; color:#213982; text-decoration:none; display:block; height:22px; margin:1px 0px 1px 0px; line-height:22px; }
#secNav li a:hover{ padding-left:8px; color:#FFF; text-decoration:none; background-color:#213982; display:block; height:22px; margin:1px 0px 1px 0px; line-height:22px; }
#secNav li a.active{ padding-left:8px; color:#FFF; text-decoration:none; background-color:#213982; display:block; height:22px; margin:1px 0px 1px 0px; line-height:22px; }


/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:903px; height:100%; margin:0 auto; position: relative;}

#logoTop{ width: 150px; position: absolute; top: 40px; left: 25px;}
#linkTab{ height:30px;padding-right:15px;}
#linkTab li{display: inline;}
#tabLeft{ width:250px; background:transparent url(../img/outillage/bg_leftTabHeader.jpg) top left no-repeat; }
#tabMiddle{ width:154px; background:transparent url(../img/outillage/bg_middleTabHeader.jpg) top left no-repeat; }
#linkTab a:hover { text-decoration: underline; }

#nav{ height:48px; background:transparent url(../img/outillage/bg_nav.jpg) top left no-repeat; padding-right:10px; }
#nav li{display: inline;}

#header{ margin-top:5px;height:220px; padding-top:4px; background:transparent url(../img/outillage/bg_header.jpg) top left no-repeat; }
#picHeader{ height:194px; width:895px; margin:0 auto; background:transparent url(../img/outillage/imgHeader.jpg) top left no-repeat; }
#sitePath{ margin-top:5px; height:20px; color:#2c4283; padding-left:15px; line-height:20px; font-size:11px; }

#middle{ background:transparent url(../img/outillage/bg_middleRepeat.jpg) top left repeat-y;}

#leftCol{ background:transparent url(../img/outillage/bg_middleTop.jpg) top left no-repeat; width:220px; float:left;padding:5px 10px 0px 4px; }

#secNav{ margin:10px 0px 10px 0px; width:220px; }
#secNav li{ height:24px; line-height:24px; color:#2a2a2a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-bottom:1px #dbd9c8 solid; }
#secNav li.cat{ padding-left:8px; }

#boxSearch{ border-bottom:1px #e9e8e8 solid;padding:10px; text-align:center; }
#boxSearch .inputText{ margin-right:4px;border:1px #91a3ac solid; width:150px; height:15px; text-align:left; color:#333; padding:0px 3px 0px 3px;}

#boxBulletin{ border-bottom:0px #e9e8e8 solid;padding:10px; text-align:center; }
#boxBulletin .inputText{ margin-right:4px;border:1px #91a3ac solid; width:150px; height:15px; text-align:left; color:#333;padding:0px 3px 0px 3px; }

#content{ background:transparent url(../img/outillage/bg_middleTop.jpg) top center no-repeat; width:662px; font-family:Arial; font-size:12px; float:left;padding:5px 5px 0px 0px; }

#contentHeader{ height:45px; border-bottom:1px #ccc dashed; }
#dateBox{ float:left;width:200px; margin:5px 0px 5px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; line-height:28px; font-weight:bold; }
#dateBox strong{ display:block; float:left; height:28px; width:28px; font-size:16px; text-align:center; line-height:30px; background:transparent url(../img/outillage/bg_date.jpg) top left no-repeat; margin-right:4px; }
#printLink{ display:block; width:14px; height:12px; float:right; background:transparent url(../img/outillage/iconPrint.gif) top left no-repeat; margin:10px; }

#content .boxContain{ padding:0px; background:transparent url(../img/outillage/bg_boxContain.jpg) top left repeat-x; }
#content .boxContain p{ padding:0px 0; line-height: 14px; }
#content .leftCol{ width:320px; float:left; margin-right:5px; }
#content .leftCol div{ background:transparent url(../img/outillage/bg_boxContain.jpg) top left repeat-x;padding-top:5px; }
#content .leftCol img{ border:1px #cbcaca solid; margin-bottom:10px;}
#content .rightCol{ width:320px; float:left; }
#content .rightCol div{ background:transparent url(../img/outillage/bg_boxContain.jpg) top left repeat-x;padding-top:5px; }
#content .rightCol img{ border:1px #cbcaca solid; margin-bottom:10px;}

#rightCol{ background:transparent url(../img/outillage/bg_middleTop.jpg) top right no-repeat; width:228px; float:right;padding-top:10px; }

#rightCol .boxNew{ border-top:2px #A43E04 solid; background-color:#eceae1;padding:8px; clear:both; height:220px; border-bottom:1px #e9e8e8 solid; margin-bottom:10px;}
#rightCol .boxNew .overNew{ position:relative;top:-228px; left:-8px; }

#bottomMiddle{ background:transparent url(../img/outillage/bg_middleBottom.jpg) top right no-repeat; height:10px; clear:both; }

#footer{ margin-top:5px;height:58px; background:transparent url(../img/outillage/bg_footer.jpg) top left no-repeat; }
#footerLeft{ color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; width:140px; float:left; text-align:right;margin-top:10px; }
#footerRight{ color:#cdccc8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:left; width:750px; float:right; margin-top:30px; }

#copyright{ color:#414141; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:right; padding-right:20px; padding-top:3px;padding-bottom:10px;}



