/*************  COMMONS   *************/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
	margin:0; padding:0; width:100%; height:100%;
	font-size:16px;
}
body {
	background:#FFF; color: #333333;
	font-family: 'Roboto', sans-serif;
	margin:0; padding:0;
}
#wrapper {
	width:100%; max-width:1200px; 
	margin:10px auto;
}
.bold {
	font-weight:bold; 
}
/***************  MENU   ***************/
#firstDiv {
	background:#272526;
	width:100%;
	height:15px;
}
#menuDiv {
	width:100%; 
	height:125px;
}
#menuBG {
	background: url(../img/bg-site.png);
	height:75px;
	width:100%;
	z-index:-1;
	position:absolute;
}
#menuWrapper {
	width:100%; max-width:1200px; 
	margin:0 auto;
}
#logo, #menu, #slogan {
	float:left;
}
#menu {
	height:75px;
}
#menu ul {
	list-style: none;
	margin:0;
	padding-left:0px;
}
#menu ul li {
	display:inline-block;
	/*width:120px;*/
	padding:0 10px;
	color:#b19451;
	cursor: pointer;
	line-height:75px;
	text-align:center;
	font-weight:bold;
}
#menu ul li:first-child {
	padding-left:20px;
}
#tarifs table td { padding:5px 0; }
.menuCurrent {
	color:#FFF !important;
}
.menuDouble {
	/*width:250px !important;*/
}
#menu ul li:hover {
	color:#FFF;
}
#slogan {
	height:50px;
	line-height:50px;
	padding-left:30px;
	font-weight:normal;
}
/**************  SLIDER   **************/
#sliderDiv {
	clear:both;
	text-align:center;
}
#sliderText {
	text-align:right;
	color:#b19451;
	margin-bottom:10px;
}
#slider {
	position: relative;
}
#slider img {
	border:10px solid #333;
}
#slider ul {
	padding-left:0;
}
#slider li {
	display:none;
}
#slider .current {
	display:block !important;
}
#sliderPrev {
	position:absolute; bottom:12px; left:10px; z-index:10; width:140px; height:40px; background:rgba(51,51,51,0.8); color:#FFF; text-align:center; line-height:40px; cursor:pointer;
}
#sliderNext {
	position:absolute; bottom:12px; right:10px; z-index:10; width:140px; height:40px; color:#FFF; text-align:center; line-height:40px; cursor:pointer;
}
#sliderContent {
	position:absolute;
	bottom:12px;
	right:10px;
	width:400px; height:250px;
	background:rgba(51,51,51,0.8);
	color:#FFF;
	padding:20px;
}
#sliderEmptyContent {
	position:absolute; bottom:12px; right:10px; width:140px; height:40px; background:rgba(51,51,51,0.8);
}
#sliderContent h2 {
	font-size:1.2rem;
	color:#b19451;
	margin-top:0;
	font-weight:normal;
}
#sliderContent p {
	font-size:0.9rem;
	text-align:justify;
}
#sliderContent a {
	color:#FFF;
	text-decoration:underline;
}
#sliderContent a:hover {
	color:#b19451;
}
/************  RECHERCHE   ************/
#searchDiv {
	margin: 40px auto;
	text-align:center;
}
select {
    padding:3px;
    margin: 0;
    min-height:40px;
    min-width:250px;
    background: #e3e2df;
    color:#888;
    border:1px solid #333;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    text-align:center;
    padding-top:10px;
    font-size:0.8rem;
    border-radius:0px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}
#searchSelect {
	position:relative;
	margin-right:20px;
	display:block;
	float:left;
}
#searchSelect:after {
    content:'>';
    font:30px "Consolas", monospace;
    color:#FFF;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:7px; top:-5px;
    width:38px;
    height:49px;
    text-align:center;
    line-height:45px;
    background:#958572;
    position:absolute;
    pointer-events:none;
}
#searchSelect:before {
    content:'';
    right:6px; top:6px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
label {
	color: #888;
}
input {
	min-height:30px;
    width:100px;
    background: #e3e2df;
    color:#888;
    border:1px solid #333;
    margin:0 5px;
    text-align:center;
    font-size:0.8rem;
}
#categoryID {
	margin-left:35px;
}
#adresse, #type {
	margin-left:13px;
}
#priceMax {
	margin-right:30px;
}
#reference {
	width:100px; margin-left:30px;
}
#searchButton {
	background: #3a3a3a; /* Old browsers */
	background: -moz-linear-gradient(top, #3a3a3a 0%, #2d2d2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3a3a3a 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3a3a3a 0%,#2d2d2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a3a3a 0%,#2d2d2d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3a3a3a 0%,#2d2d2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	color:#AAA;
	width:135px;
}
/*************  ELEMENTS   ************/
#wrapperElements {
	width:70%; float:left;
	min-height:900px;
}
#elementsDiv {
	-webkit-box-shadow: 0 0 5px 3px rgba(51,51,51,0.3);
	box-shadow: 0 0 5px 3px rgba(51,51,51,0.3);
	width:100%;
	padding:5%;
	margin:30px 0;
	position: relative;
}
#elementsDiv h2 {
	color: #958572;
	float:left;
	margin:0;
	font-size:1.1rem;
}
#elementsAdresse {
	position:absolute;
	top:40px; right:-11px;
	width:190px; height:40px;
	line-height:30px;
	text-align:center;
	padding-left:30px;
	color:#FFF;
	background:url(../img/ribbon-brown.png);
}
.elementsPrice {
	position:absolute;
	bottom:25px; left:-11px;
	width:190px; height:40px;
	line-height:30px;
	text-align:center;
	padding-right:10px;
	color:#FFF;
	background:url(../img/ribbon-brown-left.png);
}
#elementsDivContent {
	clear:both;
	padding-top:20px;
}
#elementsDivContent img {
	float:left;
	margin:0 15px 15px 0;
}
#elementsDivContent p {
	margin:0;
}
#elementsDivContent p span {
	margin-bottom:10px;
	display:inline-block;
	font-size:1rem;
}
.elementsDesc, .elementDesc {
	min-width:30%;
}
#elementsCompromisIMG {
	position:absolute; top:-15px; left:-15px;
}
#elementsDivContent a {
	text-align:right;
	display:block;
	clear:both;
	color:#333;
}
#elementsDivContent a:hover {
	text-decoration:none;
	color:#AAA;
}
/**************  ELEMENT   ************/
#wrapperElement {
	width:70%; float:left;
}
#elementDiv {
	width:100%;
	padding:20px;
	margin:30px 0;
	position:relative;
	border:1px solid rgba(51,51,51,0.7);
}
#elementCompromisIMG {
	position:absolute; top:-15px; left:-15px;
}
#elementDiv h2 {
	color: #958572;
	float:left;
	margin:0;
	font-size:1.1rem;
}
#elementAdresse {
	float:right;
	padding-top:7px;
}
#elementDivContent {
	clear:both;
	padding-top:10px;
}
#elementDivContent img {
	float:left;
	margin-right:10px;
}
#elementCarac, #elementDownloads, #promoTablesDiv {
	border-bottom:1px solid rgba(51,51,51,0.4);
}
#elementEcologie {
	border-top:1px solid rgba(51,51,51,0.4); padding-top:30px;
}
#elementDescription, #elementDownloads, #promoTablesDiv, #elementEcologie {
	margin-top:30px;
}
#elementDownloads a {
	color: #333;
	cursor:pointer;
	text-decoration:none;
}
#elementPictures {
	float:left;
	width:45%;
}
#elementPictures img {
	float:left;
	margin:1px;
}
#elementInfos {
	clear:both;
	padding-top:30px;
}
#elementInfosLeft, #elementInfosRight {
	float:left; width:46%; padding:2%;
}
#elementInfosRight {
	text-align:right;
}
#elementDivContent p {
	margin:0;
}
#elementDivContent p span {
	margin-bottom:10px;
	display:inline-block;
	font-size:1rem;
}
/**************  ACCES   **************/
#accesDiv {
	margin:40px 0 40px 0;
	cursor: pointer;
}
#accesDiv div {
	display:inline-block;
	margin-left:30px;
}
#accesDiv div:first {
	margin-left:0px;
}
#accesDiv h3 {
	font-weight:normal;
	text-align:center;
	margin-top:0px;

}
/**************  ACCESRight   **************/
#accesRightDiv {
	margin-left:5%;
	width:25%;
	float:right;
	cursor: pointer;
}
#accesRightDiv div {
	display:inline-block;
	margin-left:30px;
	margin-top:30px;
}
#accesRightDiv div:first {
	margin-left:0px;
}
#accesRightDiv h3 {
	font-weight:normal;
	text-align:center;
	margin-top:0px;

}
/*************  CONTACT   *************/
#contactDiv {
	background: #e9e7e2;
	height:90px;
	padding:25px 0;
	margin-top:30px;
}
#contactDiv div {
	display:inline-block;
	margin-left:30px;
	width: 260px;
	color: #88796b;
	text-align:center;
	vertical-align: middle;
	cursor: pointer;
}
#contactDiv div:first {
	margin-left:0px;
}
#contact3Div, #contact4Div {
	padding-top:5px;
}
#contact3Div img {
	vertical-align: middle; margin-right:10px;
}
#contact4Div img {
	margin:0 10px;
}

/**********  MEDIA QUERIES   **********/
@media (max-width:1280px) { /* hi-res laptops and desktops */ 
	/* MENU UNE LIGNE REDUIT */
	#menu ul li {
		width:90px;
	}
	.menuDouble {
		width:240px !important;
	}
	/* WRAPPER 100% */
	#wrapper {
		width:100%;
		max-width:100% !important;
	}
	#sliderDiv {
		width:90%;
		margin:0 auto;
	}
	#slider img {
		width:100%;
	}
	.clearAlign2 {
		clear:both;
		display: block !important;
		height:30px;
	}
	#wrapperElements, #wrapperElement {
		width:100%;
	}
	#elementsDiv {
		margin:30px auto;
	}
	/* SEARCH FORM */
	#searchDiv form {
		width:600px;
		margin:auto;
	}
	select#categoryID, select#type {
		margin-left: 30px;
	}
	/* ACCES DIV */
	#accesDiv, #accesRightDiv {
		width:560px;
		margin:auto;
		clear:both;
		float:none;
	}
	#acces1Div, #acces3Div {
		margin-left:0px !important;
	}
	/* CONTACT DIV */
	#contactDiv {
		width:600px; 
		margin:auto;
		height:auto;
		padding:25px 0;
	}
}
@media (max-width:900px) {
	#menu {
		display:none;
	}
	#mobileMenu {
		display:block !important;
		clear:both;
		text-align:center;
		margin-top:20px;
		background: #333;
		color:#FFF;
	}
	#menuDiv {
		height:auto;
	}
	#menuButton {
		padding:15px;
		color:#FFF;
		width:90%;
		margin:auto;
	}
	#mobileMenu ul {
		list-style: none;
		padding:0;
	}
	#mobileMenu ul li {
		padding:10px;
		border-bottom:1px solid #AAA;
	}
	.menuDouble {
		width:100% !important;
	}
	#slogan {
		width:70%;
		line-height:20px; 
		margin-top:85px;
		margin-bottom:25px;
	}
	#elementFirstPic {
		margin:auto;
		display:block;
		text-align:center;
	}
	#elementFirstPic img {
		float:none;
	}
	#elementPictures {
		float:none;
		margin:auto;
		width:100%;
		text-align:center;
	}
	#elementPictures a {
		display: inline-block;
	}
	#sliderContent {
		display:none;
	}
	#sliderNext {
		background: rgba(51,51,51,0.8);
	}
}
@media (max-width:640px) {
	html {
		font-size:14px;
	}
	.clearAlign1 {
		clear:both;
		display: block !important;
		height:30px;
	}
	#menuBG {
		height:40px;
	}
	#logo img {
		width:110px;
	}
	#slogan {
		margin-top:45px;
	}
	/* SEARCH FORM */
	#searchDiv form#formFull {
		display:none;
	}
	#searchDiv form#formHalf {
		width:260px;
		margin:auto;
		display:block !important;
	}
	select#categoryID, select#type {
		margin-left: 8px;
	}
	form #priceMax {
		margin-right:0px;
	}
	#watchMore, #watchLess {
		margin-bottom:20px;
	}
	/* ELEMENTS */
	#elementsDivContent img {
		width:150px;
	}
	#elementsAdresse {
		top:5px;
	}
	.elementsPrice {
		bottom:-2px;
	}
	#elementsDiv h2 {
		margin-top:20px;
	}
	/* ACCES DIV */
	#accesDiv, #accesRightDiv {
		display:none;
	}
	/* CONTACT DIV */
	#contactDiv {
		width:260px; 
		margin:auto;
		height:auto;
		padding:25px 0;
	}
	#contactDiv div {
		margin-left:0px;
	}
}
@media (max-width:480px) { 
	html {
		font-size:12px;
	}
	#menuBG {
		height:20px;
	}
	#logo img {
		width:100px;
	}
	#slogan {
		margin-top:25px;
		width:60%;
		padding-left:5px;
	}
	/* ELEMENTS */
	#elementsDivContent img {
		width:100px;
	}
	#elementPictures {
		display:none;
	}
	#elementInfosLeft, #elementInfosRight {
		width:100%;
		float:none;
	}
	#sliderPrev, #sliderNext {
		width:80px;
		height:25px;
		line-height:25px;
	}
	#elementsDiv h2 {
		margin-top:40px;
	}
}
@media (min-width:320px) and (max-width:480px) { 
	html {
		font-size:10px;
	}
}