@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px;color:#6b6b6b; font:11px verdana, Arial, Helvetica, sans-serif; background:#eee url(../images/bckgrd-body.png) left top repeat-x; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
img { border:none;}
ul{list-style-type:none;}
a { color:#3f79b9; text-decoration:none;}

.clear {clear: both; margin: 0px}
.left { float:left;}
.borderImage { border:3px solid #595959;}
.imageRight { margin:0 10px 0 0; float:left;}
.imageLeft { margin:0 0 0 10px; float:right;}
.separationLeft { width:204px; height:8px; background:url(../images/separation-left.png) top left no-repeat;}
.separationRight { width:471px; height:8px; background:url(../images/separation-right.png) top left no-repeat;}
.bienvenueLeft { width:240px;}
.bienvenueRight { width:195px; padding:0 0 0 37px;}

/* CONTAINER */

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

/* HEADER */

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

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

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

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

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

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

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

/* MAINIMG */

#animation{ clear: both; margin:0 0 0 20px;}


/* CONTENT */

#content { width:775px; clear:both; font-size:11px;}

#colonneLeft { padding:0 0 0 39px; width:204px; float:left;}
#colonneLeft p { line-height:18px;}
#colonneLeft li{background:url(../images/bullet.png) 0 2px no-repeat; padding-left:20px; min-height:20px}
#colonneLeft .cadre li{background:url(../images/bullet-cadre.png) 0 2px no-repeat; padding-left:20px; min-height:20px}
#colonneRight { padding:0 0 0 41px; width:491px; float:left; background:url(../images/bckgrd-right.png) top left repeat-y;}
#colonneRight li{background:url(../images/bullet.png) 0 2px no-repeat; padding-left:20px; min-height:20px} 

.cadre { background:#f3f7f8; padding:15px;}
/* FOOTER */

#footer{width:775px; height:101px; margin: 0 auto; clear:both; margin: 0 auto; background:url(../images/bckgrd-footer.png) top left no-repeat;}
#footer p{padding: 25px 0 0 0; font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#6b6b6b;}
#footer p a{font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#6b6b6b; text-decoration:none; padding: 0 2px; }
#footer p a:hover{color:#fff; text-decoration:none; background:#3f79b9; }

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

.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:#fff;}
/* RIGHT */

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