body,div,section,figure,img,ul,li,p,h1,h2,h3,iframe{
margin:0px;
padding:0px;
}
body{
background-color:#030303;
}
article{
width:900px;
background-color:#FFFFFF;
margin:0 auto 0 auto;
}
header{
width:900px;
padding-bottom:20px;
padding-top:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,800000+100 */
background: #a90329; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #8f0222 44%, #800000 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#800000 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #a90329 0%,#8f0222 44%,#800000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#800000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
header h1{
font-family:'Roboto',Arial, Helvetica, sans-serif;
color:#b97272;
font-size:3.5em;
text-align:center;
font-weight:bold;
}
header h2{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:2.5em;
text-align:center;
}

#bandeau{
border-bottom:#800000 5px solid;
border-top:#fff 5px solid;
height:300px;
margin-bottom:20px;

}
#bandeau a{
opacity:1;
}
#bandeau a:hover{
opacity: 0.2;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}


section{
margin:0 auto 20px auto;
width:728px;
border-bottom:#D5D5D5 5px dotted;
padding-bottom:25px;
}
section h1{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:2.1em;
color:#800000;
margin-bottom:5px;
}
section h2{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#1f7676;
margin-bottom:5px;
}

#casting p{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1.3em;
line-height:1.5em;
font-weight:bold;
margin-bottom:10px;
}
#casting figure {
-moz-box-shadow: 5px 5px 15px 0px #656565;
-webkit-box-shadow: 5px 5px 15px 0px #656565;
-o-box-shadow: 5px 5px 15px 0px #656565;
box-shadow: 5px 5px 15px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=20);
}
#casting figure figcaption{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
margin-bottom:10px;
}
/*--------------- SECTION RESUME -----------------------------------------*/
#resume p{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
margin-bottom:10px;
}
#resume p:last-child{
margin-bottom:0px;
}
#resume ul{
margin-left:20px;
}
#resume ul li{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
}
#resume figure{
margin: 10px 0 10px 0;
}
#resume figure figcaption{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:0.8em;
}
/*--------------- SECTION ba - BANDE ANNONCE  -----------------------------------------*/
#ba{
position:relative;
}
#ba img{
position:absolute;
left:530px;
top:45px;
opacity:1;
}
#ba img:hover{
opacity:0.6;
}
#ba figure{
margin:15px 0 15px;
}
#ba ul{
margin-left:20px;
}
#ba ul li{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
}
#ba .acheter{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
background-color:#8bb830;
padding:3px;
-moz-box-shadow: 2px 2px 20px 0px #656565;
-webkit-box-shadow: 2px 2px 20px 0px #656565;
-o-box-shadow: 2px 2px 20px 0px #656565;
box-shadow: 2px 2px 20px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=20);
border-radius:5px;
margin:15px 0 15px 0;
}
#ba .acheter a{
color:#2D2D2D;
text-decoration:none;
}
#ba .acheter a:hover{
color:#800000;
}
/*--------------- SECTION lire - LIRE -----------------------------------------*/
#lire p{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
margin-bottom:10px;
}
#lire p a{
color:#FF8040;
text-decoration:none;
}
#lire p a:hover{
color:#800000;
}
#lire p:last-child{
margin-bottom:0px;
}
#lire img{
float:left;
margin-right:10px;
margin-top:5px;
}
#lire .acheter{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
background-color:#8bb830;
padding:3px;
-moz-box-shadow: 2px 2px 20px 0px #656565;
-webkit-box-shadow: 2px 2px 20px 0px #656565;
-o-box-shadow: 2px 2px 20px 0px #656565;
box-shadow: 2px 2px 20px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=20);
border-radius:5px;
margin:15px 0 15px 0;
}
#lire .acheter a{
color:#2D2D2D;
}
#lire iframe{
margin-right:10px;
}
/*--------------- SECTION voirAussi   -----------------------------------------*/
.voirEgalement{
display:inline-block;
width:200px;
margin-right:40px;
}
.voirEgalement p{
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1em;
}
.voirEgalement p a{
text-decoration:none;
color:#424242;
}
.voirEgalement p a:hover{
color:#800000;
}
.voirEgalement img:hover{
opacity:0.7;