/* global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

body{background: #010101; font-family: "Arial"; font-size:12px; line-height: 18px;}
a, a:visited{text-decoration:none; color:#FFA900;}
a:hover{text-decoration:underline;}
img{border:0;}
ul{list-style-type:none;}

#center{width: 963px; margin: 0 auto;}
#wrapper{width: 963px; float:left;}
#headmaison{width: 963px; float:left; height: 588px; background:url('images/perspective-3D-maison.jpg') no-repeat;}
#headmaison h1{width: 865px; float:left; margin: 398px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; padding:7px 0;}
#headmaisonplan{width: 963px; float:left; height: 588px; background:url('images/plan-3D-maison.jpg') no-repeat;}
#headmaisonplan h1{width: 865px; float:left; margin: 398px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; padding:7px 0;}

#headoui{width: 963px; float:left; height: 588px; background:url('images/head_oui3d.jpg') no-repeat;}
#headoui h1{width: 865px; float:left; margin: 398px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; padding:7px 0;}
#head{width: 963px; float:left; height: 588px; background:url('images/head_maison.jpg') no-repeat;}
#head h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head0{width: 963px; float:left; height: 588px; background:url('images/head_maison0.jpg') no-repeat;}
#head0 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head01{width: 963px; float:left; height: 588px; background:url('images/head_maison01.jpg') no-repeat;}
#head01 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head1{width: 963px; float:left; height: 588px; background:url('images/head_maison_sud.jpg') no-repeat;}
#head1 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head2{width: 963px; float:left; height: 588px; background:url('images/head_garage.jpg') no-repeat;}
#head2 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head3{width: 963px; float:left; height: 588px; background:url('images/head_int2.jpg') no-repeat;}
#head3 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head4{width: 963px; float:left; height: 588px; background:url('images/head_immeuble.jpg') no-repeat;}
#head4 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head5{width: 963px; float:left; height: 588px; background:url('images/head_maison.jpg') no-repeat;}
#head5 h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#head3Dinteractive{width: 963px; float:left; height: 588px; background:url('images/head_3dinteractive.jpg') no-repeat;}
#head3Dinteractive h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#headplan{width: 963px; float:left; height: 588px; background:url('images/head_plan.jpg') no-repeat;}
#headplan h1{width: 865px; float:left; margin: 405px 0 0 50px; display:inline; color:#fff; font-size:30px; font-family: "Myriad Pro"; }
#logo{width: 218px; float:left; margin:20px 0 0 65px; display:inline;}
#devis{width: 246px; float:right; margin:20px 60px 0 0; display:inline;}
#menu{width:865px; float:left; margin: 5px 0 0 50px; display:inline;font-family: "Myriad Pro";}
#menu li{display:inline;}
#menu li a, #menu li a:visited{font-size:18px; float:left; color:#fff; padding: 10px 30px;}
#menu li a:hover{color:#000; text-decoration:none;}

#content{width: 865px; float:left; margin: 0 0 0 45px; display:inline; background:#222222 url('images/content.jpg') repeat-x; padding: 6px;}
#left{width: 580px; float:left; color:#B4B4B4; font-size:12px; text-align:justify; margin: 0 0 0 7px; display:inline;}
#left img{border:2px solid #FFAA00; margin: 0 0 5px 0;}
#left h2{color:#fff; width:100%; float:left; font-size:18px; margin: 5px 0 10px 0; display:inline;font-family: "Myriad Pro";}
#left h2 a, #left h2 a:visited{color:#fff;}
#form{width:100%; float:left;}
#form label{width: 280px; padding: 4px; margin: 1px; float:left; display:inline; background:#393939; font-size:14px; height:20px;}
#form span{width: 280px; padding: 4px; margin: 1px; float:left; display:inline; background:#393939; font-size:14px; height:20px; overflow:hidden;}
#form select, #form input{width: 99%; float:left; border:1px solid #969696; height:17px; }
#form label.long, #form span.long{width: 570px;}
#form textarea{width: 565px; float:left; height: 150px; border:1px solid #969696; overflow:hidden;}
#form span.long{height:auto;}
#form a, #form a:visited{text-align:center; font-weight:bold; width:100%; float:left; font-size:16px;}
#right{width:259px; float:left; margin: 0 0 0 10px; display:inline;}
#right h5{color:#fff; width:100%; float:right; font-size:18px; text-align:center; margin: 5px 0 10px 0; display:inline;font-family: "Myriad Pro";}
#right h5 a, #right h5 a:visited{color:#fff;}
#news{width: 249px; float:left; padding:5px; background:#393939; color:#B4B4B4; margin: 5px 0 0 0; display:inline;}
#news h4{width:100%; float:left; color:#fff; font-size:16px; font-weight:normal; margin: 10px 0 0 0; display:inline;font-family: "Myriad Pro";}
#news a.toutes, #news a:visited.toutes{font-size:16px; margin: 10px 0 5px 0; display:inline; float:left;}
#footer{width: 867px; float:left; margin:5px 0 0 45px; display:inline; background:#CF4D00; color: #fff; padding:5px; text-align:center;}
#footer2{width: 867px; float:left; margin:5px 0 0 45px; display:inline; background:#e9e9e9; color: grey; padding:5px; text-align:center;}
.credits{color:#393939; float:right; width:auto;}
.credits a, .credits a:visited{font-weight:bold; color:#000;}