/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body { background: #e3e4e5; /*background-image:url(../images/bg-page.png); background-repeat:repeat-x;*/ font-family: 'Lato', sans-serif; padding-bottom: 40px; padding-top: 0px; color: #5a5a5a; font-size: 120%; min-height: 100%; }
.bg-site { background: #ffffff; padding-top: 30px; }
.no-margin { margin: 0 }
.no-padding { padding: 0 }
.container { width: auto; max-width: 970px; }
/*.container { padding-left: 0px; padding-right: 0px; }*/
.sidebar-nav { margin-top: 30px }
.navbar-default { background-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; }
.navbar { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #ffffff; color: #e53d16; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #e53d16; }
.logo { margin-top: 0; margin-right: 15px }
.lang-social { margin-right: 15px; margin-top: 10px }
.lang-social a, .lang-social-xs a { color: #666666 }
.lang-social a:hover, .lang-social a.active, .lang-social-xs a:hover, .lang-social-xs a.active { color: #e53d16 }
/* Carousel base class */
.carousel { margin-bottom: 90px }
.carousel-indicators { left: 0%; bottom: -36px; margin-left: 0%; text-align: left; }
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption { z-index: 10; background: #FFFFFF; opacity: 0.8; width: 205px; max-height: 205px; left: 470px; top: 20px; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px }*/
.carousel-caption { z-index: 10; background: #FFFFFF; opacity: 0.8; width: 300px; max-height: 205px; left: 370px; top: 20px; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px }
.carousel-caption h2, .carousel-caption p { text-align: left; color: #000000; text-shadow: none }
.carousel-caption h2 { font-size: 180% }
.carousel-caption p { font-size: 110% }
.carousel-indicators li { background-color: #e3e4e5; border-bottom-color: #e3e4e5; border-left-color: #e3e4e5; border-right-color: #e3e4e5; border-top-color: #e3e4e5; }
.carousel-indicators .active { background-color: #e53d16; border-bottom-color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; }
/* actu */
.actu-img { padding-right: 0px; overflow: hidden }
.actu-img img { max-width: 493px;  }
.actu-txt { color: #000000; /*background: #e3e4e6; min-height: 277px;*/ padding-top: 15px; /*width: 39.5%*/ width: 100%; }
.actu-txt-vign { color: #000000; /*background: #e3e4e6; min-height: 277px;*/ padding-top: 15px; /*width: 39.5%*/ }
.actu-txt .thumbnail, .actu-txt-vign .thumbnail { padding: 0px; border: 0px solid #ddd; background-color: #e3e4e6; }
.actu-txt a, .actu-txt-vign a { color: #e53d16 }
.actu-txt span { font-weight: bold; font-size: 100% }
.actu-txt h1 { font-size: 200%; margin-top: 10px; font-weight: lighter; text-transform:uppercase }
.actu-txt p.actu-auteur, .actu-txt p.actu-diffusion { font-size: 130%; line-height: 100% }
.actu-txt p.actu-diffusion { font-weight: bold }
.actu-txt p.actu-autre { line-height: 100%; }
.actualite-list { /*margin-top: 30px;*/ margin-bottom: 30px }
.actu-bloc { margin-bottom: 0px }
/*.actu-bloc .actu-bloc-texte { width: 150px; height: 150px; position: absolute; top: 0; left: 0; color: #000000 }*/
.actu-bloc .actu-bloc-texte { min-height: 185px; color: #000000; }
.actu-bloc-texte.text-film { margin-left: 15px; padding: 5px; width: 152px; height: 152px; top: 0; background: #e3e4e6; opacity: 1; }
.actu-bloc-texte.text-film:hover { cursor: pointer; opacity: 0; transition: ease-in-out all 0.4s; -webkit-transition: ease-in-out all 0.4s; -moz-transition: ease-in-out all 0.4s; }
.actu-bloc .actu-bloc-texte p.film { color: #000000; font-size: 120%; text-align: center; line-height: 140%; padding-top: 55px }
.actu-bloc-texte span { font-weight: bold; font-size: 100% }
.actu-bloc-texte h2 { font-size: 140%; margin-top: 2px; font-weight: lighter; text-transform:uppercase }
.actu-bloc-texte p.actu-auteur, .actu-bloc-texte p.actu-diffusion { margin-top: -7px; text-align: left; font-size: 100%; line-height: 100% }
.actu-bloc-texte p.actu-diffusion { font-weight: bold }
.actu-bloc .actu-voir { position: absolute; width: 150px; text-align: center; top: 60%; }
/* societe */
.societe-illustr { max-height: 450px; overflow: hidden; padding-right: 0px }
.societe-text { background: #e53d16; color: #ffffff; padding: 35px 25px 25px; min-height: 448px; font-size: 110%; width: 48% !important }
.trombi { margin-top: 30px; margin-bottom: 30px }
.trombi p { margin-top: 15px }
.trombi .trombi-bloc { min-height: 350px }
/* productions */
.carrousel-bottom { margin-bottom: 30px }
.titre-production h1 { font-size: 160%; color: #e53d16; text-transform: uppercase }
.titre-production .production-sstitre { font-size: 110%; color: #000000; margin-top: -5px }
.titre-production hr { margin-bottom : 0px }
.fiche-production h2 { font-size: 100%; color: #000000; text-transform: uppercase; font-weight: bold }
.fiche-production strong { color: #000000; }
.fiche-production { margin-bottom: 30px }
.fiche-production a { color: #e53d16 }
.prod-bloc { margin-bottom: 30px }
.prod-bloc img { width: 150px; height: 150px }
.prod-bloc .prod-bloc-texte { width: 150px; height: 150px; position: absolute; top: 0; left: 0; }
/*.prod-bloc .prod-bloc-texte p { color: #ffffff; font-size: 170%; text-align: center; line-height: 100% }*/
.prod-bloc-texte.titre-liste { margin-left: 15px; }
.prod-bloc-texte.titre-liste p { color: #ffffff; font-size: 170%; text-align: center; width: 150px; height: 150px; line-height: 150px; }
.prod-bloc-texte.titre-liste p span { width: 150px; padding: 5px; vertical-align: middle; display: inline-block; line-height: 1.2; text-transform: lowercase }
.prod-bloc-texte.titre-film { margin-left: 15px; padding: 0; width: 150px; height: 150px; top: 0; background: #e53d16; opacity: 0; }
.prod-bloc-texte.titre-film:hover { cursor: pointer; opacity: 1; transition: ease-in-out all 0.4s; -webkit-transition: ease-in-out all 0.4s; -moz-transition: ease-in-out all 0.4s; }
.prod-bloc .prod-bloc-texte p.film { color: #ffffff; font-size: 120%; text-align: center; width: 150px; height: 150px; line-height: 150px; }
.prod-bloc .prod-bloc-texte p.film span { width: 150px; padding: 5px; vertical-align: middle; display: inline-block; line-height: 1.2; }
/* contact */
.bg-map { background: #e5e5e5; padding-right: 0px; padding-left: 0px }
.bg-contact { background: #e5e5e5; padding-top: 10px; height: 470px; padding-bottom: 5px; margin-bottom: 15px }
.bg-contact address { margin-bottom: -15px; margin-left: 0; margin-right: 0; margin-top: -10px; }
#map_canvas { width: 100%; height: 470px; }
.bg-form { margin-bottom: 30px }
label { font-weight: normal }
.form-control:focus { border-color: #f05938; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247,75,35,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247,75,35,.6) }
.form-control { box-shadow: none; border-radius: 0px; background-color: #e5e5e5; border-color: #e5e5e5 }
.msgtxt { height: 175px !important }
.alert { border-radius: 0px; padding: 8px 10px; margin-top: 20px !important; }
.alert-ctc { display: none }
/* footer */
.bg-footer { padding-top: 30px; color: #000000; }
.fond-etoile { min-height: 330px; background: url(../images/bg-footer.png) no-repeat center center; }
.social-footerlist { margin-top: 15px }
.menu-footer a { color: #000000 }
.menu-footer a:hover { color: #e53d16 }
.btn-contact { background: #e53d16; border: none; border-radius: 0px; padding-top: 5px; padding-bottom: 8px; margin-top: 8px; color: #ffffff !important }
.btn-contact:hover, .btn-contact:focus, .btn-contact:active:focus { background: #f05938; }
/* mentions */
.bg-mentions { padding-top: 0px; color: #000000; }
.bg-mentions a { color: #e53d16 }
.bg-mentions h1 { font-size: 180%; color: #e53d16; text-transform: uppercase }

@media (min-width: 768px) {
.sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none; }
.sidebar-nav .navbar ul { float: none; }
.sidebar-nav .navbar ul:not { display: block; }
.sidebar-nav .navbar li { float: none; display: block; }
.sidebar-nav .navbar li a { padding-top: 1px; padding-bottom: 1px; font-size: 130%; color: #000000; text-transform: lowercase }
.nav > li { text-align: right; }
}

@media (min-width: 768px) AND (max-width: 991px) {
.carousel-caption { z-index: 10; background: #FFFFFF; opacity: 0.8; width: 205px; max-height: 205px; left: 66.5%; top: 20px; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px }
.societe-illustr { overflow: hidden; padding-right: 0px; padding-left: 0px }
.societe-text { color: #ffffff; padding: 35px 25px 25px; min-height: auto !important; font-size: 110%; width: 100% !important }
.bg-contact, #map_canvas { height: 450px }
.actu-img { overflow: hidden }
.actu-img .img-responsive { min-height: 280px !important; min-width: 410px !important }
.actu-bloc-texte.text-film { width: 200px; height: 200px; }
}

@media (min-width: 768px) AND (max-width: 768px) {
.societe-text { min-height: 250px }
}

@media screen and (max-width: 767px) {
.bg-site { padding-top: 15px; }
.navbar-toggle { margin-right: 0px }
.sidebar-nav { margin-top: 8px; border-top: solid 1px #ACACAC }
.navbar-brand { padding-top: 0px; padding-left: 0px; }
.sidebar-nav .navbar li a { padding-top: 5px; padding-bottom: 5px; font-size: 120%; color: #000000 }
.lang-social-xs { }
.container { width: 90%; }
.carousel .item { min-height: 100% !important }
.carousel-caption { z-index: 10; background: #FFFFFF; opacity: 0.8; width: 50%; max-height: auto !important; top: 10px; left: 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.carousel-caption h2 { font-size: 130%; margin-top: 10px; margin-bottom: 5px }
.carousel-caption p { font-size: 85%; line-height: 110% }
.carousel-indicators { bottom: -36px; width: 100%; text-align: center }
.societe-illustr { overflow: hidden; padding-right: 0px; padding-left: 0px }
.societe-text { color: #ffffff; padding: 35px 25px 25px; min-height: auto; font-size: 110%; width: 100% !important }
#map_canvas { height: 300px }
.bg-contact { height: auto !important }
.fond-etoile { min-height: auto; background-image: none }
.adresse-footer, .social-footer, .menu-footer { text-align: center !important }
.actu-img { overflow: hidden }
.actu-img .img-responsive { min-height: 180px !important; min-width: 100% !important }
.actu-txt, .actu-txt-vign { padding-top: 15px; width: 98%; margin-left: 2%; min-height: auto; padding-bottom:0px }
.actu-bloc-texte.text-film { width: 200px; height: 200px; }
}

@media (min-width: 414px) AND (max-width: 414px) {
/*.actu-txt, .actu-txt-vign { padding-top: 15px; width: 95.6%; margin-left: 4.4% }*/
}

@media screen and (max-width: 460px) {
.production-list .col-xs-6 { width: 75%; }
.prod-bloc { margin-left: 25% }
/*.actualite-list .col-xs-6 { width:80% }
.actu-bloc { margin-left: 20% }*/
.actu-bloc { margin-bottom: 0px; }
}

@media (min-width: 375px) AND (max-width: 375px) {
/*.actu-txt { padding-top: 15px; width: 95%; margin-left: 5% }*/
.production-list .col-xs-6 { width: 80% !important; }
.prod-bloc { margin-left: 20% }
/*.actualite-list .col-xs-6 { width: 86% !important; }
.actu-bloc { margin-left: 14% }*/
.actu-bloc { margin-bottom: 0px; }
}

@media (min-width: 360px) AND (max-width: 360px) {
/*.actu-txt { padding-top: 15px; width: 94.5%; margin-left: 5.5% }*/
.production-list .col-xs-6 { width: 80% !important; }
.prod-bloc { margin-left: 20% }
/*.actualite-list .col-xs-6 { width: 86% !important; }
.actu-bloc { margin-left: 14% }*/
.actu-bloc { margin-bottom: 0px; }
}

@media (min-width: 320px) AND (max-width: 320px) {
/*.actu-txt { padding-top: 15px; width: 94%; margin-left: 6% }*/
.production-list .col-xs-6 { width: 85% !important; }
.prod-bloc { margin-left: 15% }
/*.actualite-list .col-xs-6 { width: 93.5% !important; }
.actu-bloc { margin-left: 6.5% }*/
.actu-bloc { margin-bottom: 0px; }
}