/*
Temporary hack to get icons to work in Plunker
ionic.css references fonts with querystring version (i.e. ?v=3.0.0-alpha.3)
NPM CDN fails to load: https://npmcdn.com/ionic-angular@2.0.0-beta.7/fonts/ionicons.woff2?v=3.0.0-alpha.3
So load fonts manually...
*/

@font-face {
    font-family: "inter";
    src: url("../font/INTERDIM.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "gotlt";
    src: url("../font/gotlt.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "myriad";
    src: url("../font/myriad.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.menutextSelect{ 
    font-family:gotlt;
    color: rgb(229,14,130) !important;
    font-size: 1.9vh;
    margin-right: 1.1em;
}

.menutextSelectV{ 
    font-family:gotlt;
    color: rgba(151,177,33,1.0) !important;
    font-size: 1.9vh;
    margin-right: 1.1em;
  }

  .menutextSelectO{ 
    font-family:gotlt;
    color: rgba(241,136,0,1.0) !important;
    font-size: 1.9vh;
    margin-right: 1.1em;
  }  

  .menutextSelectB{ 
    font-family:gotlt;
    color: rgba(112,196,195,1.0) !important;
    font-size: 1.9vh;
    margin-right: 1.1em;
  }  

.menutextNonSel{
    font-family:gotlt;
    color: #666 !important;
    font-size: 1.9vh;
    margin-right: 1.1em;

}


.menutextContact {
    font-family: gotlt;
    color: #666 !important;
    font-size: 1.6vh;
    margin-right: 1.2em;
}



.interR{ 
    font-family:inter;
    font-size: 2.0vh !important;
    margin-bottom: 2.0vh !important;
}

interV{ 
    font-family:inter;
    font-size: 2.2vh !important;

  }

  .interO{ 
    font-family:inter;
    color: rgba(241,136,0,1.0) !important;
    font-size: 2.2vh !important;
    margin-right: 1.1em;
  }  

  .interB{ 
    font-family:inter;
    color: rgba(112,196,195,1.0) !important;
    font-size: 2.2vh !important;
    margin-right: 1.1em;
  }  




.menutext{
    font-family:gotlt;
    color: #666 !important;
    /*opacity: 0.7;*/
    font-size: 1.9vh;
    margin-right: 1.2em;
}

.bg-dark {
    background-color: white !important;
}

.rowtext{
    margin-top: 1.7em;
    /*font-size: 1.0em;*/
}
.rowtext2{
    margin-top: 1.5em;
    /*font-size: 1.0em;*/
}

.rowtext3{
    margin-top: 1.5em;
    font-size: 0.9em;
}

.rowtext4{
    margin-top: 1.0em;
}


.navbar-brand>img {
    max-height: 100%;
    height: 15.0vh;
    width: auto;
    margin: 0 auto;
 
 
    /* probably not needed anymore, but doesn't hurt */
    -o-object-fit: contain;
    object-fit: contain; 
    margin-top: 10px;
 
 }



sorange{
color:rgba(241,136,0,1.0);

}

.bknoir{


    /*margin-top: 2.8em;*/
    color: black !important;
    padding: 1.4em;
    font-size: 3vh;

    }

.bkbleu{

    background: rgba(112,196,195,1.0);
    margin-top: 2.8em;
    color: white !important;
    padding: 1.4em;
    padding-left: 10.0em !important;
    padding-right: 10.0em !important;
    }
sbleu{
    color:rgba(112,196,195,1.0);
    }

    .sbleu{
        color:rgba(112,196,195,1.0);
        }   
svert{
    color:rgba(151,177,33,1.0);
}
srose{

    color:rgba(229,14,130,1.0);
  
}    

footer {
    position: fixed;
    height: 100px;
    bottom: -10px;
    width: 100%;
}

.col-md-5 {
    padding: 0;
}

.picto{
    height: 2.9vh;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    padding-right: 0px; 
    padding-left: 0px; 
}

.menufooter {
    font-family: gotlt;
    color: #666 !important;
    opacity: 0.7;
    font-size: 1.4vh;

}

.navbar-header{
    padding-left: 4%;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {

    width: 100%;
    /*margin-top: 10px;*/
}

.navbar-nav{
    margin-top: 10px;
}

.form-group {
    margin-bottom: 0.2rem;
    margin-right: 10px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .7rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 2px solid rgba(112,196,195,1.0);
    border-radius: .50rem;
    /* margin-right: 5px; */
    padding-right: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    background-color: #EEE !important;


}
label {
    display: inline-block;
    margin-bottom: .1rem;
}

.btn-primary {
    color: #fff;
    background-color: rgba(112,196,195,1.0);
    border-color: rgba(112,196,195,1.0);
}

.btn-primary:hover {

    background-color: #666;
    border-color: rgba(112,196,195,1.0);
}

.row {

    margin-right: 5px;
    margin-left: 5px;
}
.myh1{
    margin: 0 auto;
    font-size:1.8em;


}
.container-fluid {
    /* width: 100%; */
    padding-right: 0px;
    padding-left: 0px;
    /* margin-right: auto; */
    /* margin-left: auto; */
}

.imgdem{
    height: 6vh;
    margin-top: 1.5em;
}

.logoanim{
    height: 92.0vh;
}

h2{
    font-size:1.1em !important;
    font-family: gotlt !important;
    color:rgba(112,196,195,1.0);
    margin-bottom: 1.1em !important;
    margin-top: 1.3em !important;
    }

    .modal.fade .modal-dialog {
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        transform: scale(0.1);
        top: 300px;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .modal.fade.in .modal-dialog {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translate3d(0, -300px, 0);
        transform: translate3d(0, -300px, 0);
        opacity: 1;
    }



a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color :#666;
}

a:active {
    text-decoration: none;
}

.bon{
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.margetop{
    margin-top: 16.0vh;
}

.margeimg{
    margin-left: 4vw;
    width: 45vh;
}

.textpac{
    margin-left: 5.0vw;
}

.imghome{
    width: 60%;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .navbar-brand {
        padding: 0;
    }

    .navbar-brand img {
        margin-top: 5px;
        margin-left: 5px;
        height: 48px;
        max-height: none;
    }

    .rowtext {
        margin-top: 1em;

    }
    .bpxs {
        height: 100px;
    }

    .bg-dark {
        background-color: #FFF !important;
        border-bottom: 1px solid lightgray;
    }


    .navbar-dark .navbar-toggler {
        color: rgba(0,0,0,.5) !important;
        border-color: rgba(0,0,0,.3);
    }
    .navbar-dark .navbar-toggler-icon {
        background-image: url('../svg/burger.svg') !important;
        }

    .navbar-header{
        padding-left: 0%;
    }

    .margetop{
        margin-top: 12.0vh;
    }
    .margeimg{
        margin-left: 0;
        width: 100%;
    }
    .bkbleu{
        padding-left: 2.0em !important;
        padding-right: 2.0em !important;
    }
    .menutext{
        margin-right: 0;
    }

    .imghome{
        width:100%;
        height: auto;
        margin-top: 1.5em;
    }
    .logoanim{
        height: auto;
    }
    .textpac{
        margin-left: 0;
    }

}