@import url('https://fonts.googleapis.com/css?family=Inconsolata');

#preprod_structure
    {
    
    }

#preprod_scenario
    {
        
    }

#preprod_paper
    {
    background-color: rgba(255, 255, 255, 0.5)!important;
    }

.svg_structure
    {
    padding: 10px 10px 5px 0px;
    }

.preprod_paper
    {
    width: 50%;
    height: auto;
    }

.div_flex
    {
    width: 100px;
    height: 100px;
    margin: 20px 20px 0px 20px;
    }

.medium .div_flex
    {
    width: 150px!important;
    height: 150px!important;
    }

.big .div_flex
    {
    width: 200px!important;
    height: 200px!important;
    }

#celtx
    {
    background-image: url(../image/preprod/Outils/celtx.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_1
    {
    background-color: black;
    }
.fond_1 .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_1 p, .fond_1 h2, .fond_1 .mdl-button
    {
    color: white!important;    
    }
#adobe_story
    {
    background-image: url(../image/preprod/Outils/adobestory.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_2
    {
    background-color: #262600;
    }
.fond_2 .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 0, 0.1)!important;
    }
.fond_2 p, .fond_2 h2, .fond_2 .mdl-button
    {
    color: yellow!important;    
    }
#writeduet
    {
    background-image: url(../image/preprod/Outils/writeduet.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_3
    {
    background-color: #D0E3F4;
    }
.fond_3 .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(0, 152, 212, 0.1)!important;
    }
.fond_3 p, .fond_3 h2, .fond_3 .mdl-button
    {
    color: #0098D4!important;    
    }
#final_draft
    {
    background-image: url(../image/preprod/Outils/finaldraft.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_4
    {
    background-color: #047F66;
    }
.fond_4 .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_4 p, .fond_4 h2, .fond_4 .mdl-button
    {
    color: white!important;    
    }
#fadein
    {
    background-image: url(../image/preprod/Outils/fadeinpro.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_fadein
    {
    background-color: #434343;
    }
.fond_fadein .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(178, 6, 16, 0.1)!important;
    }
.fond_fadein p, .fond_fadein h2, .fond_fadein .mdl-button
    {
    color: #FFFFFF!important;    
    }
#scrivener
    {
    background-image: url(../image/preprod/Outils/Scrivener.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_scrivener
    {
    background-color: #3D3D3D;
    }
.fond_scrivener .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(244, 244, 244, 0.1)!important;
    }
.fond_scrivener p, .fond_scrivener h2, .fond_scrivener .mdl-button
    {
    color: #F4F4F4!important;    
    }
#highland
    {
    background-image: url(../image/preprod/Outils/highland.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_highland
    {
    background-color: #E8E8E8;
    }
.fond_highland .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(14, 178, 223, 0.1)!important;
    }
.fond_highland p, .fond_highland h2, .fond_highland .mdl-button
    {
    color: #0EB2DF!important;    
    }
#storytouch
    {
    background-image: url(../image/preprod/Outils/storytouch.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_storytouch
    {
    background-color: #1D1D1D;
    }
.fond_storytouch .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(61, 214, 211, 0.1)!important;
    }
.fond_storytouch p, .fond_storytouch h2, .fond_storytouch .mdl-button
    {
    color: #3DD6D3!important;    
    }

.margin_bottom
    {
    margin-bottom: 65px;    
    }

.container
    {
    max-width: 99999px!important;
    width: 100%!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
    }

.element_scene
    {
    width: 100%;
    height: 800px;
    }

.element_scene p
    {
    text-align: right;
    width: 300px;
    font-weight: 400!important;
    padding: 25px!important;
    font-size: 150%;
    line-height: 1.2;
    }

#test1
    {
    background: url(../video/preprod/element_scene/titre_de_scene.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    }

#test2
    {
    background: url(../video/preprod/element_scene/action.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    }

#test3
    {
    background: url(../video/preprod/element_scene/personnage.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    }

#test6, #test4
    {
    background: url(../video/preprod/element_scene/dialogue.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    }

#test5
    {
    background: url(../video/preprod/element_scene/entre_parenthese.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    }

#test7
    {
    background: url(../video/preprod/element_scene/transition.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    }

#test8
    {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    }

#code_storyboard
    {
    width: 100%;    
    }

.storyboard_img
    {
    height: 200px;
    }
.storyboard_div
    {
    width: 100%;
    display: flex;
    justify-content: center;
    }

.storyboard_img_grand
    {
    height: 400px!important;    
    }

#storyboardpro
    {
    background-image: url(../image/preprod/Storyboard/storyboardpro.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_storyboardpro
    {
    background-color: #678E42;
    }
.fond_storyboardpro .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_storyboardpro p, .fond_storyboardpro h2, .fond_storyboardpro .mdl-button
    {
    color: white!important;    
    }
#storyboardfountain
    {
    background-image: url(../image/preprod/Storyboard/storyboardfountain.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_storyboardfountain
    {
    background-color: #32343B;
    }
.fond_storyboardfountain .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(242, 242, 243, 0.1)!important;
    }
.fond_storyboardfountain p, .fond_storyboardfountain h2, .fond_storyboardfountain .mdl-button
    {
    color: #F2F2F3!important;    
    }

#storyboardgenerator
    {
    background-image: url(../image/preprod/Storyboard/storyboardgenerator.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_storyboardgenerator
    {
    background-color: #8DAD02;
    }
.fond_storyboardgenerator .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 255, 255, 0.1)!important;
    }
.fond_storyboardgenerator p, .fond_storyboardgenerator h2, .fond_storyboardgenerator .mdl-button
    {
    color: #FFFFFF!important;    
    }

#storyboardartist
    {
    background-image: url(../image/preprod/Storyboard/storyboardartist.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_storyboardartist
    {
    background-color: #1A1A1A;
    }
.fond_storyboardartist .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(250, 250, 250, 0.1)!important;
    }
.fond_storyboardartist p, .fond_storyboardartist h2, .fond_storyboardartist .mdl-button
    {
    color: #FAFAFA!important;    
    }
    

#conception_storyboard p
    {
    font-size: 130%;
    font-weight: 100!important;
    padding-left: 75px!important;
    padding-right: 75px!important;
    }

.lien_externe_1 i
    {
    vertical-align: sub;    
    }

#plateforme_casting flex div
    {  
    }

#zerocasting
    {
    background-image: url(../image/preprod/Casting/01casting.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }

.fond_zerocasting
    {
    background-color: #ffffff;
    }
.fond_zerocasting .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(219, 153, 42, 0.1)!important;
    }
.fond_zerocasting p, .fond_zerocasting h2, .fond_zerocasting .mdl-button
    {
    color: #DB992A!important;    
    }

#exponentiel
    {
    background-image: url(../image/preprod/Casting/exponentiel.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_exponentiel
    {
    background-color: #1A1A1A;
    }
.fond_exponentiel .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(250, 250, 250, 0.1)!important;
    }
.fond_exponentiel p, .fond_exponentiel h2, .fond_exponentiel .mdl-button
    {
    color: #FAFAFA!important;    
    }

#cineaste
    {
    background-image: url(../image/preprod/Casting/cineaste.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_cineaste
    {
    background-color: #ffffff;
    }
.fond_cineaste .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(0, 0, 0, 0.1)!important;
    }
.fond_cineaste p, .fond_cineaste h2, .fond_cineaste .mdl-button
    {
    color: #000000!important;    
    }

#allcasting
    {
    background-image: url(../image/preprod/Casting/allcasting.JPG);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_allcasting
    {
    background-color: #FF0C60;
    }
.fond_allcasting .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(254, 248, 253, 0.1)!important;
    }
.fond_allcasting p, .fond_allcasting h2, .fond_allcasting .mdl-button
    {
    color: #FEF8FD!important;    
    }

#castprod
    {
    background-image: url(../image/preprod/Casting/castprod.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_castprod
    {
    background-color: #696983;
    }
.fond_castprod .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(255, 102, 0, 0.1)!important;
    }
.fond_castprod p, .fond_castprod h2, .fond_castprod .mdl-button
    {
    color: #FF6600!important;    
    }

#scoopcasting
    {
    background-image: url(../image/preprod/Casting/scoopcasting.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_scoopcasting
    {
    background-color: #1A1A1A;
    }
.fond_scoopcasting .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(250, 250, 250, 0.1)!important;
    }
.fond_scoopcasting p, .fond_scoopcasting h2, .fond_scoopcasting .mdl-button
    {
    color: #FAFAFA!important;    
    }

#filmfrance
    {
    background-image: url(../image/preprod/reperage/film_france.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }

#cliclic
    {
    background-image: url(../image/preprod/reperage/cliclic.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }

#agence_reperage
    {
    background-image: url(../image/preprod/reperage/agence-reperage.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }

#paris_film
    {
    background-image: url(../image/preprod/reperage/paris_film.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }

.liste_texte li
    {
    padding-left: 50px;
    }

.youtube_margin
    {
    padding: 30px;
    }

.youtube_margin iframe
    {
    min-height: 720px;
    border-width: 1px!important;  
    }

#plateforme_reperage .flex
    {
    justify-content: center;    
    }

.image_facebook
    {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    }

.image_facebook img
    {
    margin: 20px;
    }

.vod img
    {
    width: 467px;
    height: auto;
    margin: 50px;
    }

.fond_degrade
    {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    opacity:.5;   
    }