@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');

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


/*********************annuaire************/
.tab-annuaire {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
}

#form-filtres {
text-align: center;
}

#lst_commune {
padding: 5px 10px;
border: 1px solid #ddd;
background: #f2f2f2;
border-radius: 5px;
}
#form-filtres input {
display: none;
}
#form-filtres .reset {
padding: 5px 10px;
border: 1px solid #ddd;
background: #f2f2f2;
border-radius: 5px;
margin-left: 5px;
}
#form-filtres .reset:hover {
background: #f5f5f5;
color: #534741;
}

.item-annuaire {
position: relative;
width: 23%;
display:inline-block;
vertical-align: top;
margin: 10px 1%;
background: #f2f2f2;
padding: 20px;
}

.img-item {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}

.img-item img {
	min-height: 150px;
	width: auto;
}

.desc-item {
	position: relative;
	width: 100%;
}


/***********item seul***********/
.full-item {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
}

.titre-item {
position: relative;
width: 100%;
}
.titre-item h2 {
	float: left;
	width: 80%;
}

.lien-retour {
position: relative; 
float:right;
width: 18%;
text-align: right;
}

.full-desc {
position: relative;
float: left;
width: 65%;
padding: 20px 50px 20px 0;
}
.full-desc .separateur:last-child {
	display: none;
}

.full-desc .icone {
	float: left;
	margin: 0 20px 10px 0;
}

.icone.padding-bottom {
margin-bottom: 40px;
}

.full-img {
	position: relative;
float: left;
width: 35%;
}
.full-galerie {
	position: relative;
clear: both;
width: 100%;
}
.full-galerie img {
	width: auto;
	height: 200px;
	margin: 10px;
}
.full-galerie img:first-child {
display: none;
}

.divfloat {
float: left;
width: 32%;
margin-right: 1%; 
}

.divclear {
	clear: both;
}

img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

body {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #534741;
	background: #fff;
  font-weight: 400;
  overflow-x: hidden;
}
a {
	color: #534741;
	text-decoration: none;
}

a:hover,
a:focus {
color: #d9e021;
text-decoration: underline;
}

p {
	margin: 0 0 9px;
}

strong, b {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 9px 0;
	font-family: inherit;
	font-weight: 700;
	line-height: 100%;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 180%;
  color: #8cc63f;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}

ul,
ol {
	padding: 0;
	margin: 0 0 9px 65px;
}

li {
	line-height: 18px;
}

hr {
	margin: 15px 0;
	border: 0;
	height: 2px;
  background: #d9e021;
  clear: both;
}

.bouton-vert {
  background: #8cc63f;
  color: #fff;
  padding: 5px 10px;
  
}
.bouton-vert:hover {
  background: #d9e021;
  color: #fff;
}

@media (max-width: 840px) {
	
.item-annuaire {
width: 48%;
}

.full-desc {
	padding: 20px 20px 20px 0;
}
	
}

@media (max-width: 480px) {
	
.item-annuaire {
width: 98%;
}
.full-img {
width: 100%;
}
.full-desc {
	width: 100%;
	padding: 20px 0 20px 0;
}

.full-galerie img {
	width: 100%;
	height: auto;
}
	
}