body{
    line-height: 1.2;
    font-family: DIN;

}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/dinregular.eot');
    src: url('../fonts/dinregular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinregular.woff') format('woff'),
    url('../fonts/dinregular.ttf') format('truetype'),
    url('../fonts/dinregular.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN';
    src: url('../fonts/dinbold.eot');
    src: url('../fonts/dinbold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinbold.woff') format('woff'),
    url('../fonts/dinbold.ttf') format('truetype'),
    url('../fonts/dinbold.svg#dinbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*.white 	{color:#ffffff;}*/
/*.red 	{color:#3c5f5f;}*/
/*.pastRed 	{color:#b6b6b6;}*/
/*.blue 	{color:#278dcf;}*/
/*.yellow {color:#d4bf02;}*/

.captcha_show { padding: 20px 20px 20px 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 10px 0;
    text-align: center;
    font-size: 22px;
    background-color: #eee;
    font-weight: 700;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.remodal-overlay
{
    background: rgba(43, 46, 56, 0.9);
}

.white 	{color:#ffffff;}
.red 	{color:#406565;}
.pastRed 	{color:#b6b6b6;}
.blue 	{color:#406565;}
.yellow {color:#406565;}

.img-100 {
    width:100%;
}

.banniereSaison {width:100%; margin-bottom:35px;}
.logo {
    width:100%;
}
.logo-footer {
    width:70%;
}

.logo-sociaux {
    width:70px;
    padding-right:6px;
}
.left-border {
    border-left-width: 6px;
    border-left-style: solid;
}



h1{
    text-transform:uppercase;
    font-weight:bold;
    font-size:20px;
    padding:0 0 0 20px;
    margin: 0 0 20px 0;
    font-family: DIN;
}


h2{
    font-size:18px;
    margin-top: 10px;
    margin-bottom: 10px
}

h3{
    text-transform:uppercase;
    font-weight:bold;
    font-size:20px;
    /*padding:0 0 0 20px;*/
    margin: 0 0 20px 0;
    font-family: DIN;
    padding: 5px 20px;
}


hr {
    width:100%;
    height: 1px;
    margin-top: 30px;
    margin-botom: 30px;
    padding: 0;
    background: rgba(0,0,0,0.1);

    border: 0;
}

#map {
    width: 100%;
    height: 600px;
}

#map-contact {
    width: 100%;
    height: 596px;
}

.input-newsletter {
    float:left !important;
    width:70% !important;
    max-width: 300px;
    margin-right:10px !important;
}

.ok-newsletter {
    color:#278dcf;
    font-size:15px;
    padding-bottom: 3px;
}

a:link { text-decoration:none;color:#278dcf;}
a:visited { text-decoration:none;color:#278dcf;}
a:hover { text-decoration:none;color:#000000;}
a:active { text-decoration:none;color:#000000;}

a:link.black { text-decoration:none;color:#000000;}
a:visited.black { text-decoration:none;color:#000000;}
a:hover.black { text-decoration:none;color:#000000;}
a:active.black { text-decoration:none;color:#000000;}

a:link.footer { text-decoration:none;color:#ffffff;}
a:visited.footer { text-decoration:none;color:#ffffff;}
a:hover.footer { text-decoration:none;color: #b7b7b7;}
a:active.footer { text-decoration:none;color: #b7b7b7;}


a:link.reservation { text-decoration:none;color:#3c5f5f;}
a:visited.reservation { text-decoration:none;color:#3c5f5f;}
a:hover.reservation { text-decoration:none;color: #fff;}
a:active.reservation { text-decoration:none;color: #fff;}

.suggestion-title { font-size: 20px; font-weight:bold; min-height:50px;}
.suggestion-subtitle { font-style : italic; }
.suggestion-description {padding:15px 0 0 0; }
.suggestion-more-info {}

.nextEvents {
    padding:20px 15px 0 15px;
}

.pastEvent {
    color: #b6b6b6;
}

.clear {
    height : 30px;
}

.addthis_toolbox {
    padding:25px 0 20px 0;
}
/********************************************
  header
********************************************/

.nav {
    font-family: DIN;
    text-transform:uppercase;
    font-weight: bold;
}


@media(max-width:767px){ .nav { font-size:20px;  font-weight: normal; }}
@media(min-width:768px){ .nav { font-size:18px; }}
@media(min-width:992px){ .nav { font-size:16px; }}
@media(min-width:1200px){ .nav { font-size:20px; }}


.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #3c5f5f;
    border-color: #428bca;
    border-radius: 0px;
    color:white;
    cursor:default;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #3c5f5f;
    color: white;
    border-radius: 0px 0px 0 0;
}


#top-menu { padding:20px 0 10px 0;}
#top-menu-name { padding: 0 0 0 0; }
#top-sousmenu-name { font-size:20px; padding-bottom: 40px; }

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: -30px;
    margin-left: -30px;
}

.navbar-default
{
    border-width:1px 0 1px 0;
    border-style:solid;
    border-color:#dddddd;
}

.navbar-collapse{
    padding-top:20px;
}

/********************************************
  footer
  p{ text-align:justify; }
********************************************/

#copyright {
    margin-top:30px;
    text-align:center;
    color:#898989;

}

#footer {
    margin-top:50px;
    padding:50px;
    background-color: #000000;
    color:#ffffff;
}


/********************************************
  home
********************************************/
#quote{
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
}

#quote-name{
    text-align:right;
    margin-bottom:50px;
    padding-right:80px;
}

.twitter-timeline-rendered {
    height:982px !important;
    width:100% !important;
}

.more-news {
    text-align:right;
}

.news-slide {
    margin : 40px 0 70px 0;
}

.news-home {
    padding: 0 10px 0 0;
}



.news-home img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.swiper-container {
    height: 280px;
    width: 100%;
    margin:40px 0 60px 0 !important;
}
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
}

#element1 {
    padding-top:20px;
    font-size:30px;
    font-weight: 900;
}


#element2 { font-size:20px; }


#element3 { padding-top:30px; font-size:26px;  font-weight: 500; }

.know-more {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding: 0 0 0 20px;
    padding: 0;
    font-family: DIN;
    margin-top:40px;
}
@media (max-width: 767px)
{
    .know-more {
        font-size: 16px;
    }
    .col-news-mobile
    {
        padding-right: 15px!important;
    }
}


.know-more a{
    width:100%;
    padding:10px 20px 10px 20px;
    background-color: white;
    color:black;
    border-left:6px solid #3c5f5f;
}

.know-more a:hover{
    width:100%;
    padding:10px 20px 10px 20px;
    background-color: #3c5f5f;
    color:white;
}

.billeterie-menu {
    color:#3c5f5f !important;
    border-left: 7px solid #3c5f5f;
}
.billeterie-menu:hover {
    background-color:#3c5f5f;
    color:#fff !important;
    border-left: 7px solid #3c5f5f;
}
.billeterie-link {     display: -webkit-box; }
/********************************************
  G5
********************************************/
#left-col-g5 { padding-right:50px;  }
#right-col-g5 { padding-left:50px;  }

/********************************************
  spectacles
********************************************/
.thumb_spectacle {
    width:100%;
    padding-bottom:15px;
}

.thumb_spectaclePast {
    width:100%;
    padding-bottom:15px;
    opacity:0.5;
}

.illustration-detail {
    width:100%;
}


.gallery {
    padding : 10px 10px 0 0;
    display:inline-block;
}

.gallery-picture {
    height:100px;
}

.pdf {
    padding:10px 0 0 0;
}

#date-month {
    font-size:23px;
    font-weight:bold;
    vertical-align:top;
}

#date-arrow {
    font-size:23px;
    padding:0 10px 0 10px;
}

#date-year {
    font-size:12px;
    font-weight:bold;
    padding:0 0 0 10px;
    vertical-align:top;
}

.home-bloc-date {
    display:table;
    width:100%;
    text-align:right;
}
.index-bloc-date {  display:table; }
.view-bloc-date {
    display:table;
    width:100%;
    text-align:right;
}

#view-title {
    font-size:22px;
    text-transform:uppercase;
    padding: 0 10px 0 0;
    font-weight:bold;
}

#view-subtitle {
    font-style : italic;
    padding: 0 10px 0 0;
    font-size:14px;
}

#view-body{ padding:30px 7% 0 7%; }
#view-bio{ padding:5px 0 0 0; }
#view-prod { text-align:center;}
#view-horaire{ padding:5px 0 0 0; }
#view-venue {
    padding:0;
    margin: 0 !important;
}

.detail-reservation {
    margin:30px 0 20px 0;
    background-color:#fff;
    padding:14px;
    font-size:24px;
    color:#3c5f5f;
    font-weight:bold;
    text-align: center;
    text-transform: uppercase;
}


.detail-reservation:hover {
    background-color:#3c5f5f;
    padding:14px;
    font-size:24px;
    color:#fff;
    font-weight:bold;
    text-align: center;
}

.youtube {
    padding:30px 0 0 0;
}

/********************************************
  staff + technique + billeterie
********************************************/

.profil-picture  {
    padding:0 3px 6px 0;
    width:160px;
 }

.logo-dl {
    width:70px;
}

div ul#tarif li .prix{
    background-color:#000;
    color: #fff;
    display: block;
    padding: 5px;
    float: right;
    position: relative;
    top:-5px;
    left:0;
    text-shadow:none;
    border-radius: 4px;
}
div ul#tarif li .prix-billet{

    margin-right: 40%;
}

div ul#tarif{
    margin-top:10px;
    padding:0;
    list-style-type: none;
    width:100%;
    max-width: 700px;
}
div ul#tarif li{
    margin-top:1em;
}

.label-default  {
    background-color: #000 !important;
    padding: 5px !important;
    font-size:14px !important;
    font-weight:normal;
}

.sponsors_content {
    float:left;
    height:90px;
    padding:10px;
}
.sponsors_content img {   max-height: 60px; }

/*.sponsors_ville_ge { height:80% }*/
/*.sponsors_canton_geneve { height:100% }*/
/*.sponsors_batie { height:100% }*/
/*.sponsors_cinemas_grutli { height:100% }*/
/*.sponsors_festival_tous_ecrans { height:100% }*/
/*.sponsors_electron { height:50% }*/
/*.sponsors_fifdh { height:70% }*/
/*.sponsors_black_movie { height:70% }*/
/*.sponsors_musee_croix_rouge { height:50% }*/
/*.sponsors_francine_mancini { height:100% }*/
/*.sponsors_rameau_or { height:70% }*/
/*.sponsors_tpg { height:70% }*/
/*.sponsors_payot { height:80% }*/
/*.sponsors_courrier { height:50% }*/
/*.sponsors_unige { height:90% }*/
/*.sponsors_leprogramme { height:100% }*/
/*.sponsors_conservatoire { height:70% }*/
/*.sponsors_agenda { height:50% }*/
/*.sponsors_20_ans { height:90% }*/
/*.sponsors_fm { height:80% }*/
/*.sponsors_chequier_culture { height:70% }*/
/*.sponsors_g5 { height:70% }*/
/*.sponsors_fahrenheit { height:70% }*/


.plan-degrade{
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

    position: absolute;
    z-index:1;
}


.plan-illustration{
    position: relative;
    z-index:0;
}

.staff-info {
    float:left;
    height:100px;
    width:170px;
    margin-top: 30px;
}

.staff-info h2 { font-size : 14px;  margin-bottom: 0;}

.staff-function {
    text-transform: uppercase;
    font-weight: bold;
    width:160px;
}

.staff-name {
    width:160px;
    margin-bottom:0;
}

.info-staff {
    font-weight: bold;
    padding:15px 0 0 0;
}

.staff-more-text { margin:50px 0;padding: 0;}
/********************************************
  newsletter
********************************************/

.newsletter-bloc {
    float:left;
    height:350px;
    width:185px;

}

.newsletter-title {
    padding:0 15px 3px 0;
    width:100%;
}

.newsletter-illustration  {
    padding:0 15px 3px 0;
    width:100%;
}

.newsletter-detail { text-align:center;}
.back-newsletter { padding-top:30px;}


/********************************************
  newsletter
********************************************/

.amarrage-bloc {
    float:left;
    height:350px;
    width:185px;

}

.amarrage-title {
    padding:0 15px 3px 0;
    width:100%;
    font-weight: bold;
    font-size:14px;
}

.amarrage-illustration  {
    padding:0 15px 3px 0;
    width:100%;
}

.amarrage-detail { text-align:center;}
.back-namarrage { padding-top:30px;}
/********************************************
  news
********************************************/





/********************************************
  autre
********************************************/


.form-error {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.error-message {
    /*
    margin-top: 5px;
    font-weight: bold;
    */
    color: #b94a48;
    background-color: #fcf2f2;
    margin: 0 2px;
    padding: 5px 30px 5px 7px;
    border-left: 5px solid #dFb5b4;
}
.error label {
    color: #b94a48;
}

/**
 * alert error like bootstrap
 */
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}


/*
contact
*/

@media(max-width:767px){
    .social-contact {
        width: 100%;
        padding-bottom:10px;
    }

    #left-col-g5 { padding-right:0px;  }
    #right-col-g5 { margin-top:50px; padding-left:15px;  }
}




@media (min-width: 768px) and (max-width: 992px) {

    .swiper-container {
        height: 350px; }

    #left-col-g5 { padding-right:0px;  }
    #right-col-g5 { margin-top:50px; padding-left:15px;  }
}


/* Large desktop */
@media (min-width: 1200px) {
    #bloc-menu { margin:0; padding:0;}
}

/* small desktop */
@media (min-width: 993px) and (max-width: 1199px) {
    #bloc-menu { margin:0; padding:0;}
}


.social-contact {
    float:left;
}


/*
* Reservation
*/

#info-reservation {
    padding:10px 0 10px 0;
}

.page-reservation .form-control:required
{
    border-color: #d2a3a3!important;
}

.thanks {
    font-size:20px;
    font-weight: bold;
    margin-bottom:40px;
}


.thanks-message {
    font-size:18px;
}

.question-ask {
    padding:20px 0 0 0;
    font-size:20px;


}

.info-billetterie {
    padding:0 0 20px 0;
}

#g5-partners {  list-style: none; margin: 0; padding: 0;}

.broillet { text-align:Center; margin:50px 0 100px 0;}
.broillet h1 { font-size:20px;}
.broillet hr { margin-top:50px;}
.broillet img { width:40%; margin-bottom:40px; }
.broillet p { font-style: italic; text-align:center; padding:0 20%; font-size: 20px; }
.broillet span { font-style: normal; font-weight: bold; }