@font-face {
    font-family: 'gothamthinregular';
    src: url('../font/GothamThin-webfont.eot');
    src: url('../font/GothamThin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/GothamThin-webfont.woff2') format('woff2'),
         url('../font/GothamThin-webfont.woff') format('woff'),
         url('../font/GothamThin-webfont.ttf') format('truetype'),
         url('../font/GothamThin-webfont.svg#gothamthinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zapfino_linotype_oneregular';
    src: url('../font/zapfino_linotype_one-webfont.woff2') format('woff2'),
         url('../font/zapfino_linotype_one-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

  /*
      Custom CSS
  */

  html,body{
    padding:0; margin:0;
    background-color:#4c464a;
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: 'Open Sans', serif;/*'Gabriela'*/
    font-size:13px;
    color: #ccc;
  }

  p, table {
    /*font-size:12px;*/
  }

  h1{font-family: 'gothamthinregular'; font-weight: normal; font-size:75px; padding:50px 20px 70px 50px; line-height: 0.9em;color:#CCC;}/*color:#8BD600;*/
  h2,h3,h4,h5{font-family: 'Open Sans',sans-serif;color:#CCC; font-weight: bold;margin-top:1em;text-transform: uppercase;}/*color:#9683ec;*/

  a{
    color:#9683ec; text-decoration: underline;
  }

  ul{
    overflow:auto;/*to prevent bullets go over the image when image float left: http://stackoverflow.com/questions/1175078/floated-image-to-left-of-a-ul-is-ignoring-margin-padding*/
  }

  td{font-size: 13px;}

  input, textarea, select{font-family: 'Open Sans',sans-serif;max-width:100%;}

  fieldset{
    margin-bottom: 20px;
  }


  #logoalt{
    font-size:200%;
    position: absolute;
    top:70px;
    left:-10px;
    margin-bottom:50px;
    border:none;
    color:#ccc;
  }

  #logo {
    position: absolute;
    top:30px;
    left:-30px;
    margin-bottom:50px;
    border:none;
  }

  img#sound{
    position: absolute;
    top:1px;
    left:-46px;
    cursor:pointer;
  }


  img.home{float:left;}
  img.alignleft{float:left; margin:0 10px 5px 0}
  img.alignright{float:right; margin:0 0 5px 10px;}
  img.aligncenter{display:block;margin:0 auto;}

/* STRUCTURE */

  #wrapper {
    padding:0; margin:0;
  }

  #container{
    width:1024px;   
    margin: 0 auto;
    height: 100%;
  }


  #left{
    position: fixed;
    width:190px;
  }
      @media screen and (min-width: 200px) and (max-width: 1000px) {
        #left{
          position: static;
        }
      }

  #right{
    /*float:left;*/
    width:900px;/*794*/
    margin-left:190px;/*if left menu fixed*/
    height:100%;
  }

    #top{      
      height:200px;/*float:left;*/
      width:100%;
      position: relative;
    }


    #content, #content-prospects{      
      width:100%;/*float:left;*/
      padding-left:40px;
    } 

  #content-home{padding:0;}
  #home-slideshow{
    background:none;
    border-color:#4c464a;
    box-shadow:none;
  }

  #home-slideshow .slides img{
    width:auto;
    display:inline;
  }  

  
  #footer, #push {
      height: 25px; 
      padding: 15px 0;
      position: relative;
  }

  #footer{
    /*float:left;*/
    width:100%;
    text-align: center;
    color:#999;
  }

  /* // STRUCTURE */


  /* NAVIGATION */
  #leftmenu{    

    padding: 165px 0 20px 0;
    height: 385px;

    /*
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #6c54d9),
      color-stop(1, #9683ec)
    );    
    
    background-image: -o-linear-gradient(bottom, #6c54d9 0%, #9683ec 100%);
    background-image: -moz-linear-gradient(bottom, #6c54d9 0%, #9683ec 100%);
    background-image: -webkit-linear-gradient(bottom, #6c54d9 0%, #9683ec 100%);
    background-image: -ms-linear-gradient(bottom, #6c54d9 0%, #9683ec 100%);
    background-image: linear-gradient(to bottom, #6c54d9 0%, #9683ec 100%);


    box-shadow: 5px 5px 5px #383336;
    background-color: #6c54d9;
    */

  }

  #leftmenu .ovale {
    -webkit-border-radius: 100px / 160px;
    -moz-border-radius:    100px / 160px; 
    border-radius:         100px / 160px; 
  }

  #leftmenu-inner{

    background-image:url('../../assets/img/lignesblanches.png');
    background-repeat:no-repeat;
    background-position: -3px -20px;
    height:260px;
    padding-top:60px;
  }


  #languages{
    position: absolute;
    top:5px;
    right:8px;
  }


  #menuitems{
    list-style:none;  
    padding:0;  
  } 

  #leftmenu li{
    margin: 0 auto 12px;    
    width:150px;
    text-align:center;
    line-height:1em;
  }


  #leftmenu a{
    font-size: 13px;
    color:#ccc;/*#c4b7ff*/
    text-decoration: none;
    /*text-shadow: 1px 1px #675b9a;*/
    font-weight: bold;
    /*font-family: sans-serif;*/
    font-family: 'Open Sans', sans-serif;//Montserrat', sans-serif;
  }


  #leftmenu a:hover{
    color:#fff;
  }

  #leftmenu a.active{
    color:#fff;
  }
  /* // NAVIGATION */

  .slogan{
    font-family:'zapfino_linotype_oneregular';
    font-size: 40px;
    /*color:#8BD600;*/
    color:#ccc;
  }



  #top h1{margin:0;}

  .fancybox-overlay, .fancybox-overlay-fixed{
    z-index:1100!important;
  }

  .clearfix:before,
  .clearfix:after {
      content:"";
      display:table;
  }

  .clearfix:after {
      clear:both;
  }



select, input, textarea {
    border: 1px solid #ccc; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    /*padding: 5px;*/
    background: rgba(238,238,238,0.7);
    /*margin: 0 0 10px 0;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /* future proofing */
    -khtml-border-radius: 2px; /* for old Konqueror browsers */
}


select.error, input.error, textarea.error{
  border-color: red;
}

td.error {
  border: red 1px solid;
  border-radius:2px;
}

.highlight-border{
  border: 2px solid #FFF; box-shadow: 1px 1px 1px #FFF; padding: 2px;
}


/* Home */
table.room-home{
  margin: 0 auto;
  width: 55%;
}

table.room-home th, table.room-home td{
  text-align: center;
}


#agenda_frontend{font-family: 'Open Sans',sans-serif;}
#agenda_frontend .fc-event-title{font-weight: bold;}







/*Reserver*/
div#reserver{
    /*position: absolute;*/
    /*margin-top: 60px;*/
    text-align:center;
}

div#reserver_show p{
  float:left;
}
div#reserver_show p:nth-child(-n+4) {
  width:60%;
}


ul.reservationList{

  list-style-type: '';
  display:table;
  border-spacing: 10px;
  border-collapse: separate;
  margin: 50px auto;
  
}

ul.reservationList li{
  width: 150px; 
  padding: 1em 1.5em; 
  

 border-right: 1px solid #FFF; 
  /*box-shadow: 1px 1px 1px #FFF; */
/*  -webkit-border-radius: 200px / 160px;
  -moz-border-radius:    200px / 160px; 
  border-radius:         200px / 160px; */

  min-height:200px;
  display: table-cell;/*inline-block*/
  vertical-align: middle;

}
ul.reservationList li:first-child{
  border-left: 1px solid #FFF; 
}

ul.reservationList a{
  color: white !important;
}

ul.reservationList span{
  color: #ccc;
  /*height:80%;
  width:100%;
  border-right: 2px solid #FFF; */
}






/*prestations*/

#prestations ul{list-style: none;}
#prestations ul.content{list-style-type:circle;}
#prestations ul a{text-decoration: none;}
#prestations h2{margin-top:40px;}
#prestations img, #reserver img, img.shadow{
    box-shadow: 5px 5px 5px #383336;
}

/* alerts */
p.error{
  color:red;
}


.altcolor{
  color:#8BD600;
}

div.error{
  text-align: center;
  color:#b94a48;
  background-color:#f2dede;
  border-color:#eed3d7;
  font-weight: bold;
  display: inline-block;
  padding:5px 15px;
  margin-bottom:10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; /* future proofing */
  -khtml-border-radius: 2px; /* for old Konqueror browsers */
}

div.success{
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6c54d9), color-stop(1, #9683ec) );
  background:-moz-linear-gradient( center top, #6c54d9 5%, #9683ec 100% );/*c74fba 9b2a90*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c74fba', endColorstr='#9b2a90');
  background-color:#6c54d9;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topleft:5px;
  border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topright:5px;
  border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottomleft:5px;
  border-bottom-left-radius:5px;
  text-indent:0;
  border:1px solid #6c54d9;
  display:inline-block;
  color:#fff;
  /*font-family:Georgia;*/
  font-size:15px;
  font-weight:bold;
  font-style:normal;
  height:25px;
  line-height:25px;
  /*width:200px;*/
  padding:0 10px;
  text-decoration:none;
  text-align:center;
  text-shadow: 2px 2px #6c54d9;
}

/*newsletter*/
#newsletter input[type="text"]{padding:5px;}


div#livredor form label{width:200px; float:left;clear:left;}
div#livredor form input,
div#livredor form textarea{float:left; width:400px;}
div#livredor form input[type="text"],
div#livredor form textarea{padding:5px;}
#livredor {width:400px; margin: 0 auto;}
#livredor td.label{width:33%;}
#livredor input, #contact select{/*width:100%;*/margin-bottom:10px;}
#livredor p{margin:10px 0;}



#comment{width:100%; height:100px;}



#labelfirstname, #firstname{position: absolute; left:-9999px;}

/*contact*/
#contact form{width:400px; margin: 0 auto;}
#contact td.label{width:33%;}
#contact input, #contact select{width:100%;}
#contact input[type="text"],#contact input[type="email"], #contact select, #contact textarea{padding:5px;}
#contact p{margin:10px 0;}
#comment{width:100%; height:100px;}

#adresse2{position: absolute; left:-9999px;}







/*Calendar*/
.fc-event-inner{



  font-family:serif;



}







/*Cart*/



#cart{width:100%;}



#cart th{font-size:14px;border-bottom: 2px grey solid;}



#cart{font-size:13px;}



#cart td{text-align:center; vertical-align:middle;padding:5px 0;border-bottom: 1px solid grey;}



#cart tr.total td{font-size:14px;border-bottom: 2px grey solid;border-top: 2px grey solid;}







span#cartcount{position: absolute; top:-5px; right:-7px; height:24px;width:24px;color:red;background-image: url('../img/cart/countbg2.png');font-weight:bold;padding-top:3px;}







/*cart icon in the header*/



#carthead{position:absolute;top:50px;right:0px;text-align: center;}



#carthead a{width:100px; height:50px; padding:10px 0; text-decoration: none;}



#carthead img{border:none; outline:none;}







.button {



  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6c54d9), color-stop(1, #9683ec) );



  background:-moz-linear-gradient( center top, #6c54d9 5%, #9683ec 100% );/*c74fba 9b2a90*/



  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c74fba', endColorstr='#9b2a90');



  background-color:#6c54d9;



  -webkit-border-top-left-radius:5px;



  -moz-border-radius-topleft:5px;



  border-top-left-radius:5px;



  -webkit-border-top-right-radius:5px;



  -moz-border-radius-topright:5px;



  border-top-right-radius:5px;



  -webkit-border-bottom-right-radius:5px;



  -moz-border-radius-bottomright:5px;



  border-bottom-right-radius:5px;



  -webkit-border-bottom-left-radius:5px;



  -moz-border-radius-bottomleft:5px;



  border-bottom-left-radius:5px;



  text-indent:0;



  border:1px solid #6c54d9;



  display:inline-block;



  color:#fff;



  /*font-family:Georgia;*/



  font-size:15px;



  font-weight:bold;



  font-style:normal;



  height:25px;



  line-height:25px;



  /*width:200px;*/



  padding:0 10px;



  text-decoration:none;



  text-align:center;



  text-shadow: 2px 2px #6c54d9;



}



.button:hover {



  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9683ec), color-stop(1, #6c54d9) );



  background:-moz-linear-gradient( center top, #9683ec 5%, #6c54d9 100% );



  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b2a90', endColorstr='#c123de');



  background-color:#9683ec;



  color:#fff;



}



.button:active {



  position:relative;



  top:1px;



}







#reserverpanier form{



  width:400px;



  margin: 0 auto;



}







label.required:after{
  content:' *';
  color:red;
}














#description-wrapper{



  position: absolute; left:320px; top:0; max-width:370px;



}







#bulle-description{



  background-color:#eee;



  border:#fff solid 1px;



  padding:10px;



  border-radius:5px;



  /*opacity: 0.7;*/



  z-index: 1000;position: relative;



}







#bulle-description img{



  width:350px;



}














/*phone*/



@media only screen 



and (min-device-width : 320px) 



and (max-device-width : 480px) {



    #leftmenu{    



      position: relative;



      float:right;



    }







    #right{



      margin-left:0;



    }







    #content{



      padding-right:10px;



    }







}







/* Overwrite Unite slider */



.ug-textpanel-description{



  font-style:italic;



}







.ug-textpanel-textwrapper{



  font-family: 'Open Sans',sans-serif;



}