#menutop { position: fixed; z-index: 7; top: 0px; left: 0px; width: 100%; }
#menufoot { position: fixed; z-index: 19; bottom: 0px; left: 0px; width: 100%; }
#bndcook { position: fixed; z-index: 20; bottom: 30px; left: 50%; margin-left: -500px; visibility: hidden; opacity: 90%; }

body { color: black; background-color: #efefe8; margin: 0px; }
a { color: black;  text-decoration: none }
a.offsite { color: black; text-decoration: none }
a:hover { color: #8a8a8a; text-decoration: underline }
.lgnvr { border-right: solid 1pt #555555 }
.lgnhr { border-top: solid 1pt #555555 }
.spc { padding-right: 6px; padding-left: 6px }
.txtblanc { color: #cccccc; text-decoration: none }
.txtblanc.offsite { color: #cccccc; text-decoration: none }
.txtblanc:hover { color: #dedede; text-decoration: underline }
.lnk { color: #000000;  text-decoration: block }
.lnkacc { color: #1166cc;  text-decoration: none }
.larg { height: 100%; width: 100%; }
.cdr { border: solid 1pt #555555 }
.unselect { -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 

.wid { display: table-row; }
.lw { display: none; }
.dscr { width: 1000px; padding-right: 6px; padding-left: 6px; }
td { font-size: 12pt; font-family: Lucida Sans Unicode, Sans-serif }
th { font-size: 12pt; font-family: Lucida Sans Unicode, Sans-serif }
.txtmenu { font-size: 12pt; font-family: Lucida Sans Unicode, Sans-serif; color: #cccccc; font-weight: bold }
.vip { background-color: #DD3322; width: 60% }
.titre { font-size: 22pt; font-family: Lucida Sans Unicode, Sans-serif; text-decoration: underline }

.slideshow-img {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:100%;
    z-index:-2;
    position:absolute;
}
.content-text {
    overflow:hidden;
    position:relative;
    color:black; /* You can change */
    text-align:center; /* You can change */
    padding:5px; /* You can change */
    margin-left:0px; /* You can change */
    margin-right:0px; /* You can change */
    z-index:0;
}
.back-trans {
    z-index:-1;
    position:absolute;
    overflow:hidden;
    top:0px;
    bottom:0px;
    left:20px;
    right:20px;
    background-color:green; /* You can change color & opacity */
    filter:alpha(opacity=100);
    opacity:0;
}
.pos-left {
    right: 9999px;
}
.pos-right {
    left: 9999px;
}
.triangle {
    width:0; height:0;
    border:8px solid transparent;
}
.triangle-droit {
    border-left:8px solid #323536;
}
.triangle-gauche {
    border-right:8px solid #323536;
}
.triangle-play {
    border-left:12px solid green;
    float:left;
    cursor: pointer;
}
.container-double {
    cursor: pointer;
    position:relative;
    float:left;
    z-index:11;
}
.second-triangle-droit {
    position:absolute;
    left:8px;
    top:0px;
}
.second-triangle-gauche {
    position:absolute;
    right:8px;
    top:0px;
}
.lecteurSlideShow {
    position:absolute;
    left:48px;
    background-color:white;
    filter:alpha(opacity=70);
    opacity:0.7;
    overflow:auto;
    padding: 5px 0px 2px 8px;
    width:70px;
    z-index:10;
}

/* Smartphones (landscape) ----------- */
@media only screen
and (max-device-width: 800px)
{
.wid { display: none; }
.lw { display: table-row; }
.dscr { width: 100%; padding-right: 6px; padding-left: 6px; }
td { font-size: 14pt; font-family: Lucida Sans Unicode, Sans-serif }
th { font-size: 14pt; font-family: Lucida Sans Unicode, Sans-serif }
.txtmenu { font-size: 16pt; font-family: Lucida Sans Unicode, Sans-serif; color: #cccccc; font-weight: bold }
.vip { background-color: #DD3322; width: 90% }
.titre { font-size: 28pt; font-family: Lucida Sans Unicode, Sans-serif; text-decoration: underline }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-device-width: 480px)
{
.wid { display: none; }
.lw { display: table-row; }
.dscr { width: 100%; padding-right: 6px; padding-left: 6px; }
td { font-size: 22pt; font-family: Lucida Sans Unicode, Sans-serif }
th { font-size: 22pt; font-family: Lucida Sans Unicode, Sans-serif }
.txtmenu { font-family: Lucida Sans Unicode, Sans-serif; color: #cccccc; font-weight: bold }
.vip { background-color: #DD3322; width: 90% }
.titre { font-size: 28pt; font-family: Lucida Sans Unicode, Sans-serif; text-decoration: underline }
}