body.acc
{
	background-color: #130E0A;
	background-image: url("bg/bg1.png");
	font-family:Verdana, Geneva, sans-serif ;
	font-size:9px ;
	margin-top:0;
}
body.ser{
	Background-image :url(bg/bgserie.png) ;
	Background-attachment: fixed ;
}
body.fil{
	Background-image :url(bg/rideau2.png) ;
	Background-attachment: fixed ;
}
body.s-fbg{
	Background-image :url(bg/sfbg.png) ;
	Background-attachment: fixed ;
}
body.animbg{
	Background-image :url(bg/bgfilm2.png) ;
	Background-attachment: fixed ;
}
body.horbg{
	Background-image :url(bg/horbg.png) ;
	Background-attachment: fixed ;
}
body.catbg{
	Background-image :url(bg/catbg.png) ;
	Background-attachment: fixed ;
}
body.avbg{
	Background-image :url(bg/avbg.png) ;
	Background-attachment: fixed ;
}
body.actbg{
	Background-image :url(bg/actbg.png) ;
	Background-attachment: fixed ;
}
body.thbg{
	Background-image :url(bg/thbg.png) ;
	Background-attachment: fixed ;
}
body.drambg{
	Background-image :url(bg/drambg.png) ;
	Background-attachment: fixed ;
}
body.m1bg{
	Background-image :url(bg/m1bg.png) ;
	Background-attachment: fixed ;
}
body.m2bg{
	Background-image :url(bg/m2bg.png) ;
	Background-attachment: fixed ;
}
body.combg{
	Background-image :url(bg/combg.png) ;
	Background-attachment: fixed ;
}
body.fantbg{
	Background-image :url(bg/fantbg.png) ;
	Background-attachment: fixed ;
}

body
{
	background-color: #000000;
	font-family:Verdana, Geneva, sans-serif ;
	margin-top:0;
}
h1.acceuil{
	color: #ffff33 ;
	text-align:center;
	font-size: 30px ;
	background-color : #000000 ;
	background-image: url;
	margin-right : 23% ;
	margin-left : 23% ;
	margin-top : 0.1em ;
	margin-bottom : 0em ;
	padding : 0.5em ;
	border-width : 0.4em ;
	border-color : #ffff33 ;
	border-style : double ;
	opacity: 0.85;
}

h1.fi{
    color: #20f505 ;
	text-align:center;
	font-size: 70px ;
	background-color : #000000 ;
	margin-right : 30% ;
	margin-left : 30% ;
	margin-top : 0.1em ;
	margin-bottom : 0em ;
	padding : 0.5em ;
	border-width : 0.3em ;
	border-color : #39962d ;
	border-style : groove ;
}

h3.welcome{
	color: #210556 ;
	text-align:center;
	font-size: 17px ;
	margin-right : 20% ;
	margin-left : 20% ;
	margin-top : 0em ;
	margin-bottom : 1em ;
	padding : 0.5em ;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
    -moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	transition-property: opacity;
	transition-duration: 1s;
	transition-delay: 1.5s;
}
h3.welcome:hover, h3.welcome:focus {
	opacity: 0;
}
}
h3.f{
	color: #ffffff ;
	text-align:center;
	font-size: 15px ;
	background-color : #000000 ;
	margin-right : 38% ;
	margin-left : 38% ;
	margin-top : 0.1em ;
	margin-bottom : 0em ;
	padding : 0.5em ;
	border-width : 0.1em ;
	border-color : #ffffff ;
	border-style : solid ;
}
h2.series{
	color: black ;
	text-align:center;
	font-size: 25px ;
	margin-right : 12% ;
	margin-left : 12% ;
	margin-bottom : 1em ;
	padding : 0.5em ;
	background-color: yellow;
	font-family: avant garde;
	opacity:0.6;
}



h2.films2{
	color: #ffd700 ;
	text-align:center;
	font-size: 20px ;
	margin-top : 0.5em ;
	margin-bottom : 1em ;
	padding : 0.5em ;
}
h2.films{
	color: white ;
	text-align:center;
	font-size: 20px ;
	margin-top : 0.5em ;
	margin-bottom : 1em ;
	padding : 0.5em ;
}
p.serie{
	color: #ffffff ;
	text-align:center;
	font-size: 17px ;
	margin-top : 0.5em ;
	margin-bottom : 1em ;
	padding : 0.5em ;
	background-color: black;
	border-color : #ffff33 ;
	font-family: helvetica;
	margin: 20px;
	text-decoration: none;
	-webkit-transition-property: color,background-color;
	-webkit-transition-duration: 1s,1s;
    -moz-transition-property: color,background-color;
	-moz-transition-duration: 1s,1s;
	transition-property: color,background-color;
	transition-duration: 1s,1s;
	transition-delay:0.3s,0,3s;
	/*display: flex;
	flex-wrap: wrap;*/
}
p.serie:hover, p.serie:focus {
	color: black;
	background-color: white;
}

p.lesfilms{
	font-family: Cursive; 
	font-size: 21px;
	font-weight: 3px;
	text-align:center;
	margin-bottom : 1em ;
	padding : 0.5em ;
	color: #fffc00;
	background-color: black;
	border-color : #ffff33 ;
	opacity: 0.7;
	margin: 20px;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
    -moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	transition-property: opacity;
	transition-duration: 1s;
}
p.lesfilms:hover, p.lesfilms:focus {
	opacity: 1;
}

h1.serie1{
    color: #ffff33 ;
	text-align:center;
	font-size: 20px ;
	margin-right :12% ;
	margin-left : 12% ;
	margin-top : 0.1em ;
	margin-bottom : 0em ;
	padding : 0.5em ;
}
h1.h1manga{
    color: #15e0cf ;
	text-align:center;
	font-size: 20px ;
	margin-top : 0.1em ;
	margin-bottom : 0em ;
	padding : 0.5em ;
	background-image:url(bg/mangabg2.png);
	Background-attachment: fixed ;
}
img.disappear{
	opacity:0.1;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
    -moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	transition-property: opacity;
	transition-duration: 2s;
}
img.disappear:hover, img.disappear:focus {
	opacity: 1;
}
img.welc{
height: 100px;
	-webkit-transition-property: padding-right height;
	-webkit-transition-duration: 3s;
	-webkit-transition-timing-function: ease;
    -moz-transition-property: padding-right height;
	-moz-transition-duration: 3s;
	-moz-transition-timing-function: ease;
	transition-property: padding-right height;
	transition-duration: 3s;
	transition-timing-function: ease;}
img.welc:hover, img.welc:focus {
	padding-right:50%;
	height:10px;
  
}


div{display:table;}
#gauche;#droite;#main{
/*padding:1px 0;  pour la fusion des marges*/

}
#main{
display:table;
margin:20px;
}
#gauche  {
display:table-cell;
}
#droite{
display:table-cell;
}
img.opaquefilm{
	opacity: 0.9;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
    -moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	transition-property: opacity;
	transition-duration: 1s;
}
img.opaquefilm:hover, img.opaquefilm:focus {
	opacity: 1;
}
.opaquefilmbest{
	opacity: 0.9;
	border:none;
	-webkit-transition-property: opacity,border;

    -moz-transition-property: opacity,border;
	
	transition-property: opacity,border;

}
.opaquefilmbest:hover, .opaquefilmbest:focus {
	opacity: 1;
	border-style: ridge;
    border-width: 10px;
	border-color:#ffd700;
	
}
.pfilms{
	font-family: Cursive; 
	font-size: 21px;
	transition-property: color;
	text-align:center;
	opacity:0.8;
	color: #6f6f6a;
	background-color: black;
	margin-right:48%;
	margin-left:48%;
}
.afilms{
	color: white;
}
.afilms:hover,.afilms:focus{color:#fcff00;}
header {
	width: 100%;
	height: 248px; 
	background-image: url(img/header.png); 
	overflow: hidden;
	-webkit-transition-property: background-image;
	-webkit-transition-duration: 2s;
    -moz-transition-property: background-image;
	-moz-transition-duration: 2s;
	transition-property: background-image;
	transition-duration: 1s;
	transition-delay: 1.5s;
}
header:hover, header:focus {
	background-image: url(img/welcome.png);
}




.global {width:1250px !important; position:relative; z-index:1; margin:auto;} 
nav {width: 100%; height: 70px; background: #111010; border-bottom: 8px solid #253225;border-top: 8px solid #253225;}
nav ul {text-align: center;}
nav ul li {display: inline-block; font-family: Cursive; font-size: 20px; text-transform: uppercase; height: 70px; line-height: 70px;}
nav ul li a:hover {background: #210556;  padding: 0 30px; color:#1eff00; font-size: 23px;}
.current_page_item a {background: #02053a;color:; }
nav ul li a {color: #0ce9e1; padding: 0 30px; display: block;transition-property: background-color, color,font-size;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;}


 hr {
    border-radius:30px;
	background-image: url("img/style3.png");
	height: 35px;
	border-color: black;
}


body,div,fieldset,input,img,a,a:hover,select,li ,ul, p, h1, h2, h3, h4, h5, h6, iframea, object
{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	outline:none;
	list-style:none;
	vertical-align:bottom;
	white-space:normal;
	}

footer p {font-family: 'ProxLight'; font-size: 11px; color: #FFF; text-align: center; text-transform: uppercase; margin-bottom: 0px;}
footer p a {color: #1ca600;}

#containerEx4 {
	padding: 20px;
	margin: 50px 0;
	min-height: 100%;
}

#ex4 {
	margin: 0 auto;
}

#ex4 img {
	margin: 20px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}

#ex4 img:hover {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
img.opac{
	opacity:0.4;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
    -moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	transition-property: opacity;
	transition-duration: 1s;
	}
img.opac:hover{
opacity:1;
}
	
#f1_container {
  
  width: 400px;
  height: 173px;
  z-index: 1;
	display: inline-block;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
	opacity:0.8;
	
  transform-style: preserve-3d;
  transition: all 1.2s linear ;
}
#f1_container:hover #f1_card {
  transform: rotatex(180deg);
  opacity:1;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  
  
}
.face.back {

  transform: rotatex(180deg);
  
  width: 400px;
  height: 173px;
  
}