@charset "utf-8";
/* CSS Document */
/********** Typography*/
@font-face{
font-family : "Titres";
src : url('../fonts/KlavikaWebBasicBold.eot'); /* Pour IE9 Compat mode */
src : url('../fonts/KlavikaWebBasicBold.eot') format('eot'),
url('../fonts/KlavikaWebBasicBold.svg') format('svg'),
url('../fonts/KlavikaWebBasicBold.woff') format('woff'),
url('../fonts/KlavikaWebBasicBold.ttf') format('truetype');
font-weigth : bold}
html {font-size:100.001%}
body {color:#222121; font-family:sans-serif; font-size:62.5%; /* 1em = 10px */}
h1,h2,h3,h4,h5,h6,h7 { font-family: "Titres", arial, sans-serif;}
p, select, input, caption, label, span, tr, td, table, textarea {font: normal 14px/1.6 Arial, Helvetica, sans-serif;font: normal 1.4em/1.6 Arial, Helvetica, sans-serif;font: normal 1rem/1.6 Arial, Helvetica, sans-serif;text-align:left;}
a {color:#222121; text-decoration:none}
a:hover {text-decoration:underline}
.noMargin {margin:0 !important}
.noBorder {border:none !important}
.imgFloatLeft img {float:left}
.imgFloatRight img {float:right}
/********** GENERAL **********/
p.bigPink a,
a.bigPink {font-size:1.27em; font-weight:bold; color:#e21350; padding-left:10px; text-decoration:underline; background:url(../images/common/ico_arr_pink.gif) left 5px no-repeat}
#inner .guide p.bigPink a:hover,
a.bigPink:hover {text-decoration:none}
a.linkBlue {color:#3366ff; text-decoration:underline}
a.linkBlue:hover {text-decoration:none}
.quiet {color:#999}
/* BOUTON ROUGE */
p.btnRed a {display:block; width:auto; float:left; height:17px; position:relative; padding-left:10px; background:url(../images/common/btn_red.gif) left top no-repeat}
p.btnRed img {float:left; margin-right:5px; margin-top:5px; vertical-align:middle}
p.btnRed span {display:block; height:13px; width:auto; float:left; padding:2px 10px 2px 0; color:#fff; cursor:pointer; font-weight:bold; background:url(../images/common/btn_red.gif) right top no-repeat}
/* LIEN ROUGE */
a.linkRed {display:block; width:156px; height:18px; color:#fff; font-weight:bold; padding:3px 0 0 10px; background:url(../images/common/btn_red_link.gif) left top no-repeat}
a.linkRed:hover {text-decoration:none}
/* BTN ADD FAV */
a.addFav {display:block; height:12px; width:auto; padding:3px 0 0 22px; background:url(../images/common/ico_add_fav.gif) top left no-repeat}
ul.arrows li {padding-left:12px; background:url(../images/common/ico_arr_2.gif) left 3px no-repeat}
/* Mini Blocs */
#inner .miniBlocs {overflow:hidden; width:100%}
#inner .miniBlocs .bloc {width: 29em; float:left; height: 323px; padding: .8em; margin-right: 1.6em; margin-bottom: 2em; background-color:#e3e3e3; position: relative}
#inner .miniBlocs div.blocRight {margin-right:0px}
#inner .miniBlocs .bloc h2 {margin-bottom:9px}
#inner .miniBlocs .bloc .content {padding:3px; height: 270px; background-color:#fff}
#inner .miniBlocs .bloc .content h3, #inner .miniBlocs .bloc .content p {padding-left:5px; margin-bottom:5px;font-size: 13px;font-size: 1.3em;font-size: 0.8125rem;}
#inner .miniBlocs .bloc .content .head {width:180px; float:left}
#inner .miniBlocs .bloc .content .head h3 {font-size: 1rem;padding-top:10px; margin-bottom:8px;}
#inner .miniBlocs .bloc .content .head p.date {color:#545454; margin-bottom:15px}
#inner .miniBlocs .bloc .content .visu {width:86px; float:right}
#inner .miniBlocs .bloc .content .visu img {display:block; border:1px solid #e2e2e2}
#inner .miniBlocs .bloc .arrows {height: 19px; padding-left: 1em; padding-top:5px; }
#inner .miniBlocs .bloc .arrows li {margin:0}
#inner .miniBlocs .bloc .arrows li a {color:#fff}
#inner .miniBlocs .bloc p a {text-decoration:none}
#inner .miniBlocs .bloc p a.addFav {text-decoration:underline}
#inner .miniBlocs .bloc p a.addFav:hover, #inner .miniBlocs .bloc .content .head h3 a:hover, #inner .miniBlocs .bloc .content .head h4 a:hover {text-decoration:none}
/* Liste Elems */
#inner .listElems {padding:20px 9px 13px; overflow:hidden; height:1%; background-color:#e3e3e3}
#inner .listElems ul.tri {float:left; overflow:hidden; height:1%; margin-bottom:10px}
#inner .listElems ul.tri li {display:inline; color:#fff; padding-right:7px; padding-left:6px; background:url(../images/common/footer/spacer.gif) right 2px no-repeat}
#inner .listElems ul.tri li.noBorder {background:none}
#inner .listElems ul.tri li a {color:#fff}
#inner .listElems .triSelect {float:left; overflow:hidden; height:1%; margin-bottom:10px}
#inner .listElems .triSelect fieldset {float:left}
#inner .listElems .triSelect label {float:left; color:#000; padding-top:2px; margin-right:5px}
#inner .listElems .triSelect div {float:left}
#inner .listElems .triSelect select {display:block; width:245px; margin-bottom:10px}
#inner .listElems .triSelect div.skinned-select {height:26px; background:url(../images/guides/bg_select.gif) left top no-repeat}
#inner .listElems .triSelect div.skinned-select select {opacity:0; filter:alpha(opacity = 0); moz-opacity:0; position:relative; z-index:100; width:245px}
#inner .listElems .triSelect div.skinned-select .select-text {position:absolute; text-indent:10px; line-height:19px; z-index:1}
#inner .listElems .triSelect div.skinned-select .select-text {color:#fff}
#inner ul.pages {float:right; margin-bottom:10px}
#inner ul.pages li {display:inline; font-size:0.9em; color:#fff}
#inner ul.pages li a {color:#fff;font-size: 140%;}
#inner ul.pages li.active a {padding:3px 5px; background-color:#7c7c7c}
#inner .listElems .contentList {margin:10px 0; clear:both; overflow:hidden; width:100%; border-bottom:1px solid #a1a1a1; border-left:1px solid #a1a1a1; border-right:1px solid #a1a1a1}
#inner .listElems .contentList li {padding: 1em; overflow: hidden; width:100%; border-top: 1px solid #bbb; background: #fff;}
#inner .listElems .contentList li .visu {float:left; width:84px; padding: 0;margin: 0 1em 0 0;}
#inner .listElems .contentList li .visu img {display:block; border:1px solid #959495}
#inner .listElems .contentList li div {float:left; margin-left:5px; display:inline; width: 320px; padding: 0 180px 0 0;}
#inner .listElems .contentList li.active div {background-color:#e3e3e3}
#inner .listElems .contentList li div h4 {font-size: .9rem;margin-bottom:5px;}
#inner .listElems .contentList li div h4 a {color:#828282}
#inner .listElems .contentList li.active div h4 a {color:#fff !important}
#inner .listElems .contentList li div p.date {color:#545454}
#inner .listElems .contentList li div p {margin-bottom:5px}
#inner .listElems .contentList li div p a {text-decoration:none}
#inner .listElems .contentList li div p img {vertical-align:text-bottom; margin-right:5px}
/* Bloc ARTICLES */
#inner .blocArticles {padding:9px}
#inner .blocArticles h3 {font-size:1.09em; color:#fff; margin-bottom:7px}
#inner .blocArticles ul {overflow:hidden; width:100%}
#inner .blocArticles ul li.article {width:125px; float:left; height:147px; padding:12px 10px; margin-right:4px}
#inner .blocArticles ul li.last {margin:0}
#inner .blocArticles ul li p {margin-bottom:15px; text-align:center}
#inner .blocArticles ul li.vert {background:#FFFFFF url(../images/common/vert/bg_article.gif) repeat-x scroll left top}
#inner .blocArticles ul li.opaline {background:#FFFFFF url(../images/common/opaline/bg_article.gif) repeat-x scroll left top}
#inner .blocArticles ul li.marron {background:#FFFFFF url(../images/common/marron/bg_article.gif) repeat-x scroll left top}
/********** TOP NAV **********/
#topNav {height:22px; padding-bottom:6px; background:url(../images/common/topnav/bg_topnav.png) left top repeat-x}
#topNav .content {width:946px; height:100%; margin:0 auto}
#topNav .content .list {height:100%; float:right; margin-right:20px}
#topNav .content .listLeft {width:57px; float:left; height:100%; background:url(../images/common/topnav/bg_list_left.gif) left top no-repeat}
#topNav .content .listRight {width:57px; float:left; height:100%; background:url(../images/common/topnav/bg_list_right.gif) left top no-repeat}
#topNav .content .list ul {float:left; padding-top:4px; height:18px; background:url(../images/common/topnav/bg_list.gif) left top repeat-x}
#topNav .content .list ul li {color:#6a6a6a; display:inline; padding-right:10px; margin-right:10px; background:url(../images/common/topnav/toplist_spacer.gif) right 4px no-repeat}
#topNav .content .list ul li.last {background:none; margin:0; padding:0}
#topNav .content .list ul li a {color:#6a6a6a}
#topNav .content .access {float:right; padding-top:3px}
#topNav .content .access .btnRed {float:left; margin-right:25px}
#topNav .content .access .selectLang {float:left; position:relative}
#topNav .content .access .selectLang a.lang {width:32px; height:13px; display:block; padding-left:6px; padding-top:4px; background:url(../images/common/topnav/bg_select_lang.gif) left top no-repeat}
#topNav .content .access .selectLang a.lang img {display:block}
#topNav .content .access .selectLang .hide {display:none}
#topNav .content .access .selectLang .select {position:absolute; z-index:200; right:0px; width:131px; padding-bottom:12px; background:url(../images/common/topnav/bg_lang_choice.gif) left bottom no-repeat}
#topNav .content .access .selectLang .select .header {height:17px; background:url(../images/common/topnav/bg_lang_choice.gif) left top no-repeat}
#topNav .content .access .selectLang .select ul {padding:0 12px; width:107px}
#topNav .content .access .selectLang .select ul li {margin-bottom:5px}
#topNav .content .access .selectLang .select ul li a {color:#575757; display:block; width:107px; overflow:hidden; padding:2px 2px 2px 5px; background-color:#d8d8d8}
#topNav .content .access .selectLang .select ul li a span {float:left; cursor:pointer}
#topNav .content .access .selectLang .select ul li a img {float:right; vertical-align:middle}
#notAuth .btmEspace .listSelections {float:right; padding:10px 12px 0; width:65px}
.btmEspace .listSelections {padding:10px 12px 0px 15px; position:relative; width:340px; overflow:hidden; height:57px}
.btmEspace ul.selections {overflow:hidden; position:relative}
ul.selections li {background:transparent url(../images/common/bg_defile.gif) no-repeat; float:left; overflow:hidden; width:61px; height:53px; padding:2px; margin:0px 3px 0px 0px}
ul.selections li img {width:61px; height:53px}
.listSelections a.prevSelection {background:transparent url(../images/common/ico_arrNav_left.gif); background-position:50%; background-repeat:no-repeat; position:absolute; width:10px; height:15px; left:0; top:30px}
.listSelections a.nextSelection {background:transparent url(../images/common/ico_arrNav_right.gif); background-position:50%; background-repeat:no-repeat; position:absolute; width:10px; height:15px; right:0; top:30px}
/**/
/** End bloc head mon espace**/
/****************************************************************************************************************************/
#content { border-radius: 0 0 1em 1em; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25); display:block; width:960px; margin:0 auto 55px auto; width:960px; padding: 1em 5px 3em; margin-bottom:25px; position:relative; z-index:1; border-bottom: 2em solid #eee; background: #fff;}
#breadcrumb {margin-bottom:10px; padding-top:5px}
#breadcrumb li {color:#575757; display:inline; font-weight:bold}
#breadcrumb li a {color:#707070; font-weight:normal; text-decoration:underline}
#breadcrumb li span {font-size:10px;font-size:1em;font-size:.6rem;font-weight:bold;}
/* RIGHT NAV */
#rightNav {width:314px; float:right}
#rightNav .blocOffres {margin-bottom:20px; padding:5px 8px 9px 8px; background-color:#e21350}
#rightNav .blocOffres h2{color:#FFFFFF; font-size:1.09em; margin-bottom:5px}
#rightNav .blocOffres .basic {overflow:hidden; height:1%; border-top:1px solid #fff; padding:6px 4px 5px 8px; background:#eee url(../images/common/bg_rightnav_offres.gif) top left repeat-x}
#rightNav .blocOffres .basic .content {width:195px; float:left}
#rightNav .blocOffres .basic .visu {width:76px; float:right}
#rightNav .blocOffres .basic .visu img {display:block; border:1px solid #c0c0c0}
#rightNav .blocOffres .basic table td {padding-right:10px; padding-bottom:2px}
#rightNav .blocOffres .basic table td.dest {width:100px; text-transform:uppercase}
#rightNav .blocOffres .basic table td.prix {width:40px; padding-right:0; text-align:right}
#rightNav .blocOffres .basic h3 {color:#043a6c; font-size:1.27em; margin-bottom:3px}
#rightNav .blocOffres .basic p {margin-bottom:3px}
#rightNav .blocOffres .basic .prix {font-weight:bold; color:#e21350}
#rightNav .blocOffres .footer {height:24px; padding-left:10px; padding-top:10px; border-top:1px solid #fff; background:#eee url(../images/common/bg_offres_footer.gif) top left repeat-x}
#rightNav .blocOffres .footer ul li a {font-weight:bold}
/* bloc vos marques */
#rightNav .blocVosMarques {height:92px; padding-bottom: 20px}
#rightNav .blocVosMarques img {float:left; width:106px}
#rightNav .blocVosMarques .container {background:#DADADA url(../images/common/bg_vosMarques.gif) no-repeat right top; height:84px; width:198px; padding:8px 0px 0px 10px; float:left}
#rightNav .blocVosMarques .container h3 {text-indent:-4444px; font-size:0px; display:block; height:16px}
#rightNav .blocVosMarques .container p {margin:3px 0px 3px 0px}
/* MOTEUR DE RECHERCHE */
#rightNav .searchEngine {padding:1px; margin-bottom:20px; background-color:#f1f1f1; border:1px solid #b1b1b1}
#rightNav .searchEngine fieldset.std {padding:10px 20px; background:#dadada url(../images/common/bg_search.gif) 19px 16px no-repeat}
#rightNav .searchEngine fieldset.std p.title {padding-left:40px; margin-bottom:3px}
#rightNav .searchEngine fieldset.std select {display:block; width:175px}
#rightNav .searchEngine fieldset.std div.skinned-select {height:19px; margin-bottom:2px; background:url(../images/common/bg_select_rightnav.gif) right top no-repeat}
#rightNav .searchEngine fieldset.std div.skinned-select select {opacity:0; filter:alpha(opacity = 0); moz-opacity:0; position:relative; z-index:100; width:230px; margin-left:40px}
#rightNav .searchEngine fieldset.std div.skinned-select .select-text {position:absolute; text-indent:10px; line-height:19px; z-index:1}
#rightNav .searchEngine fieldset.std div.skinned-select .select-text {color:#000; width:230px; font-weight:bold; font-size:1.36em; padding-left:40px}
#rightNav .searchEngine fieldset.std .inputText {width:218px; height:17px; float:left; display:block; color:#575757; border:none; margin:0; padding:4px 5px 0 20px; border:1px solid #8b8b8b; background:#fff url(../images/common/ico_arr_search.gif) 9px center no-repeat}
#rightNav .searchEngine fieldset.std .btn {float:left; display:block; margin:0}
#rightNav .searchEngine fieldset.advanced {padding:0px 20px 10px; clear:both; background:#dadada url(../images/common/bg_search_ad.gif) 19px 8px no-repeat}
#rightNav .searchEngine fieldset.advanced p.title {padding-top:15px; padding-left:40px; margin-bottom:9px; /* border-top:1px dotted #8b8b8b; */}
#rightNav .searchEngine fieldset.advanced .inner {border:1px solid #c6c6c6; margin-bottom:25px; background:#fff url(../images/common/bg_search_inner_btm.gif) left bottom repeat-x}
#rightNav .searchEngine fieldset.advanced .inner .content {padding:10px; border:1px solid #fff; background:url(../images/common/bg_search_inner_top.gif) left top repeat-x}
#rightNav .searchEngine fieldset.advanced .inner .content .label {margin-top:10px; margin-bottom:2px; display:block}
#rightNav .searchEngine fieldset.advanced .inner .content .label.first {margin:0}
#rightNav .searchEngine fieldset.advanced .inner .content select {display:block; width:175px}
#rightNav .searchEngine fieldset.advanced .inner .content div.skinned-select {height:20px; margin-bottom:2px; background:url(../images/common/bg_select_rightnav_ad.gif) left top no-repeat}
#rightNav .searchEngine fieldset.advanced .inner .content div.skinned-select select {opacity:0; filter:alpha(opacity = 0); moz-opacity:0; position:relative; z-index:100; width:245px}
#rightNav .searchEngine fieldset.advanced .inner .content div.skinned-select .select-text {position:absolute; text-indent:10px; line-height:19px; z-index:1}
#rightNav .searchEngine fieldset.advanced .inner .content div.skinned-select .select-text {color:#fff; width:245px}
#rightNav .searchEngine fieldset.advanced .inner .content .date {overflow:hidden; height:1%}
#rightNav .searchEngine fieldset.advanced .inner .content .date p {width:92px; height:19px; float:left; background:url(../images/common/bg_input_search_date.gif) left top no-repeat}
#rightNav .searchEngine fieldset.advanced .inner .content .date .left {float:left}
#rightNav .searchEngine fieldset.advanced .inner .content .date .right {float:right}
#rightNav .searchEngine fieldset.advanced .inner .content .date label {float:left; margin-right:5px; padding-top:3px}
#rightNav .searchEngine fieldset.advanced .inner .content .date input {width:65px; height:15px; padding:2px 0 0 3px; border:none; color:#999; background:transparent; vertical-align:baseline}
#rightNav .searchEngine fieldset.advanced .inner .content .date a {vertical-align:baseline}
/* CALENDAR */
.calendar * {margin: 0; padding: 0; border: 0; font-weight: normal; color: #000}
.calendar .invalidday a, .calendar .invalidday a:hover {color: #ccc; background: #fff; cursor: default}
.calendar .selectedday {color:#6E8111; font-weight:bold}
/*.calendar .today {font-weight: bold; color: #f00}*/
.calendar a {padding: 0 2px; color: #000; text-decoration: none}
/*.calendar a:hover {background: #bbb}*/
.calendar table {border-collapse: collapse; font-size: 90%}
.calendar tbody td {width: 20px}
.calendar td, .calendar th {padding: 1px; text-align: center}
.calendar thead td {border-bottom: 1px solid #aaa}
.calendar thead td {font-weight: bold; background-color:#ddd}
.calendar thead th a {font-size: 95%; font-weight: bold; color:#fff}
.calendar thead th {padding: 2px 0; vertical-align: middle; background: #6E8111}
.calendar {padding-bottom: 1px; border: 1px solid #aaa; font-size: small; background: #fff}
.calendaricon {cursor: pointer}
.calendarlink, .calendaricon {margin: 0 3px}
#rightNav .searchEngine fieldset.advanced .inner .content .radioGrp {overflow:hidden; height:1%; margin-bottom:2px}
#rightNav .searchEngine fieldset.advanced .inner .content .radioGrp p {display:inline; white-space:nowrap}
#rightNav .searchEngine fieldset.advanced .inner .content .radioGrp input {width:13px; height:13px; margin-right:5px}
#rightNav .searchEngine fieldset.advanced .inner .content .radioGrp label {margin-right:15px}
#rightNav .searchEngine fieldset.advanced .bottom {overflow:hidden; height:1%}
#rightNav .searchEngine fieldset.advanced .bottom p {font-size:2.18em; line-height:0.8em; float:left}
#rightNav .searchEngine fieldset.advanced .bottom p small {font-size:0.5em}
#rightNav .searchEngine fieldset.advanced .bottom input {float:right; width:182px; height:28px; color:#fff; border:none; padding-left:12px; margin-top:3px; background:url(../images/common/btn_afficher_results.gif) left top no-repeat}
/********** FOOTER **********/
#infos {color:#333; font-size: .75rem; padding-bottom: 5px; margin:0 auto 15px auto; text-align:center; text-shadow: 0 1px 0 #bbb; width:960px;}
#infos strong {color:#bb1c81}

/********** Accessibilité label tourisme handicap et internationale **********/
div#accessibilite-tourisme-handicap {position:relative;font-size: 120%;}
div#accessibilite-tourisme-handicap h3 { margin-bottom: 1em;}
div.tourisme-handicap {padding-right: 20px;}
div.tourisme-handicap ul#icones {background:#2859A5 url(../images/common/bg_handicap.gif) 1px 1px no-repeat; height: 50px; padding-left:34px; position: relative; color:#fff; text-transform: capitalize;float: left;margin: 0 1em 1em 0;font-size: 10px;}
div.tourisme-handicap ul#icones li {border: 1px solid #2859A5; border-left:none;float: left;}
div.tourisme-handicap ul#icones li.legende {float: none;text-transform: capitalize;bottom: 1px;left: 4px;position: absolute;}
div.accessibilite-internationale {border-top: 1px dotted #ccc;padding-top: 1em;}
div.accessibilite-internationale ul > li {border-bottom: 1px dotted #eee;padding: .5em 0;}
.accessibilityNew {zoom:1; overflow: hidden; margin-bottom: 10px}
.accessibilityNew div {float: left; background: #2859A5 url(../images/common/bg_handicap.gif) 1px 1px no-repeat}
.accessibilityNew div div {background: none; padding: 0}
.accessibilityNew ul {padding-left: 30px}
.accessibilityNew ul li img{display: block}
.accessibilityNew ul li {float: left; border: 1px solid #2859A5}
.accessibilityNew .legendeNew {clear: both; padding: 5px; color: #fff; text-transform: uppercase; font-size: .625em}
/* Mon espace, nombre de sélection */
a.nbSelection,
a.nbSelection strong {color: #da0046; text-decoration: underline}
a.nbSelection:hover,
a.nbSelection:hover strong {text-decoration: underline}
.erreur {color: #da0046; text-align: center; font-weight: bold}
/* Layout refonte 2009 */
/* CSS Document : Refonte Structure */
body {background: #fafafa;}
#mainContainer {background: url("../../../fichiers/fckeditor/habillages/background-Paris-Region-201311.jpg") no-repeat scroll center -12px transparent; width: 100%}
#inner {width:630px; float:left; /*overflow:hidden MODIF DIGITAS 18/04/12*/}
#inner .grid_1 {width:196px}
#inner .grid_2 {width:412px}
#inner .grid_3 {width:628px}
#inner .grid_1, #inner .grid_2, #inner .grid_3 {display:inline; float: left; position: relative; margin-right: 20px}
.alpha {margin-left: 0}
.omega {margin-right: 0}
#header { position: relative;}
.middHead, .topHead {width: 950px; overflow:hidden; margin: 0 auto}
.middHead {
    /*height: 101px;*/
          margin-bottom: 170px;}
.topHead ul {display: inline; margin-top: 5px}
.topHead li {display: inline}
.topHead li a {background:url(../images/common/header/pictos_header.gif) no-repeat}
.listEspace {float:left}
.listEspace li {margin-right: 35px}
.listEspace li a {padding-left: 21px; color:#666}
.topHead li.itemAccess a {background-position:0 0}
.topHead li.itemPro a{background-position:-189px 1px}
.topHead li.itemPress a{background-position:-397px 0}
.listLang {float:right;}
.listLang li {margin-left: 20px;float: left;}
.listLang li a {width: 16px;height: 12px;display: block;text-indent: -9999%;}
.topHead li.itemUK a{background-position: 0px -40px;}
.topHead li.itemES a{background-position: -191px -40px;}
.topHead li.itemDE a{background-position: -396px -40px;}
.topHead li.itemFR a{background-position: -590px -40px;}
.headerLogo {float:left; margin: 10px 0 0; display:inline}
.headerLogo img {float:left; }
.headerLogo h1 {display: inline; float: left; height: 95px; margin: 0; padding: 0; width: 120px}
.headerLogo h1 a, .headerLogo h1 a:hover {text-decoration:none; color:#bb1c81; font-size: 2em; line-height: 1; text-indent: -9999%;}
.headerLogo h2, .headerLogo h2 a {color: #bb1c81; display: inline; float: left;font-size: 1.6em;font-size: 1rem;line-height: 1.2;margin: 0;padding: 1.5em 0; }
.headerLogo h2 a {font-family: "Titres", arial, sans-serif;}
.headerLogo h2 a, .headerLogo h2 a:hover {color: #bb1c81;text-decoration: none}
.headerPerso {float:right; margin-top: 8px;width: 300px;}
.hearderCompte {background:url(../images/common/header/bg_header.gif) no-repeat 0 0; padding-left: 23px; float:right; /*width: 420px; *//*369*/ position:relative}
.linkCompte {display:block; width:18px; height:22px; position:absolute; top:0; left:0}
.titleCompte {display:block; width: 74px; height: 12px; padding-top: 3px}
.linkCompte span, .titleCompte span {display: none}
.hearderCompte ul {margin-top: 5px; float:left; width: 204px}
.hearderCompte li {display:inline; background:url(../images/common/header/bg_header.gif) no-repeat right -158px; padding-right: 4px; float:left; margin-right: 5px}
.hearderCompte li a {background:url(../images/common/header/bg_header.gif) no-repeat left -158px; padding: 2px 5px 1px 9px; display:block; float:left}
.hearderCompte .headerLog, .hearderCompte .headerNonLog {float:left; width:195px; /* 153 */}
.hearderCompte li a:hover {text-decoration: none}
.hearderNL {display:none; overflow:hidden; float:right; background:url(../images/common/header/bg_header.gif) no-repeat -229px -120px; padding: 5px 0 0 33px; width: 183px}
.hearderSearch {margin-top:14px; height: 33px; overflow:hidden; float:right; }
.hearderSearch label {color:#ce0440; font-weight:bold; vertical-align: middle; width: 181px; float:left; margin-top: 8px; padding-right:5px; font-size: 1.091em; display: none; text-align:right}
.hearderSearch .fakeInput input {border:1px solid #bb1c81; border-radius:4px 0 0 4px; font-size:.8rem; height:30px; padding:0 10px; width:230px;float: left;}
.hearderSearch input {float: left;}
#mainNav {width: 968px; position:relative; background: #666; padding: 0 0 0 2px;bottom: 0;border: 0;margin: 0 auto;box-shadow: 0 4px 8px rgba(0,0,0,.5);}
#mainNav:after {content:'.'; display:block; height:0; clear:both; visibility:hidden}
#mainNav > li {display:inline;float:left; margin: 0 2px 0 0; margin-bottom:0!important; position:relative; width: 136px;} 
#mainNav > li.activeMenuItem ul {display:block}
#mainNav > li.activeMenuItem a {background-color:#fff}
#mainNav > li a {color:#fff; text-align: center; display: block; height: 2.5em; padding: 0.625em .2em 0; text-decoration:none;  text-shadow: 0 1px 0 #444;font: bold 13px/1 helvetica, arial, sans-serif;font: bold 1.3em/1 helvetica, arial, sans-serif;font: bold .8rem/1 helvetica, arial, sans-serif;}
#mainNav li ul {}
#mainNav li li {width: 128px; float:left !important}
#mainNav li li a span {width:115px; cursor:pointer}
#mainNav ul {display:none}
#mainNav ul {position:absolute; left:-4px; padding: 0 4px 4px 4px; background: #555; z-index:100;width: 136px;background: rgba(0,0,0,.25);}
#mainNav ul li {float:none; background-color:#fff; margin:0; padding: 2px 4px;}
#mainNav .activeMenuItem ul li a {background:none!important; background:#fff; height:auto; text-transform:none; text-align:left; text-shadow: none; padding: 4px 0 6px 0}
#mainNav li li a span {display:block; padding-left: 17px; font: normal 13px/1 helvetica, arial, sans-serif;font: normal 1em/1 helvetica, arial, sans-serif;font: normal .75rem/1 helvetica, arial, sans-serif;}
#mainNav ul li a:hover {color:#fff!important}
#mainNav ul li a:hover span {background:url(../images/common/arrow_white.gif) 7px 4px no-repeat!important}
/************************************ Item 1 = Evenement = green */
li#itemNav1 > a {border-bottom: 4px solid #a6c321;}
li#itemNav1 a.active {background:transparent url(../images/common/header/nav_green.gif) 0px -44px repeat-x}
li#itemNav1 a:hover, li#itemNav1.activeMenuItem a, li#itemNav1.currentPage a {background:#a6c321 !important}
#mainNav li#itemNav1 li a span {background: url(../images/common/header/nav_green.gif) 5px -85px no-repeat;    }
#mainNav li#itemNav1 li a {color:#6e8211}
#mainNav li#itemNav1 li a:hover {background:#a6c321 !important}
/******************************** Item 2 = Musee = purple */
li#itemNav2 > a {border-bottom: 4px solid #b54384;}
li#itemNav2 a:hover, li#itemNav2.activeMenuItem a, li#itemNav2.currentPage a {background:#b54384 !important}
#mainNav li#itemNav2 li a span {background:url(../images/common/header/nav_purple.gif) 7px -85px no-repeat}
#mainNav li#itemNav2 li a {color:#86036b}
#mainNav li#itemNav2 li a:hover {background:#b54384 !important}
/************************************ Item 7 = Cafe/restaurant = brown */
li#itemNav3 > a {border-bottom: 4px solid #9b814f;}
li#itemNav3 a.active {background:transparent url(../images/common/header/nav_brown.gif) 0px -44px repeat-x}
li#itemNav3 a:hover, li#itemNav3.activeMenuItem a, li#itemNav3.currentPage a {background:#9b814f !important}
#mainNav li#itemNav3 li a span {background:url(../images/common/header/nav_brown.gif) 7px -85px no-repeat}
#mainNav li#itemNav3 li a {color:#b1996b}
#mainNav li#itemNav3 li a:hover {background:#9b814f !important}
/******************************** Item 3 = Guides = Orange */
li#itemNav4 > a {border-bottom: 4px solid #f45500;}
li#itemNav4 a:hover, li#itemNav4.activeMenuItem a, li#itemNav4.currentPage a {background: #f45500;}
#mainNav li#itemNav4 li a span {background:url(../images/common/header/nav_orange.gif) 7px -85px no-repeat}
#mainNav li#itemNav4 li a {color:#de5101}
#mainNav li#itemNav4 li a:hover {background:#f45500 !important}
/******************************** Item 4 = Loisirs = Yellow */
li#itemNav5 > a {border-bottom: 4px solid #f1a900;}
li#itemNav5 a:hover, li#itemNav5.activeMenuItem a, li#itemNav5.currentPage a {background:#f1a900 !important}
#mainNav li#itemNav5 li a span {background:url(../images/common/header/nav_yellow.gif) 7px -85px no-repeat}
#mainNav li#itemNav5 li a {color:#ffa900}
#mainNav li#itemNav5 li a:hover {background:#f1a900 !important}
/******************************** Item 5 = transport = pink */
li#itemNav6 > a {border-bottom: 4px solid #f270ae;}
li#itemNav6 a:hover, li#itemNav6.activeMenuItem a, li#itemNav6.currentPage a {background:#f270ae !important}
#mainNav li#itemNav6 li a span {background:url(../images/common/header/nav_pink.gif) 7px -85px no-repeat}
#mainNav li#itemNav6 li a {color:#d06095}
#mainNav li#itemNav6 li a:hover {background:#f270ae !important}
/******************************** Item 6 = Hebergement = blue */
li#itemNav7 > a {border-bottom: 4px solid #8c89c2;}
li#itemNav7 a:hover, li#itemNav7.activeMenuItem a, li#itemNav7.currentPage a {background:#8c89c2 !important}
#mainNav li#itemNav7 li a span {background:url(../images/common/header/nav_blue.gif) 7px -85px no-repeat}
#mainNav li#itemNav7 li a {color:#7673a2}
#mainNav li#itemNav7 li a:hover {background:#8c89c2 !important}
/* Fin header */
/* Footer */
/*#footer {width:100%; background:#ccc url(../images/common/bg_footer.gif) 0px 0px repeat-x}*/
#footer {border-radius:8px 8px 0 0; box-shadow: 0 0 150px rgba(0,0,0,.15) inset, 0 0 16px rgba(0,0,0,.15); margin: 0 auto; width: 970px; background: #888888; /* Old browsers */ 
background: -moz-linear-gradient(top, #888888 1%, #aaaaaa 99%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#888888), color-stop(99%,#aaaaaa)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #888888 1%,#aaaaaa 99%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #888888 1%,#aaaaaa 99%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #888888 1%,#aaaaaa 99%); /* IE10+ */ 
background: linear-gradient(to bottom, #888888 1%,#aaaaaa 99%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */}
#footer .footInnerTop {width:100%; padding: 15px 0; overflow:hidden}
#footer .footInnerBtm {width: 100%; border-top: 1px solid #888; padding: 14px 0 20px 0}
#footer .footInner {width:960px; margin: 0 auto; overflow:hidden}
#footer .footInnerTop ul {float: left; width: 135px; border-left: 1px solid #888; border-right: 1px solid #999; min-height: 160px}
#footer .footInnerTop ul:first-child {border-left:none}
#footer .footInnerTop ul:last-child {border-right:none}
#footer .footInner li.title {margin-bottom: 12px; font-size: .75rem;}
#footer .footInnerTop ul li {padding: 2px 5px 2px 15px}
#footer .footInnerTop li, #footer .footInnerTop li a {color:#fff; text-shadow: 0 1px 0 #555; font-size: .75rem;line-height: 1.2;margin-bottom: .2em;}
#footer .footInnerBtm li, #footer .footInnerBtm li a {color: #333; font-size: 1em;}
#footer .footInnerBtm ul {float:right; line-height: 1;}
#footer .footInnerBtm li {display:inline; margin: 0 10px; padding-right: 1Opx; border-right:1px solid #666}
#footer .footInnerBtm li.last {border-right:none; padding-right:0; margin-right: 0}
#footer .footInnerBtm li a {margin-right: 10px}
/* Fin Footer */
/* CONTENT */
/* carousel */
.carousel-container {clear:both; width:960px; overflow: hidden; margin: 0 auto 1em;}
.carousel-container h2 {padding: .25em 0; font-size: 1.9rem;color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.5);}
/** nav **/
.carousel-container #liste-carousel {float:left; margin: 43px 0 0 0; width:205px; list-style-type:none}
.carousel-container #liste-carousel li {list-style-type:none}
.carousel-container #liste-carousel li.onglet {display:block; margin: 4px 2px 4px 0; text-align:right}
.carousel-container #liste-carousel li.active {display:block; margin: 2px 0px 2px 2px; text-align:left}
.carousel-container #liste-carousel li.onglet a { display:inline-block; padding: 8px; padding: .6em; padding: .5rem; color:white; text-decoration:none; font-size:.8rem; line-height:1; font-weight:bold;border-radius: 2px 0 0 2px;}
.carousel-container #liste-carousel li.active a {display:block; padding:8px; color:white; text-decoration:none; font-size:1.6em; font-size:1.1rem; font-weight:bold; line-height:1; height:36px; box-shadow: 0 2px 8px rgba(0,0,0,0.5), inset 0 -2px 0 rgba(0,0,0,0.2);}
/** blocs **/
.carousel-container .visuel {float:left; height:300px; padding-left:3px; width:531px}
.carousel-container .contenu {-moz-box-sizing:border-box; box-sizing:border-box; width:220px !important; width:180px; height:300px; float:left; padding:8px;}
.carousel-container .contenu p, .carousel-container .contenu a, .carousel-container .contenu h3, .carousel-container .contenu span {color:white}
.carousel-container .contenu h3 {min-height:35px; font-size: 1.9em; }
.carousel-container .contenu hr {border-color:white; border:0; color: white; background-color: white; height: 1px; margin:.5em 0; padding:0; }
.carousel-container .contenu p.date {height:25px; font-size: 1em; font-size: .7rem;}
.carousel-container .contenu p.accroche { font-size: 1em; font-size: .7rem; line-height: 1.6; padding-bottom: 1em;}
.carousel-container .contenu a.carouselLinkList {text-decoration:none; font-size: 1em; font-size: .7rem; display:block}
.carousel-container .contenu a.carouselLinkList:hover {text-decoration: underline}
.carousel-container .contenu a.espace {display:block; height:18px; text-decoration:none; font-size: 1em; font-size: .7rem; padding:0 0 0 20px; margin-bottom:3px; background:url(../images/player/etoile.png) no-repeat top left}
.carousel-container .contenu a.espace span {line-height:18px}
.carousel-container .contenu .discover { border-radius: 3px; border: 1px solid #3A4507; box-shadow: 0 5px 4px -4px rgba(0,0,0,.5), inset 0 0 10px rgba(0,0,0,.1), inset 0 -2px 0 rgba(0,0,0,.2); color:#3A4507; display:block; text-decoration:none; margin: 4px 0; font-size: 1.1em; font-size: .75rem; font-weight:bold; line-height: 2.5; text-align:center; width: 192px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}
.carousel-container #zone-contenu.contenuSeo{float:left;width: 753px}
.carousel-container #zone-contenu.contenuSeo .evenements,
.carousel-container #zone-contenu.contenuSeo .museesMonuments,
.carousel-container #zone-contenu.contenuSeo .transport,
.carousel-container #zone-contenu.contenuSeo .seFairePlaisir,
.carousel-container #zone-contenu.contenuSeo .laissezVousGuider,
.carousel-container #zone-contenu.contenuSeo .cafesRestaurants,
.carousel-container #zone-contenu.contenuSeo .hebergement
{float:left; width:753px; margin-bottom: 20px; overflow: hidden}
/** evenements, musees, etc **/

.carousel-container .evenements .visuel, .carousel-container .evenements .contenu,
.carousel-container li.active.evenements a, 
.carousel-container li.onglet.evenements a {background: #a6c321}

.carousel-container .museesMonuments .visuel, .carousel-container .museesMonuments .contenu,
.carousel-container li.active.museesMonuments a,
.carousel-container li.onglet.museesMonuments a {background: #b54384}

.carousel-container .transport .visuel, .carousel-container .transport .contenu,
.carousel-container li.active.transport a,
.carousel-container li.onglet.transport a {background:#f270ae}

.carousel-container .laissezVousGuider .visuel, .carousel-container .laissezVousGuider .contenu,
.carousel-container li.active.laissezVousGuider a,
.carousel-container li.onglet.laissezVousGuider a {background:#f45500}

.carousel-container .seFairePlaisir .visuel, .carousel-container .seFairePlaisir .contenu,
.carousel-container li.active.seFairePlaisir a,
.carousel-container li.onglet.seFairePlaisir a {background: #f1a900}

.carousel-container .hebergement .visuel, .carousel-container .hebergement .contenu,
.carousel-container li.active.hebergement a,
.carousel-container li.onglet.hebergement a {background: #8c89c2}

.carousel-container .cafesRestaurants .visuel, .carousel-container .cafesRestaurants .contenu,
.carousel-container li.active.cafesRestaurants a,
.carousel-container li.onglet.cafesRestaurants a {background:#9b814f}

/**/
#content a {outline:none}
/* Inside page */
.innerBlockA {width:291px; float:left; padding:0; }
.innerBlockB {width:319px; float:right; padding:0; }
.innerBlockC {width:630px; clear:both;  padding: 1em 0 0;}
h2.titleBloc {font-size: 2.4em; font-size: 1.5rem; padding: 0; margin-bottom: 1em; background: none !important; border: none !important; letter-spacing: -.02em; letter-spacing: -.02rem; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); border-bottom: .25em solid !important;}/* first Colone : innerBlockA */
.innerBlockA .titleBloc {color:#6e8111; background-image:url(../images/common/tools_green.gif); background-position:-709px 28px; }
.innerBlockA .titleBloc span {font-weight:normal}
.innerBlockA h3 {color:#6e8111; font-size: 1.5em; font-size: 1rem; padding: 0px 0px .5em 1em;}
/* BLOC Temps forts */
.highlyTime {width:100%; padding: 0 0 2em;}
/*** ONGLET TEMPS FORTS ***/
#ongletsMonth {width:100%; }
#ongletsMonth ul {width:100%; height: 360px; position:relative;background: #6e8111;}
#ongletsMonth li{/* mod */ float:left; /*height:20px; */ padding: 3px 0px 0px;}
#ongletsMonth li.nextActive,
#ongletsMonth li.prevActive {background:none}
#ongletsMonth li#firstItem {background:none}
#ongletsMonth li a.itemOnglet {color:#ffffff; height: 14px; padding: 3px 10px; float:left; font-weight:bold; position:relative; width:68px; text-align:center}
#ongletsMonth li#lastItem a, #ongletsMonth li#firstItem a {padding:3px 0px; width:12px}
#ongletsMonth li.active {padding-top:0px; padding-left:3px;margin-top: -.5em;height: 3em;}
#ongletsMonth li.active a.itemOnglet {background: #F0F4DD; color: #6e8111; border: 1px solid #6e8111; border-radius: 2px 2px 0 0; border-bottom: none; box-shadow: 0 4px 6px rgba(0,0,0,.5); padding-top: 11px; padding-left: 7px; width: 68px;height: 100%;}
/* DETAIL INFO */
.highlyTime #blocInfoItems {background-color:#f0f4dd; margin:-1px 0px 5px}
#ongletsMonth .itemInfo {width:291px; overflow:hidden; height:330px; background-color:#F0F4DD; position:absolute; top:28px; left:0px}
#ongletsMonth .itemInfo li {width: 275px; padding: 8px; min-height: 90px; float: left; border-bottom: 1px dotted #6E8111}
#ongletsMonth .itemInfo li:last-child {border-bottom:none}
#ongletsMonth .itemInfo .visuInfo {padding:0; width:85px; float:left}
#ongletsMonth .itemInfo .descInfo {width:180px; float:right; }
#ongletsMonth .itemInfo .descInfo p { line-height: 1; padding-right:1em; font-size: 12px; font-size: 1.2em; font-size: .75rem;}
#ongletsMonth .itemInfo .descInfo .subTitle {font-weight:bold; line-height: 1;margin-bottom: .5em;}
#ongletsMonth .itemInfo .descInfo .subTitle a {color:#6e8111; text-decoration:underline}
/* -- */
.highlyTime .othersItems {background: transparent url(../images/common/tools_green.gif) no-repeat -708px .6em; padding: .25em 0; font-weight:bold; border-bottom:1px solid #97b21a; overflow:hidden; width:100%}
.highlyTime .othersItems a {background: #fff url(../images/common/bg_rightSubtitle.gif) no-repeat right .35em; color:#6e8111; padding-right: 8px; float:left}
/* --- */
/* SEARCH EVENTS */
.searchEvents {background-color: #EEEEEE; border: medium none; border-radius: 0 4px 4px 0; margin: 0 -5px 25px; padding: 20px; width: 258px}
.searchEvents form p {width:249px; padding:0px 0px 13px; float:left}
.searchEvents form label {float:left; color:#cdcdcd; font-size:12px}
.searchEvents form p .labelB {color:#666666; font-weight:bold; width:68px}
.searchEvents form p.sep {background:transparent url(../images/common/sepForm.gif) repeat-x left bottom; margin-bottom:12px}
#f_theme {width:176px; height:22px; float:left; border:1px solid #cccccc}
.radioContainer {float:left; padding:2px 0px 0px}
.searchEvents form .radioContainer label {float:left; color:#6e8111; font-size: 1em; font-size: .7rem; font-weight:bold}
.searchEvents form .radioContainer input {float:left; width:13px; height:13px; margin:0px 8px 10px 0px; clear:left}
.searchEvents form .radioContainer input.lastF {margin-bottom:0px}
.searchEvents form .dateContainer label {width:35px; padding-top:7px; color:#666666; font-weight:bold}
.dateContainer input {border:1px solid #CCCCCC; color:#666666; float:left; font-size: 1em; font-size: .7rem; height:16px; padding:5px 0 4px 1px; width:56px}
.dateContainer a, .dateContainer img {float:left; margin:4px 10px 0px 4px; visibility:hidden}
.dateContainer img {float:left; width: 16px}
.dateContainer a.datepickerEnd {margin-right:0px}
.sepForm {background:transparent url(../images/common/sepForm.gif) repeat-x left 8px; text-align:center; color:#666666; margin-bottom:15px; clear:both}
.sepForm span {font-size: 1.1em; font-size: .75rem; background:#eeeeee; padding:0px 4px}
.btSearch {background:transparent url(../images/common/tools_green.gif) no-repeat -796px -54px; width:200px; height:28px; margin:0px auto; display:block; font-size: 1.1em; font-size: .75rem; padding-right:4px; clear:both}
.btSearch input {background:transparent url(../images/common/tools_green.gif) no-repeat -416px -26px; width:200px; height:28px; display:block; text-align:center; border:0px; cursor:pointer; color:#ffffff; font-weight:bold}
/*----*/
/* SECOND COLONNE */
.innerBlockB .titleBloc {color:#fc5c00; background-image:url(../images/common/tools_orange.gif); background-position:-681px 28px; }
.innerBlockB .introBloc {font-size: 1rem; padding: 0 4em 1em 1em; line-height: 1.1}
.innerBlockB .introBloc strong {color:#fc5c00}
.itemIdeas {padding: 0 0 2em 0;}
#lastItemIdea {padding-bottom:8px}
.itemIdeas .headTitle {overflow:hidden; width:100%; position:relative; z-index:2}
.itemIdeas .headTitle h3 {background:transparent url(../images/common/bg_title_orange.png) no-repeat left top; padding: .4em 1em 1.5em; font-size:13px; font-size: 1.25em; /* font-size:0.8125rem; */ font-weight:bold; color:#fff; float:left}
.itemIdeas .headTitle h3 a { color:#fff}
.itemIdeas .headTitle span {background:transparent url(../images/common/bg_right_title_orange.png) no-repeat; height:34px; width:7px; float:left; font-size:0px}
.itemIdeas .container {margin:-23px 0px 0px 10px; position:relative}
.itemIdeas .container .visuel {margin:0px 0px 7px 0px; display:block}
.itemIdeas .container .descItem p {padding:0px 0px 5px 0px;font-size: 14px;font-size: 1.4em;font-size: .9rem;}
.linkOrange {background:transparent url(../images/common/arr_orange.gif) no-repeat 0px 4px; padding:0 8px; color:#ee5700; text-decoration:underline}
.secondItemIdeas .container {width:300px; border:1px solid #cfcfcf; overflow:hidden}
.secondItemIdeas .container .visuel {float:left; margin:0px}
.secondItemIdeas .container .descItem {float:right; width:158px; padding:25px 2px 0px 0px}
.secondItemIdeas .container .descItem h4 {color:#fc5c00; font-size: 1.1em; font-size: .75rem; font-weight:bold; padding:0px 0px 7px}
.innerBlockB .othersItems {background:transparent url(../images/common/tools_orange.gif) no-repeat -681px 5px; font-weight:bold; overflow:hidden; width:100%; margin-bottom:16px}
.innerBlockB .othersItems a {background:#fff url(../images/common/tools_orange.gif) no-repeat right -13px; color:#fd5c00; padding:0px 13px 0 10px; float:left}
.txtItalic {font-style:italic}
/*---*/
/* Third Colone */
.innerBlockC h2 {color: #bb1c81; }
#ongletTabs {background: #bb1c81; height:26px; width:621px; padding:2px 0px 0px 5px}
#ongletTabs li {float:left; background:url(../images/common/sepList.gif) no-repeat right center; padding:0px 3px 0px 0px}
#ongletTabs li a {padding:6px 20px 0px 17px; height:20px; color:#ffffff; font-weight:bold; float:left;font-size: 1.1em;font-size: .7rem;}
/* ACTIVe item */
#ongletTabs li.active {background: #fff;margin-top: -.5em;height: 3em;border: 1px solid #bb1c81;border-bottom: none;}
#ongletTabs li.active a { color:#bb1c81}
/**/
.itemDetailBloc {width:626px; background:url(../images/common/tools_rose.gif) no-repeat 0px -84px; padding-bottom:15px}
.itemDetailBloc .container {padding:11px; overflow:hidden; width:604px}
.itemDetailBloc .container .item {width: 258px; float: left; margin: 0 1em 1em 0; padding: 1em}
.itemDetailBloc .container .item img {float:left}
.itemDetailBloc .container .item .desc {float:right; width: 160px;  color:#333333;font-size: 12px;font-size: 1.2em;font-size: .75rem;}
.itemDetailBloc .container .item .desc h4 {font-weight:bold; color:#bb1c81; padding:0px 0px 5px; font-size: 1.5em; font-size: .95rem;line-height: 1;}
.itemDetailBloc .container .item .desc h4 a {color:#bb1c81; text-decoration:underline}
.innerBlockC .othersItems { font-weight:bold; overflow:hidden; width:100%}
.innerBlockC .othersItems a {background: #eee; color: #bb1c81; padding: .5em 1em; float:left;box-shadow: 0 -2px 0 rgba(0,0,0,.25) inset;border-radius: .25em;margin: 0 0 0 1.6em;}
/* ------ */
/* BLoc PUb */
.blocPub {background:url(../images/common/tools.png) no-repeat 0px -518px; width:300px; padding:6px 5px 5px; height:271px; margin:0px 0px 10px}
.blocPub h2 {float:left; color:#949494; font-size: 1em; font-size: .7rem; font-weight:normal; padding-top:1px}
.blocPub ul {float:right; margin-bottom:1px}
.blocPub ul li {float:left; padding:0px 1px 0px 0px}
.blocPub ul li a {float:left; color:#ffffff; background-color:#999999; padding:1px 9px; font-weight:bold}
.blocPub ul li.on a {background-color:#480705}
/* BLOC PRATIQUE */
.blocPractice {margin: 0 0 2em;}
.blocPractice #navPractice {background: #bb1c81;border-top: 1px solid #8A2529;overflow: hidden;padding: 3px 3px 0}
.blocPractice #navPractice li {float:left; padding:0px 3px 0px 0px}
.blocPractice #navPractice li a {float:left; color:#ffffff; font-size:13px; font-size:1em; font-size:0.8125rem; font-weight:bold; height:24px; padding:8px 20px 0px 22px}
.blocPractice #navPractice li.on {background: #F2F1F1;border-top: 1px solid #DDD;border-right: 1px solid #DDD;border-left: 1px solid #DDD;border-radius: 2px 2px 0 0;margin-left: 2px;box-shadow: 0 8px 16px rgba(0, 0, 0, .5)}
.blocPractice #navPractice li.on a {background: none; color:#bb1c81}
.blocPractice .detailPractice {background: #F2F1F1;width: 314px;padding:0; margin:0;border-bottom: 1px solid #DEDEDE}
.detailPractice .itemPractice {padding:8px 8px 0px; width:294px}
.detailPractice #pratique.itemPractice {color:#666666}
.itemPractice .usefulLinks {width:100%; overflow:hidden; padding: 0 0 1em;}
.itemPractice .usefulLinks li {background:none;width: 100%;border-radius: 4px;margin: 0 0 .25em 0;float: left;padding:0}
.itemPractice .usefulLinks li a {background-image:url(../images/common/tools2.png); background-color:#ffffff; background-repeat:no-repeat; border: 1px solid #CCC; border-radius:4px; display:block; padding:1em .25em 1em 5em; color:#bb1c81; font-weight:bold}
.itemPractice .usefulLinks li a.help {background-position:15px -72px}
.itemPractice .usefulLinks li a.pointInfo {background-position:15px -111px}
.itemPractice .usefulLinks li a.cartes {background-position:15px -151px}
.itemPractice .usefulLinks li a.brochure {background-position:15px -191px}
.itemPractice .usefulLinks li a.rss {background-position:15px -227px}
.itemPractice .usefulLinks li a.contact {background-position:15px -263px}
.itemPractice .usefulLinks li a.accessibilite-2013 {background-position:15px -294px}
.supports {padding:10; overflow:hidden; width:100%}
.supports a {float:left; margin-right:4px}
/**/
.daysLink {overflow:hidden; width:100%; padding:0px 0px 9px}
.daysLink li {float:left; color:#d3114a; font-weight:bold; padding:0px 8px}
.daysLink li a {color:#424242; font-weight:normal; text-decoration:underline}
.daysLink li.on a {color:#d3114a; font-weight:bold; text-decoration:none}
/* --- */
.pushBloc {display:block; margin: 0 0 2em;}
.pushBloc img {display:block}
/* --- */
.tagsCloud { border: 1px solid #ddd; padding: 1em; color: #aaa;}
.tagsCloud h4 {font-size: 1.6em; font-size: 1rem;  padding: 0 0 .5em; margin: 0 0 1em; border-bottom: 1px solid #ddd;}
.tagsCloud a { color: #aaa; margin: .25em; font-weight: bold; line-height: 1}
.f7 {font-size:8px; font-size: .8em; font-size: .6rem;}/* 1em = 11px */
.f9 {font-size:9px; font-size: .9em; font-size: .7rem;}
.f10 {font-size:10px; font-size: 1em; font-size: .8rem;}
.f12 {font-size:12px; font-size: 1.2em; font-size: .9rem;}
.f17 {font-size:17px; font-size: 1.7em; font-size: 1rem;}
.f18 {font-size:18px; font-size: 1.8em; font-size: 1.2rem;}
.f29 {font-size:29px; font-size: 2em; font-size: 1.8rem;}
.f30 {font-size:30px; font-size: .3em; font-size: 2rem;}
/* --- */
#infos.newInfo {font-size: 1.1em; font-size: .75rem; margin-bottom:20px; color:#4a0906}
#infos.newInfo strong {color:#bb1c81}
/* --- */
#meteoContent {position:relative}
#meteoContent .navState {background:url(../images/meteo/bg_nav.gif) no-repeat right top; width:72px; height:99px; padding:10; position:absolute; z-index:3; left:210px; top:50px}
#meteoContent .navState li {padding:0px 0px 8px 0px}
#meteoContent .navState li a {padding:3px 0px 4px 17px; display:block; font-size:1em; font-size:.8rem; text-decoration:none}
#meteoContent .navState li a.on {background:transparent url(../images/meteo/active_item.gif) no-repeat 0px 0px; color:#ffffff}
/* --- */
.meteoCarte {position:relative; z-index:1; display:block}
.picTemp {position:absolute; z-index:2}
/* --- ZONE 1 paris 7501 -*/
.zone1 {left:70px; top:50px}
/* --- ZONE 2 Provins 7703 -*/
.zone2 {left:140px; top:75px}
/* --- ZONE 3 versailles 7802 -*/
.zone3 {left:13px; top:76px}
/* --- ZONE 4 centre essone 9102 -*/
.zone4 {left:54px; top:110px}
/* --- */
.picTemp .deg {position:absolute; left:12px; font-weight:bold; top:0px}
.picTemp .etat {position:absolute; left:0px; top:3px}
/* Reseaux sociaux */
#reseaux-sociaux-liste-nav {background: url(../images/common/tools.png) -337px -660px no-repeat scroll; height:140px; width:308px; margin:0 0 8px 0; padding:0}
#facebook, #twitter {background: url(../images/common/tools.png) no-repeat; display:block; float:left; height:36px; margin:0; padding:0 0 0 8px}
#facebook {background-position:-337px -117px; width:92px; text-indent:-100000px}
#twitter {background-position: -439px -117px; width:100px; color:#FFF; text-align:right; padding : 4px 100px 0 8px; line-height:14px; font-size: 1.1em; font-size: .75rem; text-decoration:none} 
#twitter span {display:none}
#reseaux-sociaux-liste-nav iframe {margin:8px}
/* Sticker bandeau promo */
.bandeau {border-bottom: 1px solid #EEEEEE; border-top: 1px dotted #BBBBBB; bottom: 28px; color: #999999; font: 10px/12px Arial,Helvetica,sans-serif; margin-right: 8px; padding-top: 4px; position: absolute}
.bandeau a {color:#999}
.bandeau img {float: right; margin: 0 0 8px 8px}
.bottom-push-line{width:611px; margin:8px 0 0 0; background-color:#f5f5f5; position:relative}
.bottom-push-line:after {content:'.'; display:block; height:0; clear:both; visibility:hidden}
* html body .bottom-push-line{margin-top:28px}
*+ html body .bottom-push-line{margin-top:28px}
.bottom-push-line .visu{float:left; background-color:#888; padding:8px; position:relative; margin-top:-8px; margin-bottom:-8px}
.bottom-push-line .visu img{display:block; width:204px}
.bottom-push-line .text{padding: 0 0 0 16px; width:375px; float:left; position:relative; top:-8px} 
.bottom-push-line .title,
#inner .homeNiveau1 .bottom-push-line .title{background-color:#000; color:#fff; font-weight:bold; font-size: 1.636em; padding: 4px 10px; display:-moz-inline-stack; display:inline-block}
.bottom-push-line .sub-title{color:#888; font-size:1.6em; font-size:1rem}
.bottom-push-line .link{padding:22px 0 24px 0}
.bottom-push-line .link a{background: url(../images/restaurant/picto-arrow.gif) no-repeat 0 4px; padding: 0 0 0 10px}
.share-me-on{float:right;margin-top: 8px;font-size:1.454em}
.share-me-on a{margin-left:5px}
.share-me-on a,
.share-me-on img{vertical-align:middle}