@charset "UTF-8";
/* CSS Document */


.Menu{
	position:fixed;
	top:0;
	width:100%;
	margin: 0px;
	padding: 0px;
	max-width:90%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	z-index:50;
}
.Menu img{
	width:100%;
	margin: 0px;
	padding: 0px;
	max-width:1450px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
.EspaceMenu{
	position:relative;
	height:130px;
	
}

.ico_editionSpeciale{
	font-size: 50px;
}
.LigneTome{
	height:50px;
	line-height:50px;
}
.Prix{
	font-family: "Cocogoose", Georgia;
    font-size: 24px;
    color:#FFF;
	font-weight:900;
}
.Stock{
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height:24px;
	color:#FFF;
	border: 1px solid #FFF;
	padding:5px;
	margin:10px;
	
}
.infosPrixAlbum{
	
	max-width:45%;
	float:right;
	color:#0d5ba5;
	text-align:center;
	
}
.infosPrixAlbum_liste{
	margin:0px;
	padding:0px;
	list-style: none;	
	height:140px;
}
.infosSpirou{
	max-width:100%;
	float:right;
	color:#0d5ba5;
	text-align:left;
	font-family: "CocogooseSemBd", Georgia;
	text-transform:uppercase;
    font-size: 9px;
	border: 1px solid #0d5ba5;
	padding:10px;
	margin-top:10px;
height:50px;	
}

.InfosAlbum{
	display:block;
	float:right;
	width:100%;
	max-width:55%;
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	line-height:15px;
	color:#fff;
	height:140px;
	
}
@media handheld, only screen and (max-width: 1200px){
.InfosAlbum,.infosPrixAlbum_liste{
	height:160px;	
}
}
@media handheld, only screen and (max-width: 740px){
	.infosPrixAlbum_liste{
		height:140px;	
	}
	.InfosAlbum{
		height:140px;	
		margin-top:20px;
	}
}

.InfosAlbum li{
	list-style:none;
}


.InfosAlbum li:first-child {
/*	margin-bottom: 15px;*/
}

.ZoneAlbum{
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
}
.FondCouleur{
background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(left, rgba(13,61,125,1) 0%, rgba(0,148,220,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(13,61,125,1) 0%,rgba(0,148,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(13,61,125,1) 0%,rgba(0,148,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3d7d', endColorstr='#0094dc',GradientType=1 ); /* IE6-9 */
		
}
.FondCouleur2{
background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(left, rgba(103,132,128,1) 0%, rgba(76,88,86,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(103,132,128,1) 0%,rgba(76,88,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(103,132,128,1) 0%,rgba(76,88,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#678480', endColorstr='#4c5856',GradientType=1 ); /* IE6-9 */
		
}
.FondCouleur3{
background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(left, rgba(205,190,159,1) 0%, rgba(166,133,80,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(205,190,159,1) 0%,rgba(166,133,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(205,190,159,1) 0%,rgba(166,133,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdbe9f', endColorstr='#a68550',GradientType=1 ); /* IE6-9 */
		
}
.ZoneBt{
	display:flex;
	justify-content:space-around;
	flex-direction:row;
	flex-wrap: wrap;
	margin-top:20px;
	padding-bottom:20px;
	/*border-bottom:1px solid #FFF;*/
	
}
.ColAlbum, .ColAlbum2, .ColAlbum3{
	position:relative;
	float:left;
	display:block;
	width:50%;
	padding:0px;
	margin:0px;
	text-align:center;
	
	
}
.ColAlbumImg{
	padding:40px;
}

.ColAlbumImg img{
	position:relative;
	width:100%;
	/*max-width:80%;*/
	height: auto;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);	
	
}
.ColAlbumImg2 img{
	position:relative;
	width:100%;
	/*max-width:86%;*/
	height: auto;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);	
	
}
.ColAlbumImg3 img{
	position:relative;
	width:100%;
	/*max-width:48%;*/
	height: auto;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);	
	
}
.ColAlbumVote {
	width:100%;
	max-width:90%;
	position:relative;
	float:none;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-top:20px;
	background-color:#FFF;
	text-align:center;
	
}
.ColAlbumVote img{
	width:100%;
	max-width:274px;
	height:auto;
	
}
.ColTexte{
	position:relative;
	display:inline-block;
	float:right;
	width:50%;
	margin:0px;
	
}
.ColInfos{
	position:relative;
	display:inline-block;
	float:right;
	width:50%;
	margin:0px;
	margin-bottom:20px;
	/*background-color:#28E795;*/

	
}
.ColVotes{
	position:relative;
	display:inline-block;
	float:left;
	width:50%;
	margin:0px;
	margin-bottom:20px;
	/*background-color:#EB0B6E;*/
	
}
.ZoneInfos{
	width:100%;
	max-width:90%;
	position:relative;
	float:none;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	border-top:1px solid #FFF;
	padding-bottom:20px;
	
}
.ColTexteIntro{
	width:100%;
	max-width:90%;
	position:relative;
	float:none;
	margin-top:40px;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	color:#FFF;
}
.ColTexteTexte{
	position:relative;
	float:none;
	width:100%;
	max-width:90%;
	padding:0px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFFFFF;
	text-align:center;
}
.respire{
padding:50px;	
}
.ColTexteTexte p{
	/*text-align:left;*/
}

.ColTexteTexte p.premier:first-of-type:first-letter {
  float:left;
  font-size: 60px;
  line-height: 48px;
  padding: 5px 5px 0px 0px;
  font-family: "CocogooseOutlined", Georgia;
  font-weight:500;
  color: #0d5ba5;
}
.ColBt{
	width:100%;
	display: flex;
	 justify-content: space-between;
	 margin: 0px;
	 background-color:#FFFFFF;
}
.BoutonsNavAlbums{
	 display: flex;
	 justify-content: space-between;
}





/*------------------------------------------------Contenu de page*/

.BanPage{
	position: relative;
	width:100%;
	max-width:90%;
	height:300px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:#FFF;
	text-align:center;
	overflow:hidden;
	
}
.BanPage .Bantitre{
	position: absolute;
	top: 159px;
	z-index: 2;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-shadow: 0px 2px 10px #0d5ba5;   
	
}
.icoBanPage{
	position:absolute;
	top:80px;
	width: 100%;
	z-index:2;
	display:inline-block;
	padding:0px;
	margin:0px;
	font-size:60px;
	line-height: 1px;
	text-shadow: 0px 2px 10px #0d5ba5; 
}
.BanPageImg{
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	
}
.BanPageImg img{
	width:100%;
	height:auto;
	opacity:0.7;
	
}

.Contenu{
	
	width:100%;
	text-align:center;
}

/*------------------------------------------------VERBATIM*/

.Verbatim{
	width:20%;
	display:inline-block;
	border: 1px solid #0d5ba5; 
	padding:4%;
	margin:20px;
	text-align:justify;
}

.VerbatimTexte{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	
	color:#000;
	
}
.VerbatimAuteur{
	display:block;
	text-align:center;
	padding-top:30px;
	font-family: "Cocogoose", Georgia;
	text-transform:uppercase;
    font-size: 32px;
	line-height:50px;
	color:#0d5ba5; 
}

/*------------------------------------------------FANARTS*/

.fanartsColonnes{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-top:20px;
	margin-bottom:20px;
	justify-content: center;
}
.fanartsColonnes > *{
	flex:0 0 auto;
    width:10%;
	margin:0px;
	padding:0.5%;
}
.minivisus{
	margin:0px;
	padding:0px;
	border: 2px solid #FFF;
	
}
/***** [ ecrans classique ] *****/
@media (max-width: 1760px) {
	
	
}
/***** [ ipad2 large ] *****/
@media (max-width:1400px) {
	
.ColAlbum, .ColAlbum2{
	width:50%;
	margin:0px;
	margin-top:40px;
	
}
.ColTexte{
	width:50%;
	
}
.ColInfos{
	width:50%;
	
}	
.ColVotes{
	width:50%;
	
}	
.infosSpirou{
    font-size: 9px;
	line-height:12px;
	padding:8px;
	font-weight:100;
}


/*------------------------------------------------Contenu de page*/
.BanPage{
	height:240px;	
}
.BanPage .Bantitre{
	top:140px;
}
.icoBanPage{
	top:60px;
}
/*------------------------------------------------VERBATIM*/

.Verbatim{
	width:30%;
}
}
/***** [ ipad ] *****/
@media handheld, only screen and (max-width: 960px){
	
.Menu{
	max-width:100%;

}
.infosSpirou{
    font-size: 8px;
	line-height:10px;
	padding:8px;
	font-weight:100;
}

.respire{
padding:30px;	
}

/*------------------------------------------------Contenu de page*/
.BanPage{
	
	height:220px;
		
}
.BanPage .Bantitre{
	top:120px;
}
.icoBanPage{
	top:40px;
}
}
/***** [ Mobile] *****/
@media handheld, only screen and (max-width: 740px){

	
.ColAlbumImg img{
	max-width:80%;
}	
.ColAlbum, .ColAlbum2{
	float:none;
	width:100%;
	/*max-width:80%;*/
	margin:0px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	
}
.ColAlbumImg{
	padding: 0px;
	}
.ColTexte{
	width:100%;
	
}

.ColInfos{
	width:100%;
	
}	
.ColVotes{
	width:100%;
	
}

/*------------------------------------------------BOUTONS*/

.dupuis_btrondmini {
  width: 40px;
  max-width: 40px;
  height: 40px;
 /*min-height: 40px;*/
}
.icoBT{
	position:relative;
	font-size: 24px;
	padding-right:5px;
	
	
}

.icoBTrondmini{
	position:relative;
	margin:0px;
	padding:0px;
    
	display:block;
	font-size: 18px;
	line-height:40px;
}
.dupuis_btRectangle{
	float:none;
	width: 100%;
	max-width: 100%;
	font-size: 14px;

	
}
.dupuis_btrondClassique {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  margin:4px;
}
.icoBTrond{
	font-size: 40px;
	line-height:78px;
}
/*------------------------------------------------INFOS Album*/
.ColTexteIntro{
	margin-top:20px;
}
.infosPrixAlbum{
	
	max-width:100%;
	float:none;
	color:#FFF;
	text-align:center;
	
	
}
.infosSpirou{
	float:none;
	max-width:80%;
	min-height:50px;
	margin-left:auto;
	margin-right:auto;
	

	
}
.InfosAlbumBloc{
	float:none;
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#21DDE5;*/
}
.InfosAlbum{
	float:none;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#21DDE5;*/
}
/*------------------------------------------------Contenu de page*/
.BanPage{
	
	height:140px;
}
.BanPage .Bantitre{
	top:60px;
	font-size:20px;
}
.icoBanPage{
	top:20px;
	font-size:42px;
}
/*------------------------------------------------VERBATIM*/
.Verbatim{
	width:80%;
	padding:5%;
	margin:10px;
}
.VerbatimTexte{
	font-size: 12px;
	color:#000;
	
}
/*------------------------------------------------FANARTS*/

.fanartsColonnes >*{

    width:20%;
	padding:0.5%;
}
	
}
/***** [ Mobile - low res ] *****/
@media handheld, only screen and (max-width: 479px){
	/*------------------------------------------------Contenu de page*/
.BanPage{
	
	height:100px;
}
.BanPage .Bantitre{
	top:40px;
	font-size:18px;
}
.icoBanPage{
	top:4px;
	font-size:36px;
}
}