#conteneur_cours_
    {
    margin-bottom: 50px;    
    }

#conteneur_cours_ h4
    {
    font-weight: 200;
    }

#conteneur_cours_ .groupe h4
    {
    font-weight: 300;
    }

#conteneur_cours_ .groupe
    {
    background-color: rgba(255, 255, 255, 0)!important;
    color: white!important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0),0 1px 5px 0 rgba(0, 0, 0, 0),0 3px 1px -2px rgba(0, 0, 0, 0)!important;
    padding-left: 0!important;
    padding-right: 0!important;
    border-bottom: 1px solid white;
    padding-bottom: 6px!important;
    margin-bottom: 24px!important;
    }

#conteneur_cours_ #navigation
    {
    display: none;    
    }

#conteneur_cours_ .cours, #conteneur_cours_ .cours_outil
    {
    margin-left: 25px;
    position: relative;
    margin-bottom: 28px!important;
    border-bottom-right-radius: 0px!important;
    }
@media only screen and (max-width: 600px)
    {
    #conteneur_cours_ .cours, #conteneur_cours_ .cours_video, #conteneur_cours_ .cours_outil
        {
        margin-left: 0px!important;
        }
    }

#conteneur_cours_ .cours_video
    {
    margin-left: 25px;
    position: relative;
    margin-bottom: 28px!important;
    border-bottom-right-radius: 0px!important;
    padding: 0!important;
    }

#conteneur_cours_ .cours_video video
    {
    margin-bottom: -4px!important;
    }

#conteneur_cours_ .cours_video h4
    {
    display: none;
    }

#conteneur_cours_ .cours_video
    {
    background-color: black;
    }

#conteneur_cours_ blockquote
    {
    border-left-width: 2px!important;
    }

#conteneur_cours_ .web_link i
    {
    vertical-align: top;    
    }

#conteneur_cours_ .web_link span
    {
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
    }

#conteneur_cours_ .web_link p
    {
    text-transform: capitalize;
    }

#le_web_et_la_vod span, #les_communautes_web span
    {
    
    }

#conteneur_cours_, .navigation_cours
    {
    counter-reset: my-badass-counter; 
    }

#conteneur_cours_ .groupe h4::before, .navigation_cours .nav_text_::before
    {
    content: counter(my-badass-counter) ". ";
	counter-increment: my-badass-counter;  
    }

#conteneur_cours_ .carousel-slider
    {
    cursor:w-resize;
    }

#conteneur_cours_ .carousel-item
    {
    margin-left: 0rem!important;
    margin-right: 0rem!important;
    padding-left: 0!important
    }
@media only screen and (max-width: 600px)
    {
    #conteneur_cours_ .carousel-item .card-panel
        {
        margin-top: 0!important
        }
    }
@media only screen and (min-width: 600px)
    {
    #conteneur_cours_ .carousel-item .card-panel
        {
        margin-top: 25px!important
        }
    }

@media (min-width: 1525px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:470px;
        }
    } 

@media (min-width: 795px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:490px;
        }
    }  

@media (max-width: 794px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:800px;
        }
    }  

@media (max-width: 720px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:720px;
        }
    }   

@media (max-width: 650px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:660px;
        }
    }  

@media (max-width: 550px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:630px;
        }
    } 

@media (max-width: 500px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:600px;
        }
    } 

@media (max-width: 450px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:550px;
        }
    } 

@media (max-width: 400px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:500px;
        }
    }  

@media (max-width: 340px)
    {
    #conteneur_cours_ .cours_outil iframe
        {
        height:440px;
        }
    }   

#conteneur_cours_ .carousel-slider .card-panel h2
    {
    font-size: 200%;
    }

#conteneur_cours_ .carousel-slider .card-panel p
    {
    font-size: 200%;
    }

#conteneur_cours_ .carousel-slider .carousel-fixed-item i
    {
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #diffusion-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/auditorium-audience-red-darkness-theatre-stage-1394394-pxhere.jpg);
    
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #promouvoir-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/Studio_Six_Productions_Portfolio_-_Flickr_-_The_Central_Intelligence_Agency.jpg);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #soutenir-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/auditorium-film-audience-theatre-stage-cinema-1388167-pxhere.jpg);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #circulation-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/film-1265695_1280.jpg);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #cnc-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/1024px_Soiree_d_ouverture_Festival_Film_Court_Brest_2016_18.jpg);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #rencontre-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/13928131740_2c11759e31_b.jpg);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #formation-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/16612832986_4f7df7fb30_b.jpg);
    }

#conteneur_cours_ #les_associations_et_les_cine_clubs #repertoire-bg
    {
    background-image: url(../../4_MEDIAS/images/preproduction/association_cineclub/Bogart_and_Bacall_The_Big_Sleep.jpg);
    }

#conteneur_cours_ #code_storyboard img
    {
    height: 400px;    
    }

#les_associations_et_les_cine_clubs .carousel.carousel-slider
    {
    height: 400px!important;  
    }

.video_help::after
    {
    font-family: "Material Icons";
    content: "touch_app";
    color: white;
    background-color: rgba(128, 128, 128, 0.25);
    padding: 0;
    font-size: 50px;
    border-radius: 2px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    }

.slide_help::after
    {
    font-family: "Material Icons";
    content: "unfold_more";
    color: white;
    background-color: rgba(128, 128, 128, 0.25);
    padding: 0;
    font-size: 50px;
    border-radius: 2px;
    position: absolute;
    bottom: -4px;
    left: 15px;
    transform: rotate(90deg)
    }

/* Collapsible format explorer */



.folder_style.collapsible .collapsible-body.clean
    {
    border: 0px;
    padding: 0px;
    }

.folder_style.collapsible .collapsible-body.clean .collapsible
    {
    margin: 0px;
    box-shadow: none;
    }

.folder_style.collapsible .collapsible-header, .folder_style .collapsible
    {
    border-color: #81C784 !important;
    border: 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    }

.surnom
    {
    color: #9e9e9e;
    font-style: italic;
    font-size: 80%;
    }

.bug_height h5
    {
    margin-bottom: -100px;
    position: absolute;
    padding: 25px;
    margin: auto;
    color: #212121;
    font-weight: 400!important;
    }

.carousel.bug_height .carousel-item {
width:100% !important;}

/* bouton external */

.bouton_cours_external
    {
    color: rgba(117, 117, 117, 0.5);
    }

.bouton_cours_external i
    {
    color: rgba(117, 117, 117, 0.5);
    vertical-align: -5px;
    font-size: 120%;
    }

/* réglage camera */

.parent_reglage_camera
    {
    
    }

.reglage_camera
    {
    cursor: crosshair;
    width: 100%;
    height: 300px;
    max-width: 720px;
    background: -webkit-linear-gradient(rgba(124, 255, 255, 0.5), rgba(124, 255, 255, 0.5), rgba(0, 128, 0, 0.8), rgba(0, 128, 0, 0.8));
    }

@media (min-width: 701px)
    {
    .reglage_camera
        {
        height: 400px;
        }
    .reglage_camera .img_1
        {
        transform: translateY(200px);
        }
    }

@media (min-width: 1400px)
    {
    .reglage_camera
        {
        height: 650px;    
        }

    .reglage_camera .img_1.offset_img
        {
        background-position: 49px 85%!important;
        }
    }

.reglage_camera .img_1
    {
    position: absolute;
    background-image: url(../../4_MEDIAS/images/production/equipements/reglage/shutter_speed_buisson.png);
    width: 100%;
    height: 100%;
    background-size: 40%;
    background-position: 49px 90%;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    z-index: 2;
    }

.reglage_camera .img_2
    {
    position: absolute;
    background-image: url(../../4_MEDIAS/images/production/equipements/reglage/shutter_speed_bonhomme.png);
    width: 100%;
    height: 100%;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    z-index: 1;
    }

.reglage_camera .img_3
    {position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    background-image: url(../../4_MEDIAS/images/production/equipements/reglage/shutter_speed_arbres.png);
    background-size: 50%;
    background-position: 75% 40%;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    }

.reglage_camera .black_bg
    {position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5;
    background-color: black;
    opacity: 0;
    background-size: 50%;
    background-position: 75% 40%;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    }

.reglage_camera .white_bg
    {position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5;
    background-color: white;
    opacity: 0;
    background-size: 50%;
    background-position: 75% 40%;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    }

.reglage_camera.expositionfaible:hover .black_bg
    {
    opacity: .5;
    transform: 1s;
    }

.reglage_camera.expositionforte:hover .white_bg
    {
    background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=4ea6ca00&noise=000000&density=100&opacity=20);
    background-size: 100% 100%;
    opacity: .5;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-1
    {
    transform: translateX(7px);
    opacity: 0.8;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-10
    {
    transform: translateX(-7px);
    opacity: 0.8;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-2
    {
    transform: translateX(15px);
    opacity: 0.6;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-8
    {
    transform: translateX(-15px);
    opacity: 0.6;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-3
    {
    transform: translateX(25px);
    opacity: 0.4;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-7
    {
    transform: translateX(-25px);
    opacity: 0.4;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-4
    {
    transform: translateX(40px);
    opacity: 0.2;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-6
    {
    transform: translateX(-40px);
    opacity: 0.2;
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .img_2.ss-6
    {
    filter: blur(15px 0)
    transition: 1s;
    }

.reglage_camera.vitesse_obturation:hover .white_bg
    {
    opacity: .5;
    transition: 1s;
    }

.reglage_camera.ouverture .img_1, .reglage_camera.ouverture .img_3
    {
    filter: blur(2.5px);
    transition: 1s;
    }

.reglage_camera.ouverture:hover .img_1, .reglage_camera.ouverture:hover .img_3
    {
    filter: blur(0);
    transition: 1s;
    }

.reglage_camera.ouverture:hover .black_bg
    {
    opacity: 0.25;
    transition: 1s;
    }

.reglage_camera.mise_au_point .img_1, .reglage_camera.mise_au_point .img_2, .reglage_camera.mise_au_point .img_3
    {
    filter: blur(2.5px);
    transition: 1s;
    }

.reglage_camera.mise_au_point .img_1:hover 
    {
    filter: blur(0);
    transition: .4s;
    }

.reglage_camera.mise_au_point .img_2:hover
    {
    filter: blur(0);
    transition: .4s;
    }

.reglage_camera.mise_au_point .img_3:hover
    {
    filter: blur(0);
    transition: .4s;
    }

.reglage_camera.saturation .img_1, .reglage_camera.saturation .img_2, .reglage_camera.saturation .img_3, .reglage_camera.saturation
    {
    filter: saturate(.5);
    transition: 1s;
    }

.reglage_camera.saturation:hover .img_1, .reglage_camera.saturation:hover .img_2, .reglage_camera.saturation:hover .img_3, .reglage_camera.saturation:hover
    {
    filter: saturate(1.5);
    transition: 1s;
    }

.reglage_camera.contrast .img_1, .reglage_camera.contrast .img_2, .reglage_camera.contrast .img_3, .reglage_camera.contrast
    {
    filter: contrast(.75);
    transition: 1s;
    }

.reglage_camera.contrast:hover .img_1, .reglage_camera.contrast:hover .img_2, .reglage_camera.contrast:hover .img_3, .reglage_camera.contrast:hover
    {
    filter: contrast(1.5);
    transition: 1s;
    }

.reglage_camera.white_balance .img_1, .reglage_camera.white_balance .img_2, .reglage_camera.white_balance .img_3, .reglage_camera.white_balance
    {
    filter: hue-rotate(-20deg);
    transition: 1s;
    }

.reglage_camera.white_balance:hover .img_1, .reglage_camera.white_balance:hover .img_2, .reglage_camera.white_balance:hover .img_3, .reglage_camera.white_balance:hover
    {
    filter: hue-rotate(20deg);
    transition: 1s;
    }