@import url(https://fonts.googleapis.com/css?family=Raleway:400,300italic,200italic,300,500,600,600italic,700,800,800italic,700italic,500italic,400italic,200,100italic,100);
@import url(https://fonts.googleapis.com/css?family=Oswald:700);

html{
    background-color:#d7f3f8;
    background-image: url("../img/102584189.png");
    background-repeat: no-repeat;
    background-position: fixed;
    background-size: cover;
}

body{
    font-family: 'Raleway', sans-serif;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    background-color: transparent;
    line-height: normal;
}

section > div.container-fluid{
    background-color: #fff;
    min-height: 500px;
    padding-bottom:4px;
}

@media (max-width: 768px){
section > div.container-fluid {
    padding-bottom:20px;
}
}

@media (min-width: 1200px){
.container {
    width: 970px;
}
}

.carre-menu{
    border:0;
    margin-left:-10px;
    
}
#menu-petit{
    position:fixed; z-index: 11; margin-top:-100px; margin-left:-200px;
}

.mt1{
    margin-left:0px;
}

#menu-cache{
    position:fixed; z-index: 10; margin-left:auto;
}

/*         HEADER
============================*/

.navbar-default {
    background-color: #fff;
    border:none;
    border-radius: 0px;
    height: 138px;
}
nav.navbar{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1000px){
    .container-fluid{
    max-width: 1000px;
}
}


.pull-left{
    margin-top:38px;
}

.cadre{
    border:1px solid #dbdbdb;
    padding: 25px 25px 25px 25px;
    text-align:center;
    line-height: 30px;
    margin-top:10px;
    margin-left:60px;
    color: #c5c5c5!important;
    font-size: 12px;
    font-weight: 700;
}

.cadre:hover{
    border:1px solid #000;
    color: #000!important;
}
.document{
    float:left;
    width: 224px;
    text-align: center;
    margin: 0 0 45px 0;
}

.pos{
    margin-left:10px;
    padding: 25px 22px 25px 22px;
}

.text-head{
    font-size: 14px;
    color:#757575;
    font-weight: 500;
    font-style: italic;
    margin-left: 87px;
    width: 293px;
}

/* FIL INFO
==============================*/



.media:first-child {
    margin-top: 22px;
}
.info{
    height: 44px;
    max-width: 950px;
    border:1px solid #e61873;
    background-color: #cc045c;
    margin-left: auto;
    margin-right: auto;
}

.fil{
    margin-left:15px;
    padding:13px;
    max-width: 875px;
    background: repeating-linear-gradient(-45deg, #e61873, #e61873 5px, #e61873 5px, #e61873 10px);
    /*background: repeating-linear-gradient(-45deg, #cc045c, #cc045c 5px, #e61873 5px, #e61873 10px);*/
    color:#fff;
    font-weight: 700;
    font-size: 14px;
    list-style:none;
}

.fil > li > a > span {
    color:#fbeb00;
}

.fil > li > a > span:hover {
    text-decoration: underline;
}

.media-left > span{
    color:#fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 45px;
    margin-left:15px;
}

.media-left {
    padding-right: 0;
}

.newsticker {
      color : white;
        list-style-type: none;
        border: 1px dashed #fff;
        background: #050c44;
        padding: 3px;
        margin: 0;
}

/* CAROUSSEL
========================*/

.table-car{
    width:270px;
    border:0;
}

.col-md-8 > .carousel{
    margin-top:15px;
    margin-left:-6px;
    height: 403px;
    max-width: 633px;
}

@media (max-width:989px){
.col-md-8 > .carousel{
    margin-left:auto;
    margin-right:auto;
}
}

.background-carousel {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    background-image: url(../img/slider.png);
    z-index: 1;
}


.content-carousel {
    position: relative;
    z-index: 2;
}

@media (min-width:700px){
.col-md-8 > .carousel .carousel-indicators{
    position: absolute;
    bottom: 35px;
    right: 0;
    left: 10px;
    width: 100%;
    z-index: 15;
    margin: 0;
    padding: 0 170px 25px 0;
    text-align: right;
}
}

.col-md-8 > .carousel .carousel-indicators > li, .col-md-8 > .carousel .carousel-indicators > li.active{
    height: 15px;
    width: 15px;
}

.item{
    margin-top:10px;
}

@media (min-width:768px){
.super{
    position:absolute;top:60px; left:310px; width:100%
}
}

@media (max-width:414px){
.super{
    margin-left:25px;
    margin-top:100px;
}
}

@media (min-width:415px) and (max-width:767px){
.super{
    margin-left:150px;
    margin-top:100px;
}
}

.text-center > h4{
    color:#211d1d;
    font-size: 24px;
    font-weight: 700;
}

.text-center > p{
    color:#211d1d;
    font-size: 18px;
    font-weight: 300;
}

a.btn.white{
    color:#fff;
    border:1px solid #fff;
    border-radius: 0px;
    font-size:13px;
    font-weight: 300;
    background:transparent;
    padding:8px 35px;
    margin-top:20px;
}
a.btn.white:hover{
    background:rgba(255,255,255,0.25);
    border:1px solid #fff;
}

/* METEO
======================*/

.table-meteo{
    width: 140px;
    border: 0;
}

.panel{
    padding: -20px 0px -20px 0px;
    border-radius: 0;
    margin-right:9px;
    margin-top:15px;
    margin-bottom: 0px;
}

.panel > div > div > img{
    margin-left:-14px;
    margin-top:16px;
}

.panel > div > div > table{
    text-align: center;
    margin-left:-40px;
}

.meteo-text{
    font-size:14px;
    font-weight: 500;
    font-style: italic;
}

.meteo-text > span:nth-child(2) {
    color:#e61873;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
}

.meteo-text > span:nth-child(3) {
    font-family: 'Oswald', sans-serif;
    color:#e61873;
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
}

/* AGENDA
=======================*/
.col-sm-4 > div.row{
    margin-bottom:-25px;
}

.panel-default>.panel-heading {
    color:#fff;
    background-color: #000;
    border-color: #ddd;
    border-radius: 0;
}

.panel-heading{
    color:#fff;
    font-weight: 700;
    font-size: 18px;
}

.panel-heading > span{
    color:#b1cb06;
    font-weight: 700;
    font-size: 10px;
    margin-left:135px;
    vertical-align: middle;
}

.panel-heading > span > a{
    color:#b1cb06;
}

.list-group-item > span:nth-child(1){
    color:#cc045c;
    font-weight: 700;
    font-size: 12px;
}

.list-group-item > span > a{
    color:#000;
    font-weight: 700;
    font-size: 14px;
}

.list-group-item > span:nth-child(2){
    color:#000;
    font-weight: 500;
    font-size: 11px;
}

.list-group-item{
    line-height: 16px;
}

/* ZONE 6 PHOTO
============================*/

@media (min-width:1000px){
section.container{
    width: 1000px;
    margin-left:-14px;
}
}

.colFirst, .colSecond {
    margin-right: -15px;
    margin-left: -15px;
}

.triangle{
position:absolute;
margin-top:-90px;
margin-left:140px;
font-size: 0px; line-height: 0%; width: 0px;
border-bottom: 15px solid #f6f4ec;
border-left: 30px solid transparent; 
border-right: 30px solid transparent; 
}

.tabTitre{
    position:absolute;
    top:232px;
    left:15px;
    width:332px;
}

.tabList h2{
    background:#f6f4ec;
    height:80px;
    line-height:80px;
    font-size:24px;
    text-align:center;
    text-transform:uppercase;
    font-weight:500;
    border-bottom:6px solid
}

.tabList > img{
    border-top: 1px solid #f6f4ec;
}

.tabList:hover h2{
    background:#fff
}

.tabLien{
    position:absolute;
    top:0;
    left:15px;
    width:332px;
    height: 100%;
    display:none;
}

.tabLien ul{
    height:280px;
    display:table-cell;
    vertical-align:middle;
    list-style: url(../img/list_style.png);
}

.tabLien ul li{
    line-height: 25px;
    font-size:15px;
    color:#fff;
    font-weight: 600;
    text-transform:uppercase;
}

.tabLien ul li a{
    padding:0 0 0 15px;
    color:#fff
}

.tabList:hover .tabLien{
    display:block
}

/* Zone Orange */

.tabOrange h2{border-color:#e28a3a}

.tabOrange .tabTitre{color:#e28a3a;}

.tabOrange:hover h2{color:#fff; background-color:rgba(222,134,56,0.9);}

.tabOrange .tabLien{background-color:rgba(222,134,56,0.9); width: 332px;}

/* Zone Vert */

.tabVert h2{border-color:#adc60b}

.tabVert .tabTitre{color:#adc60b;}

.tabVert:hover h2{color:#fff; background-color:rgba(173,198,12,0.9);}

.tabVert .tabLien{background-color:rgba(173,198,12,0.9); width: 332px;}

/* Zone Rose */

.tabRose h2{border-color:#d12e8a}

.tabRose .tabTitre{color:#d12e8a;}

.tabRose:hover h2{color:#fff; background-color:rgba(209,46,138,0.9);}

.tabRose .tabLien{background-color:rgba(209,46,138,0.9); width: 332px;}

/* Zone Violet */

.tabViolet h2{border-color:#9b66bc}

.tabViolet .tabTitre{color:#9b66bc;}

.tabViolet:hover h2{color:#fff; background-color:rgba(155,102,188,0.9);}

.tabViolet .tabLien{background-color:rgba(155,102,188,0.9); width: 332px;}

/* Zone Jaune */

.tabJaune h2{ border-color:#fbc33a }

.tabJaune .tabTitre{color:#fbc33a;}

.tabJaune:hover h2{ color:#fff; background-color:rgba(251,195,58,0.9); }

.tabJaune .tabLien{ background-color:rgba(251,195,58,0.9); width: 332px; }

/* Zone Bleu */

.tabBleu h2{border-color:#2e99d7}

.tabBleu .tabTitre{color:#2e99d7;}

.tabBleu:hover h2{color:#fff; background-color:rgba(46,153,215,0.9);}

.tabBleu .tabLien{background-color:rgba(46,153,215,0.9); width: 332px;}

/* FOOTER
======================== */

.mt50{
    margin-top:13px;
}

.jumbotron{
    background-color: #fff;
    padding: 40px 0 20px 0;
}

.adress{
    font-size:14px;
    font-weight: 500;
    color:#303030;
    line-height: 18px;
}

.adress > span{
    font-weight: 700;
}

.foot{
    margin-left:35px;
}

/* Contact
=================================*/

.page-header{
    line-height: 0px;
}

.page-header > h1{
    color:#1d1d1b;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.page-header > small > a{
    color:#909090;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.bt12{
    margin-top:20px;
    margin-bottom:30px;
}

.form-control {
    padding-top:6px;
    font-size: 14px;
    border-radius: 0px;
    font-weight: 500;
    height: 25px;
}

.form-control::-webkit-input-placeholder { color: #4e4e4e; }
.form-control:-moz-placeholder { color: #4e4e4e; }
.form-control::-moz-placeholder { color: #4e4e4e; }
.form-control:-ms-input-placeholder { color: #4e4e4e; }

.adress-size{
    padding-bottom:55px;
    height: 80px;
}

.btn-default {
    color: #fff;
    background-color: #343434;
    border-color: #343434;
    font-size: 16px;
    font-weight: 700;
    border-radius:0px;
}

@media (min-width:768px){
.btn-default, .form-control {
    max-width: 90%;
}
}

.btn-default:hover {
    color: #fff;
    background-color: #b43b3b;
    border-color: #b43b3b;
}

.text-st{
    font-size: 14px;
    font-weight: 500;
    color:#1d1d1b;
}

.text-co{
    font-size: 14px;
    font-weight: 700;
    color:#262626;
}

.text-co > span{
    text-transform: uppercase;
}

/* MAP */
#map-container{
    height: 465px;
    margin-top:20px;
    max-width: 552px;
}

.carre{
    border:1px solid #dbdbdb;
    padding: 8px 8px 8px 8px;
    margin-top:22px;
}

.carre:hover{
    border:1px solid #000;
}

/* Page Agenda 
============================*/

.list-group-plain{
    margin-left:-10px;
}

.list-group-plain > li{
    border:0!important;
    line-height: 20px;
}

.list-group-plain > .list-group-item > span:nth-child(1){
    color:#cc045c;
    font-weight: 700;
    font-size: 14px;
    line-height: 0px;
}

.list-group-plain > .list-group-item > span:nth-child(2) {
    color:#000;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.list-group-plain > .list-group-item > span:nth-child(3){
    color:#000;
    font-weight: 500;
    font-size: 14px;
}

td > span{
    color:#000;
    font-weight: 500;
    font-size: 14px;
}

.tab-agenda{
    padding:0px 0px 0px 30px;
}

.list-group-plain > .list-group-item{
    margin-bottom:20px;
}

/* Page Galerie des photos 
==============================*/

.col-sm-12 > span{
    font-size: 18px;
    font-weight: 700;
    color:#1d1d1b;
    text-transform: uppercase;
    margin-left:20px;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 40%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: #000;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: #000;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 1;

    opacity: .75;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: url(../img/previous.png);
}
[dir='rtl'] .slick-prev:before
{
    content: url(../img/next.png);
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: url(../img/next.png);
}
[dir='rtl'] .slick-next:before
{
    content: url(../img/previous.png);
}

.slider {
        width: 100%;
        margin: 20px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }
.thumbnail {
    padding:0;
    border-radius: 0;
    border: 1px solid #989898;
}

.thumbnail:hover, .thumbnail:focus {
    padding:0;
    border-radius: 0;
    border: 1px solid #e61873!important;
}

.btn-next{
    margin-left:-20px;
    padding:5px 20px 5px 20px;
}

/* Page inférieur
==============================*/

.page-header > small > span{
    padding-right:10px;
    padding-left:10px;
    
}

.bt30{
    margin: 32px 0px 20px;
    
}

.mt10{
    margin-left:auto;
    margin-bottom:40px;
}

.descrip{
    font-size: 14px;
    font-weight: 500;
    color:#1d1d1b;
    line-height: 24px;
    margin-top:10px;
}

/*.descrip > span{
    font-weight: 700;
}*/

.lin{
    line-height: 16px;
    margin-top:auto;
}

/* Menu déoulent
======================================*/
.caret{
    color:#dbdbdb;
    float:right;
    margin-top:10px;
}

.dropdown{
    z-index:1000;
}

.dropdown-menu {
    position: static;
    width:100%;
    float:none;
    padding-left:50px;
    border:0;
    border-radius: 0;
    padding-top:60px;
    padding-bottom:15px;
    list-style: url(../img/list_style.png);
    box-shadow: 0px 0px transparent;
    z-index: 5000;
    }

.titre-pos{
    margin-left:18px;
    color:#000;
    font-weight: 500;
}

.dropdown-menu>li>a {
    display: block;
    padding: 4px 0px;
    color:#fff;
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    z-index: 5000;
}

.btn-group, .btn-lg{
    width: 100%;
    text-transform: uppercase;
}

.btn-danger {
    max-width: 100%;
    border-radius: 0;
    background-color:#fff;
    border-color:#dbdbdb;
    text-align:left;
    color:#000;
    font-size: 16px;
    font-weight: 500;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:visited, .btn-danger:active, .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    max-width: 100%;
    border-radius: 0;
    background-color:#fff!important;
    border-color:#dbdbdb!important;
    box-shadow: 0px 0px transparent;
}

.btn-rose > .titre-pos:hover, btn-rose > .titre-pos:focus, btn-rose > .titre-pos:visited, btn-rose > .titre-pos:active, .open>.dropdown-toggle.btn-rose > .titre-pos{color:#cd187f!important;font-size: 16px;
    font-weight: 700;}
.list-rose, .list-rose > li > a{background-color: #cd187f;}
.list-rose > li > a:hover, .list-rose>.active>a, .list-rose>.active>a:focus, .list-rose>.active>a:hover{background-color: rgba(173,3,100,0.70);color:#fff;}

.btn-orange > .titre-pos:hover, btn-orange > .titre-pos:focus, btn-orange > .titre-pos:visited, btn-orange > .titre-pos:active, .open>.dropdown-toggle.btn-orange > .titre-pos{color:#e28a3a!important;font-size: 16px;
    font-weight: 700;}
.list-orange, .list-orange > li > a{background-color: #e28a3a;}
.list-orange > li > a:hover, .list-orange>.active>a, .list-orange>.active>a:focus, .list-orange>.active>a:hover{background-color: rgba(203,103,15,0.70);color:#fff;}

.btn-vert > .titre-pos:hover, btn-vert > .titre-pos:focus, btn-vert > .titre-pos:visited, btn-vert > .titre-pos:active, .open>.dropdown-toggle.btn-vert > .titre-pos{color:#b8cf1d!important;font-size: 16px;
    font-weight: 700;}
.list-vert, .list-vert > li > a{background-color: #b8cf1d;}
.list-vert > li > a:hover, .list-vert>.active>a, .list-vert>.active>a:focus, .list-vert>.active>a:hover{background-color: rgba(161,184,5,0.70);color:#fff;}

.btn-violet > .titre-pos:hover, btn-violet > .titre-pos:focus, btn-violet > .titre-pos:visited, btn-violet > .titre-pos:active, .open>.dropdown-toggle.btn-violet > .titre-pos{color:#a46ecc!important;font-size: 16px;
    font-weight: 700;}
.list-violet, .list-violet > li > a{background-color: #a46ecc;}
.list-violet > li > a:hover, .list-violet>.active>a, .list-violet>.active>a:focus, .list-violet>.active>a:hover{background-color: rgba(136,79,178,0.70);color:#fff;}

.btn-jaune > .titre-pos:hover, btn-jaune > .titre-pos:focus, btn-jaune > .titre-pos:visited, btn-jaune > .titre-pos:active, .open>.dropdown-toggle.btn-jaune > .titre-pos{color:#fdca41!important;font-size: 16px;
    font-weight: 700;}
.list-jaune, .list-jaune > li > a{background-color: #fdca41;}
.list-jaune > li > a:hover, .list-jaune>.active>a, .list-jaune>.active>a:focus, .list-jaune>.active>a:hover{background-color: rgba(233,176,23,0.70);color:#fff;}

.btn-bleu > .titre-pos:hover, btn-bleu > .titre-pos:focus, btn-bleu > .titre-pos:visited, btn-bleu > .titre-pos:active, .open>.dropdown-toggle.btn-bleu > .titre-pos{color:#329ede!important;font-size: 16px;
    font-weight: 700;}
.list-bleu, .list-bleu > li > a{background-color: #329ede;}
.list-bleu > li > a:hover, .list-bleu>.active>a, .list-bleu>.active>a:focus, .list-bleu>.active>a:hover{background-color: rgba(25,136,202,0.70);color:#fff;}

.tabList > img, .tabVert > img {
    border-right: 2px solid #f6f4ec;
}

.tabBleu > img, .tabRose > img {
    border-right: 0;
}



.descriptParag {
    margin-bottom: 30px;
}

.descriptParag table {
    max-width: 100%;
}

@media all and (max-width: 992px){
    .descriptParag table {
        width: 100%!important;
    }
}

@media all and (max-width: 768px){
    .page-header {
        line-height: normal;
    }

    .page-header > h1 {
        font-size: 26px;
    }

    .descriptParag table td {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }
}

/*.carousel-inner>.item {
    height: 310px;
}*/