body {
	background: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
		margin: auto; 

}
.cadredelapage {
background: #FFFFFF;
display: grid;
max-width:1200px;
  margin: 0 auto; /* center in the viewport */
grid-template-columns : 1fr;
}
.logo {
		background: url(/graphics/fond_logo.png) bottom left no-repeat;
		background-color : #FFFFFF;
		display : grid;
			grid-template-columns:  25% 1fr fit-content(10rem);		
			justify-items : center;
		}
  .logo .logoimage  {
}

  .logo .logoimage img {
	max-width: 100%;
    height: auto;
}
	  .logo .logotexte {
			align-self : center;
}

	  .logo .logotexte img {
	max-width: 100%;
    height: auto;
}

.logo .newsletter {
	padding-right: 1.5rem; padding-left: 0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
align-self:end;
}
.logo .newsletter img{
max-height:15px;
}
.logo .newsletter img.imggrapeaufr{
margin-right: 0.6rem;
margin-left: 0.6rem;
}
.logo .newsletter   a  {
	text-decoration: none;
	color: #6F1222 ;
		font-size: 1.4rem;
}
.logo .newsletter  a:active, .logo .newsletter  a:focus{ 
   outline:none; 
}
.logo .newsletter   a:hover {
 color : #bd112b;
}
.logo .newsletter .liennewsletter{
	margin-bottom : 0.4rem;
}

  @media only screen and (max-width: 750px) {
  .logo .logoimage {
display:none;
}
.logo .newsletter {
display:none;
}
	  .logo .logotexte {
		grid-column: 1 / 4; 
		align-self : stretch;
}
}
.singlelevelmenu {
background: #3D3D3D;
padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
.secondlevelmenu{
	background: #F0F0F0;			
	padding-right: 0.3rem; padding-left: 0.3rem; padding-top:0.7rem; padding-bottom:0.7rem;
			display: grid;
			grid-template-columns: 25% 75%;
			color: #FFFFFF;
}
.thirdlevelmenu{
			background: #F0F0F0;			
			padding: 1rem 1rem 1rem 1rem;
			display: grid;
			grid-template-columns: 1.1fr 2fr 1fr;
			justify-items:center;
}
.thirdlevelmenu{
display:none;
}

.fourthlevelmenu{
			background: #F0F0F0;			
			padding: 1rem 1rem 1rem 1rem;
			margin-top : 1rem;
			display: grid;
			grid-template-columns: 1.1fr 2fr 1fr;
			justify-items:center;
}
.fourthlevelmenu{
display:none;
}
.fourthlevelmenu .inscriptionnewsletter{
		grid-column: 1/2; 
		background: #6F1222;	
			padding-right: 2rem; padding-left: 2rem; padding-top:0.4rem; padding-bottom:0.4rem;
}
.fourthlevelmenu .blog{
		grid-column: 2/3; 
		background: #6F1222;	
			padding-right: 0.6rem; padding-left: 0.6rem; padding-top:0.4rem; padding-bottom:0.4rem;

}

.fourthlevelmenu .drapeauxbas{
		grid-column: 3/4; 
		padding-right: 0.5rem; padding-left: 0.5rem; padding-top:0.4rem; padding-bottom:0.4rem;
}


.fourthlevelmenu  a  {
	text-decoration: none;
	color: #FFFFFF ;
}
.fourthlevelmenu  a.inscriptionnewsletter  {
	background: none;
	color : #FFD8A0;
}
.fourthlevelmenu  a.blog  {
	background: none;
	color : #FFD8A0;
}

.fourthlevelmenu  a:hover {
 color : #FFD8A0;
}

.fourthlevelmenu .drapeauxbas img.imggrapeaufr{
margin-right: 0.4rem;
margin-left: 0.4rem;
}

.fourthlevelmenu .drapeauxbas img{
max-height:15px;
}
.thirdlevelmenu .aproposmenu{
		grid-column: 1 / 2; 
		background: #6F1222;	
			padding-right: 0.5rem; padding-left: 0.5rem; padding-top:0.4rem; padding-bottom:0.4rem;
}
.thirdlevelmenu .vendremenu{
		grid-column: 2 / 3; 
		background: #6F1222;
		padding-right: 0.5rem; padding-left: 0.5rem; padding-top:0.4rem; padding-bottom:0.4rem;
}
.thirdlevelmenu .contactmenu{
			grid-column: 3 / 4; 
		background: #6F1222;	
	padding-right: 0.5rem; padding-left: 0.5rem; padding-top:0.4rem; padding-bottom:0.4rem;
}
.thirdlevelmenu  a  {
	text-decoration: none;
	color: #FFFFFF ;
}
.thirdlevelmenu  a.selectionmenu  {
	background: none;
	color : #FFD8A0;
}
.thirdlevelmenu  a:hover {
 color : #FFD8A0;
}

.secondlevelmenu .burger {
	background: #F0F0F0;
	text-transform: uppercase ; 
	padding-right: 0rem; padding-left: 0.7rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	font-size: 1.5rem;
	color: #6F1222 ;
	width:75%;
	text-align:center;
	align-self:center;
}

.secondlevelmenu .menurechercher {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	display : grid;
}
.secondlevelmenu .menurechercher form {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	color: #6F1222 ;
	display : grid;
			grid-template-columns: 10% 1fr fit-content(10rem) 10%;
}
.secondlevelmenu .menurechercher form input.textrecherche { /*saisie*/
		grid-column: 2 / 3; 
 border:thin solid black;
 height:2rem;
 margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0.3rem;
	padding-right: 1rem; padding-left: 2rem; padding-top:0rem; padding-bottom:0rem;
background: url(/graphics/loupe.png) bottom right no-repeat;
background-color: #FFFFFF;
 }

.secondlevelmenu .menurechercher form input.submit { /*Texte chercher*/
			grid-column: 3 / 4;
border:0rem solid black;
font-size: 0.9rem;
color: #FFFFFF;
	background: #3D3D3D;	
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	padding-right: 0.8rem; padding-left: 0.8rem; padding-top:0rem; padding-bottom:0rem;
 }
.secondlevelmenu .menurechercher input.submit:hover, .secondlevelmenu .menurechercher input.submit:focus, .secondlevelmenu .menurechercherl input.submit:active{
	  color: #FFD8A0;
  }

.singlelevelmenu  ul{
		margin: 0rem;
        padding: 0rem;
		list-style: none;
		display: grid;
            grid-template-columns: repeat(7, fit-content(10rem)) 1fr;
            grid-gap: 2.5rem;
            justify-items: end;
}
.singlelevelmenu ul li.paniersanstexte{
display: none;
}



.singlelevelmenu ul li img {
vertical-align: text-bottom;
height : 15px;
}
.singlelevelmenu ul li img.imgpanier{
vertical-align: baseline;
}

.singlelevelmenu  ul li a  {
	text-decoration: none;
	color: #FFFFFF ;
}
.singlelevelmenu  ul li .selection  {
	background: none;
	color : #FFD8A0;
}
.singlelevelmenu  ul li a:hover {
 color : #FFD8A0;
}



.secondlevelmenu .menurecherchermobile {
			display: none;
}
 #nav-toggle {
    display: none;
  }
.secondlevelmenu .burgermobile {
display:none;	
}

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

   #nav-toggle:checked ~ .conteneur .MenuVertical {
display : inline-grid ;
	  grid-column:1/3;
	  grid-row: 1;
	  width:320px;
	  z-index: 2;
}
#nav-toggle:checked ~ .conteneur .MenuVertical  li.Categorie{
	font-size: 1.5rem;
	padding-top:10px; padding-bottom:10px
}
#nav-toggle:checked ~ .conteneur .MenuVertical  li.SousCategorie{
	font-size: 1.2rem;
	padding-top:10px; padding-bottom:10px
}

#nav-toggle:checked ~ .conteneur .MaSelection {
	  grid-column:1/3;
	  	  grid-row: 1;
		  z-index: 1;
  }

			  /* For tablettes: */
			  .singlelevelmenu {
				background: #3D3D3D;
				padding: 0.5rem 1.5rem 0.5rem 1.5rem;
				}
				.singlelevelmenu  ul{
						margin: 0rem;
						padding: 0rem;
						list-style: none;
						display: grid;
							grid-template-columns: repeat(2, fit-content(10rem)) 1fr;
							grid-gap: 2.5rem;
				}		
			.singlelevelmenu ul li.apropos{
			display: none;
			}
			.singlelevelmenu ul li.vendezvoslivres{
			display: none;
			}
			.singlelevelmenu ul li.selectionpanier{
			display: none;
			}
			.singlelevelmenu ul li.panieravectexte{
			display: none;
			}
			.singlelevelmenu ul li.paniersanstexte{
			display: contents;
			justify-self : end;
			}
			.singlelevelmenu ul li.paniersanstexte a{
			justify-self : end;
			}
			.singlelevelmenu ul li.menucontact{
			display: none;
			}
			.singlelevelmenu ul li.menublog{
			display: none;
			}			
			.singlelevelmenu  ul li a  {
				font-size: 1.3rem;
			}
			.singlelevelmenu ul li img {
				height : 22px;
			}
.secondlevelmenu{
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
			display: grid;
			grid-template-columns: fit-content(10rem) 1fr;
			}
.secondlevelmenu .burger {
display:none;	
}
.secondlevelmenu .burgermobile {
	align-self:center;
	justify-self:center;
	border:thin solid black;
	padding-right: 0.5rem; padding-left: 0.5rem; padding-top:0.4rem; padding-bottom:0.4rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
		background: #6F1222;	
		display:grid;
		grid-template-columns: 15px 1fr;
		grid-gap:0.3rem;
}
.secondlevelmenu .burgermobile:hover {
cursor: pointer;
}
.secondlevelmenu .burgermobile .icon-burger {
display : grid;
}
.secondlevelmenu .burgermobile .icon-burger .icon-bar{
background-color: #FFFFFF;
width: 14px;
height: 2px;
top: 8px;
left: 2px;
margin-top:2px;
}
.secondlevelmenu .burgermobile .text-burger .toggle-text{
font-size: 0.9rem;
color : #FFFFFF;
}
.secondlevelmenu .menurechercher {
  display: none;
}
.secondlevelmenu .menurecherchermobile {
				padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	display : grid;
	}
	.secondlevelmenu .menurecherchermobile form{
		min-width:70%;
			justify-self:end;
					background-color: #6F1222;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	display : grid;
			grid-template-columns: 1fr fit-content(2rem);
	}
.secondlevelmenu .menurecherchermobile form input.textrecherchemobile { /*saisie*/
 border:thin solid black;
 border-right:0px solid black;
 margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	padding-right: 0rem; padding-left: 0.8rem; padding-top:0rem; padding-bottom:0rem;
background-color: #FFFFFF;
 }

.secondlevelmenu .menurecherchermobile form button.submitmobile { /*Texte chercher*/
border:thin solid black;
	background: url(/graphics/search.png) center no-repeat;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	padding-right: 1rem; padding-left: 1rem; padding-top:0rem; padding-bottom:0rem;
 }
 .secondlevelmenu .menurecherchermobile form button.submitmobile:hover { /*Texte chercher*/
border:2px solid #6F1222;
cursor: pointer;
}
.thirdlevelmenu{
			background: #F0F0F0;			
			padding: 1rem 1rem 1rem 1rem;
			display: grid;
			grid-template-columns: 1.1fr 2fr 1fr;
			justify-items:center;
}

.fourthlevelmenu{
			font-size: 0.95rem;
			background: #F0F0F0;			
			padding: 1rem 1rem 1rem 1rem;
			margin-top : 1rem;
			display: grid;
/*			grid-template-columns: 1fr 1fr fit-content(10rem);*/
			grid-template-columns: 1fr 3fr fit-content(10rem);
			
			justify-items:center;
}
}


.conteneur {
					background: #FFFFFF;
	padding: 0rem 0rem 0rem 0rem;
	margin: 0rem 0rem 0rem 0rem;
display: grid;
grid-template-columns: 25% 75%;
}
.conteneur .messageerreurformulaire{
color:#FF0000;
	font-weight:bold;
}
.conteneur .messageerreurformulairesdanspageindex{
color:#FF0000;
}

.MenuVertical {
		grid-column: 1 / 2;
	padding-left:0rem; padding-top:0rem; padding-bottom:0rem; padding-right:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	background: #F0F0F0;
	padding: 0rem 0rem 0rem 0rem;
}
  @media only screen and (max-width: 750px) {
  /* For tablettes: */
.MenuVertical {
display: none;
}
}
.MenuVertical  .navbar{
	padding-left:0rem; padding-top:0rem; padding-bottom:0rem; padding-right:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	display : grid;
	justify-items : center; /* me permet de centrer horizontalment le contenu */
		align-self:start;
}
.MenuVertical  .MenuCategories{
	border-top:1px solid #FFFFFF;
}
.MenuVertical .TitrePrincipal {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0.8rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	font-size: 1.5rem;
	color: #6F1222 ;
}
.MenuVertical .TitreSecondaire {
	font-size: 1rem;
	color: #6F1222 ;
	padding-right: 0rem; padding-left: 0rem; padding-top:1.3rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MenuVertical  ul {
		margin-top: 0rem; margin-left : 1rem; margin-bottom : 0rem; margin-right:0rem;
        padding: 0rem;
		list-style: none;
}
.MenuVertical  li.Categorie{
	font-size: 1.05rem;
	color: #3D3D3D ;
	font-weight:bold;
	padding-right: 0rem; padding-left: 0rem; padding-top:5px; padding-bottom:5px;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MenuVertical  li.Categorie h2{
	font-size: 1.05rem;
	font-weight:bold;
	padding: 0 0;
	margin: 0 0;
}
.MenuVertical  li.SousCategorie{
	font-size: 0.9rem;
		font-weight:normal;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0.4rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MenuVertical  li.SousCategorie h3{
	font-size: 0.9rem;
		font-weight:normal;
	padding: 0 0;
	margin: 0 0;
}
.MenuVertical  li.SousCategorie a.selectioncategorie{	
 color : #bd112b;
}
.MenuVertical  li.Categorie a.selectioncategorie{	
 color : #bd112b;
}
.MenuVertical  ul li a:active, .MenuVertical  ul li a:focus{ 
   outline:none; 
}
.MenuVertical  ul li a {
	text-decoration: none;
	color: #3D3D3D;
}
.MenuVertical  ul li a:hover {
 color : #bd112b;
}
/*//////////////////FORMULAIRE RECHERCHE/////////DEBUT/////////////*/
.MenuVertical form {
width : 80%;
border-top:1px solid #FFFFFF;
padding-right: 0rem; padding-left: 0rem; padding-top:1.4rem; padding-bottom:1.4rem;
margin-top: 1.4rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
 }

.MenuVertical input.submit {
height: 2rem;
border:0rem solid black;
font-size: 0.9rem;
color: #FFFFFF;
background-color: #6F1222;
margin-top: 0.9rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
float : right;
 }
 .MenuVertical input.submit:hover, .MenuVertical input.submit:focus, .MenuVertical input.submit:active{
	  color: #FFD8A0;
  }

 .MenuVertical input.textrecherche {
 border:0rem solid black;
 width: 100%;
 height: 2rem;
 margin-top: 0.9rem;
 padding-left: 0.75rem;
background: url(/graphics/loupe.png) bottom right no-repeat;
background-color: #FFFFFF;
 }
/*//////////////////FORMULAIRE RECHERCHE//////FIN//////////*/

/* texte frais de port et moyens de paiement */
.MenuVertical .fraisdeport {
width : 80%;
border-top:1px solid #FFFFFF;
padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0.8rem;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	 text-align: left;
}
.MenuVertical .moyensdepaiement{
border-top:1px solid #FFFFFF;
padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	 text-align: left;
}
.MenuVertical .logocartes {
	padding-top:0.9rem;
	padding-bottom:1.4rem;
	 text-align: center;
}

/* FIN texte frais de port et moyens de paiement */
.MaSelection {
		grid-column: 2/3;
			background: #FFFFFF;
			padding: 0rem 2rem 2rem 2rem;
			display: grid;
			grid-template-columns: 1fr;
			align-self:start;
}



.MaSelection .entetemaselection {
	justify-self : center;
	color: #6F1222;
	padding-right: 0rem; padding-left: 0rem; padding-top:1.5rem; padding-bottom:0.8rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	font-size: 1.6rem;
		align-self:start;
}

.MaSelection .entetemaselection h1 {
font-weight: normal;
font-size: 1.8rem;
margin: 0 0; 
padding: 0 0;
}
.MaSelection .entetemaselection h3 {
font-weight: normal;
font-size: 1.2rem;
margin: 0 0; 
padding: 0 0;
}
.MaSelection .texteselection {
	color: #6F1222;
	background:#E6E7E8;
	padding-right: 2rem; padding-left: 2rem; padding-top:1.5rem; padding-bottom:0.8rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;
	font-size: 1.1rem;
}

.MaSelection .entetetriselectionlivreshaut {
	background: #F0F0F0;
	padding-right: 1rem; padding-left: 1rem; padding-top:0.9rem; padding-bottom:0.9rem;	
	margin-top: 0.9rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;	
	font-size: 0.8rem;
	display:grid;
            grid-template-columns: repeat(2, fit-content(15rem)) 1fr fit-content(10rem);
	grid-gap: 0.3rem;
	justify-items: end;
	align-items:center;
}
.MaSelection .entetetriselectionlivresbas {
	background: #F0F0F0;
	margin-top: 1.4rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;	
	padding-right: 1rem; padding-left: 1rem; padding-top:0.9rem; padding-bottom:0.9rem;	
	font-size: 0.8rem;
	display:grid;
            grid-template-columns: repeat(2, fit-content(15rem)) 1fr fit-content(10rem);
	grid-gap: 0.3rem;
	justify-items: end;
	}
  @media only screen and (max-width: 750px) {
  /* For tablettes: */
			  .MaSelection {
				  		grid-column: 1/3;
						padding: 0rem 1.5rem 1.5rem 1.5rem;
				margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;			
			}
			.MaSelection .texteselection {
				padding-right: 1rem; padding-left: 1rem; padding-top:1.5rem; padding-bottom:0.8rem;
				margin-top: 0rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;	
				font-size: 1.2rem;
			  }
			.MaSelection .entetetriselectionlivreshaut {
	background: #F0F0F0;
	margin: 0 0;
	padding-right: 1rem; padding-left: 1rem; padding-top:0.9rem; padding-bottom:0.9rem;	
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;	
	font-size: 0.8rem;
	display:grid;
            grid-template-columns: fit-content(15rem) 1fr fit-content(10rem);
	grid-gap: 0.3rem;
	justify-items: end;
}
 .MaSelection   .entetetriselectionlivreshaut .pagination{
			display: none;
			}
			 .MaSelection   .entetetriselectionlivreshaut .entetechoixaffichage{
			/*display: none;*/
			}

			.MaSelection .entetetriselectionlivresbas {
	background: #F0F0F0;
	margin: 0 0;
	padding-right: 1rem; padding-left: 1rem; padding-top:0.9rem; padding-bottom:0.9rem;	
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;	
	font-size: 0.8rem;
	display:grid;
            grid-template-columns: 1fr;
	justify-items: center;
}
 .MaSelection   .entetetriselectionlivresbas .enteteselectionpages{
			display: none;
			}
 .MaSelection   .entetetriselectionlivresbas .enteteselectiontri{
			display: none;
			}
 .MaSelection   .entetetriselectionlivresbas .entetechoixaffichage{
				display: none;
		}
			 .MaSelection   .entetetriselectionlivresbas .pagination{
	font-size: 1.1rem;
			}

}
 .MaSelection  .enteteselectionpages {
	margin: 0 0;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;	
}

 .MaSelection  .pagination{
		margin: 0rem;
        padding: 0rem;
} 
 .MaSelection  .pagination ul{
		margin: 0rem;
				padding-right: 0rem; padding-left: 0.3rem; padding-top:0rem; padding-bottom:0rem;	
			list-style: none;
			   color:#000000;
} 
.MaSelection  .pagination ul li{
				padding-right: 0.5rem; padding-left: 0.5rem; padding-top:0.3rem; padding-bottom:0.3rem;
				margin-top: 0rem; margin-left : 0.1rem; margin-bottom : 0rem; margin-right:0rem;	
				background : #FFFFFF;
				display : inline;
				   color:#000000;
}
.MaSelection  .pagination ul .pagecliquable:hover{
				background : #F0F0F0;
				 border:1px solid #CCCCCC;
				    color:#000000;
}
.MaSelection .pagination ul li a{
		margin: 0rem;
        padding: 0rem;
		 text-decoration:none; 
		    color:#000000;
}
.MaSelection  .pagination  ul .pagecliquable:active, .MaSelection  .pagination  ul .pagecliquable:focus{ 
   outline:none; 
   color:#000000;
}
.MaSelection .pagination ul .pageaffichee{
				background : #777777;
				color : #FFFFFF;
				font-weight: bold;
}
.MaSelection .pagination ul .pageaffichee:hover{
 text-decoration:none; 
}
 .MaSelection .resultselectlivres {
	color: black ;
	text-align: left;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
 .MaSelection .resultnbtotlivres {
	font-weight: bold;
	color: black ;
}
 .MaSelection .choixpage {
	color: black ;
	text-align: left;
	padding-right: 0rem; padding-left: 0.2rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0.2rem; margin-bottom : 0rem; margin-right:0rem;
}

 .MaSelection  .enteteselectiontri {
	margin: 0 0;
	padding: 0 0;
}
 .MaSelection .entetechoixaffichage {
	margin: 0 0;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;	
}
 .MaSelection .cadretriinvisible {
    border:0rem;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0.2rem;
}
 .MaSelection .styleaffichageformtri {
}

 .MaSelection img.affichlivres {
border-style : none; 
padding-left: 0.3rem;
vertical-align: baseline;
}
 .MaSelection .AffichageLivresResume {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem;
  }
  
  @media only screen and (max-width: 1050px) {
  /* For tablettes: */
.MaSelection .AffichageLivresResume {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
  }
} 

@media only screen and (max-width: 530px) {
  /* For tablettes: */
.MaSelection .AffichageLivresResume {
display: grid;
grid-template-columns: 1fr;
  }
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres {
background: #E6E7E8;
padding:1rem;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
display: grid;
grid-template-columns: 1fr;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrehautdescriptionlivreTuile {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	justify-self:center;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrehautdescriptionlivreTuile img.haut {
max-width: 100%;
    height: auto;
	margin: 0 0;
	padding: 0 0;
	border: 1px solid #cccccc;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile {
	padding-right: 0rem; padding-left: 0.8rem; padding-top:0.8rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	align-self:end;
	 }
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .cadrebasdescriptionlivreTuiletexte {
	height: 4.5rem;
		text-align: left;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0.8rem; margin-right:0rem;
	overflow: hidden; 
}


.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .cadrebasdescriptionlivreTuiletexte  .auteurtitreTuile {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .cadrebasdescriptionlivreTuiletexte  .auteurtitreTuile h3{
	padding: 0 0;
	margin: 0 0;
	font-size: 1rem;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .cadrebasdescriptionlivreTuiletexte  .titreTuile {
	font-size: 0.9rem;
	font-weight: normal;
	color: #3D3D3D;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .cadrebasdescriptionlivreTuiletexte  .titreTuile h3 {
	padding: 0 0;
	margin: 0 0;
	font-size: 1rem;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .cadrebasdescriptionlivreTuiletexte  .auteurTuile {
	font-size: 1rem;
	font-weight: bold;
	color : #6F1222;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .baspagelivreresumeTuile {
padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
display : grid;
grid-template-columns: 1fr fit-content(10rem);

}
 .MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .baspagelivreresumeTuile .liendetailTuile {
	height: 1.5rem;
	background: #3D3D3D;	
	justify-self:start;
padding-right: 0rem; padding-left: 0rem; padding-top:0.3rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .baspagelivreresumeTuile .liendetailpoliceTuile {
	font-size: 0.9rem;
	color: #FFFFFF ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	text-decoration: none;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .baspagelivreresumeTuile .prixresumeTuile{
	font-size: 1.3rem;
	font-weight: bold;
	color: #A59C89;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .dateresumeepoliceTuile {
	font-size: 0.9rem;
	font-style: italic ;
	color: #3D3D3D;
	text-align: left;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
	font-weight: normal;
}

.MaSelection .liendetailpolice:hover, .MaSelection .liendetailpolice:focus{
	  color: #FFD8A0;
}
.MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .baspagelivreresumeTuile .liendetailpoliceTuile:hover, .MaSelection .AffichageLivresResume .descriptionlivreTuileCadres .cadrebasdescriptionlivreTuile .baspagelivreresumeTuile .liendetailpoliceTuile:focus{
	  color: #FFD8A0;
}
.MaSelection .AffichageLivresResume a {
	text-decoration: none;
}
.MaSelection .descriptionlivrefondgris a {
	text-decoration: none;
}
.MaSelection .descriptionlivreTuileCadres a {
	text-decoration: none;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris {
	grid-column: 1 / 4; 
	background: #E6E7E8;
	padding-right: 2rem; padding-left: 2rem; padding-top:1rem; padding-bottom:1rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	display : grid;
	grid-template-columns: fit-content(130px) 1fr;
}
 .MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadregauchedescriptionlivre {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
			  grid-row-start: 1; 
				grid-row-end: 3; 
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris  .cadredroitedescriptionlivre {
	padding-right: 0rem; padding-left: 2rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
display:grid;
}
 .MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadregauchedescriptionlivre img.gauche {
	max-width: 100%;
    height: auto;
	margin: 0 0;
	padding: 0 0;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris   .cadredroitedescriptionlivre .accroche {
	text-align: left;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0.3rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .accrochepolice {
	font-size: 1rem;
	color: #3D3D3D;
	font-weight: bold;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .accrochepolice h3{
	font-size: 1rem;
	padding: 0 0;
	margin:0 0;
}

.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .auteurtitre {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .auteur {
	font-size: 1rem;
	font-weight: bold;
	color : #6F1222;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .auteur h3{
	font-size: 1rem;
	padding: 0 0;
	margin:0 0;
}

.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .titre {
	font-size: 0.9rem;
	font-weight: normal;
	color: #3D3D3D;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .titre h3{
	padding: 0 0;
	margin:0 0;
	font-weight: normal;
	font-size: 0.9rem;
}

.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .dateresumee {
	padding-right: 0rem; padding-left: 0rem; padding-top:0.3rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .cadredroitedescriptionlivre .dateresumeepolice {
	font-size: 0.9rem;
	font-style: italic ;
	color: #3D3D3D;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .notice {
	grid-column: 1 / 3; 
	padding-right: 0rem; padding-left: 0rem; padding-top:1rem; padding-bottom:0rem;
	margin-top: 1rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
 border-top: thin solid #CCCCCC;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .notice h4{
	margin: 0 0;
	padding: 0 0;
		font-weight: normal;
}

.MaSelection .AffichageLivresResume  .descriptionlivrefondgris .notice .noticepolice {
	color: #3D3D3D ;
	font-size: 0.8rem;	
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MaSelection .AffichageLivresResume .descriptionlivrefondgris .baspagelivreresume {
	grid-column: 2 / 3; 
	align-self : end;
display : grid;
grid-template-columns: 1fr fit-content(10rem);
	padding-right: 0rem; padding-left: 2rem; padding-top:1rem; padding-bottom:0rem;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .liendetail {
	width: 10.5rem;
	height: 1.5rem;
	background: #6F1222;	
	float:left;
	text-align : center;
	padding-right: 0rem; padding-left: 0rem; padding-top:0.3rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume  .descriptionlivrefondgris .liendetailpolice {
	font-size: 0.9rem;
	color: #FFFFFF ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .prixresume {
	font-size: 1.5rem;
	font-weight: bold;
	color: #A59C89;
	text-decoration:none;
	float : right;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
@media only screen and (max-width: 530px) {
  /* For tablettes: */
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .baspagelivreresume {
	grid-column: 1 / 3; 
		padding-right: 0rem; padding-left: 0rem; padding-top:1rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
  }
.MaSelection .AffichageLivresResume .descriptionlivrefondgris  .cadredroitedescriptionlivre {
	padding-right: 0rem; padding-left: 1rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .AffichageLivresResume .descriptionlivrefondgris .liendetail {
		width: 8rem;
}
}
.MaSelection .conditionsdevente {
	font-size: 0.85rem;
	text-align: justify ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MaSelection .conditionsdevente .conditionsdeventetitre {
	 font-weight:bold;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 1.4rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;
}
.MaSelection .conditionsdevente .conditionsdeventetexte {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.8rem; margin-left : 2rem; margin-bottom : 0.8rem; margin-right:2rem;
}
 .MaSelection .conditionsdevente .conditionsdeventetexteapropos {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.8rem; margin-left : 2rem; margin-bottom : 0.8rem; margin-right:2rem;
}
  .MaSelection .conditionsdevente  .photoilabapropos {
text-align : center;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.3rem; margin-left : 3rem; margin-bottom : 2rem; margin-right:2.3rem;
}
 .MaSelection .conditionsdevente .photoilabapropos img{
	max-width: 100%;
    height: auto;
}
  .MaSelection .conditionsdevente .photoboutiqueapropos {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
 .MaSelection .conditionsdevente .photoboutiqueapropos img{
	max-width: 100%;
    height: auto;
}

 .MaSelection .conditionsdevente .apropostextelogo {
	text-align: justify ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 2.3rem; margin-left : 2rem; margin-bottom : 0.8rem; margin-right:2rem;
}
  .MaSelection .conditionsdevente .photologo {
	text-align : center;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.8rem; margin-left : 2.8rem; margin-bottom : 0rem; margin-right:2rem;
}
 .MaSelection .conditionsdevente .photologo img{
	max-width: 100%;
    height: auto;
}

/*//////////////////FORMULAIRE VENDEZ VOS LIVRES/////////DEBUT/////////////*/

.MaSelection .estimation {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
  margin-top: 0rem;   margin-bottom: 1.4rem;   margin-left: 2rem;   margin-right: 2rem; 
	font-size: 0.85rem;
	display:grid;
	align-self:start;
 }
 .MaSelection .estimation .estimationtitre {
	 font-weight:bold;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 1.4rem; margin-left : 0rem; margin-bottom : 1.4rem; margin-right:0rem;
}
.MaSelection .conditionsdevente .estimationtexte {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.8rem; margin-left : 2rem; margin-bottom : 0.8rem; margin-right:2rem;
}

.MaSelection .estimation .texteaucentre{
 text-align: center;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
/*/////////////////////////////*/

.MaSelection .estimation  .boutonscontactventelivres {
padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
margin-top: 2rem; margin-left : 0rem; margin-bottom : 2rem; margin-right:0rem;
display:grid;
grid-template-columns: 1fr fit-content(10rem) 1fr fit-content(10rem) 1fr;
}
.MaSelection .estimation  .boutonscontactventelivres .boutoncourriel {
 grid-column: 2 / 3; 
justify-self : start;
background:#6F1222;
	color: #A59C89;
	padding-right: 1.5rem; padding-left: 1.5rem; padding-top:1rem; padding-bottom:1rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .estimation .boutonscontactventelivres .boutoncourriel a{
	  	text-decoration:none;
}
.MaSelection .estimation  .boutonscontactventelivres .boutoncourrielpolicefr {
	font-size: 0.9rem;
	color: #FFFFFF ;
	padding-right: 0rem; padding-left: 0px; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MaSelection .estimation  .boutonscontactventelivres .boutonwhatsapp {
	 grid-column: 4 / 5; 
justify-self : end;	 
background: green;	
	padding-right: 1.5rem; padding-left: 1.5rem; padding-top:1rem; padding-bottom:1rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
	.MaSelection .estimation  .boutonscontactventelivres .boutonwhatsapp a{
	  text-decoration:none;
}
	.MaSelection .estimation  .boutonscontactventelivres .boutonwhatsapppolicefr {
	font-size: 0.9rem;
	color: #FFFFFF ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

  .MaSelection .estimation  .photolivreseul {
	text-align : center;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 1rem; margin-left : 0rem; margin-bottom : 1rem; margin-right:0rem;
}

 .MaSelection .estimation .photolivreseul img{
	max-width: 100%;
    height: auto;
	margin-top: 1rem; margin-left : 1rem; margin-bottom : 1rem; margin-right:1rem;
	padding-right: 1rem; padding-left: 1rem; padding-top:0rem; padding-bottom:0rem;

}

  .MaSelection .estimation .photolivresrayons {
	text-align : center;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 2rem; margin-left : 0rem; margin-bottom : 2rem; margin-right:0rem;
}
 .MaSelection .estimation .photolivresrayons img{
	max-width: 100%;
    height: auto;
}


.MaSelection .estimation form {
 background-color: #E6E7E8;
   margin-top: 0rem;   margin-bottom: 0rem;   margin-left: 0rem;   margin-right: 0rem; 
 padding:1rem;
justify-self:center;
 width : 70%;
}
.MaSelection .estimation fieldset {
   margin-top: 0rem;   margin-bottom: 0rem;   margin-left: 0rem;   margin-right: 0rem; 	
 padding:1.4rem;
 }
.MaSelection .estimation legend {
 color: #a0522d;
 font-weight:bold
 }
.MaSelection .estimation label {
 margin-top:1.3rem;
 	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
 display:block;
 }

.MaSelection .estimation input {
 border:1px solid black;
 background-color: #FFFFFF;  
 }
 
.MaSelection .estimation input.submit {
 border:2px solid black;
 background-color: #ADADAD;
 width: 40%;
 height: 2.4rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
   font-weight: bold;
 }
 
.MaSelection .estimation select, option {
 background-color: #FFFFFF; 
 }
.MaSelection .estimation textarea {
 border:1px solid black;
 background-color: #FFFFFF; 
 width : 100%;
 height : 10rem;
 }
 
 @media only screen and (max-width: 530px) {
	.MaSelection .conditionsdevente .conditionsdeventetexte {
	padding-right: 0rem; padding-left: 1rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.8rem; margin-left : 0rem; margin-bottom : 0.8rem; margin-right:0rem;
}
.MaSelection .conditionsdevente .conditionsdeventetexteapropos {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0.8rem; margin-left : 0rem; margin-bottom : 0.8rem; margin-right:0rem;
}
.MaSelection .estimation {
  margin-top: 0rem; margin-bottom: 1.4rem; margin-left: 0rem; margin-right: 0rem;
	display:grid;
 }
 .MaSelection .estimation form {
 padding:0.5rem;
 width : 100%;
}
.MaSelection .estimation input.submit {
 width: 100%;
 height: 2.4rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
 }
 .MaSelection .estimation input.importfichier
 {
 width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0rem;
  margin-right: 0rem;
 }
.MaSelection .estimation fieldset {
 padding:1rem;
 }
.MaSelection .estimation ul {
 padding:0rem;
 margin:0.9rem;
 }
}

 .MaSelection .fincommande {
	font-size: 0.8rem;
/*	font-style: italic ; */
	color: black ;
	text-align: justify ;
	padding-right: 0rem; padding-left: 1rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 2rem; margin-left : 2rem; margin-bottom : 2rem; margin-right:2rem;
}
/*//////////////////FORMULAIRE VENDEZ VOS LIVRES//////FIN//////////*/


/* --------------------------------------FICHE DÉTAILLÉE---------------------------------------- */
.MaSelection .descriptiondetailleelivre {
	background: #E6E7E8;
	padding-right: 5rem; padding-left: 4rem; padding-top:0rem; padding-bottom:3rem;
	margin-top: 2rem; margin-left : 0.5rem; margin-bottom : 2.5rem; margin-right:0.5rem;
	display:grid;
}

.MaSelection .descriptiondetailleelivre  .accrochedetaillee {
	font-size: 1rem;
	color: #3D3D3D;
	font-weight: bold;
	text-align: center;
	padding-right: 0rem; padding-left: 0rem; padding-top:2.5rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .accrochedetaillee h1{
	font-size: 1rem;
	color: #3D3D3D;
	font-weight: bold;
	text-align: center;
	padding-right: 0rem; padding-left: 0rem; padding-top:2.5rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .principalecentre {
	padding-right: 0rem; padding-left: 0rem; padding-top:3rem; padding-bottom:0rem;
	margin: 0 0;
	text-align:center; 
}
  .MaSelection .descriptiondetailleelivre .principalecentre img {
	border: 0rem solid #FFFFFF; 
	max-width: 100%;
    height: auto;
}
.MaSelection .descriptiondetailleelivre  .auteurdetaille {
	font-size: 1rem;
	font-weight: bold;
	color : #6F1222;
	text-align: left;
	padding-right: 0rem; padding-left: 0rem; padding-top:3rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .auteurdetaille h2{
	font-size: 1rem;
	margin: 0 0;
	padding: 0 0;
		display: inline;
}

.MaSelection .descriptiondetailleelivre  .auteurdetaille .titredetaille {
	font-size: 0.9rem;
	font-weight: normal;
	color: #3D3D3D;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
	display: inline;
}

.MaSelection .descriptiondetailleelivre  .datedetaillee {
	font-size: 0.9rem;
	font-style: italic ;
	color: #3D3D3D;
	text-align: left;
	padding-right: 0rem; padding-left: 0rem; padding-top:0.3rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}

.MaSelection .descriptiondetailleelivre  .descriptiondetaillee {
	font-size: 0.8rem;
	color: #3D3D3D ;
	padding-right: 0rem; padding-left: 0rem; padding-top:1rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .titreillustration {
	font-size: 0.8rem;
	font-variant:small-caps;
	color: black;
	float: none;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .defautslivres {
	font-size: 0.8rem;
	font-style: italic;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .noticedetaillee {
	font-size: 0.8rem;
	color: #3D3D3D ;
	text-align: justify ;
	padding-right: 0rem; padding-left: 0rem; padding-top:2.75rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .noticedetaillee h4{
	font-size: 0.8rem;
	color: #3D3D3D ;
	text-align: justify ;
	margin: 0 0;
	padding: 0 0;
	font-weight: normal;
}

.MaSelection .descriptiondetailleelivre  .titrebiblioprovenance {
	font-size: 0.8rem;
	font-weight: bold;
		font-variant:small-caps;
	color: black ;
	text-align: justify ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre  .prix {
	font-size: 1.5rem;
	font-weight: bold;
	color: #A59C89;
	text-align: right;
	padding-right: 0rem; padding-left: 0rem; padding-top:3rem; padding-bottom:3rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .descriptiondetailleelivre  .baspagelivredetaille {
padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
margin-top: 0rem; margin-left : 0rem; margin-bottom : 0px; margin-right:0rem;
display:grid;
grid-template-columns: fit-content(10rem) 1fr;
}
.MaSelection .descriptiondetailleelivre  .baspagelivredetaille .retourrecherche {
 grid-column: 1 / 2; 
justify-self : start;
background:#6F1222;
	color: #A59C89;
	padding-right: 1.5rem; padding-left: 1.5rem; padding-top:1rem; padding-bottom:1rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .descriptiondetailleelivre .baspagelivredetaille .retourrecherche a{
	  	text-decoration:none;
}
.MaSelection .descriptiondetailleelivre  .baspagelivredetaille .retourrecherchepolicefr {
	font-size: 0.9rem;
	color: #FFFFFF ;
	padding-right: 0rem; padding-left: 0px; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MaSelection .descriptiondetailleelivre  .baspagelivredetaille .ajouteraupanier {
	 grid-column: 2 / 3; 
justify-self : end;	 
background: #6F1222;	
	padding-right: 1.5rem; padding-left: 1.5rem; padding-top:1rem; padding-bottom:1rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
	.MaSelection .descriptiondetailleelivre  .baspagelivredetaille .ajouteraupanier a{
	  text-decoration:none;
}
	.MaSelection .descriptiondetailleelivre  .baspagelivredetaille .ajouteraupanierpolicefr {
	font-size: 0.9rem;
	color: #FFFFFF ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.MaSelection .descriptiondetailleelivre .baspagelivredetaille .ajouteraupanierpolicefr:hover, .MaSelection .descriptiondetailleelivre  .baspagelivredetaille .ajouteraupanierpolicefr:focus{
	  color: #FFD8A0;
	  	cursor:pointer; 
}
 .MaSelection .descriptiondetailleelivre .baspagelivredetaille .retourrecherchepolicefr:hover,  .MaSelection .descriptiondetailleelivre .baspagelivredetaille .retourrecherchepolicefr:focus{
	  color: #FFD8A0;
	  	cursor:pointer; 
}
 .MaSelection .descriptiondetailleelivre .Vignettes {
	padding-right: 0rem; padding-left: 0rem; padding-top:5rem; padding-bottom:0.3rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	text-align:center; 
}

 .MaSelection .descriptiondetailleelivre .Vignettes .vig {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0.3rem; margin-bottom : 0rem; margin-right:0.3rem;
	display:inline;
}

 .MaSelection .descriptiondetailleelivre .Vignettes .vig img{
-moz-transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
-o-transition: opacity 0.9s;
  	border: 3px solid #FFFFFF;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

 .MaSelection .descriptiondetailleelivre .Vignettes .vig img:link, .MaSelection .descriptiondetailleelivre .Vignettes .vig img:visited, .MaSelection .descriptiondetailleelivre .Vignettes .vig img:hover, .MaSelection .descriptiondetailleelivre .Vignettes .vig img:active, .MaSelection .descriptiondetailleelivre .Vignettes .vig img:focus{
opacity:0.7;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
	cursor:pointer; 
  	border: 3px solid #FFD8A0;	
}
 .MaSelection .descriptiondetailleelivre .Diaporama {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	text-align:center; 
  }
  .MaSelection .descriptiondetailleelivre .Diaporama img {
	border: 0rem solid #FFFFFF; 
	max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 530px) {
	.MaSelection .descriptiondetailleelivre {
	padding-right: 1rem; padding-left: 1rem; padding-top:0rem; padding-bottom:1rem;
	margin-top: 1rem; margin-left : 0rem; margin-bottom : 1.5rem; margin-right:0rem;
}
.MaSelection .descriptiondetailleelivre .baspagelivredetaille .retourrecherche {
	padding-right: 1rem; padding-left: 1rem; padding-top:0.8rem; padding-bottom:0.8rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}
.MaSelection .descriptiondetailleelivre  .baspagelivredetaille .ajouteraupanier {
	padding-right: 1rem; padding-left: 1rem; padding-top:0.8rem; padding-bottom:0.8rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

}
/* ------------------------FIN FICHE DÉTAILLÉE --------------------------------*/


.Pieddepage {
	background: #3D3D3D;
		color:#FFFFFF;
	font-size: 0.8rem;
	padding-left:4rem; padding-top:1rem; padding-bottom:1rem; padding-right:4rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;		
	display : grid;
	grid-template-columns: 1fr 1fr;
					grid-gap : 1rem;
}

.Pieddepage .TexteGauche {
		padding-left:0rem; padding-top:0rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
				color:#FFFFFF;
		justify-self: start;
}
.Pieddepage .TexteGauche .email {
		color:#FFD8A0;
		padding-left:0rem; padding-top:0.35rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
		
}
.Pieddepage .adresse {
		padding-left:0rem; padding-top:0rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;		
}
.Pieddepage .tel {
		padding-left:0rem; padding-top:0.35rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;		
}

.Pieddepage .TexteDroite {
		padding-left:0rem; padding-top:0rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
		justify-self: end;
		}
		@media only screen and (max-width: 530px) {
  /* For tablettes: */
  .Pieddepage {
		padding-left:0rem; padding-top:1rem; padding-bottom:1rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
display : grid;
	grid-template-columns: 1fr;
						grid-gap : 0rem;
}
.Pieddepage .TexteGauche {
		justify-self: center;
		padding-bottom:0.5rem;
}
.Pieddepage .TexteDroite {
		justify-self: center;
			border-top: thin solid #CCCCCC;
			margin-top: 0.5rem;
}

}
.Pieddepage .cgv{
		padding-left:0rem; padding-top:0.5rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
		font-weight:bold;
}
.Pieddepage .tva{
		padding-left:0rem; padding-top:1.6rem; padding-bottom:0rem; padding-right:0rem;
		margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}

.Pieddepage .cgv a:link {
	text-decoration:none; 
	color:#FFFFFF;	
 }
.Pieddepage .email a:visited, .Pieddepage .cgv a:visited, .Pieddepage .email a:link { /* à placer avant a:hover pour lui laisser la priorité*/
 text-decoration:none; 
 	color:#FFD8A0;	
	}
.Pieddepage  .email a:hover, .Pieddepage  .cgv a:hover {
	font-weight:bold;
	color:#FFD8A0;	
}
.Pieddepage .email a:active, .Pieddepage .email a:focus, .Pieddepage .cgv a:active, .Pieddepage .cgv a:focus{ 
 text-decoration:none; 
 }


.Fauxpieddepageinf {
	padding-left:0rem; padding-top:1rem; padding-bottom:1rem; padding-right:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
	background: #F0F0F0;
	display : grid;
	grid-template-columns: 10% 1fr;
}
.Fauxpieddepageinf .credits{
 	font-size: 0.9rem;
	color:#6F1222;
	grid-column: 2 / 3;
	padding-left:0rem; padding-top:0rem; padding-bottom:0rem; padding-right:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
}

/* AVANCEE COMMANDE EN COURS */
 
.conteneur .commande {
    background: #E9E9DC;
	margin: 0rem 0rem 0rem 0rem;
	padding-top: 0rem; padding-right: 0rem; padding-bottom:0rem; padding-left: 0rem;
	grid-column: 1 / 3;
	display : grid;
	grid-template-columns: 10% 1fr 10%;
}

/*  New Order Pipe
=====================*/

/* Breadcrumb orderpipe */

.conteneur .commande .menucommande {
 grid-column: 1 / 4; 
    background: #E9E9DC;
	padding-left:0rem; padding-top:1.5rem; padding-bottom:0.8rem; padding-right:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;	
	text-align:center;
		display : grid;
	grid-template-columns: fit-content(10rem) fit-content(10rem) fit-content(10rem) ;
grid-gap:2rem;
justify-self:center;
}

.conteneur .commande .menucommande .off
{
	color: #777777;
}

.conteneur .commande .menucommande .on
{
	color: #800000;
	font-weight: bold;
	
}
/*///////////////PANIER/////////////////////*/

.conteneur .commande .panier {
	 grid-column: 2 / 3; 
	background: #FFFFFF;	
	padding-left:1rem; padding-top:1rem; padding-bottom:1rem; padding-right:1rem;	
	justify-self:center;
}

.conteneur .commande .panier .livreaupanier {
	font-size: 0.9rem;
	text-align: center;
}


.conteneur .commande .panier .paniervide {
text-align: center;
padding-bottom: 1rem;
font-size: 1rem;
font-weight: bold;
color: #800000;
 border: 0rem;
}

.conteneur .commande .panier .retouraccueil {
text-decoration:underline;
}

.conteneur .commande .panier table {
 border:0rem solid black;
}
.conteneur .commande .panier td { 
 border:1px solid black;
 text-align:left;
 }
 
 .conteneur .commande .panier td.titreretirer {
   text-align:center;
 border:0rem solid black;
font-weight: bold;
 }
 .conteneur .commande .panier td.titrearticles {
    text-align:center;
 border:0rem solid black;
font-weight: bold;
}
  .conteneur .commande .panier td.titretarif {
max-width:3rem;  
     text-align:center;
 border:0rem solid black;
font-weight: bold;
}
  .conteneur .commande .panier .supprimer {
text-align: center;
 }
 
 .conteneur .commande .panier .article {
padding : 0.2rem;
}
 .conteneur .commande .panier .tarif {
padding-left:0.4rem; padding-right:0.3rem;
text-align: center;
}
.conteneur .commande .panier .vide {
 border: 0rem;
}

.conteneur .commande .panier .apayer {
padding-top : 1.4rem;
padding-bottom : 1.2rem;
     text-align:center;
font-size: 1rem;
font-weight: bold;
color: #800000;
 border: 0rem;
}

   .conteneur .commande .panier .total {
text-align: center;
font-size: 1rem;
font-weight: bold;
color: #800000;
border: 0rem;
 }

.conteneur .commande .panier .retour {
	width : 30%;
	float : left;
	
 }
.conteneur .commande .panier .retourauxachats {
	text-decoration:underline;
	color: black ;
}

    .conteneur .commande .panier .terminer {
width : 60%;
float : right;
text-align: right;
 }
 
  .conteneur .commande .panier .terminer input[type="submit"]{
 cursor:pointer;
}
/*FIN PANIER*/
/*//////////////////FORMULAIRE COMMANDE SAISIR LES COORDONNEES/////////DEBUT/////////////*/
.conteneur .commande .commandecoordonnees {
	 grid-column: 2 / 3; 
		 	padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right:1rem;
  margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem;
 background-color: #F0F0F0;
	font-size: 0.8rem;
	display:grid;
}

.conteneur .commande .commandecoordonnees .formulairecoord {
	 	padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; padding-right: 0rem;
	margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem;
		display:grid;
			grid-template-columns: 1fr 1fr;
			grid-gap : 1rem;
 }
   @media only screen and (max-width: 900px) {
  /* For tablettes: */
.conteneur .commande .commandecoordonnees .formulairecoord {
	 	padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; padding-right: 0rem;
	margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem;
		display:grid;
			grid-template-columns: 1fr;
 }
}
  .conteneur .commande .commandecoordonnees .formulairecoord .envoyer {
 		grid-column: 1 / 3;
padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; padding-right:0rem;
  margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem;
 place-self:center; 
}
 
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation {
		grid-column: 1 / 2;
 padding-left: 0.6rem; padding-right: 0.6rem; padding-bottom: 0.6rem; padding-top:0rem;
 margin-top:0rem; margin-bottom:0rem; margin-right:0rem; margin-left:0rem;
 		display:grid;
			grid-template-columns: 1fr 1fr;
				grid-gap : 0.6rem 1rem;
}
 
 .conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison {
	 		grid-column: 2 / 3;
 padding-left: 0.6rem; padding-right: 0.6rem; padding-bottom: 0.6rem; padding-top:0rem;
 margin-top:0rem; margin-bottom:0rem; margin-right:0rem; margin-left:0rem;
 		display:grid;
			grid-template-columns: 1fr 1fr;
				grid-gap : 0.4rem 1rem;
}
   @media only screen and (max-width: 900px) {
  /* For tablettes: */
 .conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison {
	 		grid-column: 1 / 2;
 padding-left: 0.6rem; padding-right: 0.6rem; padding-bottom: 0.6rem; padding-top:0rem;
 margin-top:0rem; margin-bottom:0rem; margin-right:0rem; margin-left:0rem;
 		display:grid;
			grid-template-columns: 1fr 1fr;
				grid-gap : 0.4rem 1rem;
}
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation legend {
 color: #a0522d;
 font-weight:bold;
 margin-left:1rem;
  margin-bottom:0.3rem;
 }
 
 .conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison legend {
 color: black;
 font-weight:bold;
 margin-left:1rem;
   margin-bottom:0.3rem;
}
  
 .conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison .haut {
		grid-column: 1 / 3;
	}

.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation label {
 margin-top:0rem;
margin-left:0rem;
margin-right:0rem;
 }

.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation input {
 border:1px solid black;
 margin-left:0rem;
margin-right:0rem;
}
 
 .conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison label {
 margin-top:0rem;
margin-left:0rem;
margin-right:0rem;
 }
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison input {
 border:1px solid black;
 margin-left:0rem;
margin-right:0rem;
 }
 
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison input[disabled] {background: #ccc;}

.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.gauche {
	grid-column: 1 / 2;
	 		 display : grid;
		place-items : stretch;
}

.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.gauche input.smallsize{
width : 60%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.gauche input.middlesize{
width : 95%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.droite input.middlesize{
width : 95%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.centre input.intermediatesize{
width : 60%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.centre input.fullsize{
width : 98%;
}

.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.droite {
	grid-column: 2 / 3;
		 		 display : grid;
		place-items : stretch;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetfacturation div.centre {
	grid-column: 1 / 3;
		 display : grid;
		place-items : stretch;
}

.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.gauche {
	grid-column: 1 / 2;
	 		 display : grid;
		place-items : stretch;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.droite {
	grid-column: 2 / 3;
		 		 display : grid;
		place-items : stretch;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.centre {
	grid-column: 1 / 3;
		 display : grid;
		place-items : stretch;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.gauche input.smallsize{
width : 60%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.gauche input.middlesize{
width : 95%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.droite input.middlesize{
width : 95%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.centre input.intermediatesize{
width : 60%;
}
.conteneur .commande .commandecoordonnees .formulairecoord fieldset.fieldsetlivraison div.centre input.fullsize{
width : 98%;
}



/*//////////////////FORMULAIRE COMMANDE SAISIR LES COORDONNEES//////FIN//////////*/
.conteneur .commande .synthesecommande {
   background: #E9E9DC;
   	grid-column: 2 / 3;
		 	padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; padding-right:0rem;
  margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem;
	font-size: 0.8rem;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap : 2rem;
}

.conteneur .commande .synthesecommande .synthesecommandelivreaupanier {
align-self: start;
font-size: 0.75rem;
padding-right: 0rem; padding-left: 0rem; padding-top:1.5rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
		display:grid;
	grid-template-columns: 1fr 5rem;
	grid-gap : 0.2rem;
}
.conteneur .commande .synthesecommande .synthesecommandelivreaupanier .titrearticles {
	background: #DDDDDD;
	padding-top:0.5rem; padding-bottom:0.3rem;
font-weight: bold;
	text-align : center;
}
.conteneur .commande .synthesecommande .synthesecommandelivreaupanier .titretarif {
 	background: #DDDDDD;
		padding-top:0.5rem; padding-bottom:0.3rem;
font-weight: bold;
	text-align : center;
}
.conteneur .commande .synthesecommande .synthesecommandelivreaupanier .article {
 	background: #F0F0F0;
	padding-right: 1rem; padding-left: 1rem; padding-top:0.3rem; padding-bottom:0.3rem;
}
.conteneur .commande .synthesecommande .synthesecommandelivreaupanier .tarif {
 	background: #F0F0F0;
	padding-right: 0rem; padding-left: 0rem; padding-top:0.3rem; padding-bottom:0.3rem;
	text-align : center;
}
.conteneur .commande .synthesecommande .synthesecommandelivreaupanier .apayer {
background: #AAAAAA;
	padding-right: 1rem; padding-left: 1rem; padding-top:1rem; padding-bottom:1rem;
	text-align : center;
font-size: 1rem;
font-weight: bold;
color: #800000;
}
.conteneur .commande .synthesecommande .synthesecommandelivreaupanier .total {
background: #AAAAAA;
		padding-right: 0rem; padding-left: 0rem; padding-top:1rem; padding-bottom:1rem;
text-align : center;
font-size: 1rem;
font-weight: bold;
color: #800000;
}

.conteneur .commande .synthesecommande .moyenpaiement {
	grid-column: 1 / 3;
	place-self : center;
}
.conteneur .commande .synthesecommande .moyenpaiement p.selectionCB {
/* font-weight:normal;*/ /*input.submit ou button.checkout*/
	font-weight:bold ;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	font-size: 0.9rem;
}
 
.conteneur .commande .synthesecommande .moyenpaiement button {
/* border:2px solid black;
 background-color: #ADADAD; */
 width: 100%; 
 height: 2.4rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
   font-weight: bold;
   	font-size: 1rem;
 }
.conteneur .commande .synthesecommande .synthesecoordonnees {
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
	align-self:start;
	display : grid;
		grid-template-columns: 10% 1fr;
grid-gap : 0.2rem;
}
.conteneur .commande .synthesecommande .synthesecoordonnees .modifadresses {
	grid-column: 2 / 3;
	justify-self : end;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.conteneur .commande .synthesecommande .synthesecoordonnees .synthesecommandeadresselivraison {
	background: #F0F0F0;
	grid-column: 2 / 3;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.conteneur .commande .synthesecommande .synthesecoordonnees  .synthesecommandeadressefacturation {
	background: #F0F0F0;
	grid-column: 2 / 3;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.conteneur .commande .synthesecommande .synthesecoordonnees .synthesecommandeadressetitre {
	background: #DDDDDD;
	grid-column: 2 / 3;
		font-weight: bold;
	font-size: 0.75rem;
	padding-right: 1rem; padding-left: 1rem; padding-top:0.5rem; padding-bottom:0.3rem;
}

.conteneur .commande .synthesecommande .synthesecoordonnees .synthesecommandeadressecoordonnees{
	background: #F0F0F0;
	grid-column: 2 / 3;
	padding-right: 1rem; padding-left: 1rem; padding-top:0.3rem; padding-bottom:0.3rem;
	font-size: 0.75rem;
}
		@media only screen and (max-width: 530px) {
  /* For tablettes: */
  .conteneur .commande {
    background: #E9E9DC;
	margin: 0rem 0rem 0rem 0rem;
	padding-top: 0rem; padding-right: 0rem; padding-bottom:0rem; padding-left: 0rem;
	grid-column: 1 / 3;
	display : grid;
	grid-template-columns: 1fr;
}
.conteneur .commande .commandecoordonnees {
	 grid-column: 1 / 2; 
		 	padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right:1rem;
  margin-top: 0rem; margin-bottom: 0rem; margin-left: 0rem; margin-right: 0rem;
	display:grid;
	justify-items:start;
}

.conteneur .commande .menucommande {
grid-gap:0.7rem;
}
.conteneur .commande .panier {
	 grid-column: 1 / 2; 
	padding-left:1rem; padding-top:1rem; padding-bottom:1rem; padding-right:1rem;	
}

.conteneur .commande .commandecoordonnees form.formulairecoord {
width:100%;
}
.conteneur .commande .commandecoordonnees form fieldset {
width:98%;
		padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}

.conteneur .commande .synthesecommande .synthesecommandelivreaupanier {
   	grid-column: 1 / 3;
		display:grid;
	grid-template-columns: 1fr 4rem;
	grid-gap : 0.2rem;
}

.conteneur .commande .synthesecommande .synthesecoordonnees {
   	grid-column: 1 / 3;
	display : grid;
		grid-template-columns: 1fr;
}
.conteneur .commande .synthesecommande .synthesecoordonnees .modifadresses {
	grid-column: 1 / 2;
	justify-self : end;
}

.conteneur .commande .synthesecommande .synthesecoordonnees .synthesecommandeadresselivraison {
	grid-column: 1 / 2;
	padding-right: 0rem; padding-left: 0rem; padding-top:0rem; padding-bottom:0rem;
	margin-top: 0rem; margin-left : 0rem; margin-bottom : 0rem; margin-right:0rem;
}
.conteneur .commande .synthesecommande .synthesecoordonnees  .synthesecommandeadressefacturation {
	grid-column: 1 / 2;
}

}