#offload
    {
    background-image: url(../image/prod/media/derush/offload.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_offload
    {
    background-color: #343434;
    }
.fond_offload .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(34, 184, 234, 0.1)!important;
    }
.fond_offload p, .fond_offload h2, .fond_offload .mdl-button
    {
    color: #22B8EA!important;    
    }

#pluraleyes
    {
    background-image: url(../image/prod/media/derush/pluraeyes.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_pluraleyes
    {
    background-color: #2F2F2F;
    }
.fond_pluraleyes .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(56, 179, 221, 0.1)!important;
    }
.fond_pluraleyes p, .fond_pluraleyes h2, .fond_pluraleyes .mdl-button
    {
    color: #38B3DD!important;    
    }

#dreamsync
    {
    background-image: url(../image/prod/media/derush/dreamsync.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    }
.fond_dreamsync
    {
    background-color: #030303;
    }
.fond_dreamsync .mdl-card__actions.mdl-card--border
    {
    border-top: 1px solid rgba(40, 91, 191, 0.1)!important;
    }
.fond_dreamsync p, .fond_dreamsync h2, .fond_dreamsync .mdl-button
    {
    color: #285BBF!important;    
    }

.eclairage_image
    {
    width: 100%;
    height: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100%;
    }

.zoom
    {
	-webkit-transition: 3s ease-in-out;
	transition: 3s ease-in-out;
    }
.zoom:hover
    {
    background-size: 105%;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
    }

#dure
    {
    background-image: url(../image/prod/Tournage/eclairage/lumiere_dure.jpg);    
    }

#douce
    {
    background-image: url(../image/prod/Tournage/eclairage/lumiere_douce.jpg);    
    }

#frontal
    {
    background-image: url(../image/prod/Tournage/eclairage/eclairage_frontal.jpg);    
    }

#face
    {
    background-image: url(../image/prod/Tournage/eclairage/eclairage_de_face.jpg);    
    }

.equipement_case
    {
    padding: 15px;
    margin: 25px;
    border-width: 0px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    cursor: pointer;
    }

.equipement_case .equipement_img
    {
    width: 300px;
    height: 250px;
    position:relative;
    background: linear-gradient(rgba(124, 255, 255, 0.5), rgba(124, 255, 255, 0.8),  rgba(0, 128, 0, 0.5),  rgba(0, 128, 0, 0.8)); /* Standard syntax */
    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)); /* For Safari 5.1 to 6.0 */
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    }

.equipement_case .bonhomme
    {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-image: url(../image/prod/equipement/video/shutter_speed_bonhomme.svg);
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    }

.equipement_case .buisson
    {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    background-image: url(../image/prod/equipement/video/shutter_speed_buisson.svg);
    background-size: 40%;
    background-position: 50px 155px;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    }

.equipement_case .arbre
    {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    background-image: url(../image/prod/equipement/video/shutter_speed_arbres.svg);
    background-size: 50%;
    background-position: 80% 30%;
    background-repeat: no-repeat;
    transform: translateX(0);
    transition: 1s;
    }
.equipement_case .vide
    {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translateX(0);
    transition: 1s;
    }
.equipement_case #arbre_focus
    {
    z-index: 1;    
    }
.equipement_case #bonhomme_focus
    {
    z-index: 2;    
    }
.equipement_case #buisson_focus
    {
    z-index: 3;    
    }


.equipement_img:hover #iso_white
    {
    opacity: .2;
    transition: .2s;
    z-index: 6;
    }


.equipement_img:hover #iso_black
    {
    opacity: .2;
    transition: .2s;
    z-index: 6;
    }

.equipement_img:hover #p1
    {
    transform: translateX(2px);
    opacity: 0.9;
    transition: .2s;
    }

.equipement_img:hover #p2
    {
    transform: translateX(4px);
    opacity: 0.7;
    transition: .2s;
    }

.equipement_img:hover #p3
    {
    transform: translateX(8px);
    opacity: 0.5;
    transition: .2s;
    }

.equipement_img:hover #p4
    {
    transform: translateX(16px);
    opacity: 0.3;
    transition: .2s;
    }

.equipement_img:hover #p5
    {
    transform: translateX(32px);
    opacity: 0.1;
    transition: .2s;
    }

.equipement_img:hover #m1
    {
    transform: translateX(-2px);
    opacity: 0.9;
    transition: .2s;
    }

.equipement_img:hover #m2
    {
    transform: translateX(-4px);
    opacity: 0.7;
    transition: .2s;
    }

.equipement_img:hover #m3
    {
    transform: translateX(-8px);
    opacity: 0.5;
    transition: .2s;
    }

.equipement_img:hover #m4
    {
    transform: translateX(-16px);
    opacity: 0.3;
    transition: .2s;
    }

.equipement_img:hover #m5
    {
    transform: translateX(-32px);
    opacity: 0.1;
    transition: .2s;
    }

.equipement_case #fond
    {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    background-image: url(../image/prod/equipement/video/shutter_speed_fond.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    }

.blur_diaph
    {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: 1s;
    }

.equipement_img:hover .blur_diaph
    {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transition: .2s;
    }

.blur_focus
    {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: 1s;    
    }

#focus #buisson_focus:hover
    {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transition: .2s;   
    }

#focus #bonhomme_focus:hover
    {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transition: .2s;   
    }

#focus #arbre_focus:hover
    {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transition: .2s;   
    }

#buisson_focus
    {
    position: relative;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: 1s;
    width: 40%;
    left: 15%;
    top: 90px;  
    }

#bonhomme_focus
    {
    position: relative;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: 1s;
    width: 40%;
    left: -10%;
    top: 30px;  
    }

#arbre_focus
    {
    position: relative;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: 1s;
    width: 50%;
    left: 40%;
    top: -130px;
    }

#iso_white
    {
    background-color: white;
    opacity: 0;
    transition: 1s;
    z-index: 6;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    }

#iso #arbre_focus, #iso #bonhomme_focus, #iso #buisson_focus
    {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    }

#iso_black
    {
    background-color: black;
    opacity: 0;
    transition: 1s;
    z-index: 6;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    }

#iso #iso_white:hover
    {
    background-color: white;
    background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=4ea6ca00&noise=000000&density=100&opacity=20);
    opacity: .5;
    transition: 1s;
    z-index: 6;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    }

#iso #iso_black:hover
    {
    background-color: black;
    opacity: .5;
    transition: 1s;
    z-index: 6;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    }

#dure, #douce
    {
    border-width: 2px 0 2px 0;   
    }

.info_light
    {
    width:20%;
    padding 25px;
    }

.info_light p, .info_light span
    {
    color: white!important;      
    }

#type_lumiere .flex .tourn_border, #type_lumiere .flex .tourn_border_top, #lumiere_classique .tourn_border_total
    {
    border-width: 1px;    
    }

.lumiere_type
    {
    position: relative;    
    }

.lumiere_type blockquote
    {
    position: absolute;
    }

.lumiere_type blockquote span
    {
    color: white!important; 
    }

#mobile_animation
    {
    width: 1000px;
    margin: auto;
    }



#mobile_animation_
    {
    width: 500px;
    height: 400px;
    }
#mobile_animation_ iframe
    {
    width: 500px; 
    height: 400px;
    }
#mobile .title_sous_sous_section
    {
    font-size: 200%;
    font-style: italic;
    color: #313131;
    line-height: 75px;
    }

#mobile p, #camescope p
    {
    font-size: 150%;    
    }

.big
    {
    font-size: 200%;
    font-weight: 600;
    }

#led, #halogene, #fluocompacte, .micro_div
    {
    height: 500px;
    }

#mandarine, #fresnel, #led_cinema
    {
    height: 300px;    
    }

#led div, #halogene div, #fluocompacte div, #bobine div, #condensateur div, #electret div, #mandarine div, #fresnel div, #led_cinema div
    {
    margin-left: 50%;
    padding-top: 25px;
    padding-bottom: 25px;
    }


#led div p, #halogene div p, #fluocompacte div p, #bobine div p, #condensateur div p, #electret div p, #mandarine div p, #fresnel div p, #led_cinema div p
    {
    font-size: 150%;
    }



#led
    {
    background-image: url(../image/prod/equipement/lumiere/ampoule/ampule_led.png);
    background-size: contain;
    background-position: 18% 0%;
    background-repeat: no-repeat; 
    }

#halogene
    {
    background-image: url(../image/prod/equipement/lumiere/ampoule/ampule_halogene.png);
    background-size: contain;
    background-position: 15% 0%;
    background-repeat: no-repeat; 
    }

#fluocompacte
    {
    background-image: url(../image/prod/equipement/lumiere/ampoule/ampule_-fluocompacte.png);
    background-size: contain;
    background-position: 20% 0%;
    background-repeat: no-repeat; 
    }

#bobine
    {
    background-image: url(../image/prod/equipement/son/SM_58_6_cols.png);
    background-size: contain;
    background-position: 5% 0%;
    background-repeat: no-repeat;  
    }

#condensateur
    {
    background-image: url(../image/prod/equipement/son/Neumann_U_87_AI_U87_Condenser_Mic_Nickel_146359.png);
    background-size: contain;
    background-position: 5% 0%;
    background-repeat: no-repeat;  
    }

#electret
    {
    background-image: url(../image/prod/equipement/son/IS405339-01-01-BIG.png);
    background-size: contain;
    background-position: 5% 0%;
    background-repeat: no-repeat;  
    }

.direction
    {
    margin: 5px;
    padding: 5px;
    width: 20%;
    border: 2px dashed rgba(0, 0, 0, 0.25);
    }

.direction span
    {
    color: #434343;
    font-size: 200%;
    font-weight: 600;
    }

.direction img
    {
    padding-top: 15px;    
    }

#plan #tgp
    {
    background-image: url(../image/prod/Tournage/Video/plan/tgp.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #gp
    {
    background-image: url(../image/prod/Tournage/Video/plan/gp.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #pe
    {
    background-image: url(../image/prod/Tournage/Video/plan/plan_epaule.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #pp
    {
    background-image: url(../image/prod/Tournage/Video/plan/plan_poitrine.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #pt
    {
    background-image: url(../image/prod/Tournage/Video/plan/plan_taille.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #pa
    {
    background-image: url(../image/prod/Tournage/Video/plan/plan_americain.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #pl
    {
    background-image: url(../image/prod/Tournage/Video/plan/plan_large.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan #pde
    {
    background-image: url(../image/prod/Tournage/Video/plan/plan_ensemble.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
    }

#plan .element_scene p
    {
    color: white!important;
    }

#angle .angle_camera
    {
    width: 50%;
    }

#angle .angle_camera img, #champ video, #champ #regle_champ, #vitesse video, #mouvement video
    {
    border-width: 1px;    
    }

#champ video
    {
    margin-left: 25%;   
    }

#champ #text_video
    {
    margin-left: 25%;
    width: 50%;
    }

#champ #regle_champ
    {
    width: 100%;    
    }

#mouvement #gauche_trav
    {
    margin: 20px 10px 20px 20px;    
    }

#mouvement #droite_trav
    {
    margin: 20px 20px 20px 10px;    
    }

#mandarine
    {
    background-image: url(../image/prod/equipement/lumiere/cinema/mandarine.png);
    background-size: contain;
    background-position: 5% 0%;
    background-repeat: no-repeat;  
    }

#fresnel
    {
    background-image: url(../image/prod/equipement/lumiere/cinema/fresnel.png);
    background-size: contain;
    background-position: 5% 0%;
    background-repeat: no-repeat;  
    }

#led_cinema
    {
    background-image: url(../image/prod/equipement/lumiere/cinema/led.png);
    background-size: contain;
    background-position: 5% 0%;
    background-repeat: no-repeat;  
    }