/**** CSS de general.css ****/
/**
 * @copyright	Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/**** CSS de system.css ****/
/**
 * @copyright	Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */
@import url(../../../media/system/css/system.css);

/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 4px;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}

/**** CSS Colorbox ****/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../scripts/colorbox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../scripts/colorbox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../scripts/colorbox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../scripts/colorbox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../scripts/colorbox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../scripts/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../scripts/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../scripts/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../scripts/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; font-weight: bold;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../scripts/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../scripts/colorbox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../scripts/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../scripts/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../scripts/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/*.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}*/

/**** CSS Spindler ****/
/*** Polices Quicksand Regular + Bold ***/
@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular-webfont.eot');
    src: url('../fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-regular-webfont.woff') format('woff'),
         url('../fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandbold';
    src: url('../fonts/quicksand-bold-webfont.eot');
    src: url('../fonts/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-bold-webfont.woff') format('woff'),
         url('../fonts/quicksand-bold-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandbold_italic';
    src: url('../fonts/quicksand-bolditalic-webfont.eot');
    src: url('../fonts/quicksand-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-bolditalic-webfont.woff') format('woff'),
         url('../fonts/quicksand-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-bolditalic-webfont.svg#quicksandbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksanditalic';
    src: url('../fonts/quicksand-italic-webfont.eot');
    src: url('../fonts/quicksand-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-italic-webfont.woff') format('woff'),
         url('../fonts/quicksand-italic-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-italic-webfont.svg#quicksanditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** Styles généraux ***/
body {
	margin: 0;
	padding: 0;
	font-family: 'quicksandregular', Arial, sans-serif;
	/*font-family: 'Quicksand', sans-serif;*/
	font-size: 1em;
}

h1, h2, h3 {
	font-family: 'quicksandbold', Arial, sans-serif;
	color: #ffffff;
	font-weight: normal;
}

a {
	text-decoration : none;
}

img {
	border: none;
}

.right {
	text-align: right;
}

.icons {
	display: none;
}

.red {
	color: #ff0000;
}

.green {
	color: #008000;
}

.bold {
	font-weight: bold;
}

/*** Bannière ***/
.customban {
	overflow: hidden;
	background-color: #303c43;
	color: #ffffff;
	text-align: center;
}

.customban p {
	margin: 3px 0;
}

/*** Conteneur ***/
#conteneur {
	/*max-width: 1000px;
	min-width: 744px;*/
	width: 1020px;
	margin: auto;
	overflow: hidden;
}

.logo-houzz{
	background: url("../../../images/spindler/logos/logo_houzz.jpg") no-repeat top center;
	width: 40px;
	height: 40px;
	z-index: 2;
	position: fixed;
	top: 50px;
	right: 20px;
	background-size: contain;
}

/*** Header ***/
header {
	height: 100px;
	padding: 20px 30px 0 0;
	overflow: hidden;
}

#logo {
	float: left;
	display: block;
	width: 306px;
	height: 69px;
	background-image: url('../images/logo.png');
}

#fb-icon{
	display: none;
}

#recherche {
	float: right;
	overflow: hidden;
}

#langues {
	clear: right;
	float: right;
	overflow: hidden;
}

#recherche .search {
	width: 175px;
}

#recherche .search label.element-invisible {
	display:none;
}

#recherche .search input.inputbox {
	color: #ffffff;
	padding: 1px 2px;
	position:relative;
	width: 170px;
	background-color: #303c43;
	border: none;
}

#recherche .search input.button {
	float: right;
	position:relative;
	top: -15px;
	left: -5px;
}

#recherche p {
	text-align: right;
	margin-top: 11px;
}

#recherche a {
	color: #303c43;
	font-size: 0.9em;
}

#recherche a:hover {
	color: #ffffff;
}

#recherche a.active {
	color: #ffffff;
	font-weight: bold;
}

#langues .mod-languages {
	float: none;
	margin: 10px 0;
}

/*** Menu + partenaires ***/
#left {
	float: left;
	/*width: 22%;
	min-width: 200px;*/
	width: 220px;
	/*padding: 0 1% 0 2%;*/
	padding: 0 10px 0 50px;
}

#left h2 {
	font-family: 'quicksandregular', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #303c43;
	margin: 0;
	min-height: 30px;
	text-align: center;
	letter-spacing: 4px;
}

/** Menu **/
nav {
	background-color: #303c43;
	width: 100%;
	transition: height 1s ease-in-out;
}

nav .menu {
	list-style-type: none;
	margin: 0;
	padding: 30px 8% 20px 8%;
}

/* Premier Niveau */
nav .menu > li  {
	min-height: 22px;
}

nav .menu > li > a, nav .menu > li > span {
	color: #a2b1b9;
	cursor: pointer;
	padding-left: 8%;
}
nav .menu > li:hover > span, nav .menu > li.active:hover > span, nav .menu > li > a:hover, nav .menu > li > span:hover, nav .menu > li.active > span:hover, nav .menu > li.active > a:hover {
	color: #ffffff;
	font-family: 'quicksandbold', Arial, sans-serif;
	padding-left: 0%;
}

nav .menu > li.active > span, nav .menu > li.active > a {
	color: #ffffff;
	font-family: 'quicksandbold', Arial, sans-serif;
	padding-left: 8%;
}
nav .menu > li:hover > span:before, nav .menu > li > a:hover:before, nav .menu > li > span:hover:before {
	content: "+ ";
	font-family: Arial, sans-serif;
	font-weight: bold;
}

/* Deuxième Niveau */
nav .menu > li > ul {
	/*height: 0;*/
	position: relative;
	padding-left: 9%;
	list-style-type: none;
	font-size: 0.8em;
	transition: all 1s ease-in-out;
	overflow: hidden;
}

nav .menu > li > ul > li  {
	min-height: 20px;
	max-height: 40px;
	margin-left: 4%;
	padding: 2px 0;
	
}

nav .menu > li > ul > li > a {
	color: #a2b1b9;
}

nav .menu  > li > ul > li > a:hover, nav .menu  > li > ul > li.current > a {
	color: #ffffff;
}

/* Menu galerie 108 */
nav .menu > li.item-108, nav .menu > li.item-162 {
	border-top: 1px solid #a2b1b9;
	border-bottom: 1px solid #a2b1b9;
	margin: 15px 0;
	padding: 15px 0;
}

/* Pointe en dessous du menu */
.arrow-down {
	height: 35px;
}

.arrow-down img {
	width: 100%;
	display: block;
}

/** Partenaires **/
#partenaires {
	margin-bottom: 20px;
}

#partenaires p {
	color: #ffffff;
	font-size: 0.8em;
}

#partenaires a{
	color: #ffffff;
}

#partenaires img{
	margin-right: 5px;
	vertical-align: middle;
	opacity: 0.5;
}

/*** Corps ***/
#right {
	/*margin-left: 25%;*/
	margin-left: 280px;
	width: 720px;
	/*max-width: 73%;
	min-width: 480px;*/
	margin-bottom: 30px;
	/*padding: 0 1%;
	padding: 0 10px;*/
	overflow: hidden;
}

/** Fil d'ariane **/
#ariane {
	height: 30px;
	font-size: 0.75em;
	padding: 0 10px;
	overflow: hidden;
}

#ariane .breadcrumb {
	float: right;
	margin: 0;
	padding: 0;
}

#ariane .breadcrumb > li > span.divider {
	padding: 0 3px;
}

#ariane .breadcrumb > li {
	display: inline;
}

#ariane .breadcrumb > li > a, #ariane .breadcrumb > li > span {
	color: #303c43;
}

#ariane .breadcrumb > li.active > span, #ariane .breadcrumb > li > a:hover {
	color: #ffffff;
}

/** Accueil **/
.cube {
	/*width: 180px;
	height: 180px;*/
	width: 220px;
	height: 220px;
	margin: 10px;
	/*padding: 20px;*/
	float: left;
}

#maison-mobile {
	display: none;
}

#maison-laptop {
	display: block;
}

.brick-hover {
	visibility: hidden;
	width: 180px;
	height: 180px;
	padding: 20px;
	transition: all 1s ease-in-out;
	background-color: transparent;
	opacity: 0;
}

.brick-visible {
	width: 180px;
	height: 180px;
	padding: 20px;
}

.videos .brick-visible {
	background: url('../images/play.png') no-repeat center center;
	display: block;
	width: 180px;
	height: 180px;
	cursor: pointer;
}

.videos .brick-visible:hover {
	background: url('../images/play-hover.png') no-repeat center center;
}

.cube h3 {
	margin: 0 0 10px;
}

.cube p {
	font-size: 0.8em;
	color:#ffffff;
}

.cube ul {
	padding-left: 0;
	margin: 0;
}

.cube .brick-hover ul li {
	list-style-type: none;
	min-height: 16px;
	background: url('../images/btn-lien.png') no-repeat center right;
	font-size: 0.8em;
	padding: 5px 0;
	margin: 5px 0;
	border-top: 1px solid #a2b1b9;
}

.cube .brick-visible ul li {
	list-style-type: none;
	min-height: 16px;
	background: url('../images/btn-lien.png') no-repeat center right;
	font-size: 0.8em;
	padding: 5px 0;
	margin: 5px 0;
	border-top: 1px solid #ffffff;
}

.cube ul li:first-child {
	border-top: none;
}

.cube ul li:hover {
	background: url('../images/btn-lien-hover.png') no-repeat center right;
}

.cube ul li a  {
	color: #ffffff;
	display: block;
	opacity: 0.7;
	padding-right: 20px;
}

.cube ul li a:hover {
	opacity: 1;
}

.cube:hover .brick-hover {
	visibility: visible;
	opacity: 1;
	background-color: rgb(48,60,67);
	background-color: rgba(48,60,67,0.8);
}

.maison {
	background-image: url('/images/spindler/accueil/maison.jpg');
	margin-top: 0;
}

.savoir-faire {
	background-image: url('/images/spindler/accueil/savoir-faire.jpg');
}

.histoire {
	background-image: url('/images/spindler/accueil/histoire.jpg');
}

.news {
	background-color: #e18207;
}

.news .brick-visible .moduletable {
	max-height: 180px;
	overflow: hidden;
}

.ligne-brick .galerie {
	background-image: url('/images/spindler/accueil/galerie.jpg');
}

.infos {
	background-color: #532b39;
}

.videos {
	background-image: url('/images/spindler/accueil/videos.jpg');
}

.rect {
	position: relative;
	width: 460px;
	height: 210px;
	margin: 0 10px 10px 10px;
	padding: 5px 0;
	float: left;
}

.rect h1 {
	font-size: 2.7em;
	text-align: right;
	text-transform: uppercase;
	margin: 0;
}

.rect p {
	text-align: right;
}

/** Entête **/
.entete {
	height: 220px;
	overflow: hidden;
}

.entete > img {
	width: 100%;
}

.entete .titre-entete {
	margin-top: -220px;
	color: #ffffff;
	padding: 30px 40px 0 0;
}

.entete .titre-entete h1 {
	height: 90px;
}

.entete .titre-entete p {
	margin: 10px 0;
	text-align: right !important;
}

.entete .titre-entete p.ss-titre-entete {
	font-size: 1.3em !important;
	line-height: 20px;
	text-align: right !important;
}

/** Haut de page **/
#retour_haut {
	position: fixed;
	right: 2.5%;
	bottom: 20%;
	z-index: 2;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: url('../images/back_on_top.png') no-repeat top center;
}

/** Article **/
#article{
	padding: 0 10px;
}

#article h1 {
	font-size: 2.5em;
	text-align: right;
	text-transform: uppercase;
	line-height: 40px;
	margin: 10px 0;
}

#article h2 {
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
	margin: 20px 0 10px 0;
	padding: 4px 0;
}

#article em {
	font-family: 'quicksanditalic', Arial, sans-serif;
	font-weight: bold;
	/*font-style: italic;*/
}

#article p {
	font-size: 0.9em;
	text-align: justify;
}

#article li {
	font-size: 0.9em;
}

#article p > img {
	max-width: 700px;
}

#article a {
	color: #ffffff;
}

#article a:hover {
	/*color: #e18206;*/
}

#article img.img-entete {
	position: relative;
}

/** Blog **/
#article dt.article-info-term {
	display: none;
}

#article dd.published {
	margin: 0;
	font-size: 0.9em;
}

#article .blog img {
	float: left;
	width: 200px;
	margin-right: 20px;
}

#article .blog .btn {
	padding: 2px 10px 2px 5px;
}

#article .blog .items-leading, #article .blog .items-row {
	overflow: hidden;
}

.categories-modulelistecat {
	padding: 0 10px;
}

.categories-modulelistecat li {
	display: inline-block;
}

.categories-modulelistecat li h4 {
	margin: 5px 0;
}

.categories-modulelistecat li h4:after {
	content: " - ";
}

.categories-modulelistecat li:last-child h4:after {
	content: none;
}

.categories-modulelistecat li h4 a {
	color: #303c43;
	font-size: 0.75em;
}

.categories-modulelistecat li h4 a:hover {
	color: #ffffff;
}

/** Infos **/
#article input, #article select, #article textarea {
	color: #ffffff;
	padding: 1px 2px;
	background-color: #303c43;
	border: none;
}

#article input[type=submit] {
	cursor: pointer;
}

#article .field {
	font-size: 0.8em;
	margin: 10px 0;
	overflow: hidden;
}

#article .field .label1 {
	padding-right: 5px;
	width: 155px;
	display: block;
	float:left;
}

#article .field .label2 {
	padding-right: 5px;
}

#article .field .champ1 {
	width: 536px;
}

#article .field .champ2 {
	min-width: 536px;
	max-width: 536px;
	min-height: 100px;
	font-family: Arial, sans-serif;
	font-size: 1em;
}

#article .field .champ3 {
	width: 200px;
	vertical-align: middle;
}

#article .btn {
	background: url('../images/tri-btn-orange.png') no-repeat center right ;
	height: 30px;
	padding-right: 10px;
	vertical-align: middle;
}

#article .field .floatright {
	float: right;
}

.btn2 {
	background: url('../images/tri-btn-blue.png') no-repeat center right ;
	padding: 10px 20px 10px 10px;
	vertical-align: middle;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.9em;
}

#article .news {
	margin-left: 10px;
}

#spi-maps {
	width: 100%;
	height: 350px;
}

#spi-maps .info-maps {
	font-size: 1em !important;
}

#spi-maps .info-maps h3, #spi-maps .info-maps a, #spi-maps .info-maps a:hover  {
	color: #e18206;
}

/* Formulaire */
.recaptchatable .recaptcha_image_cell {
	background: none !important;
}

/* Recaptcha */
.g-recaptcha {
	margin-left: 160px;
}

/** Plan du site **/
#xmap ul li {
	list-style-type: none;
}

#xmap ul li a {
	color: #ffffff;
}

#xmap > ul > li > a:before, #xmap > ul > li > span:before {
	content: "+ ";
	font-family: Arial, sans-serif;
}

#xmap .muted {
	display: none;
}

/** Video **/
.custom-video {
	margin: 20px 0;
}

/*** Footer ***/
footer {
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #303c43;
	padding: 1px 0;
}

#footer {
	max-width: 940px;
	margin: auto;
	padding: 0 10px;
	font-size: 0.8em;
	overflow: hidden;
}

#footer a {
	color: #ffffff;
}

#footer p {
	float: left;
	color: #c1b6b0;
}

#footer .menu {
	color: #ffffff;
	padding-left: 5px;
	float: left;
}

#footer .menu > li {
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #000000;
}

/*** Styles responsive ***/
@media screen and (max-width: 1200px) {
	#langues{
		margin-right: 85px;
	}
}

@media screen and (max-width: 1019px) {
	.logo-houzz {
		top: 120px;
		right: 10px;
		width: 60px;
		height: 60px;
		background-size: contain;
	}
	
	#conteneur{
		max-width: 100%;
		min-width: 720px;
		padding: 0;
	}
	
	header {
		width: 100%;
		height: auto;
		background-color: #303c43;
		padding-top: 10px;
	}
	
	#logo {
		margin: auto;
		display: block;
		width: 306px;
		float: none;
	}
	
	#fb-icon{
		display: block;
		float: left;
		margin: 10px 0 0 10px;
	}
	
	#recherche {
		display: none;
	}
	
	#langues {
		float: none;
		margin-right: 10px;
	}
	
	#langues  ul{
		float: right;
	}
	
	#left {
		float: none;
		width: 100%;
		min-width: 0;
		padding: 0;
	}
	
	#left h2 {
		display: none;
	}
	
	nav {
		padding: 10px 0;
	}
	
	nav .menu {
		padding: 0;
		text-align: center;
	}
	
	/* Premier Niveau */
	nav .menu > li  {
		min-height: 22px;
	}

	nav .menu > li > a, nav .menu > li > span, nav .menu > li.active > a, nav .menu > li.active > span {
		padding-left: 0;
	}

	nav .menu > li:hover > span, nav .menu > li.active:hover > span, nav .menu > li > a:hover, nav .menu > li > span:hover, nav .menu > li.active > span:hover, nav .menu > li.active > a:hover {
		color: #ffffff;
		font-family: 'quicksandbold', Arial, sans-serif;
		padding-left: 0;
	}

	/* Deuxième Niveau */
	nav .menu > li > ul {
		padding-left: 0;
	}

	nav .menu > li > ul > li  {
		height: 20px;
		margin: 0;
	}

	nav .menu > li > ul > li > a {
		padding-left: 0;
	}

	/* Menu galerie 108 */
	nav .menu > li.item-108 {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	.arrow-down {
		height: 10px;
	}

	.arrow-down img {
		width: 35px;
		height: 20px;
		margin: auto;
	}
	
	#menuArrow {
		cursor: pointer;
	}
	
	.brick-hover {
		opacity: 1 !important;
		visibility: visible !important;
		background-color: rgb(48,60,67);
		background-color: rgba(48,60,67,0.6);
	}
	
	#partenaires {
		display: none;
	}
	
	#right {
		margin: 20px auto;
		padding: 0;
	}
	
	#ariane {
		height: auto;
	}
	
	#footer {
		min-width: 0;
		width: 98%;
		padding: 0 1%;
	}
	
	#footer p {
		float: none;
	}
	
	#footer .menu {
		padding: 0;
	}
	
	#footer .menu > li:first-child {
		padding: 0 5px 0 0;
		border-left: none;
	}
}

@media screen and (max-width: 700px) {
	body{
		font-size: 0.9em;
	}
	
	#conteneur{
		width: 100%;
		min-width: 0%;
		padding: 0;
	}
	
	header {
		width: 100%;
		height: auto;
		background-color: #303c43;
		padding-top: 10px;
	}
	
	#left {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	#right {
		margin: 20px auto;
		width: 100%;
		padding: 0;
	}
	
	.cube {
		/*margin: 10px auto;
		float: none;*/
	}
	
	.maison {
		margin-top: 10px;
	}
	
	.ligne-brick {
		width: 480px;
		margin: auto;
		overflow: hidden;
	}
	
	#maison-mobile {
		display: block;
	}
	
	#maison-laptop {
		display: none;
	}
	
	.rect {
		width: 98%;
		margin: 10px auto;
		height: auto;
		padding: 0 1%;
		float: none;
	}
	
	.rect h1, .rect p {
		text-align: center;
	}
	
	.entete {
		height: auto;
	}
	
	.entete .titre-entete {
		margin-top: 0;
		color: #ffffff;
		padding: 0;
	}

	.entete .titre-entete h1 {
		height: auto;
	}
	
	#article {
		margin: 20px 0;
	}
	
	#article p > img {
		max-width: 100%;
	}
	
	#article .field .label1 {
		padding-right: 5px;
		margin: 2px 0;
		width: auto;
		display: block;
		float: none;
	}

	#article .field .champ1 {
		width: 100%;
	}

	#article .field .champ2 {
		min-width: 100%;
		max-width: 100%;
		min-height: 100px;
	}

	.g-recaptcha {
		margin-left: 0;
	}
}

@media screen and (max-width: 480px) {
	.cube {
		margin: 10px auto;
		float: none;
	}
	
	.ligne-brick {
		width: auto;
		margin: auto;
	}
}