/* CSS Document */ body{padding:0px; margin:0px; background:#fff; color:#252525; font:11px verdana,Tahoma, sans-serif; } div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;} ul{list-style-type:none;} img { border:none;} .clear {clear: both; margin: 0px} .borderImage { border:3px solid #fff;} /* HEADER */ #header{width:709px; height:291px; background:url(../images/b_top.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;} #header1{width:709px; height:229px; background:url(../images/b_top_1.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;} #header2{width:709px; height:229px; background:url(../images/b_top_2.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;} #header3{width:709px; height:229px; background:url(../images/b_top_3.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;} #header4{width:709px; height:229px; background:url(../images/b_top_4.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;} #logo{position:absolute; top:16px; left:19px} #slogan{position:absolute; top:30px; left:418px} #slogan h2 { padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:normal; color:#fff;} #slogan h1 { padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:normal; color:#fff;} /* NEW MENU */ #MenuMilioto { width:709px; height:31px;clear:both; background:url(../images/bckgrd-menu.png) left top repeat-x; margin: 0 auto;} #MenuMilioto ul li{height:31px; float:left;} #MenuMilioto ul li a{height:31px; display:block; text-indent:-20000px; } #MenuMilioto ul li a:hover{height:31px;} #MenuMilioto ul li.accueil a {width:131px; background:url(../images/menu-accueil.png);} #MenuMilioto ul li.accueil a:hover, #MenuMilioto ul li.accueil_active {width:131px; background:url(../images/menu-accueil-h.png);} #MenuMilioto ul li.presentation a {width:111px; background:url(../images/menu-presentation.png);} #MenuMilioto ul li.presentation a:hover, #MenuMilioto ul li.presentation_active {width:111px; background:url(../images/menu-presentation-h.png);} #MenuMilioto ul li.services a {width:111px; background:url(../images/menu-services.png);} #MenuMilioto ul li.services a:hover, #MenuMilioto ul li.services_active {width:111px; background:url(../images/menu-services-h.png);} #MenuMilioto ul li.realisations a {width:128px; background:url(../images/menu-realisations.png);} #MenuMilioto ul li.realisations a:hover, #MenuMilioto ul li.accueil_active {width:128px; background:url(../images/menu-realisations-h.png);} #MenuMilioto ul li.contact a {width:141px; background:url(../images/menu-contact.png);} #MenuMilioto ul li.contact a:hover, #MenuMilioto ul li.contact_active {width:141px; background:url(../images/menu-contact-h.png);} /* END NEW MENU */ #menu{position:absolute; top:137px; left:13px; width:283px; height:110px; background:url(../images/b_menu.jpg) 0 0 no-repeat;} #menu1{position:absolute; top:102px; left:13px; width:283px; height:110px; background:url(../images/b_menu_1.jpg) 0 0 no-repeat;} #menu2{position:absolute; top:102px; left:13px; width:283px; height:110px; background:url(../images/b_menu_2.jpg) 0 0 no-repeat;} #menu3{position:absolute; top:102px; left:13px; width:283px; height:110px; background:url(../images/b_menu_3.jpg) 0 0 no-repeat;} #menu4{position:absolute; top:102px; left:13px; width:283px; height:110px; background:url(../images/b_menu_4.jpg) 0 0 no-repeat;} #menu ul.leftm{position:absolute; top:14px; left:17px;} #menu ul.leftm li{margin-bottom:10px} #menu ul.leftm li a{height:21px; display:block; text-indent:-20000px; } #menu ul.leftm li a:hover{height:21px;} #menu1 ul.leftmPage1{position:absolute; top:14px; left:17px;} #menu1 ul.leftmPage1 li{margin-bottom:10px} #menu1 ul.leftmPage1 li a{height:21px; display:block; text-indent:-20000px; } #menu1 ul.leftmPage1 li a:hover{height:21px;} #menu2 ul.leftmPage2{position:absolute; top:14px; left:17px;} #menu2 ul.leftmPage2 li{margin-bottom:10px} #menu2 ul.leftmPage2 li a{height:21px; display:block; text-indent:-20000px; } #menu2 ul.leftmPage2 li a:hover{height:21px;} #menu3 ul.leftmPage3{position:absolute; top:14px; left:17px;} #menu3 ul.leftmPage3 li{margin-bottom:10px} #menu3 ul.leftmPage3 li a{height:21px; display:block; text-indent:-20000px; } #menu3 ul.leftmPage3 li a:hover{height:21px;} #menu4 ul.leftmPage4{position:absolute; top:14px; left:17px;} #menu4 ul.leftmPage4 li{margin-bottom:10px} #menu4 ul.leftmPage4 li a{height:21px; display:block; text-indent:-20000px; } #menu4 ul.leftmPage4 li a:hover{height:21px;} #menu ul.leftm li.home a{width:110px; background:url(../images/menu-home.jpg) 0 0 no-repeat; } #menu ul.leftm li.home a:hover{width:110px; background:url(../images/menu-home-h.jpg) 0 0 no-repeat;} #menu1 ul.leftmPage1 li.home1 a{width:110px; background:url(../images/menu-home-1.jpg) 0 0 no-repeat; } #menu1 ul.leftmPage1 li.home1 a:hover{width:110px; background:url(../images/menu-home-h-1.jpg) 0 0 no-repeat;} #menu2 ul.leftmPage2 li.home2 a{width:110px; background:url(../images/menu-home-2.jpg) 0 0 no-repeat; } #menu2 ul.leftmPage2 li.home2 a:hover{width:110px; background:url(../images/menu-home-h-2.jpg) 0 0 no-repeat;} #menu3 ul.leftmPage3 li.home3 a{width:110px; background:url(../images/menu-home-3.jpg) 0 0 no-repeat; } #menu3 ul.leftmPage3 li.home3 a:hover{width:110px; background:url(../images/menu-home-h-3.jpg) 0 0 no-repeat;} #menu4 ul.leftmPage4 li.home4 a{width:110px; background:url(../images/menu-home-4.jpg) 0 0 no-repeat; } #menu4 ul.leftmPage4 li.home4 a:hover{width:110px; background:url(../images/menu-home-h-4.jpg) 0 0 no-repeat;} #menu ul.leftm li.presentation a{width:110px; background:url(../images/menu-presentation.jpg) 0 0 no-repeat; } #menu ul.leftm li.presentation a:hover{width:110px; background:url(../images/menu-presentation-h.jpg) 0 0 no-repeat;} #menu1 ul.leftmPage1 li.presentation1 a{width:110px; background:url(../images/menu-presentation-1.jpg) 0 0 no-repeat; } #menu1 ul.leftmPage1 li.presentation1 a:hover{width:110px; background:url(../images/menu-presentation-h-1.jpg) 0 0 no-repeat;} #menu2 ul.leftmPage2 li.presentation2 a{width:110px; background:url(../images/menu-presentation-2.jpg) 0 0 no-repeat; } #menu2 ul.leftmPage2 li.presentation2 a:hover{width:110px; background:url(../images/menu-presentation-h-2.jpg) 0 0 no-repeat;} #menu3 ul.leftmPage3 li.presentation3 a{width:110px; background:url(../images/menu-presentation-3.jpg) 0 0 no-repeat; } #menu3 ul.leftmPage3 li.presentation3 a:hover{width:110px; background:url(../images/menu-presentation-h-3.jpg) 0 0 no-repeat;} #menu4 ul.leftmPage4 li.presentation4 a{width:110px; background:url(../images/menu-presentation-4.jpg) 0 0 no-repeat; } #menu4 ul.leftmPage4 li.presentation4 a:hover{width:110px; background:url(../images/menu-presentation-h-4.jpg) 0 0 no-repeat;} #menu ul.leftm li.nos-services a{width:110px; background:url(../images/menu-nos-services.jpg) 0 0 no-repeat; } #menu ul.leftm li.nos-services a:hover{width:110px; background:url(../images/menu-nos-services-h.jpg) 0 0 no-repeat;} #menu1 ul.leftmPage1 li.nos-services1 a{width:110px; background:url(../images/menu-nos-services-1.jpg) 0 0 no-repeat; } #menu1 ul.leftmPage1 li.nos-services1 a:hover{width:110px; background:url(../images/menu-nos-services-h-1.jpg) 0 0 no-repeat;} #menu2 ul.leftmPage2 li.nos-services2 a{width:110px; background:url(../images/menu-nos-services-2.jpg) 0 0 no-repeat; } #menu2 ul.leftmPage2 li.nos-services2 a:hover{width:110px; background:url(../images/menu-nos-services-h-2.jpg) 0 0 no-repeat;} #menu3 ul.leftmPage3 li.nos-services3 a{width:110px; background:url(../images/menu-nos-services-3.jpg) 0 0 no-repeat; } #menu3 ul.leftmPage3 li.nos-services3 a:hover{width:110px; background:url(../images/menu-nos-services-h-3.jpg) 0 0 no-repeat;} #menu4 ul.leftmPage4 li.nos-services4 a{width:110px; background:url(../images/menu-nos-services-4.jpg) 0 0 no-repeat; } #menu4 ul.leftmPage4 li.nos-services4 a:hover{width:110px; background:url(../images/menu-nos-services-h-4.jpg) 0 0 no-repeat;} #menu ul.rightm{position:absolute; top:14px; left:147px;} #menu ul.rightm li{margin-bottom:10px} #menu ul.rightm li a{height:21px; display:block; text-indent:-20000px; } #menu ul.rightm li a:hover{height:21px;} #menu1 ul.rightmPage1{position:absolute; top:14px; left:147px;} #menu1 ul.rightmPage1 li{margin-bottom:10px} #menu1 ul.rightmPage1 li a{height:21px; display:block; text-indent:-20000px; } #menu1 ul.rightmPage1 li a:hover{height:21px;} #menu2 ul.rightmPage2{position:absolute; top:14px; left:147px;} #menu2 ul.rightmPage2 li{margin-bottom:10px} #menu2 ul.rightmPage2 li a{height:21px; display:block; text-indent:-20000px; } #menu2 ul.rightmPage2 li a:hover{height:21px;} #menu3 ul.rightmPage3{position:absolute; top:14px; left:147px;} #menu3 ul.rightmPage3 li{margin-bottom:10px} #menu3 ul.rightmPage3 li a{height:21px; display:block; text-indent:-20000px; } #menu3 ul.rightmPage3 li a:hover{height:21px;} #menu4 ul.rightmPage4{position:absolute; top:14px; left:147px;} #menu4 ul.rightmPage4 li{margin-bottom:10px} #menu4 ul.rightmPage4 li a{height:21px; display:block; text-indent:-20000px; } #menu4 ul.rightmPage4 li a:hover{height:21px;} #menu ul.rightm li.nos-realisations a{width:132px; background:url(../images/menu-nos-realisations.jpg) 0 0 no-repeat; } #menu ul.rightm li.nos-realisations a:hover{width:132px; background:url(../images/menu-nos-realisations-h.jpg) 0 0 no-repeat;} #menu1 ul.rightmPage1 li.nos-realisations1 a{width:132px; background:url(../images/menu-nos-realisations-1.jpg) 0 0 no-repeat; } #menu1 ul.rightmPage1 li.nos-realisations1 a:hover{width:132px; background:url(../images/menu-nos-realisations-h-1.jpg) 0 0 no-repeat;} #menu2 ul.rightmPage2 li.nos-realisations2 a{width:132px; background:url(../images/menu-nos-realisations-2.jpg) 0 0 no-repeat; } #menu2 ul.rightmPage2 li.nos-realisations2 a:hover{width:132px; background:url(../images/menu-nos-realisations-h-2.jpg) 0 0 no-repeat;} #menu3 ul.rightmPage3 li.nos-realisations3 a{width:132px; background:url(../images/menu-nos-realisations-3.jpg) 0 0 no-repeat; } #menu3 ul.rightmPage3 li.nos-realisations3 a:hover{width:132px; background:url(../images/menu-nos-realisations-h-3.jpg) 0 0 no-repeat;} #menu4 ul.rightmPage4 li.nos-realisations4 a{width:132px; background:url(../images/menu-nos-realisations-4.jpg) 0 0 no-repeat; } #menu4 ul.rightmPage4 li.nos-realisations4 a:hover{width:132px; background:url(../images/menu-nos-realisations-h-4.jpg) 0 0 no-repeat;} #menu ul.rightm li.contactez-nous a{width:132px; background:url(../images/menu-contactez-nous.jpg) 0 0 no-repeat; } #menu ul.rightm li.contactez-nous a:hover{width:132px; background:url(../images/menu-contactez-nous-h.jpg) 0 0 no-repeat;} #menu1 ul.rightmPage1 li.contactez-nous1 a{width:132px; background:url(../images/menu-contactez-nous-1.jpg) 0 0 no-repeat; } #menu1 ul.rightmPage1 li.contactez-nous1 a:hover{width:132px; background:url(../images/menu-contactez-nous-h-1.jpg) 0 0 no-repeat;} #menu2 ul.rightmPage2 li.contactez-nous2 a{width:132px; background:url(../images/menu-contactez-nous-2.jpg) 0 0 no-repeat; } #menu2 ul.rightmPage2 li.contactez-nous2 a:hover{width:132px; background:url(../images/menu-contactez-nous-h-2.jpg) 0 0 no-repeat;} #menu3 ul.rightmPage3 li.contactez-nous3 a{width:132px; background:url(../images/menu-contactez-nous-3.jpg) 0 0 no-repeat; } #menu3 ul.rightmPage3 li.contactez-nous3 a:hover{width:132px; background:url(../images/menu-contactez-nous-h-3.jpg) 0 0 no-repeat;} #menu4 ul.rightmPage4 li.contactez-nous4 a{width:132px; background:url(../images/menu-contactez-nous-4.jpg) 0 0 no-repeat; } #menu4 ul.rightmPage4 li.contactez-nous4 a:hover{width:132px; background:url(../images/menu-contactez-nous-h-4.jpg) 0 0 no-repeat;} /* CONTENT */ #content{width:709px; background:#b9ce2b url(../images/b_content.jpg) 0 0 no-repeat; position:relative; margin: 0 auto; clear:both} p span.headline{font:12px/12px Trebuchet MS, sans-serif; color:#fff; font-weight:bold;} #leftPan{width:289px; padding:0 40px 0 26px; position:relative; border-right:#ffff56 1px solid; margin-top:17px; margin-bottom:20px; float:left; display:inline;} #leftPanPage{width:380px; padding:0 40px 0 26px; position:relative; border-right:#ffff56 1px solid; margin-top:17px; margin-bottom:20px; float:left; display:inline;} #leftPanContact{width:150px; padding:0 40px 0 26px; position:relative; border-right:#ffff56 1px solid; margin-top:17px; margin-bottom:20px; float:left; display:inline;} #welcome h2{height:23px; background:url(../images/h_welcome.gif) 0 0 no-repeat; position:relative; margin-bottom:5px} #welcome p{padding-left:3px;} #welcome p span{padding-bottom:10px; display:block;} #welcome img{margin-bottom:10px; margin-left:3px;} #welcome p.bullettext{background:url(../images/bullet1.gif) 3px 3px no-repeat; padding-left:19px; display:block; margin-top:15px} #welcome p.bullettext a{font:11px verdana,Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:none; } #welcome p.bullettext a:hover{color:#fff; background:#000; text-decoration:none;} #welcome h1 { font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:10px 0 0 0; color:#fff;} h2.seo {font-size : 18px; font-weight : normal; font-family : Georgia, "Times New Roman", Times, serif; margin : 0; padding : 10px 0 0 0; color :#fff;} strong.seo {font-weight : normal; font-family : verdana,Tahoma, sans-serif; color:#252525; font:11px ;} h3.seo {font-size : 14px; font-weight : normal; font-family : Georgia, "Times New Roman", Times, serif; margin : 0; padding : 10px 0 0 0; color :#fff;} a.seo { font-weight : normal; font-size : 11px; color : #fd0000; text-decoration : none; } p.seo { font-style : normal; font-weight : bold; font-size : 11px; } a.seo2 { font-weight : normal; font-size : 11px; color : #1C1C1C; text-decoration : none; } a.seo3 { font-weight : normal; font-size : 11px; color : #1C1C1C; text-decoration : underline; } #welcomePage h2{height:23px; background:url(../images/h_welcome.gif) 0 0 no-repeat; position:relative; margin-bottom:5px} #welcomePage p{padding-left:3px;} #welcomePage p span{padding-bottom:10px; display:block;} #welcomePage img{margin-bottom:10px; margin-left:3px;} #welcomePage p.bullettext{background:url(../images/bullet1.gif) 3px 3px no-repeat; padding-left:19px; display:block; margin-top:15px} #welcomePage p.bullettext a{font:11px verdana,Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:none; } #welcomePage p.bullettext a:hover{color:#fff; background:#000; text-decoration:none;} #welcomePage h1 { font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:10px 0 0 0; color:#fff;} #welcomePage ul{} #welcomePage li{background:url(../images/bullet.gif) 4px 4px no-repeat; padding-left:24px;} #rightPan{width:329px; padding:0 0 0 24px; position:relative; margin-top:17px; margin-bottom:20px; float:left;} #rightPanPage{width:215px; padding:0 0 0 24px; position:relative; margin-top:17px; margin-bottom:20px; float:left;} #mission{margin-bottom:20px} #mission h2{height:23px; background:url(../images/h_mission.gif) 0 0 no-repeat; position:relative; margin-bottom:8px} #mission ul{float:left; width:150px; margin-right:10px;} #mission li{background:url(../images/bullet.gif) 4px 4px no-repeat; padding-left:24px; height:20px} #mission li a{font:11px verdana,Tahoma, sans-serif; color:#252525; font-weight:normal; text-decoration:underline} #mission li a:hover{color:#252525; font-weight:normal; text-decoration:none; background:#fff;} #mission h1 { font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:10px 0 0 0; color:#fff;} #staff h2{height:23px; background:url(../images/h_staff.gif) 0 0 no-repeat; position:relative; margin-bottom:16px} #staff img{float:left; margin:0 15px 0 3px; display:inline} #staff p{float:left; width:180px;} #staff p span{display:block; margin-bottom:10px;} #staff h1 { font-size:15px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:10px 0 3px 0; color:#fff;} #staff a { color: #595959; text-decoration: underline;} /* ADS */ #ads{width:709px; position:relative; margin: 0 auto; clear:both} #leftads{width:355px;position:relative; float:left; display:inline;} #ad1{height:80px; background:url(../images/b_ad1.jpg) 0 0 no-repeat; position:relative;} #ad1 h2{width:250px; height:40px; background:url(../images/h_ad1.gif) 0 0 no-repeat; position:absolute; top:9px; left:88px} #ad1 img{position:absolute; top:53px; left:218px} #ad2{height:80px; background:url(../images/b_ad2.jpg) 0 0 no-repeat; position:relative;} #ad2 h2{width:247px; height:40px; background:url(../images/h_ad2.gif) 0 0 no-repeat; position:absolute; top:8px; left:11px} #ad2 img{position:absolute; top:49px; left:12px} #rightads{width:354px;position:relative; float:left; display:inline;} #ad3{height:159px; background:url(../images/b_ad3.jpg) 0 0 no-repeat; position:relative;} #ad3 h2{height:62px; background:url(../images/h_ad3.gif) 22px 13px no-repeat; position:relative; margin-bottom:4px } #ad3 p{width:180px; margin:0 0 10px 25px; color:#FFFFFF; position:relative} #ad3 img{margin:0 0 0 22px; position:relative} /* FOOTER */ #footer{width:709px; height:67px; background:url(../images/b_footer.jpg) 0 0 repeat-x; position:relative; margin: 0 auto; clear:both} #footer p{padding: 17px 0 0 0; font:10px verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#252525;} #footer p a{font:10px verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#252525; text-decoration:none; padding: 0 3px; } #footer p a:hover{text-decoration:none; background:#252525; color:#fff} .footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#6b6b6b; text-align: right; text-decoration:none; padding: 0 0 0 500px; margin-top : 5px } .footerTOW a:hover{text-decoration:none; background:#252525; color:#fff} .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.png) right 1px no-repeat; padding:0 13px 0 0; color:#fff}