/********** HEADER INTERNE ***********/
#content .headerGuide {
position:relative;
margin-bottom:1px
width: 960px;
}

#content .headerGuide p.accroche {
position:absolute;
top:0;
left:0;
color:#aeadad;
width:753px;
overflow:visible;
font-size:1.09em;
margin-top:-5px;
background:url(/FRONT/CRT_PIDF/images/guides/bg_accroche.gif) top left repeat-x;
width: 960px
}

#content .headerGuide p.accroche img {
vertical-align:top;
margin-right:10px;
float:left
}

#content .headerGuide p.accroche span {
float:left;
display:block;
padding-top:4px
}

#content .headerGuide p.titre {
position:absolute;
top:58px;
left:355px;
z-index:30
}

/* ! A MODIFIER SELON LA LANGUE */
#content .headerGuide p.titreVuPar {
position:absolute;
z-index:30;
left:254px;
top:18px
}

#content .headerGuide p.nom {
position:absolute;
z-index:20;
top:85px;
left:279px
}

#content .headerGuide .infos {
position:absolute;
top:135px;
left:315px;
width:358px;
height:74px;
z-index:20;
overflow:hidden
}

#content .headerGuide .infos img.ico {
float:left;
border-right:1px solid #cfcfcf
}

/* ADDED VOID 05 08 */
#content .headerGuide .social-side {
position:absolute;
top:184px;
left:393px
}

/* ADDED VOID 05 08 */
#content .headerGuide .desc {
background-color:#000;
color:#FFF;
font-size:1.09em;
margin-bottom:1px;
width:258px;
padding:30px 11px 10px
}

#content .headerGuide .menu {
position:absolute;
top:-5px;
right:0;
width:176px;
border-top:1px solid #000;
border-right:1px solid #000;
background-color:#fff;
padding:25px 5px 5px 10px
}

#content .headerGuide .menu form label,#content .blocNavGuide .menu form label {
display:block;
font-size:1.27em;
font-weight:bold;
margin-bottom:3px
}

/* SKINNED SELECT */
#content .headerGuide .menu form select,#content .blocNavGuide .menu form select {
display:block;
width:175px;
margin-bottom:10px
}

#content .headerGuide .menu form div.skinned-select,#content .blocNavGuide .menu form div.skinned-select {
height:26px;
background:url(/FRONT/CRT_PIDF/images/guides/guide_select.gif) left top no-repeat
}

#content .headerGuide .menu form div.skinned-select select,#content .blocNavGuide .menu form div.skinned-select select {
opacity:0;
filter:alpha(opacity = 0);
moz-opacity:0;
position:relative;
z-index:100;
width:175px
}

#content .headerGuide .menu form div.skinned-select .select-text,#content .blocNavGuide .menu form div.skinned-select .select-text {
position:absolute;
text-indent:10px;
line-height:19px;
z-index:1;
color:#fff
}

/*****************************/
#content .headerGuide .menu p {
font-size:1.09em
}

#content .headerGuide .menu .carte,#content .blocNavGuide .menu .carte {
text-align:right;
padding-left:50px;
padding-right:15px
}

#content .headerGuide .menu .carte a,#content .blocNavGuide .menu .carte a {
display:block;
color:#7a7a7a;
cursor:pointer
}

#content .headerGuide .menu .carte a span,#content .blocNavGuide .menu .carte a span {
display:block;
width:70px;
float:left;
padding-top:5px;
text-align:right
}

#content .headerGuide .menu .liste,#content .blocNavGuide .menu .liste {
text-align:right;
clear:both;
padding-top:3px
}

#content .headerGuide .espace {
position:absolute;
top:238px;
right:63px;
width:145px;
background-color:#fff;
padding:8px
}

#content .headerGuide .espace ul {
padding-top:5px;
padding-left:12px
}

#content .headerGuide .espace ul li {
margin-top:7px
}

/********** NAV GUIDE ***********/
#content .navGuide {
height:26px;
margin-bottom:1px;
background-color:#767676
}

#content .navGuide li {
float:left;
height:100%;
display:block;
font-weight:bold;
border-right:1px solid #DADADA
}

#content .navGuide li a {
display:block;
height:20px;
color:#828282;
text-align:center;
border-left:1px solid #B7B7B7;
border-right:1px solid #B7B7B7;
background:url(/FRONT/CRT_PIDF/images/common/bg_fiche_menu.gif) left top repeat-x;
padding:6px 25px 0
}

#content .navGuide li.first a {
border-left:none
}

#content .navGuide li.last a {

border-right:none
}

#content .navGuide li.active a {
color:#fff;
background:url(/FRONT/CRT_PIDF/images/guides/bg_nav_li.gif) left top repeat-x
}

/********** INNER GUIDE ***********/
#inner .guide {
padding-top:10px;
margin-bottom:30px;
background:#fff url(/FRONT/CRT_PIDF/images/common/bg_fiche_content.gif) left top repeat-x
}

#inner .guide p {
color:#000;
margin-bottom:15px
}

#inner .guide h2.std {
font-size:1.09em;
margin:25px 0 10px
}

/*Breadcrumbs*/
#inner .guide ul.ssNav {
overflow:hidden;
height:1%;
background:#fff url(/FRONT/CRT_PIDF/images/guides/bg_ssnav_btm.gif) left bottom repeat-x;
margin:0;
padding:0 0 0.5em
}

#inner .guide ul.ssNav li {
font-size:0.9em;
background:none;
display:block;
line-height:1.625em;
margin:0;
padding:0
}

#inner .guide ul.ssNav li a {
color:#000
}

#inner .guide ul.ssNav li.active a {
font-weight:bold;
background-color:#EEE;
color:#111;
padding:0 3px 0 1em
}

#inner .guide ul.ssNav li.last {
background:none;
margin:0
}

#inner .guide .pagination {
overflow:hidden;
height:1%;
clear:both;
font-size:0.9em;
-moz-column-count:1px;
-webkit-column-count:1px;
margin:0;
padding:20px 0 10px
}

#inner .guide .pagination .prec {
float:left
}

#inner .guide .pagination .suiv {
float:right
}

/** A l'origine
#inner .guide .miniBlocs .bloc{
height:209px;}

* Changé par : */
#inner .guide .miniBlocs .bloc {
height:266px
}

#inner .miniBlocs .bloc .content {
height:206px
}

#inner .guide .miniBlocs .bloc h3 {
font-size:1.09em;
margin-bottom:9px
}

#inner .guide .miniBlocs .bloc h4 {
font-size:1.27em;
margin-bottom:8px;
padding-top:10px;
padding-left:5px
}

#inner .guide .miniBlocs .bloc h4 a {
color:#828282
}

#inner .guide .edito {
overflow:hidden;
height:1%;
margin-bottom:20px;
background-color:#474747;
padding:9px
}

#inner .guide .edito .visu {
float:left;
width:275px;
margin:0
}

#inner .guide .edito .content {
float:right;
width:285px
}

#inner .guide .edito .content h2 {
color:#fff;
padding-bottom:5px;
font-size:1.64em
}

#inner .guide .edito .content p {
margin-top:12px;
color:#fff;
font-size:1.09em
}

#inner .guide .imgFloatLeft,#inner .guide .imgFloatRight {
overflow:hidden;
width:100%
}

#inner .guide .imgFloatLeft img {
margin-right:15px;
margin-bottom:15px
}

#inner .guide .imgFloatRight img {
margin-left:15px;
margin-bottom:15px
}

#inner .guide .blocContent h2 {
color:#000;
margin-bottom:7px;
font-size:1.64em
}

#inner .guide .blocContent h2.margin {
margin-bottom:20px;
padding-top:40px
}

/********** INNER GUIDE ITINERAIRE **********
 Guide itinéraire > carte */
#inner .guideCarte h2.std {
padding-left:8px
}

#inner .guideCarte #googleMap {
height:494px;
width:596px;
margin:0 auto
}

#inner .guideCarte ul.arrows {
width:596px;
padding-bottom:25px;
overflow:hidden;
margin:0 auto
}

#inner .guideCarte ul.arrows li {
float:left;
width:185px;
margin-top:15px
}

#inner .guideCarte ul.arrows li strong {
color:#cb1349
}

/********** INNER GUIDE THEMATIQUE ***********/
#inner .guideThematique .edito .visu {
width:307px
}

#inner .guideThematique .edito .content h2 {
padding-top:10px
}

#inner .guideThematique .edito .content {
width:260px;
color:#fff !important
}

#inner .guideThematique .listElems .pages li,#inner .guideThematique .listElems .pages li a {
color:#545454
}

#inner .guideThematique .listElems .contentList li div h4 a {
color:#545454 !important
}

#inner .guideThematique .thematiqueEdito h2 {
color:#474747;
font-size:1.64em;
margin:45px 0 15px 25px
}

#inner .guideThematique .thematiqueEdito p.intro {
font-weight:bold;
font-size:120%;
color:#333;
background-color:#EEE;
border-bottom:2px double #DDD;
display:block;
z-index:-1;
margin:0 1.5em 0.5em 0;
padding:1em 2em
}
#inner .guideThematique .thematiqueEdito p.intro2 {
font-weight:bold;
font-size:120%;
color:#333;
display:block;
z-index:-1;
margin:0 1.5em 0.5em 0;
padding:1em 2em
}

#inner .guideThematique .thematiqueEdito p.intro strong {
color:#919191
}

#inner .guideThematique .thematiqueEdito .blocIntro {
overflow:hidden;
width:100%;
background:#474747 url(/FRONT/CRT_PIDF/images/guides/bg_fleche.gif) 300px 117px no-repeat;
margin:50px 0 15px
}

#inner .guideThematique .thematiqueEdito .blocIntro .visu {
width:293px;
float:right;
margin:0
}

#inner .guideThematique .thematiqueEdito .blocIntro .content {
width:298px;
float:left
}

#inner .guideThematique .thematiqueEdito .blocIntro .content h3 {
font-size:1.64em;
float:left;
background-color:#000;
margin-bottom:15px;
padding:5px 25px 5px 5px
}

#inner .guideThematique .thematiqueEdito .blocIntro .content p {
color:#fff;
clear:both;
margin-bottom:7px;
padding:0 30px
}

/*Modifs blocs pour aligner sur grille*/
#inner .guideThematique .thematiqueEdito .blocsLeft {
float:left;
width:390px
}

#inner .guideThematique .thematiqueEdito .blocsRight {
float:right;
width:220px
}

#inner .guideThematique .thematiqueEdito .bloc {
margin-bottom:2em
}

#inner .guideThematique .thematiqueEdito .bloc .visu {
position:relative;
height:100%;
background:#E3E3E3
}

#inner .guideThematique .thematiqueEdito .bloc .visu h3 {
position:absolute;
bottom:-3px;
left:0;
width:75%;
font-size:1.64em
}

#inner .guideThematique .thematiqueEdito .blocsRight .bloc .visu h3 {
width:90%
}

#inner .guideThematique .thematiqueEdito .bloc .visu h3 a {
color:#fff;
line-height:1.2em;
background-color:#000;
text-decoration:none;
text-shadow:0 0 2px #000;
background:none !important;
padding:3px
}

#inner .guideThematique .thematiqueEdito .bloc .content {
overflow:hidden;
width:100%;
background:#e3e3e3 url(/FRONT/CRT_PIDF/images/guides/bg_fleche2.gif) right bottom no-repeat
}

#inner .guideThematique .thematiqueEdito .bloc .content img {
float:left;
margin-right:10px
}

#inner .guideThematique .thematiqueEdito .bloc .content p {
color:#333;
margin:0;
padding:7px 20px 10px 10px
}

/********** HOME GUIDE ***********/
#content .homeGuideIntro {
height:39px;
overflow:hidden;
background-color:#ad3c00
}

#content .homeGuideIntro p {
float:left;
font-size:1.09em;
padding-top:12px;
padding-left:5px;
color:#fff
}

#content .homeGuideIntro div {
float:right;
width:181px;
padding-top:22px;
height:17px;
padding-left:10px;
background-color:#fecfb3
}

#content .homeGuideIntro div label {
font-weight:bold;
font-size:1.27em
}

#rightNav .blocNavGuide {
overflow:hidden;
width:100%;
margin-bottom:20px;
background-color:#f45500
}

#rightNav .blocNavGuide .menu {
float:right;
width:176px;
background-color:#fecfb3;
padding:0 5px 5px 10px
}

#content .homeGuide {
padding-top:20px
}

#content .homeGuide .cat {
height:265px;
position:relative;
margin-bottom:20px
}

#content .homeGuide .cat h2 {
color:#fff;
display:inline;
font-size:1.64em;
position:absolute;
top:0;
left:0;
z-index:30;
background-color:#000;
line-height:1.1em;
padding:2px 10px
}

#content .homeGuide .cat img {
position:absolute;
top:9px;
left:8px;
z-index:20
}

#content .homeGuide .cat p {
position:absolute;
left:0;
z-index:10;
color:#fff;
font-size:1.09em;
top:200px;
width:485px;
background-color:#474747;
padding:20px 20px 10px
}

#content .parisVuPar {
position:relative;
background-color:#ff5d00;
padding:27px 9px 9px 7px
}

#content .parisVuPar h2 {
color:#fff;
display:inline;
font-size:1.64em;
position:absolute;
top:-12px;
left:0;
z-index:30;
background-color:#000;
padding:2px 10px
}

#content .parisVuPar .content {
overflow:hidden;
width:100%;
background-color:#fff
}

#content .parisVuPar .content .right {
float:right;
display:block;
border-left:1px solid #ff5d00
}

#content .parisVuPar .content .inner {
float:left;
width:220px;
padding:12px 20px
}

#content .parisVuPar .content .inner h3 {
font-size:1.45em;
margin-bottom:10px;
color:#ff5d00
}

#content .parisVuPar .content .inner p {
margin-bottom:15px
}

#content .parisVuPar .content .inner p img {
vertical-align:middle;
margin:0 3px
}

#content .parisVuPar .content .inner p.pro {
color:#ff5d00
}

/********** GUIDE > PARIS VU PAR ***********/
#inner .contentVuPar {
background:#fff;
padding-top:12px
}

#inner .contentVuPar .left {
float:left;
width:370px
}

#inner .contentVuPar .menu {
float:right;
width:210px;
position:relative
}

#inner .contentVuPar .menu h2 {
position:absolute;
top:0;
margin:0
}

#inner .contentVuPar .menu ul {
height:1%;
overflow:hidden;
background-color:#e21350;
padding:10px 0 10px 7px
}

#inner .contentVuPar .menu ul li {
float:left;
margin-right:3px
}

#inner .contentVuPar .menu img.visu {
margin-top:67px;
border-right:1px solid #e3e3e3;
border-left:1px solid #e3e3e3
}

#inner .contentVuPar .menu p {
position:absolute;
width:188px;
bottom:66px;
left:1px;
font-size:1.18em;
background:url(/FRONT/CRT_PIDF/images/guides/bg_transp_white.png) top left repeat;
margin:0;
padding:5px 10px
}

#inner .contentVuPar .menu .desc {
display:none
}

#inner .contentVuPar h2 {
font-size:1.64em;
margin-bottom:15px
}

#inner .contentVuPar p.intro {
font-weight:bold;
margin-bottom:25px
}

#inner .contentVuPar h3 {
font-size:1.09em;
margin-bottom:15px
}

#inner .contentVuPar p {
color:#474747;
margin-bottom:15px
}

#inner .contentVuPar .actuPerso {
overflow:hidden;
height:1%;
margin-top:25px;
background-color:#df9c00;
padding:9px
}

#inner .contentVuPar .actuPerso .visu {
float:left;
width:186px;
margin:0
}

#inner .contentVuPar .actuPerso .content {
width:395px;
float:right
}

#inner .contentVuPar .actuPerso .content h2 {
margin-bottom:5px
}

#inner .contentVuPar .actuPerso .content h3 {
color:#fff;
font-size:1.27em;
margin-bottom:20px
}

#inner .contentVuPar .actuPerso .content ul li {
font-size:1.09em;
margin-bottom:5px;
padding-left:10px;
background:url(/FRONT/CRT_PIDF/images/common/ico_arr_white.gif) left 3px no-repeat
}

#inner .contentVuPar .actuPerso .content ul li a {
color:#fff
}

#inner .guideThematique .edito .content2 {
color:#FFF !important;
width:203px;
float:right
}

#inner .guideThematique .edito .visu2 {
float:left;
width:375px;
margin:0
}

#inner .guideThematique .edito h2 {
font-size:1.64em;
margin-bottom:10px
}

/*Mise à jour CSS Guide - © CRT - 2011------------------------------------------------------------------------*/
.guideThematique body {
font-family:georgia, serif;
font-size:.8em;
line-height:1.25;
color:#6d7581
}

/* Headings */
.guideThematique h1,.guideThematique h2,.guideThematique h3,#inner .guideThematique .thematiqueEdito .bloc .visu h3,#inner .guide .edito .content h2,#inner .guideThematique .thematiqueEdito .blocIntro .content h3
.guideThematique h4,.guideThematique h5,.guideThematique h6,#inner .guideThematique .thematiqueEdito h2, {
font-family:georgia, serif;
font-weight:normal;
font-style:italic;
color:#484848
}

.guideThematique h1 span,.guideThematique h2 span,.guideThematique h3 span,.guideThematique h4 span,.guideThematique h5 span,.guideThematique h6 span {
font-family:MetaBlack, "Trebuchet MS", sans-serif;
font-weight:bold;
text-transform:uppercase;
font-style:normal;
font-size:130%;
display:block;
letter-spacing:-0.025em;
margin-left:.5em
}

.guideThematique h1 {
font-size:3em;
z-index:99
}

.guideThematique h2 {
font-size:2em;
z-index:98
}

.guideThematique h3 {
font-size:1.75em;
z-index:97
}

.guideThematique h4 {
font-size:1.5em;
z-index:96
}

.guideThematique h5 {
font-size:1em;
z-index:95
}

.guideThematique h6 {
font-size:.75em;
z-index:94
}

.guideThematique h1,.guideThematique h2,.guideThematique h3 {
margin:1em 0 0.5em
}

/* Texts */
.guideThematique p {
margin:0 0 1em
}

.guideThematique p,.guideThematique dd,.guideThematique .blocContent li {
line-height:1.5
}

.guideThematique strong {
font-weight:bold;
color:#8a2529
}

.guideThematique em {
font-style:italic
}

.guideThematique abbr,.guideThematique acronym {
border-bottom:1px dotted #000;
cursor:help
}

.guideThematique p,.guideThematique fieldset,.guideThematique table,.guideThematique pre {
margin-bottom:1em
}

/* Lists */
.guideThematique ul {
margin:1em 0;
padding:0
}

.guideThematique blockquote {
margin:1em
}

.guideThematique ol,.guideThematique dl {
padding-left:1.5em;
margin:1em 1em 1em 0
}

.guideThematique ol li,.guideThematique ul li ol li {
list-style:decimal outside;
background:none
}

.guideThematique dl dd {
margin-left:1em
}

.guideThematique table.data-table {
border-top:1px solid #eee
}

.guideThematique table.data-table td,.guideThematique table.data-table th {
border-bottom:1px solid #eee;
padding:0.5em
}

/* liens */
.guideThematique a {
color:#e1134f
}

.guideThematique guideThematique a:link,.guideThematique a:visited {
text-decoration:none;
color:#8a2529
}

.guideThematique a:hover,.guideThematique a:active {
text-decoration:underline;
color:#8a2529
}

.guideThematique a.external:link,.guideThematique a.external:visited {
padding-right:.5em
}

.guideThematique a.external:hover,.guideThematique a.external:active {
padding-right:.5em;
background:transparent url(/img/tignish/content/external-link.png) center right no-repeat
}

/* Personnalisation + spécifique */
.guideThematique p:first-child:first-letter {
font:bold italic 5em/1em "Palatino Linotype", "Book Antiqua", Palatino, georgia, serif;
overflow:visible;
float:left;
margin:.2em .2em 0 0
}

div#content div#inner div.guide div.blocContent p:first-letter,div#content div#inner div.guide div.thematiqueEdito p:first-letter {
font:bold italic 3em/1em "Palatino Linotype", "Book Antiqua", Palatino, georgia, serif;
overflow:visible;
float:left;
margin:.2em .2em 0 0
}
html body div#mainContainer.langue div#content div#inner div.guide div.blocContent p:first-child {
font-size:1.2em;
color:#888;
border-bottom:2px dotted #CCC;
-moz-column-count:3;
-moz-column-gap:1em;
-moz-column-rule:1px dotted #eee;
-webkit-column-count:3;
-webkit-column-gap:1em;
-webkit-column-rule:1px dotted #eee;
column-count:3;
column-gap:1em;
column-rule:1px dotted #eee;
margin:0 0 1em;
padding:0 0 1em
}

div#content div#inner div.guide div.blocContent p:last-child {
font-size:1em;
color:#444;
border-top:2px dotted #CCC;
-moz-column-count:2;
-moz-column-gap:1em;
-moz-column-rule:1px dotted #eee;
-webkit-column-count:2;
-webkit-column-gap:1em;
-webkit-column-rule:1px dotted #eee;
column-count:2;
column-gap:1em;
column-rule:1px dotted #eee;
margin:1em 0;
padding:1em 0
}

.edito p:first-child,.edito p:last-child,.blocIntro p:first-child,.blocsLeft p:first-child,.blocsRight p:first-child,.blocIntro p:last-child,.blocsLeft p:last-child,.blocsRight p:last-child {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0
}

#inner .guide .edito .content h2,#inner .guideThematique .thematiqueEdito .blocIntro .content h3 {
background:none !important;
color:#fff;
text-shadow:0 0 2px #000
}

#inner .guideThematique .thematiqueEdito .bloc .content p,#inner .guideThematique .thematiqueEdito .blocIntro .content p {
-moz-column-count:1px;
-webkit-column-count:1px
}

/*CSS shadows*/
.bloc,#inner .guideThematique .thematiqueEdito .blocIntro,#inner .guide .edito {
position:relative
}

.bloc:before,.bloc:after,#inner .guideThematique .thematiqueEdito .blocIntro:before,#inner .guideThematique .thematiqueEdito .blocIntro:after,#inner .guide .edito:before,#inner .guide .edito:after {
content:"";
position:absolute;
z-index:-1;
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg)
}

.bloc:after,#inner .guideThematique .thematiqueEdito .blocIntro:after,#inner .guide .edito:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg)
}

.prec,.suiv {
display:block;
border:1px solid #CCC;
background:url(http://www.nouveau-paris-ile-de-france.fr/FRONT/CRT_PIDF/images/common/tools.png) -20px -500px no-repeat scroll;
margin:0 1em;
padding:1em
}

a.prec:hover,a.suiv:hover {
background-position:-20px -530px
}

#content .headerGuide img.back,#inner .guide .edito .visu img,#inner .guideThematique .thematiqueEdito .blocIntro .visu img,#inner .guideThematique .thematiqueEdito .bloc .visu img,#content .parisVuPar .content .right img,#content .parisVuPar .content .perso img,#inner .contentVuPar .menu .desc1,#inner .contentVuPar .menu p strong,#inner .contentVuPar .menu img,#inner .contentVuPar .actuPerso .visu img,#inner .guide ul.ssNav li a,#inner .guide ul.ssNav li.active a {
display:block
}

#content .headerGuide .menu .liste a,#content .blocNavGuide .menu .liste a,#inner .guide .pagination a:hover,#inner .guide p a,#inner .guide p a:hover {
text-decoration:underline
}

#content .headerGuide .menu .liste a:hover,#content .blocNavGuide .menu .liste a:hover,#inner .guide .pagination a {
text-decoration:none
}

#inner .guide ul.ssNav li.active,#inner .guideThematique .edito .content p {
font-size:1em
}

#inner .guideThematique .thematiqueEdito .blocIntro .content h3 a,#content .homeGuide .cat h2 a,#content .parisVuPar h2 a {
color:#fff;
text-decoration:none
}

#content .homeGuideIntro img,#content .parisVuPar .content .perso {
display:block;
float:left
}

.guideThematique td,th,.guideThematique img {
border:0
}
