/* CSS Document */
body{padding:0px; margin:0px;color:#fff; font:11px verdana, Arial, Helvetica, sans-serif; background:url(../images/bckgrd-body-page.png) top left repeat-x #003760; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
img { border:none;}
ul{list-style-type:none;}
a { color:#eefa2c; text-decoration:none;}

.clear {clear: both; margin: 0px}
.left { float:left;}
.borderImage { border:3px solid #37566d;}
.imageRight { margin:0 10px 0 0; float:left;}
.imageLeft { margin:0 0 0 10px; float:right;}
.separation { width:364px; height:17px; background:url(../images/separation.png) top left no-repeat;}
.espace40 { margin:0 40px 0 0;}
.width150 { width:150px;}
.imageTop { margin:20px 0 10px 0;}


/* CONTAINER */

#container{width:775px; clear:both;  position:relative; margin: 0 auto; background:#fff url(../images/bckgrd-content-page.png) top left no-repeat;}

/* HEADER */

#header{height:100px; position:relative;}

#header ul{height:100px; position:absolute;}
#header ul li{float:left;}

#header ul li.menuLogo a{width:266px; height:100px; display:block; background:url(../images/logo-doormatic.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.menuLogo a:hover{width:266px; height:100px; background:url(../images/logo-doormatic.png) 0 0 no-repeat;}

#header ul li.menuPresentation a{width:130px; height:100px; display:block; background:url(../images/menu-presentation.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.menuPresentation a:hover{width:130px; height:100px; background:url(../images/menu-presentation-h.png) 0 0 no-repeat;}

#header ul li.menuProduits a{width:93px; height:100px; display:block; background:url(../images/menu-produits.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.menuProduits a:hover{width:93px; height:100px; background:url(../images/menu-produits-h.png) 0 0 no-repeat;}

#header ul li.menuServices a{width:96px; height:100px; display:block; background:url(../images/menu-services.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.menuServices a:hover{width:96px; height:100px; background:url(../images/menu-services-h.png) 0 0 no-repeat;}

#header ul li.menuContact a{width:90px; height:100px; display:block; background:url(../images/menu-contact.png) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.menuContact a:hover{width:90px; height:100px; background:url(../images/menu-contact-h.png) 0 0 no-repeat;}

/* MAINIMG */

#animation{ clear: both;}


/* CONTENT */

#content { width:675px; clear:both; font-size:10px; padding:0 0 0 50px;}

#colonneLeft { padding:0 0 0 32px; width:364px; float:left;}
#colonneLeft li{background:url(../images/bullet.png) 0 -1px no-repeat; padding-left:35px; min-height:20px}
#colonneRight { padding:0 0 0 46px; width:211px; float:left; background:url(../images/bckgrd-right.png) top left repeat-y;}
#colonneRight li{background:url(../images/bullet.png) 0 -1px no-repeat; padding-left:35px; min-height:20px}

/* FOOTER */

#footer{width:675px; height:70px; margin: 0 auto; clear:both; margin: 0 auto; background:url(../images/bckgrd-footer.png) top left no-repeat;}
#footer p{padding: 5px 0 0 0; font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; line-height:15px;}
#footer p a{font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 2px; }
#footer p a:hover{color:#000; text-decoration:none; background:#eefa2c; }

.footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; margin:5px 0 0 260px;}
.footerTOW a:hover{color:#000; background:#eefa2c;}

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

#right{width:10px; float:left;}