* {margin:0; padding:0;}
img { border:none; }
body { margin: 0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#181818; }

#top { width:100%; height:170px; background:url('../images/site/fd_top.jp') repeat-x; }
#header { width:1000px; height:70px; margin:auto; background:url('../images/site/header.jpg') no-repeat; padding:100px 100px 0 100px; }
#header_ref { width:1000px; height:70px; margin:auto; background:url('../images/site/header_ref.jpg') no-repeat; padding:100px 100px 0 100px; }
#header_about { width:1000px; height:70px; margin:auto; background:url('../images/site/header_about.jpg') no-repeat; padding:100px 100px 0 100px; }
#header_contact { width:1000px; height:70px; margin:auto; background:url('../images/site/header_contact.jpg') no-repeat; padding:100px 100px 0 100px; }
#header_devis { width:1000px; height:70px; margin:auto; background:url('../images/site/header_devis.jpg') no-repeat; padding:100px 100px 0 100px; }
#header_articles { width:1000px; height:70px; margin:auto; background:url('../images/site/header_articles.jpg') no-repeat; padding:100px 100px 0 100px; }
#menu { width:1000px; height:50px; }
#logo { width:250px; height:50px; float:left; }
#onglet { width:150px; height:30px; float:left; text-align:center; padding-top:20px; }
#onglet2 { width:150px; height:30px; float:left; text-align:center; padding-top:20px; }
#onglet3 { width:150px; height:30px; float:left; text-align:center; padding-top:20px; }
#onglet4 { width:150px; height:30px; float:left; text-align:center; padding-top:20px; }
#onglet5 { width:150px; height:30px; float:left; text-align:center; padding-top:20px; }

#contener { width:1000px; height:580px; margin:auto; margin-top:20px; }
#present { width:1000px; height:280px; }
#visuel { width:300px; height:280px; float:left; }
#actus { width:700px; height:280px; float:right; }

#prestas { width:1000px; height:300px; }
#left { width:330px; height:300px; float:left; background:url('../images/site/left.jpg') no-repeat; }
#titleleft { width:310px; height:25px; padding:10px 0 0 20px; }
#contleft { width:312px; height:245px; padding:20px 0 0 18px; }
#middle { width:330px; height:300px; float:left; margin-left:5px; background:url('../images/site/middle.jpg') no-repeat; }
#titlemiddle { width:273px; height:25px; padding:10px 0 0 57px; }
#contmiddle { width:274px; height:245px; padding:20px 0 0 55px; }
#right { width:330px; height:300px; float:left; margin-left:5px; background:url('../images/site/right.jpg') no-repeat; }
#titleright { width:245px; height:25px; padding:10px 0 0 85px; }
#contright { width:245px; height:245px; padding:20px 0 0 85px; }

#contactleft { width:700px; height:600px; float:left; }
#contactright { width:300px; height:600px; float:left; text-align:right; }

#aboutleft { width:240px; height:600px; float:left; background:url('../images/site/about.jpg') no-repeat; padding-left:10px; }
#aboutright { width:750px; height:600px; float:left; }

#bottom { width:100%; height:50px; }
#footer { width:1000px; height:50px; margin:auto; background:url('../images/site/footer.png') no-repeat; }
#footleft { width:530px; height:32px; float:left; padding-top:18px; padding-left:20px; }
#footongl { width:150px; height:32px; float:left; text-align:center; padding-top:18px; }
#footong2 { width:150px; height:32px; float:left; text-align:center; padding-top:18px; }
#footong3 { width:150px; height:32px; float:left; text-align:center; padding-top:18px; }

#pied { width:100%; height:200px; background:#181818; }

#error { width:1000px; height:600px; margin:auto; }

#refs { width:1000px; height:1100px; margin:auto; }

#copyright {width:1000px; height:30px; margin:auto; margin-top:20px; padding-top:9px; text-align:right; }

#mailing { width:980px; height:850px; margin:auto; }

a:link { color: #ffffff; text-decoration: none; outline:none; font-size:11px; }
a:visited { text-decoration: none; color: #ffffff; outline:none; }
a:hover { text-decoration: none; color:#00CC33; outline:none; }
a:active { text-decoration: none; color: #ffffff; outline:none; }

a.footer:link { color: #ffffff; text-decoration: none; outline:none; font-size:11px; }
a.footer:visited { text-decoration: none; color: #ffffff; outline:none; }
a.footer:hover { text-decoration: none; color:#00CC33; outline:none; }
a.footer:active { text-decoration: none; color: #ffffff; outline:none; }

a.normal:link { color: #181818; text-decoration: none; outline:none; font-size:12px; }
a.normal:visited { text-decoration: none; color: #181818; outline:none; }
a.normal:hover { text-decoration: none; color:#00CC33; outline:none; }
a.normal:active { text-decoration: none; color: #181818; outline:none; }

.espace { padding-left:150px; padding-top:5px; padding-bottom:5px; padding-right:5px; }
.tab { padding-left:175px; }
.center {text-align:center; }
.title { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; }
.Style1 { color:#FFFFFF; font-size:11px; }
.titre { background:#333333; display:inline; color:#ffffff; }
.actus { background:#f1f1f1; padding:10px; margin-top:8px; margin-left:75px; color:#333333; }
.actus:hover { background:#cccccc; padding:10px; margin-top:8px; margin-left:75px; color:#000000; }
.foot { font-size:11px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; }
.red { border-left:5px solid red; }
.red1 { padding-left:5px; }
.blue { border-left:5px solid blue; }
.green { border-left:5px solid green; }