/*Body*/

body {
	background-color :  #f4f6f7 ;
}

/*Header*/

nav {
	background-color :  #34495e;
	margin-top : -20px;
	margin-left : -10px;
	padding-top : 10px;
	padding-left : 25px;
	padding-bottom : 1px;
	width : 100%;
}

a {
	text-decoration : none;
}

.logo {
	font-family: 'Lilita One', cursive;
	color : white;
	text-transform: uppercase;
	width : 280px;
	font-size : 20px;
	display : block;
}

/*Général*/

body{
	text-align : center;
	font-family: 'Sofia Sans', sans-serif;
	font-size : 18px;
}

.bold {
	font-weight : bold;
}

/*Main*/

/*les bloc manga*/

section {
	margin : 20px;
}

.m_gauche {
	text-align : left;
}

.m_droite {
	text-align : right;
}

section a {
	display : block;
	margin-right : auto;
	margin-left : auto;
	height : 450px;
	width : 1250px;
}

div{
	display: block;
	width: auto
}

.infos_manga_gauche {
	float : left;
	font-family: 'Sofia Sans', sans-serif;
	font-size: 25px;
	color: white;
	margin-left: 30px;
	margin-top: 30px;
}

.infos_manga_gauche p {
	max-width : 300px;
	margin-left : auto;
	margin-right : 20px;
	margin-top : -10px;
	font-weight : bold;
}

.infos_manga_droite {
	float : right;
	font-family: 'Sofia Sans', sans-serif;
	font-size: 25px;
	color: white;
	margin-right: 30px;
	margin-top: 30px;
}

.infos_manga_droite p {
	max-width : 300px;
	margin-right : auto;
	margin-left : 20px;
	margin-top : -10px;
	font-weight : bold;
}

.titre_manga {
	font-family: 'Lilita One', cursive;
	font-size: 35px;
	background-color: #34495e;
	text-align: center;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	min-width: 290px;
}

.petit {
	font-size : 20px;
}

.couverture_gauche{
	height : 370px;
	margin-top : 40px;
	float : right;
	margin-right : 40px;
	border : 1px;
	border-radius : 7px;
	filter : drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.couverture_droite{
	height : 370px;
	margin-top : 40px;
	float : left;
	margin-left : 40px;
	border : 1px;
	border-radius : 7px;
	filter : drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

/*----------*/

#s_Rad {
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Radiant.jpg');
	background-position : 0px -115px;
	background-size : 100%;
}

#s_Rad:hover {
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Radiant.jpg');
	background-position : 0px -115px;
	background-size : 100%;
}

#s_Rad .titre_manga {
	background-color: #2596be;
}

/*----------*/

#s_Dream {
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/Dreamland.jpg');
	background-position : 0px -115px;
	background-size : 101%;
}

#s_Dream:hover {
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/Dreamland.jpg');
	background-position : 0px -115px;
	background-size : 101%;
}

#s_Dream .titre_manga {
	background-color: #8b6e8b;
}

/*----------*/

#s_Hor {
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Horion.png');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Hor:hover {
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Horion.png');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Hor .titre_manga {
	background-color: #223f41;
}

/*----------*/

#s_Tal{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/Talli.jpeg');
	background-position : 0px -90px;
	background-size : 100%;
}

#s_Tal:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/Talli.jpeg');
	background-position : 0px -90px;
	background-size : 100%;
}

#s_Tal .titre_manga {
	background-color: #082537;
}

/*----------*/

#s_Rip{
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Ripper.jpg');
	background-position : 0px -90px;
	background-size : 100%;
}

#s_Rip:hover{
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Ripper.jpg');
	background-position : 0px -90px;
	background-size : 100%;
}

#s_Rip .titre_manga {
	background-color: #34a360;
}

/*----------*/

#s_Spa{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/SpacePunch.jpg');
	background-position : 0px -50px;
	background-size : 100%;
}

#s_Spa:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/SpacePunch.jpg');
	background-position : 0px -50px;
	background-size : 100%;
}

#s_Spa .titre_manga {
	background-color: #c53032;
}

/*----------*/

#s_Muk{
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Mukai.jpg');
	background-position : 0px -100px;
	background-size : 100%;
}

#s_Muk:hover{
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Mukai.jpg');
	background-position : 0px -100px;
	background-size : 100%;
}

#s_Muk .titre_manga {
	background-color: #dccd08;
}

/*----------*/

#s_Cit{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/City.jpg');
	background-position : 0px -1000px;
	background-size : 100%;
}

#s_Cit:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/City.jpg');
	background-position : 0px -1000px;
	background-size : 100%;
}

#s_Cit .titre_manga {
	background-color: #c8a44c;
}

/*----------*/

#s_Swe{
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Sweet.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Swe:hover{
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Sweet.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Swe .titre_manga {
	background-color: #588681;
}

/*----------*/

#s_Eve{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/Everdark.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Eve:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/Everdark.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Eve .titre_manga {
	background-color: #005f71;
}

/*----------*/

#s_Gre{
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Green.png');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Gre:hover{
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Green.png');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Gre .titre_manga {
	background-color: #4c7c70;
}

/*----------*/

#s_Dro{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/Droners.png');
	background-position : 0px -200px;
	background-size : 100%;
}

#s_Dro:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/Droners.png');
	background-position : 0px -200px;
	background-size : 100%;
}

#s_Dro .titre_manga {
	background-color: #3194c9;
}

/*----------*/

#s_Dof{
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Dofus.jpg');
	background-position : 0px -50px;
	background-size : 100%;
}

#s_Dof:hover{
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Dofus.jpg');
	background-position : 0px -50px;
	background-size : 100%;
}

#s_Dof .titre_manga {
	background-color: #143761;
}

/*----------*/

#s_Out{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/Outlaw.png');
	background-position : 0px -50px;
	background-size : 100%;
}

#s_Out:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/Outlaw.png');
	background-position : 0px -50px;
	background-size : 100%;
}

#s_Out .titre_manga {
	background-color: #e24b1a;
}

/*----------*/

#s_Las{
	background: linear-gradient(to right, black, 20%, transparent), url('../img/banniere/Lastman.jpg');
	background-position : 0px -40px;
	background-size : 100%;
}

#s_Las:hover{
	background: linear-gradient(to right, black, 70%, transparent), url('../img/banniere/Lastman.jpg');
	background-position : 0px -40px;
	background-size : 100%;
}

#s_Las .titre_manga {
	background-color: #d74046;
}

/*----------*/

#s_Ogr{
	background: linear-gradient(to left, black, 20%, transparent), url('../img/banniere/Ogrest.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Ogr:hover{
	background: linear-gradient(to left, black, 70%, transparent), url('../img/banniere/Ogrest.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#s_Ogr .titre_manga {
	background-color: #c4cf84;
}

/*-----------------------Page Detail---------------------*/


.titre {
	font-family: 'Lilita One', cursive;
	font-size: 50px;
	background-color: #34495e;
	text-align: center;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	width: 300px;
	margin-top: 0px;
	margin-left : auto;
	margin-right : auto;
	color: white;
	text-transform: uppercase;
}


.titre-a {
	margin-bottom: 0px;
	text-transform: uppercase;
	color: white;
	font-size: 30px;
	margin-top: -30px;
	filter : drop-shadow(0px 0px 4px black);
}

.ban {
	width : 100%;
	margin-left : -10px;
	margin-right : -10px;
	padding-top : 125px;
	padding-left : 25px;
	padding-bottom : 125px;
}

.infos_manga {
	background: white;
	text-align: left;
	width: 1150px;
	padding : 20px;
	margin-right: auto;
}

.infos_manga h4 {
	font-size: 30px;
	color : #34495e;
	font-weight : bold;
	margin-bottom : 20px;
}

.infos_manga th {
	width: 200px;
}


.couverture {
	float: right;
	margin-top: -100px;
	margin-left: 35px;
	height: 700px;
	border: 1px;
	border-radius : 10px;
	filter : drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.extrait h4 {
	text-align: left;
	padding : 20px;
	font-size: 25px;
	color : #34495e;
	font-weight : bold;
}

.extrait img {
	height : 500px;
}

.extrait table {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.div_perso {
	background: white;
	text-align: left;
	width: 1150px;
	padding : 20px;
}

.div_perso h4 {
	font-size: 25px;
	color : #34495e;
	font-weight : bold;
	margin-bottom : 10px;
}

.div_perso table {
	margin-left: 15px;
	margin-right: auto;
	text-align: center;
}


.perso_img {
	height:150px;
	border: 1px;
	border-radius: 7px;
}

.div_grille {
	background: white;
	text-align: left;
	width: 1150px;
	padding : 20px;
}

.div_grille h4 {
	font-size: 25px;
	color : #34495e;
	font-weight : bold;
	margin-bottom : 10px;
}

.div_grille table {
	margin-left: 15px;
	margin-right: auto;
}

.grille_couv {
	height: 190px;
	border : 1px;
	border-radius: 7px;
}

.trailer iframe {
	border : 1px;
	border-radius: 7px;
	width : 760px;
	height : 415px;
}

/*-------*/

#b_Rad {
	background: url('../img/banniere/Radiant.jpg');
	background-position : 0px -250px;
	background-size : 100%;
}

#b_Rad .titre {
	background-color: #2596be;
}

/*-------*/

#b_Dream {
	background: url('../img/banniere/Dreamland.jpg');
	background-position : 0px -150px;
	background-size : 100%;
}

#b_Dream .titre {
	background-color: #8b6e8b;
}

/*-------*/

#b_Hor {
	background: url('../img/banniere/Horion.png');
	background-position : 0px -130px;
	background-size : 120%;
}

#b_Hor .titre {
	background-color: #223f41;
}

/*-------*/

#b_Tal{
	background: url('../img/banniere/Talli.jpeg');
	background-position : 0px -90px;
	background-size : 100%;
}

#b_Tal .titre {
	width: 550px;
	background-color: #082537;
}

/*-------*/

#b_Rip{
	background: url('../img/banniere/Ripper.jpg');
	background-position : 0px -250px;
	background-size : 100%;
}

#b_Rip .titre {
	background-color: #34a360;
}

/*-------*/

#b_Spa{
	background: url('../img/banniere/SpacePunch.jpg');
	background-position : 0px -250px;
	background-size : 100%;
}

#b_Spa .titre {
	width: 400px;
	background-color: #c53032;
}

/*-------*/

#b_Swe{
	background: url('../img/banniere/Sweet.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#b_Swe .titre {
	width: 500px;
	background-color: #588681;
}

/*-------*/

#b_Eve{
	background: url('../img/banniere/Everdark.jpg');
	background-position : 0px 0px;
	background-size : 100%;
}

#b_Eve .titre {
	background-color: #005f71;
}

/*-------*/

#b_Muk{
	background: url('../img/banniere/Mukai.jpg');
	background-position : 0px -200px;
	background-size : 100%;
}

#b_Muk .titre {
	background-color: #dccd08;
}

/*-------*/

#b_Dro{
	background: url('../img/banniere/Droners.png');
	background-position : 0px -500px;
	background-size : 100%;
}

#b_Dro .titre {
	width: 600px;
	background-color: #3194c9;
}

/*-------*/

#b_Gre{
	background: url('../img/banniere/Green.png');
	background-position : 0px -100px;
	background-size : 100%;
}

#b_Gre .titre {
	width: 500px;
	background-color: #4c7c70;
}

/*-------*/

#b_Out{
	background: url('../img/banniere/Outlaw.png');
	background-position : 0px -100px;
	background-size : 100%;
}

#b_Out .titre {
	width: 500px;
	background-color: #e24b1a;
}

/*-------*/

#b_Dof{
	background: url('../img/banniere/Dofus.jpg');
	background-position : 0px -250px;
	background-size : 100%;
}

#b_Dof .titre {
	background-color: #143761;
}

/*-------*/

#b_Ogr{
	background: url('../img/banniere/Ogrest.jpg');
	background-position : 0px -100px;
	background-size : 100%;
}

#b_Ogr .titre {
	background-color: #c4cf84;
}

/*-------*/

#b_Las{
	background: url('../img/banniere/Lastman.jpg');
	background-position : 0px -100px;
	background-size : 100%;
}

#b_Las .titre {
	background-color: #d74046;
}

/*-------*/

#b_Cit{
	background: url('../img/banniere/City.jpg');
	background-position : 0px -1400px;
	background-size : 100%;
}

#b_Cit .titre {
	background-color: #c8a44c;
}

/*----------------Mentions légales-------------------------*/

.mentionL {
	background: white;
	text-align: left;
	padding : 20px;
}

.mentionL h3 {
	font-size: 30px;
	color : #34495e;
	font-weight : bold;
	margin-bottom : 20px;
}

#t_ml {
	width: 450px;
	margin-bottom: 0px;
}

#b_ml {
	padding-top : 75px;
	padding-left : 25px;
	padding-bottom : 75px;
}