/* Spadium - CSS Screen Document */
html{height:100%;}
body{
background:#4faadf url(../img/body.png) 0 0 repeat-x;
color:#000;
height:100%;
font-family:"Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size:11px;
overflow-x:hidden;
}
.align-left, .float-left{float:left;}
.align-right, .float-right{float:right;}
.icon{background:transparent url(../img/main/icons.png) 0 0 no-repeat;}
.icon-map-go{background-position:0 0;}
.icon-clock{background-position:-16px 0;}
.icon-database{background-position:-32px 0;}
.icon-notes{background-position:-48px 0;}
.icon-help{background-position:-64px 0;}
.icon-mail{background-position:-80px 0;}
.icon-medias{background-position:-96px 0;}
.icon-home{background-position:-112px 0;}
.icon-tel{background-position:-128px 0;}
.icon-fax{background-position:-144px 0;}
.icon-information{background-position:-160px 0;}
.icon-valid{background-position:-176px 0;}
.icon-error{background-position:-192px 0;}
.icon-print{background-position:-208px 0;}
.icon-date{background-position:-224px 0;}
.icon-flower-spa{background-position:-240px 0;}
.icon-edit{background-position:-256px 0;}
.icon-add{background-position:-272px 0;}
.icon-del{background-position:-288px 0;}
.icon-pdf{background-position:-304px 0;}
.icon-toggler{background:transparent url(../img/main/accordion-toggler.png) 0 0 no-repeat;}
.loading{background:transparent url(../img/ajax-loader.gif) 0 2px no-repeat;}
.required{color:#FCE12B; font-weight:bold;}
#container{
background:transparent url(../img/waves.png) center 0 no-repeat;
height:100%;
height:auto !important;
min-height:100%;
min-width:960px;
overflow:hidden;
position:relative;
z-index:2;
}
#waves{
height:71px;
left:50%;
margin-left:-960px;
min-width:960px;
position:absolute;
top:0;
width:100%;
z-index:1;
}
#page{
background:transparent url(../img/photos.png) 0 -45px no-repeat;
margin:0 auto;
overflow:hidden;
padding:0 10px 245px 10px;
position:relative;
width:940px;
zoom:1;
}
.ie6 #page{
}
#page.children{background-position:0 -45px;}
#page.girl{background-position:-960px -45px;}
#page.man{background-position:-1920px -45px;}
#header{
left:44px;
position:absolute;
top:63px;
z-index:2;
zoom:1;
}
#header h1{
display:block;
height:80px;
overflow:hidden;
text-indent:-10000px;
width:145px;
}
#header h1 a{
background:transparent url(../img/header/spadium-logo.png) 0 0 no-repeat;
display:block;
height:80px;
overflow:hidden;
outline:none;
}
#header h2{
display:none;
}
#header figure{
display:none;
}
#navigation{
float:right;
margin:0 200px 0 0;
position:relative;
z-index:3;
}
.ie6 #navigation,
.ie7 #navigation{
display:inline;
float:none;
margin:0;
position:absolute;
right:200px;
}
#navigation ul{
}
#navigation ul li{
display:inline;
float:left;
font-size:13px;
font-weight:bold;
height:68px;
position:relative;
text-transform:uppercase;
}
.ie6 #navigation ul #navigation-presentation{width:140px;}
.ie6 #navigation ul #navigation-complexe-aquatique{width:260px;}
.ie6 #navigation ul #navigation-contact{width:100px;}
#navigation ul li a{
background:transparent url(../img/navigation/glow.png) center 0 no-repeat;
color:#3baaea;
display:block;
height:14px;
padding:25px 27px 29px 27px;
text-decoration:none;
}
.ie6 #navigation ul li a{
background-image:none;
}
#navigation ul li.active a,
#navigation ul li a.active,
#navigation ul li:hover a,
#navigation ul li a:hover{
background-position:center -68px;
color:#17306c;
}
#navigation ul li ul{
display:none;
position:absolute;
top:68px;
width:100%;
}
.no-js #navigation ul li:hover ul{
display:block;
}
#navigation ul li ul li{
float:none;
font-size:12px;
height:auto;
text-align:center;
text-transform:none;
}
#navigation ul li.active ul li a,
#navigation ul li ul li a,
#navigation ul li:hover ul li a{
background-color:#091631;
background-image:none;
color:#fff;
height:auto;
padding:5px 20px;
}
#navigation ul li ul li a .special{
color:#fce12b;
}
#navigation ul li ul li a:hover{
background-color:#0f2349;
color:#fff;
}
#main{
clear:both;
margin:0 0 40px 0;
overflow:hidden;
padding:0;
position:relative;
}
.ie6 #main,
.ie7 #main{
padding-top:80px;
zoom:1;
}
body#accueil #main{
background:transparent url(../img/main/home.png) 110px 165px no-repeat;
margin-bottom:0;
padding-bottom:50px;
}
.ie7 body#accueil #main,
.ie6 body#accueil #main{
background-position:110px 240px;
}
#main #breadcrumb-navigation{
left:240px;
position:absolute;
top:20px;
z-index:1;
}
.ie6 #main #breadcrumb-navigation,
.ie7 #main #breadcrumb-navigation{
top:100px;
zoom:1;
}
#main #breadcrumb-navigation ul{
}
#main #breadcrumb-navigation ul li{
color:#fff;
display:inline;
}
#main #breadcrumb-navigation ul li a{
color:#edce00;
}
#main #breadcrumb-navigation ul li a:hover{
text-decoration:none;
}
#main #main-content{
float:right;
width:700px;
}
#main #main-content header{
height:90px;
overflow:hidden;
}
body#accueil #main #main-content header{
float:left;
height:auto;
margin:60px 0 0 20px;
text-align:center;
}
#main #main-content header.spadiumparc{
background:transparent url(../img/main/spadiumparc-logo.png) 85% 25px no-repeat;
}
#main #main-content header.aquacountry{
background:transparent url(../img/main/aquacountry-logo.png) 94% 36px no-repeat;
}
#main #main-content header h2{
background:transparent url(../img/main/spadium-waves.png) 0 center no-repeat;
color:#fff;
font-size:24px;
margin:50px 0 0 0;
padding:0 0 0 55px;
}
body#accueil #main #main-content header h2{
background:none;
font-size:22px;
margin:0;
padding:0;
}
#main #main-content header h2 a{
color:#fff;
text-decoration:none;
outline:none;
}
#main #main-content header h2 .special{
color:#fce12b;
}
body#accueil #main #main-content header h2 .special{
font-size:32px;
}
#main #main-content .content{
background-color:rgba(1,20,39,0.25);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
min-height:505px;
overflow:hidden;
padding:0;
}
.no-borderradius #main #main-content .content{
behavior:url(/js/PIE.htc);
}
.ie7 #main #main-content .content{
padding:20px 0;
}
.no-rgba #main #main-content .content{
background-color:#3b84b0;
}
body#accueil #main #main-content .content{
background-color:transparent;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
min-height:550px;
padding:0;
}
.ie6 #main #main-content .content .event,
.ie7 #main #main-content .content .event{
text-align:center;
}
.ie6 #main #main-content .content .event h3,
.ie7 #main #main-content .content .event h3,
.ie6 #main #main-content .content .event h4,
.ie7 #main #main-content .content .event h4,
.ie6 #main #main-content .content .event p,
.ie7 #main #main-content .content .event p{
text-align:left;
}
#main #main-content .content #youtube-player{
display:block;
margin:20px auto;
overflow:hidden;
width:480px;
}
#main #main-content .content #cartography{
margin:0 auto;
width:540px;
zoom:1;
}
body#accueil #main #main-content .content #cartography{
float:right;
margin:-120px 0 0 0;
zoom:1;
}
#main #main-content .content #cartography h3{
display:none;
}
#main #main-content .content #cartography ul{
background:transparent url(../img/main/cartography.png) 0 0 no-repeat;
height:573px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
width:540px;
}
#main #main-content .content #cartography ul li{
background:none;
display:block;
font-size:12px;
height:26px;
margin:-13px 0 0 -13px;
overflow:hidden;
padding:0;
position:absolute;
width:26px;
}
.no-borderradius #main #main-content .content #cartography ul li{
behavior:url(/js/PIE.htc);
}
#main #main-content .content #cartography ul li span{
display:block;
position:relative;
}
.no-borderradius #main #main-content .content #cartography ul li span{
behavior:url(/js/PIE.htc);
}
#main #main-content .content #cartography ul li:hover{
width:auto;
z-index:99;
}
#main #main-content .content #cartography ul li:hover span{
background-color:#35bdff;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(27,152,255)),color-stop(1, rgb(78,220,255)));
background-image:-moz-linear-gradient(center bottom,rgb(27,152,255) 0%,rgb(78,220,255) 100%);
background-image:linear-gradient(center bottom,rgb(27,152,255) 0%,rgb(78,220,255) 100%);
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
#main #main-content .content #cartography ul li a{
background:transparent url(../img/main/cartography-markers.png) 0 -5px no-repeat;
color:#fff;
display:block;
height:16px;
margin:5px 0 0 0;
overflow:hidden;
padding-right:15px;
text-decoration:none;
text-indent:35px;
width:16px;
}
#main #main-content .content #cartography ul li:hover a,
#main #main-content .content #cartography ul li a:hover{
background-position:0 -26px;
height:100%;
margin:0;
width:auto;
}
#main #main-content .content #cartography a{
outline:none;
}
#main #main-content .content #cartography img{
margin:0;
}
#main #main-content .content-submenu{
-webkit-border-top-left-radius:0;
-moz-border-radius:0 10px 10px 10px;
border-radius:0 10px 10px 10px;
min-height:847px;
padding:0;
}
.no-borderradius #main #main-content .content-submenu{
behavior:url(/js/PIE.htc);
}
#main #main-content .content .icon{
display:block;
float:left;
height:16px;
margin:2px 5px 5px 0;
overflow:hidden;
width:16px;
}
#main #main-content .content br{
clear:both;
}
#main #main-content .content h3{
border-bottom:1px solid #fce12b;
clear:both;
color:#fff;
font-size:16px;
margin:20px;
padding:0 0 9px 0;
}
#main #main-content .content-submenu h3{
margin-top:20px;
text-align:right;
}
#main #main-content .content-submenu .news h3{
text-align:left;
}
#main #main-content .content h4{
background:transparent url(../img/main/arrow-right-yellow.png) 0 5px no-repeat;
clear:both;
color:#fce12b;
font-size:12px;
margin:20px 20px 20px 35px;
padding:0 0 0 15px;
}
#main #main-content .content p{
color:#fff;
line-height:18px;
margin:20px;
}
#main #main-content .content p.text-small{
font-size:10px;
}
#main #main-content .content p.button{
background-color:#f9c302;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(249,195,2)),color-stop(1, rgb(255,255,86)));
background-image:-moz-linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
background-image:linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
color:#17316c;
float:left;
font-weight:bold;
margin:20px;
position:relative;
}
.no-borderradius #main #main-content .content p.button{
behavior:url(/js/PIE.htc);
}
#main #main-content .content p.button:hover{
background-color:#f9c302;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,255,86)),color-stop(1, rgb(249,195,2)));
background-image:-moz-linear-gradient(center bottom,rgb(255,255,86) 0%,rgb(249,195,2) 100%);
background-image:linear-gradient(center bottom,rgb(255,255,86) 0%,rgb(249,195,2) 100%);
}
.no-borderradius #main #main-content .content p.button:hover{
behavior:url(/js/PIE.htc);
}
.ie6 #main #main-content .content p.button{
display:inline;
}
#main #main-content .content p.button-back{
clear:both;
margin-top:5px;
}
#main #main-content .content p.button-more{
clear:both;
float:right;
margin-top:5px;
}
#main #main-content .content p.button a{
color:#17316c;
display:block;
padding:6px 15px;
text-decoration:none;
}
#main #main-content .content p.button a .icon{
margin-right:15px;
}
#main #main-content .content p.loading{
padding-left:25px;
}
#main #main-content .content img.border{
border:8px solid #fff;
}
#main #main-content .content img.shadow{
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
box-shadow:0 0 5px rgba(0,0,0,0.5);
}
#main #main-content .content img{
margin:5px 50px 25px 70px;
}
#main #main-content .content img.captcha{
cursor:pointer;
margin:0;
}
#main #main-content .content img.align-left,
#main #main-content .content img.float-left{
margin-left:25px;
}
#main #main-content .content img.align-right,
#main #main-content .content img.float-right{
margin-right:25px;
}
#main #main-content .content a{
color:#edce00;
}
#main #main-content .content a:hover{
text-decoration:none;
}
#main #main-content .content a:hover img.border{
border-color:#a4d5f5;
}
#main #main-content .content ul,
#main #main-content .content ol{
clear:both;
color:#fff;
line-height:24px;
margin:20px 60px;
}
#main #main-content .content ol{
margin:20px 80px;
}
#main #main-content .content ul li{
background:transparent url(../img/main/arrow-big-right-cyan.png) 0 5px no-repeat;
list-style:none;
padding:0 0 0 25px;
}
#main #main-content .content ul li.cyan{background-image:url(../img/main/arrow-big-right-cyan.png);}
#main #main-content .content ul li.green{background-image:url(../img/main/arrow-big-right-green.png);}
#main #main-content .content ul li.magenta{background-image:url(../img/main/arrow-big-right-magenta.png);}
#main #main-content .content ol li{
padding:0 0 0 5px;
}
#main #main-content .content h3.cyan,
#main #main-content .content h4.cyan,
#main #main-content .content p.cyan,
#main #main-content .content p.cyan,
#main #main-content .content a.cyan,
#main #main-content .content ul.cyan li,
#main #main-content .content ol.cyan li,
#main #main-content .content li.cyan{
color:#59cfff;
}
#main #main-content .content h3.green,
#main #main-content .content h4.green,
#main #main-content .content p.green,
#main #main-content .content p.green,
#main #main-content .content a.green,
#main #main-content .content ul.green li,
#main #main-content .content ol.green li,
#main #main-content .content li.green{
color:#91ce39;
}
#main #main-content .content h3.magenta,
#main #main-content .content h4.magenta,
#main #main-content .content p.magenta,
#main #main-content .content p.magenta,
#main #main-content .content a.magenta,
#main #main-content .content ul.magenta li,
#main #main-content .content ol.magenta li,
#main #main-content .content li.magenta{
color:#d587d8;
}
#main #main-content .content ul.multipage{
clear:both;
margin:10px 20px;
overflow:hidden;
padding:0 0 5px 0;
}
#main #main-content .content ul.multipage li{
background-color:#f9c302;
background-image:none;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(249,195,2)),color-stop(1, rgb(255,255,86)));
background-image:-moz-linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
background-image:linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
background-position:0 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
color:#17316c;
float:left;
margin:0 0 0 5px;
min-width:22px;
padding:0;
position:relative;
text-align:center;
}
.no-borderradius #main #main-content .content ul.multipage li,
.no-cssgradients #main #main-content .content ul.multipage li{
behavior:url(/js/PIE.htc);
}
#main #main-content .content ul.multipage li.prev,
#main #main-content .content ul.multipage li.next,
#main #main-content .content ul.multipage li.prev:hover,
#main #main-content .content ul.multipage li.next:hover{
background:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
color:#fff;
}
#main #main-content .content ul.multipage li.current,
#main #main-content .content ul.multipage li:hover{
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,255,86)),color-stop(1, rgb(249,195,2)));
background-image:-moz-linear-gradient(center bottom,rgb(255,255,86) 0%,rgb(249,195,2) 100%);
background-image:linear-gradient(center bottom,rgb(255,255,86) 0%,rgb(249,195,2) 100%);
}
#main #main-content .content ul.multipage li a{
color:#17316c;
display:block;
margin:0;
padding:0 4px;
text-decoration:none;
}
#main #main-content .content ul.multipage li.prev a,
#main #main-content .content ul.multipage li.next a{
color:#fff;
}
#main #main-content .content table{
border-collapse:separate;
border-spacing:2px;
color:#fff;
line-height:16px;
margin:20px;
table-layout:fixed;
}
#main #main-content .content .block table,
#main #main-content .content blockquote table{
margin:20px 40px;
width:580px;
}
#main #main-content .content table caption{
margin:0 0 10px 0;
}
#main #main-content .content table th,
#main #main-content .content table td{
background-color:rgba(255,255,255,0.1);
border:0;
padding:6px 12px;
}
.no-rgba #main #main-content .content table th,
.no-rgba #main #main-content .content table td{
background-color:#5d89ab;
}
#main #main-content .content table th{
text-align: left;
}
#main #main-content .content table td{
color:#173160;
}
#main #main-content .content table td .special{
color:#268cc9;
}
#main #main-content .content table th.alpha-0,
#main #main-content .content table td.alpha-0{
background-color:transparent;
}
#main #main-content .content table td.alpha-20{
background-color:rgba(255,255,255,0.2);
}
.no-rgba #main #main-content .content table td.alpha-20{
background-color:#577c9c;
}
#main #main-content .content table td.alpha-75{
background-color:rgba(255,255,255,0.75);
}
.no-rgba #main #main-content .content table td.alpha-75{
background-color:#cbd7e1;
}
#main #main-content .content table td.alpha-100{
background-color:#fff;
}
#main #main-content .content table .text-left{
text-align:left;
}
#main #main-content .content table .text-right{
text-align:right;
}
#main #main-content .content table td{
text-align:center;
}
#main #main-content .content form p{
clear:both;
margin-bottom:10px;
margin-top:10px;
overflow:hidden;
}
#main #main-content .content form p.submit{
margin-left:185px;
overflow:visible;
}
#main #main-content .content label{
display:block;
float:left;
margin:4px 15px 0 0;
text-align:right;
width:170px;
}
#main #main-content .content input.text,
#main #main-content .content textarea{
background-color:#fff;
border:1px solid #3d6f9f;
float:left;
font-family:"Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size:11px;
opacity:0.75;
padding:4px;
width:180px;
}
#main #main-content .content input.text-small{
width:90px;
}
#main #main-content .content textarea{
width:400px;
}
#main #main-content .content input.text:focus,
#main #main-content .content textarea:focus{
opacity:1;
}
#main #main-content .content input.submit{
background-color:#f9c302;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(249,195,2)),color-stop(1, rgb(255,255,86)));
background-image:-moz-linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
background-image:linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.75);
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
border:0;
color:#17316c;
cursor:pointer;
font-family:"Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size:12px;
font-weight:bold;
margin:0 0 0 20px;
padding:3px 15px;
position:relative;
zoom:1;
}
.no-borderradius #main #main-content .content input.submit,
.no-cssgradients #main #main-content .content input.submit{
behavior:url(/js/PIE.htc);
}
#main #main-content .content input.submit:hover{
background-color:#f9c302;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,255,86)),color-stop(1, rgb(249,195,2)));
background-image:-moz-linear-gradient(center bottom,rgb(255,255,86) 0%,rgb(249,195,2) 100%);
background-image:linear-gradient(center bottom,rgb(255,255,86) 0%,rgb(249,195,2) 100%);
}
#main #main-content .content select{
font-family:"Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size:11px;
padding:4px;
}
#main #main-content .content .block,
#main #main-content .content blockquote{
background-color:rgba(255,255,255,0.1);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin:20px;
overflow:hidden;
padding:0;
position:relative;
}
.no-borderradius #main #main-content .content .block,
.no-borderradius #main #main-content .content blockquote{
behavior:url(/js/PIE.htc);
}
.no-rgba #main #main-content .content .block,
.no-rgba #main #main-content .content blockquote{
background-color:#4f91b8;
}
#main #main-content .content-submenu .block h4,
#main #main-content .content-submenu blockquote h4{
margin-left:20px;
}
#main #main-content .content ul.gallery{
clear:both;
margin:40px 0;
overflow:hidden;
padding:0;
}
#main #main-content .content ul.gallery li{
background:none;
float:left;
height:124px;
line-height:118px;
margin:0 0 12px 12px;
overflow:hidden;
padding:0;
text-align:center;
width:150px;
}
#main #main-content .content ul.gallery li a{
display:block;
}
#main #main-content .content ul.gallery li img{
display:inline;
margin:0;
padding:0;
vertical-align:middle;
}
#main #main-content .content .accordion{
background-color:rgba(255,255,255,0.2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:3px 20px;
overflow:hidden;
padding:0;
}
.no-borderradius #main #main-content .content .accordion{
behavior:url(/js/PIE.htc);
}
.no-rgba #main #main-content .content .accordion{
background-color:#6895b6;
}
#main #main-content .content .accordion .accordion-toggler{
color:#fff;
cursor:pointer;
margin:0;
overflow:hidden;
padding:10px 4px 4px;
}
#main #main-content .content .accordion .accordion-toggler .icon-toggler{
height:23px;
margin:-5px 10px 0 0;
width:25px;
}
#main #main-content .content .accordion .accordion-toggler-active .icon-toggler{
background-position:0 -23px;
}
#main #main-content .content .accordion .accordion-toggler time{
font-weight:normal;
}
#main #main-content .content .accordion .accordion-element{
background-color:rgba(255,255,255,0.1);
}
.no-rgba #main #main-content .content .accordion .accordion-element{
background-color:#7daac7;
}
#main #main-content .content .news{
overflow:hidden;
}
#main #main-content .content .activity{
overflow:hidden;
padding:0;
position:relative;
}
#main #main-content .content .activity p{
margin:10px 20px;
}
#main #main-content .content .activity .activity-wrap{
margin:20px 0;
overflow:hidden;
}
#main #main-content .content .activity .activity-informations{
float:left;
overflow:hidden;
width:520px;
}
#main #main-content .content .activity .activity-duration{
float:right;
overflow:hidden;
width:120px;
}
#main #main-content .content .activity .activity-duration p{
margin:10px 20px 10px 0;
}
#main #main-content .content .activity .activity-description,
#main #main-content .content .activity .activity-details{
clear:both;
}
#main #main-content .content .activity .activity-description{
margin-bottom:30px;
}
#main #main-content .content .hourly{
}
#main #main-content .content .hourly .hourly-toggler{
background-color:#f9c302;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(249,195,2)),color-stop(1, rgb(255,255,86)));
background-image:-moz-linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
background-image:linear-gradient(center bottom,rgb(249,195,2) 0%,rgb(255,255,86) 100%);
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
bottom:0;
margin:0;
padding:0;
position:absolute;
right:20px;
}
.no-borderradius #main #main-content .content .hourly .hourly-toggler,
.no-cssgradients #main #main-content .content .hourly .hourly-toggler{
behavior:url(/js/PIE.htc);
}
#main #main-content .content .hourly .hourly-toggler a{
background:transparent url(../img/main/hourly-toggler.png) 5px 5px no-repeat;
color:#17316c;
display:block;
padding:2px 15px 2px 25px;
text-decoration:none;
}
#main #main-content .content .hourly .hourly-toggler-open a{
background-position:5px -11px;
}
#main #main-content .content .hourly .hourly-element{
background-color:rgba(255,255,255,0.1);
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius:0 0 10px 10px;
padding:0 0 20px 0;
}
.no-borderradius #main #main-content .content .hourly .hourly-element{
behavior:url(/js/PIE.htc);
}
.no-rgba #main #main-content .content .hourly .hourly-element{
background-color:#5589ac;
}
#main #main-content .content .gmap{
display:block;
height:415px;
margin:20px 0;
}
#main #main-content .content #spadium-gmap-directions img{
margin:3px 20px;
vertical-align:middle;
}
#main #main-content .content #spadium-gmap-directions table.adp-placemark{
background-color:rgba(255,255,255,0.3);
border:0;
color:#000;
margin-top:20px;
}
.no-rgba #main #main-content .content #spadium-gmap-directions table.adp-placemark{
background-color:#6593b3;
}
#main #main-content .content #spadium-gmap-directions table{
table-layout:auto;
}
#main #main-content .content #spadium-gmap-directions .adp-legal,
#main #main-content .content #spadium-gmap-directions .adp-summary{
color:#000;
margin:10px 20px;
}
#main #main-sidebar{
float:left;
margin:90px 0 0 0;
overflow:hidden;
width:240px;
}
#main #main-sidebar-navigation{
background-color:rgba(1,20,39,0.25);
-webkit-border-bottom-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
margin:0 0 20px 0;
overflow:hidden;
padding:10px;
position:relative;
zoom:1;
}
.no-borderradius #main #main-sidebar-navigation{
behavior:url(/js/PIE.htc);
}
.no-rgba #main #main-sidebar-navigation{
background-color:#3b84b0;
}
#main #main-sidebar-navigation h3{
color:#a4d5f5;
float:left;
font-size:18px;
margin:5px 0 15px 0;
padding:0 0 0 10px;
}
#main #main-sidebar-navigation h3 .arrow{
background:transparent url(../img/main/arrows-bottom.png) 0 0 no-repeat;
display:block;
float:right;
height:6px;
margin:9px 0 0 9px;
overflow:hidden;
width:6px;
}
.ie6 #main #main-sidebar #cote-loisirs header h3 .arrow,
.ie6 #main #main-sidebar #cote-sport header h3 .arrow,
.ie6 #main #main-sidebar #cote-bien-etre header h3 .arrow,
.ie7 #main #main-sidebar #cote-loisirs header h3 .arrow,
.ie7 #main #main-sidebar #cote-sport header h3 .arrow,
.ie7 #main #main-sidebar #cote-bien-etre header h3 .arrow{
display:none;
}
#main #main-sidebar-navigation ul{
clear:both;
position:relative;
}
#main #main-sidebar-navigation ul li{
clear:both;
height:auto;
margin:0 0 3px 0;
position:relative;
}
.trident #main #main-sidebar-navigation ul li{
height:30px;
overflow:hidden;
}
.trident #main #main-sidebar-navigation ul li.active{
height:auto;
}
#main #main-sidebar-navigation ul li a{
background-color:rgba(75,135,192,0.5);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#fff;
display:block;
line-height:12px;
padding:9px;
position:relative;
text-decoration:none;
outline:none;
}
.no-borderradius #main #main-sidebar-navigation ul li a{
behavior:url(/js/PIE.htc);
}
.trident #main #main-sidebar-navigation ul li a{
height:12px;
overflow:hidden;
}
.no-rgba #main #main-sidebar-navigation ul li a{
background-color:#4f91b8;
}
#main #main-sidebar-navigation ul li a.active,
#main #main-sidebar-navigation ul li.active a,
#main #main-sidebar-navigation ul li a:hover{
background-color:rgba(1,10,32,0.5);
}
.no-rgba #main #main-sidebar-navigation ul li a.active,
.no-rgba #main #main-sidebar-navigation ul li.active a,
.no-rgba #main #main-sidebar-navigation ul li a:hover{
background-color:#072345;
}
#main #main-sidebar-navigation ul li a.special:hover,
#main #main-sidebar-navigation ul li.active a.special{
background-color:#f392bd;
color:#901a71;
}
#main #main-sidebar-navigation ul li a .icon{
display:block;
float:left;
height:16px;
margin:0 10px 0 2px;
overflow:hidden;
width:16px;
}
#main #main-sidebar-navigation ul li ul{
display:none;
height:100%;
overflow:hidden;
padding:0;
position:relative;
}
#main #main-sidebar-navigation ul li.active ul{
display:block;
}
#main #main-sidebar-navigation ul li ul li{
margin:2px 0;
}
.trident #main #main-sidebar-navigation ul li ul li{
height:19px;
}
#main #main-sidebar-navigation ul li ul li a{
background:transparent url(../img/main/arrow-right-yellow.png) 17px center no-repeat;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
font-size:11px;
padding:0 0 0 30px;
}
.no-borderradius #main #main-sidebar-navigation ul li ul li a{
behavior:url(/js/PIE.htc);
}
#main #main-sidebar-navigation ul li.active ul li a{
background-color:transparent;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
display:block;
padding-bottom:4px;
padding-top:3px;
}
.no-borderradius #main #main-sidebar-navigation ul li.active ul li a{
behavior:url(/js/PIE.htc);
}
#main #main-sidebar-navigation ul li.active ul li.special a{
background-color:rgba(255,255,255,0.08);
}
.no-rgba #main #main-sidebar-navigation ul li.active ul li.special a{
background-color:#407ea7;
}
#main #main-sidebar-navigation ul li ul li a.active,
#main #main-sidebar-navigation ul li ul li a:hover{
background-color:transparent;
color:#a4d5f5;
}
#main #main-sidebar-navigation ul li ul li.special a.active,
#main #main-sidebar-navigation ul li ul li.special a:hover{
background-color:rgba(255,255,255,0.15);
}
.no-rgba #main #main-sidebar-navigation ul li ul li.special a.active,
.no-rgba #main #main-sidebar-navigation ul li ul li.special a:hover{
background-color:#457aa1;
}
#main #main-sidebar-navigation ul li.last{
margin-bottom:0;
}
#main #main-sidebar-navigation #main-sidebar-cornice{
background:transparent url(../img/main/cornice.png) 0 0 no-repeat;
bottom:-12px;
height:12px;
overflow:hidden;
position:absolute;
right:0;
width:12px;
}
.no-borderradius #main #main-sidebar-navigation #main-sidebar-cornice{
background-image:none;
}
#main #main-sidebar .block{
background-color:rgba(1,20,39,0.1);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:0 20px 20px 0;
padding:7px;
position:relative;
}
.no-borderradius #main #main-sidebar .block{
behavior:url(/js/PIE.htc);
}
.no-rgba #main #main-sidebar .block{
background-color:#479bcb;
}
.no-rgba #accueil #main #main-sidebar #cote-loisirs,
.no-rgba #main #main-sidebar.no-submenu #cote-loisirs{
background-color:#1b578c;
}
.no-rgba #accueil #main #main-sidebar #cote-sport,
.no-rgba #main #main-sidebar.no-submenu #cote-sport{
background-color:#2a79ae;
}
.no-rgba #accueil #main #main-sidebar #cote-bien-etre,
.no-rgba #main #main-sidebar.no-submenu #cote-bien-etre{
background-color:#4396c7;
}
#main #main-sidebar .block header{
}
#main #main-sidebar .block header h3{
font-size:27px;
margin:0 0 7px 0;
}
#main #main-sidebar #cote-loisirs header h3{
color:#59cfff;
}
#main #main-sidebar #cote-sport header h3{
color:#91ce39;
}
#main #main-sidebar #cote-bien-etre header h3{
color:#d587d8;
}
#main #main-sidebar .block header h3 a{
text-decoration:none;
}
#main #main-sidebar #cote-loisirs header h3 a{
color:#59cfff;
}
#main #main-sidebar #cote-sport header h3 a{
color:#91ce39;
}
#main #main-sidebar #cote-bien-etre header h3 a{
color:#d587d8;
}
#main #main-sidebar .block header h3 .arrow{
background:transparent url(../img/main/arrows-right.png) 0 0 no-repeat;
display:block;
float:right;
height:12px;
margin:9px 9px 0 0;
overflow:hidden;
width:12px;
}
#main #main-sidebar #cote-loisirs header h3 .arrow{
background-position:-24px 0;
}
#main #main-sidebar #cote-sport header h3 .arrow{
background-position:-12px 0;
}
#main #main-sidebar #cote-bien-etre header h3 .arrow{
background-position:0 0;
}
#main #main-sidebar .block .content{
}
#main #main-sidebar .block figure{
}
#main #main-sidebar .block figure img{
border-top:2px solid;
}
#main #main-sidebar #cote-loisirs figure img{
border-color:#59cfff;
}
#main #main-sidebar #cote-sport figure img{
border-color:#91ce39;
}
#main #main-sidebar #cote-bien-etre figure img{
border-color:#d587d8;
}
#main #main-sidebar .block .content p{
color:#fff;
line-height:14px;
margin:7px 0;
}
#main #main-sidebar #block-empty{
background-color:rgba(1,20,39,0.1);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
clear:both;
height:100%;
left:0;
position:absolute;
width:220px;
}
.no-borderradius #main #main-sidebar #block-empty{
behavior:url(/js/PIE.htc);
}
body#accueil #main #main-sidebar #block-empty{
display:none;
}
#footer{
clear:both;
height:245px;
margin:-245px auto 0 auto;
overflow:hidden;
padding:0 10px;
position:relative;
width:940px;
z-index:3;
}
#footer #footer-news{
background-color:#2c668c;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
height:25px;
overflow:hidden;
position:relative;
width:100%;
}
.no-borderradius #footer #footer-news{
behavior:url(/js/PIE.htc);
}
#footer #footer-news p{
color:#a4d5f5;
font-size:14px;
left:0;
margin:4px 13px 0 13px;
position:absolute;
text-transform:lowercase;
top:0;
}
#footer #footer-news p a{
color:#a4d5f5;
text-decoration:none;
}
#footer #footer-news ul{
margin:0 0 0 115px;
}
#footer #footer-news ul li{
background-color:#2c668c;
-webkit-border-top-right-radius:10px;
-moz-border-radius:0 10px 0 0;
border-radius:0 10px 0 0;
color:#fff;
display:block;
height:25px;
position:relative;
width:825px;
}
.no-borderradius #footer #footer-news ul li{
behavior:url(/js/PIE.htc);
}
#footer #footer-news ul li a{
color:#fff;
display:block;
height:11px;
padding:7px 0;
text-decoration:none;
}
#footer #footer-news ul li a:hover{
color:#a4d5f5;
}
#footer #footer-news ul li a time{
font-weight:bold;
}
#footer #footer-more{
background-color:#fff;
background-image:url(../img/footer/spadium-logo.png);
background-position:70% 75%;
background-repeat:no-repeat;
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.75);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.75);
box-shadow:0 0 4px rgba(0,0,0,0.75);
height:220px;
overflow:hidden;
width:100%;
}
#footer #footer-more #footer-navigation{
float:left;
overflow:hidden;
width:700px;
}
#footer #footer-more #footer-navigation ul{
clear:both;
margin:20px 0 0 10px;
overflow:hidden;
}
#footer #footer-more #footer-navigation ul li{
line-height:16px;
margin:0 0 15px 0;
padding:0 20px;
}
#footer #footer-more #footer-navigation ul li.submenu{
float:left;
margin:0 35px 0 0;
}
#footer #footer-more #footer-navigation ul li a{
color:#808080;
text-decoration:none;
}
#footer #footer-more #footer-navigation ul li a strong{
font-size:12px;
text-transform:uppercase;
}
#footer #footer-more #footer-navigation ul li ul{
clear:both;
margin:10px 0 0 0;
width:auto;
}
#footer #footer-more #footer-navigation ul li.submenu ul li,
#footer #footer-more #footer-navigation ul li ul li{
float:none;
margin:0;
padding:0;
}
#footer #footer-more #footer-navigation ul li ul li a{
color:#373737;
}
#footer #footer-more #footer-navigation ul li ul li a:hover{
color:#808080;
}
#footer #footer-more #footer-wrapper{
float:left;
margin:40px 0 0 0;
overflow:hidden;
width:700px;
}
.ie6 #footer #footer-more #footer-wrapper,
.ie7 #footer #footer-more #footer-wrapper{
display:inline;
margin-top:25px;
}
#footer #footer-more #facebook{
float:right;
margin:-1px -1px 0 0;
}
#footer #footer-more #footer-wrapper #footer-pages-navigation{
float:left;
margin:2px 0 0 30px;
}
#footer #footer-more #footer-wrapper #footer-pages-navigation ul{
}
#footer #footer-more #footer-wrapper #footer-pages-navigation ul li{
color:#808080;
}
#footer #footer-more #footer-wrapper #footer-pages-navigation ul li a{
color:#808080;
text-decoration:none;
}
#footer #footer-more #footer-wrapper #footer-pages-navigation ul li a:hover{
color:#373737;
}
#footer #footer-more #footer-wrapper #footer-youtube{
float:left;
margin:0 0 0 10px;
}
#footer #footer-more #footer-wrapper #footer-youtube a{
background:transparent url(../img/main/youtube.png) 0 0 no-repeat;
display:block;
height:16px;
overflow:hidden;
text-indent:-10000px;
width:16px;
}
#footer #footer-more #footer-wrapper #footer-rss{
float:left;
margin:0 0 0 10px;
}
#footer #footer-more #footer-wrapper #footer-rss a{
background:transparent url(../img/main/feed.png) 0 0 no-repeat;
display:block;
height:16px;
overflow:hidden;
text-indent:-10000px;
width:16px;
}
#footer #footer-more #footer-wrapper #footer-copyright{
float:right;
margin:0 20px 0 0;
}
#footer #footer-more #footer-contentinfo{
display:none;
}