/* CSS Document */
body{padding:0px; margin:0px; background:#130000; color:#cecece; font:11px verdana, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

 .clear {clear: both; margin: 0px}

/* HEADER */

#header{width:775px; height:59px; background:url(../images/bckgrd-header.gif) top no-repeat; position:relative; margin: 0 auto;}

#header ul{position:absolute; top:14px; left:56px;}
#header ul li{height:21px;float:left;}
#header ul li a{height:21px; display:block; text-indent:-20000px; }
#header ul li a:hover{height:21px;}

#header ul li.menuAccueil a{width:58px; background:url(../images/menu-accueil.gif) 0 0 no-repeat; }
#header ul li.menuAccueil a:hover{width:58px; background:url(../images/menu-accueil-h.gif) 0 0 no-repeat;}

#header ul li.menuPresentation a{width:98px; background:url(../images/menu-presentation.gif) 0 0 no-repeat; }
#header ul li.menuPresentation a:hover{width:98px; background:url(../images/menu-presentation-h.gif) 0 0 no-repeat;}

#header ul li.menuTerrassement a{width:105px; background:url(../images/menu-terrassement.gif) 0 0 no-repeat; }
#header ul li.menuTerrassement a:hover{width:105px; background:url(../images/menu-terrassement-h.gif) 0 0 no-repeat;}

#header ul li.menuAsphaltage a{width:90px; background:url(../images/menu-asphaltage.gif) 0 0 no-repeat; }
#header ul li.menuAsphaltage a:hover{width:90px; background:url(../images/menu-asphaltage-h.gif) 0 0 no-repeat;}

#header ul li.menuPavage a{width:66px; background:url(../images/menu-pavage.gif) 0 0 no-repeat; }
#header ul li.menuPavage a:hover{width:66px; background:url(../images/menu-pavage-h.gif) 0 0 no-repeat;}

#header ul li.menuEgouttage a{width:86px; background:url(../images/menu-egouttage.gif) 0 0 no-repeat; }
#header ul li.menuEgouttage a:hover{width:86px; background:url(../images/menu-egouttage-h.gif) 0 0 no-repeat;}

#header ul li.menuTransport a{width:80px; background:url(../images/menu-transport.gif) 0 0 no-repeat; }
#header ul li.menuTransport a:hover{width:80px; background:url(../images/menu-transport-h.gif) 0 0 no-repeat;}

#header ul li.menuContact a{width:67px; background:url(../images/menu-contact.gif) 0 0 no-repeat; }
#header ul li.menuContact a:hover{width:67px; background:url(../images/menu-contact-h.gif) 0 0 no-repeat;}

/* ANIMATION */
#animation{width:775px; margin: 0 auto; clear:both; }

/* CONTENT */

#content{width:775px; background:url(../images/bckgrd-content.gif) 0 0 repeat-y; margin: 0 auto; clear:both; }
#content a { color:#ffc444; text-decoration:none;}
#content img { border:3px solid #4e1d0c;}
#content ul{}
#content li{background:url(../images/li-arrow.gif) 4px 4px no-repeat; padding-left:25px; line-height:18px;}

#leftPan{width:255px; margin: 23px 0 20px 83px; display:inline; float:left; }
#rightPan{width:290px; margin: 23px 0 20px 65px; display:inline; float:left }

#welcome{position: relative; clear:both; margin-bottom:20px}
#welcome p{padding:7px 0 15px 0 }
#welcome p span.boldwhite {display:block; margin:0 0 10px 0}
#welcome h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#welcome h1 span { color:#ffc444; margin:0; padding:0;}
#welcome h2 { font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffc444;}

#featured{position: relative; clear:both}
#featured ul {width:position:relative; top:0; left:11px; float:left; margin-right:24px}
#featured ul li {display:block; background:url(../images/bullet.gif) 0 4px no-repeat; padding: 0 0 0 21px; font:11px verdana, sans-serif; text-decoration:none; font-weight:normal}
#featured h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#featured h1 span { color:#ffc444; margin:0; padding:0;}
#featured p span { font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffc444;}


#contentPage {position: relative; clear:both; padding: 23px 0 20px 83px; width:625px;}
#contentPage p{padding:7px 0 15px 0 }
#contentPage p span.boldwhite {display:block; margin:0 0 10px 0}
#contentPage h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#contentPage h1 span { color:#ffc444; margin:0; padding:0;}
#contentPage h2 { font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffc444;}

/* FOOTER */

#footer{width:775px; height:47px; margin: 0 auto; clear:both; background:url(../images/bckgrd-footer.gif) 0 0 repeat-x}
#footer p{padding: 10px 0 0 0; font:10px/16px verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{color:#ffc444;}
.footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#6b6b6b;  text-align:center; text-decoration:none; padding: 0 5px; padding:0 0 0 350px; }
.footerTOW a:hover{text-decoration:none; color:#ffc444;}

.footerTOW strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#6b6b6b;}
.footerTOW a:hover strong { font-size:11px; background:url(../images/picto-tow-h.png) right 1px no-repeat; padding:0 13px 0 0; color:#ffc444;}

.left { float:left;}
.right { float:right;}
.espaceLeft { margin:0 0 0 10px;}
.espaceRight { margin:0 10px 0 0;}