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



#infos div {
	display: table-cell;
	overflow:hidden;
	vertical-align: middle;
	text-align:justify;
	
} 

#infos {
	float:left;
	width:100%;
	height:auto;	
	border: solid #f19008 2px; 
	moz-box-shadow: 8px 8px 12px #aaa; 
	box-shadow: 8px 8px 12px #aaa; 
	-webkit-box-shadow: 8px 8px 12px #aaa;
	}
	
.element-image {
	float:left;
	width: 30%;
	height:auto; 
/*margin: 0 auto;*/
	padding-left:5%;
	display:block ;
}
	  
.element-texte {
	width: 50%;
  	text-align:justify; 
	vertical-align:middle;
/*	margin: 0 auto;*/
	padding-right:5%;
	
}
	
.lien-infos{
	text-decoration: none;
	color:#00C;
	font-style:italic;
}

.infos-responsive{
	width:80%;
	height:auto;
	float:left;}
	
@media (max-width: 480px) { /*jaune*/

#infos {
	margin-left:5%;
	width:100%;
	height:auto;
}	
#infos div {
	display: table-cell;
	overflow:hidden;
	}

.element-image {
	width: 100%;
	height:auto;
  }
  
.element-texte {
	width:90%;	
	padding-left:5%;	
}
}
@media (min-width: 481px) and (max-width: 768px) { /*rouge*/

#infos {
	margin-left:5%;
	width:100%;
	height:auto;
}	
#infos div {
	display: table-cell;
	overflow:hidden;
	}

.element-image {
	width: 100%;
	height:auto;
  }
  
.element-texte {
	width:90%;	
	padding-left:5%;	
}


}
@media (min-width: 769px) and (max-width: 1024px) {	/*vert*/

#infos div {
	display: table-cell;
	overflow:hidden;

} 

#infos {
	float:left;
	width:100%;
	height:auto;	
}
	
.element-image {
	float:left;
	width: 30%;
	height:auto; 
/*margin: 0 auto;*/
	padding-top:5%;
}
	  
.element-texte {
	width: 70%;
  	text-align:justify; 
	padding-right:5%;
	
}

}
@media (min-width: 1025px) and (max-width: 1280px) { /*bleu*/

}


@media (min-width: 1281px) and (max-width: 1600px) { /*rose*/


}