body { color: #fff; font-size: 12px; font-family: "Trebuchet MS"; background-image: url(../images/2011/fd-body.jpg); background-repeat: repeat; background-position: center 0; }
p {  }

td { font-size: 11px; text-align: justify; }

a:link { color: #999; }

a:visited { color: #999; }

a:hover { }

a:active { }

ul{ text-indent: 0; margin: 0; padding: 0; }
acronym[title]{ border-bottom: 1px dotted #333; }
acronym[title]:hover, acronym[title]:focus { cursor: help; }
.mi1 ul, .mi2 ul{ text-indent: 0; margin: 5px 0; padding: 0; list-style-position: inside; }
#calque0 { height: 100px; width: 800px; left: 50%; position: absolute; top: 30px; visibility: visible; margin-left: -400px; }
#calque2 { height: 563px; width: 460px; left: 320px; top: 34px; position: absolute; z-index: 2; visibility: visible; }
#calque3 { height: 100px; width: 100%; left: 10px; top: 125px; position: absolute; z-index: 3; visibility: visible; }
#entete { height: 100px; width: 460px; left: 320px; top: 30px; position: absolute; z-index: 1; visibility: visible; }
#pied { text-align: center; visibility: visible; position: absolute; z-index: 1; top: 550px; left: 320px; width: 460px; height: 200px; }
#accueil { height: 25px; width: 135px; left: 270px; top: 50px; z-index: 1; position: absolute; visibility: visible; }
#onglets { height: 70px; width: 560px; left: 267px; top: 30px; z-index: 5; position: absolute; visibility: visible; }
#php { height: 66px; width: 106px; left: 880px; top: 700px; z-index: 14; position: absolute; visibility: visible; }
h1 { color: #333; font-size: 20px; font-family: Arial; font-weight: bold; background-repeat: no-repeat; background-position: left 0; word-spacing: 5px; letter-spacing: 0; width: 100%; margin: 110px 0 0; padding: 25px 0 0; }
h2 { color: #f60; font-size: 32px; font-family: tahoma, Arial, "trebuchet ms"; font-weight: bold; line-height: 30px; text-transform: uppercase; text-align: left; width: 280px; margin: 0 0 10px; padding: 5px 0 0; }
h2 a { color: #f69; font-size: 40px; font-family: tahoma; font-weight: bold; text-decoration: none; }
h3 { color: #ccc; font-size: 32px; line-height: 34px; padding: 10px 6px 6px; display: inline;; }
#home h2 { color: #f60; width: 250px; margin-bottom: 25px; }
#web h2, #web .cMenu .web a { color: #9c0; }
#web .mi1 a, #web .mi2 a { color: #9c0; }
#developpement h2, #developpement .cMenu .developpement a { color: #9c0; }
#developpement .mi1 a, #developpement .mi2 a { color: #693; }
#presentation h2, #presentation .cMenu .presentation a { color: #ccc; }
#presentation .mi1 a, #presentation .mi2 a { color: #ccc; }
#referencement h2, #referencement .cMenu .referencement a { color: #f60; }
#galerie h2, #galerie .cMenu .galerie a { color: #906; }
#galerie .mi2 a { color: #906; }
#contact h2, #contact .cMenu .contact a { color: #369; }
.ex { background-image: url(../images/2011/fd-ex-left.jpg); background-repeat: no-repeat; background-position: 0 top; position: absolute; width: 960px; top: 0; left: 50%; z-index: 0; min-height: 720px; max-height: 800px; margin-left: -630px; padding-left: 150px; }
.in { background-image: url(../images/2011/fd-in-right.jpg); background-repeat: no-repeat; background-position: 960px top; position: absolute; top: 0; width: 960px; z-index: 1; float: left; min-height: 720px; max-height: 800px; padding-top: 0; padding-right: 150px; }
#top { color: #fff; background-image: url(../images/2011/fd-header.jpg); background-repeat: no-repeat; background-position: center top; position: absolute; top: 0; left: 0; height: 80px; width: 960px; z-index: 2; visibility: visible; float: left; }
#top img { float: left; display: inline; }
.droit { font-size: 14px; font-family: arial; font-weight: normal; letter-spacing: 1px; margin: 0 10px 0 0; text-align: right; width: 80%; height: 16px; float: right; padding-top: 12px; }
.text { color: #ccc; background-repeat: no-repeat; background-position: left 0; text-align: justify; top: 0; height: 450px; left: 0; width: auto; overflow: hidden; float: left; min-width: 480px; max-width: 90%; margin-top: 0; margin-left: 50px; padding-top: 40px; padding-right: 5px; padding-left: 5px; display: block; }
.devis { background-image: url(../2010/devis.jpg); background-repeat: no-repeat; background-position: left top; text-align: justify; top: 0; height: 450px; width: 26px; left: 0; float: left; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 40px; display: block; }
.pied { background-image: url(../images/fd-site.jpg); background-repeat: repeat-x; background-position: left top; display: block; margin-top: 0; margin-left: 50px; padding-top: 0; top: 0; left: 0; width: 90%; height: 120px; float: left; }
.foot { color: #fff; text-align: center; width: 960px; float: left; margin-top: 20px; display: block; }
.foot a { color: #fff; }
.cMenu { color: #fff; top: 0; width: 100%; z-index: 50; float: right; }
.cMenu ul{ width: 100%; float: right; list-style-type: none; display: block; }
.cMenu ul li { text-transform: uppercase; text-align: center; letter-spacing: 1px; height: 40px; float: left;  width: 180px; margin: 35px 0 0; padding: 0; display: inline; }
.cMenu ul li a{ color: #fff; font-weight: bold; line-height: 40px; text-decoration: none; }
.cMenu ul .home { width: 180px; margin-top: -28px; }
.cMenu ul .contact {width:60px ; }
.cMenu ul a:hover,
#catalogue .cMenu .catalogue a, #presentation .cMenu .presentation a { color: #999; font-weight: bold; }
.cMenu p{ color: #333; font-size: 12px; text-decoration: none; height: 10%; margin-left: 0; padding-top: 90%; padding-left: 0; }
.mi1 {  font-size: 14px; background-image: none; width: 400px; float: left; margin: 20px; padding: 0; display: block; }
#home, #presentation, #galerie, #referencement {color: #ccc; background-image: url(../images/2011/fd-home.jpg); background-repeat: no-repeat; background-position: left top; }
#web .mi1, #developpement .mi1, #contact .mi1, #catalogue .mi1{ color: #333; }
.mi1 a { color: #f60; }
.mi2 { color: #666; font-size: 14px; margin: 20px; padding: 0; width: 440px; height: 400px; overflow: auto; float: right; display: inline; }
.mi2 a { color: #c60; }
.mi2 a: visited { color: #fff; }
#mi3 { font-size: 14px; position: relative; width: 50%; height: 150px; float: right; margin: 0; padding: 0 25px; }
.mi3 a { color: #f00; }
.mi4 { color: #fff; background-repeat: no-repeat; background-position: center top; margin: 0 0 0 20px; padding: 10px 10px 0 5px; width: 30%; height: 100%; float: left; }
.mi4 a { color: #f60; font-weight: bold; }
.mi4 a: visited { color: #fff; }
.miFlash { font-size: 12px; background-image: none; background-repeat: no-repeat; width: 670px; height: auto; float: left; clear: both; min-width: 30%; margin: 0; padding: 0; }
.tiers1 { background-repeat: no-repeat; margin: 0; padding: 5px 20px 5px 35px; width: 60%; height: 300px; float: left; clear: both; }
.tiers1 a { color: #f39; font-weight: 600; background-color: transparent; }
.tiers2 { color: #fff; background-repeat: no-repeat; background-position: center top; width: 30%; height: 300px; float: left; margin: 5px 0 5px 5px; padding: 20px 5px 5px; }

#defil { width: 100%; height: 100%; visibility: visible; float: right; }
#cadreDefil { text-align: center; height: 320px; width: 60%; left: 50%; top: 180px; position: absolute; z-index: 20; overflow: hidden; visibility: visible; margin-left: -30%; }
#bando { height: 26px; width: 30%; left: 1%; top: 180px; position: absolute; z-index: 10; visibility: visible; }
#bando a { color: #f60; font-weight: bold; text-decoration: none; }
.navBas { color: #000; height: 100px; width: 440px; float: right; }