/* --------------------------------------------------------------------------
 * MADININAIR - Maison Air Interieur
 *
 * file           : madininair_interieur.css
 * Desc           : Gere l'affichage de l'aplication - Stylesheet
 * Date           : 21-07-2016
 * Author         : Creativ3
 * Author URI     : http://creativ3.fr
 *
 * All Rights Reserved.
 * -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
 *  MADININAIR - Maison Air Interieur - Table of Content
 
  1 - Reset
  
  2 - Accueil
    2.1 - Preloader

  2 - Header

  3 - Footer

  4 - Sliders / OwlCarousel

  5 - Components / Shortcodes / Widget


/* -------------------------------------------------------------------------- */
/* 1 */
/* Reset CSSS
/* ========================================================================== */

@font-face {
  font-family: 'Finger Paint';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/FingerPaint-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/UbuntuCondensed-Regular-extended.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/OpenSans-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/UbuntuCondensed-Regular-extended.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(../assets/UbuntuCondensed-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html {
  height: 100%;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
}

body {
  min-height: 100%;
  margin: 0px;
  padding: 0px;
}

/* -------------------------------------------------------------------------- */
/* 2 */
/* Accueil
/* ========================================================================== */
#container {
	width: 1280px;
	height: 800px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/background_flou.jpg) top left no-repeat;
}

#container.accueil {
	background: url(../images/background.jpg) top left no-repeat;
}

.accueil #main {
	position: absolute;
	right: 264px;
	top: 91px;
    z-index: 10;
}

.accueil #titre {
	position: absolute;
	right: 393px;
	top: 38px;
    z-index: 50;
    -webkit-animation: movetitre 2.5s 1; /* Chrome, Safari, Opera */
    animation: movetitre 2.5s 1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes movetitre {
    0%   {opacity: 0; top:-20px}
    100% {opacity: 1; top:38px}
}

/* Standard syntax */
@keyframes movetitre {
    0%   {opacity: 0; top:-20px}
    100% {opacity: 1; top:38px}
}

.accueil #aide {
	position: absolute;
	right: 138px;
	top: 173px;
    -webkit-animation: clignote 2.5s infinite; /* Chrome, Safari, Opera */
    animation: clignote 2.5s infinite;
    z-index: 11;
}

#clique_animation{
    position: absolute;
    right: 349px;
    top: 86px;

    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0);
    -webkit-animation: showindice2 3s infinite; /* Chrome, Safari, Opera */
    animation: showindice2 3s infinite;
    z-index: 1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes clignote {
    0%   {opacity: 0}
    40%   {opacity: 1}
    60%   {opacity: 1}
    100% {opacity: 0}
}

/* Standard syntax */
@keyframes clignote {
    0%   {opacity: 0}
    40%   {opacity: 1}
    60%   {opacity: 1}
    100% {opacity: 0}
}


.accueil a {
	display: block;
	position: absolute;
    /*opacity: 0.5;
    filter: alpha(opacity=50);
	background: #069;*/
    background: rgba(0, 102, 153, 0);
    /*border: 1px solid rgba(0, 102, 153, 0.75);*/
}

.accueil a.show-room:after{
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #FFF;
    opacity:0;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: showindice 1.5s 1; /* Chrome, Safari, Opera */
    animation: showindice 1.5s 1;
}

.accueil a .remained-item{
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	font-family: 'Ubuntu Condensed', sans-serif;
	
	
    position: absolute;
    font-size: 12px;
	line-height: 12px;
    color: #000;
    right: 5px;
    bottom: 5px;
	
	background-color: rgba(255, 255, 255, 0.8);
	/*background-color: rgba(4, 123, 179, 0.8);*/
    /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    font-family: 'Finger Paint', cursive;*/
    z-index: 3;
	-moz-box-shadow: 0px 0px 3px 0px #656565;
	-webkit-box-shadow: 0px 0px 3px 0px #656565;
	-o-box-shadow: 0px 0px 3px 0px #656565;
	box-shadow: 0px 0px 3px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=3);
}
	.remained-item span {
		display: block;
		padding: 2px 5px;
	}
	.remained-item span.note_actuel {
		border-bottom: 1px solid #000;
	}

.accueil a .remained-item span.title{
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    display:none;
}

	.accueil a .remained-item .top {
		position: absolute;
		font-size: 14px;
		color: #FFF;
		right: 5px;
		bottom: 5px;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
		font-family: 'Finger Paint', Arial;
		z-index: 3;
	}

.accueil a .badge_success{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90px;
    height: 90px;
    z-index: 2;
}

#partenaires {
	padding: 20px 0 0 0;
	width: 1280px;
	height: 109px; /*189-40*/
	text-align: center;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+67,8f8f8f+100 */
background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 80%, #cccccc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 80%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 80%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#partenaires span {
	margin: 40px 20px 0 20px;
}

#piece_salle_de_bain {
	width: 223px;
	height: 155px;
	top: 373px;
	left: 334px;
}

#piece_chambre_enfant {
	width: 167px;
	height: 155px;
	top: 373px;
	left: 562px;
}

#piece_chambre_parent {
	width: 206px;
	height: 155px;
	top: 373px;
	left: 734px;
}

#piece_garage {
	width: 167px;
	height: 146px;
	top: 584px;
	left: 162px;
}

#piece_salon {
	width: 239px;
	height: 148px;
	top: 537px;
	left: 338px;
}

#piece_cuisine {
	width: 274px;
	height: 148px;
	top: 537px;
	left: 667px;
}

#piece_exterieur{
    width: 262px;
    height: 148px;
    top: 600px;
    left: 1000px;
}

/* -------------------------------------------------------------------------- */
/* 2 */
/* PIECE DE lA MAISON
/* ========================================================================== */

#fond_header {
	position: absolute;
	height: 180px;
	width: 102%;
	top: -40px;
	left: -10px;
	z-index: 5;
    -ms-transform: rotate(-2.5deg); /* IE 9 */
    -webkit-transform: rotate(-2.5deg); /* Safari */
    transform: rotate(-2.5deg);
}

#titre_piece { 
	position: absolute;
	z-index: 6;
}

#btn_retour {
	position: absolute;
	top: 59px;
	left: 20px;
	z-index: 10;
	font-family: 'Open Sans', sans-serif;
}

.accueil .nuage{
    position: absolute;
    left: -99999px;
}

.nuage_move_0{
    transform: scale(1.1);
    animation: nuage_move 90s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move 50s 1;
    -webkit-animation-timing-function: linear;
}

.nuage_move_1{
    animation: nuage_move2 90s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move2 110s 1;
    -webkit-animation-timing-function: linear;
}


.nuage_move_2{
    animation: nuage_move 120s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move 120s 1;
    -webkit-animation-timing-function: linear;
}


.nuage_move_3{
    transform: scale(0.8);
    animation: nuage_move2 120s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move2 120s 1;
    -webkit-animation-timing-function: linear;
}

.nuage_move_4{
    transform: scale(1.1);
    animation: nuage_move 140s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move 140s 1;
    -webkit-animation-timing-function: linear;
}

.nuage_move_5{
    transform: scale(0.9);
    animation: nuage_move2 140s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move2 140s 1;
    -webkit-animation-timing-function: linear;
}

.nuage_move_6{
    animation: nuage_move 65s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move 65s 1;
    -webkit-animation-timing-function: linear;
}

.nuage_move_7{
    transform: scale(0.9);
    animation: nuage_move2 65s 1;
    animation-timing-function: linear;
    -webkit-animation: nuage_move2 65 1;
    -webkit-animation-timing-function: linear;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes nuage_move {
    0%   {left: -200px  }
    100%   {left: 1280px  }
}

/* Standard syntax */
@keyframes nuage_move {
    0%   {left: -200px  }
    100%   {left: 1280px  }
}


/* Chrome, Safari, Opera */
@-webkit-keyframes nuage_move2 {
    0%   {left: 1280px  }
    100%   {left: -200px  }
}

/* Standard syntax */
@keyframes nuage_move2 {
    0%   {left: 1280px  }
    100%   {left: -200px  }
}

#nuage_1 {
	position: absolute;
	top: 116px;
	left: 128px;
	z-index: 11;
    -webkit-animation: nuage1 5s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-in-out;
    animation: nuage1 5s infinite;
    animation-timing-function: ease-in-out;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes nuage1 {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(35%)  }
    100%   {transform: translateX(0%)  }
}

/* Standard syntax */
@keyframes nuage1 {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(35%)  }
    100%   {transform: translateX(0%)  }
}

#nuage_2 {
	position: absolute;
	top: 148px;
	right: 318px;
	z-index: 12;
    -webkit-animation: nuage2 3.5s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-in-out;
    animation: nuage2 3.5s infinite;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes nuage2 {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(15%)  }
    100%   {transform: translateX(0%)  }
}

/* Standard syntax */
@keyframes nuage2 {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(15%)  }
    100%   {transform: translateX(0%)  }
}

#nuage_3 {
	position: absolute;
	top: 152px;
	right: 121px;
	z-index: 14;
    -webkit-animation: nuage3 2s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-in-out;
    animation: nuage3 2s infinite;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes nuage3 {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(5%)  }
    100%   {transform: translateX(0%)  }
}

/* Standard syntax */
@keyframes nuage3 {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(5%)  }
    100%   {transform: translateX(0%)  }
}

#score {
	position: absolute;
	z-index: 8;
	width: 149px;
	height: 114px; /*149-35*/
	padding: 35px 0 0 0;
	top: 75px;
	right: -15px;
	text-align: center;
	-webkit-border-radius: 149px;
	-moz-border-radius: 149px;
	border-radius: 149px;
	border: 15px solid #FFF;
	
	color: #444444;
	font-size: 12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif
}

	#score span {
		color: #FFF;
		font-size: 40px;
		line-height: 40px;
		font-family: 'Finger Paint', Arial;
	}
	
	#score span strong {
		font-size: 60px;
	}

#score.incremente  {
    -webkit-animation: bounce 0.25s ease 4 alternate;
    animation: bounce 0.25s ease 4 alternate;
}

@-webkit-keyframes bounce {
    0%   {transform: translateX(0%)  }
    50% {transform: translateX(5%)  }
    100%   {transform: translateX(0%)  }
}

@keyframes bounce{
    from {transform: translateY(0);}
    to   {transform: translateY(-20px);}
}


#piece_txt_accueil {
	position: absolute;
	color: #444444;
	top: 391px;
	right: 96px;
	width: 419px;
	height: 84px;
	
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Finger Paint', Arial;
}




#piece_txt_bravo strong {
    text-transform: uppercase;
}

#piece_txt_help {
	position: absolute;
	color: #444444;
	top: 635px;
	right: 130px;
	width: 160px;
	height: 38px;
	
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Finger Paint', Arial;
}

#piece_txt_help.bravo {
    top: 550px;
}

#piece_txt_help a {
    text-decoration: none;
    color: 444444;
}

#main {
	position: absolute;
	right: 302px;
	top: 531px;
}

#bravo {
    position: absolute;
    right: 302px;
    top: 500px;
}


#container_piece {
	position: relative;
	margin: 193px 0 0 20px;
	width: 694px;
	height: 587px;
	float: left;
    z-index: 30;
}

#piece {
	position: relative;
	margin: 0 auto;
	border: 12px solid #FFF;

    z-index: 30;
    transform: translate(0%, 0%);
    -webkit-animation: piecemove 1.5s 1;
    animation: piecemove 1.5s 1;
    transition: all 1.5s ease;
}

#piece.show-item{
    transform: translate(0%, 0%);
}

/* Chrome, Safari, Opera */
@-webkit-keyframes piecemove {
    0%   { transform: translate(0%, 50%);  opacity: 0}
    100% { transform: translate(0%, 0%);  opacity: 1}
}

/* Standard syntax */
@keyframes piecemove {
    0%   { transform: translate(0%, 50%);  opacity: 0}
    100% { transform: translate(0%, 0%);  opacity: 1}
}


#description {
	width: 456px; /*512-28-28*/
	height: 503px; /*538-35*/
	padding: 35px 28px 0 10px;
	margin: 245px 0 0 34px;
	background: url(../images/description.png) top left no-repeat;
	float: left;
    z-index: 20;
    position: relative;
    opacity: 1;
    transition: opacity 1s ease;
}

#description.success{
    opacity: 0;
}
	
	#description img { 
		display: block;
		margin-top: -87px;
		border: 15px solid;
		float: left;

        -webkit-animation: zoom 0.5s 1;
        -webkit-animation-timing-function: ease-in-out;
        animation: zoom 0.5s 1;
        animation-timing-function: ease-in-out;
	}

@-webkit-keyframes zoom {
    0%   {transform: scale(0.9); opacity: 0.7  }
    50%   {transform: scale(1); opacity: 1  }
}

/* Standard syntax */
@keyframes zoom {
    0%   {transform: scale(0.9); opacity: 0.7  }
    50%   {transform: scale(1); opacity: 1  }
}


h1 {
	height: 100px;
	margin: 0 0 0 180px;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Finger Paint', Arial;
	color: #444444;
}

h2 {
	text-transform: uppercase;
	font-size: 20px;
	width: 100%;
	margin: 0 0 5px 0;
	font-family: 'Open Sans', sans-serif;
    line-height: normal;
    font-weight: bold;
}

p {
	font-size: 15px;
	font-weight: 400; 
	font-family: 'Open Sans', sans-serif;
}

.impact_sante {
	min-height: 70px;
	margin: 6px 0 0 0;
   line-height: 19px; /*unset;*/
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 18px;
	line-height: 22px;
}

.impact_sante ul {
    padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}

.impact_sante ul li {
	/*list-style-position: inside;
	margin: 0 0 4px 0;*/
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 18px;
	line-height: 22px;
}
	.impact_sante ul li span {
		color: #333 !important;
	}

.clear {
	clear: both;
}

.indice {
	position: absolute;
	width: 38px;
	height: 38px;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	border-radius: 38px;
	background: #FFF !important;
	z-index: 20;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#piece div {
	background: rgba(255, 255, 255, 0);
	/*background: #069;*/
    z-index: 2;
    transition: all 1s ease;
}

#piece > *{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#piece div.item-finded{
    background: rgba(60, 118, 61, 0.0);
}

#piece div.item-finded:after{
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #FFF;
    opacity: 0.3;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: showfinded 3 infinite;
    animation: showfinded 3s infinite;
}

.garage #piece div.item-finded:after {
    background: #c2c1c1;
}

.salle_de_bain #piece div.item-finded:after {
    background: #51b8dc;
}

.chambre_enfant #piece div.item-finded:after {
    background: #f4a7c1;
}

.chambre_parents #piece div.item-finded:after {
    background: #bc966a;
}

.sejour #piece div.item-finded:after {
    background: #ae9f65;
}

.cuisine #piece div.item-finded:after {
    background: #ae9f65;
}

.exterieur #piece div.item-finded:after {
    background: #619644;
}

#piece div.indice-show:after{
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #FFF;
    opacity: 0.75;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: showindice 1.5s infinite; /* Chrome, Safari, Opera */
    animation: showindice 1.5s infinite;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes showindice {
    0%   {transform: translate(-50%, -50%) scale(1); opacity: 0.75;}
    100% {transform: translate(-50%, -50%) scale(2); opacity: 0;}
}

/* Standard syntax */
@keyframes showindice {
    0%   {transform: translate(-50%, -50%) scale(1); opacity: 0.75;}
    100% {transform: translate(-50%, -50%) scale(2); opacity: 0;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes showindice2 {
    0%   {transform:  scale(1); background: rgba(255, 255, 255, 0.75);}
    50% {transform:  scale(2); background: rgba(255, 255, 255, 0);}
}

/* Standard syntax */
@keyframes showindice2 {
    0%   {transform: scale(1); background: rgba(255, 255, 255, 0.75);}
    50% {transform: scale(2); background: rgba(255, 255, 255, 0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes showfinded {
    0%   {transform:  translate(-50%, -50%) scale(0.5); opacity: 1;}
    100% {transform:  translate(-50%, -50%) scale(1.5); opacity: 0;}
}

/* Standard syntax */
@keyframes showfinded {
    0%   {transform:  translate(-50%, -50%) scale(0.5); opacity: 1;}
    100% {transform:  translate(-50%, -50%) scale(1.5); opacity: 0;}
}

/* -------------------------------------------------------------------------- */
/* 3 */
/* CHAMBRE ENFANT
/* ========================================================================== */

.chambre_enfant #fond_header, .chambre_enfant #score {
	background: #f4a7c1;
}

.chambre_enfant #description img {
	border-color: #f4a7c1;
}

.chambre_enfant h2,  .chambre_enfant .impact_sante ul li {
	color: #f4a7c1;
}

.chambre_enfant #titre_piece {
	top: 19px;
	left: 312px;
}

#titre_piece {
    -webkit-animation: move 1.5s 1; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-out;
    animation: move 1.5s 1;
    animation-timing-function: ease-out;
}

@-webkit-keyframes move {
    0%   {transform: translateY(-150%);}
    100% {transform: translateY(0%);}
}

/* Standard syntax */
@keyframes move {
    0%   {transform: translateY(-150%);}
    100% {transform: translateY(0%);}
}


.chambre_enfant #piece {
	width: 575px;
	height: 517px;
}


.chambre_enfant #pol_humidite {
	position: absolute;
	width: 43px;
	height: 58px;
	top: 108px;
	right: 188px;
	z-index: 2;
}

.chambre_enfant #pol_humidite2 {
    position: absolute;
    width: 57px;
    height: 41px;
    top: 290px;
    right: 417px;
    z-index: 2;
    display: none;
}
	.chambre_enfant .indice.pol_humidite { 
		top: 112px;
		right: 190px;
	}

.chambre_enfant #pol_lit {
	position: absolute;
	width: 354px;
	height: 25px;
	top: 444px;
	right: 10px;
	z-index: 3;
}
	.chambre_enfant .indice.pol_lit { 
		top: 435px;
		right: 180px;
	}

.chambre_enfant #pol_peluche {
	position: absolute;
	width: 114px;
	height: 117px;
	top: 307px;
	right: 285px;
	z-index: 4;
}
	.chambre_enfant .indice.pol_peluche { 
		top: 357px;
		right: 325px;
	}

.chambre_enfant #pol_chat {
	position: absolute;
	width: 95px;
	height: 90px;
	top: 373px;
	right: 436px;
	z-index: 5;
}
	.chambre_enfant .indice.pol_chat { 
		top: 400px;
		right: 440px;
	}

.chambre_enfant #pol_sol {
	position: absolute;
	width: 575px;
	height: 36px;
	bottom: 0;
	z-index: 6;
}
	.chambre_enfant .indice.pol_sol { 
		bottom: 4;
		right: 300px;
	}

.chambre_enfant #pol_vetement {
	position: absolute;
	width: 110px;
	height: 67px;
	top: 384px;
	right: 47px;
	z-index: 7;
}
	.chambre_enfant .indice.pol_vetement { 
		top: 400px;
		right: 80px;
	}

.chambre_enfant #pol_clim {
	position: absolute;
	width: 192px;
	height: 61px;
	top: 48px;
	right: 47px;
	z-index: 7;
}
	.chambre_enfant .indice.pol_clim { 
		top: 60px;
		right: 125px;
	}

/* -------------------------------------------------------------------------- */
/* 4 */
/* CHAMBRE PARENTS
/* ========================================================================== */

.chambre_parents #fond_header, .chambre_parents #score {
	background: #bc966a;
}

.chambre_parents #description img {
	border-color: #bc966a;
}

.chambre_parents h2, .chambre_parents .impact_sante ul li  {
	color: #bc966a;
}

.chambre_parents #titre_piece {
	top: 19px;
	left: 306px;
}

.chambre_parents #piece {
	width: 616px;
	height: 441px;
    margin-top: 50px;
}

.chambre_parents #pol_tapis {
	position: absolute;
	width: 106px;
	height: 23px;
	bottom: 5px;
	left: 99px;
	z-index: 1;
}
	.chambre_parents .indice.pol_tapis { 
		bottom: 0px;
		left: 135px;
	}

.chambre_parents #pol_lit {
	position: absolute;
	width: 322px;
	height: 35px;
	bottom: 40px;
	right: 9px;
	z-index: 2;
}
	.chambre_parents .indice.pol_lit { 
		bottom: 40px;
		right: 160px;
	}

.chambre_parents #pol_rideau {
	position: absolute;
	width: 58px;
	height: 214px;
	top: 43px;
	left: 208px;
	z-index: 3;
}
	.chambre_parents .indice.pol_rideau { 
		top: 140px;
		left: 218px;
	}

.chambre_parents #pol_clim {
	position: absolute;
	width: 164px;
	height: 53px;
	top: 38px;
	left: 15px;
	z-index: 4;
}
	.chambre_parents .indice.pol_clim { 
		top: 45px;
		left: 75px;
	}

.chambre_parents #pol_humidite {
	position: absolute;
	width: 52px;
	height: 30px;
	top: 91px;
	left: 112px;
	z-index: 5;
}
	.chambre_parents .indice.pol_humidite { 
		top: 91px;
		left: 120px;
	}


.chambre_parents #pol_bougie {
	position: absolute;
	width: 42px;
	height: 49px;
	bottom: 75px;
	left: 0px;
	z-index: 6;
}
	.chambre_parents .indice.pol_bougie { 
		bottom: 78px;
		left: 4px;
	}


/* -------------------------------------------------------------------------- */
/* 5 */
/* CUISINE
/* ========================================================================== */

.cuisine #fond_header, .cuisine #score {
	background: #ae9f65;
}

.cuisine #description img {
	border-color: #ae9f65;
}

.cuisine h2, .cuisine .impact_sante ul li {
	color: #ae9f65;
}

.cuisine #titre_piece {
	top: 24px;
	left: 368px;
}

.cuisine #piece {
	width: 664px;
	height: 372px;
    margin-top: 100px;
}

.cuisine #pol_gaziniere {
	position: absolute;
	/*width: 69px;
	height: 103px;
	bottom: 18px;
	right: 14px;*/
    width: 69px;
    height: 33px;
    bottom: 88px;
    right: 14px;
	z-index: 1;
}
	.cuisine .indice.pol_gaziniere { 
		bottom: 50px;
		right: 30px;
	}


.cuisine #pol_poubelle {
	position: absolute;
	/*width: 48px;
	height: 82px;
	bottom: 26px;
	left: 178px;*/
    width: 48px;
    height: 42px;
    bottom: 96px;
    left: 152px;
	z-index: 2;
}
	.cuisine .indice.pol_poubelle { 
		bottom: 50px;
		left: 183px;
	}

.cuisine #pol_evier {
	position: absolute;
	width: 69px;
	height: 22px;
	bottom: 114px;
	right: 127px;
	z-index: 3;
}
	.cuisine .indice.pol_evier { 
		bottom: 108px;
		right: 145px;
	}

.cuisine #pol_balais {
	position: absolute;
	width: 44px;
	height: 30px;
	bottom: 23px;
	left: 65px;
	z-index: 4;
}
	.cuisine .indice.pol_balais { 
		bottom: 23px;
		left: 65px;/*92px;*/
	}

.cuisine #pol_produit {
	position: absolute;
	width: 81px;
	height: 106px;
	bottom: 55px;
	left: 9px;
	z-index: 5;
}

.cuisine #pol_produit2 {
    position: absolute;
    width: 25px;
    height: 40px;
    bottom: 16px;
    left: 32px;
    z-index: 5;
}
	.cuisine .indice.pol_produit { 
		bottom: 90px;
		left: 30px;
	}

.cuisine #pol_placard1 {
	position: absolute;
	width: 130px;
	height: 86px;
	top: 95px;
	right: 171px;
	z-index: 6;
}
	.cuisine .indice.pol_placard1 { 
		top: 120px;
		right: 218px;
	}

.cuisine #pol_placard2 {
	position: absolute;
	width: 217px;
	height: 93px;
	bottom: 17px;
	right: 84px;
	z-index: 7;
}
	.cuisine .indice.pol_placard2 { 
		bottom: 50px;
		right: 175px;
	}



/* -------------------------------------------------------------------------- */
/* 6 */
/* sejour
/* ========================================================================== */

.sejour #fond_header, .sejour #score {
	background: #ae9f65;
}

.sejour #description img {
	border-color: #ae9f65;
}

.sejour h2, .sejour .impact_sante ul li {
	color: #ae9f65;
}

.sejour #titre_piece {
	top: 17px;
	left: 367px;
}

.sejour #piece {
	width: 662px;
	height: 406px;
    margin-top: 80px;
}

.sejour #pol_canape {
	position: absolute;
	width: 222px;
	height: 74px;
	bottom: 60px;
	left: 184px;
	z-index: 1;
}

.sejour #pol_canape_suite {
	position: absolute;
	width: 105px;
	height: 56px;
	bottom: 4px;
	left: 302px;
	z-index: 1;
}
	.sejour .indice.pol_canape { 
		bottom: 80px;
		left: 270px;
	}


.sejour #pol_rideaux {
	position: absolute;
	width: 184px;
	height: 65px;
	top: 53px;
	left: 334px;
	z-index: 2;
}

.sejour #pol_rideaux2 {
    position: absolute;
    width: 44px;
    height: 205px;
    top: 53px;
    left: 334px;
    z-index: 2;
}

.sejour #pol_rideaux3 {
    position: absolute;
    width: 44px;
    height: 205px;
    top: 53px;
    left: 474px;
    z-index: 2;
}
	.sejour .indice.pol_rideaux { 
		top: 150px;
		left: 410px;
	}

.sejour #pol_bougie {
	position: absolute;
	width: 29px;
	height: 26px;
	bottom: 81px;
	right: 190px;
	z-index: 3;
}
	.sejour .indice.pol_bougie { 
		bottom: 71px;
		right: 187px;
	}

.sejour #pol_cigarette {
	position: absolute;
	/*width: 41px;
	height: 58px;
	left: 54px;
	top: 166px;*/
    width: 61px;
    height: 38px;
    left: 204px;
    top: 326px;
	z-index: 4;
}
	.sejour .indice.pol_cigarette { 
		top: 196px;
		left: 54px;
	}

.sejour #pol_plante_verte {
	position: absolute;
	width: 78px;
	height: 104px;
	bottom: 15px;
	right: 2px;
	z-index: 5;
}
	.sejour .indice.pol_plante_verte { 
		bottom: 30px;
		right: 18px;
	}

.sejour #pol_insecticide {
	position: absolute;
	width: 12px;
	height: 32px;
	bottom: 84px;
	right: 130px;
	z-index: 6;
}
	.sejour .indice.pol_insecticide { 
		bottom: 80px;
		right: 116px;
	}

.sejour #pol_humidite {
	position: absolute;
	width: 103px;
	height: 53px;
	top: 0px;
	left: 254px;
	z-index: 7;
}
	.sejour .indice.pol_humidite { 
		top: 8px;
		left: 284px;
	}

.sejour #pol_spirale {
	position: absolute;
	width: 45px;
	height: 58px;
	bottom: 18px;
	left: 60px;
	z-index: 7;
}
	.sejour .indice.pol_spirale { 
		bottom: 20px;
		left: 62px;
	}

.sejour #pol_ventilo {
	position: absolute;
	width: 112px;
	height: 119px;
	top: 139px;
	left: 218px;
	z-index: 8;
}
	.sejour .indice.pol_ventilo { 
		top: 180px;
		left: 259px;
	}

/* -------------------------------------------------------------------------- */
/* 7 */
/* salle_de_bain
/* ========================================================================== */

.salle_de_bain #fond_header, .salle_de_bain #score {
	background: #51b8dc;
}

.salle_de_bain #description img {
	border-color: #51b8dc;
}

.salle_de_bain h2, .salle_de_bain .impact_sante ul li {
	color: #51b8dc;
}

.salle_de_bain #titre_piece {
	top: 20px;
	left: 307px;
}

.salle_de_bain #piece {
	width: 610px;
	height: 408px;
    margin-top: 80px;
}

.salle_de_bain #pol_douche {
	position: absolute;
	width: 94px;
	height: 254px;
	bottom: 19px;
	left: 265px;
	z-index: 1;
}

.salle_de_bain #pol_lavabo {
	position: absolute;
	width: 67px;
	height: 118px;
	bottom: 26px;
	left: 105px;
	z-index: 2;
}

.salle_de_bain #pol_lave_linge{
	position: absolute;
	width: 89px;
	height: 118px;
	bottom: 17px;
	right: 10px;
	z-index: 3;
}

.salle_de_bain #pol_serviette{
	position: absolute;
	width: 48px;
	height: 55px;
	bottom: 185px;
	right: 356px;
	z-index: 4;
}

.salle_de_bain #pol_produit_hyg1{
	position: absolute;
	/*width: 13px;
	height: 33px;
	bottom: 132px;
	right: 195px;*/
    width: 120px;
    height: 33px;
    bottom: 132px;
    right: 105px;
	z-index: 4;
}

.salle_de_bain #pol_produit_hyg2{
	position: absolute;
	width: 37px;
	height: 27px;
	bottom: 132px;
	right: 147px;
	z-index: 5;
    display: none;
}

.salle_de_bain #pol_produit_hyg3{
	position: absolute;
	width: 22px;
	height: 36px;
	bottom: 132px;
	right: 116px;
	z-index: 6;
    display: none;
}

.salle_de_bain #pol_produit_cosm{
	position: absolute;
	/*width: 14px;
	height: 22px;
	bottom: 163px;
	left: 126px;*/
    width: 80px;
    height: 22px;
    bottom: 163px;
    left: 106px;
	z-index: 7;
}

.salle_de_bain #pol_produit_cosm2{
	position: absolute;
	width: 13px;
	height:37px;
	bottom: 163px;
	left: 173px;
	z-index: 8;
    display: none;
}



/* -------------------------------------------------------------------------- */
/* 8 */
/* garage
/* ========================================================================== */

.garage #fond_header, .garage #score {
	background: #c2c1c1;
}

.garage #description img {
	border-color: #c2c1c1;
}

.garage h2, .garage .impact_sante ul li {
	color: #c2c1c1;
}

.garage #titre_piece {
	top: 20px;
	left: 367px;
}

.garage #piece {
	width: 581px;
	height: 519px;
}

.garage #pol_voiture {
	position: absolute;
	width: 350px;
	height: 263px;
	bottom: 0px;
	left: 185px;
	z-index: 1;
}
	.garage .indice.pol_voiture { 
		left: 340px;
		bottom: 130px;
	}

.garage #pol_produits_brico1 {
	position: absolute;
	width: 60px;
	height: 27px;
	top: 176px;
	left: 50px;
	z-index: 2;
}
	.garage .indice.pol_produits_brico1 { 
		top: 172px;
		left: 60px;
	}

.garage #pol_produits_brico2 {
	position: absolute;
	width: 90px;
	height: 75px;
	top: 130px;
	left: 166px;
	z-index: 3;
}
	.garage .indice.pol_produits_brico2 { 
		top: 150px;
		left: 190px;
	}

.garage #pol_produits_brico3 {
	position: absolute;
	width: 47px;
	height: 100px;
	bottom: 60px;
	left: 10px;
	z-index: 4;
}
	.garage .indice.pol_produits_brico3 { 
		left: 13px;
		bottom: 90px;
	}



/* -------------------------------------------------------------------------- */
/* 8 */
/* Exterieur
/* ========================================================================== */

.exterieur #fond_header, .exterieur #score {
    background: #619644;
}

.exterieur #description img {
    border-color: #619644;
}

.exterieur h2, .exterieur .impact_sante ul li {
    color: #619644;
}

.exterieur #titre_piece {
    top: 17px;
    left: 369px;
}

.exterieur #piece {
    width: 565px;
    height: 514px;
}

.exterieur #pol_voiture {
    position: absolute;
    width: 294px;
    height: 115px;
    right: 24px;
    bottom: 105px;
    z-index: 1;
}
.exterieur .indice.pol_voiture {
    right: 165px;
    bottom: 144px;
}

.exterieur #pol_voiture {
    position: absolute;
    width: 294px;
    height: 115px;
    right: 24px;
    bottom: 105px;
    z-index: 1;
}
.exterieur .indice.pol_voiture {
    right: 165px;
    bottom: 144px;
}


.exterieur #pol_tonte {
    position: absolute;
    width: 93px;
    height: 78px;
    left: 108px;
    bottom: 98px;
    z-index: 1;
}
.exterieur .indice.pol_tonte {
    left: 147px;
    bottom: 120px;
}




/* -------------------------------------------------------------------------- */
/* 8 */
/* Pop-up
/* ========================================================================== */
.modal {
	/*display: block;*/
	margin: 120px auto 0 auto;
}
/*.fade {
    opacity: 1;
    transition: opacity 0.15s linear 0s;
}
.modal.fade .modal-dialog {
    transform: none;
    transition: none;
}*/
.modal-content {
    background: url(../images/description3.png) top center no-repeat transparent;
    box-shadow: none;
    border: none;
    min-height: 435px; /*340px;*/
    padding-top: 20px;
}

.modal-body {
    margin: 30px 0 0 0;
    padding: 15px;
    position: relative;
}

.return-home{
    /*margin-top: 10px; 88px;*/
	 margin: 0 0 20px 440px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Finger Paint', Arial;
}

.return-home a {
    text-decoration: none;
    color: 444444;
}

/*.return-home:after{
    content: "";
    display: block;
    clear: both;
}*/

.bravo-logo{
    float: left;
    margin: 0 0 0 225px;
	clear: both;
}

.finish_complet .bravo-logo {
    float: left;
	margin: 0 0 0 100px;
	clear: none;
}
.finish_complet .bravo-logo.conf_droite {
    float: right;
	margin: 0 100px 0 0;
	clear: none;
}

#piece_txt_bravo, .bravo-header {
    position: absolute;
    color: #444444;
    top: 391px;
    right: 96px;
    width: 419px;
    height: 84px;

    text-align: center;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Finger Paint', Arial;
}
	.finish_complet .bravo-header {
		margin: -10px 0 0 0;
   		font-size: 14px;
	}

.bravo-header{
    position: static;
    width: 100%;
	float: left;
	margin: 20px 0 0 0;
}

.bravo-header strong {
    font-size: 40px;
}
	.finish_complet .bravo-header strong {
		font-size: 28px;
	}




/*.bravo-header:after{
    content: "";
    display: block;
    clear: both;
}*/


#btn_reset{
    left: 10px;
    bottom: 20px;
    color: #FFF;
    font-size: 20px;
	font-family: 'Open Sans', sans-serif;
}

#piece .tooltip-inner{
    background: #000;
}

.close-md{
    background: none;
    border: none;
    padding: 0;
}