body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, input, textarea, blockquote {
     margin: 0;
     padding: 0;
     border: 0;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
	color : #363636;
}

@media screen and (max-width: 1100px) {
	body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, input, textarea, blockquote {
     margin: 0;
     padding: 0;
     border: 0;
    font-family: Nunito;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
	color : #363636;
}
}

/*CONTENEUR GLOBAL */

.imageBaseBazar{
	visibility: hidden;
	display: none;	
}

.barreMenuBlancheInfini{
	height : 60px;
	background-color : white;
	box-shadow: 0px 0px 2px #555;
}

.bazarDuManga{
	max-width: 1200px;
	margin : auto;
	width:85%;
	position:relative;
}

.bazarDuManga2{
margin : auto;
	width:96%;
	position:relative;
}

#contenu2 {
	 flex :3;
	 -ms-flex :3;
	 margin-right : 20px;
	 margin-left : 20px;
	 margin-bottom : 20px;
	 margin-top : 20px;
	 font-size: 17px;
}

/* MENU HAUT DEBUT */
.fondMenuHaut{
	height : 60px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : space-between;
	-ms-flex-pack : justify;
	align-items : center;
    -ms-flex-align: center;	
	background-color : white;
}

.fondMenuHautPaiement{
	height : 60px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : space-between;
	-ms-flex-pack : justify;
	align-items : center;
    -ms-flex-align: center;	
	background-color : white;
}

.rechercherBloc {
	display : flex;
	display: -ms-flexbox;
	width : 210px;
	flex-direction : row;
	justify-content : space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;	
}

.rechercherBlocManga {
	display : flex;
	display: -ms-flexbox;
	width : 350px;
	flex-direction : row;
	justify-content : space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;	
}

.rechercherBlocMobile {
	display : flex;
	display: -ms-flexbox;
	width : 350px;
	flex-direction : row;
	justify-content : space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;	
}
r
.connexion {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	width : 60px;
	align-items : flex-end;
	-ms-flex-align: flex-end;	
}

.circletagMenu{
    overflow:hidden;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    width:40px;
    height:40px;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
}

.circletagReduction{
	margin-top : 5px;
	margin-left : 205px;
	padding-top:5px;
    overflow:hidden;
	position:absolute;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    width:40px;
    height:40px;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #db2334;
	z-index: 50;
}

.circletagReductionBonnesAffaires{
	margin-top : 5px;
	margin-left : 5px;
	padding-top:5px;
    overflow:hidden;
	position:absolute;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    width:40px;
    height:40px;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #db2334;
	z-index: 50;
}

.circletagIndex{
    overflow:hidden;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    width:60px;
    height:60px;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
}

.Sparateur {
  width: 1px;
  height: 25px;
  background-color: #d8d8d8;

}

.menu{
	padding : 11px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	height : 50px;	
	border-bottom: 3px solid white;
	text-align:center;
}

.menu:hover{
	border-bottom: 3px solid #db2334;
	border-radius: 1.5px;
	color: #db2334;
    text-decoration:none;	
}

.menu a {
	color: #acacac;
    text-decoration:none;
	font-family :Nunito;
	height : 100%;
}

.menu a:hover {
    color: #db2334;
	text-decoration: none;
}

.menuSelec{
	padding : 11px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	height : 50px;
	align-items : center;
	-ms-flex-align: center;
	border-bottom: 3px solid #db2334;
	border-radius: 1.5px;
	color: #db2334;
    text-decoration:none;
}

.menuSelec a {	
	color: #db2334;
    text-decoration:none;
	font-family :Nunito;
	height : 100%;
	text-align:center;
}

.menuSelec a:hover {	
    color: #db2334;
	text-decoration: none;
}

.rechercheGlobal {
	background-color : white;
}

.fondMenuHaut input {
	background-color : white;
}

.fondMenuHaut input:focus {
     outline:  none;
}

@media screen and (max-width: 800px) {
	
.bazarDuManga2{
		width:100%;
}	
	
	.bazarDuManga{
		width:100%;
	}
	
	.barreMenuBlancheInfini{
		height : 60px;
		background-color: #f5f5f5;
		box-shadow: 0px 0px 2px #555;
	}		
	
	.fondMenuHaut{
		flex-direction: column;
		-ms-flex-direction: column;
		background-color : white;
		padding:10px;
		height : 100%;
	}

	.Sparateur{
		visibility: hidden;
		display: none;
	}
	.imageBanDecouverteMobile{
		width:100%; 
		height : 120px;
		
		box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
		transition: box-shadow 83ms;
	}
	.imageBanDecouverteMobileAnimeo{
		width:100%; 
		height : 150px;
		
		box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
		transition: box-shadow 83ms;
	}	
}

/* FIN MENU HAUT */  
  
/* SOUS MENU */
 
.menuGlobal {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : flex-end;	
	-ms-flex-pack : end;
	height : 370px;
	padding : 5px;
	border-radius : 5px;
}

.menuGlobalRomance {
	display : flex;
	display: -ms-flexbox;
	margin-right : 22%;
	flex-direction : row;
	justify-content : flex-end;	
	-ms-flex-pack : end;
	height : 370px;
	padding : 5px;
	margin-top : -25px;
	border-radius : 5px;
}

.menuGlobalManga {
	display : flex;
	display: -ms-flexbox;
	margin-right : 32%;
	flex-direction : row;
	justify-content : flex-end;	
	-ms-flex-pack : end;
	height : 370px;
	padding : 5px;
	margin-top : -25px;
	border-radius : 5px;
}

.menuGlobalAdmin {
	display : flex;
	display: -ms-flexbox;
	justify-content : flex-end;	
	-ms-flex-pack : end;
	height : 7000px;
	padding : 5px;
	margin-top : -10px;
	border-radius : 5px;
}

.menuGlobalAdminSucy {
	display : flex;
	display: -ms-flexbox;
	justify-content : flex-end;	
	-ms-flex-pack : end;
	height : 660px;
	padding : 5px;
	margin-top : -10px;
	border-radius : 5px;
}
 
 
.fondMenuGlobal {
	position : absolute;
	margin-top : 35px;
	width : 300px;
	height : 460px;
	padding : 20px;
	background-color : white;
	border-radius : 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}

.fondMenuGlobalRomance{
	position : absolute;
	margin-top : 30px;
	width : 800px;
	height : 260px;
	padding : 20px;
	background-color : white;
	border-radius : 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}

.fondMenuGlobalManga{
	position : absolute;
	margin-top : 45px;
	width : 800px;
	height : 260px;
	padding : 20px;
	background-color : white;
	border-radius : 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}


 
.fondMenuGlobalAdmin {
	position : absolute;
	margin-top : 35px;
	width : 900px;
	height : 700px;
	padding : 20px;
	background-color : white;
	border-radius : 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}

.fondMenuGlobalAdminSucy {
	position : absolute;
	margin-top : 35px;
	width : 450px;
	height : 660px;
	padding : 20px;
	background-color : white;
	border-radius : 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}

.triangle {
	padding-right : 15px;
	margin-top : 35px;
	position: absolute;
	z-index: 100;
	color : white;
    box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
    transition: box-shadow 83ms;
	box-sizing: border-box;
}

.triangle::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    
    border: 1em solid black;
    border-color: transparent transparent white white;
    
    transform-origin: 0 0;
    transform: rotate(135deg);
    
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 83ms;
  }

.triangleRomance {
	padding-right : 460px;
	margin-top : 30px;
	position: absolute;
	z-index: 100;
	color : white;
    box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
    transition: box-shadow 83ms;
	box-sizing: border-box;
}

.triangleRomance::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    
    border: 1em solid black;
    border-color: transparent transparent white white;
    
    transform-origin: 0 0;
    transform: rotate(135deg);
    
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 83ms;
  }

.triangleManga {
	padding-right : 460px;
	margin-top : 45px;
	position: absolute;
	z-index: 100;
	color : white;
    box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
    transition: box-shadow 83ms;
	box-sizing: border-box;
}

.triangleManga::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    
    border: 1em solid black;
    border-color: transparent transparent white white;
    
    transform-origin: 0 0;
    transform: rotate(135deg);
    
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 83ms;
  }


.menuGlobal a {
    color: #363636;
	text-decoration: none;
}

.menuGlobal a:hover {
    color: #363636;
	text-decoration: none;
}

.menuGlobal a:active {
    color: #363636;
	text-decoration: none;
}

.menuGlobalRomance a {
    color: #363636;
	text-decoration: none;
}

.menuGlobalRomance a:hover {
    color: #363636;
	text-decoration: none;
}

.menuGlobalRomance a:active {
    color: #363636;
	text-decoration: none;
}

.menuGlobalManga a {
    color: #363636;
	text-decoration: none;
}

.menuGlobalManga a:hover {
    color: #db2334;
	text-decoration: none;
}

.menuGlobalManga a:active {
    color: #db2334;
	text-decoration: none;
}

.menuGlobalAdmin a {
    color: #363636;
	text-decoration: none;
}

.menuGlobalAdmin a:hover {
    color: #363636;
	text-decoration: none;
}

.menuGlobalAdmin a:active {
    color: #363636;
	text-decoration: none;
}

/* FIN SOUS MENU */

/* RESULTAT RECHERCHE */

#livesearchRechercheHeader{
	background-color : white;
	margin-left : 37%;
	margin-right : 35%;
	margin-top : 20px;
	position : absolute;
	width : 340px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#livesearch{
	background-color : white;
	margin-left : 20%;
	margin-right : 35%;
	position : absolute;
	width : 340px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#livesearchManquant{
	background-color : white;
	margin-left : 45%;
	margin-top : 210px;
	position : absolute;
	width : 700px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#livesearchCommande{
	background-color : white;
	margin-left : 45%;
	margin-top : 210px;
	position : absolute;
	width : 700px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}


#livesearchRecherche{
	background-color : white;
	margin-left : 35%;
	margin-top : 270px;
	position : absolute;
	width : 700px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#livesearchClient{
	background-color : white;
	margin-left : 5%;
	margin-top : 300px;
	position : absolute;
	width : 700px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#livesearchManga{
	background-color : white;
	margin-left : 5%;
	margin-top : 400px;
	position : absolute;
	width : 700px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#liveSearchRomanManquant{
	background-color : white;
	margin-left : 45%;
	margin-top : 210px;
	position : absolute;
	width : 700px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	padding-right : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	z-index : 99;
}

#villeSearch{
	background-color : white;
	position : absolute;
	width : 300px;
	border-radius : 0px 0px 5px 0px;
	padding-left : 10px;
	z-index : 99;
}


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

.triangle {
	margin-top : -50px;
	position: absolute;
	z-index: 100;
}
	
.fondMenuGlobalAdmin {
	position : absolute;
	margin-top : -50px;
	width : 360px;
	height : 740px;
	padding : 10px;
}	

.fondMenuGlobalAdminSucy {
	position : absolute;
	margin-top : -50px;
	width : 180px;
	height : 740px;
	padding : 10px;
}
	
	#livesearch{		
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
	}

	#livesearchRechercheHeader{		
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
	}
	
	#livesearchManquant{		
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
	}	

	#livesearchCommande{		
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
	}	

	#liveSearchRomanManquant{		
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
	}

#livesearchRecherche{
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
		margin-top : 230px;
}

#livesearchClient{
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
		margin-top : 230px;
}

#livesearchManga{
		margin-left : 2%;
		margin-right : 2%;
		width : 100%;
		margin-top : 230px;
}
	
}

/*FIN RESULTAT RECHERCHE */

h1 { font-family: Nunito; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; } 
h2 { font-family: Nunito; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 700; } 
h3 { font-family: Nunito; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 700; } 
h4 { font-family: Nunito; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 700; } 
p { font-family: Nunito; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
blockquote { font-family: Nunito; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } 
pre { font-family: Nunito; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5667px; }

a {
    color: #363636;
	text-decoration: none;
}

a:hover {
    color: #363636;
	text-decoration: none;
}

a:active {
    color: #36363;
	text-decoration: none;
}

.imgAnnonce {
	clip:rect(0px 33% 130px 0px);
}

.imgAnnonceAcheter {
	position:absolute;
	clip:rect(50px 250px 450px 0px);
	margin-top : -50px;
	overflow:hidden;
}

/* TITRE NOUS VOUS RECOMMANDONS */

.titreNousVousRecommandons {
	display:flex; 
	display: -ms-flexbox;
	justify-content : space-between;
	-ms-flex-pack : justify;
	font-size:18px; 
	margin-bottom : 12px;
}

@media screen and (max-width: 800px) {
	.titreNousVousRecommandons{
		visibility: hidden;
		display: none;
	}	
}

/* FIN TITRE NOUS VOUS RECOMMANDONS */

/* NOUS VOUS RECOMMANDONS */

.ConteneurNousRecommandons {
	display: flex;
	display: -ms-flexbox;
	justify-content : space-between;
	-ms-flex-pack : justify;
	overflow: hidden;
}
.ConteneurNousRecommandons .Rectangle {
  width : 350px;
  height: 450px;
  border-radius: 5px;
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.ConteneurNousRecommandons .Rectangle .imgNousVousRecommandons {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	position:absolute;
	clip:rect(50px 350px 350px 0px);
	margin-top : -50px;
	overflow:hidden;
}

.ConteneurNousRecommandonsIndex {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content : space-between;
	-ms-flex-pack : justify;
	overflow: hidden;
}
.ConteneurNousRecommandonsIndex .RectangleIndex {
  width : 350px;
  height: 450px;
  background-color : white;
  border-radius: 5px;
  background-color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.ConteneurNousRecommandonsIndex .RectangleIndex .imgNousVousRecommandons {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	width: 350px;
	position:absolute;
	clip:rect(50px 350px 350px 0px);
	margin-top : -50px;
	overflow:hidden;
}

.circletag{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid white;	
	position : absolute;
}

.dotChangementPoint{
	text-align:center; 
	margin-top:5px;
}

.dotChangementPoint2{
	text-align:center; 
	margin-top:5px;
}

.imgAnnonceAcheter2{
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	width: 350px;
	clip:rect(50px 250px 180px 0px);
	margin-top : -50px;
	overflow:hidden;
}

@media screen and (max-width: 1600px) {
	.Rectangle:nth-child(5){
		visibility: hidden;
		display: none;
	}
}

@media screen and (max-width: 1400px) {
	.ConteneurNousRecommandonsIndex{
		justify-content : space-around;
		-ms-flex-pack : justify;
	}
	.ConteneurNousRecommandonsIndex .RectangleIndex {
		width : 280px;
		height: auto;
	}	
	.ConteneurNousRecommandonsIndex .RectangleIndex .imgNousVousRecommandons {
		width : 280px;
	}	
	.RectangleIndex{
		margin-bottom : 20px;		
	}
	.imgAnnonceAcheter2{
		width : 280px;
	}	
}

@media screen and (max-width: 1255px) {
	.Rectangle:nth-child(2){
		visibility: hidden;
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.dotChangementPoint{
		visibility: hidden;
		display: none;		
	}
	
	.ConteneurNousRecommandons{
		visibility: hidden;
		display: none;	
	}
	
	.Rectangle:nth-child(2){
		visibility: hidden;
		display: none;
	}
	
	.ConteneurNousRecommandonsIndex{
		justify-content : space-around;
		-ms-flex-pack : justify;
	}
	.ConteneurNousRecommandonsIndex .RectangleIndex {
		width : 280px;
	}	
	.ConteneurNousRecommandonsIndex .RectangleIndex .imgNousVousRecommandons {
		width : 280px;
	}	
	.RectangleIndex{
		margin-bottom : 20px;		
	}	
}

/* FIN NOUS VOUS RECOMMANDONS */

 body {
	background-color: #f5f5f5;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
	color : #363636;
}

/* TITRE CENTRE DE PAGE */

.titreCentrePageGlobal{
	display:flex; 
	display: -ms-flexbox;
	justify-content : space-between;
	-ms-flex-pack : justify;
	margin-top : 30px; 
	margin-bottom : -10px;
	font-size:18px; 
	color : white;
}

.titreCentrePageGlobalAnnonce{
	display:flex; 
	display: -ms-flexbox;
	justify-content : space-between;
	-ms-flex-pack : justify;
	flex-direction : row-reverse;
	-ms-flex-direction : row-reverse;
	margin-top : 30px; 
	margin-bottom : -10px;
	font-size:18px; 
}

.titreCentrePageGaucheAnnonce{
	margin-left : 40px;
	flex :3;
	-ms-flex :3;
	font-size:18px;
}

.titreCentrePageGauche{
	 flex :3;
	 -ms-flex :3;
	 font-size:18px; 
}

.titreCentrePageDroit{
	 flex :1;
	 -ms-flex :1;
	 font-size:18px; 
}
.titreApresFiltres {
	font-size : 19px;
}

.titreApresAbonnement {
	font-size : 19px;
	margin-bottom : 5px;
}

@media screen and (max-width: 800px) {
	.titreApresFiltres{
		visibility: hidden;
		display: none;	
	}
	
	.titreApresAbonnement{
		visibility: hidden;
		display: none;
		margin-bottom : 0px;		
	}
	
	.titreCentrePageDroit{
		visibility: hidden;
		display: none;
	}
	
	.titreCentrePageGauche{
		visibility: hidden;
		display: none;
	}
	.titreCentrePageGlobalAnnonce{
		visibility: hidden;
		display: none;
	}

	.titreCentrePageGaucheAnnonce{
		visibility: hidden;
		display: none;	
	}
}

.afficherLigneMangaStock{
	display:flex; 
	display: -ms-flexbox;
	justify-content : space-between;	
	-ms-flex-pack : justify;
	margin-bottom : 5px;
}

/* CENTRE DE PAGE AVEC MENU A DROITE */

.centrePage{
	display:flex; 
	display: -ms-flexbox;
	justify-content : space-between;
	-ms-flex-pack : justify;
	flex-direction : row-reverse;	
	-ms-flex-direction : row-reverse;
}

.centrePageAnnonce{
	display:flex; 
	display: -ms-flexbox;
	justify-content : space-between;	
	-ms-flex-pack : justify;
}

#contenu {
	 flex :3;
	 -ms-flex :3;
	 margin-right : 20px;
	 margin-bottom : 20px;
	 margin-top : 20px;
	 font-size: 17px;
}

#contenuAnnonce {
	 flex :3;
	 -ms-flex :3;
	 margin-bottom : 20px;
	 margin-top : 20px;
	 background-color: #f5f5f5;
	 font-size: 17px;
}

#contenuIndex {
	 flex :2.5;
	 -ms-flex :2.5;
	 margin-right : 20px;
	 margin-bottom : 20px;
	 margin-top : 20px;
	 background-color: #f5f5f5;
	 font-size: 17px;
}

#contenuIndexDecouverte {
	 flex :3;
	 -ms-flex :3;
	 margin-bottom : 20px;
	 margin-top : 20px;
	 background-color: #f5f5f5;
	 font-size: 17px;
}

#contenuIndexJeuConcours {
	 flex :3;
	 -ms-flex :3;
	 margin-bottom : 20px;
	 margin-top : 20px;
	 background-color: #f5f5f5;
	 font-size: 17px;
}

.container {
  padding-left : 2%;
  padding-right : 2%;
  padding-top : 10px;
  padding-bottom : 2%;
  border-radius: 5px;
  background-color: white; 
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;  
} 

.containerIndex {
  padding-left : 5%;
  padding-right : 5%;
  padding-bottom : 2%;
  padding-top : 20px;
  border-radius: 5px;
  background-color: white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box; 
} 

.containerIndexAbonnement {
  padding-left : auto;
  padding-right : auto;
  padding-top : 1%;
  padding-bottom : 2%;
  border-radius: 5px;
  background-color: white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;  
} 

.contenuDecouverteAbonnement{
  padding-left : 5%;
  padding-right : 5%;
}

.menuGaucheAnnonce {
	margin-top : 20px;
	margin-right : 40px;
	margin-bottom : 20px;
	text-align : left;
	  border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;  	
}

.menuGaucheContenu {
  background-color: #ffffff;
  padding:10px;	  
  height : 430px;
  text-align : left;
  border-radius: 5px;  
}

.menuGaucheContenuStock {
  background-color: #ffffff;
  padding:10px;	  
  height : 380px;
  text-align : left;
  border-radius: 5px;  
}

.menuGaucheContenuIndex {
  background-color: #ffffff;	  
  height : 600px;
  text-align : left;
  border-radius: 5px;  
}

.menuGaucheContenuBonnesAffaires {
  background-color: #ffffff;
  padding:10px;	  
  height : 160px;
  max-width : 300px;
  text-align : left;
  border-radius: 5px;  
}

.lierDeuxElementsAnnonce {
  display:flex;
  display: -ms-flexbox;
  justify-content : space-between;	
  -ms-flex-pack : justify;
  align-items : center;
  -ms-flex-align: center;
  margin-right : 20px;
  height  :30px;
  margin-bottom : 10px;
}

 #cadrePageAnnonce {
 }

 #cadrePage {
 }
 
.menuDroit {
	margin-top : 20px;
	margin-left : 20px;
	margin-bottom : 20px;
	flex :1;
	-ms-flex :1;
}

.menuDroitPanier {
	margin-top : 20px;
	margin-left : 20px;
	margin-bottom : 20px;
	flex :1;
	-ms-flex :1;
}

/* bottom container */
.bottom-container {
  padding-top : 5px;
  padding-bottom : 5px;
  display:flex; 
  display: -ms-flexbox;
  -ms-flex-direction: row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  background-color: #f5f5f5;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E9E9E9;
  padding-left : 20px;
  padding-right : 20px;
  align-items : center;
  -ms-flex-align: center;
}

.bottom-container-red {
  padding-top : 5px;
  padding-bottom : 5px;
  display:flex; 
  display: -ms-flexbox;
  -ms-flex-direction: row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  background-color: #db2334;
  color : white;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #E9E9E9;
  padding-left : 20px;
  padding-right : 20px;
  align-items : center;
  -ms-flex-align: center;
}

/* bottom container */
.menu-partager {
  display:flex; 
  display: -ms-flexbox;
  justify-content : space-around;
  -ms-flex-pack : justify;
  background-color: #f5f5f5;
  border-radius: 6px 6px 6px 6px;
  padding-left : 20px;
  padding-right : 20px;
  align-items : center;
  -ms-flex-align: center;
  padding-top : 5px;
  padding-bottom : 5px;
}

.lierDeuxElements{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsCommandeBoutique{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsEpicerie{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  justify-content: center;
}

.lierDeuxElementsCritique{
  display:flex;
  display: -ms-flexbox;
}

.lierDeuxElementsInverse{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  width : 100px;
}

.inverseMobile{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsSpaceBetween{
  display:flex;
  display: -ms-flexbox;
  width : 240px;
  margin-right : 10px;
  justify-content : space-between;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsSpaceBetween300{
  display:flex;
  display: -ms-flexbox;
  width : 280px;
  margin-right : 10px;
  justify-content : space-between;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsSpaceBetweenSuccess{
  display:flex;
  display: -ms-flexbox;
  width : 550px;
  margin-right : 10px;
  justify-content : space-between;
  align-items : center;
  -ms-flex-align: center;
}


.lierDeuxElements100{
	  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  justify-content : center;
  -ms-flex-pack : center;  
  width : 100%;
}

.lierDeuxElementsEtCentrer{
  display:flex;
  display: -ms-flexbox;
  justify-content : center;
  -ms-flex-pack : center;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsFinaliserCommande{
  display:flex;
  display: -ms-flexbox;
  justify-content : space-between;
  -ms-flex-pack : justify;
  align-items : center;
  -ms-flex-align: center;
}

@media screen and (max-width: 1200px) {
	#contenu {
		font-size:15px;
	}
}

@media screen and (max-width: 800px) {
	#contenu {
		font-size:17px;
	}
	
	.lierDeuxElementsCommande{
	  display:flex;
	  display: -ms-flexbox;
	  align-items : center;
	  -ms-flex-align: center;
	  justify-content: center;
	}
	
	.lierDeuxElementsInverse{
	  flex-direction: row-reverse;
	  display:flex;
	  display: -ms-flexbox;
	  align-items : center;
	  -ms-flex-align: center;
	  width : 200px;
	}	

	.inverseMobile{
	  flex-direction: row-reverse;
	  display:flex;
	  display: -ms-flexbox;
	  align-items : center;
	  -ms-flex-align: center;
	}
	
	.lierDeuxElementsSpaceBetweenSuccess{
		width : 300px;
		justify-content : center;
	}
	
	#contenuIndexJeuConcours {
		margin-top :0px;
	}
	
	#contenuAnnonce {
		margin-top :10px;
	}
	
	.containerIndex{
	}
	.containerIndexAbonnement{
		margin-top : 20px;
	}	
	.lierDeuxElementsFinaliserCommande{
		display:flex;
	    display: -ms-flexbox;
		justify-content: space-between;
		height : 120px;
		width : 320px;
		margin-bottom : 40px;
	}	
	.centrePage{
		flex-direction: column;
		-ms-flex-direction: column;
		margin-left:10px;
		margin-right:10px;
	}
	.centrePageAnnonce{	
		flex-direction: column;
		-ms-flex-direction: column;
		margin-left: 10px;
        margin-right: 10px
	}
	#contenu {
		flex :3;
		-ms-flex :3;
		margin-right : 0px;
	}
	.container {
		padding-left : 10px;
		padding-right : 10px;
	}
	.menuGaucheAnnonce {
		flex :1;
		-ms-flex :1;
		margin-top : 20px;
		margin-right : 0px;
		margin-bottom : 20px;
	}
	.conteneurMenuGaucheFiltre {
		visibility: hidden;
		display: none;	
		height : 0px;
	}	
	.menuDroit {
		visibility: hidden;
		display: none;	
		height : 0px;
	}
	.menuDroitPanier {
		margin-left : 0;
		margin-bottom : 0;
	}
	.titreCentrePageGlobal {
		visibility: hidden;
		display: none;	
	}
	.
}

/* FIN CENTRE PAGE */

/* MENU FOOTER */
.menuFooter{
	margin-top : 20px;
	margin-bottom : 20px;
	padding : 20px;
	display : flex;
	display: -ms-flexbox;
	justify-content : space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;
	background-color : white;
	border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;  	
}

@media screen and (max-width: 800px) {
	.menuFooter{
		display:flex;
		display: -ms-flexbox;		
		flex-direction: column;
		-ms-flex-direction: column;
		justify-content : flex-start;
		-ms-flex-pack : start;
		align-items : flex-start;
		-ms-flex-align: start;

		padding-left : 25px;
		margin-top : 0;
		margin-bottom : 10px;
		margin-left: 10px;
        margin-right: 10px;

	}
	
	.bandeauBas{
		margin-top : 10px;
		display:flex; 
		display: -ms-flexbox;
		flex-direction: column;
		-ms-flex-direction: column;
		align-items : flex-start;
		-ms-flex-align: flex-start;	
		
	}
}

/* FIN MENU FOOTER */

.menuAdminEtPanier {
  background-color: #ffffff;
  padding:15px;	
  min-height : 300px;
  border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;  
}

.ilsOntAimeMenu {
  background-color: #ffffff;
  padding:15px;	
  min-height : 300px;
  border-radius: 5px;  
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;    
}

.facebookMenu {
  padding-top:5px;	
  padding:5px;
  background-color: #ffffff;
  min-height : 300px;
  border-radius: 5px;  
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;    
}

.leCoinDesBonnesAffairesMenu {
  background-color: #ffffff;
  padding:15px;	
  min-height : 160px;
  border-radius: 5px;  
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
  box-sizing: border-box;    
}

.conteneurMenuGaucheFiltre{
	display : flex;
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
}

.pubDecouvrirManga {
  min-height : 300px;
  border-radius: 5px;
}

.pubDecouvrirMangaGauche {
  margin-top : 10px;
  min-height : 300px;
  border-radius: 5px;
  width : 280px;
}

.rechercheMobile{
	visibility: hidden;
	display: none;	
}

.pubDecouvrirMangaIndex {
	visibility: hidden;
	display: none;	
}
 
@media screen and (max-width: 800px) {
	.ilsOntAimeMenu {
		visibility: hidden;
		display: none;		
	}
	.facebookMenu {
		visibility: hidden;
		display: none;		
	}	
	.leCoinDesBonnesAffairesMenu {
		visibility: hidden;
		display: none;		
	}	
	.pubDecouvrirManga {
		visibility: hidden;
		display: none;		
	}	
	.pubDecouvrirMangaGauche {
		visibility: hidden;
		display: none;		
	}
	.rechercheMobile {
		margin-top : 15px;
	  visibility: visible;
	  display: inline;
	  width : 100%;
	  background-color : #f5f5f5;
	  padding-top:10px;
	  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
      transition: box-shadow 83ms;
	  border-radius: 5px;
	}		
	.pubDecouvrirMangaIndex {
	  visibility: visible;
	  display: inline;	
	  width : 100%;
	}	
	.textBannierePubIndex {
		width : 100%;
		padding-left : 10px;
		padding-right : 10px;
		padding-top : 10px;
		padding-bottom : 10px;
		background-image: url("http://bazardumanga.com/design/banniereDecouverte.png");
		text-align : center;
		color : white;
		font-weight: 590;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;	
		border-radius: 10px;
	}	
	.textBanniereBlackWeekIndex {
		width : 100%;
		padding-left : 10px;
		padding-right : 10px;
		padding-top : 10px;
		padding-bottom : 10px;
		
		background-image: url("http://bazardumanga.com/design/banniereDecouverteBW.png");
		text-align : center;
		color : white;
		font-weight: 590;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
	}		
}	
 
 fieldset {
     display: block;
     margin-left: 2px;
     margin-right: 2px;
     padding-top: 0.35em;
     padding-bottom: 0.625em;
     padding-left: 0.75em;
     padding-right: 0.75em;
     border: 2px solid;
}
 article {
     background: #f9f9f9;
     padding-top:20px;
	 margin : auto;
	 width : 75%;
     text-align: center;
     border-radius: 6px 6px 6px 6px;
     border: 1px solid rgba(9, 9, 9, 0.125);
}
 article p {
     margin: 0 0 30px 0;
}

* {
  box-sizing: border-box;
}

table {
	width : 100%;
	text-align : center;
}

.alignLeft {
	text-align : left;
}

.alignRight {
	text-align : right;
}

.alignCenter {
	text-align : center;
}

.tableFooter{
  float: left; 
	margin-top:2%;
	padding-left : 15%;
	padding-right: 15%;
	background-color : white;
	width:100%;
}

.tablePanier{
	border-spacing:0px ;
	text-align : center;
	border: 2px solid rgba(9, 9, 9, 0.125);
	border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	width : 100%;
}

.tableMessage{
	border-spacing:0px ;
	text-align : center;
	width : 100%;
	padding-top:5px;
}

.lignePaire{
 background-color : #f5f5f5;
 color: #363636;
}
 
.ligneImpaire{
 background-color : white;
 color: #363636;
}

.ligneInfo {
    color: #00529B;
    background-color: #BDE5F8;
	border-bottom : 1px solid black;
}

.ligneWarn {
    color: #9F6000;
    background-color: #FEEFB3;
	border-bottom : 1px solid black;
}

.lignePaireManquants{
 background-color : #f5f5f5;
 color: #363636;
 height : 100px;
}

.ligneValide{
 background-color : #dcffe2;
 color: #363636;
 height : 100px;
}
 
.ligneImpaireManquants{
 background-color : white;
 color: #363636;
 height : 100px;
}

textarea {
	background-color : #f5f5f5;
	width: 100%;
	box-sizing: border-box;
}

input[type="text"] {
	background-color : #f5f5f5;
	min-width: 250px;
}

input[type="password"] {
	background-color : #f5f5f5;
	min-width: 220px;
}

input[type="submit"] {
	background-color : #f5f5f5;
	min-width: 250px;
}

select {
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    height: 57px;
    background: url(https://www.bazardumanga.com/images/br_down.png) no-repeat right #f5f5f5;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background-position-x: 95%;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
}

@media screen and (max-width: 1200px) {
	input[type="text"] {
		background-color : #f5f5f5;
		min-width: 150px;
	}
}

@media screen and (max-width: 800px) {
	input[type="text"] {
		background-color : #f5f5f5;
		min-width: 230px;
		max-width : 230px;
		height : 100%;
	}

	input[type="password"] {
		background-color : #f5f5f5;
		min-width: 130px;
		max-width : 130px;
		height : 100%;
	}

	input[type="submit"] {
		background-color : #f5f5f5;
		min-width: 230px;
	}
	select {
		padding: 5px;
		font-size: 16px;
		line-height: 1;
		border: 0;
		height : 50px;
		background: url(https://www.bazardumanga.com/images/br_down.png) no-repeat right #f5f5f5;
		appearance:none;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		background-position-x: 95%;
		min-width: 230px;
		max-width : 230px;	
	}	
}

/* style inputs and link buttons */
input,
.btn {
  padding-left: 20px;
  padding-right: 20px;
  padding-top : 10px;
  padding-bottom : 10px;
  border: none;
  border-radius: 4px;
  opacity: 1.15;
  display: inline-block;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-decoration: none; /* remove underline from anchors */
}

input:hover,
.btn:hover {
  opacity: 0.85;
}

@media screen and (max-width: 800px) {
	input,.btn {
	  padding-left: 20px;
	  padding-right: 20px;
	  padding-top : 10px;
	  padding-bottom : 10px;
	  margin-bottom : 10px;
	  border: none;
	  border-radius: 4px;
	  opacity: 1.15;
	  display: inline-block;
	  font-family: Nunito;
	  font-size: 16px;
	  font-weight: 400;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: normal;
	  text-decoration: none; /* remove underline from anchors */
	}
	input:hover,
	.btn:hover {
	  opacity: 0.85;
	}	
}

/* add appropriate colors to fb, twitter and google buttons */
.fb {
  background-color: #3B5998;
  color: white;
  text-align : center;
}

.fb:hover {
    color: white;
	text-decoration: none;
}

.fb:active {
    color: white;
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	.inlineBlock {
	  margin-bottom : 10px;
	}
}

.fb2 {
  background-color: #3B5998;
  color: white;
  width : 50%;
  text-align : center;
}

.twitter {
  background-color: #55ACEE;
  color: white;
  text-align : center;
}

.google {
  background-color: #dd4b39;
  color: white;
  text-align : center;
}

button[type=submit] {
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-around;
  -ms-flex-pack : justify;
  align-items : center;
  -ms-flex-align: center;
  height : 42px;
}

/* style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

/* Two-column layout */
.col {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 50px;
  margin-top: 6px;
}

.colAfficherBoutique1 {
  float: left;
  width: 25%;
  margin: auto;
  padding: 0 50px;
  margin-top: 6px;
}

.colAfficherBoutique2 {
  float: left;
  width: 75%;
  margin: auto;
  padding: 0 50px;
  margin-top: 6px;
}

.colAfficherAnnonce {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 50px;
  margin-top: 6px;
}

.colDescriptifAnnonce {
  float: left;
  width: 50%;
  margin: auto;
  margin-top: 6px;
}

.colAfficherMangaOffice {
  float: left;
  margin: auto;
  padding: 0 5px;
  margin-top: 6px;
}

.colAfficherManga {
  float: left;
  width: 21%;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}

.colAfficherGoodies {
  float: left;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}

.top30{
	margin-top : 30px;
}

.colGaucheCritique {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}

.colGaucheCritiqueDesktop {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 30px;
  margin-top : 200px;
}

.colPleinePageCritique {
  float: left;
  width: 100%;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}

.colDescriptifMangaOffice {
  float: left;
  text-align : left;
  padding-left: 30px;
  margin-top: 6px;
  width:50%;
}

.colDescriptifMangaPlanning{
  float: left;
  text-align : left;
  padding-left: 30px;
  margin-top: 6px;
}

.colDescriptifManga {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}

.colDescriptifMangaDansAnnonce {
  float: left;
  width: 79%;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}

.colAfficherAimerezAussi{
  float: left;
  width: 29%;
  margin: auto;
  padding: 0 30px;
  margin-top: 6px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.colCommande {
  float: left;
  width: 100%;
  margin: auto;
  padding-right: 0px;
  margin-top: 6px;
}

.colFinaliserCommande {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 15px;
  margin-top: 6px;
}

.colPanier {
  float: left;
  width: 30%;
  margin: auto;
  padding: 10px 20px;
  margin-top: 6px;
  background-color: #f5f5f5;
  border: 1px solid rgba(9, 9, 9, 0.125);
  border-radius: 6px 6px 6px 6px;
    /* Adding a 1px inset highlight for a more polished efect: */
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
}

hr {
	border : 0.5px solid #d8d8d8;
}

span.price {
  float: right;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: #dddcdc;
} 

.textAreaItem{
	font-size: 17px;
	border-radius: 6px 6px 6px 6px;
	width : 100%;
}

/* vertical line */
.vl {
  position: absolute;
  left: 40%;
  min
  transform: translate(-50%);
  border : 0.5px solid #d8d8d8;
  height: 175px;
}

/* vertical line */
.vlVendreManga {
  position: absolute;
  left: 37%;
  min
  transform: translate(-50%);
  border : 0.5px solid #d8d8d8;
  height: 275px;
  margin-top : 115px;
}

@media (max-width: 1300px) {
  .vl {
		visibility: hidden;
		display: none;
  }
   .vlVendreManga {
		visibility: hidden;
		display: none;
  } 
}

/* text inside the vertical line */
.vl-innertext {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f1f1f1;
  border : 0.5px solid #d8d8d8;
  border-radius: 50%;
  padding: 8px 10px;
}

/* hide some text on medium and large screens */
.hide-md-lg {
  display: none;
}

.inf__drop-area * {
	box-sizing: border-box;
}

.inf__drop-area {
	position: relative;
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	height: 65px;
	width: 450px;
	max-width: 100%;
	background-color : white;
	border: 1px dashed #c4c4c4;
	border-radius: 3px;
	padding: 0 20px;
	transition: 0.2s;
}

.inf__drop-area.is-active {
	background-color: rgba(0, 20, 20, 0.03);
}

.inf__btn {
    background-color : #dddcdc;
	display: inline-block;
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	padding: 5px 25px;
	margin-right: 10px;
	font-size: 17px;
}

.inf__hint {
	flex: 1;
	-ms-flex: 1;
	font-size: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Responsive layout - when the screen is less than 8000px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {

/* bottom container */
.bottom-container {
	display:flex; 
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: space-between;
	-ms-flex-pack : justify;
	background-color : white;
	padding : 10px;
} 

.bottom-container-red {
	display:flex; 
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: space-between;
	-ms-flex-pack : justify;
	  background-color: #db2334;
	  color : white;
	padding : 10px;
}  

/* bottom container */
.menu-partager {
	display:flex; 
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: space-between;
	-ms-flex-pack : justify;
	background-color : white;
	height : 150px;
}  

  .col {
	padding : 10px;
    width: 100%;
    margin-bottom: 20px;
  }
  
  
  	.colGaucheCritique {
		width: 100%;
		padding-left : 0px;
	}

  	.colGaucheCritiqueDesktop {
		width: 100%;
		margin-top : 6px;
	}
 
  	.top30 {
		margin-top:0px;
	}
 
	.colPleinePageCritique{
		width: 100%;
	}
  
  
	.colAfficherBoutique1 {
		width: 100%;
		margin-bottom: 20px;
	}

	.colAfficherBoutique2 {
		width: 100%;
		margin-bottom: 20px;
	}

	.colAfficherAnnonce {
		width: 100%;
		margin-bottom: 20px;
	}

	.colDescriptifAnnonce {
		width: 100%;
		margin-bottom: 20px;
	}

	.colAfficherManga {
		width: 100%;
		margin-bottom: 20px;
	}

	.colDescriptifManga {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.colDescriptifMangaDansAnnonce {
		width: 100%;
		margin-bottom: 20px;
	}

	.colAfficherAimerezAussi{
		visibility: hidden;
		display: none;		
	} 

	.colFinaliserCommande {
		width: 100%;
		margin-bottom: 20px;
	}

	.colPanier {
			width: 100%;
			margin-bottom: 20px;
	}	
  
  /* hide the vertical line */
  .vl {
    display: none;
  }
  /* show the hidden text on small screens */
  .hide-md-lg {
    display: block;
    text-align: center;
  }
}

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

@media screen and (max-width: 800px) {
	.input-container {
		display: -ms-flexbox; /* IE10 */
		display: flex;
		width: 100%;
		margin-bottom: 15px;
		height : 50px;
	}
}

.icon {
    padding: 20px;
    background: #dddcdc;
    color: white;
	margin-left : 5px;
    min-width: 50px;
    text-align: center;
	border-radius: 6px 0px 0px 6px;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
}

.input-field:focus {
    border: 2px solid grey;
}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin-left: 5%;
margin-right: 5%;
margin-bottom: 2%;
padding:12px;
border-radius: 6px 6px 6px 6px; 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
	text-align : center;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}

.form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     height: 40px;
     width: 40px;
	 border: 1px solid #363636;
     border-radius: 40px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 Nunito;
     left: 11px;
     top: 7px;
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #363636;
}



label
{
     font: 16px/1.7 Nunito;
     color: #9E9E9E;
     cursor: pointer;
} 

/* The message box is shown when the user clicks on the password field */
#message {
    display:none;
    color: #000;
    position: relative;
	padding-left : 35px;
}

#message p {
    font-size: 10px;
	font-style: italic;
}

#message1 {
    display:none;
    color: red;
    position: relative;
	padding-left : 35px;
	padding-bottom : 0px;
}

#message1 p {
    font-size: 10px;
	font-style: italic;
}

/* The message box is shown when the user clicks on the password field */
#message2 {
    display:none;
    color: red;
    position: relative;
	padding-left : 35px;
	padding-bottom : 0px;
}

#message2 p {
    font-size: 10px;
	font-style: italic;
}

#message3 {
    display:none;
    color: red;
    position: relative;
	padding-left : 35px;
	padding-bottom : 0px;
}

#message3 p {
    font-size: 10px;
	font-style: italic;
}

#message4 {
    display:none;
    color: red;
    position: relative;
	padding-left : 35px;
	padding-bottom : 0px;
}

#message4 p {
    font-size: 10px;
	font-style: italic;
}

#message5 {
    display:none;
    color: red;
    position: relative;
	padding-left : 35px;
	padding-bottom : 0px;
}

#message5 p {
    font-size: 10px;
	font-style: italic;
}

#message6 {
    display:none;
    color: red;
    position: relative;
	padding-left : 35px;
	padding-bottom : 0px;
}

#message6 p {
    font-size: 10px;
	font-style: italic;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -35px;
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: -35px;
    content: "✖";
}

.taille17{
	font-size: 17px;  
}

.tooltip
{
  text-decoration:none;
  position:relative;
  font: 16px/30px Nunito;
  color: #333;
}
 
 
.tooltip span
{
    display:none;
	background-color: #f9f9f9;
	border: 1px solid rgba(9, 9, 9, 0.125);
	border-radius: 6px 6px 6px 6px;
    /* Adding a 1px inset highlight for a more polished efect: */
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
}
 
 
.tooltip span img
{
  float:left;
  margin:0px 8px 8px 0;
}
 
 
.tooltip:hover span
{
  display:block;
  position:absolute;
  top:0;
  right:0;
  z-index:1000;
  width:360px;
  max-width:360px;
  min-height:128px;
  margin-top:25px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}

.tooltipDescriptif
{
  text-decoration:none;
  position:relative;
  font: 16px/30px Nunito;
  color: #333;
}
 
 
.tooltipDescriptif span
{
    display:none;
	background-color: #f9f9f9;
	border: 1px solid rgba(9, 9, 9, 0.125);
	border-radius: 6px 6px 6px 6px;
    /* Adding a 1px inset highlight for a more polished efect: */
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
}
 
 
.tooltipDescriptif span img
{
  float:left;
  margin:0px 8px 8px 0;
}
 
 
.tooltipDescriptif:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:800px;
  max-width:800px;
  min-height:128px;
  margin-top:25px;
  margin-left:0px;
  overflow:hidden;
  padding:8px;
}

.bs-example{
	font-family: Nunito;
	position: relative;
	margin: 50px;
}
.typeahead, .tt-query, .tt-hint {
     font: 16px/30px Nunito;
     color: #333;
	 font-size: 17px;
	 height : 56px;	  
}
.typeahead {

}
.typeahead:focus {
}
.tt-query {
	min-width: 150px;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border-radius: 6px;
	width: 422px;
}
.tt-suggestion {
	padding:15px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #f9f9f9;
	color: #363636;
	border-radius: 6px;
	padding:15px;
}
.tt-suggestion p {
}

@media screen and (max-width: 1200px) {
	.typeahead, .tt-query, .tt-hint {
		max-width: 150px;
	}
}

figure2 
{
  width: 100%;
  margin: 10px 0 0 0;
  background: white;
  border: 10px solid white;
  -moz-box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
  position: relative;
}

figure2:hover
{
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
  -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

figure2:focus
{
  outline: none;
  -webkit-transform: rotate(0deg) scale(2.5); -moz-transform: rotate(0deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
}


figure 
{
  width: 100%;
  margin: 10px 0 0 0;
  background: white;
  border: 10px solid white;
  -webkit-box-shadow: 0 3px 10px #ccc;
  -moz-box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
  position: relative;
}

figcaption 
{
  text-align: center;
  display: block;
  font-size: 12px;
  font-style: italic;
}

figure:hover
{
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
  -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
}

figure:focus
{
  outline: none;
  -webkit-transform: rotate(0deg) scale(2.5); -moz-transform: rotate(0deg) scale(2.5);
   -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
  z-index: 9999;
}

.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.rating2 {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating2:not(:checked) > input {
    position:absolute;
    clip:rect(0,0,0,0);
}

.rating2:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2:not(:checked) > label:before {
    content: '★ ';
}

.rating2 > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2:not(:checked) > label:hover,
.rating2:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2 > input:checked + label:hover,
.rating2 > input:checked + label:hover ~ label,
.rating2 > input:checked ~ label:hover,
.rating2 > input:checked ~ label:hover ~ label,
.rating2 > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2 > label:active {
    position:relative;
    top:2px;
    left:2px;
}

/* The Modal (background) */
.modalChargement {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	opacity: 10;
}

/* The Modal (background) */
.modalGrilleTarifaire{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	opacity: 10;
}

/* The Close Button */
.closeGrilleTarifaire {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeGrilleTarifaire:hover,
.closeGrilleTarifaire:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Close Button */
.closefiltrePopup {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closefiltrePopup:hover,
.closefiltrePopup:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalPrixConseille{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	opacity: 10;
}

/* The Modal (background) */
.aideVenteModal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	opacity: 10;
}

/* The Modal (background) */
.filtrePopup{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 2px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	opacity: 10;
}

/* The Close Button */
.closePrixConseille{
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closePrixConseille:hover,
.closePrixConseille:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Close Button */
.closeAideVente{
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeAideVente:hover,
.closeAideVente:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.chargementIcone{
	display : flex;
	display: -ms-flexbox;
	justify-content: center;
	-ms-flex-pack : center;
	align-items : center;
	-ms-flex-align: center;
	height : 100%;
	width : 100%;
}

/* The Modal (background) */
.modal_biblio {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Close Button */
.closePartager {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closePartager:hover,
.closePartager:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* The Close Button */
.closePhotosQualite {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closePhotosQualite:hover,
.closePhotosQualite:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.mentionLegaleBandeau{
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	opacity: 0.9;
	bottom: 0;
	position: fixed;
	padding : 20px;
	width : 100%;
	color : black;
	background-color : #E9E9E9;
}

/* The Close Button */
.closeMentionLegaleBandeau {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeMentionLegaleBandeau:hover,
.closeMentionLegaleBandeau:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.tempsPanier{
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	opacity: 1;
	bottom: 0;
	position: fixed;
	padding : 20px;
	width : 100%;
	color : black;
	background-color : #E9E9E9;
}

/* The Close Button */
.closeTempsPanier {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeTempsPanier:hover,
.closeTempsPanier:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* PAGE SUIVI VENTE */

.conteneurSuiviAnnonce {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	padding : 10px;
}

.titreSuiviAnnonce {
	margin-bottom : 10px;
	width : 100%;
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack : justify;
	align-items : space-between;
	-ms-flex-align: space-between;
	background-color: #f5f5f5;
	border-radius:10px;
	border: 1px solid #E9E9E9;
}

.titreSuiviAnnonceBlanc {
	margin-bottom : 10px;
	width : 100%;
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack : justify;
	align-items : space-between;
	-ms-flex-align: space-between;
	background-color: white;
	border-radius:10px;
	border: 1px solid #E9E9E9;
}

.titreSuiviAnnonceLigneElementPhoto {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
}

.titreSuiviAnnonceLigneElementTitre {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 200px;
}

.titreSuiviAnnonceLigneElement {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 260px;
}

.titreSuiviAnnonceLigneElement2 {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 340px;
}

.titreSuiviAnnonceLigneBouton {
		display : flex;
		display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 100px;
}

@media screen and (max-width: 800px) {
	.titreSuiviAnnonceLigneElement2 {
			width : 100%;
			margin-bottom : 20px;
	}	
	
	.conteneurSuiviAnnonce {
	}	
	.titreSuiviAnnonce {
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content: center;
		-ms-flex-pack : justify;
		align-items : center;
		-ms-flex-align: center;
		margin-left : 10px;
		margin-right : 10px;
		margin-bottom : 20px;
		width : 93%;
	}
	.titreSuiviAnnonceBlanc {
		flex-direction : column;	
		-ms-flex-direction: column;
		justify-content: center;
		-ms-flex-pack : justify;
		align-items : center;
		-ms-flex-align: center;
		margin-left : 10px;
		margin-right : 10px;
		margin-bottom : 20px;
		width : 93%;		
	}
	.titreSuiviAnnonceLigneElement {
		width : 100%;
		justify-content: center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
	}
}

/* PAGE SUIVI COMMANDE */

.conteneurCommande {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	padding : 10px;
}

.conteneurVendreManga {
	display : flex;
	display: -ms-flexbox;
	justify-content: center;
	-ms-flex-pack : center;
	align-items : center;
	-ms-flex-align: center;	
	flex-direction : column;
	-ms-flex-direction: column;
	padding : 10px;
}

.titreCommande {
	flex-direction : column;
	-ms-flex-direction: column;
	width : 100%;
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack : justify;
	align-items : space-between;
	-ms-flex-align: space-between;
	background-color: #f5f5f5;
	border-radius:10px 10px 0px 0px;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-top: 1px solid #E9E9E9
}

.titreCommandeFondBlanc {
	flex-direction : column;
	-ms-flex-direction: column;
	width : 100%;
	padding : 5px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack : justify;
	align-items : space-between;
	-ms-flex-align: space-between;
}

.titreAbonnementGris {
	flex-direction : column;
	-ms-flex-direction: column;
	width : 100%;
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack : justify;
	align-items : space-between;
	-ms-flex-align: space-between;
	background-color: #f5f5f5;
	border-radius:10px 10px 10px 10px;
	border: 1px solid #E9E9E9;
}

.titreAbonnementBlanc {
	flex-direction : column;
	-ms-flex-direction: column;
	width : 100%;
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack : justify;
	align-items : space-between;
	-ms-flex-align: space-between;
	background-color: white;
	border-radius:10px 10px 10px 10px;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-top: 1px solid #E9E9E9;	
	border: 1px solid #E9E9E9;
}

.titreCommandeLigne {
	display : flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-flex-pack : start;
	align-items : space-between;
	-ms-flex-align: space-between;
	padding : 5px;
}

.titreCommandeLigneElement {
	width : 260px;
}

.titreAReglerLigneElement {
	width : 50%;
}

.titreCommandeLigneElementVente {
	width : 400px;
}

.titreCommandeLigneElementDouble {
	width : 610px;
}

.titreCommandeLigneElementHisto {
	width : 250px;
}

.titreCommandeLigneElementMoyenneTaille {
	width : 200px;
}

.titreCommandeLigneElementPetiteTaille {
	width : 100px;
}

.jeuConcours {
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content :flex-start;
	-ms-flex-pack : start;
	align-items : center;
	-ms-flex-align: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.produitsCommande {
	padding : 10px;
	display : flex;
	display: -ms-flexbox;
	justify-content :flex-start;
	-ms-flex-pack : start;
	align-items : center;
	-ms-flex-align: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	background-color: white;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	border-radius:0px 0px 10px 10px;
}

.titreProduitsCommande {
	width : 100%;	
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	padding-top : 10px;
	padding-right : 10px;
	padding-left : 10px;
}

.colManga{
	width : 250px;
	margin-bottom : 20px;
}

.colMangaDate{
	width : 250px;
	margin-bottom : 20px;
	background-color : #ffffe0;
	padding : 3px;
	margin : 3px;
	border-radius : 5px;
}

.colMangaNonDispo{
	width : 250px;
	margin-bottom : 20px;
	background-color : #FEEAEE;
	padding : 3px;
	margin : 3px;
	border-radius : 5px;
}



.colProduitCommande {
	display : flex;
	display: -ms-flexbox;
	margin-right : 40px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.colImageJeuxConcours {
	display : flex;
	display: -ms-flexbox;
	margin-right : 40px;
	width : 200px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.colImagePaque {
	display : flex;
	display: -ms-flexbox;
	margin-right : 40px;
	width : 350px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.colImageVendreManga{
	display : flex;
	display: -ms-flexbox;
	margin-left : 40px;
	width : 200px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.colDescriptifJeuxConcours {
	display : flex;
	display: -ms-flexbox;
	width : 450px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.colDescriptifPaque {
	display : flex;
	display: -ms-flexbox;
	width : 350px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}



.colDescriptifVendreManga {
	display : flex;
	display: -ms-flexbox;
	width : 500px;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.lierDeuxElementsCommande{
  display:flex;
  align-items : flex-start;
  -ms-flex-align: flex-start;
  width : 380px;
}

.lierDeuxElementsCommande2{
  display:flex;
  align-items : flex-start;
  -ms-flex-align: flex-start;
  width : 100px;
}

@media screen and (max-width: 800px) {
	.titreAReglerLigneElement {
	  width : 100%;
	}
	.lierDeuxElementsCommandeBoutique{
	  display:flex;
	  justify-content : center;
	  align-items : center;
	  -ms-flex-align: flex-start;
	  width : 100%;
	}	
	
	.colDescriptifVendreManga {
		width : 300px;
	}	
	.titreCommandeLigneElementVente {
		width : 280px;
	}	
	.titreCommandeLigneElementDouble {
		width : 280px;
	}	
	.titreCommandeLigne {
		flex-direction : column;
		-ms-flex-direction: column;
	}
	.produitsCommande {
		flex-direction : column;
		-ms-flex-direction: column;		
	}
	.jeuConcours {
		flex-direction : column;
		-ms-flex-direction: column;	
		margin-bottom : -40px;
	}
	.colDescriptifJeuxConcours {
		width : 100%;
	}
	
	.colDescriptifPaque {
		width : 300px;
		margin-right : 80px;
	}	
	
	.colImageJeuxConcours {
		margin-bottom : 20px;
	}
	.colImageVendreManga {
		margin-bottom : 20px;
	}
}

/* FIN PAGE SUIVI COMMANDE */

/* PAGE MANGA UNITE */

.mangaUniteConteneur {
	display : flex;
	display: -ms-flexbox;
	justify-content :center;
	-ms-flex-pack : center;
	align-items : flex-start;	
	-ms-flex-align: start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.figurinesConteneur {
	display : flex;
	display: -ms-flexbox;
	justify-content :center;
	-ms-flex-pack : center;
	align-items : flex-start;	
	-ms-flex-align: start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
}

.center {
	display : flex;
	display: -ms-flexbox;
	justify-content :center;
	-ms-flex-pack : center;
	align-items : flex-start;	
	-ms-flex-align: start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	width : 100%;
}

.critiqueConteneur {
	display : flex;
	display: -ms-flexbox;
	align-items : flex-start;	
	-ms-flex-align: start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.annonceAcheterConteneur {
	display : flex;
	display: -ms-flexbox;
	justify-content :space-around;
	-ms-flex-pack : distribute;
	align-items : flex-start;	
	-ms-flex-align: start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.mangaUniteBlocManga{
  display:flex;
  display: -ms-flexbox;
  margin : 4px;
  align-items : center;
  -ms-flex-align: center;
}

.produitDeriveBlocManga{
  display:flex;
  display: -ms-flexbox;

  margin : 15px;
  align-items : center;
  -ms-flex-align: center;
}

.figurinesBlocManga{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 300px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
}

.figurinesBlocMangaCategorieEpicerie{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 300px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
  border-radius: 20px;
}

.figurinesBlocMangaEpicerieAdmin{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 300px;
  height : 720px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
  border-radius: 20px;
}

.figurinesBlocMangaEpicerie{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 300px;
  height : 680px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
  border-radius: 20px;
}

.figurinesBlocMangaEditionLimitee{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 300px;
  height : 370px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
  border-radius: 20px;
}

.figurinesBlocManga2{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
}

.nouveautesBlocManga2{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  height : 480px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
}

.planningBlocManga2{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  height : 360px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
}

.planningBlocManga3{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  height : 580px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
}

.planningBlocMangaVerifDate{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color : #ffffe0;
  height : 500px;
}

.planningBlocMangaVerifDispo{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color : #FEEAEE;
  height : 500px;
}

.planningBlocMangaVerif2{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
  height : 500px;
}

.planningBlocMangaVerif{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 15px;
  width : 240px;
  align-items : center;
  -ms-flex-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom : 10px;
  padding-top : 10px;
  background-color: #f5f5f5;
  height : 600px;
}

.planningBlocManga4{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 5px;
  align-items : center;
  -ms-flex-align: center;
  padding-bottom : 10px;
  padding-top : 10px;
    background-color: #f5f5f5;
   padding : 15px;
}

.planningSuiviOffice{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 5px;
  width : 100%;
  padding-bottom : 10px;
  padding-top : 10px;
    background-color: #f5f5f5;
   padding : 15px;
}

.planningBlocManga5{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;  
  margin : 25px;
  align-items : center;
  -ms-flex-align: center;
  padding-bottom : 10px;
  padding-top : 10px;
}

.mangaUniteBlocMangaEnColonne{
  display:flex;
  display: -ms-flexbox;
  flex-direction : column;
  -ms-flex-direction: column;	  
  margin : 4px;
  align-items : center;
  -ms-flex-align: center;
  margin-bottom : 30px;
}

.critiqueMangaEnColonne{
  display:flex;
  display: -ms-flexbox;
  flex-direction : column;
  -ms-flex-direction: column;	  
  margin : 15px;
  margin-bottom : 30px;
}

.mangaUniteImage {
	width : 100px;
}

.produitDeriveImage {
	height : 200px;
}

.mangaUniteImage2 {
	width : 140px;
}

.mangaUniteImage3 {
	width : 140px;
}


.produitDeriveImage2 {
	width : 110px;
}

.figurinesImage2Epicerie {
	margin-bottom : 10px;
}

@media screen and (max-width: 800px) {
	.figurinesImage2Epicerie {
	margin-bottom : 10px;
	}
}

.planningImage2 {
	max-height : 400px;
	margin-bottom : 30px;
}

.planningImage3 {
}

.figurinesImage2 {
	height : 100%;
	margin-bottom : 30px;
}

.mangaUniteImageBonnesAffairesDescriptif {
	padding : 10px;
	width : 300px;
}

.mangaUniteImageBonnesAffaires {
	width : 140px;
}

.annonceColonneImage {
	max-width : 250px;
	max-height : 350px;
}

.mangaUniteDescriptif {
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;	
	width : 170px;
}

.mangaUniteDescriptif2 {
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;	
	width : 190px;
}

.produitDeriveDescriptif {
	padding-left : 20px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;	
	width : 250px;
}

.figurinesDescriptif {
	padding-left : 20px;
	padding-top : 3px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : center;
	-ms-flex-align: center;	
	width : 250px;
}

.figurinesDescriptif2 {
	padding-left : 5px;
	padding-top : 3px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : center;
	-ms-flex-align: center;	
	width : 250px;
}

.figurinesLienDescriptif {
	padding-left : 20px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : center;
	-ms-flex-align: center;	
	width : 250px;
}

.epicerieLienDescriptif {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : center;
	-ms-flex-align: center;	
	width : 250px;
}


.critiqueDescriptif {
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.mangaUniteDescriptifBonnesAffaires {
	padding-left : 20px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;	
	width : 240px;
}

.mangaUniteDescriptifStock {
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;	
	width : 120px;
}

.mangaUniteDescriptifNouveautes {
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;	
	width : 120px;
}


@media screen and (max-width: 800px) {
	.mangaUniteDescriptifNouveautes {
		margin-left : 10px;
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content : flex-start;
		-ms-flex-pack : start;
		align-items : flex-start;
		-ms-flex-align: flex-start;	
		width : 150px;
	}
}


.annonceAcheterDescriptif {
	margin-top : 10px;
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: start;	
	width : 250px;
}
.annonceAcheterDescriptifDate {
	margin-top : 5px;
	margin-BOTTOM : 5px;
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: start;	
	width : 250px;
}

/* FIN PAGE MANGA UNITE */

.titreAfficherMangaUnite {
	margin-bottom : 5px;
	width : 100%;
	padding : 5px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack : justify;
	align-items : space-around;
	-ms-flex-align: space-around;
	background-color: #f5f5f5;
	border-radius:10px;
	border: 1px solid #E9E9E9;
}

.titreAfficherQualiteMangaUnite {
	margin-bottom : 5px;
	width : 100%;
	padding : 15px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack : justify;
	align-items : space-around;
	-ms-flex-align: space-around;
	background-color: #f5f5f5;
	border-radius:10px;
	border: 1px solid #E9E9E9;
}


.titreAfficherMangaUniteBlanc {
	margin-bottom : 10px;
	width : 100%;
	padding : 5px;
	display : flex;
	display: -ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack : justify;
	align-items : space-around;
	-ms-flex-align: space-around;
	background-color: white;
	border-radius:10px;
	border: 1px solid #E9E9E9;
}

.titreAfficherMangaUniteLigneElementPhotoNeuf {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	padding-right : 10px;
	padding-left : 10px;
}

.titreAfficherMangaUniteLigneElementPhoto {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	padding-right : 10px;
	padding-left : 10px;
	width : 100%;
}

.titreAfficherMangaUniteLigneElementPhotoGA {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	padding-right : 10px;
	padding-left : 10px;
}

.titreAfficherMangaUniteLigneElementFav{
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 30px;
	justify-content: center;
	-ms-flex-pack : center;	
	align-items : center;
	-ms-flex-align: center;	
}

.titreAfficherMangaUniteLigneElementFavNb{
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content: center;
	-ms-flex-pack : center;	
	align-items : center;
	-ms-flex-align: center;	
}

.titreAfficherMangaUniteElementNeuf {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content: center;
	-ms-flex-pack : center;	
	padding-left : 20px;
	width : 300px;
}

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

.titreAfficherMangaUniteElementNeuf {
	padding-top : 20px;
	padding-left : 8px;
	align-items : center;
}

}

.titreAfficherMangaUniteElement {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content: center;
	-ms-flex-pack : center;
	width : 200px;
	padding-left : 20px;
}

.titreAfficherMangaUniteElementEconomie {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content: center;
	-ms-flex-pack : center;
	width : 200px;
	padding-left : 20px;
}

.titreAfficherMangaUniteBouton {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : center;
	-ms-flex-align: center;
	justify-content: center;
	-ms-flex-pack : center;
	width : 300px;
}

@media screen and (max-width: 800px) {
	.mangaUniteImageBonnesAffaires {
		width : 120px;
	}	
	.titreAfficherMangaUniteLigneElementPhoto {
		padding-right : 50px;
	}

.titreAfficherMangaUniteBouton {
	padding-top : 20px;
}
	
.titreAfficherMangaUniteLigneElementPhotoGA{
		padding-right : 50px;
}
	
	.titreAfficherMangaUniteElement {
		padding-top : 5px;
	}
	
	.titreAfficherMangaUniteElementEconomie {
		padding-top : 5px;
		padding-bottom : 5px;
	}
	
	.titreAfficherMangaUnite {
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content: center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		margin-left : 10px;
		margin-right : 10px;
		margin-bottom : 20px;
		width : 95%;
	}
	.titreAfficherMangaUniteBlanc {
		flex-direction : column;	
		-ms-flex-direction: column;
		justify-content: center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		margin-left : 10px;
		margin-right : 10px;
		margin-bottom : 20px;
		width : 95%;		
	}
	.titreAfficherMangaUniteLigneElement {
		width : 100%;
		justify-content: flex-end;
		-ms-flex-pack : end;
		align-items : center;
		-ms-flex-align: center;
	}
}

/* FIN PAGE MANGA UNITE */

/* PAGE BOUTIQUE */

.boutiqueConteneur {
	display : flex;
	display: -ms-flexbox;
	justify-content :space-between;
	-ms-flex-pack : justify;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-left : 20px;
	margin-right : 20px;
}

.colonneBoutiquePhoto {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 210px;
}

.colonneBoutiqueTitrePrix {
	padding-left : 10px;
	margin-top : 30px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
	width : 150px;
}

.circletagBoutique{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
	text-align : center;
}

@media screen and (max-width: 800px) {	
	.boutiqueConteneur {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
	}
}

/* FIN PAGE BOUTIQUE */

/* PAGE ANNONCE */

.vousAimerezAussiConteneur {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : justify;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.lierDeuxElementsVousAimerezAussi{
  display:flex;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsFigurinesPrix{
  display:flex;
  align-items : center;
  -ms-flex-align: center;
  color: #0DDB00;
  font-size: 20px;
  font-weight: 500;
}

.lierDeuxElementsEpiceriePrix{
  display:flex;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsNouveautesPrix{
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : justify;
	align-items : flex-start;	
	-ms-flex-align: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  font-size: 18px;
  font-weight: 500;
}

.colonneVousAimerezAussiPhotoManga {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 60px;
}

.colonneVousAimerezAussiPhoto {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	width : 100px;
}

.colonneVousAimerezAussiTitrePrix {
	padding-left : 10px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-ms-flex-pack : start;
	align-items : flex-start;
	-ms-flex-align: flex-start;
	width : 150px;
}

@media screen and (max-width: 800px) {	
	.vousAimerezAussiConteneur {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		align-items : center;
		-ms-flex-direction: column;
	}
}

/* FIN PAGE ANNONCE */

/* INDEX */

.indexConteneur {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-between;
	-ms-flex-pack : justify;
	align-items : flex-start;
	-ms-flex-align: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.vendreMangaConteneur {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : distribute;
	align-items : flex-start;
	-ms-flex-align: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.colonneIndex {
	width : 300px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : space-around;
	-ms-flex-align: justify;
	justify-content :space-around;
	-ms-flex-pack : start;
	text-align : center;
}

.colonneIndexVenteBM {
	width : 200px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : space-around;
	-ms-flex-align: justify;
	justify-content :space-around;
	-ms-flex-pack : start;
	text-align : center;
}

.indexConteneur2 {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-between;
	-ms-flex-pack : justify;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.indexConteneurDecouverte {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-between;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;
}

.ligneIndex {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;
	margin-top : 50px;
	margin-right : 5%;
}

.ligneDecouverteManga {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;
	margin-right : 50px;
}

.colonneIndexQuiSommesNous {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : start;
	-ms-flex-align: justify;
	justify-content :space-between;
	-ms-flex-pack : start;
	width : 450px;
	padding-right : 30px;
}

.colonneIndex2 {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : center;
	-ms-flex-align: center;
	width :150px;
}

.ligneIndex2 {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : justify;
	align-items : center;
	-ms-flex-align: center;
	margin-right : 10%;
}

.colonneIndex3 {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : center;
	-ms-flex-align: center;
	width :350px;
}

.lierDeuxElementsIndex{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
}

.ligneFigurinesPrix {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	color: #0DDB00;
}

.ligneEpiceriePrix {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
}

.ligneNouveautesPrix {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
}

.ligneIndexConfiance {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
}

.ligneIndexConfiance {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	padding-left : 5px;
	padding-right : 5px;
}

.ligneIndexBonnesAffaires {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
}

.colonneIndexConfiance{
  display:flex;
  align-items : center;
  -ms-flex-align: center;
  justify-content :space-around; 
  -ms-flex-pack : justify;  
  width : 150px;
}

.circletagIndex{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
}

.circletagDecouverteNeuf{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    height:200px;
	width:350px;
	display: block;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
}

.circletagDecouverte{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
}

.circletagRomances{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #f5f5f5;
}

.circletagJeuConcours{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #db2334;
}

.circletagArene{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 1px solid #555;
}

.circletagEpicerie{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 1px solid #555;
}

.circletagCrazyWeek{
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #555;
}

.lierDeuxElementsColonne {
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
}
.sautDeLigneMobile{
	visibility: hidden;
	display: none;
}
@media screen and (max-width: 800px) {	
	.circletagDecouverte{
		margin-bottom : 10px;
	}
	.circletagRomances{
		margin-bottom : 10px;
	}	
	.circletagJeuConcours{
		margin-bottom : 10px;
	}
	.circletagCrazyWeek{
		margin-bottom : 10px;
	}	
	.indexConteneurDecouverte {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content :center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		width : 100%;
	}
	.colonneIndex {
		margin-bottom  : 15px;
		width : 100%;
		border-bottom: 1px solid #D0D0D0;
		border-bottom-width : 50%;
		
	}
	.colonneIndexVenteBM {
		margin-bottom  : 15px;
		width : 100%;
		border-bottom: 1px solid #D0D0D0;
		border-bottom-width : 50%;
		
	}	
	.sautDeLigneMobile{
		visibility: visible;
		display: inline;	
	}
	.sautDeLigneDesktop{
		visibility: hidden;
		display: none;
	}
	.ligneIndex {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content :space-around;
		-ms-flex-pack : justify;
		align-items : center;
		-ms-flex-align: center;
		margin-top : 10px;
		margin-right : 0;
	}	
	.ligneDecouverteManga{
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content :space-around;
		-ms-flex-pack : justify;
		align-items : center;
		-ms-flex-align: center;
		margin-top : 10px;
		margin-right : 0;
	}	
	.ligneIndexConfiance {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		align-items : center;
		-ms-flex-align: center;
		justify-content :center;
		-ms-flex-pack : center;
		padding-left : 5px;
		padding-right : 5px;		
	}
	.ligneIndexBonnesAffaires {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		align-items : flex-start;
		-ms-flex-align: flex-start;
		justify-content :flex-start;
		-ms-flex-pack : flex-start;
		width : 150px;
	}	
	.indexConteneur2 {
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		align-items : center;	
		-ms-flex-align: center;
		width : 100%;
	}
	.colonneIndexQuiSommesNous {
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content :center;  
		-ms-flex-pack : center;
		align-items : center;	
		-ms-flex-align: center;
		width : 100%;		
	}
	
	.colonneIndexDecouverteManga {
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content :center;  
		-ms-flex-pack : center;
		align-items : center;	
		-ms-flex-align: center;
		width : 100%;	
	}		
	.colonneIndexConfiance{
		margin-bottom : 10px;
		display : flex;
		display: -ms-flexbox;
		flex-direction : column;
		-ms-flex-direction: column;
		justify-content :center;
		-ms-flex-pack : center;
		align-items : center;	
		-ms-flex-align: center;
	}
	.colonneIndex3 {
		margin-top : 10px;
		margin-bottom : 10px;
		margin-left : 10px;
		width :300px;
	}
}

    /* Media query for mobile viewport */
    @media screen and (max-width: 800px) {
        #paypal-button-container {
            width: 100%;
        }
    }
    
    /* Media query for desktop viewport */
    @media screen and (min-width: 800px) {
        #paypal-button-container {
            width: 350px;
            display: inline-block;
        }
    }

/* FIN INDEX */

.checked {
    color: orange;
}

.ligneAbonnement {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : center;
	align-items : center;
	-ms-flex-align: center;
}

.lierDeuxElementsAbonnement{
  display:flex;
  flex-direction : column;
  -ms-flex-direction: column;
  align-items : center;
  -ms-flex-align: center;
  margin-bottom : 20px;
  background-color: #f5f5f5;
  margin : 10px;
  padding : 30px;
  width : 280px;
  height : 280px;
  border-radius : 6px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  transition: box-shadow 83ms;  
}

.lierDeuxElementsAbonnement4{
  display:flex;
  flex-direction : column;
  -ms-flex-direction: column;
  align-items : center;
  -ms-flex-align: center;
  margin-bottom : 20px;
  background-color: #f5f5f5;
  margin : 10px;
  padding : 10px;
  width : 340px;
  height : 620px;
  border-radius : 6px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  transition: box-shadow 83ms;  
}


.lierDeuxElementsAbonnement3{
  display:flex;
  flex-direction : column;
  -ms-flex-direction: column;
  align-items : center;
  -ms-flex-align: center;
  margin-bottom : 20px;
  background-color: #f5f5f5;
  margin : 10px;
  padding : 10px;
  width : 340px;
  height : 580px;
  border-radius : 6px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  transition: box-shadow 83ms;  
}

.lierDeuxElementsAbonnement2{
  display:flex;
  flex-direction : column;
  -ms-flex-direction: column;
  align-items : center;
  -ms-flex-align: center;
  margin-bottom : 20px;
  background-color: #f5f5f5;
  margin : 10px;
  padding : 30px;
  width : 280px;
  height : 720px;
  border-radius : 6px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
  transition: box-shadow 83ms;  
}

.aligneRadioEtText{
  display:flex;
  flex-direction : row;
  justify-content : flex-start;
  -ms-flex-pack : start;
  align-items : center;
  -ms-flex-align: center;
}

@media screen and (max-width: 800px) {	
	.ligneAbonnement{
	  display:flex;
	  flex-direction : column;	
	  -ms-flex-direction: column;
	}
	
	.lierDeuxElementsAbonnement{
	  width : auto;
	  height : auto;
	}	
}

.afficherEnLigneTitreIndex{
  display: -ms-flexbox;
  display:flex;
  flex-direction : row;
  justify-content : space-between;
  -ms-flex-pack : justify;
  align-items : center; 
  -ms-flex-align: center;
}

@media screen and (max-width: 800px) {	
	.afficherEnLigneTitreIndex{
	  display:flex;
	  flex-direction : column;	
	  -ms-flex-direction: column;
	flex-direction : column-reverse;
	-ms-flex-direction : column-reverse;
	padding-top : 10px;	
	height : 160px;
	}
}
	
.afficherEnLigne{
  display: -ms-flexbox;
  display:flex;
  flex-direction : row;
  justify-content : flex-start;
  -ms-flex-pack : start;
  align-items : center; 
  -ms-flex-align: center;
  height : 50px;
}

.afficherEnLigneJC{
  display: -ms-flexbox;
  display:flex;
  flex-direction : column;
  justify-content : space-around;
  height : 170px;
}

.afficherEnLigneOffre{
  display: -ms-flexbox;
  display:flex;
  flex-direction : row;
  justify-content : center;
  -ms-flex-pack : center;
  align-items : center; 
  -ms-flex-align: center;
  height : 50px;
}

.afficherEnLigneCentre{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
}

.lierDeuxElementsCreerAnnonce{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  margin-right : 20px;
}

/* BANNIERE DECOUVERTE */

.mySlides {}

.mySlides2 {}

/* Slideshow container */
.slideshow-container {
  margin-top : 30px;
  max-width: 1300px;
  overflow : hidden;
  position: relative;
}

/* Slideshow container */
.slideshow-container2 {
  margin-top : 30px;
  max-width: 1300px;
  overflow : hidden;
  position: relative;
}

/* Caption text */
.text {
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 60px;
  left : 45%;
  width: 100%;
  text-align: left;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;	  
}

.contenuAnimeo{
	color: black;
	font-size: 17px;
	margin-bottom : 10px;
}

.text .contenu {
	color: white;
	font-size: 17px;
	margin-bottom : 10px;
}

.text h1 {
	font-size: 30px;
	color: #f2f2f2;
	font-weight : normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.text input {
	min-width: 220px;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;	
}

@media screen and (max-width: 1000px) {
	.text {
		left : 450px;
	}
	.afficherEnLigneOffre{
		height : 200px;
		flex-direction : column;
		-ms-flex-direction: column;
	}
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 8px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* The dots/bullets/indicators */
.dot2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active2 {
  background-color: #717171;
}

/* Fading animation */
.fade2 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade2 {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade2 {
  from {opacity: .4} 
  to {opacity: 1}
}

/* Next & previous buttons */
.prev2, .next2 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 8px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next2 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev2:hover, .next2:hover {
  background-color: rgba(0,0,0,0.8);
}

.logoBanniere{
	position:absolute;
	height : 280px;
	width: 448px;
	margin-left : 77px;
}

.logoFDPOffert{
	position:absolute;
	margin-top : 40px;
	margin-left : 200px;
	no-repeat 50% 50%; 
	background:url("https://bazardumanga.com/images/livraisongratuite.PNG");
	background-size: 200px;
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #db2334;	
}

/* Caption text */
.logoFDPOffertText {
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 60px;
  left :45%;
  width: 100%;
  text-align: left;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;	  
}

.logoFDPOffertText .contenu {
	color: white;
	font-size: 17px;
	margin-bottom : 10px;
}

.logoFDPOffertText h1 {
	font-size: 30px;
	color: #f2f2f2;
	font-weight : normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.logoFDPOffertText input {
	min-width: 220px;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;	
}

.logoFDPOffert2{
	position:absolute;
	margin-top : 40px;
	margin-left : 80px;
	no-repeat 50% 50%; 
	background:url("https://bazardumanga.com/images/livraisongratuite.PNG");
	background-size: 200px;
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #db2334;	
}

/* Caption text */
.logoFDPOffertText2 {
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 50px;
  left :30%;
  width: 100%;
  text-align: left;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;	  
}

.logoFDPOffertText2 .contenu {
	color: white;
	font-size: 17px;
	margin-bottom : 10px;
}

.logoFDPOffertText2 h1 {
	font-size: 28px;
	color: #f2f2f2;
	font-weight : normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.logoFDPOffertText2 input {
	min-width: 220px;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;	
}

.animeo{
	position:absolute;
	margin-top : 40px;
	margin-left : 200px;
	no-repeat 50% 50%; 
	background:url("https://bazardumanga.com/images/livraisongratuite.PNG");
	background-size: 200px;
    overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    width:200px;
    height:200px;
	display: block;
    background-position:50% 50%;
    background-repeat:no-repeat;  
	border: 3px solid #db2334;	
}

/* Caption text */
.animeoText {
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 60px;
  left : 35%;
  width: 100%;
  text-align: left;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;	  
}

.animeo .contenu {
	color: black;
	font-size: 17px;
	margin-bottom : 10px;
}

.animeo h1 {
	font-size: 30px;
	color: #f2f2f2;
	font-weight : normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

.animeo input {
	min-width: 220px;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;	
}

.logoBannierePub{
	position:absolute;
	text-align : center;
	margin-top : 137px;
	margin-left : 1%;
	margin-right : 1%;
	width : 255px;
}

.textBannierePub {
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 20px;
	position:absolute;
	text-align : center;
	color : white;
	font-weight: 590;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;	
}

.textBannierePubGauche {
	width : 280px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 20px;
	position:absolute;
	text-align : center;
	color : white;
	font-weight: 590;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;	
}	

@media screen and (max-width: 800px) {
	.slideshow-container{
		visibility: hidden;
		display: none;
	}	
	.prev, .next {
		visibility: hidden;
		display: none;
	}
	.dot {
		visibility: hidden;
		display: none;		
	}	
}

span[id^=not_signed_]:before {
  content: 'Connexion avec Google';
  padding-right: 60px;
}

.pointRelaisMondialRelay {
 display : flex;
 display: -ms-flexbox;
 flex-direction: column;
 -ms-flex-direction: column; 
 justify-content : center;
 -ms-flex-pack : center;
 align-items : center;
 -ms-flex-align: center;	
}


.pointRelaisMondialRelay input[type="text"] {
	background-color : #f5f5f5;
	min-width: 250px;
}

.MR-Widget .MRW-Line{
	margin-left : 80px;
}
/* FIN BANNIERE DECOUVERTE */


.menuHamburgerTdb{
	width : 100%;
	visibility: visible;
	display: inline;	
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: row;
	 -ms-flex-direction: row; 
	  justify-content : center;
	 -ms-flex-pack : justify;
	 align-items : center;
	 -ms-flex-align: center;	
}

.menuHamburgerGestion{
	width : 100%;
	visibility: visible;
	display: inline;	
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: row;
	 -ms-flex-direction: row; 
	  justify-content : space-between;
	 -ms-flex-pack : justify;
	 align-items : center;
	 -ms-flex-align: center;	
}

.gestionMenuHamburgerAffiche{
	visibility: hidden;
}

.afficherMenuHamburger{
			visibility: hidden;
		display: none;	
}

.cacherMenuHamburger{
			visibility: hidden;
		display: none;	
}

.cacherSiMobile{
	visibility: visible;
	display: inline;	
}

.lierIconeTitreEtMenuHamburger{
		visibility: hidden;
		display: none;	
}

.centrerFormulaire{
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: column;
	 -ms-flex-direction: column; 
	  justify-content : center;
	 -ms-flex-pack : center;
	 align-items : center;
	 -ms-flex-align: center;
}

.inputVendreBM{
	min-width:90%; 
	max-width:90%;
}

/* bottom container */
.upload-image {
  padding-top : 5px;
  padding-bottom : 5px;
  display:flex; 
  display: -ms-flexbox;
  -ms-flex-direction: row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  background-color: #f5f5f5;
  border-radius: 0px 0px 6px 6px;
  border: 1px solid #E9E9E9;
  padding-left : 20px;
  padding-right : 20px;
  align-items : center;
  -ms-flex-align: center;
  width:100%;
}

@media screen and (max-width: 800px) {
	.visuelUpload{
		visibility: hidden;
		display: none;
	}	
	.definirTailleBM{
		width : 325px;
	}	
	.centrerFormulaire .fa{
		visibility: hidden;
		display: none;	
	}
	
	.centrerFormulaire .upload-image{
		background-color : none;
		border : none;
	}
	.centrerFormulaire{
		 display : flex;
		 display: -ms-flexbox;
		 flex-direction: column;
		 -ms-flex-direction: column; 
		  justify-content : flex-start;
		 -ms-flex-pack : start;
		 align-items : flex-start;
		 -ms-flex-align: start;
		 width : 400px;
	}
	
	.inputVendreBM{
		min-width:350px;
		max-width:350px;
	}	
	.lierIconeTitreEtMenuHamburger{
	visibility: visible;
	display: inline;
	 width : 100%;
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: row;
	 -ms-flex-direction: row; 
	  justify-content : space-between;
	 -ms-flex-pack : justify;
	 align-items : center;
	 -ms-flex-align: center;
	background-color : #f5f5f5;	 
	  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
      transition: box-shadow 83ms;
	  border-radius: 5px;
	  padding : 5px;
	}	
	.menuHamburgerGestion{
		visibility: hidden;
		display: none;	
		height : 300px;
		width : 100%;
	}
	.gestionMenuHamburgerAffiche{
		visibility: visible;
	}	
	.afficherMenuHamburger {
	position: relative;
	visibility: visible;
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: column;
	 -ms-flex-direction: column; 
	  justify-content : center;
	 -ms-flex-pack : center;
	 align-items : center;
	 -ms-flex-align: center;		
	}	
.cacherMenuHamburger {
		visibility: hidden;
		display: none;	
	}	
	.cacherSiMobile{
		visibility: hidden;
		display: none;			
	}
}



.banJeuConcours{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	margin-top : 20px;
	margin-bottom : 22px;
	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
  display: block;
  position: relative;	
  	 color : #db2334;
}

.banJeuConcours::after{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	  content: "";
	  	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;	 
	background-image: url("https://bazardumanga.com/images/banBazar.png");
   opacity: 0.1;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;	
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   	
}

.banHalloween{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	margin-top : 20px;
	margin-bottom : 22px;
	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
  display: block;
  position: relative;
}

.banHalloween::after{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	  content: "";
	  	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;	 
	background-image: url("https://cdn.pixabay.com/photo/2023/10/10/22/45/halloween-8307476_1280.jpg");
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   	
}

.banCrazyWeek{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	margin-top : 20px;
	margin-bottom : 22px;
	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
  display: block;
  position: relative;
}

.banCrazyWeek::after{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	  content: "";
	  	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;	 
	background-image: url("https://bazardumanga.com/images/banBazar.png");
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   	
}

.banBlackWeek{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	margin-top : 20px;
	margin-bottom : 22px;
	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
  display: block;
  position: relative;	
  	 color : #db2334;
}

.banBlackWeek::after{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	  content: "";
	  	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;	 
	background-image: url("https://bazardumanga.com/design/banniereDecouverteBW.png");
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   	
}

.banPub{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	margin-top : 20px;
	margin-bottom : 22px;
	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
  display: block;
  position: relative;	
  	 color : #db2334;
}

.banPub::after{
	    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 90ms;
	  content: "";
	  	width : 1195px;
	height : 245px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: none;	 
	background-image: url("https://bazardumanga.com/images/mangapub.PNG");
   opacity: 0.1;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;	
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   	
}

.contenuCrazyWeek{
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: row;
	 -ms-flex-direction: row; 
	  justify-content : center;
	 -ms-flex-pack : center;
	 align-items : center;
	 -ms-flex-align: center;	
	 height : 245px;
}

.contenuJeuConcours{
   opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;	
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: row;
	 -ms-flex-direction: row; 
	  justify-content : center;
	 -ms-flex-pack : center;
	 align-items : center;
	 -ms-flex-align: center;	
	 height : 245px;
	 color : #db2334;
}
.contenuBlackWeek{
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: row;
	 -ms-flex-direction: row; 
	  justify-content : center;
	 -ms-flex-pack : center;
	 align-items : center;
	 -ms-flex-align: center;	
	 height : 245px;
	 color : white;
}

.colonneJeuConcours{
	 margin-left : 50px;
	 display : flex;
	 display: -ms-flexbox;
	 flex-direction: column;
	 -ms-flex-direction: column; 
	  justify-content : space-around;
	 -ms-flex-pack : distribute;
	 align-items : flex-start;
	 -ms-flex-align: start;
	 	 color : #db2334;
}
.lierDeuxElementsVendreManga{
  display:flex;
  display: -ms-flexbox;
  justify-content : flex-start;
  -ms-flex-pack : start;  
  align-items : center;
  -ms-flex-align: center;
}
.barreGriseMobile{
	visibility: hidden;
	display: none;	
}

.barreGriseMobile2{
	visibility: hidden;
	display: none;	
}


.barreMenuFooterMobileBlancheInfini{
	visibility: hidden;
	display: none;	
}

.fondMenuHautMenuFooterMobile{
		visibility: hidden;
	display: none;	
}

.remonter60 {
	margin-bottom : -60px;
}	

@media screen and (max-width: 800px) {
	
	.barreGriseMobile{
		visibility: visible;
		display: inline;		
		width : 100%;
		height : 2px;
		background-color : #f5f5f5;
		position: fixed;
		bottom: 60px;	
		z-index : 99;
		margin-left : -10px;
	}

	.barreMenuFooterMobileBlancheInfini{
		visibility: visible;
		display: inline;		
		width : 100%;
		height : 60px;
		min-height : 60px;
		max-height : 60px;
		background-color : white;
		box-shadow: 0px 0px 5px #555;
		position: fixed;
		bottom: 0;
		z-index : 99;
	}	

	/* MENU HAUT DEBUT */
	.fondMenuHautMenuFooterMobile{
		visibility: visible;
		display: inline;	
		bottom : 0px;
		margin-left : 20px;
		margin-right : 20px;
		height : 65px;
		display : flex;
		display: -ms-flexbox;
		flex-direction : row;
		justify-content : space-between;
		-ms-flex-pack : justify;
		align-items : center;
		-ms-flex-align: center;	
		background-color : white;
	}
	
	.titreMenuMobile{
		flex-direction : column;
		align-items : center;
		-ms-flex-align: center;
		justify-content : center;	
		-ms-flex-pack : justify;	
		height : 50px;		
	}

	.container {
		border-radius: 0px;
	}
	
	.containerIndex {
		border-radius: 0px;		
	}
	
	#contenuIndex{
		background-color: white;
	}
	
	.pubDecouvrirMangaIndex{
		background-color: white;
	}
	
	.imageBanDecouverteMobile{
		background-color: white;
	}
	
	 body {
		background-color: white;
	 }
	 
	a svg:hover #menu_icon { 
	  fill: #db2334;
	}	

	.mentionLegaleBandeau{
		visibility: hidden;
		display: none;		
	}
	
	.menuSelec{
		visibility: hidden;
		display: none;			
	}	
	
	.menu{
		visibility: hidden;
		display: none;		
	}
	
	.MRW-Map{
		visibility: hidden;
		display: none;		
	}
	
	.MR-Widget {
		max-width : 350px;
	}
	
	.remonter60 {
		margin-bottom : 0px;
	}	
}

.stripe-button-el span {
	background-color : green;
}

.mangasFavoris{
	display:flex; 
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	align-items : flex-start;
	-ms-flex-align: flex-start;			
}
.mangasBonnesAffaires{
	display:flex; 
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	align-items : flex-start;
	-ms-flex-align: flex-start;		
	box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
    box-sizing: border-box;
	margin : 5px;
	padding : 5px;
}

.mangasUniteBoutons {
	border-top : 1px solid #acacac;
	border-bottom : 1px solid #acacac;
	padding-top : 5px;
	padding-bottom : 5px;
	width : 100%;
	display:flex; 
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : space-around;
	-ms-flex-pack : justify;
	align-items : center;
    -ms-flex-align: center;		
}

@media screen and (max-width: 800px) {
	.mangasUniteBoutons {
		padding-top : 10px;
		padding-bottom : 10px;
		 display : flex;
		 display: -ms-flexbox;
		 flex-direction: column-reverse;
		 -ms-flex-direction: column; 
		  justify-content : center
		 -ms-flex-pack : center;
		 align-items : center;
		 -ms-flex-align: center;	
	}
}

.notif_info, .notif_success, .notif_warning, .notif_error {
margin-left: 5%;
margin-right: 2%;
margin-bottom: 2%;
padding:12px;
border-radius: 6px 6px 6px 6px; 
position: fixed;
bottom: 0;
right: 0;
}
.notif_success {
    color: #4F8A10;
    background-color: #DFF2BF;
	text-align : center;
}
.notif_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.notif_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.notif_info i, .notif_success i, .notif_warning i, .notif_error i {
    margin-right:10px;
    font-size:1.2em;
    vertical-align:middle;
}

/* The Close Button */
.closeNotif {
    color: #aaaaaa;
    float: right;
	top : 0;
    font-size: 25px;
    font-weight: bold;
}

.closeNotif:hover,
.closeNotif:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
	.notif_info, .notif_success, .notif_warning, .notif_error {
		margin-left: 5%;
		margin-right: 2%;
		margin-bottom: 80px;
		padding:12px;
		border-radius: 6px 6px 6px 6px; 
		position: fixed;
		bottom: 0;
		right: 0;
	}
}


.planningBoutons {
	padding-top : 5px;
	width : 100%;
	display:flex; 
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : center;
	-ms-flex-pack : justify;
	align-items : center;
    -ms-flex-align: center;
	color : #0F3C1E;
}

.separateurTitreRose{
	display : flex;
	display: -ms-flexbox;	
	height : 70px;
	margin-left : 15%;
	margin-right : 15%;
	font-size : 20px;
	font-weight: 900;
	background-color : #0F3C1E;
	color : white;
	justify-content: center;
	text-align : center;
	align-items : center;
	-ms-flex-align: center;
	border-radius : 10px;
}

.figurinesConteneurRomance {
	display : flex;
	display: -ms-flexbox;
	justify-content : space-between;
	-ms-flex-pack : justify;
	-ms-flex-align: center;
	justify-content: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-left : 1%;
	margin-right : 1%;
}

.planningBlocManga3Romance{
  display:flex;
  display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
  -ms-flex-pack : justify;
	-ms-flex-align: center;
	justify-content: center;
	text-align : center;
  padding : 10px;
  margin : 10px;
  height : 100%;
  background-color : #f5f5f5;
  border : 1px solid rgba(0, 0, 0, 0.15);
  margin-top : 8px;
}

.planningImage2Romance {
	max-height : 400px;
	margin-bottom : 10px;
	width : 400px;
}

.figurinesDescriptif2Romance {
	padding-top : 3px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
  justify-content : space-around;
  -ms-flex-pack : distribute;
	  align-items : center;
	-ms-flex-align: center;
	max-width: 400px;
}

.figurinesDescriptif2BoutonRomance {
	padding-top : 3px;
	display : flex;
	display: -ms-flexbox;
	justify-content : center;
	-ms-flex-pack : center;
	height : 50px;
}

#scrollUp
{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.5;
}


.afficherEnLigneCentreNewRomance{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
  background-color : #0F3C1E;
  color : white;
  padding-bottom : 15px;
  padding-top : 15px;
  padding-left : 10px;
  padding-right : 10px;
}

.afficherEnLigneCentreYoungAdult{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
  background-color : #0F3C1E;
  color : white;
  padding-bottom : 15px;
  padding-top : 15px;
  padding-left : 10px;
  padding-right : 10px;
}

.afficherEnLigneCentreCollectors{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
  background-color : #0F3C1E;
  color : white;
  padding-bottom : 15px;
  padding-top : 15px;
  padding-left : 10px;
  padding-right : 10px;
}

.afficherEnLigneCentreDarkRomance{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
  background-color : #0F3C1E;
  color : white;
  padding-bottom : 15px;
  padding-top : 15px;
  padding-left : 10px;
  padding-right : 10px;  
}

.afficherEnLigneCentreRomantasy{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
  background-color : #0F3C1E;
  color : white;
  padding-top : 15px;
  padding-bottom : 15px;
  padding-left : 10px;
  padding-right : 10px;  
}

.afficherEnLigneCentreGoodies{
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : row;
  justify-content : space-around;
  -ms-flex-pack : distribute;
  align-items : center;
  -ms-flex-align: center;
  background-color : #0F3C1E;
  color : white;
  padding-top : 15px;
  padding-bottom : 15px;
  padding-left : 10px;
  padding-right : 10px;  
}

.newRomanceBoutons {
	padding-top : 5px;
	width : 100%;
	display:flex; 
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : space-around;
	-ms-flex-pack : justify;
	align-items : space-around;
    -ms-flex-align: space-around;
	color : #0F3C1E;
}

.newRomanceBoutons select {
	color : #0F3C1E;
}


.separateurTitreCollector{
	display : flex;
	display: -ms-flexbox;	
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	font-weight: 600;
  background-color : #0F3C1E;
  color : white;
	box-shadow: 0 1px 1px -1px #555;
	justify-content: center;
	align-items : center;
	-ms-flex-align: center;
	font-family: Montserrat;
	letter-spacing: .2rem;
	  margin-bottom : 15px;
}

.separateurTitreNewRomance {
	display : flex;
	display: -ms-flexbox;	
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	font-weight: 600;
  background-color : #0F3C1E;
  color : white;
	box-shadow: 0 1px 1px -1px #555;
	justify-content: center;
	align-items : center;
	-ms-flex-align: center;
	font-family: Montserrat;
	letter-spacing: .2rem;
	  margin-bottom : 15px;
}

.separateurTitreYoungAdult {
	display : flex;
	display: -ms-flexbox;	
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	font-weight: 600;
  background-color : #0F3C1E;
  color : white;
	box-shadow: 0 1px 1px -1px #555;
	justify-content: center;
	align-items : center;
	-ms-flex-align: center;
	font-family: Montserrat;
	letter-spacing: .2rem;
	  margin-bottom : 15px;
}

.separateurTitreRomantasy {
	display : flex;
	display: -ms-flexbox;	
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	font-weight: 600;
  background-color : #0F3C1E;
  color : white;
	box-shadow: 0 1px 1px -1px #555;
	justify-content: center;
	align-items : center;
	-ms-flex-align: center;
	font-family: Montserrat;
	letter-spacing: .2rem;
	  margin-bottom : 15px;
}

.separateurDarkRomance {
	display : flex;
	display: -ms-flexbox;	
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	font-weight: 600;
  background-color : #0F3C1E;
  color : white;
	box-shadow: 0 1px 1px -1px #555;
	justify-content: center;
	align-items : center;
	-ms-flex-align: center;
	font-family: Montserrat;
	letter-spacing: .2rem;
	  margin-bottom : 15px;
}

.figurinesDescriptif2OccasRomance {
	padding-top : 3px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	justify-content : flex-start;
	-ms-flex-pack : start;
	max-width: 400px;
}


.filAriane{
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	align-items : center;
    -ms-flex-align: center;	
padding-left : 20px;	
	width : 100%;
	height : 70px;
	color : white;
	background-color : #0F3C1E;
	font-size: 16px;
	box-shadow: 2px 2px 2px -2px #555;
}

.filAriane a{
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content : center;
	-ms-flex-pack : justify;
	align-items : center;
    -ms-flex-align: center;	
	color : white;
}

.vendreMangaConteneurIDM {
	display : flex;
	display: -ms-flexbox;
	flex-direction : row;
	justify-content :space-around;
	-ms-flex-pack : distribute;
	align-items : flex-start;
	-ms-flex-align: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}


.colonneIndexIDM {
	width : 270px;
	display : flex;
	display: -ms-flexbox;
	flex-direction : column;
	-ms-flex-direction: column;
	align-items : space-around;
	-ms-flex-align: justify;
	justify-content :space-around;
	-ms-flex-pack : start;
	text-align : center;
	margin-bottom : 15px;
}

.afficherLigneMangaStockIDM{
	display:flex; 
	display: -ms-flexbox;
	margin-bottom : 5px;
	align-items : center;
	-ms-flex-align: center;
	justify-content :center;
	-ms-flex-pack : center;
	text-align : center;
}

.separateurTitre {
	display : flex;
	display: -ms-flexbox;	
	padding-top : 10px;
	padding-left : 20px;
	padding-bottom : 10px;
	font-weight: 600;
	background-color : #0F3C1E;
	color : white;
	box-shadow: 0 1px 1px -1px #555;
	align-items : flex-start;
	-ms-flex-align: flex-start;
}

.conteneurRoman{
	padding : 10px;
	background-color : #f5f5f5;
	border-radius : 2px;
	border : 1px solid #E9E9E9;
}

.menuRoman2{
	padding-left : 8px;
	display:flex;
	display: -ms-flexbox;
	align-items : center;
	-ms-flex-align: center;	
	background-color : #F43676;
	color: white;
	border-radius: 5px;
    font-weight : normal;
	width : 250px;
}


.menuRoman2:hover{
	display:flex;
	display: -ms-flexbox;
	align-items : center;
	-ms-flex-align: center;	
	background-color : #F43676;
	color: white;
	width : 250px;
	border-radius: 5px;
	font-weight : normal;
}

.menuRoman2 a {
	display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  padding-left : 10px;
  height : 45px;	
	font-weight : normal;
	color : white;
}

.menuRoman2 a:hover {
	display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  padding-left : 10px;
  height : 45px;	
	color : white;
}

.menuRoman{
	padding-left : 8px;
	display:flex;
	display: -ms-flexbox;
	align-items : center;
	-ms-flex-align: center;	
	background-color : #F43676;
	color: white;
	width : 230px;
	border-radius: 5px;
    font-weight : normal;
}

.menuRoman:hover{
	display:flex;
	display: -ms-flexbox;
	align-items : center;
	-ms-flex-align: center;	
	background-color : #F43676;
	color: white;
	width : 230px;
	border-radius: 5px;
	font-weight : normal;
}

.menuRoman a {
	display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  padding-left : 10px;
  height : 45px;	
	font-weight : normal;
	color : white;
}

.menuRoman a:hover {
	display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  padding-left : 10px;
  height : 45px;	
	color : white;
}


.menuRomanOrange{
	padding-left : 8px;
	display:flex;
	display: -ms-flexbox;
	align-items : center;
	-ms-flex-align: center;	
	background-color : #f39730;
	color: white;
	width : 230px;
	border-radius: 5px;
    font-weight : normal;
}

.menuRomanOrange:hover{
	display:flex;
	display: -ms-flexbox;
	align-items : center;
	-ms-flex-align: center;	
	background-color : #f39730;
	color: white;
	width : 230px;
	border-radius: 5px;
	font-weight : normal;
}

.menuRomanOrange a {
	display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  padding-left : 10px;
  height : 45px;	
	font-weight : normal;
	color : white;
}

.menuRomanOrange a:hover {
	display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
  padding-left : 10px;
  height : 45px;	
	color : white;
}

.lierDeuxElementsMenu{
  display:flex;
  display: -ms-flexbox;
  align-items : center;
  -ms-flex-align: center;
}

.fondOpaqueGoodiesMobile{
	visibility: hidden;
	display: none;		
}

.menuGlobalRomanceMobile {
	
	visibility: hidden;
	display: none;		
	position : absolute;
	flex-direction : row;
	height : 530px;
	padding-left : 2px;
	padding-top : 5px;
	margin-top : -25px;
	border-radius : 5px;
}

.fondMenuGlobalRomanceMobile {
	width : 350px;
	height : 530px;
	padding : 20px;
	background-color : white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}

.menuGlobalMangaMobile {
	visibility: hidden;
	display: none;		
	position : absolute;
	flex-direction : row;
	height : 680px;
	padding-left : 2px;
	margin-top : -25px;
	border-radius : 5px;
}

.fondMenuGlobalMangaMobile {
	width : 350px;
	height : 680px;
	padding-left : 20px;
	padding-right : 20px;
	padding-bottom : 20px;
	background-color : white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
    transition: box-shadow 83ms;
	z-index: 99;	
}

.cadreReliure{
	display:flex;
	display: -ms-flexbox;
		flex-direction : row;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		text-align : center;	
	border: 1px solid #363636;
	width : 80px;
	color: #363636;
	border-radius: 10px;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 15px;
}

.lierDeuxElementsEtCentrerEspace{
  display:flex;
  display: -ms-flexbox;
  justify-content : center;
  -ms-flex-pack : center;
  align-items : center;
  -ms-flex-align: center;
}

.nomPlanning {
	padding : 10px;
}

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

	.fondOpaqueGoodiesMobile{
		visibility: visible;
		display : flex;
		display: -ms-flexbox;		
		padding : 5px;
		border-radius : 10px;
		color : #BE35B9;
		background-image: url("https://romancesetbooks.com/images/GOODIES.svg");
		background-size : 340px;
		background-repeat : no-repeat;
		height: 160px;
		flex-direction : row;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		text-align : center;		
	}	
	
	.fondOpaqueNRMobile{
		visibility: visible;
		display : flex;
		display: -ms-flexbox;		
		padding : 5px;
		border-radius : 10px;
		color : #DA2215;
		background-image: url("https://romancesetbooks.com/images/NEWROMANCEMOBILE.svg");
		background-size : 340px;
		background-repeat : no-repeat;
		height: 160px;		
		flex-direction : row;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		text-align : center;		
	}	

	.fondOpaqueYoungAdultMobile{
		visibility: visible;
		display : flex;
		display: -ms-flexbox;		
		padding : 5px;
		border-radius : 10px;
		color : #DA2215;
		background-image: url("https://romancesetbooks.com/images/BLOC-YA-MOBILE.svg");
		background-size : 340px;
		background-repeat : no-repeat;
		height: 160px;		
		flex-direction : row;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		text-align : center;		
	}	

	.fondOpaqueCollectorsMobile{
		visibility: visible;
		display : flex;
		display: -ms-flexbox;		
		padding : 5px;
		border-radius : 10px;
		color : #DA2215;
		background-image: url("https://romancesetbooks.com/images/COLLECTOR-MOBILE.svg");
		background-size : 340px;
		background-repeat : no-repeat;
		height: 160px;		
		flex-direction : row;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		text-align : center;		
	}

	.fondOpaqueRomantasyMobile{
		visibility: visible;
		display : flex;
		display: -ms-flexbox;		
		padding : 5px;
		border-radius : 10px;
		color : #BE35B9;
		background-image: url("https://romancesetbooks.com/images/ROMANTASY.svg");
		background-size : 340px;
		background-repeat : no-repeat;
		height: 160px;
		flex-direction : row;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;
		text-align : center;		
	}	

	
	.fondOpaqueGoodies{
		visibility: hidden;
		display: none;		
	}		
	
	.planningBoutons {
		padding-top : 5px;
		width : 100%;
		display:flex; 
		display: -ms-flexbox;
		flex-direction : column;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;		
	}
	.figurinesConteneurRomance {
	flex-direction: column;
	-ms-flex-direction: column;
  align-items : center;
  -ms-flex-align: center;	
		justify-content : space-between;
		-ms-flex-pack : justify;  
	}	
	
	.newRomanceBoutons {
		padding-top : 5px;
		width : 100%;
		display:flex; 
		display: -ms-flexbox;
		flex-direction : column;
		justify-content : center;
		-ms-flex-pack : center;
		align-items : center;
		-ms-flex-align: center;		
	}	

.planningImage2Romance {
	max-height : 400px;
	margin-bottom : 10px;
	width : 290px;
}
	
}

.rechercherInput {
	min-width:680px; 
	height : 70px;
}

@media screen and (max-width: 800px) {
	.rechercherInput {
		min-width:320px; 
		height : 70px;
	}	
}