/******************************************************
	
	Sections of stylesheet:
		$INDEX0 - FONTS AND RESET
		$INDEX1 - GENERAL
		$INDEX2 - HEADER TOP
		$INDEX3 - MENU
		$INDEX4 - MAIN LEFT 		
		$INDEX5 - MAIN CONTENT
		$INDEX6 - FOOTER		


		
******************************************************/	


/******************************************************

	$INDEX0 - FONTS AND RESET
	
******************************************************/	

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}


 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border:none;
 }
* { 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp, div {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

a:link, a:visited, a:hover, a:active { outline:none } 
 /* masquer les éléments superflus */
 .hide {
   display: none !important;
 }
 
.fade-color, .fade-color:hover 
{ 
-webkit-transition-property: color;
	-webkit-transition-duration: 0.4s;
	-moz-transition-property: color;
	-moz-transition-duration: 0.4s;
	transition-property: color;
	transition-duration: 0.4s;
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}


/******************************************************

	$INDEX1 - GENERAL
	
******************************************************/	

html { font-size: 62.5%; }
body {
	font-family: calibri,arial,helvetica,sans-serif;
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	color:#000;
	}

@font-face {
    font-family: 'myriad';
    src: url('../polices/myriadpro-regular-webfont.eot');
    src: url('../polices/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/myriadpro-regular-webfont.woff2') format('woff2'),
         url('../polices/myriadpro-regular-webfont.woff') format('woff'),
         url('../polices/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../polices/myriadpro-regular-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}	
h1 {font-family: 'myriad';font-size: 30px;font-size:3rem;font-weight:100;}
h2 {font-family: 'myriad';font-size: 25px;font-size:2.5rem;}
h3 {font-family: 'myriad';font-size: 22px;font-size:2.2rem;}
p {color:#000;margin:0.8em 0 0.8em 0;line-height:100%;font-size: 17px;font-size:1.7rem;}
b, strong{font-weight: bold;}
.bg-gris{background-color:#979798;border-bottom:4px solid #fff;padding:40px 50px;}
.gris{color:#484847;}
.rouge{color:#dd2323;}
#main2 {text-align:left;padding:10px 40px;}
#content {margin:20px 0;position:relative;}
.wp {width:1170px;display:block;margin:0 auto 0 auto;text-align:center;position:relative;height:100%;min-height:100%;}
#header{border-top: 10px solid #979798;padding:20px 0;}
#bandeau {display:block;background-color:#fff;text-align:center;border-top: 5px solid #fff;border-bottom: 2px solid #fff;}
#bandeau img{width: 100%;height:auto;border:none;margin:0;padding:0;}
#masson img{vertical-align:middle;height:auto;border:none;margin:0;padding:0;}
#masson {position:absolute;z-index:9;right: 0;bottom:4px;display:block;width: 12%;height:auto;}
#slogan {position:absolute;z-index:9;left: 700px;top:5px;display:block;width: 600px;height:auto;font-family: 'myriad';font-size: 50px;font-size:5rem;font-weight:bold;color:#fff;text-align:left;}
#slog1{position:absolute;top:10px;}
#slog2{position:absolute;top:80px;}
#slog3{position:absolute;top:150px;}
#slog2 span{display:inline-block;}
#slog2 img{width:74px;height:auto;vertical-align:top;}


.rouge-top{background-color:#dd2323;height:auto;color:#fff;border: 1px solid #dd2323;padding:0px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-khtml-border-top-left-radius: 20px;
border-top-left-radius:20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-khtml-border-top-right-radius: 20px;
border-top-right-radius:20px;
}
.rouge-top h2{color:#fff;font-size: 35px;font-size:3.5rem;font-weight:normal;}
.noir-top{background-color:#000;padding:2px;padding:8px 4px 11px 4px;height:38px;}
.noir-top h3{color:#fff;font-size: 17px;font-size:1.7rem;font-weight:normal;float:left;}
.gris-top{background-color:#979798;height:40px;-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-khtml-border-top-left-radius: 20px;
border-top-left-radius:20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-khtml-border-top-right-radius: 20px;
border-top-right-radius:20px;}
.gris-bottom{background-color:#979798;height:40px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-khtml-border-bottom-left-radius: 20px;
border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-khtml-border-bottom-right-radius: 20px;
border-bottom-right-radius:20px;}

a{text-decoration:none;color:#000;} 
a:hover{color:#000;} 
.clear h3{float:none;}
.blanc{color:#fff;}	

.go_top{
	  background:url(../images/sprite.png) right top no-repeat;
	  z-index:999;
      position: fixed;
      width: 55px;         /* A régler selon votre image */
      height: 55px;         /* A régler selon votre image */
      bottom: 20px;         /* A régler selon votre image */
      right: 20px;          /* A régler selon votre image */
      text-indent: -9999px;
      display: none;	  
}
.contact{font-weight:bold;font-size: 17px;font-size:1.7rem;background-color:#dd2323;color:#fff;text-align:center;padding:5px;}
.tri {float:right;}
.tri span {display:inline-block;color:#fff;}
/******************************************************

	$INDEX - FICHE
	
******************************************************/	
.FicheContenuDetail-mobile{display:none;}
.FicheEntete-mobile{display:none;}
#retour{position:absolute;right:10px;bottom:10px;width:70px;}
#retour img{width:70px;}
.FicheContenuDetail{margin:0 0 0 320px;position:relative;height:560px;}
.FicheContenuDetail p{height:280px; overflow:auto;word-wrap:break-word;}
.FichePhotoDetail{width:300px;float:left;}
.FichePhotoDetail img{width:100%;float:left;}
.desc-detail{border-bottom:1px solid #000;height:30px;padding:4px 0 0 0;}
.desc-detail h4{	font-family: helvetica,sans-serif;font-size: 14px;font-size:1.4rem;float:left;text-align:left;width:60%;}
.desc-detail span{float:right;text-align:right;width:40%;}
.terrain {height:40px;}
#descriptif h3 {margin:10px 0;}
.Liste-fiche{position:relative;text-align:left;padding:20px 0 20px 0;box-shadow: 9px 15px 8px 0px rgba(10, 10, 10, 0.71);
-moz-box-shadow: 9px 15px 8px 0px rgba(10, 10, 10, 0.71);
-webkit-box-shadow: 9px 15px 8px 0px rgba(10, 10, 10, 0.71);}
#agence {background-color:#fff;height:auto;margin: 0 0 20px 0;padding:10px 20px;-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-khtml-border-top-left-radius: 20px;
border-top-left-radius:20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-khtml-border-top-right-radius: 20px;
border-top-right-radius:20px;}
#rt {float:left;}
#rt img{width:250px;}
.agence-right {float:right;}
.agence-left {float:left;margin:0 0 0 27px;}
.fni {font-size: 12px;font-size:1.2rem;text-align:left;font-weight:normal;}	
/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	
#coord{float:left;width:40%;text-align:left;height:225px;}
#coord h1 > span{font-size: 40px;font-size:4rem;font-weight:bold;}
#coord span{font-size: 15px;font-size:1.5rem;}
#coord p{font-weight:bold;margin:8px 0;}
.titre-horaire {display:inline-block;float:left;height:30px;margin:0 10px 0 0;font-weight:bold;}
.tel, .tel-mobile {color:#dd2323;font-weight:bold;font-size: 35px;font-size:3.5rem;}
.tel-mobile a{color:#dd2323;}
.tel-mobile{display:none;}
#info{float:right;width:430px;border-right:10px solid #dd2323;text-align:left;height:200px;}
#info-img{width:20%;float:left;text-align:right;height:200px;}
#info-img img{height:200px;}
#info p{padding:40px 25px;width:auto;min-height:100%;height:200px;text-align:left;background-color:#a9a9a8;margin:0 4px 0 0px;}


/******************************************************

	$INDEX4 - FICHE LISTING
	
******************************************************/		
.Liste{position:relative;border-bottom:1px solid #000;text-align:left;padding:20px 0 20px 0;box-shadow: 0px 8px 8px 0px rgba(119, 119, 119, 0.46);
-moz-box-shadow: 0px 8px 8px 0px rgba(119, 119, 119, 0.46);
-webkit-box-shadow: 0px 8px 8px 0px rgba(119, 119, 119, 0.46);}
.details{background-color:#fff;padding:20px;position:relative;}
.FicheEnteteListe{}
.FicheTitre, .FicheTitreDetail{font-family: 'myriad';font-weight:bold;font-size: 30px;font-size:3rem;margin-right:115px;}
.FicheTitreDetail{font-family: 'myriad';font-weight:bold;font-size: 30px;font-size:3rem;margin-right:0px;}
.FicheDate{font-size: 15px;font-size:1.5rem;margin:0 0 0 3px;width:100px;}
.FichePrix{font-family: 'myriad';color:#dd2323;font-weight:bold;font-size: 30px;font-size:3rem;display:block;}
.FicheContenu{float:right;width:910px;}
.FichePhoto{width:250px;}
.FichePhoto img{width:100%;}
.space{clear:both;}
.photo-nc{font-size: 12px;font-size:1.2rem;margin:0 0 7px 0px;text-align:center;}
.plus{position:absolute;top:28px;right:0;width:110px;height:auto;background-color:#000;color:#fff;font-weight:bold;font-size: 17px;font-size:1.7rem;text-align:center;padding:2px;}
.plus-mobile{display:none;}
.newsPagination {margin:15px 0;}



@media screen and (max-width: 1439px) {
.wp {width:1070px;}
#slogan {left: 600px;top:0px;width: 500px;}
#slog1{top:10px;}
#slog2{top:80px;}
#slog3{top:150px;}
.FicheContenu{width:810px;}
.FichePhoto{width:250px;margin:0 810px 0 0px;}
#info{width:372px;}
.titre-horaire {height:25px;margin:0 10px 0 0;font-size: 16px;font-size:1.6rem;}
#horaire span{font-size: 14px;font-size:1.4rem;}
.tel, .tel-mobile {font-size: 33px;font-size:3.3rem;}

}	
@media screen and (max-width: 1200px) {
#main2 {padding:10px 20px;}
.wp {width:950px;}
.FicheContenu{float:right;width:690px;}
.FichePhoto{width:250px;}
#slogan {left: 570px;top:0px;width: 420px;font-family: 'myriad';font-size: 40px;font-size:4rem;}
#slog1{top:10px;}
#slog2{top:65px;}
#slog3{top:125px;}
#slog2 img{width:64px;}
.gris-top{height:35px;}
.rouge-top h2{font-size: 32px;font-size:3.2rem;}
.noir-top h3{font-size: 16px;font-size:1.6rem;}
/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	
#coord{height:200px;}
#coord h1 > span{font-size: 35px;font-size:3.5rem;}
#coord span{font-size: 15px;font-size:1.5rem;}
.titre-horaire {height:20px;margin:0px 5px 0 0;font-size: 14px;font-size:1.4rem;}
#horaire span{font-size: 12px;font-size:1.2rem;}
#horaire {line-height:14px;padding:px 0 0 0;}
.tel {font-size: 30px;font-size:3rem;}
#info-img{height:180px;}
#info{border-right:10px solid #dd2323;height:180px;width:325px;}
#info-img img{height:180px;}
#info p{padding:35px 20px;margin:0 4px 0 0px;height:180px;}

}

@media screen and (max-width: 1024px) {
.wp {width:830px;}
.FicheContenu{float:right;width:560px;}
.FicheContenuDetail{margin:0 0 0 270px;height:480px;}
.FicheContenuDetail p {height:253px;margin: 10px 0 20px 0;position: relative;}
.FichePhotoDetail{width:250px;}
.FicheTitre{font-size: 30px;font-size:3rem;}
.FicheDate{font-size: 14px;font-size:1.4rem;}
.FichePrix{font-size: 25px;font-size:2.5rem;}
.desc-detail{border-bottom:1px solid #000;height:25px;padding:4px 0 0 0;}
.desc-detail h4{	font-family: helvetica,sans-serif;font-size: 12px;font-size:1.2rem;float:left;text-align:left;width:60%;}
.desc-detail span{float:right;text-align:right;width:40%;}
.fni {font-size: 10px;font-size:1rem;text-align:left;font-weight:normal;}
#descriptif h3, .FicheContenuDetail-mobile h3 {margin:10px 0;font-size: 18px;font-size:1.8rem;}
#slogan {left: 500px;top:5px;font-family: 'myriad';font-size: 35px;font-size:3.5rem;width: 350px;}
#slog1{top:10px;}
#slog2{top:55px;}
#slog3{top:100px;}
#slog2 img{width:54px;}
.gris-top{height:30px;}
.rouge-top h2{font-size: 26px;font-size:2.6rem;}
.noir-top h3{font-size: 14px;font-size:1.4rem;}
p {margin:0.7em 0 0.7em 0;font-size: 15px;font-size:1.5rem;}
#rt img{width:200px;}
.agence-left {float:left;margin:0 0 0 0px;}
.terrain {height:40px;}
/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	
#coord{height:180px;}
#coord h1 > span{font-size: 33px;font-size:3.3rem;}
#coord span{font-size: 13px;font-size:1.3rem;}
#coord p{margin:5px 0;}
.titre-horaire {height:20px;margin:0px 5px 0 0;font-size: 13px;font-size:1.3rem;}
#horaire span{font-size: 11px;font-size:1.1rem;}
#horaire {line-height:10px;padding:1px 0 0 0;}
.tel {font-size: 30px;font-size:3rem;}
#info-img{height:160px;}
#info{border-right:8px solid #dd2323;height:160px;width:280px;}
#info-img img{height:160px;}
#info p{padding:30px 15px;margin:0 4px 0 0px;height:160px;}

}	

@media only screen and (max-width: 900px) {
.wp {width:680px;}
.FicheContenu{float:right;width:470px;}
.FichePhoto{width:200px;}
#slogan {left: 450px;top:0px;font-family: 'myriad';font-size: 24px;font-size:2.4rem;width: 230px;}
#slog1{top:10px;}
#slog2{top:50px;}
#slog3{top:90px;}
#slog2 img{width:44px;}

p {margin:0.6em 0 0.6em 0;font-size: 14px;font-size:1.4rem;}

#agence{margin-bottom: 10px;padding: 8px 10px;}
#rt img{width:200px;}
.agence-left p{font-size: 12px;font-size:1.2rem;}
.agence-left h1{font-size: 25px;font-size:2.5rem;}
.terrain {height:40px;}
/******************************************************

	$INDEX - FICHE
	
******************************************************/	
.bg-gris{background-color:#979798;border-bottom:4px solid #fff;padding:30px 15px;}
.FichePhotoDetail{width: 220px;}
.FichePhotoDetail img{width:100%;}
.FicheContenuDetail{margin-left: 230px;position: relative;height:480px;}
.FicheContenuDetail p {height:233px;margin: 10px 0 20px 0;position: relative;}
.FicheTitre{font-size: 27px;font-size:2.7rem;}
.FicheDate{font-size: 13px;font-size:1.3rem;}
.FichePrix{font-size: 22px;font-size:2.2rem;}
.desc-detail{border-bottom:1px solid #000;height:25px;padding:4px 0 0 0;}
.desc-detail h4{	font-family: helvetica,sans-serif;font-size: 12px;font-size:1.2rem;display:inline-block;text-align:left;width:60%;}
.desc-detail span{display:inline-block;text-align:right;width:40%;}
#descriptif h3, .FicheContenuDetail-mobile h3 {margin:10px 0;font-size: 18px;font-size:1.8rem;}
.terrain {height:40px;}
/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	
#coord{height:160px;}
#coord h1 {line-height:25px;}
#coord h1 > span{font-size: 27px;font-size:2.7rem;}
#coord span{font-size: 11px;font-size:1.1rem;}
#coord p{margin:5px 0;}
.titre-horaire {height:20px;margin:0px 2px 0 0;font-size: 10px;font-size:1rem;}
#horaire span{font-size: 9px;font-size:0.9rem;}
#horaire {line-height:9px;padding:0px 0 0 0;}
.tel {font-size: 26px;font-size:2.6rem;}
#info-img{height:140px;}
#info{border-right:6px solid #dd2323;height:140px;width:216px;}
#info-img img{height:140px;}
#info p{padding:20px 15px;margin:0 4px 0 0px;height:140px;}
/******************************************************

	$INDEX4 - FICHE LISTING
	
******************************************************/		
.details{background-color:#fff;padding:5px;}
}

@media only screen and (max-width: 700px) {
.wp {width:100%;}
#content {margin:0px 0;}
.gris-top, .rouge-top, .noir-top, .gris-bottom {-webkit-border-radius: 0px;-moz-border-radius: 0px;-khtml-border-radius: 0px;border-radius:0px;}
.noir-top{height:auto;padding: 5px 15px;}
#bandeau {width: 100%;height:136px; background:url(../images/bandeau.jpg) left top no-repeat;
-webkit-background-size:680px 136px;
-moz-background-size:680px 136px;
background-size:680px 136px;}
#masson {position:absolute;z-index:9;right: 0;bottom:0;display:block;width: 80px;height:auto;}
.desktop{display:none;}
#header{border-top: 7px solid #979798;padding:15px 10px;text-align:center;}
#slogan{display:none;}

p {margin:0.6em 0 0.6em 0;font-size: 14px;font-size:1.4rem;}
.tri, .noir-top h3 {float:none;}
.tri{margin-top:10px;}


/******************************************************

	$INDEX - FICHE
	
******************************************************/	
.bg-gris{background-color:#979798;border-bottom:0px solid #fff;padding:0px;}

#dpe {position:static;width:100%;text-align:center;border:1px solid #000;padding:0px;margin:10px 0;height:auto;}
#dpe img{width:144px;}
.FichePhotoDetail{width: 220px;}
.FichePhotoDetail img{width:100%;}
.FicheContenuDetail{margin-left: 230px;position: relative;height: 480px;}
.FicheContenuDetail p {margin: 10px 0 20px 0;position: relative;height: 240px;}
.desc-detail{border-bottom:1px solid #000;height:25px;padding:4px 0 0 0;}
.desc-detail h4{	font-family: helvetica,sans-serif;font-size: 12px;font-size:1.2rem;display:inline-block;text-align:left;width:60%;}
.desc-detail span{display:inline-block;text-align:right;width:40%;}
#descriptif h3, .FicheContenuDetail-mobile h3 {margin:10px 0;font-size: 18px;font-size:1.8rem;}
#agence{margin-bottom: 10px;border-top-left-radius: 0px;border-top-right-radius: 0px;padding:5px 0px;}
#agence p{margin: 0px;padding:0px;}
.terrain {height:40px;}

/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	

#coord{height:155px;width:62%;}
#coord h1 > span{font-size: 29px;font-size:2.9rem;}
#coord span{font-size: 11px;font-size:1.1rem;}
.titre-horaire {height:20px;margin:0px 2px 0 0;font-size: 9px;font-size:0.9rem;}
#horaire span{font-size: 8px;font-size:0.8rem;}
.tel, .tel-mobile {font-size: 28px;font-size:2.8rem;}
.tel-mobile{display:block;}
.tel{display:none;}
#info-img{height:140px;}
#info-img img{height:140px;}
#info{margin-left:0;width:100%;border-right:0px solid #dd2323;height:auto;display:block;clear:both;}
#info p{padding:20px 15px;margin:0 4px 20px 0px;width:100%;border-right:6px solid #dd2323;height:auto;}
.agence-left, .agence-right {float:none;}
/******************************************************

	$INDEX4 - FICHE LISTING
	
******************************************************/		
.Liste{position:static;border-bottom:1px solid #000;text-align:left;padding:10px 5px;}
.details{background-color:#fff;padding:5px;}
.FicheContenu{float:none;width:100%;}
.FichePhoto{width:100%;}
.FichePhoto img{width:100%;}
.space{clear:both;}
.plus{position:static;float:right;right:0;margin:10px 0 0 0;width:110px;height:auto;background-color:#000;color:#fff;font-weight:bold;font-size: 17px;font-size:1.7rem;text-align:center;padding:2px;}

}

@media only screen and (max-width: 500px) {
.wp {width:100%;}
#header{border-top: 7px solid #979798;padding:15px 10px;text-align:center;}
.gris-top{height:30px;}
.rouge-top{height:auto;padding: 5px 15px;}
.rouge-top h2{font-size: 20px;font-size:2rem;}
.noir-top{height:auto;padding: 5px 15px;}
.noir-top h3{font-size: 12px;font-size:1.2rem;}
p {margin:0.6em 0 0.6em 0;font-size: 14px;font-size:1.4rem;}
/******************************************************

	$INDEX - FICHE
	
******************************************************/	
.bg-gris{background-color:#979798;border-bottom:0px solid #fff;padding:0px;}
.FicheContenuDetail-mobile{display:block;}
.FicheEntete-mobile{display:block;}
.FicheTitre{margin-right:0px;}
.FicheContenuDetail{display:none;}
#dpe {position:static;width:100%;text-align:center;border:1px solid #000;padding:0px;margin:10px 0;height:auto;}
#dpe img{width:244px;}
.FichePhotoDetail{width:100%;float:none;}
.FichePhotoDetail img{width:100%;}
.desc-detail{border-bottom:1px solid #000;height:25px;padding:4px 0 0 0;}
.desc-detail h4{	font-family: helvetica,sans-serif;font-size: 12px;font-size:1.2rem;display:inline-block;text-align:left;width:50%;}
.desc-detail span{display:inline-block;text-align:right;width:50%;}
#descriptif h3, .FicheContenuDetail-mobile h3 {margin:10px 0;font-size: 18px;font-size:1.8rem;}
.terrain {height:40px;}
#rt{margin: 10px auto;width:200px;height:auto;float:none;}
/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	

#coord{float:none;height:160px;width:100%;}
#coord h1 > span{font-size: 29px;font-size:2.9rem;}
#coord span{font-size: 11px;font-size:1.1rem;}
#info{margin-left:0;width:100%;border-right:0px solid #dd2323;height:auto;display:block;}
#info-img{height:auto;width:100%;float:none;}
#info-img img{height:auto;width:100%;}
#info p{padding:20px 15px;margin:10px 4px 10px 0px;width:100%;border-right:6px solid #dd2323;height:auto;}
.info-img{width:100%;height:auto;display:block;}
/******************************************************

	$INDEX4 - FICHE LISTING
	
******************************************************/		
.Liste{position:static;border-bottom:1px solid #000;text-align:left;padding:10px 5px;}
.details{background-color:#fff;padding:5px;}
.FicheEntete{}
.FicheDate{}
.FicheContenu{float:none;width:100%;}
.FichePhoto{width:100%;}
.FichePhoto img{width:100%;}
.space{clear:both;}
.plus-mobile{display:block;width:100%;height:auto;background-color:#000;color:#fff;font-weight:bold;font-size: 17px;font-size:1.7rem;text-align:center;padding:5px;margin:5px auto 0 auto;}
.plus{display:none;}
}

@media only screen and (max-width: 330px) {
.wp {width:100%;}
#header{border-top: 7px solid #979798;padding:15px 10px;text-align:center;}
.gris-top{height:30px;}
.rouge-top{height:auto;padding: 5px 15px;}
.rouge-top h2{font-size: 18px;font-size:1.8rem;}
.noir-top{height:auto;padding: 5px 15px;}
.noir-top h3{font-size: 10px;font-size:1rem;}
p {margin:0.6em 0 0.6em 0;font-size: 14px;font-size:1.4rem;}
#retour{position:static;width:60px;margin:50px 0px 0 auto;}
#retour img{width:60px;}
/******************************************************

	$INDEX - FICHE
	
******************************************************/	
.bg-gris{background-color:#979798;border-bottom:0px solid #fff;padding:0px;}
.FicheContenuDetail-mobile{display:block;}
.FicheEntete-mobile{display:block;}
.details{background-color:#fff;padding:5px 5px 5px 5px ;}
.FicheContenuDetail{display:none;}
#dpe {position:static;width:100%;text-align:center;border:1px solid #000;padding:0px;margin:10px 0;height:auto;}
#dpe img{width:100%;}
.FichePhotoDetail{width:100%;float:none;}
.FichePhotoDetail img{width:100%;}
.desc-detail{border-bottom:1px solid #000;height:25px;padding:4px 0 0 0;}
.desc-detail h4{	font-family: helvetica,sans-serif;font-size: 12px;font-size:1.2rem;display:inline-block;text-align:left;width:50%;}
.desc-detail span{display:inline-block;text-align:right;width:50%;}
#descriptif h3, .FicheContenuDetail-mobile h3 {margin:10px 0;font-size: 18px;font-size:1.8rem;}
.terrain {height:40px;}
/******************************************************

	$INDEX3 - AGENCE
	
******************************************************/	

#coord{float:none;height:auto;width:100%;}
#coord h1 > span{font-size: 29px;font-size:2.9rem;}
#coord span{font-size: 11px;font-size:1.1rem;}
#info{margin-left:0;width:100%;border-right:0px solid #dd2323;height:auto;display:block;}
#info img{height:auto;width:100%;float:none;}
#info p{padding:20px 15px;margin:10px 4px 10px 0px;width:100%;border-right:6px solid #dd2323;height:auto;}
.info-img{width:100%;height:auto;display:block;}
/******************************************************

	$INDEX4 - FICHE LISTING
	
******************************************************/		
.Liste{position:relative;border-bottom:1px solid #000;text-align:left;padding:10px 5px;}
.FicheEntete{}
.FicheTitre{font-size: 25px;font-size:2.5rem;}
.FichePrix{font-size: 20px;font-size:2rem;}
.FicheDate{}
.FicheContenu{float:none;width:100%;}
.FichePhoto{width:100%;margin-top:10px;}
.FichePhoto img{width:100%;}
.space{clear:both;}


}