@CHARSET "UTF-8";

/* reset */
html{-webkit-text-size-adjust:none; color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
a:hover, a:focus { outline:none; }
strong{font-weight:bolder;}
b{color:#e56e09;}

/* Class */
.site { margin:0 auto; width:928px; padding:0 16px 150px 16px; background:#fff; }
.liquid { width:100%; margin:0 auto; }
.left { float:left; }
.right { float:right; }
.relative { position:relative; }
.black { color:#000; }
.text-center { text-align:center; }
.star { color:#eb5b0a; }
.margin-left { margin-left:15px; }
.bar { border-left: 1px solid #fff ; height:82px; margin-top:9px; padding-left:9px; }
.hidden { display:none; }
.jslink { cursor:pointer; }
.copy { font-size:90%;margin-top:5px }
.proposebois { word-spacing:-0.2em }

/* Elements */
body { color:#685e4f; background:#7d7568; font-family:Georgia, Times New Roman, Arial, Helvetica, sans-serif; font-size:80%; }
p { font-size:120%; }
a { text-decoration:none; }
h1,.h1 { color:#eb5b0a; font-size:180%; }
h2,.h2 { color:#fff; font-size:140%; }
h3,.h3 { color:#eb5b0a; font-size:120%; }
hr { height:2px; background:#D6D0C6; border:0; }


/* Header */
.header { margin:0; padding:5px 0 0 0; }
.header img { margin:5px 0 0 0px; }
.header .baseline { margin:9px 0 0 0; }
.header .baseline p { font-size:130%; background:#b0a99e; color:#685e4f; padding:5px; }

.header ul { float:right; margin:50px 0 0 0; }
.header ul li { float:left; margin:0 0 0 2px;}
.header ul li a { display:block; width:114px; padding:10px 0 10px 0; background:url(../images/design/corner-menu.png) no-repeat top left #e9e7e4; color:#000; text-align:center; }
.header ul li a:hover { background:url(../images/design/corner-menu-hover.png) no-repeat #d2cec8; }
.header ul li a.active { background:url(../images/design/corner-menu.png) no-repeat top left #eb5b0a; color:#fff; }
.header ul li a.devis { background:url(../images/design/corner-menu.png) no-repeat top left #4a82b8; color:#fff; }

/* Main */
.main { margin:0; padding:0; }

/* Footer */
.footer { background:#000; height:100px; margin:0; clear:both; }
.footer h1 { font-size:140%; color:#fff; margin:-5px 0 5px 0; padding:10px 0 0 0}
.footer h2 { font-size:120%; color:#eb5b0a; margin:-5px 0 0 0; }
.footer a { color:#eb5b0a; margin:0 }
.footer a:hover { text-decoration:underline; }
.footer p { font-size:100%; color:#fff; }
.footer .column-top { margin:0px 14px 0 42px; width:480px; }
.footer .column-left { margin:0 14px 0 42px; padding:0 0 0 7px; width:215px; float:left; border-left:1px solid #72685A; }
.footer .column-center { margin:0 14px 0 0; padding:0 0 0 7px; width:223px; float:left; border-left:1px solid #72685A; }
.footer .column-right { margin:-38px 42px 0 0; width:200px; float:left; padding:0 0 0 127px; }
.footer ul { margin:42px 0 0 0; }
.footer ul li { font-size:95%; margin-bottom:2px; }
.footer ul li a { color:#fff; text-decoration:underline; }
.footer ul li a:hover { color:#eb5b0a; text-decoration:none; }

/* Home */
.home { background:url(../images/photos/home-bckg.jpg) no-repeat #fff; min-height:658px; padding:29px 0 0 0; }
.home h2 { padding:4px 0 0 0; margin:0; }
.home p { color:#fff; font-size:100%; }
.home .padding { padding:8px; }
.home .bckg { background:url(../images/design/bckg-footer-home.png); }
.home .block-left { margin:0 14px 0 42px; width:223px; float:left; }
.home .block-center { margin:0 14px 0 0; width:223px; float:left; }
.home .block-right { margin:0 42px 0 0; width:370px; float:left;  min-height:142px; }
.home .block-right img { padding:0 12px 0 0; }
.home .block-left a, .home .block-center a { color:#fff }
.home .block-left a:hover, .home .block-center a:hover { color:#eb5b0a; }
.home .content { width:235px; float:right; margin:12px 42px 0 0; }
.home .content .top .left { background:url(../images/design/corner-top.png) no-repeat; width:11px; height:11px; float:left; }
.home .content .top .right { background:#fff; width:224px; height:11px; }
.home .content .middle { background:#fff; color:#000; }
.home .content .middle h3, .home .content .middle p { color:#000; margin:10px 10px 0 10px; }
.home .content .bottom .left { background:#fff; width:224px; height:11px; float:left; }
.home .content .bottom .right { background:url(../images/design/corner-bottom.png) no-repeat; width:11px; height:11px; float:left; }
.home a, a:hover { color:#eb5b0a; }
.home a { text-decoration:none; }

/* SAS */
.sas { border-top:4px solid #d6d0c6; padding:20px 0 0 0; width:100%; margin:0 0 20px 0; }
.sas .image { border:5px solid #d6d0c6;}
.sas a { text-decoration:underline; color:#685e4f; }
.sas a:hover { text-decoration:none; }
.sas .button-devis { background:url(../images/design/bouton-devis.png) no-repeat; width:217px; height:37px; margin: 0 0 0 -3px; }
.sas .button-devis a { color:#fff; float:left; font-size:110%; margin:7px 15px 0 29px; text-decoration:none; }
.sas .content { width:432px; }
.sas .content h1 { color:#eb5b0a; }
.sas .content h2 { font-size:120%; color:#464747; font-weight:bold; }
.sas .content p { font-size:100%; color:#464747; padding:10px 0 10px 0; }
.sas .content ul { border-bottom:2px solid #d6d0c6; height:38px; }
.sas .content ul li { float:left; margin:0 2px 0 0; padding:0px;}
.sas .content ul li a { display:block; padding:10px 30px; background:url(../images/design/corner-menu.png) no-repeat top left #e9e7e4; color:#000; text-align:center; font-size:120%; }
.sas .content ul li a:hover { background:url(../images/design/corner-menu-hover.png) no-repeat #d2cec8; }
.sas .content ul li a.active { background:url(../images/design/corner-menu.png) no-repeat top left #eb5b0a; color:#fff; }
.sas .formula { color:#fff; padding:5px 0 0 0; margin:0 0 3px 0; float:left;  }
.sas .formula h2 { font-size:120%; color:#fff; height:25px; background:url(../images/design/onglet.png) no-repeat; padding:7px 0 0 12px; }
.sas .formula .content { background:#7d756a; width:100%; }
.sas .cadre-parquet .content { height:50px }
.sas .cadre-terrasse .content { height:140px }
.sas .cadre-entretien-terrasse .content { height:100px }
.sas .cadre-parquet { width:459px; float:left; }
.sas .cadre-terrasse { width:225px; float:left; }
.sas .cadre-entretien-terrasse { width:300px; float:left; }
.sas .formula .content p { font-size:100%; color:#fff; padding:5px 5px 5px 12px; margin:0; }
.sas .margin { margin-right:9px; }


.sas .section { clear:both; }
.sas .section h1 { color:#d6d0c6; }
.sas .section .item { padding:0px; margin:0 0 10px 0; }
.sas .section .item a { text-decoration:underline; color:#3C362A; }
.sas .section .item .title { width:106px; background:#b0a99e; height:132px; float:left; }
.sas .section .item .title h2 { text-align:right; padding:10px; color:#fff; font-size:150%; float:left; }
.sas .section .item .image { float:left; margin:0; padding:0; border:none; }
.sas .section .item .image img { margin:0px; padding:0 10px 0 0; border:none; }
.sas .section .item .texte { height:132px; }
.sas .section .item .texte p { color:#3c362a; font-size:100%; padding-top:35px; }
.sas .part { width:280px; padding-right:20px; margin-bottom:20px; float:left; display:block; }
.sas .part h2 { font-size:120%; color:#464747; margin-top:10px; font-weight:bold; }

.sas .slide { top:0px; left:0px; position:relative; z-index:2; overflow:hidden; border:5px solid #d6d0c6; width:460px; height:347px; }
.sas .slide .image-1 { position:relative; z-index:2; opacity:1; height:347px; top:0px; }
.sas .slide .image-2 { position:relative; z-index:3; opacity:0; height:347px; top:-347px; }
.sas .slide .image-3 { position:relative; z-index:4; opacity:0; height:347px; top:-694px; }
.sas .slide .image-4 { position:relative; z-index:5; opacity:0; height:347px; top:-1041px;}
.sas .slide .image-5 { position:relative; z-index:6; opacity:0; height:347px; top:-1388px;}
.sas .slide .image-6 { position:relative; z-index:7; opacity:0; height:347px; top:-1735px;}
.sas .slide .image-7 { position:relative; z-index:8; opacity:0; height:347px; top:-2082px;}
.sas .slide .image-8 { position:relative; z-index:9; opacity:0; height:347px; top:-2429px;}
.sas .slide .image-9 { position:relative; z-index:10; opacity:0; height:347px; top:-2776px;}

/* Form */
.form { background:#d2cec8; padding:15px; margin:20px 0 0 0; width:440px; }
.form h2 { color:#000; }
.form input { width:280px; margin:0 8px 5px 0; background:#fff; color:#000;
border:0; font-size:100%; font-family:Georgia, Times New Roman, Arial, Helvetica, sans-serif; padding:7px 10px; }
.form input:focus { background:#e9e7e4; }
.form label { float:right; text-align:left; width:132px; margin:8px 0 0 0; cursor:pointer; }
.form select { width:300px; margin:5px 8px 5px 0; background-color:#fff; color:#000;
border:0; font-size:120%; line-height:30px; font-family:Georgia, Times New Roman, Arial, Helvetica, sans-serif; padding:5px; }
.form textarea { width:280px; margin:0 8px 5px 0; background:#fff; color:#000;
border:0; font-size:100%; font-family:Georgia, Times New Roman, Arial, Helvetica, sans-serif; padding:10px; }
.form .radio { width:280px; }
.form .radio input { float:left; display:block; width:20px; }
.form .radio p { font-size:100%; }

.button { background:url(../images/design/bouton-form.png) no-repeat ; display:inline-block; width:217px; height:37px; padding:0 30px 7px 29px; margin:10px 0 0 10px; color:#fff; text-align:left; font-size:120%; border:0; font-family:Georgia, Times New Roman, Arial, Helvetica, sans-serif; cursor:pointer;}										

.button-deux { display:block; padding:0; margin: -10px 0 -10px  0 ; color:#fff; text-align:left; font-size:120%; font-family:Georgia, Times New Roman, Arial, Helvetica, sans-serif; }
.button-deux a { color:#000; margin: -10px 0 0 10px; line-height:10px; height:3px}
.point-orange { color:#eb5b0a; font-weight:strong; font-size:300%; }
						
.form input.error { background:#eb5b0a; }