#main { 
  background: url(../img/backgrounds/pole-activ-ocean-professionnels.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
h1{
	color:#f08000;
	margin:15px 0 0 15px;
	font-size:25px;
}
div#pros.container{
	background:RGBA(255,255,255,0.9);
}
	
.texte_presentation{
	width:90%;
	margin:8px auto;
	color:#333;
	font-weight:bold;
	font-size:13px;
}
div#recherche{
	margin:10px 0 25px 10%;
}
div#recherche input{
	width:200px;
	background:#FFF;
}
div#liste_deroulante{
	margin:0px 0 10px 10%;
}
.pros_info{
	width:80%;
	margin:8px auto;
	display:table;
	border-bottom:1px dotted #999999;
	background:#FFF;
}
.pole{
	width:11%;
	min-width:60px;
	height:100%;
	color:#FFF;
	float:left;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	border-right:4px solid #FFF;
	line-height:60px;
}
.pole.couleur1{
	background:#1791e6;
}
.pole.couleur2{
	background:#e6b317;
}
.pole.couleur3{
	background:#d935b8;
}
.pole.couleur4{
	background:#8ed10b;
}
.content_etab{
	float:left;
	color:#333;
	font-size:14px;
	width:60%;
}
.lien_etab{
	width:11%;
	min-width:80px;
	height:100%;
	line-height:60px;
	color:#FFF;
	float:right;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	border-left:4px solid #FFF;
	background:#f08000;
}
.nom_etab, .metiers_etab{
	margin:5px;
	padding:0;
}
.metiers_etab{
	font-size:12px;
}
.adresse_etab{clear:left;
}
.nom_etab a, .lien_etab a{
	text-decoration:none;
}
.lien_etab a{
	color:#FFF;
	font-weight:bold;
	display:block;
	
}
.nom_etab a{
	color:#333;
	font-weight:bold;
	width:80px;
	height:100%;
}
.contenu_metier{
	position:relative;
	clear:left;
	padding:2% 4%;
}
.contenu_metier h2{
	margin-bottom:10px;
}
.contenu_metier ul{
	margin:10px;
	font-size:13px;
}
.contenu_metier p{
	color:#333333;
	font-size:14px;
}
.contenu_metier li{
	margin-left:10px;
	color:#333333;
}
div#carteGoogleMaps{position:relative;margin:20px auto 0;width:90%;height:325px;border:1px solid #72bbec;}
div#gm_infobulle{
	width:200px;
}
div#gm_infobulle h4{

}
div#legende{
	position:relative;
	width:90%;
	margin:0 auto;
}
div#legende p{line-height:30px;height:30px;font-size:12px;}
.legende{
	height:30px;
	float:left;
	background:no-repeat;
	background-position:0 50%;
	background-size:18px 30px;
	padding-left:24px;
	line-height:30px;
	margin-right:10px;
	padding-top:8px;
}
div#legende p img{height:30px;}
@media screen and (max-width : 550px) {
	.pros_info{
		width:90%;
	}
	.pole, .lien_etab{
		float:none;
		line-height:25px;
		border-right:0px;
	}
	.pole{
		text-align:left;
		margin-left:5px;
	}
	.content_etab{
		float:none;
		width:100%;
	}
	div#recherche, div#liste_deroulante{
	margin:20px 0 20px 5%;
	}
	.pole.couleur1{
		color:#1791e6;
		background:none;
	}
	.pole.couleur2{
		color:#e6b317;
		background:none;
	}
	.pole.couleur3{
		color:#d935b8;
		background:none;
	}
	.pole.couleur4{
		color:#8ed10b;
		background:none;
	}
}
@media screen and (max-width : 450px) {

	div#recherche{
		margin:10px 0 10px 5%;
	}
	div#liste_deroulante{
		margin:0 0 10px 5%;
	}
	#main {
		background:none;
	}
}
@media screen and (max-width : 350px) {
}