body{
    text-align: center;


}
.carousel {

    position: relative;

}
#navbarHeader {
         background: url('../img/Horizon-espoirs-cde.jpg') no-repeat center center fixed;
         margin-top: -90px;
}
h1{
    color: white;
}

.p-class {
    text-align: left;
}
.container {
    width: 880px !important;
    max-width: 100%;
}

li {
    list-style: none;
}
html body.default.repeat.proportion.branding.mozilla.transparent-background.hide-headers.hide-footer.font-family-source-sans-pro.dark.form-ready div#typeform div.form ul.questions {
    background: rgba(215,255,235,0.8) !important;
}
.AppelAProjet {
    font-weight: 900 !important;
    padding-top: 30px !important;
    font-size: 1.5rem !important;

}
.navbar-toggler {
    display: none;
}
.typeformMobile {
    width: 100% !important;
}
.typeformMobileButton {
    display: none;
}
.bg-inverse-init {
    background-color: #1663c6 !important;
}/* #656161*/

#col-temperature > h2,
#col-temps > h2,
#col-vitesse > h2,
#col-direction > h2,
#col-pluviometrie > h2,
#col-luminosite > h2,
#col-humidite > h2 {
    color: #fff !important;
    height: auto;
    margin: 49px auto 0px !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.9em;
    text-decoration: none;
    vertical-align: middle;
    width:90%;
}
#col-temperature > h2 > a:hover,
#col-temps > h2 > a:hover,
#col-vitesse > h2 > a:hover,
#col-direction > h2 > a:hover,
#col-pluviometrie > h2 > a:hover,
#col-luminosite > h2 > a:hover,
#col-humidite > h2 > a:hover {
   color: #e6e6e6 !important;
    height: 65px;
    margin: 30px auto -44px !important;
    text-transform: uppercase !important;
    font-weight: 900;
    font-size: 1em;
    text-decoration: none !important;
    overflow-wrap: normal;

}



#col-temperature,
#col-temps,
#col-vitesse,
#col-direction,
#col-pluviometrie,
#col-luminosite, 
#col-humidite  {
 
padding-right: 55px;
padding-left: 55px;
}

#typeform {
margin-right: 15% !important;  
}

.navbar-toggler {
    cursor: pointer;
    margin: 11px 0 0px;
    padding: 0.2rem .2rem 0.2rem .2rem !important;  
}

    .navbar-brand{
    padding: 17px 0 2px !important;
   color: rgb(173, 157, 157) !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 17px;
 
}

/* Menu droit fixe */
/*
.list-top-right-stq {
    position: fixed;
    margin: 0px !important;
    padding: 0px !important;
    display: block;
    height: 100%;
}
.nav-top-stq {
    display: block;
    position: fixed;
    top: 26px;
    right: 30px;
    z-index: 90000;
    background: rgba(255,255,255,0.3);
    width: 84px;
    padding: 46px 6px;
    height: 554px;border-radius: 46px;
    border: 1px solid #0043CB !important;
}

.carre-top-right-stq {
    display: block !important;
    height: 59px;
    width: 55px;
    background: none;
    transform: translate(0px, 0px);
}
.list-top-right-bstq {
    position: fixed;
    margin: 0px !important;
    padding: 0px !important;
    top: 118px;
}*/
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot');
  src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@media (min-width: 768px) and (max-width: 1400px) {
#col-temperature > h2, #col-temps > h2, #col-vitesse > h2, #col-direction > h2, #col-pluviometrie > h2, #col-luminosite > h2, #col-humidite > h2 {
     font-size: 1.1em !important;
}
}

@media (min-width: 350px) and (max-width: 942px) {
.typeformMobile, .AppelAProjet {
    /*width: 90% !important;*/
}

}

@media (min-width: 768px) {
  .carouseldeskstop {
    height: inherit;
    display: none;
}
}
@media (max-width: 855px) {
    .navbar-inverse .navbar-toggler-icon {
        background-image: url("../icones/Icones-menu-home.jpg") !important;
    }
     .hidden-mobile {display: none;}
    .d-block {
        width: 100%;
    }
    .display-mobile-logo {
        display: block;
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.6em !important;
        height: 1.6em !important;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .glyphicon {
        content: "";
        position: relative;
        top: 1px;
        display: block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        z-index: 900;
        }

    .glyphicon-circle-arrow-up::before {
    content: "\e133";
    display: block;
    transform: scale(2.6) !important;
            transform: scale(2.6) !important;
        -ms-transform: scale(2.6) !important;
        -moz-transform: scale(2.6) !important;
        -webkit-transform: scale(2.6) !important;
        -o-transform: scale(2.6) !important; 
    color: #0275d8;
}
    /*  */
    .container.d-flex.justify-content-between {
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform:  scale(0.9);       
    }
}
@media (max-width: 530px) {
    .hidden-mobile {display: none;}

    #myCarousel{display: block;}
    html body section.jumbotron.text-center div.container {

}
   /* html body section.jumbotron.text-center div.container {
    transform: scale(0.9) translate(-34px,20px);
    }*/
    .align-icone {
        width: 50%;
        margin: 0px auto;
    }
    .nav-top-stq {
    display: block;
    position: fixed;
    top: 26px;
    right: 55px;
    z-index: 90000; 
    }
}


@media (max-width: 613px) {
.py-4 {
    padding-right: 65px !important;
}
}




@media (min-width: 856px) {
    .navbar-inverse .navbar-toggler-icon {
        background-image: url("../img/Logos-multiple.jpg") !important;
    }
    .display-mobile-logo { display: none;

    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 2em !important;
        height: 2em !important;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .glyphicon {
        content: "";
        position: relative;
        top: 1px;
        display: block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #e31613;
        z-index: 900;
        }
    .glyphicon-circle-arrow-up::before {
        content: "\e133";
        display: block;
        transform: scale(3.2);
        -ms-transform: scale(3.2);
        -moz-transform: scale(3.2);
        -webkit-transform: scale(3.2);
        -o-transform: scale(3.2);
        color: #0275d8;
    }
}

footer {
    background-color:#ffbd00 !important;
    margin: 0px !important;
    padding: 20px 0 20px 0 !important;
}

.card {
    width: 33% !important;
}
.img-icone {
    width: 100% !important;
}

.card-text {
    font-weight: 900;
    font-size: 26px;
    padding-bottom: 17px;
}

/* bandeau image et titres */
.jumbotron {
    background: url('../img/Horizon-espoirs-cde.jpg') no-repeat center center fixed;
    background-size: cover;
    padding: 70px 2rem 70px !important;
    margin-bottom: 0 !important;
    border-radius:0px !important;
} 
.jumbotron.text-center {
    margin: 0 !important;
}
.jumbotron-heading {
    width: auto;
    margin: 5px auto;
    background-color: rgba(248,255,248,0.5);
    padding: 3px 0 10px;
    font-size: 1.7em;

}
.text-muted {
    color: #636c72 !important;
    margin: 12px auto;
    background-color: rgba(255,255,255,1);
    padding: 3px 0 3px;
}
.lead {
    width: 263px;
}

.icone-slider {
    display: block;
}
/* champ portfolio */
/*.album {
    width: 100% !important;
}*/

.span2 > h2 {
    height: 71px !important;
}

/* réglage carousel */

.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

/* faster sliding speed */
.carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    -ms-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}

/* keep full widget on smaller screens */
@media (max-width: 767px) { 
    body {
        padding-left: 0;
        padding-right: 0;
    }
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300');



body {
    font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
}

.block {
    background-color:rgba(0,0,0,0.2);
    height:370px;
    padding-left:12px;
    padding-right:12px;
}

.block-sm {
    height:180px;
}

.btn-flat {
    font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
    border-radius:0px;
    border-width:0;
    background-image:none;
    padding:16px;
    margin:0 auto;
    margin-top:15px;
    width:70%;
    font-size:20pt;
}

/* mini carousel */
.carousel-inner img {
    /*width:100%;
    height:100%;*/
}



.carousel-controls-mini {
    margin-left:42%;
}

.carousel-controls-mini > a {
    border:1px solid #eee;
    margin:1px;
    width:20px;
    display:block;
    float:left;
    text-align:center;
}

#carousel-bounding-box {
  margin:0 auto;
  width:300px;
}
/*.button-haut-page {
    background-color: #e31613;
    font-weight: 900;
}*/
.pull-right {
    float: right;
}

.carousel-control-prev-icon {
    width: 50px !important;
    height: 50px !important;
    display: block;
}
.carousel-control-next-icon {
    width: 50px !important;
    height: 50px !important;
    display: block;
}
.carousel-item, .carousel-inner {
    height: 100%;
    width: 50%;
    margin: 0px auto;
}
#myCarousel {
    font-size: 90%;
    max-height: 50%;
    background-color: #e2f8f6 !important;
    height: auto;
}
.card-text {
    color: #000;
    width: 100%;
    margin: auto;
    padding: 11px;
    font-weight: 900;
    font-size: 35px;
    text-shadow: #fff 1px 1px, #fff -1px 1px, #fff -1px -1px, #fff 1px -1px;
}
.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.65);
}
.container {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
}
.row-fluid {
    width: 100%;
    *zoom: 1;
    margin: 17px auto 15px;
    background-color: #a2bc00;
    padding: 0px 100px 0px !important;
    height: 46px;
}
.container-6-col {
/*margin-top: 37px; */
width: 100% !important;
}





/*couleurs blocs */
.col-temps {
    background-color: #f0b466;
}
.col-vitesse {
    background-color: #ff3413;
}
.col-dir {
    background-color: #b8e1ea;
}
.col-pluviometrie {
    background-color: #838383;
}
.col-luminosite {
    background-color:#bcbcbc ;
}
.col-humidite {
    background-color: #f2be98;
}


/*doute mobile*/
.carre-top-right-stq {
    transition: transform ease .20s;
    -ms-transition: transform ease .20s;
    -moz-transition: transform ease .20s;
    -webkit-transition: transform ease .20s;
    -o-transition: transform ease .20s;
}
.carre-top-right-stq:hover {
    transform: translate(-5px, 0px);
    -ms-transform: translate(-5px, 0px);
    -moz-transform: translate(-5px, 0px);
    -webkit-transform: translate(-5px, 0px);
    -o-transform: translate(-5px, 0px);
}
.list-top-right-bstq > li > a:hover {
    opacity: 0.9;
}
.list-top-right-bstq > li > a > img:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);   
    -moz-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -o-transform: translateX(-5px);
}
.list-top-right-bstq > li > a > img {
    /* opacity: 0.5; */
    transition: transform ease-in-out .50s;
    -ms-transition: transform ease-in-out .50s;
    -moz-transition: transform ease-in-out .50s;
    -webkit-transition: transform ease-in-out .50s;
    -o-transition: transform ease-in-out .50s;
}


/*bouton retour haut menu*/
.glyphicon-menu {
    content: "";
    position: relative;
    top: 30px;
    display: block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0275d8;
    z-index: 900;
}

footer > div > p.button-haut-page {
    display: block;
    margin-top: 12px !important;
    width: 100%;
}


@media (min-width: 120px) and (max-width: 599px) {

 .align-icone {
    width: 82%;
    margin: 0% 0 32px !important;
    display: block;
}
#col-temperature > h2, #col-temps > h2, #col-vitesse > h2, #col-direction > h2, #col-pluviometrie > h2, #col-luminosite > h2, #col-humidite > h2 {
    color: #0275d8 !important;
    height: 63px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.2em;
    text-decoration: none;
    vertical-align: middle;
    display: block;
    margin: 0% 0 0 !important;
    width: 100%;
}
.jumbotron {
    padding: 0rem 1rem !important;
    }

.navbar-toggler {
    display: none;
}
.btn-special {
    display: block;
}
.nav-top-stq {
display: block;
position: fixed;
top: 6px;
right: 0px;
z-index: 90000;
background: none;
border: none;
height: 790px;
width: 96px;
padding-top: 22px;
}
.typeformMobile {
    display: none;
}
.AppelAProjet  {
    /*width: 86% !important;*/
    font-size: 16px !important;
 }
.typeformMobileButton{
    padding: 14px 0px !important;
    /*width: 86% !important;*/
    display: block !important;
}
}