@CHARSET "ISO-8859-1";

@media screen and (max-width:2560px){ 
	#section{
		/*border:1px solid purple;*/
		max-width:100%;
		max-height:100%;
		min-height:750px;
		width:100%;
		padding:0 0 0 0;	
	}	
	#fournisseur{
		border-style:solid;
		border-color:#A9C4D7;
		border-width:5px;
		border-radius:5px 5px 5px 5px;
		background-color:#ffffff6a;
		max-width:100%;
		max-height:100%;
		width:80%;
		padding:0 0 0 0;
		float:left;
		position:relative;
		left:10%;
		margin-bottom:2%;
	}
	#blocTitre{
		/*border:1px dashed white;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		border-style:solid;
		border-color:#A9C4D7;
		border-width:2px;
		background-color:#BDDBF0;
		margin-bottom:2%;
	}
	#nomFournisseur{
		/*border:1px dashed black;*/
		max-width:100%;
		max-height:100%;
		width:40%;
		font-size:32px;
		font-weight:bold;
		font-style:italic;
		text-decoration:underline;
		margin-top:0;
		position:relative;
		left:30%;
	}
	#articleFournisseur{
		/*border:1px solid white;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		padding:5 0 5 0;
		margin-bottom:1%;
	}
	#cadrePhoto1{
		/*border:1px solid green;*/
		max-width:100%;
		max-height:100%;
		width:25%;
		float:left;
	}
	#cadrePhoto2{
		/*border:1px solid green;*/
		max-width:100%;
		max-height:100%;
		width:25%;
		float:left;
	}
	#photoFournisseur{
		/*border:1px dashed blue;*/
		max-width:100%;
		max-height:100%;
		width:100%;
	}
	#zoneTexte{
		/*border:1px dashed blue;*/
		max-width:100%;
		max-height:100%;
		width:100%;
	}
	#paragrapheDescriptionFournisseur1{
		/*border:1px solid red;*/
		max-width:100%;
		max-height:100%;
		height:auto;
		width:75%;
		float:left;
	}
	#paragrapheDescriptionFournisseur2{
		/*border:1px solid red;*/
		max-width:100%;
		max-height:100%;
		height:auto;
		width:75%;
		float:left;
	}
	#texteDescription{
		/*border:1px dashed black;*/
		max-width:100%;
		max-heught:100%;
		width:100%;
		margin:0 0 0 0;
	}
}
@media screen and (max-width:1440px){ 
	#fournisseur{
		width:85%;
		left:7.5%;
		
	}
	#nomFournisseur{
		width:45%;
		left:27.5%;
	}
}
@media screen and (max-width:1199px){ 
	#fournisseur{
		width:90%;
		left:5%;
		
	}
	#nomFournisseur{
		width:50%;
		left:25%;
	}
	#cadrePhoto1{
		width:30%;
	}
	#cadrePhoto2{
		width:30%;
	}
	#paragrapheDescriptionFournisseur1{
		width:70%;;
	}
	#paragrapheDescriptionFournisseur2{
		width:70%;
	}
}
@media screen and (max-width:1024px){ 
	#fournisseur{
		width:95%;
		left:2.5%;
		
	}	
	#nomFournisseur{
		width:60%;
		left:20%;
	}
	#cadrePhoto1{
		width:35%;
	}
	#cadrePhoto2{
		width:35%;
	}
	#paragrapheDescriptionFournisseur1{
		width:65%;;
	}
	#paragrapheDescriptionFournisseur2{
		width:65%;
	}
}
@media screen and (max-width:768px){ 
	#nomFournisseur{
		width:70%;
		left:15%;
	}
	#cadrePhoto1{
		width:40%;
	}
	#cadrePhoto2{
		width:40%;
	}
	#paragrapheDescriptionFournisseur1{
		width:60%;;
	}
	#paragrapheDescriptionFournisseur2{
		width:60%;
	}	
}
@media screen and (max-width:576px){
	#nomFournisseur{
		width:70%;
		left:15%;
	}
	#cadrePhoto1{
		width:80%;
		position:relative;
		left:10%;
		margin-top:2%;
	}
	#cadrePhoto2{
		width:80%;
		position:relative;
		left:10%;
		margin-top:2%;
	}
	#paragrapheDescriptionFournisseur1{
		width:100%;
	}
	#paragrapheDescriptionFournisseur2{
		width:100%;
	}
}
@media screen and (max-width:425px){ 
	#nomFournisseur{
		width:80%;
		left:10%;
	}
	#cadrePhoto1{
		width:90%;
		position:relative;
		left:5%;
	}
	#cadrePhoto2{
		width:90%;
		position:relative;
		left:5%;
	}
}
@media screen and (max-width:375px){ 
	#nomFournisseur{
		width:90%;
		left:5%;
	}
	#cadrePhoto1{
		width:100%;
		position:relative;
		left:0%;
	}
	#cadrePhoto2{
		width:100%;
		position:relative;
		left:0%;
	}
}
@media screen and (max-width:320px){ 
	/*ecran de 320px de large*/	
}