@font-face {font-family: "Lavanderia";src: url('../font/Lavanderia Regular.otf');}
@font-face {font-family: "Lavanderia Delicate";src: url('../font/Lavanderia delicate.otf');}
@font-face {font-family: "Lavanderia Sturdy";src: url('../font/Lavanderia sturdy.otf');}
@font-face {font-family: "Roboto Thin";src: url('../font/Roboto-Thin.ttf');}
@font-face {font-family: "Roboto Light";src: url('../font/Roboto-Light.ttf');}
@font-face {font-family: "Roboto Bold";src: url('../font/Roboto-Bold.ttf');}
@font-face {font-family: "Roboto Black";src: url('../font/Roboto-Black.ttf');}

body {
    margin: 0; padding: 0; /* annulation des marges */
    overflow: hidden; /* on cache le débordement de contenu */
    color: #fff;
    background: #000;
}

#wrap {
    /* position du conteneur pour le préparer à bouger */
    position: relative;
    top: 0;
    /* on prépare la transition à venir */
    -webkit-transition: top 1.4s cubic-bezier(.49,.22,.52,1);
    -moz-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
    -ms-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
    -o-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
    transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
}


/**********************************************************************************************************************/
/* ----- RightMenu -------------------------------------------------------------------------------------------------- */

/*.right-menu {*/
    /*!*top:100px;*!*/
    /*!*right: -360px;*!*/
    /*position: fixed;*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    /*background-color: transparent;*/
    /*line-height: 30px;*/
    /*z-index: 1000;*/
/*}*/
/*!* -- bouton ACCUEIL -- *!*/
/*.btn-accueil-container {*/
    /*color: #F5F5F5;*/
    /*border:solid 1px #50504e;*/
    /*line-height: 80px;*/
    /*border-radius: 15px 0px 0px 15px;*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    /*background: #7a7977; !* Old browsers *!*/
    /*!*background: -moz-radial-gradient(center, ellipse cover, #7a7977 0%, #50504e 100%); !* FF3.6-15 *!*!*/
    /*!*background: -webkit-radial-gradient(center, ellipse cover, #7a7977 0%,#50504e 100%); !* Chrome10-25,Safari5.1-6 *!*!*/
    /*background: radial-gradient(ellipse at center, #7a7977 0%,#50504e 100%);*/
/*}*/
/*.btn-accueil-container :hover {*/
    /*border-radius: 15px 0px 0px 15px;*/
    /*background-color: crimson;*/
/*}*/
/*.btn-accueil {*/
    /*margin-left: 0px;*/
    /*margin-right: 0px;*/
    /*text-align: center;*/
/*}*/

/*!* -- Menu Items -- *!*/
/*.menu-item-container {*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    /*background-color: #363636;*/
    /*color: #F5F5F5;*/
    /*border-top: solid 1px black;*/
    /*border-left: solid 1px black;*/
    /*border-right: solid 1px black;*/
    /*border-bottom: solid 1px #363636;*/
    /*line-height: 80px;*/
    /*border-radius: 0px 15px 15px 0px;*/
/*}*/
/*.menu-item-container :hover {*/
    /*border-radius: 0px 15px 15px 0px;*/
    /*background-color: #444444;*/
/*}*/
/*.last-menu-item-container {*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    /*background-color: #363636;*/
    /*color: #F5F5F5;*/
    /*border-top: solid 1px black;*/
    /*border-left: solid 1px black;*/
    /*border-right: solid 1px black;*/
    /*border-bottom: solid 1px #363636;*/
    /*line-height: 80px;*/
    /*border-radius: 0px 15px 15px 15px;*/
/*}*/
/*.last-menu-item-container :hover {*/
    /*border-radius: 0px 15px 15px 15px;*/
    /*background-color: #444444;*/
/*}*/
/*.menu-item {*/
    /*margin-left: 0px;*/
    /*margin-right: 0px;*/
/*}*/
/*.menu-item-icone {*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    /*text-align: center;*/
/*}*/
/*.menu-item-label {*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
/*}*/

/*.grey {*/
    /*background-color: #7a7977;*/
    /*border: solid 1px black;*/
/*}*/

/*********************************************************************************************/
/*------------------ Content Slides ---------------------------------------------------------*/

.no-pad {
    padding-left: 0px;
    padding-right: 0px;
}
.no-marg{
    margin-left: 0px;
    margin-right: 0px;
}
.no-padmarg {
    padding: 0px;
    margin: 0px;
}
.auto-pad {
    padding-left: auto;
    padding-right: auto;
}
.auto-marg{
    margin-left: auto;
    margin-right: auto;
}
.al-center {
    text-align: center;
}
.al-right {
    text-align: right;
}

/*********************************************************************************************/
/* ---------------- tab CV ----------------------------------------------------------------- */

.tab-container{
    /*position: absolute;*/
    display: table;
    width: auto;
    /*padding: 2px 2px 2px 2px;*/
    background-color: #ffffff;
    opacity: 1;
    /*margin-bottom: 20px;*/
    border: solid 1px snow;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-box-shadow: 5px 5px 5px 0px #343434;
    -moz-box-shadow: 5px 5px 5px 0px #343434;
    -o-box-shadow: 5px 5px 5px 0px #343434;
    box-shadow: 5px 5px 5px 0px #343434;
    transform:scale(1);
    transition:transform 1s;
}
.tab-title{
    display: table;
    /*width: 150px;*/
    height: 25px;
    margin: 0px;
    /*padding: 5px 10px 0px 10px;*/
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
    text-align: right;
    background-color: #313131;
    -webkit-border-radius:20px 20px 0 0;
    -moz-border-radius:20px 20px 0 0;
    border-radius:20px 20px 0 0;
}
.tab-title-txt{
    font-size: 20px;
    font-family: "Roboto Bold";
}
.tab-content{
    color: snow;
    display: table;
    font-family: "Roboto Light";
    margin: 0px;
    /*width: 250px;*/
    /*padding: 15px;*/
    background-color: #313131;
    -webkit-border-radius:0px 20px 20px 20px;
    -moz-border-radius:0px 20px 20px 20px;
    border-radius:0px 20px 20px 20px;
}

ul {
    list-style: none;
}

.red-star {
    color: #dd4444;
 }
.grey-star {
    color: #636363;
}


/*********************************************************************************************/
/* - Dimensionnement de la slidebox -------------------------------------------------------- */

#slidebox1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
}