.BodyContentMiddleImg, img {behavior:url(css/iepngfix.htc); }
body {font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; margin: 0; padding: 0; background:#eeeeee url(../images/bg.jpg) repeat-x top left; }

/*Header*/
.TopNavigation {height:28px; width:753px; float:left; padding:0 0 0 20px; background:url(../images/nav-bg.jpg) no-repeat top left;}
.TopNavigation img {margin:0; padding:0; border:0;}

.TopNavigation ul {padding:0;	margin:0;}
.TopNavigation li {display:inline; padding:0; margin:0; float:left;}

.TopNavigation li a, .TopNavigation li a:hover {background: 0 0 no-repeat; display:block; height:28px; text-indent:-20000px;}

.TopNavigation ul li.accueil a {width:63px; background:url(../images/menu-accueil.jpg);}
.TopNavigation ul li.accueil a:hover, .TopNavigation ul li.accueil {width:63px; background:url(../images/menu-accueil-h.jpg);}

.TopNavigation ul li.presentation a {width:91px; background:url(../images/menu-presentation.jpg);}
.TopNavigation ul li.presentation a:hover, .TopNavigation ul li.presentation {width:91px; background:url(../images/menu-presentation-h.jpg);}

.TopNavigation ul li.nos-services a {width:90px;  background:url(../images/menu-nos-services.jpg);}
.TopNavigation ul li.nos-services a:hover, .TopNavigation ul li.nos-services_active {width:90px; background:url(../images/menu-nos-services-h.jpg);}

.TopNavigation ul li.coordonnees a {width:90px; background:url(../images/menu-coordonnees.jpg);}
.TopNavigation ul li.coordonnees a:hover, .TopNavigation ul li.coordonnees_active {width:90px; background:url(../images/menu-coordonnees-h.jpg);}

/*Footer*/
.footer{width:748px; height:31px; padding:5px 15px 10px 10px; margin:0 0 10px 0; background:url(../images/footer.jpg)  repeat-y top left #000 ; }
.footerNavigation a, .footerNavigation a:hover, .CopyRight a, .CopyRight a:hover{color:#888888; text-decoration:none;}
.footerNavigation{width:505px; color:#888888; float:left;}
.footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#888;}
.CopyRight{width:230px; float:right; text-align:right; color:#888888;}


/*Main Containers */
.MainContainer, .LogoContainer, .MainImage, .RoundCornerBody, .BodyContentMiddle2  {width:773px;}
.BodyContentMiddle, .BodyContentBottom, .BodyContentMiddleInner {width:746px;}

.MainContainer {margin:0px auto; padding:0 120px; background:url(../images/top-bg.jpg) no-repeat top left;}
.LogoContainer{height:73px; padding:0; background:url(../images/page-slogan.jpg) no-repeat top right;}
.MainImage, .RoundCornerBody{margin:0px; padding:0px;}
.RoundCornerBody{height:23px; background:url(../images/body-top-round-corner.jpg) no-repeat top left;}
*html .RoundCornerBody{height:23px; background:url(../images/body-top-round-corner.jpg) no-repeat top left; margin:-2px 0 0 0;}
.BodyContentMiddle{padding:0 0 0 27px; background:#ffffff url(../images/grey-bg-contents.jpg) repeat-x top left;}
.BodyContentMiddle2{padding:0 0 37px 0px; background:url(../images/grey-texture.jpg) no-repeat bottom left; position:relative;}
.BodyContentMiddleText p {margin:30px 0 0 0; color:#666666;}
.BodyContentMiddleText{width:566px; position:relative; margin:0 0 33px 0;}
img{border:none;}
.BodyContentMiddleImg{width:128px; margin:0 0 0 52px; padding:0px; position:absolute; bottom:0px; right:0px;}
*html .BodyContentMiddleImg{width:128px; margin:0 0 0 52px; padding:1px 0 0 0px; float:left; position:absolute; bottom:0px; right:-1px;}
a, a:hover {color:#409bea; text-decoration:none;}
.BodyContentBottom{padding:0 0 10px 27px; background:#888888 url(../images/bot-bg.jpg) repeat-x top left;}
.BodyContentBottomLeft{width:452px; padding:13px 0 0 0;}
.BodyContentBottomLeftImg{width:216px; padding:0px; margin:10px 0 0 0;}
.BodyContentBottomLeftText{width:224px; margin:10px 0 0 0; padding:0 0 0 12px;}
.BodyContentBottomLeftText p{margin:0 0 10px 0; color:#eeeeee;}
.BodyContentBottomRight{width:254px; padding:13px 0 20px 40px; background:url(../images/bot-bg-right.jpg) no-repeat top left;}
.BodyContentBottomRightImg{margin:8px 0 0 0;}
.BodyContentMiddleInner{padding:0 0 20px 27px; background:#ffffff url(../images/inner-content-bg.jpg) repeat-x top left; position:relative;}
.BodyContentMiddleInnerLeft{width:471px;}
.BodyContentMiddleInnerRight{width:213px; padding:5px 27px 0 35px; background:url(../images/inner-shadow.jpg) no-repeat top left;}
*html .BodyContentMiddleInnerLeft{width:469px; float:left;}

.BodyContentMiddleInnerLeft p {margin:23px 0 0 0; color:#666666;}
.BodyContentMiddleInnerLeft ul{margin:18px 0 0 25px; padding:0px;}
.BodyContentMiddleInnerLeft ul li {list-style:url(../images/arrow-icon.gif); padding:0 0 0 12px; margin:0 0 15px 0;}
.BodyContentMiddleInnerRightImg{margin:0 0 5px 0;}
.BodyInnerBottomImg{width:227px; margin:0 0 0 0; padding:0px; position:absolute; bottom:0px; right:0px;}
*html .BodyInnerBottomImg{width:227px; margin:0 0 0 0; padding:0px; position:absolute; bottom:0px; right:-1px;}

.BodyContentMiddleImg, .BodyContentBottomLeft, .BodyContentBottomLeftImg, .BodyContentBottomLeftText, .BodyContentBottomRight, .BodyContentMiddleInnerLeft, .BodyContentMiddleInnerRight {float:left;}

.BodyContentBottomLeftText p, .BodyContentMiddleInnerLeft p, .BodyContentMiddleText p  {font:10px Verdana, Arial, Helvetica, sans-serif; line-height:16px;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

.left { float:left;} 
.margin10 { margin:0 10px 0 0;} 
.borderImage { border:3px solid #413d3e;}