body
{
    font-size:calc(0.9rem + 0.1vw);
}

h1
{
    font-size:calc(1.2rem + 0.1vw);
}

h2
{
    font-size:calc(1.5rem + 0.1vw);
}

h3
{
    font-size:calc(1.2rem + 0.1vw);
}


.colorBleu
{
    color:#38afe5;
}

.colorRed
{
    color:rgb(165,7,41);
}
.colorWhite
{
    color:rgb(255,255,255);
}


body
{
    background-image: url(images/bg_body.jpg);
    background-position: center;
    background-size: cover;
}


main
{
    background: rgb(255,255,255);
}


/*slider*/

.container-slider ul
{
list-style-type: none;
height: 600px;
}

.container-slider ul li
{
    transition :1s;
}

.container-slider ul .active

{
    
   top:0;
   right:0;
    
}

.container-slider ul .no-active
{

  top:0;
  right:-1300px;
}


.prev,.next
{
    
    width: 56.5px;
    height: 112px;
    
}

.prev
{
    background-image: url(images/prevnext.png);
    background-position: left;
}

.next
{
    background-image: url(images/prevnext.png);
    background-position:right;
}


.control-slider
{
    top:60%;
    left:20px;
    
}


.container-slider h2
{
    top:40%;
}


.container-slider h2 span:first-child
{
    background: rgb(255,255,255);
}

.container-slider h2 span:last-child
{
    background: #38afe5;
    color :rgb(255,255,255);
}


/*destination*/


.container-accordeon ul
{
    display: inline-block;
    list-style-type: none;
}




#Tours .viewAccordeon
{
    opacity: 0;
    border:solid 2px #d4d4d4;
    padding-left:0.5rem;
    padding-top:0.5rem;
    padding-right: 0.5rem;="text-center"
}

#Tours .viewAccordeon.active
{
    opacity: 1;
    z-index: 50;
    
    
}

.controlAccordeon
{
    padding: 0;
    margin:0;
    
   
    
}

.container-accordeon a
{
    text-decoration: none;
    color:black;
}

.container-accordeon a.active
{
    
    color:#38afe5;
}

.container-accordeon ul li:hover
{
    background: rgb(255,255,255);
}


.controlAccordeon li
{
    padding:1rem 5rem;
    background-color:#d4d4d4;
    border-radius: 5px 5px 0px 0px;
     border-top:solid 2px #d4d4d4;
    border-left:solid 2px #d4d4d4;
    border-right:solid 2px #d4d4d4;
}

.container-accordeon
{
    padding-left: 0;
    padding-right: 0;
}


#newsletter h3
{
    background-color: #d4d4d4;
    padding:1rem 5rem;
}


#newsletter
{
    border:solid 2px;
    border-color:#d4d4d4;
    padding-left: 0;
    padding-right: 0;
    border-radius:10px 10px 0px 0px;
}



#newsletter input[type="email"]
{
    border-left:solid 2px #d4d4d4;
    border-top:solid 2px #d4d4d4;
    border-bottom:solid 2px #d4d4d4;
    border-right:none;
    border-radius:10px 0px 0px 10px;
}

#newsletter input[type="submit"]
{
    
    border-top:solid 2px #d4d4d4;
    border-bottom:solid 2px #d4d4d4;
    border-right:solid 2px #d4d4d4;
    border-radius:0px 10px 10px 0px;
    background-image: url(images/envel.png);
    background-repeat: no-repeat;
    background-position: center;
}


#newsletter ul
{
    padding-top:2rem;
    list-style-type: none;
    list-style-image: url(images/marker.png);
}


/*footer*/


.jumbotron
{
    background-image:url(images/BACKGROUND.png);
    background-size: cover;
  
    padding:20rem 2rem;
    margin-bottom: 0;
    
    background-image:url(images/PALMIER.png),url(images/flash0aiActifs_5.png),url(images/flash0aiActifs_4.png),url(images/flash0aiActifs_1.png),url(images/flash0aiActifs_2.png),url(images/BACKGROUND.png);
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:top left 0,top 0 left 50%,top 50% left 90%,bottom 20% right 0,bottom 0 left 0,center;
    background-size: auto,auto,auto,auto,auto,cover;
    
}


.disply-4
{
    font-size:calc(2.5rem + 0.2vw);
    color:#d4d4d4;
    text-shadow: 1px 1px 2px black;
}

footer .d-flex.flex-md-row.flex-column
{
    background: #30455b;
    
}

@media screen and (max-width:991.98px)
{
    #newsletter
    {
        margin-top: 13rem;
    }
    
    
       main
    {
        padding-bottom: 29rem;
    }
}