/************************************************************/
/* 320px - 425px : sphatphone vertical                      */
/************************************************************/
@media screen and (min-width: 320px) {

}

/**************************************************************/
/* 426px - 750px : sphatphone horizontal / tablette verticale */
/**************************************************************/
@media screen and (min-width: 426px) {

}

/************************************************************/
/* 751px - 1000px : tablette horizontale / petit ordi       */
/************************************************************/
@media screen and (min-width: 751px){

	.displayRWD {
		display: inline-block;
	}
	
	.noMobile {
		display: block;
	}
/****** Entête ******/
	
	.entete {
		width: 90%;
	}
	
	.menu {
		display: none;
	}

	.environnement {
		width: 100%;
		left: 0;
	}
	  
	.rechercher {
		display:inline-block;
		float:right;
		height: 40px;
		width: 150px;
		padding: 5px 10px 5px 5px;
		color: #516979;
		border-bottom: 0.5px solid #516979;
		font-weight:701;
		font-size:14px;
		text-align: left;
	}

	.inputRechercher { 
		display:inline-block;
	}

	.rechercher img {
		padding-top:8px;
		float: right;
	}

	.inputRechercher { 
		font-size: 14px;
		font-weight: normal;
		color: #516979;
		white-space: normal;
		width: 115px;
		border: none;
		vertical-align: top;
	}

	.panier {
		padding-right:20px;
	}

	.panier img {
		_width:35px;
	}

	.menuRWD {
		display: inline-block;
		float:right;
		margin:0 auto;
		padding:16px 0 0 0;
		color:#000000;
		font-size:18px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.menuRWD a {
		text-decoration: none;
		color:#000000;
		margin:0 15px;
	}
	
	.menuRWD a:hover {
		text-decoration: none;
		border-bottom:2px solid #000000;
		padding-bottom:3px;
	}	


	.titreSite {
		height:63px;
		font-size:46px;
	}

/*** Pied ***/
	.pied {
		width:90%;
	}
	
/****************/
/*** CSS page ***/
/****************/
	
	.contenuAccueil, .contenu  {
		max-width: 1640px;		
		padding: 0;
		width: 90%;
	}

	.msgAccueil {
		padding-top:50px;
	}
	
	.bloc {
		margin:0 -15px;
	}
	
	.bloc3 {
		width: calc(100% / 2 - 35px);
		margin: 30px 15px 30px 15px;
	}

	.bloc4 {
		width: calc(100% / 3 - 35px);
		margin: 30px 30px 30px 0;
	}

		
	.detailImg {
		width: 350px;
    padding-top: 245px; 
    margin:30px 30px 10px 0;
	}	
	
	.copyright {
		width: 350px;
	}
	
	.detailInfoL, .detailInfoH, .detailInfoI, .detailInfoT {
		width:calc(100% / 2 - 35px);
	}
			
	.detailInfoL, .detailInfoI {
		border-right:1px solid #C4C4C4;
		padding-right:20px;
		margin-right:20px;
	}	
	
	.produitTexte {
		display: inline-block;
		width: calc(90% - (160px));
	}	
	
	.detailPrix {
		display:inline-block;
		width:60%;
	}
	
	.btn-Retour {
		display: inline-block;
		padding: 0 0  10px 0;
	}
		
	.btn-Off {
		display: inline-block;
	}
	
	.widthPanierCoord {
		width:58%;	
	}	
	
	.widthMonCompte{
		width:70%;

	}

	.monCompte {
		display:inline-block;
		width: 29%;
		margin:0 30px 0 0;
	}
	
	.moncompteCmd  {
		display:inline-block;
		width: 45%;
		margin:0 30px 0 0;
	}
	
	.moncompteCoord  {
		 display:inline-block;
		 width: 45%;
	}

	.colMenu {
		display: inline-block;
		width: 25%;
		margin: 10px 0 0 0;
	}
	
	.colListe {
		display: inline-block;
		width: 74%;
		margin:10px 0 0 0;
		padding:50px 0 0 0;
	}	
	
	.piedRecap {
		display: inline-block;
		width:22%;
	}
	
	.infoCmd .telecharger {
		font-size:12px;
	}	
	
}

/**************************************************************/
/* 1001px - 1279px : ordi                                     */
/**************************************************************/
@media screen and (min-width: 1001px) {

	.bloc3 {
		width: calc(100% / 3 - 35px);
	}
	.bloc4 {
		width: calc(100% / 4 - 35px);
	}	
	
	.detailImg {
		width: 350px;
    padding-top: 245px;
    margin:30px 30px 10px 0;
	}	
	
	.detailInfoL, .detailInfoH, .detailInfoI, .detailInfoT {
		width:calc(100% / 4 - 35px);
		min-height: 270px;
	}
			
	.detailInfoL, .detailInfoH, .detailInfoI {
		border-right:1px solid #C4C4C4;
		padding-right:20px;
		margin-right:20px;
	}

	.detailInfoL, .detailInfoH, .detailInfoI, .detailInfoT {
		width:calc(100% / 4 - 35px);
	}	
	
}