@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 960px) and (max-width: 1179px){

body {
	background-color:#37a6b1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#page {
	width:100%;
	height:auto;
	background-color:#ffffff;
}

#photo_liste {
	display:none;
}

#photo_principale {
	display:none;
}

#header{
	position: relative;
	width: 100%;
	background-color:#37a6b1;
	}

#centre{
	width:100%;
	position:static;
	float:left;
	height:auto;
	background-color:#ffffff;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
}

#half{
	position:static;
	float:left;
	width:58%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
}

#half-hg{
	position:static;
	float:left;
	width:58%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
}

#half-home{
	display:none;
}

#half2{
	position:static;
	float:left;
	width:40%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
	margin-top:10px;
}

#home-diapo{
	position:static;
	float:left;
	width:100%;
	height:100%;
	margin-bottom:10px;
}

#col_droite{
	position:static;
	float:left;
	width:100%;
	height:auto;
}

#col_merci{
	position:static;
	float:left;
	width:100%;
	height:auto;
	text-align:justify;
	padding-bottom:20px;
	padding-top:20px;
}


#menu-h {
	position:relative;
	float:left;
	margin-left:0px;
	height:auto;
	width:60%;
}

#menu-item1{
	position:relative;
	float:left;
	width:100%;
	height:20px;
}

#menu-item1:hover{
	height:18px;
	color:#ffffff;
	background-color:#000000;
}

.item-menu{
	font-size:16px;
	text-decoration:none;
	color:#77913a;
	}	

.item-menu:hover{
	color: #ffffff;
}

#drapeau{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

#drapeau2{
	position:relative;
	float:right;
	margin-top:10px;
	margin-left:5px;
}


#home-texte{
	font-size:14px;
	position:static;
	float:left;
	height:auto;
	margin-top:10px;
	padding:10px;
	text-align:justify;
}

#menu_bas{
	background-color:#27282d;
 	margin-left: auto;
  	margin-right: auto;
	position:static;
	width:100%;
	z-index=2000;
}


#bas_logo{
	position:static;
	float:left;
	width:120px;
	height:auto;
	padding:10px;
}

#bas_adresse{
	position:static;
	float:left;
	width:220px;
	height:auto;
	padding:10px;
}

#bas_droite{
	position:static;
	float:left;
	width:33%;
	height:auto;
	margin-bottom:20px;
}


#bas_items{
	position:static;
	float:left;
	padding:10px;
	height:auto;
}

.nb_bas {
	color:#ffffff;
	font-style:italic;
}

.menu_bas2:hover {
	color: #164246; 
}

.menu_bas2:before {
	font-family: FontAwesome;
    content: "\f0a4";
	margin-right:5px;
	margin-left:10px;
}

#diapo{
	margin-top:15px;
	margin-bottom:15px;
	padding:15px;
	position:static;
	float:right;
	width:460px;
	overflow: hidden;
}

.numtel{
	font-size:18px;
	font-weight:bold;
}

#pl{
	position:static;
	float:left;
	width:96%;
	height:280px;
	margin: 10px;
	border: solid #585853 thin;
}

.mini_bord{
	border: solid #585853 thin;
}	

#tete_pl{
	position:static;
	float:left;
	width:100%;
	height:30px;
	padding:5px;
	/*border-bottom: solid #585853 thin;*/
}

#corps_pl{
	position:static;
	float:left;
	width:100%;
	height:auto;
}
#bas_pl{
	position:static;
	float:left;
	width:100%;
}

#header-lang{
	margin-top:8px;
	position:static;
	float:right;
	width:200px;
	padding:10px
}

#t1{
	margin-left:120px;
	margin-top:-23px;
	width:350px;
}

#copyright2 {
	position:static;
	float:left;
	width:470px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#77913a;
}

#copyright-g {
	position:static;
	float:left;
	width:230px;
}

#hide-diapo {
	visibility:hidden;
}

.diapo-photo{
	float: none;
    width: auto;
    height: auto;
    max-height: 480px; /* <= set max-height here */
    margin: 0 auto; /* auto left/right margin for centering */
}
  
.diapo-photo2{
	float: none;
    width:480px;
    height: auto;
    max-height: 480px; /* <= set max-height here */
    margin: 0 auto; /* auto left/right margin for centering */
} 

.plein-ecran {
	text-decoration:none;
	visibility: hidden;
	display: none;
	color:#ffffff;
}

.plein-ecran:hover {
	text-decoration:underline;
	visibility: hidden;
	display: none;
	color:#ffffff;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height:100%;
  padding: 0;
  margin: 0;
  }
  
 
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 100%;
  float: left;
  width: 100%;
  border: 0;
  }
  
 #vendeur{
	position:static;
	float:left;
	margin:15px;
	width:94%;
	padding-left:20px;
	padding-right:6px;
	border-color:#460101;
	border-width:1px;
	border-style:dashed;
	background-color:#d7edef;
}

.hauteur_photo{
	width:auto;
	height:352px;
}

#infos_fiche{
	position:static;
	float:left;
	width:24%;
	padding-left:2px;
	padding-right:2px;
}

#infos_fiche_imp{
	position:static;
	float:right;
	width:24%;
	padding-left:10px;
}

.form_nom{
	width:80%;
}

.form_mail{
	width:80%;
}

.form_tel{
	width:80%;
}

.form_message{
	width:95%;
}

#contact_photos{
	display:none;
}

#contact{
	background-color:#d7edef;
	position:static;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:10px;
	width:90%;
	padding:15px;
	border-color:#460101;
	border-width:1px;
	border-style:dashed;
}

#infos_legales{
	position:static;
	float:left;
	width:94%;
	padding:15px;
}
 
}

@media screen and (min-width: 639px) and (max-width: 959px){

body {
	background-color:#37a6b1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#page {
	width:100%;
	height:auto;
	background-color:#ffffff;
}

#diafiche2 {
	display:none;
}

#photo_liste {
	display:inline;
	position:static;
	float:left;
	width:99%;
	height:auto;
	margin-left:10px;
}

#photo_principale {
	display:inline;
	position:static;
	float:left;
	width:99%;
	height:auto;
}


#header{
	position: relative;
	width: 100%;
	background-color:#37a6b1;
	}

#centre{
	width:100%;
	position:static;
	float:left;
	height:auto;
	background-color:#ffffff;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
}

#half{
	position:static;
	float:left;
	width:100%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
}

#half-hg{
	position:static;
	float:left;
	width:100%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
}

#half-home{
	display:none;
}

#half2{
	position:static;
	float:left;
	width:100%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
	margin-top:10px;
}

#home-diapo{
	position:static;
	float:left;
	width:100%;
	height:100%;
	margin-bottom:10px;
}

#col_droite{
	position:static;
	float:left;
	width:100%;
	height:auto;
}

#col_merci{
	position:static;
	float:left;
	width:100%;
	height:auto;
	text-align:justify;
	padding-bottom:20px;
	padding-top:20px;
}


#menu-h {
	position:relative;
	float:left;
	margin-left:0px;
	height:auto;
	width:60%;
}

#menu-item1{
	position:relative;
	float:left;
	width:100%;
	height:20px;
}

#menu-item1:hover{
	height:18px;
	color:#ffffff;
	background-color:#000000;
}

.item-menu{
	font-size:16px;
	text-decoration:none;
	color:#77913a;
	}	

.item-menu:hover{
	color: #ffffff;
}

#drapeau{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

#drapeau2{
	position:relative;
	float:right;
	margin-top:10px;
	margin-left:5px;
}


#home-texte{
	font-size:14px;
	position:static;
	float:left;
	height:auto;
	margin-top:10px;
	padding:10px;
	text-align:justify;
}

#menu_bas{
	background-color:#27282d;
 	margin-left: auto;
  	margin-right: auto;
	position:static;
	width:100%;
	z-index=2000;
}


#bas_logo{
	position:static;
	float:left;
	width:120px;
	height:auto;
	padding:10px;
}

#bas_adresse{
	position:static;
	float:left;
	width:220px;
	height:auto;
	padding:10px;
}

#bas_droite{
	position:static;
	float:left;
	width:33%;
	height:auto;
	margin-bottom:20px;
}


#bas_items{
	position:static;
	float:left;
	padding:10px;
	height:auto;
}

.nb_bas {
	color:#ffffff;
	font-style:italic;
}

.menu_bas2:hover {
	color: #164246; 
}

.menu_bas2:before {
	font-family: FontAwesome;
    content: "\f0a4";
	margin-right:5px;
	margin-left:10px;
}

#diapo{
	margin-top:15px;
	margin-bottom:15px;
	padding:15px;
	position:static;
	float:right;
	width:460px;
	overflow: hidden;
}

.numtel{
	font-size:18px;
	font-weight:bold;
}

#pl{
	position:static;
	float:left;
	width:96%;
	height:280px;
	margin: 10px;
	border: solid #585853 thin;
}

.mini_bord{
	border: solid #585853 thin;
}	

#tete_pl{
	position:static;
	float:left;
	width:100%;
	height:30px;
	padding:5px;
	/*border-bottom: solid #585853 thin;*/
}

#corps_pl{
	position:static;
	float:left;
	width:100%;
	height:auto;
}
#bas_pl{
	position:static;
	float:left;
	width:100%;
}

#header-lang{
	margin-top:8px;
	position:static;
	float:right;
	width:200px;
	padding:10px
}

#t1{
	margin-left:120px;
	margin-top:-23px;
	width:350px;
}

#copyright2 {
	position:static;
	float:left;
	width:470px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#77913a;
}

#copyright-g {
	position:static;
	float:left;
	width:230px;
}

#hide-diapo {
	visibility:hidden;
}

.diapo-photo{
	float: none;
    width: auto;
    height: auto;
    max-height: 480px; /* <= set max-height here */
    margin: 0 auto; /* auto left/right margin for centering */
}
  
.diapo-photo2{
	float: none;
    width:480px;
    height: auto;
    max-height: 480px; /* <= set max-height here */
    margin: 0 auto; /* auto left/right margin for centering */
} 

.plein-ecran {
	text-decoration:none;
	visibility: hidden;
	display: none;
	color:#ffffff;
}

.plein-ecran:hover {
	text-decoration:underline;
	visibility: hidden;
	display: none;
	color:#ffffff;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height:100%;
  padding: 0;
  margin: 0;
  }
  
 
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 100%;
  float: left;
  width: 100%;
  border: 0;
  }
  
 #vendeur{
	position:static;
	float:left;
	margin:15px;
	width:90%;
	padding-left:20px;
	padding-right:6px;
	border-color:#460101;
	border-width:1px;
	border-style:dashed;
	background-color:#d7edef;
}

.hauteur_photo{
	width:auto;
	height:352px;
}

#infos_fiche{
	position:static;
	float:left;
	width:48%;
	padding-left:2px;
	padding-right:2px;
}

#infos_fiche_imp{
	position:static;
	float:right;
	width:48%;
	padding-left:10px;
}

.form_nom{
	width:80%;
}

.form_mail{
	width:80%;
}

.form_tel{
	width:80%;
}

.form_message{
	width:95%;
}

#contact_photos{
	display:none;
}

#contact{
	background-color:#d7edef;
	position:static;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:10px;
	width:90%;
	padding:15px;
	border-color:#460101;
	border-width:1px;
	border-style:dashed;
}

#infos_legales{
	position:static;
	float:left;
	width:94%;
	padding:15px;
}
}