html,body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
html {
  overflow-x: hidden; 
  }

body {
  /*font-family: 'Noto Sans', sans-serif;*/
  font-family: 'Raleway', sans-serif;
  font-weight:500;
  line-height: 1.8;
  font-size: 16px;
  background: #fff;
  color: #333333; 
}


a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color: rgb(71, 82, 88);
  }
a:hover {
    text-decoration: none;
    color: #333333; 
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.45;
  font-weight: normal;
  color: #000; 
}



/* fond */
.bg_blue	{
    background: #5ea9c5;
    color:#ffffff;
}
.bg_blue:hover	{
    background: #5492a9;
}

.bg_light_blue	{
	 background: #91E4FF;
	 color:#000;
}
.bg_light_blue:hover	{
    background: #5492a9;
}
.bg_white	{
	background: #ffffff;
	color:#000;
}
.bg_white:hover	{
    background: #ced0d1;
}

.bg_black	{
	background: #000000;
	color:#fff;
}
.bg_black:hover	{
    background: #272727;
}

.bg_red	{
    background: #f44242;
}
.bg_red:hover	{
    background: #ecc9ca;
}


.bg_rose	{
	background: #F7DFF4;
}
.bg_rose:hover	{
    background: #ecc9ca;
}

.bg_red_clair	{
	background: #ef9ba7;
	color:#000;
}
.bg_red_clair:hover	{
    background: #ecc9ca;
}

.interdit{
	cursor:not-allowed;
}

.bg_green{
    /*background: #C9F0DA;*/
    background: #4CAF50;
	color:#fff;
}
.bg_green:hover	{
    background: #3f9242;
}

.bg_yellow{
    background: #E9F2B6;
}
.bg_yellow:hover	{
    background: #c9d393;
}

.bg_orange{
    background: #FCDDB1;
}
.bg_orange:hover	{
    background: #e4bc85;
}

.bg_grey{
    background: #F2F2F2;
}
.bg_grey:hover	{
    background: #b8b0b0;
}

.bg_darkgrey{
	background: #333333;
	color:#ffffff;
}
.bg_darkgrey:hover	{
    background: #686868;
}

.HideInDesktop{
	display:none;
}

/* Float et alignement*/
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.txt_left{
	text-align:left;
}
.txt_right{
	text-align:right;
}
.txt_justify{
	text-align:justify;
}
.link_no_underline{
	text-decoration: none;
}
.link_no_underline:hover{
	text-decoration: underline;
}
.txtcontent{
	padding:1px;
}
/* / Float et alignement*/

/* Espacement et separateur */
.spacer2{
	width:100%;
	clear:both;
	height:2px;
}
.spacer4{
	width:100%;
	clear:both;
	height:2px;
}
.spacer,.homeaddspacer{
	width:100%;
	clear:both;
	height:20px;
}
.spacer5{
	width:100%;
	clear:both;
	height:5px;
}
.spacer10{
	width:100%;
	clear:both;
	height:10px;
}
.spacer20{
	width:100%;
	clear:both;
	height:20px;
}
.clear{
	width:100%;
	height:1px;
	clear:both;
}

.rightbloc_element_spacer{
	width:100%;
	clear:both;
	height:5px;
	border-bottom: 1px solid #9a9a9a;
}

.padding{
	padding:15px;
}
.padding-top{
	padding-top:15px;
}
.padding-left{
	padding-left:15px;
}
.padding-right{
	padding-right:15px;
}
.padding-bottom{
	padding-bottom:15px;
}

.margin-top-50{
	margin-top:50px;
	width:100%;
}
.margin-top-100{
	margin-top:100px;
	width:100%;
}
.NegMargin20{
	margin-top:-20px;
}
.NegMargin50{
	margin-top:-50px;
}
.NegMargin100{
	margin-top:-100px;
}
/* /Espacement et separateur */





/* #######  DEBUT DE LA PERSONNALISATION DU TEMPLATE ######## */
/* HEADER */

#header{
	width:100%;
	border-bottom:1px solid #333;
	position:fixed;
	z-index:999;
	background-color:#ffffff;
}
#mini-headbar{
	width:100%;
	height:30px;
	background-color:#333;
	text-align:right;
}

	/*langue*/
	.lang,.lang a{

		width:40px;
		color:#fff;
		text-align:center;
		
		float:right;
		
		text-decoration:none;
	}
	.lang-border-r{
		border-right:1px solid #ccc;
	}
	.lang-border-l{
		border-left:1px solid #ccc;
	}
	.lang:hover{
		color:#000;
		background-color:#ccc;
		
	}
	
	/*/langue*/
	
	/* MENU */
	
	/* header */

				.HeaderMenu {
				  background-color: #fff;
				  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
				  width: 100%;
				}

				.HeaderMenu ul {
				  margin: 0;
				  padding: 0;
				  list-style: none;
				  overflow: hidden;
				  background-color: #fff;
				}

				.HeaderMenu li a {
				  display: block;
				  padding: 20px 20px;
				  border-right: 1px solid #f4f4f4;
				  text-decoration: none;
				}

				.HeaderMenu li a:hover,
				.HeaderMenu .menu-btn:hover {
				  background-color: #f4f4f4;
				}

				.HeaderMenu .logo {
				  display: block;
				  float: left;
				  font-size: 22px;
				  padding: 10px 20px;
				  text-decoration: none;
				}
				.logo img{
					max-height:45px;
				}
				/* menu */

				.HeaderMenu .menu {
				  clear: both;
				  max-height: 0;
				  transition: max-height .2s ease-out;
				}

				/* menu icon */

				.HeaderMenu .menu-icon {
				  cursor: pointer;
				  display: inline-block;
				  float: right;
				  padding: 28px 20px;
				  position: relative;
				  user-select: none;
				}

				.HeaderMenu .menu-icon .navicon {
				  background: #333;
				  display: block;
				  height: 2px;
				  position: relative;
				  transition: background .2s ease-out;
				  width: 18px;
				}

				.HeaderMenu .menu-icon .navicon:before,
				.HeaderMenu .menu-icon .navicon:after {
				  background: #333;
				  content: '';
				  display: block;
				  height: 100%;
				  position: absolute;
				  transition: all .2s ease-out;
				  width: 100%;
				}

				.HeaderMenu .menu-icon .navicon:before {
				  top: 5px;
				}

				.HeaderMenu .menu-icon .navicon:after {
				  top: -5px;
				}

				/* menu btn */

				.HeaderMenu .menu-btn {
				  display: none;
				}

				.HeaderMenu .menu-btn:checked ~ .menu {
				  max-height: 260px;
				}

				.HeaderMenu .menu-btn:checked ~ .menu-icon .navicon {
				  background: transparent;
				}

				.HeaderMenu .menu-btn:checked ~ .menu-icon .navicon:before {
				  transform: rotate(-45deg);
				}

				.HeaderMenu .menu-btn:checked ~ .menu-icon .navicon:after {
				  transform: rotate(45deg);
				}

				.HeaderMenu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
				.HeaderMenu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
				  top: 0;
				}

				/* 48em = 768px */

				@media (min-width: 48em) {
				  .HeaderMenu li {
					float: left;
				  }
				  .HeaderMenu li a {
					padding: 20px 30px;
				  }
				  .HeaderMenu .menu {
					clear: none;
					float: right;
					max-height: none;
				  }
				  .HeaderMenu .menu-icon {
					display: none;
				  }
				}

	
	/* /MENU */


/* /HEADER */

/* #######  DEBUT DE LA PERSONNALISATION DU TEMPLATE ######## */

#main{
	margin-top:99px;
	min-height:100%; 
	position:relative; 
	padding-bottom:28px;   /* Hauteur du pied de page */ 
}
#main a{
	color:#d2794f;
	text-decoration:none;
}
#main a:hover{
	text-decoration:underline;
}

/* BLOC DE CONTENU*/

#InImmoTopSharPrintBtn{
	position:absolute;
	top:5;
	right:0
}
#InImmoTopSharPrintBtn img{
	max-height: 25px;
	margin-left:10px;
}


		.fullwidth{
			width:100%;
			background-color:#ffffff;
			position:relative;
			display:block;
		}

		.middle{
			width:1400px;
			margin:0 auto;
			position:relative;
			display:block;
		}
		
		.slideshow  {
			width: 100%;
			height: 65%;
			background-repeat: no-repeat, repeat;
			background-size: cover;
			background-position: center;
			transition: background 0.5s linear;
			border-bottom: 1px solid #333;
		}
		#slideshow h1{
			font-size:48px;
			color:#ffffff;
			text-shadow: 1px 2px 3px #000000;
			text-align:center;
		}
		#slideshow h2{
			font-size:38px;
			color:#ffffff;
			text-shadow: 1px 2px 3px #000000;
			text-align:center;
		}
		
		
		.display-middleHome {
			position: absolute;
			top: 45%;
			left: 50%;
			transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
		}
		
		#home_bloc2{
			background-color:#d2794f;
			min-height: 230px;
			padding-top:10px;
			color:#ffffff;
			font-weight:bold;
		}

	/* MULTI-COLONNE*/
		.column-layout {  
			display: -webkit-flex;  
			display: -ms-flexbox;  
			display: flex; 
			-webkit-flex-wrap: wrap;  
			-ms-flex-wrap: wrap;  
			flex-wrap: wrap;  
		}  
		.column-layout .en3col {  
			width: 32%;
			margin: 10px 0.666%;
		} 
		
		.column-layout .en2col {  
			width: 47%;
			margin: 10px 1.5%;
		} 
		
	
	.preveiew_annonce{
		width:100%;
		height:230px;
	}
	.preveiew_annonce_separator{
		clear:both;
		width:100%;
	}
	.preveiew_annonce_title, .view_anonce_title{
		margin-top:10px;
		width:100%;
		min-height:25px;
		font-weight:bold;
	}
	.preview_vignette,.preview_description{
		float:left;
	}
	.preview_vignette{
		width:20%;
		height:100%;
	}
	.preview_vignette img{
		
		max-width:100%;
		width:100%;
		height:100%;
	}
	.preview_description{
		width:80%;
		height:100%;
		background: #fbf9f9;
	}
	.preview_description_content{
		padding:10px;
	}
	
	.preview_description_content_title{
		width:100%;
		height:50px;
		border-bottom:1px solid #333;
		font-weight:bold;
		
	}
	.preview_description_content_title_min{
		font-size:14px;
		margin-right:10px;
	}
	.preview_description_content_title_max{
		font-size:24px;
	}
	.preview_description_content_title_left{
		float:left;
	}
	.preview_description_content_title_right{
		float:right;
	}
	
	.link_plus_info{
		position:absolute;
		right:10px;
	}
	
	/* 2 colonnes */
	.big_left_col{
		float: left;
		width: 70%;
		min-height: 100%;
	}
	.small_right_col{
		float: right;
		width: 30%;
		min-width: 300px;
		min-height: 100%;
		margin-top:40px;
	}
	
	.smal_right_bloc {
		float: right;
		width: 90%;
		min-height: 150px;
		background-color: #f0f0f0;
		padding: 5px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(214,211,214,1);
		-moz-box-shadow: 0px 0px 3px 0px rgba(214,211,214,1);
		box-shadow: 0px 0px 3px 0px rgba(214,211,214,1);
		display: inline-block;
	}


	/* DETAIL D UN BIEN*/
	
	.immodetail_photoview{
	 float:left;
	 width:100%;
	 max-height:400px;
	 overflow:hidden;
	 margin-bottom:10px;

	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	 
 }
 .immodetail_photoview img{
	 width:100%;
	 border:1px solid #a2a2a2;
	 
	
 }
 
#OpenMapDiv{
	width:100%;
	height:350px;
	border:1px solid #000;
}
 
 
 /* modal img*/
 
			 
			 #IMGphotoview {
			  border-radius: 5px;
			  cursor: pointer;
			  transition: 0.3s;
			}

			#IMGphotoview:hover {opacity: 0.7;}

			/* The Modal (background) */
			.modal {
			  display: none; /* Hidden by default */
			  position: fixed; /* Stay in place */
			  z-index: 1000; /* Sit on top */
			  padding-top: 100px; /* Location of the box */
			  left: 0;
			  top: 0;
			  width: 100%; /* Full width */
			  height: 100%; /* Full height */
			  overflow: auto; /* Enable scroll if needed */
			  background-color: rgb(0,0,0); /* Fallback color */
			  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
			}

			/* Modal Content (Image) */
			.modal-content {
			  margin: auto;
			  display: block;
			  width: 80%;
			  max-width: 700px;
			}

			/* photoviewModalCaption of Modal Image (Image Text) - Same Width as the Image */
			#photoviewModalCaption {
			  margin: auto;
			  display: block;
			  width: 80%;
			  max-width: 700px;
			  text-align: center;
			  color: #ccc;
			  padding: 10px 0;
			  height: 150px;
			}

			/* Add Animation - Zoom in the Modal */
			.modal-content, #photoviewModalCaption { 
			  animation-name: zoom;
			  animation-duration: 0.6s;
			}

			@keyframes zoom {
			  from {transform:scale(0)} 
			  to {transform:scale(1)}
			}

			/* The Close Button */
			.close {
			  position: absolute;
			  top: 15px;
			  right: 35px;
			  color: #f1f1f1;
			  font-size: 40px;
			  font-weight: bold;
			  transition: 0.3s;
			}

			.close:hover,
			.close:focus {
			  color: #bbb;
			  text-decoration: none;
			  cursor: pointer;
			}

			/* 100% Image Width on Smaller Screens */
			@media only screen and (max-width: 700px){
			  .modal-content {
				width: 100%;
			  }
			}
 
 
 
 /* /modal img*/
 
 .immodetail_thumb{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
} 
.immodetail_thumb img{

	width:15%;
	height:100px;
	margin-left:3px;
	
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.immodetail_block,.border_bottom_separator{
	margin-bottom:10px;
	border-bottom: 2px solid #e3001b;
}

.immodetail_videopresentation{
	margin-top:10px;
	border-top: 2px solid #e3001b;
}

.immodetail_right_block >.spacer{
	height:2px;
}
.immosearchresult_descriptions_data_left{
	float:left;

}
.immosearchresult_descriptions_data_right{
	float:right;

}
.immosearchresult_descriptions_data_right img{
	max-height:20px;
	margin-top: 5px;
}


	/* /DETAIL D UN BIEN*/



/* / BLOC DE CONTENU*/




/* ResultSearchForm barre de recherche*/
#ResultSearchForm{
	background-color: #f0f0f0;
		width: 100%;
		min-height: 50px;
		border-bottom: 2px solid #333333;
		margin-top: 20px;
		padding-bottom: 10px;
		display: inline-table;
		
	}
	.ResultSearchFormBloc{
		float:left;
	}
	.ResultSearchFormElement{
		margin-right:35px;
		outline: none;
	}
	.ResultSearchFormInput{
		border:none;
		border-bottom:1px solid #333333;
	
		height:40px;
		width:200px;
		background-color:transparent;
		font-size:16px;
		color:#807c7c;
	}
	.ResultSearchFormInputSmall{
		border:none;
		border-bottom:1px solid #333333;
	
		height:40px;
		width:100px;
		background-color:transparent;
		font-size:16px;
	}
	.ResultSearchFormInput:focus{
		font-size:20px;
	}
	
	.SearchElementBoxOver{
		display:none;
		width:160px;
		min-height:100px;
		margin-top:-1px;
	
		position:absolute;
		background-color:#ffffff;
	
		border:1px solid rgba(176,170,176,1);
		padding:20px;
		font-size:12px;
		font-weight: bold;
	
		-webkit-box-shadow: 0px 0px 6px 1px rgba(176,170,176,1);
		-moz-box-shadow: 0px 0px 6px 1px rgba(176,170,176,1);
		box-shadow: 0px 0px 6px 1px rgba(176,170,176,1);
	}

	#npadata{
		position: absolute;
		right: 0;
		margin-top: -30px; 
		margin-right: 35px;
		color: #807c7c;
	}
	.positionrelative{
		position:relative;
	}
	
	
	.btn{
		min-width:100px;
		border:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height:45px;
		font-size:16px;
	
	}

	.btnsmall{
		min-width:100px;
		border:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height:30px;
		font-size:16px;
	
	}

	/* autocomplete UI*/
	.ui-menu {
		list-style: none;
		padding: 2px;
		margin: 0;
		display: block;
		float: left;
	}
	.ui-autocomplete {
		position: absolute;
		cursor: default;
	}
	.ui-widget-content {
		border: 1px solid #d9d6c4;
		background: #E8E8E8;
		color: #1f1f1f;
	}
	.ui-widget {
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.1em;
	}
	/* autocomplete UI*/

	/*/ ReseaultSearchBox barre de recherche*/	
	

/* pied de page*/

#footer {
	width: 100%;
	margin-top: auto;
    padding-top: 7px;
	bottom: 0;
	position:absolute; 
	background-color: #333;
	color:#ffffff;
	font-size:12px;
}
.footer_left{
	float:left;
	width:18%;
	margin-left:2%;
}
.footer_right{
	float:right;
	width:78%;
	text-align:right;
	margin-right:2%;
}

/* /pied de page*/


/* Modal De Partage */
.modalDePartage {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(133, 130, 130); /* Fallback color */
	background-color: rgba(133, 130, 130,0.4); /* Black w/ opacity */
  }
  
  /* modalDePartage Content/Box */
  .modalDePartage-content {
	background-color: #fefefe;
	border: 1px solid #888;
	margin: 15% auto; /* 15% from the top and centered */
	width: 330px; /* Could be more or less, depending on screen size */
  
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
  }
  #modalDePartageLiens, #modalDePartageEntete{
	  padding: 20px;
  }
  #modalDePartageLiens img{
	  max-width: 30px;
	  margin-top:1px;
	  float:left;
  }
  
  .modalDePartageLien{
	  width: 100%;
	  height: 45px;
  }
  .modalDePartageLiensICO{
	  float:left;
	  margin-top: -3px;
  }
  .modalDePartageLiensTXT{
	  margin-left:10px;
	  float: left;
  }
  
  /* The modalDePartageCloseBtn Button */
  .modalDePartageCloseBtn {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .modalDePartageCloseBtn:hover,
  .modalDePartageCloseBtn:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }
  
  .modalDePartageEnteteTXT{
	  font-size:30px;
	  font-weight: bold;;
  }
  #modalDePartageEntete{
	  border-bottom:1px solid #000000;
  }
  
  /* Modal De Partage */

/* PETITS ECRANS*/

@media only screen AND (max-width: 999px){
	.confid_policy_RGPDmodal_content {
		margin:0 auto;
	}
	
	.middle{
		width:100%;
	}
	
	.big_left_col, .small_right_col{
		
	}
	.big_left_col{
		width:68%;
	}
}

@media only screen AND (min-width: 1000px) AND (max-width: 1200px){
	.confid_policy_RGPDmodal_content {
		margin:0 auto;
	}
	
	.middle{
		width:950px;
		margin:0 auto;
		position:relative;
		display:block;
	}
	
	.preview_vignette{
		width:25%;
	}
	.preview_description{
		width:75%;
		overflow:hidden;
	}
	.link_plus_info{
		margin-top: -25px;
	}
	.preveiew_annonce{
		margin-top:20px;
	}
	
	.big_left_col, .small_right_col{
		
	}
	.big_left_col{
		width:68%;
	}
	
}

@media only screen AND (min-width: 1201px) AND (max-width: 1400px){
	.confid_policy_RGPDmodal_content {
		margin:0 auto;
	}
	
	.middle{
		width:1150px;
		margin:0 auto;
		position:relative;
		display:block;
	}
}





/* /PETITS ECRANS*/



/* SMARTPHONE */
@media only screen AND (max-width: 768px){
	#main{
		margin-top:96px;
	}
	.column-layout .en3col {  
		width: 98%;
		margin: 1%;
	} 
	
	.column-layout .en2col {  
		width: 92%;
		margin: 1%;
	} 
	
	.footer_left{
		float:left;
		width:48%;
		margin-left:2%;
	}
	.footer_right{
		float:right;
		width:48%;
		margin-right:2%;
		text-align:right;
	}
}

@media only screen AND (max-width: 940px){
	.txtcontent{
		padding:10px;
	}

	.HeaderMenu .logo {
		padding: 10px 10px;
	}
	.HideInMobile{
		display: none;
	}
	.HideInDesktop{
		display: block;
	}
	.slideshow{
		height:35%;
	}
	.display-middleHome {
		position: absolute;
		top: 15%;
		left: unset;
		width: 100%;
		transform: unset;
		-ms-transform: unset;
	}
	#slideshow h1 {
		font-size: 35px;
	}
	#slideshow h2 {
		font-size: 28px;
	}
	.preview_description{
		height:unset;
	}
	.preview_description_content_title {
		height:unset;
	}
	.preview_description_content_title_left{
		float:unset;
	}

	.preveiew_annonce {
		width: 100%;
		height:unset;
	}
	.preview_vignette {
		height: 25%;
	}
	.preveiew_annonce_title_data{
		padding-left:10px;
	}
	
	.preview_vignette, .preview_description {
		width:100%;
	}
	
	.preview_vignette{
		text-align:center;
	}
	.preview_vignette img {
		width:unset;
	}
	.link_plus_info {
		right:10px;
	}
	.preveiew_annonce_separator {
		clear: both;
		width: 100%;
		border-bottom:1px solid #d2794f;
		padding-top: 20px;
		margin-bottom: 25px;
	}

	.view_anonce_title a{
		margin-left:10px;
	}
	.big_left_col, .small_right_col{
		width:100%;
	}
	.immodetail_thumb img {
		width: 15%;
		height: 100px;

	}
	.small_right_col{
		margin-top:0px;
		float:none;
	}
	.smal_right_bloc{
		float: unset;
		width:97%;
		margin-left:1%;
		margin-right:1%;
	}
	.immodetail_block{
		padding:10px;
	}
	.Annoncemap{
		text-align:center;
	}
	.Annoncemap iframe{
		width:99%;
	}
	
	.ResultSearchFormBloc{
		width:100%;
		float:unset;
	}
	.ResultSearchFormInput {
		width:100%;
	}
	#ResultSearchForm input[type=submit]{
		margin-top:20px;
	}


	
}

	/* MINI Smartphone*/
	@media only screen AND (max-width: 700px){
		.immodetail_thumb img {
			width: 15%;
			height: 70px;
		
		}
		
		
	}

	@media only screen AND (max-width: 450px){
		.immodetail_thumb img {
			width: 22%;
			height: 70px;
		
		}
		
		
	}


	@media only screen AND (max-width: 350px){
		#footer{
			bottom:-10px;
		}

		.slideshow{
			height:23%;
		}
		.display-middleHome {
			position: absolute;
			top: 10%;
			left: unset;
			width: 100%;
			transform: unset;
			-ms-transform: unset;
		}
		#slideshow h1 {
			font-size: 25px;
		}
		#slideshow h2 {
			font-size: 18px;
		}
		
		
	}

	@media only screen AND (max-width: 300px){
		.immodetail_thumb img {
			width: 25%;
			height: 70px;
		
		}
		.logo img {
			max-width: 150px;
		}
		#main{
			margin-top:89px;
		}
	}

	@media only screen AND (max-width: 250px){
		.logo img {
			max-width: 100px;
			margin-top: 6px;
		}
		
		#main{
			margin-top:40px;
		}
		#footer{
			font-size:9px;
		}
	}
/* /SMARTPHONE */



/* #######  DEBUT DE LA PERSONNALISATION DU TEMPLATE ######## */



/* ##### pagination #### */
.pagination {
font:12px Arial, Helvetica, sans-serif;
/*margin:40px 0 0 90px;*/
text-align:center;
margin-top:20px;
}
 
.pagination a {
background:#fff;
border:1px solid #ccc;
color:#ccc;
margin:2px;
padding:.2em .4em;
text-decoration:none
}
 
.pagination a:hover {
background:#fff;
border:1px solid #000;
color:#000;
}
 
.pagination span.inactive {
background:#fff;
border:1px solid #ccc;
color:#ccc;
margin:2px;
padding:.2em .4em
}
 
.pagination span.active {
background:#EDEBEB;
border:1px solid #000;
color:#000;
font-weight:700;
margin:2px;
padding:.2em .4em
}
/* ##### /pagination #### */




/* XiRGPD */
/*
	Mise en forme des bandeaux
	d'affichage de la RGPD
	(c) Xineo SA
	Update : 15 janvier 2019
*/
body,html{
	margin:0;
	padding:0;
}
#confid_policy{
	position:fixed;
	bottom:0;
	height:50px;
	border-top:1px solid #000;
	width:100%;
	z-index:1000;
	padding-top:20px;
	
	background-color:#fff;
}
.confid_policy_title{
	padding-left:15px;
	float:left;
	font-size:22px;
	font-weight:bold;
	line-height:20px;
}
.confid_policy_intro{
	font-size:12px;
	font-weight:normal;
	margin-top:-5px;
}
.confid_policy_button{
	border:1px solid #000;
	padding:5px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	
	font-size:16px;
	
	cursor:pointer;
}
.confid_policy_button:hover{
	background-color: rgba(173,173,173,0.2); /* Black w/ opacity */
}

  .indesktop{
	  display:none;
  }


/* The Modal (background) */
	.confid_policy_RGPDmodal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(173,173,173); /* Fallback color */
		background-color: rgba(173,173,173,0.4); /* Black w/ opacity */
	}

	/* Modal Content/Box */
	.confid_policy_RGPDmodal_content {
		background-color: #fff;
		margin: 10% auto; /* 15% from the top and centered */
		padding: 20px;
		width: 80%; /* Could be more or less, depending on screen size */
		max-width:650px;
		min-height:450px;
		
		font-size:12px;
		
		border: 1px solid #ccc;
		-webkit-box-shadow: 0px 0px 15px 1px rgba(173,173,173,0.3);
		-moz-box-shadow: 0px 0px 15px 1px rgba(173,173,173,0.3);
		box-shadow: 0px 0px 15px 1px rgba(173,173,173,0.5);
		color:#000;
	}
	
	.confid_policy_RGPDmodal_content p{
		color:#000;
		display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
	.confid_policy_RGPDmodal_content h3 {
		color:#000;
		display: block;
		font-size: 1.17em;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		font-weight: bold;
	}
	.confid_policy_RGPDmodal_content h4{
		color:#000;
		display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		font-weight: bold;
	}
	
	.confid_policy_RGPDmodal_content ul, menu, dir {
		display: block;
		list-style-type: disc;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 40px;
	}
	
	.confid_policy_RGPDmodal_content li {
		display: list-item;
		text-align: -webkit-match-parent;
	}
	

	/* The Close Button */
	.close {
		color: #aaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
	
	#confid_policy_RGPDmodal_content_footer{
		width:100%;
		border-top:1px solid #000;
		min-height:30px;
		margin-top:10px;
		padding-top:10px;
	}
/* /The Modal (background) */


@media only screen and (min-width: 10px) AND (max-width: 360px) {
	#confid_policy {
		height: 180px;
	}
	#confid_policy_button_list{
		padding-top:140px;
	}

}
@media only screen and (min-width: 361px) AND (max-width: 549px) {
	#confid_policy {
		height: 170px;
	}
	#confid_policy_button_list{
		padding-top:115px;
	}

}
@media only screen and (min-width: 550px) AND (max-width: 1039px) {
	#confid_policy {
		height: 120px;
	}

	
}
@media only screen and (min-width: 1040px) AND (max-width: 1285px) {
	#confid_policy {
		height: 100px;
	}
	#confid_policy_button_list{
		clear:both;
	}

}
@media only screen and (min-height: 10px) AND (max-height: 600px) {
	.confid_policy_RGPDmodal_content {
		margin:0 auto;
	}
}
@media only screen and (min-height: 601px) AND (max-height: 700px) {
	.confid_policy_RGPDmodal_content {
		margin:1% auto;
	}
}
@media only screen and (min-height: 701px) AND (max-height: 800px) {
	.confid_policy_RGPDmodal_content {
		margin:2% auto;
	}
}
@media only screen and (min-height: 801px) AND (max-height: 950px) {
	.confid_policy_RGPDmodal_content {
		margin:5% auto;
	}
}

/* /XiRGPD */