#main {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#main img {}

#main ul {
    margin-left: 40px
}

#menu {
    position: fixed;
    bottom: 40px;
    right: 0px;
    overflow: hidden;
    z-index: 200
}

#logo {
    position: fixed;
    top: 0px;
    right: 40px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 200
}

.etroit #menu {
    position: absolute;
    top: 87px;
    left: 0px;
    overflow: visible
}

.etroit #logo {
    position: absolute;
    top: -80px;
    left: 20px;
    right: auto;
}

.bas #main {
    top: 20px;
    bottom: auto
}

.encadre {
    padding: 5px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block
}

.bas.etroit #main {
    top: 50px
}

#menu ul {
    list-style: none;
}

#menu li.subcategoria,
#menu li.categoria {
    margin-bottom: 5px;
    color: #FFF;
    padding: 5px 15px 5px 5px;
    background: rgba(0, 0, 0, 0.5);
    text-align: left;
    font-size: 20px;
    width: 110px;
    float: right;
    padding-right: 10px;
    clear: both
}

#menu li ul {
    display: none;
}

#menu li.subcategoria:hover {
    padding: 0px 0px 0px 10px;
}

#menu li.subcategoria:hover span {
    display: inline-block;
    padding: 5px;
}

#menu li.subcategoria:hover ul {
    display: inline;
}

#menu li.subcategoria:hover {
    width: auto
}

#menu li.subcategoria li {
    margin: 0px;
    padding: 11px 10px 6px 10px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-right: -6px;
}

#menu a,
#menu a:visited {
    text-decoration: none;
    display: block;
    width: 100%
}

#menu li.categoria a,
#menu li.categoria a:visited {
    color: #fff
}

#menu li.categoria:hover {
    background: rgba(255, 255, 255, 0.7);
}

#menu li.subcategoria li a,
#menu li.subcategoria li a:visited {
    color: #000000
}

#menu li.subcategoria li:hover {
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer
}

.etroit #menu li.subcategoria,
.etroit #menu li.categoria {
    text-align: left;
    width: auto;
    float: left;
    padding-right: 10px;
    clear: none;
}

.etroit #menu li.subcategoria:hover,
.etroit #menu li.categoria:hover {}

.etroit #menu li.subcategoria:hover ul {
    display: block;
    position: relative
}

.etroit #menu li.subcategoria li {
    text-align: left;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.etroit #menu>ul {}

.etroit #menu li span {
    display: block;
    float: left
}



h2 {
    font-family: 'HelveticaNeueLTStd35Thin';
    font-size: 25px;
    margin: 0;
    font-weight: normal;
    margin-bottom: 30px;
    color: #fff
}

.texto_removed {
    font-family: 'HelveticaNeueLTStd25UltraLt';
    background: rgba(0, 0, 0, 0.6);
    /*padding: 20px 20px 40px 30px;*/
    ;
    text-align: justify;
    padding: 0px 20px 0px 30px;
    width: 920px;
    color: #ddd;
    font-size: 16px;
    margin-bottom: 50px;
    margin-top: 50px;
    line-height: 20px;
    letter-spacing: 1px;
}

hr {
    background-color: #CCC;
    color: #CCC;
    height: 1px;
    border-bottom: 1px solid #555555;
    border-top: 1px solid #000000;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block;
    opacity: 0.6
}

label,
input {
    float: left;
    display: block;
    width: 120px;
    padding: 5px;
}

label {
    font-size: 15px
}

input[type="text"],
textarea,
select {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #FFF;
    color: #FFFFFF;
    padding: 5px;
}

.form:hover {
    background: rgba(255, 255, 255, 0.2)
}

.form {
    margin-bottom: 10px
}

table {
    border-collapse: collapse
}

td,
th {
    padding: 5px;
    border: 1px solid #fff;
}

th {
    text-align: left
}

#menu li.actual {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
    padding-left: 20px;
}

#menu li.actual a,
#menu li.actual a:visited {
    color: rgba(0, 0, 0, 0.5);
}

#social {
    padding: 0px 9px;
    margin-bottom: 5px;
    width: 120px;
    float: right;
    text-align: left;
    clear: both
}

#social a {
    float: right;
    width: 30px;
    padding: 5px
}

#social img {
    opacity: 0.8;
    height: 30px
}

#social img:hover {
    opacity: 1
}

.etroit .social p,
.etroit .social div {
    display: none;
}

#gallery-slider,
#gallery-text {
    background: rgba(0, 0, 0, 0.7);
}

#gallery-image img,
#gallery-text {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
}

#gallery-slider {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    z-index: 100;
    border-top: rgba(255, 255, 255, 0.2) 1px solid
}

.foto {
    height: 50px;
    margin-bottom: 10px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#foto-titre {
    color: #FFF;
    font-size: 25px;
    width: 100px;
    display: block;
    float: left;
    padding: 10px
}

#gallery-image {
    position: absolute;
    z-index: 20;
}

#gallery-text {
    width: 100%;
    text-align: center;
    height: 20px;
    z-index: 20;
    position: fixed;
    color: #FFF;
    display: none
}

#gallery-close {
    position: fixed;
    top: 10px;
    left: 10px;
    display: none;
    z-index: 200;
    color: #FFF;
    line-height: 45px
}

#gallery-close img {
    float: left;
    display: block
}

#gallery-slider img:hover {
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}

.special {
    top: 20px !important;
    position: absolute
}

.titre {
    top: 0px;
    padding: 10px 10px 10px 10px;
    font-weight: bold
}

.titre h1 {
    margin-bottom: 0px
}


#supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: url(../img/progress.gif) no-repeat center center;
}

#supersized {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}

#supersized img {
    width: auto;
    height: auto;
    position: relative;
    display: none;
    outline: none;
    border: none;
}

#supersized.speed img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
}

/*Speed*/
#supersized.quality img {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
}

/*Quality*/

#supersized li {
    display: block;
    list-style: none;
    z-index: -30;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111;
}

#supersized a {
    width: 100%;
    height: 100%;
    display: block;
}

#supersized li.prevslide {
    z-index: -20;
}

#supersized li.activeslide {
    z-index: -10;
}

#supersized li.image-loading {
    background: #111 url(../img/progress.gif) no-repeat center center;
    width: 100%;
    height: 100%;
}

#supersized li.image-loading img {
    visibility: hidden;
}

#supersized li.prevslide img,
#supersized li.activeslide img {
    display: inline;
}

/*

        Supersized - Fullscreen Slideshow jQuery Plugin
        Version : 3.2.7
        Site	: www.buildinternet.com/project/supersized
        
        Theme 	: Shutter 1.2
        Author	: Sam Dunn
        Company : One Mighty Roar (www.onemightyroar.com)
        License : MIT License / GPL License
        
*/





.mail {
    min-height: 50px;
    padding: 5px;
    background: #CCC;
    list-style: none;
    border-top: 1px solid #000
}

.mail a {
    text-decoration: none
}

.mail.read {
    background: #FFF;
}

.from {
    color: #555
}

.subject {
    color: #000
}


#menu li.subcategoria2 span {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 15px 5px 5px;
    color: #FFF;
    width: 105px;
}

#menu li.subcategoria2 {
    margin-bottom: 5px;
    text-align: left;
    font-size: 20px;
    float: right;
    clear: both
}

#menu li.subcategoria2:hover {
    z-index: 1000;
    padding: 0px 0px 0px 10px;
    height: 31px;
    width: auto;
    margin-bottom: 25px;
    margin-top: -21px
}

#menu li.subcategoria2:hover span {
    display: inline-block;
    padding: 5px;
    margin-top: -100px;
    width: auto;
    margin-right: -6px
}

#menu li.subcategoria2 ul {
    display: none;
    z-index: 100
}

#menu li.subcategoria2:hover ul {
    display: inline;
}

#menu li.subcategoria2 a {
    z-index: 1000;
    width: auto;
    padding-top: 20px;
    margin-right: -6px;
    display: inline-block;
    height: 50px;
}

#menu li.subcategoria2 a li,
#menu li.subcategoria2 a:visited li {
    height: 14px;
    color: #000000;
    margin: 0px;
    padding: 11px 10px 6px 10px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 14px;
    display: inline-block;
}

#menu li.subcategoria2 ul a:hover li {
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer
}

#menu li.subcategoria2.actual span {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
    width: 105px;
    padding-left: 20px
}

#menu li.subcategoria2.actual {
    background: none;
    color: rgba(0, 0, 0, 0.5);
}


.etroit #menu li.subcategoria2 span {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 20px;
    color: #FFF;
    width: auto;
}

.etroit #menu li.subcategoria2 {
    margin-bottom: 5px;
    text-align: left;
    width: auto;
    font-size: 20px;
    float: left;
    clear: none
}

.etroit #menu li.subcategoria2:hover {
    z-index: 1000;
    padding: 0px 0px 0px 0px;
    height: 31px;
    width: auto;
    margin-bottom: 0px;
    margin-top: 0px
}

.etroit #menu li.subcategoria2:hover span {
    display: inline-block;
    padding: 5px 20px;
    margin-top: 0px;
    margin-right: 20px
}

.etroit #menu li.subcategoria2 ul {
    display: none;
    z-index: 100
}

.etroit #menu li.subcategoria2:hover ul {
    display: block;
    clear: both;
}

.etroit #menu li.subcategoria2 a {
    z-index: 1000;
    width: auto;
    padding-top: 0px;
    margin-right: 0px;
    display: block;
    height: auto;
}

.etroit #menu li.subcategoria2 a li,
#menu li.subcategoria2 a:visited li {
    height: 14px;
    color: #000000;
    margin: 0px;
    padding: 11px 10px 6px 10px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 14px;
    display: block;
}

.etroit #menu li.subcategoria2 ul a:hover li {
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer
}

.etroit #menu li.subcategoria2.actual span {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
    width: 105px;
    padding-left: 20px
}

.etroit #menu li.subcategoria2.actual {
    background: none;
    color: rgba(0, 0, 0, 0.5);
}


#myPageFlip {
    border: 7px solid #690204;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 1);
}

#click-livre {
    margin-left: 850px;
    margin-top: -90px;
    position: absolute;
    z-index: 100;
}

.etroit #contact {
    position: absolute;
    right: 0px;
    top: -80px
}

#home {
    width: 540px
}

br.all {
    height: 0px;
    line-height: 0px;
    clear: both
}

#headermenu {
    display: none !important
}

strong,
.strong {
    font-weight: bold;
    font-family: HelveticaLTStdBold;
}

.fa-solid,
.fa-regular {
    color: white !important
}






#lang {
    z-index: 201;
    color: #ddd;
    position: fixed;
    top: 0%;
    right: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;

}

#lang .lang-title-top {
    padding: 10px;
    font-size: 10px;
}

#lang .lang-title-middle {

    display: none;
}


#lang a {
    color: white;
    font-size: 20px;
    padding: 10px;
    text-decoration: none;
}