/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	div#portraits{
		background:none;
	}
	
	.photo_item {
		height: 170px;
	}
	
	
	div#content3{
		/*background:#cccccc;
		overflow:hidden;
		margin-top:4px;*/
		border-bottom:5px solid #eb5a01;
		margin-top:-300px;
		z-index:99;
	}
	
	div#recherche_annonces {
		margin:30px auto 9px auto;
	}
	
	
	
}
@media screen and (max-width : 900px) {
/*On veut centrer l'image et couper les bords*/
	
	.nivoSlider{
		position:relative;
        height:200px; 
        overflow:hidden;
		width:100%;	
	}
	
	div#animation .nivoSlider img{
		width:100% !important;
		max-height:200px;
		text-align: center;
		background-position:center center;
	}
	div#adresse_mobile, div#smart_mobile{
		float:none;
		margin:15px auto;
		max-width:370px;
	}
	
	
	
	div#content3{
		background:#cccccc;
		overflow:hidden;
		margin-top:4px;
		border-bottom:5px solid #eb5a01;
	}
	div#recherche_annonces {
		margin:30px auto;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 850px */
/*********************************************************************************************************/
@media screen and (max-width : 850px) {
	div#animation{
		margin-left:-25px;
	}
	div#showreel_texte p{
		font-size:0.7em;
	}
	.item{
		float:none;
		width:94%;
		margin:20px auto;
	}
	.content_item{
		overflow:hidden;
	}
	div#item1 .content_item, div#item3 .content_item{
		background:#FFF;
	}
	.gauche_item{
		width:60%;
		float:left;
	}
	.droite_item{
		width:40%;
		float:right;
	}
	.photo_item{
		height:auto;
		padding:0;
		width:100%;
		max-height:286px;
	}
	.photo_item img{
		display:table;
		width:auto;
		max-width:445px;
	}
	.title_item{
		margin-top:5px;
	}
	
	
	
}
/*********************************************************************************************************/
/* inférieur à 800px */
/*********************************************************************************************************/

@media screen and (max-width : 800px) {
	div#animation{
		margin-left:-50px;
	}
	
	.photo_item img {
		max-width: 425px;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 750px */
/*********************************************************************************************************/
@media screen and (max-width : 750px) {
	div#animation{
		margin-left:-75px;
	}
	.photo_item img {
		max-width: 405px;
	}
}
/*********************************************************************************************************/
/* inférieur à 700px */
/*********************************************************************************************************/
@media screen and (max-width : 700px) {
	div#animation{
		margin-left:-100px;
	}
	.photo_item img {
		max-width: 385px;
	}
	
	.ville_item {
		margin-top:5px;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 650px */
/*********************************************************************************************************/

@media screen and (max-width : 650px) {
	div#animation{
		margin-left:-150px;
	}
	.photo_item img {
		max-width: 365px;
	}
	
}

/*********************************************************************************************************/
/* inférieur à 600px */
/*********************************************************************************************************/
@media screen and (max-width : 600px) {
	div#animation{
		margin-left:-175px;
	}
	.gauche_item{
		width:100%;
		float:none;
	}
	.item{
		width:90%;
	}
	.droite_item{
		width:100%;
		float:none;
	}
	.texte_desc_item{
		min-height:inherit
	}
	.photo_item img{
		max-width:100%;
	}
}
/*********************************************************************************************************/
/* inférieur à 550px */
/*********************************************************************************************************/
@media screen and (max-width : 550px) {
	div#animation{
		margin-left:-200px;
	}
	.contact_mobile{
		font-size:21px;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 550px */
/*********************************************************************************************************/
@media screen and (max-width : 500px) {
	div#animation{
		margin-left:-225px;
	}
	.img_ref{
		max-height:none;
	}
	.tel_portrait, .fonction_portrait, .nom_portrait {
		font-size:20px;
	}
	.nom_portrait {
		font-size:19px;
	}
	.photo_portrait img{
		max-width:80px;	
	}
	.left .photo_portrait{
	margin-right:7px;
	}
	.right .photo_portrait{
	margin-left:7px;
	}
	.portrait.left{
		margin-bottom:15px;
	}
	
	
}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

@media screen and (max-width : 480px) {
	div#animation{
		margin-left:-240px;
	}
	div#animation_bottom{
		display:none;
	}
	.contact_mobile{
		padding-left:70px;	
		font-size:18px;
		height:70px;
	}
	div#adresse_mobile, div#smart_mobile{
		background-size:60px;
	}
	.desc_portrait{
		margin:0;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 400px */
/*********************************************************************************************************/
@media screen and (max-width : 400px) {
	div#animation{
		margin-left:-275px;
	}
	.tel_portrait, .fonction_portrait, .nom_portrait {
		font-size:16px;
	}
	.photo_portrait img{
		max-width:60px;	
	}
	.right .photo_portrait{
		margin-left:3px;
	}
	.left .photo_portrait{
		margin-right:3px;
	}
}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/

@media screen and (max-width : 350px) {
	div#animation{
		margin-left:-300px;
	}
	div#adresse_mobile, div#smart_mobile{
		background-size:40px;
		padding-left:45px;
	}
	.contact_mobile{
		font-size:16px;
		height:50px;
	}
	
	
}