@CHARSET "ISO-8859-1";

@media screen and (max-width:2560px){ 


/*--------------------------------------------------
					mise en page générale
---------------------------------------------------*/

	body{
		font-family: Times New Roman, Arial;
		background-image: url(../img/fondPage1.jpg);
		background-size:100% 100%;
		background-repeat: no-repeat;
		background-position: center top;
		padding-bottom:3.5em;
		position:relative;
	}
	
	.statutConnexion{
		text-align:right;
	}
	
	
	
	
	/*--------------------------------------------------
						mise en page header
	---------------------------------------------------*/

	#header {	
		
		font-size: 30px;
		height:4em;	
		/*border: 1px dashed black;*/
		font-weight: bold; 
		max-width:100%;
		padding:0 0 0 0;
		margin-top:0%;
	}


	/*------------------------------------------------
		mise en page bouton connexion du header
	-------------------------------------------------*/
	#iconeProfil, #iconeProfil ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0 0 0 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:right;
		max-width:100%;
		max-height:100%;
		width:20%;
		
		
		margin-right:0;
	}
	#iconeProfil {
		text-align: center;
		
		padding-bottom:0;
		margin-left:1%;
		margin-right:0;
		
		max-height:100%;
		max-width:100%;
		
		/*$border: 1px solid black;*/
		
	}
	#iconeProfil ul{
		
		max-width:100%;
		width:100%;
		max-height:100%;
		/*border: 1px dashed green;*/
		
	}
	#iconeProfil li {
		
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:100%;
		width:15%;
		max-height:100%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		position:relative;
		left:40%;
		
	}
	#iconeProfil ul li {
		display: inherit;
		
	}
	#iconeProfil a {
	   	text-decoration: none;
	    display: block;
		color: black;
	}
	
	
	#iconePanier{
		
		max-width:100%;
		max-height:100%;
		/*border: 1px dashed white;*/
	}
	#iconeConnexion{
		
		max-width:100%;
		max-height:100%;
		/*border: 1px dashed white;*/
	}
	#iconeEnregistrement{
		
		max-width:100%;
		max-height:100%;
		/*border: 1px dashed white;*/
	}
	
	/*-----------------------------------------------
				mise en page logo
	------------------------------------------------*/
	
	.logo{
		float:left;
		/*border: 1px dashed green;*/
		margin-right:0;
	}
	
	#logo{
		vertical-align:middle;
		/*horizontal-align:center;*/
		margin-top:0%;
		margin-bottom:0%;
		margin-left:auto;
		margin-right:auto;
		max-width:100%;
		/*border: 1px dashed green;*/
	}
	
	
	
	
	/* --------------------------------------------------
						mise en page menu
	---------------------------------------------------*/
	
	
	
	
	#menu, #menu ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:left;
		max-width:100%;
		max-height:100%;
		width:75%;
		
		
		margin-right:15%
	}
	#menu {
		text-align: center;
		float:left;
		padding-bottom:0;
		margin-left:1%;
		margin-right:15%;
		height:auto;
		width:50%;
		/*border: 1px dashed black;*/
	}
	#menu ul{
		max_width:100%;
		max-width:100%;
		height:100%;
		/*border: 1px dashed green;*/
	}
	#menu li {
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:15%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		
		
	}
	#menu ul li {
		display: inherit;
	}
	#menu a {
	    text-decoration: none;
	    display: block;
		color: black;
	}
	
	#iconeAccueil{
		/*border: 1px dashed white;*/
		max-width:100%;
		height:100%;
		width:100%;
		
	}
	#iconeFournisseur{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	#iconeProduit{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	
	#iconeContact{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	
	
	
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	#footer{
		/*border:1px dashed green;*/
		width:100%;
		height:6em;
		max-width:100%;
		
		
	}
	#menuFooter{
		
		color: black;
		/*border:1px dashed black;*/
		max-width:100%;
		margin-right:2%;
		margin-left:2%;
		width:100%;
		
		
	}
	#lienLogoFB{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		margin-left:2.5%;
		position:relative;
		left:80%;
		top:0%;
	}
	#lienLogoDWE64{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		position:relative;
		left:0%;
		top:0%;
		float:right;
		border-radius: 10px 10px 10px 10px;
		margin-right:2.5%;
	}
	#logoDwe64{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		text-align:center;
		
	}
	#logoFB{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		text-align:center;
		border-radius: 13px 13px 13px 13px;
		background-color:white;
		
	}
}
@media screen and (max-width:1440px){ 
	#footer{
		/*border:1px dashed green;*/
		width:100%;
		height:5.5em;
		max-width:100%;
		
		
	}
}
@media screen and (max-width:1199px){ 
	#header {	
		
		font-size: 30px;
		height:3em;	
		/*border: 1px dashed black;*/
		font-weight: bold; 
		max-width:100%;
		padding:0 0 0 0;
	}


	/*------------------------------------------------
		mise en page bouton connexion du header
	-------------------------------------------------*/
	#iconeProfil, #iconeProfil ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0 0 0 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:right;
		max-width:100%;
		max-height:100%;
		width:30%;
		
		
		margin-right:0;
	}
	#iconeProfil {
		text-align: center;
		
		padding-bottom:0;
		margin-left:1%;
		margin-right:0;
		
		max-height:100%;
		max-width:100%;
		
		/*border: 1px solid black;*/
		
	}
	#iconeProfil ul{
		
		max-width:100%;
		width:100%;
		max-height:100%;
		/*border: 1px dashed green;*/
		
	}
	#iconeProfil li {
		
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:100%;
		width:15%;
		max-height:100%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		position:relative;
		left:40%;
		
	}
	#iconeProfil ul li {
		display: inherit;
		
	}
	#iconeProfil a {
	   	text-decoration: none;
	    display: block;
		color: black;
	}
	
	
	#iconePanier{
		
		max-width:100%;
		max-height:100%;
		/*border: 1px dashed white;*/
	}
	#iconeConnexion{
		
		max-width:100%;
		max-height:100%;
		/*border: 1px dashed white;*/
	}
	#iconeEnregistrement{
		
		max-width:100%;
		max-height:100%;
		/*border: 1px dashed white;*/
	}
	
	
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	#footer{
		/*border:1px dashed green;*/
		width:100%;
		height:5em;
		max-width:100%;
		
		
	}
}
@media screen and (max-width:1024px){ 
	
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	#footer{
		/*border:1px dashed green;*/
		width:100%;
		height:4em;
		max-width:100%;
		
		
	}
}
@media screen and (max-width:768px){ 
	/* --------------------------------------------------
						mise en page menu
	---------------------------------------------------*/
	
	
	
	
	#menu, #menu ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:left;
		max-width:100%;
		max-height:100%;
		width:60%;
		margin-left:0%;
		margin-right:0%;
	}
	#menu {
		text-align: center;
		float:left;
		padding-bottom:0;
		height:auto;
		/*border: 1px dashed black;*/
	}
	#menu ul{
		max_width:100%;
		max-width:100%;
		width:100%;
		height:100%;
		/*border: 1px dashed green;*/
	}
	#menu li {
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:15%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		
		
	}
	#menu ul li {
		display: inherit;
	}
	#menu a {
	    text-decoration: none;
	    display: block;
		color: black;
	}
	
	#iconeAccueil{
		/*border: 1px dashed white;*/
		max-width:100%;
		height:100%;
		width:100%;
		
	}
	#iconeFournisseur{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	#iconeProduit{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	
	#iconeContact{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	/*------------------------------------------------
		mise en page bouton connexion du header
	-------------------------------------------------*/
	#iconeProfil, #iconeProfil ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0 0 0 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:left;
		max-width:100%;
		max-height:100%;
		width:39%;
		
		
		margin-right:0;
	}
	#iconeProfil {
		text-align: center;
		
		padding-bottom:0;
		/*margin-left:1%;*/
		margin-right:0;
		
		max-height:100%;
		max-width:100%;
		
		/*border: 1px solid black;*/
		
	}
	#iconeProfil ul{
		
		max-width:100%;
		width:100%;
		max-height:100%;
		/*border: 1px dashed green;*/
		
	}
	#iconeProfil li {
		
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:100%;
		width:20%;
		max-height:100%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		position:relative;
		left:25%;
		
	}
	
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	#footer{
		/*border:1px dashed green;*/
		width:100%;
		height:3.25em;
		max-width:100%;
		
		
	}
}
@media screen and (max-width:576px){
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	
	
	#menuFooter{
		
		color: black;
		/*border:1px dashed black;*/
		max-width:100%;
		margin-right:2%;
		margin-left:2%;
		width:100%;
		
		
	}
	#lienLogoFB{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		margin-left:2.5%;
		position:relative;
		left:70%;
		top:0%;
	}
	#lienLogoDWE64{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		position:relative;
		left:0%;
		top:0%;
		float:right;
		border-radius: 10px 10px 10px 10px;
		margin-right:2.5%;
	}
	#logoDwe64{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		text-align:center;
		
	}
	#logoFB{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		text-align:center;
		border-radius: 13px 13px 13px 13px;
		background-color:white;
		
	}
}
@media screen and (max-width:425px){ 
	body{
		font-family: Times New Roman, Arial;
		background-image: url(../img/fondPage2-min.png);
		background-size:100% 100%;
		background-repeat: no-repeat;
		background-position: center top;
		padding-bottom:3.5em;
		position:relative;
	}
	
	
	
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	
	
	#menuFooter{
		
		color: black;
		/*border:1px dashed black;*/
		max-width:100%;
		margin-right:2%;
		margin-left:2%;
		width:100%;
		
		
	}
	#lienLogoFB{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		margin-left:2.5%;
		position:relative;
		left:60%;
		top:0%;
	}
	#lienLogoDWE64{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		position:relative;
		left:0%;
		top:0%;
		float:right;
		border-radius: 10px 10px 10px 10px;
		margin-right:2.5%;
	}
	#logoDwe64{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		text-align:center;
		
	}
	#logoFB{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		text-align:center;
		border-radius: 13px 13px 13px 13px;
		background-color:white;
		
	}
}
@media screen and (max-width:375px){ 
	
	
	
	
	#menu, #menu ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:left;
		max-width:100%;
		max-height:100%;
		width:60%;
		margin-left:0%;
		margin-right:0%;
	}
	#menu {
		text-align: center;
		float:left;
		padding-bottom:0;
		height:auto;
		/*border: 1px dashed black;*/
	}
	#menu ul{
		max-width:100%;
		width:100%;
		height:100%;
		/*border: 1px dashed green;*/
	}
	#menu li {
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:20%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		
		
	}
	#menu ul li {
		display: inherit;
	}
	#menu a {
	    text-decoration: none;
	    display: block;
		color: black;
	}
	
	#iconeAccueil{
		/*border: 1px dashed white;*/
		max-width:100%;
		height:100%;
		width:100%;
		
	}
	#iconeFournisseur{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	#iconeProduit{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	
	#iconeContact{
		max-width:100%;
		height:100%;
		/*border: 1px dashed white;*/
		width:100%;
	}
	/*------------------------------------------------
		mise en page bouton connexion du header
	-------------------------------------------------*/
	#iconeProfil, #iconeProfil ul{
		font-family:Rockwell, Times New Roman, Arial;
		padding: 0 0 0 0;
		margin-top:0px;
		list-style: none;
		font-weight:bold;
		/*border: 1px dashed red;*/
		float:left;
		max-width:100%;
		max-height:100%;
		width:39%;
		
		
		margin-right:0;
	}
	#iconeProfil {
		text-align: center;
		
		padding-bottom:0;
		/*margin-left:1%;*/
		margin-right:0;
		
		max-height:100%;
		max-width:100%;
		
		/*border: 1px solid black;*/
		
	}
	#iconeProfil ul{
		
		max-width:100%;
		width:100%;
		max-height:100%;
		/*border: 1px dashed green;*/
		
	}
	#iconeProfil li {
		
		float:left;
		
		border-radius: 10px 10px 10px 10px ;
		max-width:100%;
		width:25%;
		max-height:100%;
		/*border: 1px dashed black;*/
		margin-right:2.5%;
		margin-left:2.5%;
		position:relative;
		left:10%;
		
	}
}
@media screen and (max-width:320px){ 
	/*----------------------------------------------------------
	
							mise en page footer
						
	-----------------------------------------------------------*/
	
	
	#menuFooter{
		
		color: black;
		/*border:1px dashed black;*/
		max-width:100%;
		margin-right:2%;
		margin-left:2%;
		width:100%;
		
		
	}
	#lienLogoFB{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		margin-left:2.5%;
		position:relative;
		left:50%;
		top:0%;
	}
	#lienLogoDWE64{
		height:100%;
		max-width:100%;
		/*border:1px dashed red;*/
		position:relative;
		left:0%;
		top:0%;
		float:right;
		border-radius: 10px 10px 10px 10px;
		margin-right:2.5%;
	}
	#logoDwe64{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		border-radius: 10px 10px 10px 10px;
		text-align:center;
		
	}
	#logoFB{
		max-height:100%;
		max-width:100%;
		/*border:1px dashed blue;*/
		float:left;
		text-align:center;
		border-radius: 13px 13px 13px 13px;
		background-color:white;
		
	}
}