html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5 { margin:0; padding:0; }
body { background:#4D4D4D; padding:0 20px 0 20px; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,h9,input,select,textarea { font-family:verdana; font-size:11px; color:#666666; font-weight:normal; }
li { list-style-type:none; }
.txt, textarea, select { color:#333226; width:190px; padding:3px 2px 3px 2px; margin:2px 0 5px 0; border:1px solid #666666; }
.btn { color:#333226; width:90px; margin-top:2px; padding:3px 0 3px 0; }
img { display:block; border:none; }
a { color:#FF7D28; text-decoration:none; }
a:hover { text-decoration:none; }
table td.label { vertical-align:top; padding:4px 5px 0 0; }
table td.field { vertical-align:top; padding-bottom:1px; }

#header { width:900px; height:75px; margin:0 auto; }
#header #logo img { position:absolute; width:350px; height:53px; margin-top:22px; }
#header ul { float:right; margin-top:39px; }
#header ul li { float:left; }
#header ul li a { display:block; text-indent:-10000px; text-decoration:none; height:36px; overflow:hidden; }
#header ul li a:hover { background-position:0 -36px; }
#header ul li a.active { background-position:0 -36px; }

#container { background:#FFFFFF; width:900px; height:500px; margin:0 auto; }
#container td { vertical-align:top; }

#container #menu { float:left; font-weight:bold; line-height:20px; width:225px; padding-left:60px; margin-top:50px; }
#container #menu h2 { font-weight:bold; }
#container #menu ul { padding-bottom:20px; }
#container #menu ul li { line-height:20px; }
#container #menu ul li a { color:#666666; }
#container #menu ul li a:hover { color:#FF7D28; }
#container #menu ul li a.active { color:#FF7D28; }

#container #texte { float:right; width:500px; padding-right:100px; margin-top:50px; }
#container #texte h1 { font-size:16px; line-height:20px; padding-bottom:20px; }
#container #texte p { line-height:20px; padding-bottom:20px; }

#container #texte-centre { float:left; width:500px; padding-left:200px; margin-top:50px; }
#container #texte-centre h1 { font-size:16px; line-height:20px; padding-bottom:20px; }
#container #texte-centre p { line-height:20px; }
#container #texte-centre ul { padding-bottom:20px; }
#container #texte-centre ul li { line-height:20px; }

#container #client1 { float:left; width:250px; padding-left:200px; margin-top:10px; }
#container #client1 ul { padding-bottom:10px; }
#container #client1 ul li { line-height:20px; }
#container #client1 ul li h9 { line-height:10px; color:#FFFFFF; }

#container #client2 { float:right; width:250px; padding-right:150px; margin-top:10px; }
#container #client2 ul { padding-bottom:10px; }
#container #client2 ul li { line-height:20px; }

#container #menu-portfolio { float:left; width:150px; margin-top:25px; }
#container #menu-portfolio ul li a { display:block; text-indent:-10000px; text-decoration:none; width:150px; height:40px; overflow:hidden; }
#container #menu-portfolio ul li a:hover { background-position:0 -40px; }
#container #menu-portfolio ul li a.active { background-position:0 -40px; }

#container #portfolio { float:right; width:750px; }
#container #portfolio #project { float:left; width:700px; }
#container #portfolio #project #image { width:700px; height:430px; }
#container #portfolio #project #description { text-align:center; width:700px; padding-top:15px; }
#container #portfolio #project #description table { height:18px; margin:0 auto; margin-top:10px; }
#container #portfolio #project #description table td { color:#999999; vertical-align:top; padding:0 0 0 0; }
#container #portfolio #project #description table td a { color:#CCCC66; }
#container #portfolio #project #description table td a:hover { color:#666666; }
#container #portfolio #project #description table td a.active { color:#666666; }
#container #portfolio #project #description table td a.active:hover { color:#666666; }
#container #portfolio #project #description table td a.arrow { position:relative; display:block; text-decoration:none; width:40px; height:18px; }
#container #portfolio #project #description table td a.arrow:hover { background-position:0 -18px; }
#container #portfolio #nav { float:right; width:50px; height:430px; }
#container #portfolio #nav a { display:block; text-decoration:none; width:50px; height:18px; margin-top:206px; }
#container #portfolio #nav a:hover { background-position:0 -18px; }

#container #equipe { float:left; padding-left:45px; padding-top:5px; }
#container #equipe td { width:240px; height:200px; padding:15px; }
#container #equipe td img { width:70px; height:55px; }
#container #equipe td h1 { font-weight:bold; line-height:20px; padding-top:5px; }
#container #equipe td p { line-height:19px; }

#container #liens { float:right; width:200px; padding-right:50px; margin-top:50px; }
#container #liens p { line-height:14px; padding-bottom:12px; }

#container #liens2 { float:right; width:300px; padding-right:50px; margin-top:50px; }
#container #liens2 ul p { text-align:center; width:300px; padding-top:15px; }
#container #liens2 ul img { width:300px; height:400px; }

#footer { width:900px; height:47px; margin:0 auto; }
#footer ul { float:left; }
#footer ul li { float:left; }
#footer ul li a { display:block; text-indent:-10000px; text-decoration:none; height:36px; overflow:hidden; }
#footer ul li a:hover { background-position:0 -36px; }
#footer ul li a.active { background-position:0 -36px; }
#footer #live-good { float:right; }
#footer #live-good a { display:block; text-indent:-10000px; text-decoration:none; background-image:url(../images/btn-live-good.gif); width:100px; height:24px; overflow:hidden; }
#footer #live-good a:hover { background-position:0 -24px; }