/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 nov. 2016, 20:59:57
    Author     : Camille
*/
@font-face {
    font-family: 'Ostrich';
    src: url('../font/OstrichSans-Bold.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chopin';
    src: url('../font/ChopinScript.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
}
.rogner img{   max-height:100px !important;}
.carte{width:100%;}
.ville td{ padding:2px 10px; vertical-align: baseline;}
.ville{ margin: 0 auto; margin-top: 5vw;}
.ville tr td:nth-child(1){font-size:1.2em; font-weight:600;}
.vertical-middle{vertical-align: middle;}
.logos img{padding:4px 2px;}
.logos li:nth-child(2) img:nth-child(1){margin-left:23.1px;margin-right:23.1px;}
.logos li:nth-child(2) a:nth-child(2) img{margin-left:27.1px;}
.message{font-size:1.2em;}
.direction{margin-right:30%;}
.modal{margin: 0 auto;
}
.col-xs10-2{width:33.33%; display:block; float: left; position: relative; }
nav + .container-fluid{margin-top:50px}
.margin28{margin-top:calc(5.5% - 20px); margin-bottom:5.5%;}
.paddingjust{padding:20px;}
.gris{background-color:#E0E0E0;}
#equipe .col-lg-2 p:first-of-type{font-weight: bold; margin-bottom: 0px; margin-top:5px;}
.thumbnail.active{background-color: #ddd !important; border: 1px solid #bbb; box-shadow: 0px 0px 4px 1px #D5D5D5;}
#equipe .col-lg-2 p:nth-of-type(2){font-size:80%; margin-top:0px;}
#equipe {background-color:#E0E0E0;}
.ostrich.chateau{font-size:3em;}
.img_chateau{opacity:0.3;}
.text-chateau{margin-top:6vw;  position:absolute; z-index:99;}
.text-chateau p{width:90%; margin:0 auto;}
.caption2 p {font-weight:normal !important;}
#camera{width:18vw;}
.vignetteS .thumbnail{ max-width:400px; margin:20px auto;}
.text-bold{font-weight:bold;}
.fond {
    background-image: url("../images/fond.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: middle;
}
.carousel-caption .text-prix{vertical-align: middle; color:black !important; font-size:1.4em; text-shadow: 1px 1px 4px white;}
#ModalVideo .modal-content{background-color:#222222 !important; }
#ModalVideo .modal-body{padding:5px !important;  }
#ModalVideo .modal-footer{padding:5px !important; border-top: 1px solid #222222;}
#ModalVideo .modal-header{padding:5px !important; border-bottom: 1px solid #222222;}
#ModalVideo .modal-header button{ color:white !important; opacity: 1; }

.les{margin-left:-10px !important; top:10px !important; position:relative;}
#vignette_tv span:not(.reserve):not(.ostrich){color:white !important;
    text-shadow: 0px 0px 1px grey !important;
}
#vignette_tv .ostrich{color:white !important;
    text-shadow: 0px 0px 0px grey !important;
    font-size:1.2em;
}
.entrepreneur{font-size:2em !important;}
.reserve{   text-shadow: 4px silver !important; font-weight: bold;}
.chateauFond{
    background-image: url("../images/chateau.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25.4166vw;

}
.text-small{font-size:0.8em; font-style: italic;}
.absolute{position:absolute;}
.rochester{font-family: 'Rochester', cursive;}
.chateau{ text-shadow: 1px 1px 4px white;  text-align: center; font-size:4em;}
.ceremonie{ text-shadow: 1px 1px 4px white;  text-align: center; font-size:1.4vw;  margin:0 auto;}
.ceremonie:first-of-type {margin-top:5vw !important; }
.chateau .smaller{font-size:0.8em;}
.spot .smaller{font-size:0.6em;}
.le{text-align:center; margin-left:-2.8em; margin-top:10px;}
.chateauNom{margin-top:-1.8em;}

.pull-left {
    margin-right: 20px;
}

.zoom {
    cursor: pointer;
}

.expo {
    border: 1px solid grey;
    padding: 2%;
}

.presentation2 {
    background-color: rgba(227, 230, 224, 1);
}

.presentation2 h5 {
    margin: 5px;
    margin-left: 15px;
}

.bleu {
    background-color: #64afe9;
}

.jaune {
    background-color: #ffa52d;
}

.violet {
    background-color: #b21a65;
}

.text-bleu {
    color: #64afe9;
}

.text-jaune {
    color: #ffa52d;
}

.text-violet {
    color: #b21a65;
}

.text-blanc {
    color: white;
}

.thumbnail p {
    margin: 0 0 0 0px;
}


.titre-actu {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: -3px;
    padding: 5px 0px;
    border-bottom: 2px solid #f5f5f5;
    z-index: 999999;
}

section img {
    max-width: 80%;
    height: auto;
    overflow: hidden;
    display: block;
    position: relative;
}

section {
    overflow: hidden;
}

.padding-h1 {
}

.padding-h1 div {
    margin: 1% 0;
}

.btn strong {
    font-size: 3em;
}

.mois strong {
    font-size: 90%;
    font-weight: 800;
    letter-spacing: 2px;
    overflow: hidden;
}

.mois strong span {
    font-size: 1.5em;
    font-weight: 800;
}

.ville strong {
    font-size: 1.4em;
    font-weight: 800;
}

.ville strong span {
    font-size: 1.7em;
    font-weight: 800;
}

.text-bleu-vif {
    color: #137BD4;
}

.lieu {
    margin-top: 0px;
    font-weight: 600;
    letter-spacing: 4px
}

.bottom span p {
    margin-top: 3.8%;
}

.decouvrir h2 {
    margin: 2px 0px;
}

.ville {
    margin-bottom: 0px;
}

.label {
    font-weight: 800;
    font-size: 0.75em;
}

.label strong {
    font-weight: 800;
    font-size: 0.95em;
}

.upper {
    font-variant: small-caps;
}

.jour {
    cursor: default;
}

.jour:hover {
    color: white;
}

/* CENTRER UN MENU BOOTSTRAP    */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    /* You'd have to adjust this whenever an item is added to the nav-bar */
    margin-right: 0%;
}

.navbar .navbar-collapse {
    text-align: center;
    font-weight: bold;
}

.caption p {
    font-size: 1em;
    font-weight: 600;
}



.caption a {
    color: white;
}

.table-responsive th {
    text-align: center;
}

.table-responsive {
    text-align: center;
}

.horaire span {
    font-size: 1.2em;
}

.black {
    background-color: #222222;
}

.date .btn {
    margin: 0px 1%;
}

.ostrich {
    font-family: Ostrich, sans-serif;
    font-size: 1.5em;

}

.cent {
    color: white;
    font-weight: normal;
    font-size: 2.2em;
    text-shadow: 0px 0px 2px black;
}

.mars {
    color: white;
    font-weight: normal;
    font-size: 1.5em;
    text-shadow: 0px 0px 2px black;
}

.policew {
    color: white;

    font-weight: bold;
    font-size: 0.9em;
    text-shadow: 0px 0px 2px black;
}

.spot {
    margin-left: -10px !important;


}

.dix {
    margin-left: -8px !important;
}

.policew {
    margin-left: -8px;
}

.chopin {
    font-family: Chopin, sans-serif;
    font-size: 1.5em;
    margin-left: -16px;

}

.margin0 {
    padding: 0px !important;
    margin: 0px !important;
}

.logohome {
    margin-top: -12px;
}

.marginmoins span {

    line-height: 0.9em;
}

.carousel-caption {

    padding-bottom: 0px;
}

.marginmoins span.cent {

    line-height: 1em !important;
    margin-bottom: -0.7em;
    display: block;
    margin-left: -16px;
}

.marginmoins span.chopin {

    line-height: 0.3em;
}

.margin10 {
    margin-top: 10px;
}

.presentation h2, .presentation h3 {
    color: black;
    text-shadow: 0px 0px 2px white;

}


@media (min-width: 992px) {
   
    
    .text-spac {
        letter-spacing: 4px;
        font-size: 2.6em;

    }

    .decouvrir {
        letter-spacing: 4px;
    }

    .presentation {
        background-color: rgba(227, 230, 224, 1);

        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
    }

    #vignette_homme {
        background-color: rgba(227, 230, 224, 1);
        background-image: url("../images/homme.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
    }

    #vignette_mag {
        background-color: rgba(227, 230, 224, 1);
        background-image: url("../images/fond_magazine.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
        
    }

    #vignette_tv {
        background-color: rgba(227, 230, 224, 1);
        background-image: url("../images/fond_club.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
    }

}

.mouse {
    cursor: pointer;
}

.mouse:hover {
    box-shadow: 0px 0px 4px 1px #D5D5D5;
}

.carousel-indicators {
    bottom: 0px;
    position: relative;
    margin-top: 10px;
}

@media (max-width: 1024px) {
     .ville{ margin: 0 auto; margin-top: 8vw;}
    
}
@media (max-width: 991px) {
    .text-spac {
        letter-spacing: 1px;
        font-size: 25px;

    }

    .logo {
        text-align: center;
    }

    .decouvrir {
        letter-spacing: 1px;
    }

    #vignette_mag {
        background-color: rgba(227, 230, 224, 1);
        background-image: url("../images/fond_magazine.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
        font-size: 85%;
    }

    #vignette_homme {
        background-color: rgba(227, 230, 224, 1);
        background-image: url("../images/homme.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
    }

    #vignette_tv {
        background-color: rgba(227, 230, 224, 1);
        background-image: url("../images/fond_club.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
    }

}

@media (max-width: 900px) {

    #camera {
        width: 180px
    }
}

@media (max-width: 767px) {
    #vignette_homme, #vignette_mag, #vignette_tv {
        height: 350px;
    }
    #vignette_mag{    font-size: 70%;}
    .chateau, .ostrich.chateau{font-size:220%;}
    .carousel-caption {

        padding-bottom: 0px;
    }

    .logohome {
        width: 35%;
    }

    #myCarousel h2 {
        font-size: 150%;
    }

    .logohome {
        width: 30%;
    }

    #magazine {
        width: 22%;
        margin: 0 auto;
    }

    #camera {
        width: 26%;
        margin: 0 auto;
    }
}

@media (max-width: 550px) {
    #magazine {
        width: 34%;
    }

    #camera {
        width: 44%;
    }
}

@media (max-width: 400px) {

    #equipe .col-lg-2 img{width:70%;}


    .logohome {
        width: 45%;
    }

    #magazine {
        width: 50%;
    }

    #camera {
        width: 50%;
    }

    #myCarousel h2 {
        font-size: 150%;
    }

    .ceremonie{   text-align: center; font-size:3.5vw;  margin:0 auto;}
    .ceremonie:first-of-type {margin-top:5.5vw !important; }
    .chateauFond{

        height: 46.0123vw;}
}