/*
Theme Name: Kit Habitat
Author: L'équipe Maad
Version: 1
*/
*{margin:0;padding:0;-webkit-text-size-adjust: 100%;}
*::-webkit-selection{background:#9ebd1c;color:#fff;text-shadow:none;}
*::-moz-selection{background:#9ebd1c;color:#fff;text-shadow:none;}
*::-ms-selection{background:#9ebd1c;color:#fff;text-shadow:none;}
*::-o-selection{background:#9ebd1c;color:#fff;text-shadow:none;}
*::selection{background:#9ebd1c;color:#fff;text-shadow:none;}

body{color:#333;font-family:arial, sans-serif;font-weight:400;font-size:16px;}

a{color:#9ebd1c;text-decoration:none; font-weight:600;}
a:hover, a:focus{color:#9ebd1c;text-decoration:underline;outline:none;}
a img{border:none;}

h1, h2, h3, h4, h5{cursor:default;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer}
h1{font-size:30px}
h2{font-size:26px}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:14px}
ul{list-style:none}
hr{border:none;border-top:1px solid #dcdcdc;border-bottom:1px solid #fff;margin:30px 0;}
label{cursor:pointer;}
.contenu {overflow: hidden;}
.contenu .centerdiv {padding-top: 0;}
.contenu img{max-width:100%; height:auto; border-radius: 4px;}
.contenu #bloc-map img{max-width:none;}
.alignright{float:right;}
.alignleft{float:left;}
.content ul{list-style:square;padding:0 0 0 17px;}
.content ul li{margin-bottom:5px;}

#tabs .content ul{list-style:none;padding:0;}
#tabs .content ul li{margin-bottom:0;}

.centerdiv{width:100%;max-width:960px;margin:0 auto;padding:40px 0;position:relative;overflow:auto;}
.clear{position:relative;overflow:auto;clear:both;}
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:16px;color:#fff;position:fixed;top:-100px;left:-3000px;background:#333;line-height:26px;padding:0 6px;color:#DDDCDC;white-space:nowrap;}
#navAccess a:focus{left:0;top:0;outline:none;border:1px solid #fff;}
a#showmenu{display:none;}

nav ul li{display:inline-block;vertical-align:middle;}
nav ul li a{color:#fff;border-right:1px solid #655e55;text-transform:uppercase;text-decoration:none;display:block;font-size:14px;padding:10px 15px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
nav ul li a:hover, nav ul li a:focus{color:#fff;background-color:#9ebd1c;outline:none;text-decoration:none;}
nav .current-menu-item{background-color:#9ebd1c;}
.menulifixeright{float:right;}
.menulifixeright>a{background-color:#A59B8E;border:none;}
nav .menulifixeright.current-menu-item{background-color:#9ebd1c;}

nav ul li ul{display:none;}
nav ul li:hover ul{display:block;}

#breadcrumbs{font-size:14px;width:75%;float:right;margin:-20px 0 35px 0;}
#breadcrumbs a:hover{text-decoration:underline;}

#actualites a{color:#bf4917;font-weight:bold;font-size:14px;text-decoration:underline;}
#actualites{color:#bf4917;font-weight:bold;font-size:14px;}
#actualites img.imgactus{width:70%;height:auto;border:1px solid #dedede;display:block;margin-top:15px;}

.pageTitle{width:75%;float:right;margin-bottom:20px}
.content{width:75%;float:right;overflow: auto;position:relative;}
.sidebar{width:20%;float:left; font-size: 14px;}
.sidebar .title{font-weight: 600; margin-bottom: 10px}
.sidebar a.btsidebar{padding:6px 2px 6px 7px;background-color:#a0be20;display:block;margin-bottom:4px;color:#fff;border-radius:4px 4px 4px 0; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
.sidebar a.btsidebar:hover, .sidebar a.btsidebar:focus{padding:6px 2px 6px 12px;outline:none;text-decoration:none;}
.sidebar a{line-height:22px;}

input, textarea{font-size:14px;font-family:arial;border:1px solid #C0C0C0;margin-bottom:15px;color:#585858;border-radius:5px;padding:10px 12px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
textarea{height:90px;}
input:hover,input:focus,textarea:hover,textarea:focus{outline:none;border-color:#585858;}
label{display:block;}
input[type=submit]{width:auto !important;cursor:pointer;color:#fff;background-color:#C0C0C0;display:inline-block;text-align:center;padding:10px 26px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
input[type=submit]:hover,input[type=submit]:focus{outline:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}

.page-id-17 input[type=text], .page-id-17 input[type=email], .page-id-17 textarea{ width:70% !important; }
.page-id-17 input[type=submit]{width:auto;}

/************************************************************************************** Styles perso */

body { font-family: 'Source Sans Pro', sans-serif; color: #70695f; background:#eae8d4 url("img/bg.jpg") top center fixed; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

h1 { color: #9ebd1c; }
strong { font-weight: 600; }

#main { width: 96%; max-width: 1020px; background: #fff url("img/bg-main.png") top left no-repeat; margin: 20px auto; border-top: 7px solid #9ebd1c; border-bottom: 7px solid #9ebd1c; overflow: hidden; }

header { overflow: hidden; }
header .logo { float: left; margin-bottom: 40px; }
header .logo img { display: block; }
header span { font-size: 15px; line-height: 44px; float: left; border-left: 1px solid #dedede; margin: 16px 20px; padding: 0 17px 0 65px; background: url("img/france-fabrication-francaise-dijon.png")no-repeat 10px center; }
header .contactHeader { float: right; font-size: 14px; text-align: right }
header .contactHeader .form a { color: #70695f; background: url("img/icon-mail.png") center left no-repeat; padding-left: 24px; line-height: 25px; font-weight: 400 }

nav { background: #70695f url("img/shadow.png") center top no-repeat; overflow: auto; clear: both; }
nav ul li{ float: left; }

.slider { padding: 0 !important; margin: -30px auto 30px auto !important; width:100%;max-width:960px;margin:0 auto;padding:40px 0;position:relative;}
.slider img { max-width:100%; height:auto; }
.slider .title { position: absolute; cursor: default; top: 40px; margin-left: 40px; text-transform: uppercase; font-size: 32px; line-height: 34px; color: #fff; font-weight: 600; }
.slider .soustitle { position: absolute; cursor: default; bottom: 40px; margin-left: 40px; color: #fff; }
.slider:after{ position:absolute; float:right; content:''; width:50px; height:80%; background: url("img/wood-big.jpg"); top:10%; right:-49px; }
.slider:before{ position:absolute; float:right; content:''; width:50px; height:80%; background: url("img/wood-big.jpg"); top:10%; left:-49px; }

.bardageimg{margin:-11px 0 0 45px;}
aside { border-top: 1px solid #e2ddd3; padding-top: 10px; }

.recapModele img { border-radius: 20px 20px 0 0; display: block; width: 100%; height: auto; }
.recapModele .number { display: block; position: absolute; margin: -17px 0 0 10px; width: 40px; line-height: 35px; border-radius: 10px 0 10px 10px; color: #fff; font-size: 25px; text-align: center; }
.recapModele .title { padding-left: 60px; font-size: 25px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }

.formindic{font-size:12px;color:#C0C0C0;position:absolute;top:32px;left:44px;}

.content ul.modelesAccueil{list-style-type:none;clear:both;overflow:auto;padding:0;}
.modelesAccueil li { position: relative; float: left; width:70px; margin:0 5px 0 0; }
.modelesAccueil li img, .recapModele img { display: block; width: 100%; height: auto; }
.modelesAccueil li a { text-decoration: none; border:1px solid #fff; display:block; }
.modelesAccueil li a:focus{ outline:none; border:1px solid #9ebd1c; }

/*
.modelesAccueil li .link { font-size: 14px; padding: 5px 0; line-height: 14px; border-radius: 0 0 20px 0; padding-left: 60px; color:#fff; background: url("img/wood-small.jpg") center top; transition:padding .2s;-moz-transition:padding .2s;-webkit-transition:padding .2s;-o-transition:padding .2s; }
.modelesAccueil li .number, .recapModele .number { display: block; position: absolute; margin: -17px 0 0 10px; width: 40px; line-height: 35px; border-radius: 10px 0 10px 10px; color: #fff; font-size: 25px; text-align: center; }
.modelesAccueil li .title, .recapModele .title { padding-left: 60px; font-size: 25px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
.modelesAccueil li a:hover .title, .modelesAccueil li a:focus .title{ padding-left:70px; }
.modelesAccueil li a:hover .number, .modelesAccueil li a:focus .number{ margin: -19px 0 0 8px; border:2px solid #fff; }
.modelesAccueil li a:hover .link, .modelesAccueil li a:focus .link{ padding-left:70px; }
.modelesAccueil li.campagna a:hover .link, .modelesAccueil li.campagna a:focus .link{ background:#a0be20; }
.modelesAccueil li.phenix  a:hover .link, .modelesAccueil li.phenix a:focus .link{ background:#6b852b; }
.modelesAccueil li.capucin a:hover .link, .modelesAccueil li.capucin a:focus .link{ background:#bf4917; }
.modelesAccueil li.ambre a:hover .link, .modelesAccueil li.ambre a:focus .link{ background:#681c20; }
.modelesAccueil li.cottage a:hover .link, .modelesAccueil li.cottage a:focus .link{ background:#f5be05; }
.modelesAccueil li.grand-duc a:hover .link, .modelesAccueil li.grand-duc a:focus .link{ background:#ad2117; }
.modelesAccueil li.antares a:hover .link, .modelesAccueil li.antares a:focus .link{ background:#d62d1e; }
.modelesAccueil li.capri a:hover .link, .modelesAccueil li.capri a:focus .link{ background:#70695f; }
.modelesAccueil li.design a:hover .link, .modelesAccueil li.design a:focus .link{ background:#8d1f27; }
*/

.campagna .number { background: #a0be20; }	.campagna .title, .choixModele .campagna label span, .choixSurface .campagna label span, .choixFinition .campagna label span strong { color: #a0be20; }		.choixModele .campagna label span { border-left: 2px solid #a0be20; }
.phenix .number { background: #6b852b; }	.phenix .title, .choixModele .phenix label span, .choixSurface .phenix label span, .choixFinition .phenix label span strong { color: #6b852b; }				.choixModele .phenix label span { border-left: 2px solid #6b852b; }
.capucin .number { background: #bf4917; }	.capucin .title, .choixModele .capucin label span, .choixSurface .capucin label span, .choixFinition .capucin label span strong { color: #bf4917; }			.choixModele .capucin label span { border-left: 2px solid #bf4917; }
.ambre .number { background: #681c20; }		.ambre .title, .choixModele .ambre label span, .choixSurface .ambre label span, .choixFinition .ambre label span strong { color: #681c20; }					.choixModele .ambre label span { border-left: 2px solid #681c20; }
.cottage .number { background: #f5be05; }	.cottage .title, .choixModele .cottage label span, .choixSurface .cottage label span, .choixFinition .cottage label span strong { color: #f5be05; }			.choixModele .cottage label span { border-left: 2px solid #f5be05; }
.grand-duc .number { background: #ad2117; }	.grand-duc .title, .choixModele .grand-duc label span, .choixSurface .grand-duc label span, .choixFinition .grand-duc label span strong { color: #ad2117; }	.choixModele .grand-duc label span { border-left: 2px solid #ad2117; }
.antares .number { background: #d62d1e; }	.antares .title, .choixModele .antares label span, .choixSurface .antares label span, .choixFinition .antares label span strong { color: #d62d1e; }			.choixModele .antares label span { border-left: 2px solid #d62d1e; }
.capri .number { background: #70695f; }		.capri .title, .choixModele .capri label span, .choixSurface .capri label span, .choixFinition .capri label span strong { color: #70695f; }					.choixModele .capri label span { border-left: 2px solid #70695f; }
.design .number { background: #8d1f27; }	.design .title, .choixModele .design label span, .choixSurface .design label span, .choixFinition .design label span strong { color: #8d1f27; }				.choixModele .design label span { border-left: 2px solid #8d1f27; }

.preFooter { background: #f4f0e7; box-shadow: inset 0 0 20px rgba(0,0,0,.1); }
.w50 .title { font-weight: 600; border-bottom: 1px solid #e2ddd3; margin-bottom: 20px; padding-bottom: 10px; }
.preFooter li { line-height: 30px; }
.smallHome { background: #70695f url("img/cache-home-small.png") center center no-repeat; color: #fff; text-align: center; margin: 3px 5px 0 0; width: 20px; line-height: 22px; display: block; float: left; }
.preFooter .orange { color: #bf4917; }	.preFooter .orange .smallHome { background-color: #bf4917; }
.preFooter .vert { color: #9ebd1c; }	.preFooter .vert .smallHome { background-color: #9ebd1c; }
.preFooter .rouge { color: #ad2117; }	.preFooter .rouge .smallHome { background-color: #ad2117; }

/* Formulaires */
.choixModele .wpcf7-list-item-label, .choixSurface .wpcf7-list-item-label{opacity:0;visibility:hidden;position:absolute !important;top:0;left:0;}

#tabs .content ul.ui-tabs-nav { overflow: auto; padding: 0 40px; margin-bottom: 40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpieHT3MkCAAQAFNwKTVixDXAAAAABJRU5ErkJggg==) repeat-x center bottom; }
a.ui-tabs-anchor { float: left; background: #e2ddd3; text-decoration: none; padding: 10px 15px; margin-right: 20px; font-weight: 400; color: #70695f; border: 1px solid #e2ddd3; border-bottom: 0; }
li.ui-state-active a.ui-tabs-anchor { background: #fff; }

p.etape { font-size: 20px; color: #a0be20; line-height: 35px; margin-bottom: 30px; }
p.etape span { display: block; float: left; width: 32px; text-align: center; margin-right: 10px; color: #fff; background: url("img/home-medium-green.png") center center no-repeat; }

.choixModele, .choixSurface, .choixFinition, .recap { overflow: auto; }
.choixModele li input, .choixSurface li input, .choixFinition li input { display: none; }
.choixModele li label, .choixSurface li label, .choixFinition li label { box-shadow: inset 0 0 0 1px #e2ddd3; overflow: hidden; cursor: pointer; border-radius: 10px 10px 10px 0; position: relative; }
.choixModele li label:hover, .choixSurface li label:hover, .choixFinition li label:hover { box-shadow: inset 0 0 0 2px #70695f; }
.choixModele li input:checked+label, .choixSurface li input:checked+label , .choixFinition li input:checked+label { box-shadow: inset 0 0 0 2px #9ebd1c; background: url("img/tick.png") no-repeat top right; }

.choixModele li label { float: left; width: 31%; margin: 0 2% 2% 0; }
.choixModele li label img { padding: 10px 0 10px 15px; float: left; max-width:75%; }
.choixModele li label span { float: left; margin: 26px 0 10px 7px; border-left: 2px solid #70695f; padding-left: 5px; text-transform: capitalize; font-weight: 600; }
.choixModele li label span strong { display: block; }
.choixModele li label a { clear: both; background: rgba(112,105,95,.2); color: #70695f; text-align: right; display: block; font-weight: 400; font-size: 12px; padding: 2px 10px 4px 10px; }

.choixSurface li label { float: left; width: 23%; margin: 0 2% 2% 0; text-align: center; }
.choixSurface li label span { font-size: 20px; padding: 5px 0 }
.choixSurface li label span strong { font-size: 40px; font-weight: 600; }

.choixFinition li label { padding: 10px 35px 10px 10px; margin-bottom: 10px; }
.choixFinition li label span  { font-size: 14px; }
.choixFinition li label span strong { float: left;     margin-bottom: 40px;min-width: 160px; line-height: 40px; font-size: 26px; text-transform: capitalize; padding: 0 10px; }

.recap{min-height:230px;overflow:hidden;}
.recap li { float: left; width: 32%; margin: 0 2% 2% 0; }
.recapModele img { border-radius: 20px 20px 20px 0; }
.recap .recapModele .title,.recap .recapModele .number { text-transform: capitalize; font-weight: 600; }
.recap .recapInfos span { font-weight: 600; }
.recap .recapInfos hr { margin: 7px 0; width: 85%; }
.recap .rev span, .recap .fin span { text-transform: capitalize; }
.recap .recapPlus { margin: 0 0 5% 0; position: relative; padding: 20px 0; border-radius: 20px 20px 20px 0; box-shadow: inset 0 0 0 1px #e2ddd3; }
.recap .recapPlus p { padding: 3px 20px; display: block; }
.recap .recapPlus img { position: absolute; bottom: -30px; right: 20px; }

.formText { float: left; width: 32%; margin: 0 2% 0 0; }
.formText.formTextchild3 { margin: 0 0 0 0; }
.formText input, .formText select, .formText textarea { display: block; width: 93%; padding: 3%; border-radius: 5px; border-color: #e2ddd3; margin-top: 5px; }
input:hover, select:hover, .formText textarea:hover { border-color: #70695f; }
input:focus, select:focus, .formText textarea:focus { border-color: #a0be20; outline: none; }

#tabs input[type=submit]{padding:15px 26px;}
#tabs .formText select{height:34px;border-radius: 5px;}

.formText input.wpcf7-not-valid{ border-color: #ff3a28; }
#tabs div.wpcf7-response-output{width:68.5%;float:right;margin:0 31px 35px 0;padding:1%;border:none;border-radius:4px;}
#tabs .wpcf7-validation-errors{background-color:#f7e700;color:#333;border:none;}
#tabs .wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;border:none;}
span.wpcf7-not-valid-tip{display:none;}

.inputfileplus input[type=file]{margin-top:25px;margin-bottom:0;}
.addfile{height:18px;background-color:#E9E9E9;color:#585858;padding:7px 14px;font-size:14px;font-family:arial;float:left;display:block;border-radius:5px;margin-top:5px;font-weight:normal;border:1px solid #C0C0C0;}
.addfile:hover, .addfile:focus{text-decoration:none;outline:none;color:#585858;border-color:#585858;}
.delfile{font-size: 12px;}

.surform{ box-shadow: inset 0 0 0 1px #e2ddd3; overflow: hidden; border-radius: 10px 10px 10px 0; position: relative; float: left; width: 23.5%; margin: 25px 2% 2% 0; text-align: center; }
.surform span{ color: #a0be20; padding: 5px 0; font-size: 25px; font-weight: 600; }

/* Contact */
#bloc-map{border:2px solid #CFC9BA;overflow:hidden;}
#map_canvas{width:716px;height:220px;}

/* Slider Swiper */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}
.swiper-wrapper{position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper{
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin:0 auto;
}
.swiper-slide{float:left;}
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
.swiper-container{width:100%;height:100%;}
.swiper-slide{width:100%;height:100%;}
.swiper-slide-active{}
.swiper-slide-visible{}
.slider-pagination{position: absolute; bottom: 20px; right: 20px; z-index: 90; border-radius: 5px 5px 5px 0; background: rgba(0,0,0,.3); padding: 2px;}
.swiper-pagination-switch{display: block; width: 12px; height: 12px; background: #fff; border-radius: 5px 5px 5px 0; float: left; border: solid 2px #fff; margin: 2px; cursor: pointer;}
.swiper-pagination-switch:hover{background:#ddd;}
.swiper-active-switch{background:#a0be20;}
.swiper-visible-switch{}

/************************************************************************************** Responsive */

@media (min-width:1060px) {

	.w50 { width: 48%; margin-right: 4%; float: left; }
	.w50:nth-child(2n) { margin-right: 0; }

	/* .modelesAccueil li:nth-child(3n), .choixModele li:nth-child(3n) label { margin: 0 0 2% 0; } */
	.choixSurface li:nth-child(4n) label { margin: 0 0 2% 0; }
	.formText:nth-child(3n) { margin: 0; }

	footer { background: url("img/wood-big.jpg") center -75px no-repeat; padding: 20px 0 10px 0; }
	footer .centerdiv { padding: 0; }
	footer .coords { background: #fff; overflow: auto; padding: 20px; border-radius: 0 20px 20px 20px; }
	footer .coords ul { float: left; margin: 10px 30px 0 10px; font-size: 14px; }
	footer .coords .logo { float: right; }
	footer .coords .logo img { display: block; }
	footer .navFooter { text-align: center; padding: 35px 0 0 0; }
	footer .navFooter li { display: inline-block; }
	footer .navFooter li a { font-weight: 400; color: #70695f; font-size: 14px; padding: 0 5px; }

}

@media (min-width:769px) and (max-width:1059px) {
	
	h1{ font-size:28px }
	.centerdiv{ padding:40px 2%; width: 96%; }

	.slider .title { font-size: 30px; line-height: 25px; top: 30px; margin-left: 30px; }
	.slider .soustitle { bottom: 30px; margin-left: 30px; }

	/*.modelesAccueil li:nth-child(3n) { margin: 0 0 2% 0 !important; }
	.modelesAccueil li .link { font-size: 12px; padding-left: 54px; }
	.modelesAccueil li .number { margin: -17px 0 0 6px; }
	.modelesAccueil li .title { font-size: 22px; padding-left: 54px; }*/

	.w50 { width: 48%; margin-right: 4%; float: left; font-size: 14px; }
	.w50:nth-child(2n) { margin-right: 0; }

	footer { background: url("img/wood-big.jpg") center -75px no-repeat; padding: 20px 0 10px 0; }
	footer .centerdiv { padding: 0; }
	footer .coords { background: #fff; overflow: auto; padding: 20px; border-radius: 0 20px 20px 20px; }
	footer .coords ul { float: left; margin: 10px 30px 0 10px; font-size: 14px; }
	footer .coords .logo { float: right; }
	footer .coords .logo img { display: block; }
	footer .navFooter { text-align: center; padding: 35px 0 0 0; }
	footer .navFooter li { display: inline-block; }
	footer .navFooter li a { font-weight: 400; color: #70695f; font-size: 14px; padding: 0 5px; }

}

@media (min-width:481px) and (max-width:768px) {
	
	h1{ font-size:22px }
	.centerdiv{ padding:40px 3%; width: 94%; }
	#breadcrumbs{float:left;}

	.slider .title { font-size: 20px; line-height: 16px; top: 20px; margin-left: 20px; }
	.slider br:nth-child(odd) { display: none; }
	.slider .soustitle { bottom: 20px; margin-left: 20px; }

	.pageTitle{ width:100%; }
	.content{ width:100%; float:right; }
	.sidebar{ width:100%; float:left; margin-top: 20px; }

	header .logo { margin: 0 auto; float: none; display: block; text-align: center; }
	header .logo img { display: inline-block; }
	header span { background:none; line-height: auto; max-width: 80%; float: none; border: 0; border-bottom: 1px solid #e2ddd3; display: block; margin: 0 auto 20px auto; padding: 0; text-align: center; }
	header .contactHeader { float: none; text-align: left; clear: both; text-align: center; margin-bottom: 20px; }
	header .contactHeader li { display: inline-block; }
	header .contactHeader li:nth-child(2) { margin: 0 10px; }
	header .contactHeader .form { display: block; }

	nav { background: #70695f; overflow: auto; clear: both; }
	nav ul { overflow: auto; }
	nav ul li { display: block !important; width: 50%; }
	nav ul li a { border-bottom: 1px solid #655e55; display: block !important; }

	/*.modelesAccueil li:nth-child(3n) { margin: 0 0 2% 0 !important; }
	.modelesAccueil li .link { font-size: 12px; padding-left: 10px; padding-bottom: 15px }
	.modelesAccueil li .number { margin: -10px 0 0 6px; font-size: 15px; width: 35px; line-height: 25px; border-radius: 5px 0 5px 5px; }
	.modelesAccueil li .title { font-size: 16px; padding-left: 44px; }*/

	.bardageimg{display:none;}

	.w50 { margin-top: 30px; }
	.w50:first-child { margin-top: 0; }

	footer { background: url("img/wood-big.jpg") center 0px no-repeat; padding: 20px 0 10px 0; }
	footer .centerdiv { padding: 0; }
	footer .coords { background: #fff; overflow: auto; padding: 20px; border-radius: 0 20px 20px 20px; }
	footer .coords ul { float: left; margin: 10px 30px 20px 10px; font-size: 14px; }
	footer .coords .logo { float: left; clear: both; }
	footer .coords .logo img { display: block; }
	footer .navFooter { text-align: center; padding: 35px 0 0 0; }
	footer .navFooter li { display: block; width: 49%; float: left; text-align: left; margin: 0 2% 2% 0; }
	footer .navFooter li:nth-child(2n) { margin-right: 0; }
	footer .navFooter li a { font-weight: 400; border-radius: 0 5px 5px 5px; color: #70695f; font-size: 14px; padding: 5px; background: #eee; display: block; }

}

@media (max-width:480px) {
	
	h1{ font-size: 18px; max-width: 80%; float: left !important; }
	#breadcrumbs{float:left;margin:-20px 0 15px 0;}
	.centerdiv{ padding:30px 4%; width: 92%; }

	.slider { margin-top: -20px !important; }
	.slider img { display: block; }
	.slider .title { position: absolute; margin: 0; display: block; top: 0; background: rgba(112,105,95,.8); font-size: 18px; line-height: 20px; padding: 10px 20px; }
	.slider .soustitle { position: relative; margin: 0; display: block; bottom: auto; background: #e2ddd3; padding: 10px 20px; }
	.slider br:nth-child(odd) { display: none; }
	.slider-pagination { display: none; }
	.slider a { text-decoration: none; }

	.pageTitle{ width:100%; }
	.content{ width:100%; float:right; }
	.sidebar{ width:100%; float:left; margin-top: 20px; }

	header .logo { margin: 0 auto; float: none; display: block; text-align: center; }
	header .logo img { display: inline-block; }
	header span { background:none; font-size: 12px; line-height: auto; max-width: 90%; float: none; border: 0; border-bottom: 1px solid #e2ddd3; display: block; margin: 0 auto 20px auto; padding: 0; text-align: center; }
	header .contactHeader { float: none; text-align: left; clear: both; text-align: center; margin-bottom: 20px; }
	header .contactHeader li { display: inline-block; }
	header .contactHeader li:nth-child(2) { margin: 0 10px; }
	header .contactHeader .form { display: block; }

	nav { background: #70695f; overflow: auto; clear: both; }
	nav ul { overflow: auto; display:none; }
	nav ul li { display: block !important; width: 100%; }
	nav ul li a { border: 0; border-bottom: 1px solid #655e55; display: block !important; }

	a#showmenu{display:block;background-color:#9ebd1c;margin-bottom:1px;letter-spacing:1px;color:#fff;padding:10px 15px;text-align:center;}
	a#showmenu:hover, a#showmenu:focus{outline:none;text-decoration:none;}
	
	/*.modelesAccueil li { width: 49%; margin: 0 2% 2% 0; }
	.modelesAccueil li:nth-child(2n) { margin: 0 0 2% 0 !important; }
	.modelesAccueil li .link { font-size: 12px; padding-left: 10px; padding-bottom: 15px }
	.modelesAccueil li .number { margin: -10px 0 0 6px; font-size: 15px; width: 35px; line-height: 25px; border-radius: 5px 0 5px 5px; }
	.modelesAccueil li .title { font-size: 16px; padding-left: 44px; }

	.modelesAccueil li a:hover .title, .modelesAccueil li a:focus .title{ padding-left:44px; }
	.modelesAccueil li a:hover .number, .modelesAccueil li a:focus .number{ margin: -10px 0 0 6px; border:none; }
	.modelesAccueil li a:hover .link, .modelesAccueil li a:focus .link{ padding-left:10px; }*/

	#tabs .content ul.ui-tabs-nav { padding: 0; margin-bottom: 20px; background: none; }
	a.ui-tabs-anchor { padding: 10px 5%; width:88%; margin-right: 0px; margin-bottom: 2px; border: 1px solid #e2ddd3; }
	.choixSurface li label {width: 48%;}
	.formText {width: 48%;}
	.recap {min-height: 720px;}
	.recap li {width: 100%;margin:0 0 30px 0 !important;}

	.bardageimg{display:none;}
	
	.w50 { margin-top: 30px; font-size: 12px; }
	.w50:first-child { margin-top: 0; }

	footer { background: url("img/wood-big.jpg") center top; padding: 20px 0 10px 0; }
	footer .centerdiv { padding: 0; }
	footer .coords { background: #fff; overflow: auto; padding: 20px; border-radius: 0 20px 20px 20px; }
	footer .coords ul { float: left; margin: 0 30px 10px 10px; font-size: 14px; }
	footer .coords .logo { float: left; clear: both; }
	footer .coords .logo img { display: block; }
	footer .navFooter { text-align: center; padding: 15px 0 0 0; }
	footer .navFooter li { display: block; width: 49%; float: left; text-align: left; margin: 0 2% 2% 0; }
	footer .navFooter li:nth-child(2n) { margin-right: 0; }
	footer .navFooter li a { font-weight: 400; border-radius: 0 5px 5px 5px; color: #70695f; font-size: 14px; padding: 5px; background: #eee; display: block; }

}