/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family:Arial, Helvetica, sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p a 
{
	color:#000;
}
p a:hover 
{
	text-decoration:none;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*//////////////////// GENERIQUE /////////////////////////////////////////////*/

/*=========== HEADER ==============================*/
header
{
	background-color:rgba(48,2,25,0.75);
	/*position:absolute;*/
	position:fixed;
	top:0;
	width:100%;
	z-index:10;
}
header nav
{
	width:980px;
	margin:0 auto 0 auto;
}
header nav ul
{
	margin:0;
	padding:0;
	list-style:none; 
	float:right;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
}
header nav ul li
{
	float:left;
	margin:10px 20px 0 20px;
}
header nav ul li a
{
	color:#FFF;
	text-decoration:none;
}
header nav ul li a:hover
{
	text-decoration:underline;
}
/*
.fb
{
	display:block;
	margin:10px 0 10px 80px;
	width:26px;
	height:26px;
	float:right;
	background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/logo-fb.png) top left no-repeat;
}
.fb span {display:none;}
*/
.btnRezo
{
	display:block;
	width:26px;
	height:26px;
	float:right;
	margin:10px 0 10px 20px;
}
.btnRezo span {display:none;}
.fb {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/logo-fb.png) top left no-repeat;}
.twt {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/logo-twt.png) top left no-repeat;}
.itg {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/logo-itg.png) top left no-repeat;}

/*=========== CONTENT ==============================*/
#content
{
	width:980px;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
}
.titre
{
	width:980px;
	height:200px;
	margin:55px 0 0 0;
	background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/titre02.png) top no-repeat;
}
.titreamis {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/titreamis.png) top no-repeat;}
.titreresto {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/titreresto.png) top no-repeat;}
.titretraiteur {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/titretraiteur.png) top no-repeat;}
.titre span {display:none;}

/*--- header ---*/
.head 
{
	min-height:265px;
	background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/head-gen.jpg) top center no-repeat;
}
.head .titre {position:absolute;}

/*--- zone contenu ---*/
.zoneContent 
{
	/*background-image: url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bg-horloge.jpg), url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bg-content01.jpg); 
	background-position: 389px 0, 0 0;
	background-repeat: no-repeat, repeat-y;*/
	background-image: url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bg-content01.gif); 
	background-position: 0 0;
	background-repeat:repeat-y;
	padding:10px 0 50px 0;
	font-size:0.9em;
}
.zoneContent h2
{
	width:790px;
	height:55px;
	padding:15px 0 0 190px;
	margin:0 0 10px 0;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.5em;
	background-position:top left;
	background-repeat:no-repeat;
}
.zoneContent h3 {font-size:1.1em; margin:10px 0 10px 0;}
.zoneContent p {margin:0 0 15px 0;}
.zoneContent01 {padding:0 50px 0 50px; min-height:250px;}
.zoneContent02 {padding:0 50px 0 120px; min-height:250px;}

/*=========== FOOTER ==============================*/
footer nav {background-color:rgba(48,2,25,0.75); position:fixed; bottom:0; width:100%;}
footer nav ul {margin:10px 0 10px 0; padding:0; text-align:center; list-style:none; font-family:"Times New Roman", Times, serif; font-size:1.2em;}
footer nav ul li {display:inline-block; margin:0 50px 0 50px;}
footer nav ul li a {color:#FFF; text-decoration:none;}
footer nav ul li a:hover {text-decoration:underline;}
footer .mentions {margin:0; padding:0; font-family:"Times New Roman", Times, serif; font-size:1.2em; border:1px solid #fff; border-right:none; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; width:26px; height:26px; margin:10px 0 0 0; position:absolute; top:0; right:0;}
footer .mentions a {color:#fff; text-decoration:none; display:inline-block; background: url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictinfos.png) center no-repeat; width:20px; height:20px; padding:3px;}
footer .mentions a span {display:none;}

/*//////////////////// HOME //////////////////////////////////////////////////*/
#home .titre {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/titre01.png) top no-repeat; height:170px;}
.signature {margin:10px 0 0 110px;}
#home footer nav {bottom:170px;}
#home footer .mentions {text-align:center; margin:180px auto 0  auto; width:100% !important; height:auto; position:absolute; border:none;}
#home footer .mentions a {display:inline-block; color:#fff; font-size:0.8em; width:auto; height:auto; background:none;}
#home footer .mentions a span {display:block;}
#home footer .mentions a:hover {text-decoration:underline;}

/*//////////////////// PAGES MENUS //////////////////////////////////////////////////*/

/*=========== GENERIQUE ==============================*/
#menus
{
	margin:0px 15px 40px 15px;
}
#generique #content p a, #generique #content li a {color:#000;}
#generique #content p a:hover, #generique #content li a:hover {text-decoration:none;}
.bloc
{
	position:relative;
	width:260px;
	height:180px;
	font-size:0.8em;
	float:left;
	padding:0 5px 0 5px;
	margin:30px 20px 30px 20px;
	background:rgba(255,255,255,0.75);
}
.bloc h2
{
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:2em;
	font-weight:normal;
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:70px;
	margin-top:-40px;
}
.bloc ul
{
	margin:0 0 0 15px;
	padding:0;
}
.bloc p
{
	margin:0 10px 0 10px;
	padding:0;
}
.lienplus
{
	width:260px;
	text-align:center;
	position:absolute;
	bottom:8px;
}
.lienplus a
{
	display:inline-block;
	/*color:#858585;*/
	color:#666;
	text-decoration:none;
	background:#E0E0E0;
	padding:0 0 0 7px;
	font-size:1.2em;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0,5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0,5);
}
.lienplus a span
{
	background:#D3D3D3;
	display:inline-block;
	padding:0 7px 0 7px;
}
.lienplus a:hover
{
	color:#333;
}

/*--- 4 blocs ---*/
#menu02 #menus
{
	margin:0px 0 40px 0;
	padding:0 0 0 15px;
	width:625px;
	float:left;
}
#illustration
{
	width:270px;
	height:420px;
	float:right;
	margin:30px 55px 0 0;
}
#illustration img
{
	width:270px;
	height:auto;
}

/*=========== MENUS RESTAURANT ==============================*/
.menu01 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto01.png);}
.menu02 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto02.png);}
.menu03 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto03.png);}
.menu04 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto04.png);}
.menu05 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto05.png);}
.menu06 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto06.png);}

/*=========== MENUS ENJOY ==============================*/
.menu07 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto07.png);}
.menu08 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto08.png);}
.menu09 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto09.png);}
.menu10 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto10.png);}

/*.enjoy #menus {background:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bg-enjoy.png) 0 25px no-repeat;}*/

/*=========== MENUS FELIX AIME ==============================*/
.menu11 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto11.png);}
.menu12 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto12.png);}
.menu13 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto13.png);}
.menu14 h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/pictos/picto14.png);}



/*//////////////////// PAGES CONTENT //////////////////////////////////////////////////*/

/*=========== STYLE TITRES PAGES ==============================*/
.page01 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt01.png);}
.page02 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt02.png);}
.page03 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt03.png);}
.page04 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt04.png);}
.page05 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt05.png);}
.page06 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt06.png);}
.page07 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt07.png);}
.page08 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt08.png);}
.page09 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt09.png);}
.page10 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt10.png);}
.page11 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt11.png);}
.page12 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt12.png);}
.page13 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt13.png);}
.page14 .zoneContent h2 {background-image:url(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/bandeTitre/bt14.png);}


/*//////////////////// PAGES RESERVATION //////////////////////////////////////////////////*/
.formResa form .formBlockSurveyTable {width:700px; margin:0 auto 40px auto;}
.formResa form .formBlockSurveyTable td {padding:6px 0 6px 0;}
.formResa form .formBlockSurveyTable .question {padding-right:15px;}

.formResa form .formBlockSurveyTable td input[type=text], 
.formResa form .formBlockSurveyTable textarea, 
.formResa form .formBlockSurveyTable select, 
.formResa form .formBlockSurveyTable .ccm-input-date
{
	border:1px solid #999;
	padding:3px;
	background:#FFF;
}
.formResa form .formBlockSurveyTable select option {padding-right:15px;}
.formResa form .formBlockSurveyTable .ccm-input-button
{
	background:#FFF;
	border:1px solid #999;
	cursor:pointer;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
}
.formResa form .formBlockSurveyTable .ccm-input-button:hover {background:#cfcfcf;}
.formResa form #msg {padding:10px; font-weight:bold; background:#efefef;}
.formResa form #msg .error {font-weight:normal;}


/*//////////////////// PAGES CARTE SAISON ///////////////////////////////////////////////*/
.page02 .zoneContent01 .ccm-layout-wrapper
{
	margin:20px 0 20px 0;
}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-1 img
{
	margin:5px 0 5px 0;
}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 h3
{
	margin:0 0 5px 0;
	padding:0;
}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 table
{
	width:80% !important;
	margin:0 0 60px 0;
	font-size:1.1em;
	line-height:1em;
	}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 table em
{
	font-size:0.85em;
}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 table td
{
	padding:0 0 15px 0;
}

/*//////////////////// INFOS PRATIQUE ///////////////////////////////////////////////*/
.page10 .zoneContent01 a[href*="tel"] {text-decoration:none; cursor:default;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/*@media all and (min-width: 1px) and (max-width: 750px)*/
@media all and (min-width: 1px) and (max-device-width: 750px)
{
body {background:#fff;}
#supersized {display:none !important;}

/*--- HEADER ---*/
header {position:relative; top:0px;}
header nav {width:100%; background:#000;}
header nav ul {float:none; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; text-align:center;}
header nav ul li {float:none; margin:15px 3% 15px 3%; display:inline-block;}
header nav ul li a {text-transform:uppercase; text-decoration:none;}
header nav ul li a:hover {text-decoration:none;}
.fb {display:none;}

#content {width:100%;}
.head, .titre, .signature {display:none;}
#home .titre {display:block !important; width:100%; height:auto !important; text-align:center; margin:20px auto 20px auto; background: none !important;}
.titremobi {width:60% !important; height:auto !important;}
#home .head, #home .titre {display:block !important;}


/*--- FOOTER ---*/
footer nav, #home footer nav {position:relative; bottom:0; width:100%; background:#000;}
footer nav ul {font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0;}
footer nav ul li {display:block; padding:10px 0 10px 0; margin:0; border-bottom:1px solid rgba(255,255,255,0.2);}
/*footer nav ul li:last-child {border-bottom:none;}*/
footer nav ul li:first-child {border-top:1px solid rgba(255,255,255,0.2);}
footer nav ul li a {text-transform:uppercase; display:block;}
footer nav ul li a:hover {text-decoration:none;}
footer .mentions, #home footer .mentions {font-size:1em !important; border:1px solid #fff; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width:auto; height:100%; margin:0; position:relative; top:0; right:0; color:#FFF;}
footer .mentions a {color:#fff !important; text-transform:uppercase; text-align:center; text-decoration:none; display:block; background: none; width:auto; height:auto; padding:10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:1em !important;}
footer .mentions a:hover {text-decoration:none !important;}
footer .mentions a span {display:block;}

/*--- MENUS ---*/
#menus {margin:30px 0 0 0;}
.bloc {position:relative; width:90%; height:auto; font-size:1em; padding:0; margin:35px 5% 35px 5%; background:rgba(255,255,255,0.9);}
.bloc h2 {font-size:2em;}
.bloc ul, .bloc p {margin:0 auto 0 auto; padding:0; width:90%;}
.lienplus {position:relative; bottom:0;}
.lienplus a {margin:20px 0 20px 0; font-size:1.3em;}
.lienplus a:hover {color:#666;}
#menu02 #menus {margin:30px 0 0 0; padding:0; width:100%;}
#illustration {display:none;}
.enjoy #menus {background:none;}

/*--- CONTENU ---*/
.head {min-height:100px; background:none; width:100%;}
.head img {width:100%; height:auto;}
.zoneContent {background:none; background-color:#FFF; padding:10px 0 20px 0; font-size:1em; width:100%;}
.zoneContent h2 {width:auto; height:55px; padding:13px 0 2px 90px; margin:0 0 10px 0; font-size:1.7em; background-position:-80px 0;}
.zoneContent h3 {font-size:1.3em; text-transform:uppercase; margin:0;}
.zoneContent p {margin:0 0 15px 0; text-align:justify; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.zoneContent01 {padding:0 40px 0 40px;}
.zoneContent02 {padding:0 40px 0 40px;}
.bloc {background-color:#efefef;}

/* carte saison */
.page02 .zoneContent01 .ccm-layout-wrapper {margin:20px 0;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-1 {display:none !important;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 h3 {margin:0 0 15px 0; border-bottom:1px solid #E0DACE;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 {width:100% !important;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 table {width:100% !important;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 table td:first-child { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 table em {color:#666;}

/* reservation */
.formResa form .formBlockSurveyTable {width:100%; margin:0 auto 20px auto;}
.formResa form .formBlockSurveyTable td {padding:0 0 20px 0; display:block;}
.formResa form .formBlockSurveyTable .question {padding:0;}
.formResa form .formBlockSurveyTable textarea {width:100%; resize:none; min-height:300px;}
.formResa form .formBlockSurveyTable select option {padding-right:15px;}
.formResa form .formBlockSurveyTable tr:last-child td:first-child {padding:0; height:1px;}
.formResa form .formBlockSurveyTable tr:last-child td:last-child {text-align:center;}
.formResa form .formBlockSurveyTable .ccm-input-button {background:#cfcfcf;}

/* infos pratique */
.page10 .zoneContent01  .ccm-layout-col-1 {width:100% !important;}
.page10 .zoneContent01 p {text-align:center;}
.page10 .zoneContent01 .adresseresto {margin-top:50px;}
.page10 .zoneContent01  .ccm-layout-col-2 {width:100% !important;}
}

@media only screen and (max-width: 320px)
{
header nav ul li {float:none; margin:0; display:block; padding:15px 0 15px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
header nav ul li a {display:block}
.titremobi {width:90% !important; height:auto !important;}
.bloc ul, .bloc p {list-style:none;}
.page02 .zoneContent01 .ccm-layout-wrapper .ccm-layout-col-2 {width:100% !important; max-width:320px;}
.page10 .zoneContent01  .ccm-layout-col-1 p {text-align:center;}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   BACKGROUND
   ========================================================================== */
* { margin:0; padding:0; }
body {height:100%; }
img { border:none; }
#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(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/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(http://pn27uabxga.preview.infomaniak.website/themes/leon/pict/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; }