/* fonts */

@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:900');
@import url('https://fonts.googleapis.com/css?family=Kreon:400,700');

/* general */

*
    {
    font-family: 'Kreon', serif;    
    }

body
    {
    background-color: black;
    }
    
article, aside
    {
    display: block;
    background-color: white;
    border-radius: 10px;
    padding: 0 25px 10px 25px;
    }

nav
    {
    background-color: rgba(211, 24, 9, 0.95)!important;
    overflow: hidden;
    }

blockquote
    {
    border-color: rgba(211, 24, 9, 0.95)!important;
    }

h2
    {
    font-weight: 700!important;
    }

i :not(#close-box), article i, #i_out
    {
    font-size: 70%!important; 
    }

/* Elements visuels */

table td
    {
    padding: 5px 5px 5px 5px!important;    
    }

table p
    {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    }

.table_right
    {
    text-align: right;    
    }


.shadow_1
    {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    }

.conteneur_texte
    {
    padding: 10px 40px 40px 40px;    
    }

.colonne
    {
	-webkit-columns: 300px 2;
	-moz-columns: 300px 2;
	columns: 300px 2;
    -webkit-column-gap: 45px; /* Chrome, Safari, Opera */
    -moz-column-gap: 45px; /* Firefox */
    column-gap: 45px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-color: rgba(0, 0, 0, 0.5); /* Chrome, Safari, Opera */
    -moz-column-rule-color: rgba(0, 0, 0, 0.5); /* Firefox */
    column-rule-color: rgba(0, 0, 0, 0.5);
    column-rule-width: 1px;
    -webkit-column-rule-width: 1px;
    -moz-column-rule-width: 1px;
    }

.colonne p
    {
    padding-bottom: 25px;    
    }

/* header */

header
    {
    background-image: url(img/affiche/Body_Double.jpg);
    background-position: 0% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 400px 25px 25px 25px;
    color: white;
    }

header h1
    {
    font-family: 'Saira Extra Condensed', sans-serif!important;
    font-size: 800%;
    }

header blockquote
    {
    background-color: black;
    border-color: rgba(211, 24, 9, 0.95);
    font-size: 125%;  
    }

/* Article */

article h2
    {
    padding-top: 15px; 
    }

article h3
    {
    padding: 0 40px 0 40px;    
    }

/* Synopsis */

#synopsis p
    {
    margin: 0!important;
    text-indent: 40px;
    text-align: justify;
    hyphens: auto;
    }

/* Bande annonce */

/* https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */

.conteneur_yt
    {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin-bottom: 20px;
    }

#bande_annonce .conteneur_yt iframe
    {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    }

/* Recompense */

#recompense p
    {
    padding: 0 80px 0 80px;
    }

italic
    {
    font-style: italic;    
    }

/* aside */

aside
    {
    visibility: visible;
    font-size: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 275px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 5px 5px 20px!important;
    margin: 10px;
    height: 450px;
    cursor:move;
    }

aside #close_box
    {
    position: relative;
    float: right;
    transition: 0.1s;
    }

aside #close_box:hover
    {
    cursor:pointer;
    color: rgba(211, 24, 9, 0.95);
    transition: 0.1s;
    }

aside h2
    {
    padding: 1px!important;
    margin: 0px!important;
    font-size: 300%;    
    }

aside table tr
    {
    border-radius: 10px;    
    }

#box_aside
    {
    visibility: visible;    
    }

/* Footer */

footer nav
    {
    margin: 25px 0 25px 0!important;
    border-radius: 10px;
    }

#footer_box
    {
    background-color: white;
    margin-top: 25px;
    border-radius: 10px;
    padding: 25px;
    }

#footer_box h2
    {
    margin-top: 0px!important;    
    }

/* Nous contacter */

input:focus, textarea:focus
    {
    border-bottom: 1px solid rgba(211, 24, 9, 0.95)!important;
    box-shadow: 0 1px 0 0 rgba(211, 24, 9, 0.95)!important;    
    }