@import "jquery.bxslider";

@import "fontawesome/font-awesome";
@import "qi_grids";
@import "popover";

@import "superslides";



body{
  font-family:"Museo sans";
  
  line-height:1.4em;
  text-align:justify;
  
  padding:0;
  margin:0;
  font-size:15px;
  color:#333333;
  background:url('/fond2.jpg') top center no-repeat fixed#ACB53A;
  background-size:100%;

  
  
  
}
h1,h2,h3,h4{
  font-weight:normal;
  line-height:1.2em;
}
h1{
  color:rgba(148,191,49,1);
  
}
#main{
  width:100%;
  max-width:1020px;
  margin:auto;
  background:white;
  background:rgba(250,250,250,0.9);

  margin:auto;
  
  #corps{
    width:66%;
    float:right;
    padding:2%;
    
    
    
  }
  #sidebar{
    width:30%;
    
    float:left;
    
    
  }
  
}

.large_corps{
  padding:2%;
  
}


a{
  img{
    
    border:0;
  }
  
}



img{
  max-width:100%;
  
}
 
a{
  color:rgba(66,139,202,1);
  text-decoration:none;
  
  &:hover{
  color:#68b9ff;

  }
 
}

.clear{
  clear:both;
}





.top{
  padding-top:1px;
  max-width:1020px;
  margin:auto;
  #logo{
  width:300px;
  height:96px;
  display:block;
  margin:10px;
  
  

  }
  

 

  #menu{
    background:rgba(250,250,250,0.9);
    //rgba(0,157,221,1)
    text-align:center;
    margin:10px 0;
    border-radius:5px;
    text-transform:uppercase;
    font-size:13px;
    padding:10px;

    a{
  
      margin:0;
  
      display: inline-block;
      color:#47A81F;
      text-decoration: none;


      padding: 2px 10px;

      margin-right:5px;



      &:hover, &.active{

        color:#47A81F;
      }

      &:last-child{
        margin-right:0;
  
      }


    }
  }
  
  
}
.sub_menu_item{
  
  &:hover{
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    
  }
  width:49%;
  float:left;
  height:250px;
  position:relative;
  margin:0.5%;
  margin-bottom:10px;
  
  background:no-repeat center center;
  background-size:100%;
  background-size:cover;
  h3{
    
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0;
    padding:10px;
    background: rgba(32, 73, 138, 0.6);
 
      color:white;
      
    
  }
  
  
}
.bottom{
  padding:10px;
  background:rgba(130,205,70,0.2);
  
}

.active{
  font-weight:bold;
  
}

h2{
  .active{
    font-weight:normal;
    
  }
  
}

#nb{
 position:absolute;
 margin:10px;
 display:block;
 right:0px;
 width:25px; 
  
}


.sejour{
  padding:10px;
  border:1px solid white;
  img{
    float:left;
    margin-right:10px;
    
  }
  
  .dates{
    border-bottom:1px solid gray;
    p{
      border-top:1px solid gray;
      margin:0;
      padding:5px;
      
    }
    
  }
  
}

#saisons{
  text-align:center;
  margin-bottom:1em;
  a{
    display:inline-block;
  

    
    text-align:center;
    
  }
}


.slider_container{

  max-width:1200px;
 
  margin:1em auto;

  
}

.middle{
  min-height:600px;
  
}

.square{
  background:#0F71B4;
  color:white;
  text-align:left;
  padding:10px;
  h2{
    margin-top:0;
    
  }
  a{
    color:white;
    
    
    
  }
  ul{
    
    padding-left:20px;
    
  }
  li{
    list-style:none;
    
    a{
      border-bottom:1px solid white;
      padding:5px;
      display:block;
      
    }
    
  }
}

.spring, .automne,.summer,.winter{
  
  font-size:1.2em;
  text-align:center;
  display:inline-block;
  width:23%;
  margin-right:1%;
  color:white;
  padding:10px 0;
  
  &:hover{
    
    color:white;
    font-weight:bold;
    
  }
  
}

.spring{
  
  background:#A4CC42;
}

.summer{
  background:#FFC92B;
  
}

.automne{
  
  background:#F6782F;
}
.winter{
  
  background:#03AFE5;
}