@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------Typographie*/
h1, h2, h3, h4, h5, h6, p {
text-align: left
}
div#inner h2, div#inner h3, div#inner h4, div#inner h5, div#inner h6 {
background: none repeat scroll 0 0 #FCFCFC;
font-size:40px;
line-height:25px;
margin: 0;
padding: 0;
}
div#inner h2 {font-size:20px; font-size:1.25rem}
div#inner h3 {font-size:32px; font-size:2rem;line-height:1}
div#inner h4 {font-size:24px; font-size:1.5rem;line-height:1.25}
div#inner h5 {font-size:20px; font-size:1.25rem;font-weight:bold}
div#inner h6 {font-size:20px; font-size:1.25rem;font-weight:bold}
div#inner h4, div#inner h5, div#inner h6 {
margin-left: 32px;
margin-left: 2rem;
padding-left: 0;
}
div#inner h2 {
background: none;
border-bottom: 1px solid;
letter-spacing: -0.025em;
margin: 0;
padding: 0;
}
div#inner h3 {
background: #FFFFFF;
position: relative
}
div#inner h3#coup-coeur {
background: url("../../../fichiers/fckeditor/accessibilite/images/coup-coeur.png") no-repeat scroll 20px 0 #FFFFFF;
border: medium none;
color: #FF3535;
min-height: 64px;
padding: 0 260px 10px 114px;
position: relative
}
div#inner h3:after {
content: "";
position: absolute;
z-index: -2
}
div#inner h3:after {
border-radius: 10px 10px 10px 10px / 100px 100px 100px 100px;
bottom: 0;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
left: 16px;
right: 16px;
top: 16px
}
div#inner h5, div#inner h6 {
border-bottom:none
}
div#inner h1 img, div#inner h2 img, div#inner h3 img, div#inner h4 img, div#inner h5 img, div#inner h6 img {margin:0}
div#inner h1.header {
display: block;
height: 284px;
margin:0 0 -54px;
text-indent: -999999%;
width: 630px
}
/*--------------------------------------------------------------------Navigation*/
a.top {float:right; font-size:10px; font-size:.75rem; color:#aaa !important; position:relative;background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '
'+this.innerHTML)
}
div#inner a#top {
display: block;
height: 1px;
width: 1px;
}
a.top:after, a.top img {
clip: rect(1060px, 35px, 1080px, 0px);
content: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/sprite-icon.png");
position: absolute;
top: -1066px;
}
/*a.ext {position:relative;background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML)
}
a.ext:after, a.ext img {
clip: rect(1080px, 35px, 1100px, 0px);
content: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/sprite-icon.png");
position: absolute;
top: -1086px;
}
*/div#inner ul.nav-gen {height:50px; list-style:none; line-height:16px; line-height:1rem; margin:0; padding:0; }
div#inner ul.nav-gen li {border:none; border-radius: 8px 8px 0 0; display:block; float:left; height:49px; margin:0; padding:0; width:25% }
div#inner ul.nav-gen li:before {content:""}
div#inner ul.nav-gen li a {
border-radius: 4px 4px 0 0;
color: #111111;
display: block;
height: 96%;
margin: 0;
padding: 0.25em 0 0 2em;
position: relative;
text-decoration: none;
width: 125px;
background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML)
}
div#content div#inner ul.nav-gen li a:hover {font-weight:bold; color:#fff}
ul.nav-gen li a.deplacer:hover {background:#F273B0}
ul.nav-gen li a.activites:hover {background:#A6C321}
ul.nav-gen li a.informations:hover {background:#F45500}
ul.nav-gen li a.label:hover {background:#0D65AF}
div#inner ul.nav-gen li a.deplacer:before,
div#inner ul.nav-gen li a.activites:before,
div#inner ul.nav-gen li a.informations:before,
div#inner ul.nav-gen li a.label:before,
div#inner ul.nav-gen li a.deplacer img,
div#inner ul.nav-gen li a.activites img,
div#inner ul.nav-gen li a.informations img,
div#inner ul.nav-gen li a.label img {
content:url(http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/sprite-icon.png);
position:absolute;
top:.2em
}
div#inner ul.nav-gen li a.deplacer:before, div#inner ul.nav-gen li a.deplacer img {
clip: rect(88px, 30px, 106px, 6px);
left: 0;
top: -84px;
}
div#inner ul.nav-gen li a.activites:before, div#inner ul.nav-gen li a.activites img {
clip: rect(64px, 25px, 86px, 6px);
left: 0;
top: -61px;
}
div#inner ul.nav-gen li a.informations:before, div#inner ul.nav-gen li a.informations img {
clip: rect(28px, 25px, 52px, 6px);
left: 0;
top: -30px;
}
div#inner ul.nav-gen li a.label:before, div#inner ul.nav-gen li a.label img{
clip: rect(0, 25px, 25px, 6px);
left: 0;
top: -5px;
}
div#inner ul.nav-rubrique {
background: none repeat scroll 0 0 transparent;
clear:both;
display: block;
height: 54px;
margin: 0 0 1em 0;
padding: 0;
}
div#inner ul.nav-rubrique li {
border: medium none;
border-radius: 0 0 4px 4px;
display: block;
float: left;
height: 100%;
margin: 0;
padding: 0.25em 0;
width: 25%;
}
div#inner ul.nav-rubrique.deplacer li:hover, div#inner ul.nav-rubrique.deplacer li:hover a {background:#ED72AB; color:#fff}
div#inner ul.nav-rubrique.activites li:hover, div#inner ul.nav-rubrique.activites li:hover a {background:#A6C31D; color:#fff}
div#inner ul.nav-rubrique.informations li:hover, div#inner ul.nav-rubrique.informations li:hover a {background:#EA5610; color:#fff}
div#inner ul.nav-rubrique.label li:hover, div#inner ul.nav-rubrique.label li:hover a {background:#004FA3; color:#fff}
div#inner ul.nav-rubrique li:before {content:""}
div#inner ul.nav-rubrique li:last-child {margin:0;}
div#inner ul.nav-rubrique a {
border: medium none;
color: #000000;
display: block;
line-height: 1.2em;
padding: 0.25em 0.25em 0.25em 2.5em;
position:relative;
text-decoration: none;
background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML)
}
div#inner p {
font: 16px/24px Arial,Helvetica,sans-serif;
font: 1rem/1.6rem Arial,Helvetica,sans-serif;
margin: 10px 0 0 0;
text-align: left
}
div#inner p:after {
clear: both;
color: #eee;
content: ' ';
display: block
}
div#inner a {
border-radius:2px;
color: #E1134F;
margin: 0 0.25em 0 0;
padding: 0 0.2em;
text-decoration: underline
}
div#inner p a:hover {
background:#e1134f;
color:#ffffff;
text-decoration:none;
transition:ease-in-out .25s
}
div#inner p a.handistrict {color:#009EE0}
div#inner p a.handistrict:hover {background-color:#009EE0; color:#fff}
div#inner ul {
background: #FEFEFE;
font: 16px/24px Arial,Helvetica,sans-serif;
font: 1rem/1.6rem Arial,Helvetica,sans-serif;
padding: 1em 3em;
padding: 1rem 3rem
}
div#inner ul li {
border-bottom: 1px solid #EEEEEE;
padding: 0.25em 1em 0.25em 0
}
div#inner ul li:before {content:"- "}
.colonne-1,.colonne-2 {
width:260px;
float:left
}
div#inner ul.naked li {
border-bottom:none;
}
div#inner ul.naked li:before {content:""}
.colonne-1,.colonne-2 {
width:260px;
float:left
}
/*--------------------------------------------------------------------Titres*/
div#inner h1#accessible {
background: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/header-accessibilite.jpg") no-repeat scroll 0 0 transparent
}
div#inner h1#deplacer {
background: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/header-accessibilite-se-deplacer.jpg") no-repeat scroll 0 0 transparent
}
div#inner h1#activites {
background: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/header-accessibilite-activites.jpg") no-repeat scroll 0 0 transparent
}
div#inner h1#Informations-utiles {
background: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/header-Informations-utiles.jpg") no-repeat scroll 0 0 transparent
}
div#inner h1#Label {
background: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/header-label.png") no-repeat scroll 0 0 transparent;
height:230px
margin-bottom:1em;
}
div#inner h1#actualites {
background: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/header-actualite.jpg") no-repeat scroll 0 0 transparent
}
div#inner h3#handistrict, div#inner h3#jaccede {
display: block;
height: 90px;
margin: 0;
padding: 0;
text-indent: -999999%
}
div#inner h3#handistrict {
background: url("../../../app/handistrict/pix/logo.png") no-repeat scroll 0 0 transparent
}
div#inner h3#jaccede {
background: url("../../../static/imgs/HEADER/logo-jaccede.gif") no-repeat scroll 0 0 transparent
}
div#inner h3#ariane {
margin: 0;
padding: 0
}
/*--------------------------------------------------------------------Boutons*/
.call-to-action {
background-image: url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/call-to-action.png");
background-repeat: repeat;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
padding: 1em
}
#attention, .attention {
border: 1px solid #FFCC00;
background-color: #eee900;
display: block
}
#inscription {
background-color: #E1134F;
border: 1px solid #8A2529;
color: #FFFFFF !important;
float: right;
font:bold 16px/20px 'Gill Sans',Calibri,Trebuchet MS,sans-serif;
font:bold 1rem/1.6rem 'Gill Sans',Calibri,Trebuchet MS,sans-serif;
padding: 0.25em 0.5em !important;
text-decoration: none !important
}
/*-------------------------------------------------------------------------------Pictos et icones*/
.addresse,.metro,.site,.ouverture,.fermeture,.tarif,.services,.billetterie,.telephone,.mail, .handistrict,
p.addresse,p.metro,p.site,p.ouverture,p.fermeture,p.tarif,p.services,p.billetterie,p.telephone,p.fax,p.mail, p.handistrict,
.pdf-16,.doc-16,.xls-16, .ppt-16,.rtf-16,.zip-16,.online-16 {
position:relative;
display:block;
background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML);
/*margin-left:2em !important;
*/padding:.25em 0 .25em 2em !important
}
.addresse:before,.metro:before,.site:before,.ouverture:before,.fermeture:before,.tarif:before,.services:before,.billetterie:before,.telephone:before, .fax:before,.mail:before, .handistrict:before,
.addresse img,.metro img,.site img,.ouverture img,.fermeture img,.tarif img,.services img,.billetterie img,.telephone img,.fax img,.mail img, .handistrict img,
.pdf-16:before,.doc-16:before, .xls-16:before,.ppt-16:before,.rtf-16:before,.zip-16:before,.online-16:before,
.pdf-16 img,.doc-16 img,.xls-16 img,.ppt-16 img,.rtf-16 img,.zip-16 img,.online-16 img
{
content:url(http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/sprite-icon.png);
left:0;
position:absolute;
top:.2em
}
.addresse:before, .addresse img {
clip: rect(720px, 25px, 744px, 6px);
top: -716px
}
.metro:before,.metro img {
clip: rect(848px, 24px, 865px, 6px);
top: -841px
}
.site:before, .site img {
clip: rect(777px, 24px, 795px, 6px);
top: -770px
}
.telephone:before,.telephone img {
clip: rect(799px, 24px, 816px, 6px);
top: -793px
}
.fax:before, .fax img {
clip: rect(1112px, 29px, 1132px, 4px);
top: -1105px;
}
.mail:before, .mail img {
clip: rect(752px, 24px, 764px, 6px);
top: -742px
}
.handistrict:before, .handistrict img {
clip: rect(1040px, 24px, 1060px, 6px);
top: -1032px
}
.inline {display:inline}
.pdf-16:before,.pdf-16 img {
clip:rect(880px 24px 900px 6px);
top:-874px}
.doc-16:before,.doc-16 img {
clip:rect(880px 24px 900px 6px);
left:-1em;
top:-874px}
.xls-16:before,.xls-16 img {
clip:rect(880px 24px 900px 6px);
left:-1em;
top:-874px}
.ppt-16:before,.ppt-16 img {
clip:rect(880px 24px 900px 6px);
left:-1em;
top:-874px}
.zip-16:before,.zip-16 img {
clip:rect(880px 24px 900px 6px);
left:-1em;
top:-874px}
.online-16:before, .online-16 img {
clip:rect(880px 24px 900px 6px);
left:-1em;
top:-874px}
/*-------------------------------------------------------------------------------Bloc abonnement*/
div#inner div.newsletter, div#inner ul.sommaire li.actualite, div#inner ul.sommaire li.actualite:hover {
background:
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-1.png") no-repeat scroll center top,
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-2.png") no-repeat scroll center bottom,
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-3.png") no-repeat scroll center 10px;
margin: 64px 0 96px -5px;
margin: 4rem 0 6rem -5px;
padding: 2em 2em 1em
}
div#inner div.newsletter h2, div#inner div.newsletter ul, div#inner div.newsletter p {
background: none;
border: none;
color: #111111;
margin: 0;
padding: 0
}
div#inner div.newsletter ul, div#inner div.newsletter li {border:none}
div#inner div.newsletter li:hover {background:none}
/* Bloc inscription */
div#inner div.inscription {
background:
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-4.png") no-repeat scroll right 20px transparent,
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-1.png") no-repeat scroll center top transparent,
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-2.png") no-repeat scroll center bottom transparent,
url("http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/actualite-bg-3.png") repeat-y scroll center center transparent;
height:388px;
}
div#inner div.newsletter p, div#inner div.newsletter select,div#inner div.newsletter input,div#inner div.newsletter caption,div#inner div.newsletter label {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:none;
padding:5px;
font: 16px/24px Arial,Helvetica,sans-serif;
font: 1rem/1.6rem Arial,Helvetica,sans-serif;
}
div#inner div.newsletter input[type="checkbox"] {
position: relative;
top: 0.2em;
}
/*------------------------------------------------------------------------------- Sommaire*/
div#inner ul.sommaire, div#inner ul.sommaire ul {background:none; list-style:none; margin:0; padding:0; }
div#inner ul.sommaire li {
border: medium none;
display: block;
float: left;
margin: 0;
padding: 0.25em 0;
width: 100%;
}
div#inner ul.sommaire li:hover {background:none}
div#inner ul.sommaire li:before {content:""}
div#inner ul.sommaire h2 {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin: 0.25em;
padding: 0;
}
div#inner ul.sommaire h2 a {
color: #FFFFFF;
display: block;
margin: 0;
padding: 0 1em;
background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML);
}
div#inner ul.sommaire a {
color: #000000;
display: block;
padding-left: 2.5em;
position:relative;
text-decoration: none;
background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = ''+this.innerHTML);
}
div#inner ul.sommaire a:hover {
background:rgba(0,0,0,0.05)}
div#inner ul.sommaire a:before,
div#inner ul.sommaire a img ,
div#inner ul.nav-rubrique a:before,
div#inner ul.nav-rubrique a img
{content:url(http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/sprite-icon.png);
position:absolute;
}
div#inner ul.sommaire li.deplacer h2 a:before, div#inner ul.sommaire li.deplacer h2 a img {
clip: rect(119px, 35px, 150px, 0px);
left: -.05em;
top: -120px;
}
div#inner ul.sommaire li.activites h2 a:before, div#inner ul.sommaire li.activites h2 a img {
clip: rect(264px, 35px, 299px, 0px);
left: -0.15em;
top: -263px;
}
div#inner ul.sommaire li.informations h2 a:before, div#inner ul.sommaire li.informations h2 a img {
clip: rect(432px, 35px, 464px, 0px);
left: -0.25em;
top: -440px;
}
div#inner ul.sommaire li.label h2 a:before, div#inner ul.sommaire li.label h2 a img {
clip: rect(552px, 35px, 590px, 0px);
left: -0.25em;
top: -560px;
}
div#inner ul.sommaire li.actualite h2 a:before, div#inner ul.sommaire li.actualite h2 a img {
clip: rect(600px, 35px, 638px, 0px);
left: -0.05em;
top: -600px;
}
div#inner ul.sommaire a.comment:before, div#inner ul.sommaire a.comment img,
div#inner ul.nav-rubrique a.comment:before, div#inner ul.nav-rubrique a.comment img {
clip: rect(156px, 25px, 181px, 6px);
left: 0;
top: -156px;
}
div#inner ul.sommaire a.arrivee:before, div#inner ul.sommaire a.arrivee img,
div#inner ul.nav-rubrique a.arrivee:before, div#inner ul.nav-rubrique a.arrivee img {
clip: rect(180px, 25px, 200px, 6px);
left: 0;
top: -180px;
}
div#inner ul.sommaire a.circuler:before, div#inner ul.sommaire a.circuler img,
div#inner ul.nav-rubrique a.circuler:before, div#inner ul.nav-rubrique a.circuler img {
clip: rect(207px, 26px, 229px, 6px);
left: 0;
top: -205px;
}
div#inner ul.sommaire a.dormir:before, div#inner ul.sommaire a.dormir img,
div#inner ul.nav-rubrique a.dormir:before, div#inner ul.nav-rubrique a.dormir img {
clip: rect(300px, 25px, 322px, 6px);
left: 0;
top: -300px;
}
div#inner ul.sommaire a.manger:before, div#inner ul.sommaire a.manger img,
div#inner ul.nav-rubrique a.manger:before, div#inner ul.nav-rubrique a.manger img {
clip: rect(326px, 25px, 353px, 6px);
left: 0;
top: -326px;
}
div#inner ul.sommaire a.voir:before, div#inner ul.sommaire a.voir img,
div#inner ul.nav-rubrique a.voir:before, div#inner ul.nav-rubrique a.voir img {
clip: rect(352px, 28px, 372px, 6px);
left: 0;
top: -352px;
}
div#inner ul.sommaire a.sinformer:before, div#inner ul.sommaire a.sinformer img, div#inner ul.nav-rubrique a.sinformer:before, div#inner ul.nav-rubrique a.sinformer img {
clip: rect(383px, 28px, 402px, 6px);
left: 0;
top: -381px;
}
div#inner ul.sommaire a.pratiques:before, div#inner ul.sommaire a.pratiques img,
div#inner ul.nav-rubrique a.pratiques:before, div#inner ul.nav-rubrique a.pratiques img {
clip: rect(468px, 35px, 488px, 6px);
left: 0;
top: -467px;
}
div#inner ul.sommaire a.partenaires:before, div#inner ul.sommaire a.partenaires img,
div#inner ul.nav-rubrique a.partenaires:before, div#inner ul.nav-rubrique a.partenaires img {
clip: rect(492px, 35px, 512px, 6px);
left: 0;
top: -490px;
}
div#inner ul.sommaire a.newsletter:before, div#inner ul.sommaire a.newsletter img,
div#inner ul.nav-rubrique a.newsletter:before, div#inner ul.nav-rubrique a.newsletter img {
clip: rect(640px, 25px, 658px, 6px);
left: 0;
top: -637px;
}
div#inner ul.sommaire a.contact:before, div#inner ul.sommaire a.contact img,
div#inner ul.nav-rubrique a.contact:before, div#inner ul.nav-rubrique a.contact img {
clip: rect(664px, 25px, 685px, 6px);
left: 0;
top: -662px;
}
div#inner ul.sommaire li.informations a {color:#f45500}
div#inner ul.sommaire li.actualite a, div#inner ul.sommaire li.actualite h2 {color:#111}
div#inner ul.sommaire li.label a {color:#fff}
div#inner ul.sommaire li.activites h2 {text-shadow: 0 2px 0 #7C7E1B}
div#inner ul.sommaire li.deplacer h2 {text-shadow: 0 2px 0 #7E4365}
div#inner ul.sommaire li.deplacer {background: url(http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/se-deplacer-bg.jpg) top right no-repeat #F270AE; height: 271px}
div#inner ul.sommaire li.activites {background: url(http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/activites-bg.jpg) top right no-repeat #a6c321; height: 271px}
div#inner ul.sommaire li.informations, div#inner ul.sommaire li.label {
height: 185px;
padding: 0;
width: 315px;
}
div#inner ul.sommaire li.label {background: url(http://www.new-paris-ile-de-france.co.uk/fichiers/fckeditor/accessibilite/images/label-bg.png) bottom right no-repeat #004FA3}
div#inner ul.sommaire li.actualite , div#inner ul.sommaire li.actualite:hover {
margin: -10px 0 0 -5px;
padding: 1em 0;
width: 635px;
}
/*------------------------------------------------------------------------------- Liste handicap*/
div#inner ul.handicap {
background: url("../../../fichiers/fckeditor/accessibilite/images/handicap.png") no-repeat scroll 0 0 #094fa3;
float: right;
height: 36px;
margin: 0;
padding: 0 0 0 31px;
}
div#inner ul.handicap li {
background:url(../../../fichiers/fckeditor/accessibilite/images/handicap.png) no-repeat 0 0 scroll #FFDF00;
border-right:1px solid
display:block; float:left; height:32px; width:32px; text-indent:-99999%;
height: 30px;
width: 30px;
margin:0 !important;
padding:0 !important
}
div#inner ul.handicap li.moteur {background-position:-30px 0px}
div#inner ul.handicap li.visuel {background-position:-119px 0px}
div#inner ul.handicap li.auditif {background-position:-89px 0px}
div#inner ul.handicap li.mental {background-position:-59px 0px}