/* ----------------------------- */ /* = Summary */ /* ----------------------------- */ /* 1- Mentions */ /* 2- Colors */ /* 3- Base styles */ /* 4- Header */ /* 5- Container */ /* 6- arc-gallery */ /* 7- Iconfont */ /* 8- Footer */ /* ----------------------------- */ /* = 1- Mentions */ /* ----------------------------- */ /* * @autor : Archriss * @url : http://www.cg64.fr * @date : 2014, Avr */ @font-face { font-family: 'helveticaneue'; src: url('../fonts/helveticaneue/helveticaneue-roman.eot'); src: url('../fonts/helveticaneue/helveticaneue-roman.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneue-roman.woff') format('woff'), url('../fonts/helveticaneue/helveticaneue-roman.ttf') format('truetype'), url('../fonts/helveticaneue/helveticaneue-roman.svg#helvetica_neueregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneue-bold'; src: url('../fonts/helveticaneue/helveticaneue-bold.eot'); src: url('../fonts/helveticaneue/helveticaneue-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneue-bold.woff') format('woff'), url('../fonts/helveticaneue/helveticaneue-bold.ttf') format('truetype'), url('../fonts/helveticaneue/helveticaneue-bold.svg#helvetica_neueregular') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'helveticaneue-black'; src: url('../fonts/helveticaneue/helveticaneue-black.eot'); src: url('../fonts/helveticaneue/helveticaneue-black.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneue-black.woff') format('woff'), url('../fonts/helveticaneue/helveticaneue-black.ttf') format('truetype'), url('../fonts/helveticaneue/helveticaneue-black.svg#helvetica_neueregular') format('svg'); font-weight: normal; font-style: normal; } /* ----------------------------- */ /* = 2- Colors */ /* ----------------------------- */ /* * rouge (actualite/meteo) :#ce0d32 * * bleu (pyrenee-atlantique) : #0173b9 * brique (solidarite) : #b64026 * orange (education/jeunesse) : #e88510; * rose (deplacement) : #bb496a * vert (environnement) : #99a51b * outremer (developpement) : #2f8199 * violet (culture/sport) : #614987 * BG * header/right-col : #f2f2f2 * */ /* * rouge (actualite/meteo) :#ce0d32 */ #breadcrumb, #breadcrumb a, .block-actu .link a, .block .link a, #actu-box .link a, .actu-box .link a, .block-pdf .text h3 a, #actu-box .text h3 a, .actu-box .text h3 a, .block-mag .text h3 a, .block-mag .text .link-mag, #bxslider .description h2 a, .block-goOut .text .link a, #nav li .block-actu .link a, #right-col .block-elu .statut, h1, a, #main-col .block-article h3 a, .block-pdf .text .link a, .block-pdf .summary .title, .block-discover li a, .block-guide .text h3 a, #main-col .block-elu-all .text .commune a, #main-col .block-elu-all .text .commune, .tag li a, .organigramme #main-col .block-elu-all .text p.fonction, #main-col #actu-box .link a, #main-col .actu-box .link a, .organigramme #main-col .block-2of2 .text p a, .block-free .color, #system-tab legend, #main-col legend, #secondary-nav > li:hover > a, #secondary-nav > li.active > a, .press .block-result li .date, .pyrenees-atlantiques.elu #main-col .link a, .services .block-result li .date, input[type="password"], #container #main-col .block-mag .link a, .search-engine .tx-indexedsearch-sw, .error, .quiz .subtitle, #main-col .block-quiz h2 .color, .block-quiz .answer h3, .block-quiz .field .field-radio .false, #main-col .block-argument .h1, #main-col .block-argument .subtitle, #main-col .download a, #main-col .block-pdf p.link a, #main-col .block-guide p.link a, .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next{ color: #ce0d32;} #secondary-nav li.open { border-top: 1px solid #fff;} .block-free .button, #nav-right .title, .csc-sitemap li a, .score, .block-argument .result-color0 .debat-result, .block-argument .result-color0 .color, .block-argument .debat-color0 { color:#ffffff; background-color:#ce0d32;} .pager li a:hover, .pager li.active a { border: 1px solid #ce0d32; background-color:#ce0d32;} #main-col h2 {background:url(../images/h2-rouge.png) no-repeat scroll 0 0;} p.download a { background:url(../images/icone-download.png) no-repeat 0 center;} #tools-box p.title { background:url(../images/deco-tools-red.png) no-repeat;} /* * bleu (pyrenee-atlantique) : #0073b9 */ .pyrenees-atlantiques h1, .pyrenees-atlantiques .block-download h3, #nav .tab-01 .btn-item:hover, #nav .tab-01.active .btn-item, #nav .tab-01 li li.title a, #nav .tab-01.theme .btn-item, .pyrenees-atlantiques #secondary-nav li a:hover, .online-services a:hover, .online-services .link a:hover .text, .block h3 a, .online-services li.active a, .online-services li:hover a, .pyrenees-atlantiques div.switch:hover, .pyrenees-atlantiques #container #nav-right li li.active li a:hover, .pyrenees-atlantiques #container #nav-right li li li.active a, .block-actions .services h3 a, .pyrenees-atlantiques .filter label, .page-tag #main-col .block-article h2, #main-col .block-elu-all .text .link a, .filter legend, .pyrenees-atlantiques #secondary-nav li li.active a, .pyrenees-atlantiques #main-col .block-goOut p.link a, .commune #main-col .title, .pyrenees-atlantiques #main-col .link a, .organigramme #main-col .block-elu-all h3, .organigramme #main-col .block-elu-all .text a, .organigramme #main-col .block-2of2 .text .title, .page-tag #main-col #actu-box h2, .organigramme #container #main-col .block-2of2 h2, .pyrenees-atlantiques #main-col legend, .elu .contact .title, #ui-datepicker-div td a, .services #main-col .block-result li h3 a, .pyrenees-atlantiques #map-geolocal-list a, .commune .liste_resultat_annuaire li a, .commune .liste_resultat_annuaire .entete, .pyrenees-atlantiques input[type="password"], .pyrenees-atlantiques #main-col .csc-menu-def li a:hover, .search-engine #main-col .block-result li h2 a, #right-col .block-goOut .text .link a, .pyrenees-atlantiques #secondary-nav li.open > div.switch, .pyrenees-atlantiques .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .pyrenees-atlantiques .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .pyrenees-atlantiques .arc-gallery .arc-gallery-pictures .figcaption .title{ color: #0073b9;} #nav .tab-01 .btn-item:hover, #nav .tab-01.active .btn-item, #nav .tab-01.theme .btn-item { border-bottom:6px solid #0073b9;} .pyrenees-atlantiques #nav-right .title, .online-services .title, .pyrenees-atlantiques .block-actions h3, .tab-01 .btn-theme-home, #nav .mobile .btn-services a, .pyrenees-atlantiques input[type="submit"], .ext-link a, .commune p.search a, .commune .arc-gmapitineraire a:hover, .block-actions .pyrenees-atlantiques .content, .services p.search a, .ui-datepicker-calendar th, #ui-datepicker-div td a:hover, .formular p.search a, .emploi #main-col .button a, .quiz #main-col input[type="submit"], #right-col .connexion input[type="submit"], .block-argument .result-color1 .color, .block-argument .result-color1 .debat-result, .block-argument .debat-color1, .block-actions .pyrenees-atlantiques .content{ color: #ffffff; background-color: #0073b9} .pyrenees-atlantiques #main-col h2 { background:url(../images/bleu-h2.png) no-repeat 0 0;} .pyrenees-atlantiques #tools-box p.title, #tools-box p.title.pyrenees-atlantiques { background:url(../images/deco-tools-blue.png) no-repeat;} .pyrenees-atlantiques #nav-right li li:hover > a, .pyrenees-atlantiques #secondary-nav li li .switch, .pyrenees-atlantiques #secondary-nav li li.active a, .pyrenees-atlantiques #main-col .block .link a, .pyrenees-atlantiques #main-col .link a, .pyrenees-atlantiques #main-col .block .text .link a, #map-geolocal-list p.linkPopin a, #right-col .block-goOut .text .link a{ background-image:url(../images/arrow-blue.png); background-repeat:no-repeat;} .pyrenees-atlantiques #secondary-nav li li.open .switch { background-image:url(../images/arrow-blue-open.png); background-repeat:no-repeat; background-position:center center;} .pyrenees-atlantiques #secondary-nav li li .switch, .pyrenees-atlantiques #secondary-nav li li.active a { background-position:10px center;} #main-col .block-actions .services h3 { background-color:#ffffff;} /* * brique (solidarite) : #ba3822 */ .solidarite a, .solidarite h1, .solidarite .block-download h3, #nav .tab-02 .btn-item:hover, #nav .tab-02.active .btn-item, #nav .tab-02 li li.title a, #nav .tab-02.theme .btn-item, .solidarite #secondary-nav li a:hover, .solidarite div.switch:hover, .solidarite #nav-right .active .switch, .solidarite #nav-right li li.active a, .solidarite #container #nav-right li li.active li a:hover, .solidarite #container #nav-right li li li.active a, .solidarite #secondary-nav li.open > div.switch, .solidarite .container-openclose > h3, .solidarite .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .solidarite .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .solidarite .arc-gallery .arc-gallery-pictures .figcaption .title { color: #ba3822;} #nav .tab-02 .btn-item:hover, #nav .tab-02.active .btn-item, #nav .tab-02.theme .btn-item { border-bottom:6px solid #ba3822;} .solidarite #nav-right .title, .solidarite .block-actions h3, .block-actions .solidarite h3, .tab-02 .btn-theme-home, .solidarite .container-openclose.open > h3{ color: #ffffff; background-color: #ba3822} #tools-box p.title.solidarite { background:url(../images/brique-deco-tools.png) no-repeat;} .solidarite #main-col h2 { background:url(../images/brique-h2.png) no-repeat 0 0;} /*.solidarite #nav-right li li:hover > a,*/ .solidarite #secondary-nav li li .switch { background-image:url(../images/arrow-actu.png); background-repeat:no-repeat; background-position:10px center;} .solidarite #secondary-nav li li.open .switch { background-image:url(../images/arrow-brique-open.png); background-repeat:no-repeat; background-position:center center;} #nav-right #secondary-nav li li.open:hover a { background-image:none;} .solidarite #main-col .block-actions h2, .home .solidarite #main-col .block-actions h2 {background: url("../images/theme-solidarite.png") no-repeat scroll right 0;} /* * orange (education) : #e78510; */ .education a, .education h1, .education .block-download h3, #nav .tab-03 .btn-item:hover, #nav .tab-03.active .btn-item, #nav .tab-03 li li.title a, #nav .tab-03.theme .btn-item, .education #secondary-nav li a:hover, .education div.switch:hover, .education #nav-right .active .switch, .education #nav-right li li.active a, .education #container #nav-right li li.active li a:hover, .education #container #nav-right li li li.active a, .education #secondary-nav li.open > div.switch, .education .container-openclose > h3, .education .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .education .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .education .arc-gallery .arc-gallery-pictures .figcaption .title{ color: #e78510;} #nav .tab-03 .btn-item:hover, #nav .tab-03.active .btn-item, #nav .tab-03.theme .btn-item { border-bottom:6px solid #e78510;} .education #nav-right .title, .block-actions .education h3, .tab-03 .btn-theme-home, .education .container-openclose.open > h3, .block-actions .education .content{ color: #ffffff; background-color: #e78510} .education #tools-box p.title { background:url(../images/deco-tools-orange.png) no-repeat;} .education #main-col h2 { background:url(../images/h2-orange.png) no-repeat 0 0;} .education #nav-right li li:hover > a, .education #secondary-nav li li .switch, .education .block .link a, .education .link a { background-image:url(../images/arrow-orange.png); background-repeat:no-repeat; background-position:10px 10px;} .education #secondary-nav li li.open .switch { background-image:url(../images/arrow-orange-open.png); background-repeat:no-repeat; background-position:center center;} /* * rose (deplacement) : #bb4a6a */ .deplacement a, .deplacement h1, .deplacement .block-download h3, #nav .tab-04 .btn-item:hover, #nav .tab-04.active .btn-item, #nav .tab-04 li li.title a, #nav .tab-04.theme .btn-item, .deplacement #secondary-nav li a:hover, .deplacement div.switch:hover, .deplacement #nav-right .active .switch, .deplacement #nav-right li li.active a, .deplacement #container #nav-right li li.active li a:hover, .deplacement #container #nav-right li li li.active a, .deplacement #secondary-nav li.open > div.switch, .deplacement .container-openclose > h3, .deplacement .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .deplacement .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .deplacement .arc-gallery .arc-gallery-pictures .figcaption .title{ color: #bb4a6a;} #nav .tab-04 .btn-item:hover, #nav .tab-04.active .btn-item, #nav .tab-04.theme .btn-item { border-bottom:6px solid #bb4a6a;} .deplacement #nav-right .title, .block-actions .deplacement h3, .tab-04 .btn-theme-home, .deplacement .container-openclose.open > h3, .block-actions .deplacement .content{ color: #ffffff; background-color: #bb4a6a} .deplacement #tools-box p.title { background:url(../images/rose-deco-tools.png) no-repeat;} .deplacement #main-col h2 { background:url(../images/rose-h2.png) no-repeat 0 0;} .deplacement #nav-right li li:hover > a, .deplacement #secondary-nav li li .switch, .deplacement .block .link a, .deplacement .link a { background-image:url(../images/arrow-rose.png); background-repeat:no-repeat; background-position:10px center;} .deplacement #secondary-nav li li.open .switch { background-image:url(../images/arrow-rose-open.png); background-repeat:no-repeat; background-position:center center;} /* * vert (environnement) : #99a51b */ .environnement a, .environnement h1, .environnement .block-download h3, #nav .tab-05 .btn-item:hover, #nav .tab-05.active .btn-item, #nav .tab-05 li li.title a, #nav .tab-05.theme .btn-item, .environnement #secondary-nav li a:hover, .environnement div.switch:hover, .environnement #nav-right .active .switch, .environnement #nav-right li li.active a, .environnement #container #nav-right li li.active li a:hover, .environnement #container #nav-right li li li.active a, .environnement #secondary-nav li.open > div.switch, .environnement .container-openclose > h3, .environnement .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .environnement .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .environnement .arc-gallery .arc-gallery-pictures .figcaption .title{ color: #99a51b;} #nav .tab-05 .btn-item:hover, #nav .tab-05.active .btn-item, #nav .tab-05.theme .btn-item { border-bottom:6px solid #99a51b;} .environnement #nav-right .title, .block-actions .environnement h3, .tab-05 .btn-theme-home, .environnement .container-openclose.open > h3{ color: #ffffff; background-color: #99a51b} .environnement #tools-box p.title { background:url(../images/vert-deco-tools.png) no-repeat;} .environnement #main-col h2 { background:url(../images/vert-h2.png) no-repeat 0 0;} .environnement #nav-right li li:hover > a, .environnement #secondary-nav li li .switch, .environnement .block .link a, .environnement .link a { background-image:url(../images/arrow-vert.png); background-repeat:no-repeat; background-position:10px 10px;} .environnement #secondary-nav li li.open .switch { background-image:url(../images/arrow-vert-open.png); background-repeat:no-repeat; background-position:center center;} /* * outremer (developpement) : #2e8198 */ .developpement a, .developpement h1, .developpement .block-download h3, #nav .tab-06 .btn-item:hover, #nav .tab-06.active .btn-item, #nav .tab-06 li li.title a, #nav .tab-06.theme .btn-item, .developpement #secondary-nav li a:hover, .developpement div.switch:hover, .developpement #nav-right .active .switch, .developpement #nav-right li li.active a, .developpement #container #nav-right li li.active li a:hover, .developpement #container #nav-right li li li.active a, .developpement #secondary-nav li.open > div.switch, .developpement .container-openclose > h3, .developpement .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .developpement .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .developpement .arc-gallery .arc-gallery-pictures .figcaption .title{ color: #2e8198;} #nav .tab-06 .btn-item:hover, #nav .tab-06.active .btn-item, #nav .tab-06.theme .btn-item { border-bottom:6px solid #2e8198;} .developpement #nav-right .title, .block-actions .developpement h3, .tab-06 .btn-theme-home, .block-actions .developpement .content{ color: #ffffff; background-color: #2e8198} .developpement #tools-box p.title { background:url(../images/outremer-deco-tools.png) no-repeat;} .developpement #main-col h2 { background:url(../images/outremer-h2.png) no-repeat 0 0;} .developpement #secondary-nav li li .switch, .developpement .block .link a, .developpement .link a { background-image:url(../images/arrow-outremer.png); background-repeat:no-repeat; background-position:10px 10px;} .developpement #secondary-nav li li.open .switch { background-image:url(../images/arrow-outremer-open.png); background-repeat:no-repeat; background-position:center center;} /* * violet (culture/sport) : #614a87 */ .culture-sport a, .culture-sport h1, .culture-sport .block-download h3, #nav .tab-07 .btn-item:hover, #nav .tab-07.active .btn-item, #nav .tab-07 li li.title a, #nav .tab-07.theme .btn-item, .culture-sport #secondary-nav li a:hover, .culture-sport div.switch:hover, .culture-sport #nav-right .active .switch, .culture-sport #nav-right li li.active a, .culture-sport #container #nav-right li li.active li a:hover, .culture-sport #container #nav-right li li li.active a, .culture-sport #secondary-nav li.open > div.switch, .culture-sport .container-openclose > h3, .culture-sport .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .culture-sport .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next, .culture-sport .arc-gallery .arc-gallery-pictures .figcaption .title{ color: #614a87;} #nav .tab-07 .btn-item:hover, #nav .tab-07.active .btn-item, #nav .tab-07.theme .btn-item { border-bottom:6px solid #614a87;} .culture-sport #nav-right .title, .block-actions .culture-sport h3, .tab-07 .btn-theme-home, .culture-sport .container-openclose.open > h3, .block-actions .culture-sport .content{ color: #ffffff; background-color: #614a87} .culture-sport #tools-box p.title { background:url(../images/violet-deco-tools.png) no-repeat;} .culture-sport #main-col h2 { background:url(../images/violet-h2.png) no-repeat 0 0;} .culture-sport #nav-right li li:hover > a, .culture-sport #secondary-nav li li .switch, .culture-sport .block .link a, .culture-sport .link a { background-image:url(../images/arrow-violet.png); background-repeat:no-repeat; background-position:10px 10px;} .culture-sport #secondary-nav li li.open .switch { background-image:url(../images/arrow-violet-open.png); background-repeat:no-repeat; background-position:center center;} .education .block .link a, .education .link a .environnement .block .link a, .environnement .link a .culture-sport .block .link a, .culture-sport .link a .developpement .block .link a, .developpement .link a { background-position: right center;} /* ----------------------------- */ /* = 3- Base styles */ /* ----------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "helveticaneue", sans-serif; color: #000000; font-weight:normal; } body { margin: 0; font-size: 12px; line-height: 1; } a:hover { text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-family:'helveticaneue-bold', helvetica, sans-serif; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { font-size:1.167em; border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* structure */ .sub-content { width:1000px; margin:0 auto; position:relative;} .fl { float:left;} .fr { float:right;} h1 { font-size:2.333em; line-height: 1.333em; margin:20px 0 15px; font-weight:normal; font-family:'helveticaneue-black', helvetica, sans-serif;} h2 { text-transform:uppercase; font-size:1.167em; color:#2a1d08; margin:30px 0 20px; line-height: 1.167em;} #main-col .chapo p { font-size:1.667em; line-height:1.3; margin:15px 0;} #main-col p {margin-top: 0;} /*virginie*/ .no-display {display:none;} .left { float:left;} .right{ float:right;} .ul-rte li, .ol-rte li { font-size:1.167em; line-height:1.5; margin:0 0 5px;} .clear:after, .block-mag:after, .block-actions .content:after, .block-img-rte:after, .block-elu .content:after, .directory-list li:after, .block-free:after, .block-elu-all .content:after, .info-elu:after, .block-elu-all .content:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } /* = backoffice ---------------- */ .frontEndEditIcons { width:auto !important; } /* ----------------------------- */ /* = 4- Header */ /* ----------------------------- */ #header { position:fixed; top:0; width:100%; background-color:#f2f2f2; z-index:999;} #header .sub-content { padding:10px 0 25px 0;} #header li { list-style:none; float:left;} #header a { text-decoration:none;} #header a:hover, .block-actu a:hover { text-decoration:underline;} /* = bandeauCookie */ /* ----------------------------- */ #bandeauCookie { color: #666; background: #fff;} #header #bandeauCookie .sub-content { padding: 10px 0;} #bandeauCookie .sub-content p { font-size: 0.917em; margin: 0; text-align: center;} #bandeauCookie a { color: #666;} #bandeauCookie .pointer { cursor: pointer;} #bandeauCookie .underline { text-decoration: underline; margin: 0 10px} #bandeauCookie .underline:hover { text-decoration: none;} #logo, #header .info ul, .social-networks, #top-nav { float:left; margin-bottom:0;} #logo { margin:10px 0 0 0;} #header .info a, #header .info { color:#666666;} #header .info { margin:0 0 40px 0; /*font-weight:500; font-size:1.167em;*/} #header .info ul { padding:0; margin:10px 0 0 0;} #header .info li { margin:0 0 0 30px; position:relative;} #header .info li.first { margin:0;} #header .info li ul { display:none; position:absolute; top:14px; width:200px; border:1px solid #cdcdcd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; padding:10px; background-color: #ffffff; z-index:10;} #header .info li.lang ul { width:70px;} #header .info li li { float:none; margin:0 0 5px 0;} #header .info li li.last { margin:0;} #header .info .btn { cursor: pointer; padding:0 20px 0 0; background:url(../images/arrow-header.png) no-repeat right center;} #header .info .date, #header .weather { text-transform:uppercase; color:#ffffff; padding:10px 0; height:10px; font-size:0.917em; text-align:center; float:left;} #header .info .date { width:205px; background-color:#000000; margin:0 1px 0 40px;} #header .weather { width:174px; background-color:#CF0C32;} /* #skiplink */ #skiplink { position:absolute; top:110px; left:120px; margin:0; padding:0; z-index:10;} #skiplink li { margin: 0 4px 0 0;} #skiplink, #skiplink a { color:#F2F2F2;} #skiplink a:hover { cursor:default;} #skiplink:focus, #skiplink:focus li a, #skiplink a:focus { color:#666666;} /* .social-network */ .social-networks li { margin: 0 0 0 20px;} .social-networks a { display: block; width:20px; height:20px;background:url(../images/sprite-socialV3.png) no-repeat;} .social-networks a span { position:absolute; top:-9999px;} .social-networks .facebook { margin:0;} .social-networks .facebook a { background-position:5px 0;} .social-networks .twitter a { background-position:-37px 0;} .social-networks .youtube a { background-position:-224px 0;} .social-networks .youtube a { width:48px;} .social-networks .instagram a { background-position: -82px 0;} .social-networks .google a { width:24px;background-position: -132px 0;} .social-networks .flux a { background-position: -181px 0;} .social-networks .facebook a:hover { background-position:5px -20px;} .social-networks .twitter a:hover { background-position:-37px -20px;} .social-networks .youtube a:hover { background-position:-224px -20px;} .social-networks .instagram a:hover { background-position: -82px -20px;} .social-networks .google a:hover { width:24px;background-position: -132px -20px;} .social-networks .flux a:hover { background-position: -181px -20px;} .social-networks .flickr a { width:25px;background-position: -297px 0;} .social-networks .flickr a:hover { background-position: -297px -20px;} .sn-nt { margin:40px 0 0 0;} #top-nav { padding:15px; margin:0 0 0 30px; width:350px; height:8px; font-family:'helveticaneue-bold', helvetica, sanserif; border:1px solid #cdcdcd; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background-color:#ffffff;} #top-nav li { margin: 0 15px; font-size:0.833em;} #top-nav a { color:#ce0c2f; text-transform:uppercase;} /* #nav */ #nav { background: url("../images/menu-bg.png") repeat-x 0 bottom #ffffff;} #nav .sub-content { padding:0;} #nav ul { margin:0; padding:0; position:relative;} #nav .submenu { width:950px; min-height:380px; padding:20px 20px 30px 30px; display:none; position: absolute; top:52px; left:0; background-color:#f2f2f2; z-index:999;} #nav .tab-06 .submenu {min-height:510px;} #nav li { text-transform:uppercase; margin:0 4.2% 0 0; } #nav li.last { margin:0;} #nav .btn-item { color:#010101; display:block; border-bottom:6px solid #eaeaea; padding:18px 0; font-family:'helveticaneue-bold', helvetica, sans-serif; } #nav .btn-item:hover, #nav .active .btn-item { color:#b44126; display:block; border-bottom:6px solid #b44126; cursor:pointer;} #nav .img img { border:1px solid #b1b3b2; margin:0 0 15px;} .block-actu ul { margin:20px 0 0 0; padding:0;} #nav .block-actu { float:right; width:32%;} #nav .block-actu p { text-transform:none; font-weight:normal;} .block-actu .content { padding:20px; position:relative; background-color:#ffffff;} #right-col .block-actu .content { font-size: 1.083em;} .block-actu .flux-rss { position:absolute; top:20px; right:20px;} #nav .block-actu li, .block-actu li { float:none; margin:0 0 25px 0; list-style:none; } .block-actu li.last { margin:0;} .block-actu .date { margin:0 0 7px;} .block-actu a { color:#000000; text-decoration: none; line-height:1.3;} .block-actu .link, .block .link { margin:15px 0 0 0; font-size: 1em;} .block-actu .link a, .block-actu .date, .list .actu-box .link a { color:#cd0d32; font-weight:normal;} .block-actu .link a, .block .link a, #actu-box .link a, .list .actu-box .link a, .link a, #container #main-col .block-article .link a, #container #main-col #actu-box .link a, #container #main-col .actu-box .link a, .pyrenees-atlantiques.elu #main-col .link a { text-transform:uppercase; padding:1px 15px 0 0; font-family:'helveticaneue-bold', helvetica, sans-serif; background:url(../images/arrow-actu.png) no-repeat right center;} #actu-box .text .link a { text-transform: none; font-family: 'helveticaneue', helvetica;} #actu-box .text .subtitle { opacity: 0; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s; transition: all ease 0.5s;} #actu-box li:hover .text .subtitle { opacity: 1;} #container #main-col .block-guide p.link a, #container #main-col .block-pdf p.link a, #container #main-col .block-mag p.link a, #container .block.block-elu.alone p.link a {background:url(../images/arrow-actu.png) no-repeat right center;} .block-actu .link a:hover, .block .link a:hover, #actu-box .link a:hover, .actu-box .link a:hover, .link a:hover { text-decoration:underline;} .block-actu p { margin:0;} .block-actu .title, .block-actu .theme { font-size:1.167em;} .block-actu .title { margin:0 0 5px 0;} .block-actu .theme { margin:0 0 20px 0;} .block-actu li.last { margin:0;} #nav .niv2 { float:left; width:67%;} #nav li li li { float:none; margin:0 0 5px;} #nav .niv2 li { width:46%; margin:0 4% 20px 0;} #nav .tab-01 .niv2 > li { width:215px; margin:0 40px 20px 0;} #nav .niv2 li li { width:100%; margin:0 0 10px;} #nav .niv2 li li.title { margin:0 0 10px; font-family:'helveticaneue-bold', helvetica, sans-serif;} #nav li li a { color:#666666; text-transform:none; font-weight:normal; line-height:1.163em; font-size: 1.083em;} #nav li .block-actu a { color:#000000;} #nav li li.title a { color:#0173b9; text-transform:uppercase;} #nav li .on { z-index:1000;} .btn-theme-home { padding: 0 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; text-transform:uppercase; position:absolute; bottom:30px; left:30px;} .btn-theme-home a { display:block; padding:15px 30px 15px 0; text-align:left; color:#ffffff; background:url(../images/arrow-white.png) no-repeat right center;} .close-menu { display:none; position: absolute; cursor: pointer; right:20px; bottom:20px; width:33px;height:33px; background:url(../images/close-menu.png) no-repeat;} .close-menu:hover { background-position:0 -34px;} .submenu:hover .close-menu, #nav li:hover .close-menu { display:block;} #nav .btn-item:hover { text-decoration:none;} .block-actu li .theme { margin:0 0 7px; font-family:'helveticaneue-bold', helvetica, sans-serif;} .link a { text-decoration:none;} .link a:hover { text-decoration:underline;} /* accessibility */ #nav li.sffocusparent > .submenu, #nav li a.sffocus + .submenu { display:block !important;} /* mobile */ .mobile { display:none;} #header .info .mobile { margin:0;} #header .info .mobile li { margin:0;} #header .info .mobile a { display:block; color: #ffffff; padding:10px 20px; height:10px;background-color:#000000;} #header .sn-tn .mobile { margin:125px 40px 0 0; padding:0;} #header .sn-tn .mobile li { margin:0 0 0 20px;} #header .sn-tn .mobile a { color:#000000;} #nav .mobile {background: none repeat scroll 0 0 #F2F2F2; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #A7A7A7; padding: 10px 0;} #nav .mobile.services { padding:0;} #nav .mobile .btn-services { background:#0073b9; padding: 0 20px 0 0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;} #nav .mobile .btn-services a { padding:10px 20px; display:block; text-transform:uppercase; background:url(../images/arrow-white.png) no-repeat right center #0073b9;} /* ----------------------------- */ /* = 5- Container */ /* ----------------------------- */ #main-col, #tools li, .fontsize li, .fontsize, .block-2of3, .block-1of3 { float:left;} .block-2of3 { width:620px; margin:0 40px 0 0;} .block-1of3 { width:340px;} #container { margin:200px 0 0 0;} .home #container, .subhome #container { margin:0;} p.download a { padding:0 0 0 20px; text-decoration:none;} p.download a:hover { text-decoration:underline;} /* breadcrumb ==================== */ #breadcrumb { padding:15px 0; } #breadcrumb a { text-decoration:none; line-height:1.2;} #breadcrumb a:hover { text-decoration:underline;} #breadcrumb span { color:#666666;} /* #tools - .search ==================== */ #tools-box .block-2of3 { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:15px 0; font-size:0.833em;} #tools-box .block-1of3 { float:right; height:40px;} #tools-box p.title { display: inline-block; margin:3px 0 0; text-transform:uppercase; padding:3px 0 2px 20px; font-family:'helveticaneue-bold', helvetica, sans-serif;} *+html #tools-box p.title { display:inline;} #tools-box p.title a { color:#000000; text-decoration:none;} #tools-box p.title a:hover { text-decoration:underline;} #tools { float:right; margin:0; padding:0;} #tools li { list-style:none; margin:0 0 0 15px;} /*#tools a { width:25px; height:22px; color:#010101; text-transform:uppercase; text-decoration:none; display:block; background:url(../images/sprite-social-color.png) no-repeat 0 0 / auto 22px;}*/ #tools a { height:22px; color:#010101; text-transform:uppercase; text-decoration:none;} #tools a:hover { text-decoration:underline;} #tools .print, #tools .share { width:auto;} #tools a.print { padding:5px 0 0 20px; height:17px; background:url(../images/icone-print.png) no-repeat 0 center; display:block;} /*#tools .facebook span,*/ /*#tools .twitter span,*/ /*#tools .google span { position: absolute; top:-99999px;}*/ /*#tools .twitter { background-position:-30px 0;}*/ /*#tools .google { background-position:-60px 0;}*/ /*#tools .share { padding:5px 0 0 30px; height:17px; background-position:-90px 0;}*/ .fontsize { margin:10px 0 0 0; padding:0;} .fontsize li { list-style:none; margin:0 0 0 10px;} .search { width:250px;} input[type="text"] { width:213px; height:38px; border:1px solid #cdcdcd; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; padding:0 0 0 10px;} .search input[type="text"] { width:213px; height:38px; font-size:1.3em; font-style:italic; position:absolute; right:25px; z-index:1;} input[type="submit"] { padding:10px 20px; text-transform:uppercase; border:none;} .search legend { display:none;} .search { position:relative; margin:0 0 0 10px; float:right;} .search label { position:absolute; top:12px; left:10px; color:#666666; font-size:1.333em; font-style:italic; z-index:2;} .search input[type="submit"] { width:25px; height:40px; border:none; background:url(../images/icone-search.png) no-repeat right center; position:absolute; right:0;} /* =================================== */ /* #main-col */ /* =================================== */ #main-col { width:620px; min-height:800px; margin:0 40px 0 0; position:relative;} #main-col h2 { padding: 0 0 0 26px; font-family:'helveticaneue-bold', helvetica, sans-serif;} #main-col p { line-height:1.5; font-size:1.167em; } #main-col p.link { font-size:1em; margin:10px 0;} #main-col p.link.card { margin:5px 0 0; top:0;} #main-col .text p.link { margin:14px 0 0 0;} #main-col p.subtitle { font-size:2em; line-height:1; margin:0 0 20px;} .article h1 { margin:20px 0 5px;} .article-date { color:#666666;} #main-col p.article-date { margin:0 0 10px; font-size: 1em; line-height:1;} #main-col .block-2of2 .block-1of2 { width:300px; margin:0 20px 0 0; float: left;} #main-col .block-2of2 .block-pdf, #main-col .block-2of2 .last, #main-col .actu-box .block-1of2.last { margin:0;} .block-1of2 img { width:100%; height:auto;} img.right { margin:0 0 20px 20px;} .address { background:url(../images/icon-adresse.png) no-repeat; padding:0 0 0 20px;} .arc-gmapitineraire .address { margin: 0; padding:20px 0 20px 40px; border-bottom:1px dotted #000; border-top:1px dotted #000; line-height: 1.333em; background:url(../images/icon-adresse.png) no-repeat 20px 20px #f2f2f2;} #main-col .info-sup .arc-gmapitineraire .info p.link, #main-col .block-download .arc-gmapitineraire .address p.link { font-size:0.917em; margin:10px 0 0 0;} .block-download .arc-gmapitineraire .address { padding:10px 10px 10px 30px; background-position:10px 10px; background-color:#fff;} #main-col .block-download .arc-gmapitineraire .address p { font-size:1em;} .info-sup .arc-gmapitineraire .address { margin:10px 0 0;} .arc-gmapitineraire .address p { margin:0;} #right-col .arc-gmapitineraire .address { background-color:#fff;} .info-sup .info { margin:0 0 20px;} .info-sup .info.last { margin:0;} #main-col .info-sup .info p { font-size:1.083em;} .arc-player { margin:20px 0 30px;} .block-1of2 .vjs-default-skin .vjs-big-play-button { top:30%; left:30%;} #container #main-col .tag .title { color:#000;} #main-col .link a { text-decoration:none;} #main-col .link a:hover { text-decoration:underline;} table { width:100%; margin:30px 0; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} caption { padding:0 0 10px;} td { padding:10px 20px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc;} th { font-weight:normal; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px; text-align:center; background-color:#ccc;} .error { font-family:'helveticaneue-bold', sans-serif;} /* .block-download ==================== */ #main-col .block-2of3 { width:370px; margin:0 20px 0 0;} #main-col .block-1of3 { width:230px;} .block-download { padding:20px; margin:30px 0; background-color: #f1f1f1;} .block-download h3 { margin:0 0 10px; font-size:0.917em; text-transform:uppercase;} .block-download ul { margin:0 0 20px; padding:0;} .block-download li, #main-col .block-download p.bodytext { list-style:none; margin:0 0 9px 0; line-height: 1.2; font-size: 1em;} .block-download li a, #main-col .block-download .download li a, .block-download a, #main-col .block-download .download a{ text-decoration:none; color:#000; font-size:1em;} .block-download li a:hover, .block-download a:hover, #main-col .block-download .download li a:hover, #main-col .block-download .download a:hover{ text-decoration:underline;} /* .contact ======================= */ #main-col .contact p { margin:0 0 10px; line-height:1;} #main-col .contact a { text-decoration:none;} #main-col .contact a:hover { text-decoration:underline;} /* .tag ======================= */ .tag { color:#000000; margin:30px 0;} .tag .title , .tag ul, .tag li { float:left;} .tag .title, .tag li a { font-family:'helveticaneue-bold', helvetica, sans-serif;} .tag .title { text-transform:uppercase; font-size:1.167em; margin:0 10px 0 0; padding:14px 0 0 0;} .tag ul { margin:0; padding:15px; border: 1px solid #cdcdcd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .tag li { margin: 0 10px 0 0; list-style:none;} .tag li.last { margin:0;} .tag li a { text-transform: lowercase; text-decoration:none; } .tag li a:hover { text-decoration:underline;} /* .block-actions ======================= */ .block-actions { margin:40px 0 0 0;} .block-actions ul { margin:0; padding:0;} .block-actions li { list-style:none;} .block-actions li li { float:left; width:300px;} #main-col .block h2, #right-col .block-elu h2 { background:none; font-size:1.333em; font-weight:normal; color:#000000; border-bottom:1px dotted #000000; padding:0 0 10px; margin:0 0 10px;} .block-actions h3 { font-size:1.333em; line-height:1.2;text-transform:none; margin:1px 0 0 0; padding:20px; height:60px; background-image:none; font-family:'helveticaneue-bold', helvetica, sans-serif;} .block-actions h3 a { color:#ffffff; text-decoration:none;} .block-actions h3 a:hover { text-decoration:underline;} .block-actions .act1 { margin:0 20px 20px 0;} .block-actions .act3 { margin:0 20px 0 0;} .block-actions .act2 { margin:0 0 20px 0;} .block-actions .act-com { margin: 0 20px 20px 0;} .block-actions .act-com:nth-child(2n+2) { margin: 0 0 20px 0;} #main-col .block h2 { font-family:'helveticaneue', helvetica, sans-serif;} /* #actu-box ======================== */ #actu-box ul, .actu-box ul { margin:0; padding:0; overflow:hidden;} #actu-box li, .block-goOut .content, .actu-box li { list-style:none; position:relative; overflow:hidden; height:310px; background-color:#ffffff;} .actu-box li { height: 308px;} #main-col #actu-box .block-1of2, #main-col .actu-box .block-1of2 { width:300px; margin:0 20px 30px 0;} .home #actu-box .block-1of3 { width:300px; margin:0 20px 0 0;} #main-col #actu-box li.last, .list #main-col .actu-box li.last { margin:0 0 20px;} .home #actu-box li.last { margin:0;} #actu-box .text, .actu-box .text, .block-goOut .text { font-size:1em; position: absolute; top:206px; transition-property: top, padding; transition-duration:400ms; transition-timing-function:ease-in; background:#ffffff;} #actu-box .cat, .actu-box .cat { font-size:1em; display:block; margin:0 0 10px 0;} #actu-box .text h3, #main-col .actu-box .text h3 { font-size:1.167em; line-height: 1.417em; margin :0; text-transform:none; font-family:'helveticaneue-bold', helvetica, sans-serif;} #main-col .actu-box .text h3 { line-height: 1.5em; margin: 0 0 3px;} #actu-box .text p, .actu-box .text p { font-size:1.167em; margin:0;} #actu-box .text .subtitle, .actu-box .text .subtitle, .block-goOut .text .statut { font-size: 1.167em; margin:0 0 27px 0; line-height:1.3;} #actu-box .text .chapo, .actu-box .text .chapo, .block-goOut .text .chapo, #main-col .block-goOut .text .chapo { font-size:1em; line-height:1.5;} #actu-box li:hover .text, .actu-box li:hover .text, .block-goOut .content:hover .text { top:100px; padding:20px 15px;} .home #actu-box li:hover .text { padding:20px 15px;} #actu-box li:hover .text, .actu-box li:hover .text { padding:20px 5% 10px;} #main-col #actu-box .text .subtitle { font-size:1.167em;} #actu-box .text .link, .actu-box .text .link, .block-goOut .text .link, #main-col .block-goOut .text .link { text-align:right; font-size:1em; margin:0;} #container #main-col #actu-box .text .link a, #container #main-col .actu-box .text .link a, .block-goOut .text .link a { text-transform:none; font-weight:normal; font-family:'helveticaneue', helvetica, sans-serif; padding:1px 15px 2px 0;} #main-col #actu-box .text .chapo, #main-col .actu-box .text .chapo { font-size:1em; margin:12px 0 0;} #actu-box .text, #main-col .actu-box .text { padding:20px 5% 10px; width:90%; min-height:175px; background: #f2f2f2;} #main-col .actu-box .text { padding: 10px 5%; width: 90%; min-height: 185px; background: #f2f2f2;} .home #actu-box .text { width:92%; padding:15px 4%; background: #fff;} #actu-box { margin:30px 0;} #container #main-col #actu-box .text .link a:hover, #container #main-col .actu-box .text .link a:hover { text-decoration:underline;} .article.list #main-col #actu-box .block-1of2, .article.list #main-col .actu-box .block-1of2 { margin:0 20px 20px 0;} .article.list #main-col #actu-box .block-1of2.last, .article.list #main-col .actu-box .block-1of2.last { margin:0 0 20px 0;} #main-col .actu-box p.subtitle { margin:0 0 10px; line-height: 1.2; } #main-col .actu-box { margin:30px 0 20px;} #actu-box .text p.link, .actu-box .text p.link, .block-goOut .text p.link{ position: absolute; bottom: 15px; right: 20px;} /* .partner ======================== */ .partner { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin:0 0 10px; padding:10px 0;} .partner img { margin:0 0 0 20px;} /* .services ======================== */ #main-col p.ext-link { margin:40px 0;} .ext-link a { text-transform:uppercase; padding:10px 20px; text-decoration:none;} .ext-link a:hover { text-decoration:underline;} .arc-service .field.last { float: right;} .arc-service .selector { width: 200px !important; display: inline-block;} /* #tabs ========================= */ #system-tab { margin:30px 0;} #system-tab .content-tab { display:none;} #system-tab .tabs { padding:0; margin-bottom: 0;} #system-tab .tabs li { color: #fff; text-transform:uppercase; cursor:pointer; float:left; list-style:none; padding:13px 0 17px; font-size: 1.167em; width: 120px; height: 10px; text-align: center; margin:0 20px 0 0; background-color:#b3b3b3; font-family: 'helveticaneue-bold', helvetica;} #system-tab .tabs li.tab-1, #system-tab .tabs li:hover { color:#ffffff; background-color:#CE0D32;} #system-tab label { display:block; text-transform:none; font-family:'helveticaneue', helvetica, sans-serif;} #system-tab select, #system-tab .selector { width:180px !important;} #system-tab .selector span { width:130px !important;} #system-tab .field { margin:20px 10px 0 0;} #main-col #system-tab legend { margin: 0; display: block;} /* .magazine ======================*/ .magazine #main-col .block-mag h2 { margin:30px 0 20px;} .magazine .block-pdf img { width:255px;} #main-col .block-pdf .text { background-color:#f2f2f2;} .home #main-col .block-pdf .text { background-color:#ffffff;} .block-pdf .text { clear:both;} .block-pdf .text h3 { font-family:'helveticaneue-bold', helvetica, sans-serif;} .block-pdf .text .link { text-align:right;} .block-pdf .text .link a { text-transform: none; font-family:'helveticaneue', helvetica, sans-serif;} .block-pdf .summary, .block-pdf .img{ float:left; width:50%;} .home .block-pdf .img { float:none;} .block-pdf .img { vertical-align:bottom;} .block-pdf .summary { padding:10px 0;} .block-pdf .summary span { text-transform:uppercase;} #main-col .block-pdf .summary p { font-size:1em; margin:0 0 10px;} #main-col .block-pdf .summary .title { font-family:'helveticaneue-bold', helvetica, sans-serif;} #main-col .block.block-pdf h2 { margin:30px 0 0 0;} .home #main-col .block.block-pdf h2 { margin:0;} .magazine .block-mag .mag { background-color:#f2f2f2;} .magazine .block-mag .mag .text { background:none;} .magazine .list-magPdf, .magazine .list-mag { margin:0; padding:0;} .magazine .list-mag li, .magazine .list-magPdf li { list-style:none;} .magazine .list-magPdf li { margin:0 0 20px; } .main-photo { margin:20px 0 0 0;} .article.magazine h1 { margin:0 0 5px;} .magazine.article #main-col p.number { margin: 20px 0 5px 0;} .magazine.article #main-col .block-pdf p.number { margin:0 0 5px;} .magazine .block-2of2 { margin:0 0 20px;} .magazine #right-col h3.csc-firstHeader { margin-top: 0;} #right-col .vjs-default-skin .vjs-big-play-button { left: 30%; top:30%; } /* .block-discover ==================== */ #main-col .block-discover h2 { margin:0;} #main-col .block-discover .text { background-color:#f2f2f2;} #main-col .block-discover .text p { margin:0 0 20px;} .block-discover ul { margin:0; padding:0;} .block-discover li { list-style:none; width:48%; font-size:1.083em; margin:0 2% 10px 0; float:left; line-height:1.3;} .block-discover li a { text-decoration:none; padding:0 15px 0 0; background: url("../images/arrow-actu.png") no-repeat scroll right center;} .block-discover li a:hover { text-decoration:underline;} /* .page-tag ==================== */ .page-tag h1 { padding:10px 20px; margin-bottom:30px; font-family:'helveticaneue-bold', helvetica, sans-serif; background-color:#f2f2f2;} .page-tag .filter legend { display:none;} form.filter { padding:0 0 30px; } .filter label { text-transform:uppercase; font-family:'helveticaneue-bold', helvetica, sans-serif; font-size:1.167em; margin:0 30px 0 0;} #main-col p.list-number { line-height:1; margin:10px 0; font-size:1em;} .page-tag #main-col #actu-box h2 { margin:0; border:none; font-family:'helveticaneue-bold', helvetica, sans-serif;} .selector { display:inline;} /* .commune ======================*/ .pyrenees-atlantiques .field label { color:#000000; font-size:1em; margin:0 0 5px;} .commune { margin:0 0 20px;} .commune.college #main-col legend { text-transform:none;} .commune legend { font-size:1.167em; text-transform:uppercase; font-family:'helveticaneue-bold', helvetica, sans-serif; margin:20px 0;} .commune .block-article li { margin-bottom:0;} .commune label { text-transform:none; font-family:'helveticaneue', helvetica, sans-serif; margin:0 10px 0 0;} .commune .field label { margin:0 10px 0 0;} .commune #main-col input[type="text"] { width:140px;} .commune #main-col input#commune { width:175px;} .commune #main-col input#codepostal { width:80px;} .commune #main-col input[type="submit"] { margin:0; height:40px; padding:0 20px;} .filter .field { float:left; margin:0 5px 0 0;} .field.last { margin:0;} .commune .detail { margin:20px 0; padding:20px 0 0 0; border-top:1px dotted #000000;} p.search { float:none;} .services #main-col p.search { width:auto; margin:30px 0;} .commune #main-col p.search { margin:35px 0 0;} .commune p.search a, .services p.search a, .formular p.search a { padding: 10px 20px; text-decoration:none; text-transform:uppercase;} .commune .detail .block { margin:0 0 30px;} .commune .detail .info-map { padding:0 0 0 4%; background:url(../images/icon-adresse.jpg) no-repeat;} .commune #main-col .detail .info-map { width:44%;} .commune #main-col .detail .info-map p { margin:0 0 10px;} .commune #main-col .detail .info-map, .commune #main-col .detail .list-commune { padding: 0 0 0 20px; width:280px;} .commune #main-col .title, .commune .liste_resultat_annuaire .entete { color: #fff; font-family:'helveticaneue-bold', helvetica, sans-serif;} .commune #main-col .title { color :#000;} .commune .detail .list-commune ul { height:140px; overflow:auto; overflow-x: none; margin:10px 0 0 0; padding:0;} .commune .detail .list-commune li { list-style:none; margin:0 0 5px; } .commune .detail .list-commune li a { text-decoration:none; color:#000000;} .commune .detail .list-commune li a:hover { text-decoration:underline;} .commune #main-col .detail .info-map .arc-gmapitineraire { margin:20px 0;} .commune .arc-gmapitineraire a { text-decoration:none; text-transform:uppercase; color:#fff; padding:10px 20px; background:#000000;} .commune .liste_resultat_annuaire ul { padding:20px; background:#f2f2f2;} .commune .liste_resultat_annuaire li { list-style:none; margin:0 0 5px; padding:10px 20px; background:#fff;} .commune #main-col .liste_resultat_annuaire li { font-size:1.167em;} .commune .liste_resultat_annuaire li a { text-decoration:none;} .commune .liste_resultat_annuaire li a:hover { text-decoration:underline;} img.left { margin:0 20px 20px 0;} #main-col .detail-button { margin:35px 0 0 0;} .commune #main-col .detail-button p.search { float:left; width:auto; margin:0 10px 0 0;} .formular p.search { width:auto; margin:0 0 20px;} /* espace-press ====================== */ #main-col .block-result .rss { position:absolute; right:0; top:35px; font-size:1em;} .press #main-col .block-result .rss { top:15px;} .block-result .rss a { color:#000; text-decoration:none; padding: 10px 0 10px 40px; background:url(../images/icon-flux.png) no-repeat 0 center;} .block-result .rss a:hover { text-decoration:underline;} .press .block-result ul { margin:30px 0; padding:0;} .press .block-result ul li { list-style:none; margin:0 0 30px;} .press .block-result ul li p { margin:0;} .press .block-result li .date { font-family:'helveticaneue-bold', sans-serif;} .press #main-col .block-result li .title { font-size:1.333em;} .press .block-result li .title a{ color:#000; text-decoration:none;} .press .block-result li .title a:hover { text-decoration:underline;} .press .filter label {display:none;} .field { margin:0 10px 0 0;} .field.last { margin:0;} .press .field div.selector, .elu .field div.selector { width:190px !important;} .field div.selector select { width:190px !important;} .field div.selector span { width:140px !important;} /* elu =======================*/ .block-elu-all .img, .block-elu-all .img img { width:auto; position:relative; z-index:10;} .block-elu-all .img { margin:0 10px 0 0;} .block-elu-all .content { background:#f2f2f2;} .block-elu-all .img { float:left;} #main-col .block-2of2 .block-elu-all { margin-bottom:20px;} .block-2of2 .block-elu-all { float:left;} #main-col .block-2of2 .block-elu-all.last { margin:0;} #main-col .block-elu-all .text { padding:20px 4%; height:110px; background:#f2f2f2; position:relative;} #main-col .block-elu-all .text h3 { font-size:1.167em; text-transform:none; font-family:'helveticaneue-bold', helvetica, sans-serif;} #main-col .block-elu-all .text .link { font-size:1em; position:absolute; bottom:20px; right:10px; text-align:right; text-transform:none;} #main-col .block-elu-all .text .link a { text-transform:none;} #main-col .block-elu-all .text .commune { margin:0 0 5px; } #main-col .block-elu-all .text .commune, #main-col .block-elu-all .text .statut { font-size:1em; line-height:1.2;} #main-col .block-elu-all .text .commune a { text-decoration:none;} #main-col .block-elu-all .text .commune a:hover { text-decoration:underline;} .elu .filter label.no-display { display:none;} .elu .filter label { display:block; margin:0 0 20px;} #main-col fieldset { margin:30px 0 0 0;} #main-col legend { text-transform:uppercase; margin:0 0 10px; font-family:'helveticaneue-bold', helvetica, sans-serif;} #main-col .arc-college legend, #main-col .arc-territoire legend, #main-col .arc-service legend, #main-col .arc-annuaire legend{ padding: 0 0 20px; margin:0;} ul.block-2of2 { margin:0; padding:0;} ul.block-2of2 li { list-style:none;} .card.link { position:absolute; right:0; top:20px;} img.fl { margin:0 20px 0 0;} .info-elu p { margin:0 0 5px;} .elu #main-col .contact { margin:30px 0; clear:both; padding:20px; background:#f2f2f2;} .elu .contact .title { font-family:'helveticaneue-bold', sans-serif;} .elu #main-col .contact .block-2of2 .block-1of2 { width:48%; margin:0 4% 0 0;} .elu #main-col .contact .block-2of2 .block-1of2.last { margin:0;} .elu .contact .block-1of2 p span { display:inline-block; width:90px;} div#uniform-field-theme, div#uniform-field-elu { width:180px !important; overflow: visible;} div#uniform-field-territoire { width:180px !important; overflow: visible;} div#uniform-field-theme, div#uniform-field-elu { margin:0 17px 0 0;} div#uniform-field-elu span, div#uniform-field-theme span, div#uniform-field-territoire span { width:140px !important;} /* .organigramme ====================== */ .organigramme #main-col .block-elu-all .text h3 { font-size:1.083em;} .organigramme #main-col .block-elu-all .text p { font-size:1em;} .organigramme #main-col .block-elu-all .text a { text-decoration:underline; padding:0 10px 0 0;} .organigramme #main-col .block-elu-all .text a:hover { text-decoration:none;} .organigramme #main-col .block-2of2 { margin:30px 0;} .organigramme #main-col .block-2of2 .last .contact { padding:20px;} .organigramme #main-col .block-2of2 .contact { padding:20px; margin: 0 0 20px; background-color:#f2f2f2;} .organigramme #main-col .block-2of2 .contact.last { padding:20px;} .organigramme #main-col .block-2of2 .text { margin:0 0 2px; } .organigramme #main-col .block-2of2 .text .title { margin:0 0 10px; font-family:'helveticaneue-bold', helvetica, sans-serif;} .organigramme #main-col .block-2of2 .text h3 { margin:0 0 10px;} .organigramme #main-col .contact p { line-height:1.3;} .organigramme #main-col .block-2of2 .text { padding:15px 15px 10px; border: none;} .organigramme #main-col .block-2of2 h2 { margin: 0;} /* .article ====================== */ .block-free { margin:10px 0; padding:10px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .block-free .color { float:left; font-family: 'helveticaneue-bold', helvetica, sans-serif;} .block-free .button { float:right; padding:10px 20px; text-transform:uppercase; } #main-col .block-free p { margin:5px 0 0 ;} ul.list-icon { padding:0;} ul.list-icon li { list-style:none; float:left; margin:0 30px 0 0;} ul.list-icon img { vertical-align:top; margin:0 5px 0 0;} /* .directory (annuaire services) =======================*/ .block-result { position:relative; border-top:1px dotted #000000; padding:20 0 0 0; margin:0 0 20px;} .directory-list { padding:0; margin:0;} .directory-list li { list-style:none; padding:20px; margin:0 0 20px; background:#f2f2f2;} .directory-list li img, .directory-list li .text { float:left;} .directory-list li img { margin:0 20px 0 0;} .directory #main-col .directory-list h2 { margin:10px 0 20px;} .directory-list li p { margin: 0 0 10px;} .directory-list li h2 { margin: 10px 0 20px 0;} /* .csc-sitemap ====================== */ .csc-sitemap ul { padding:20px; width:300px; background:#f2f2f2;} .csc-sitemap ul ul { margin:0; padding:0;} .csc-sitemap li { list-style:none; position:relative;} .csc-sitemap li a { display:block; padding:10px; text-decoration:none; text-transform:uppercase; font-size:1.333em; border-bottom:1px solid #f2f2f2;} .csc-sitemap li li a { color:#000; background:#fff; font-size:1.07em;} .csc-sitemap li li.open a, .csc-sitemap li li.open, .csc-sitemap li li:hover a, .csc-sitemap li li:hover { background:#dadada;} .csc-sitemap li li.open li.open a, .csc-sitemap li li.open li.open, .csc-sitemap li li li:hover a, .csc-sitemap li li li:hover { background:#cecece;} .csc-sitemap li li li a { text-transform: none; padding:10px 20px;} .csc-sitemap li li li li a { padding:10px 30px;} .csc-sitemap li li { width:100%;} .csc-sitemap .switch, .csc-sitemap .switch2, .csc-sitemap .switch3 { cursor:pointer; display:block; width:20px; height:20px; position:absolute; right:10px; top:10px; background:url(../images/arrow-white.png) no-repeat center 0;} .csc-sitemap .switch2 { background:url(../images/arrow-actu.png) no-repeat center 0;} .csc-sitemap .switch3 { background:url(../images/arrow-black.png) no-repeat center 0;} .csc-sitemap li.open > .switch{ background:url(../images/arrow-white-open.png) no-repeat center center;} .csc-sitemap li li.open > .switch2 { background:url(../images/arrow-brique-open.png) no-repeat center center;} .csc-sitemap li li li.open > .switch3 { background:url(../images/arrow-black-open.png) no-repeat center center;} /* services ===================== */ .services #main-col .block-result h2 { margin:40px 0 20px;} .services .block-result ul, .search-engine .block-result ul { padding:20px; background:#f2f2f2;} .services .block-result li, .search-engine .block-result li { list-style:none; padding:20px; margin: 0 0 20px; background:#ffffff;} .services .block-result li .date { color:#666; font-family:'helveticaneue-bold', sans-serif;} .services #main-col .block-result li p, .services #main-col .block-result li h3 { margin:0;} .services #main-col .block-result li h3 { font-size:1.333em; line-height:1.2; margin:5px 0;} .services #main-col .block-result li h3 a { text-decoration:none;} .services #main-col .block-result li h3 a:hover { text-decoration:underline;} .services #main-col .block-result li .link { text-align:right; margin:10px 0 0;} /* .datepicker */ .ui-datepicker { width:auto;} .hasDatepicker { cursor:pointer; background:url(../images/datepicker.png) no-repeat right center #fff;} input[type="text"].hasDatepicker { width:150px;} #ui-datepicker-div { width:auto; border:none;background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);padding: 10px 20px 20px;} #ui-datepicker-div table {margin: 0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {cursor: pointer;height: 40px;position: absolute;top: 20px;width: 30px;} .ui-datepicker .ui-datepicker-prev {background: url("../images/datepicker-prev.png") no-repeat;left: 0;} .ui-datepicker .ui-datepicker-next {background: url("../images/datepicker-next.png") no-repeat;right: 0;} .ui-datepicker .ui-datepicker-prev:hover { border:none; background: url("../images/datepicker-prev-hover.png") no-repeat;left: 0;} .ui-datepicker .ui-datepicker-next:hover { border:none;background: url("../images/datepicker-next-hover.png") no-repeat;right: 0;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: none;} #ui-datepicker-div a {text-decoration: none;} .ui-datepicker .ui-datepicker-title {font-size: 1.917em;line-height: 1.8em;margin: 0;text-align: center;} #ui-datepicker-div th { width:15px; padding:10px;} #ui-datepicker-div td { padding:1px; width:35px; height:35px; text-align:center;border: medium none;} #ui-datepicker-div td a, #ui-datepicker-div td span { display:block; padding:10px; } #ui-datepicker-div td span { color:#ccc;} #ui-datepicker-div td a:hover { border-radius:50%; } #ui-datepicker-div td.ui-datepicker-today a { color:#636363; border:1px solid #ccc; border-radius:50%;} #ui-datepicker-div td.ui-datepicker-today a:hover { color:#fff;} #ui-datepicker-div .ui-widget-header{ position:relative; padding:15px; font-weight:normal; border:none; border-radius:0; background:none;} #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default { border:none; text-align:center; background:none;} .ui-datepicker table, .ui-widget { font-size:1em;} .ui-widget { font-family:'helveticaneue', sans-serif;} /* #map-geolocal-list =======================*/ #map-geolocal-list ul { padding:0;} #map-geolocal-list li { list-style:none; margin:0 0 8px;} #map-geolocal-list p.linkPopin { font-size:0.8em; font-family:'helveticaneue-bold', sans-serif; text-transform:uppercase;} #map-geolocal-list p.linkPopin a { padding:5px 15px 5px 0; background-position:right center;} #map-geolocal-list a { text-decoration:none;} #map-geolocal-list a:hover { text-decoration:underline;} .gm-style .gm-style-iw { width:250px !important;} .main-photo { margin: 0 0 20px;} /* .pager ======================*/ .pager { padding:0;} .pager li { float:left; list-style:none; width:38px; height:38px; margin:0 5px 5px 0;} .pager li a, .pager li.prev.noactive, .pager li.next.noactive { display:block; padding:12px 0; text-align:center; color:#000000; text-decoration:none; border:1px solid #cdcdcd; border-radius:5px;} .pager li a:hover, .pager li.active a { color:#ffffff;} .pager li a:hover { text-decoration:underline;} .pager li.prev.noactive, .pager li.next.noactive { border:1px solid #eee; color:#ddd; width:36px; height:12px;} /* formulaire ======================= */ input[type="password"], input[type="text"], textarea { width:200px; height:38px; border:1px solid #cdcdcd; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; padding:0 0 0 10px;} textarea { height:150px; padding:10px 0 0 10px;} input[type="password"] { font-size:2em;} .formular input[type="password"] {} #main-col p.mandatory, .mandatory, .powermail_message_error { color:#CF0C32; font-size:1em; font-style:italic;} .formular .field, .tx-powermail .field { margin:0 0 20px;} .formular .field label, .tx-powermail .field label, .tx-powermail .field .label, #tx_arccg64_accountcreate .field .label { display:inline-block; width:110px; font-size:1.167em;} #tx_arccg64_accountcreate .field em {color: #62646A;display: block;font-size: 0.817em;} .formular .field .field-checkbox label, .tx-powermail .field .field-checkbox label { width:auto;} .formular .field div.selector, .tx-powermail .field div.selector { width:200px !important;} #formular input[type="text"] { color:#666; font-style:italic;} .formular .field .field-radio, .tx-powermail .field .field-radio { font-size:0.9em; display:inline-block;} .formular .field .field-radio label, .tx-powermail .field .field-radio label { width: auto; margin:0 20px 0 0;} .formular #main-col .field p.info, .tx-powermail #main-col .field p.info { margin:5px 0 0 113px; font-size:0.917em; line-height:1.1; font-style:italic;} .formular .field .align, .tx-powermail .field .align { margin:0 0 0 113px;} .formular .field .field-simple label, .tx-powermail .field .field-simple label { width:auto;} .formular select[multiple="multiple"], .tx-powermail select[multiple="multiple"] { width:210px; vertical-align:top;} div.selector select {top :0px!important;} .filter-map { margin:0 0 10px;} .formular #main-col .block { margin:40px 0;} .formular #main-col p.forget { font-size:1em;} .formular #main-col .forget a { text-decoration:none; color:#999;} .formular #main-col .forget a:hover { text-decoration:underline;} .formular .field-mobile.disabled { opacity: 0.3;} #edit-captcha-form {} .powermail_fieldwrap_text {font-size:1.2em;font-weight: bold;margin:0 0 10px 0;} /* info route =============================*/ .trafic-legend-layer { padding:20px; background:#f2f2f2;} .trafic-legend-layer .trafic { float:left; padding:20px; background:#fff;} .trafic-legend-layer .trafic img { margin:0 10px;} .trafic-legend-layer .trafic.last { float:right;} #main-col p.update { font-size:1em; margin:0 0 20px; font-style: italic; color:#999; float:right; margin:60px 0 0 0;} #main-col p.remarque { margin:5px 0; font-size:1em; color:#999; font-style:italic;} .filter-map { padding:5px 0 0; margin:20px 0 0; background:#f2f2f2;} .filter-map fieldset { padding:10px; background:#fff;} .filter-map fieldset .field { display:inline-block;} #main-col .filter-map fieldset { margin:0;} .block-result .color { display:inline-block; width:10px; height:10px;} .block-result .impractible { background:#000;} .block-result .hard { background:#ff0000;} .block-result .sensitive { background:#ffd800;} .block-result .list-trafic p { display:inline-block; margin:0 20px 0 0;} .services #main-col .block-result .list-trafic li p { margin: 0 20px 0 0;} .services .block-result .list-trafic li.last { margin:0;} .services .block-result ul.legend-trafic-condition { padding:0 20px; background:none;} .services .block-result ul.legend-trafic-condition li { margin:0 20px 0 0; padding:0; display:inline-block;} #main-col .legend-trafic-condition .text { padding:0 0 0 5px; color:#999; font-style:italic;} .trafic .axe { width:40px;} /* langue ================================*/ #main-col .csc-menu-def { padding:20px; width:380px; background:#f2f2f2;} #main-col .csc-menu-def li { list-style:none; margin:0 0 1px; padding:10px; font-size:1.167em; background:#fff;} #main-col .csc-menu-def li a { display:block; text-decoration:none; color:#000; background: url("../images/arrow-blue.png") no-repeat right center;} #main-col .csc-menu-def li:hover { background-color:#dadada;} /* contact ================================ */ .contact .text { margin: 0 0 20px; padding: 20px; border-top: 1px dotted #404040; border-bottom: 1px dotted #404040; background: #f1f1f1;} .contact .text .name { font-weight: 600;} /* emploi =================================*/ .emploi #main-col .button a { padding:10px 20px; text-decoration:none;} .emploi #main-col .block-offer .block-1of2 { margin:0 0 20px;} .list-emploi { padding:20px; background:#f2f2f2;} .list-emploi li { list-style:none; padding:10px; margin:0 0 10px; background:#fff;} .list-emploi li.last { margin:0;} .emploi .offer p { margin:0;} .list-emploi li a { text-decoration:none;} .list-emploi li a:hover { text-decoration:underline;} .emploi .offer .date { color:#999; font-style:italic;} .emploi.detail #main-col .offer .job { font-size:2em;} .practical-info { width:40%; padding:10px 3%; background:#f2f2f2;} .practical-info p { margin:0 0 5px;} .practical-info ul { margin:5px 0 20px;} .practical-info ul li { margin:0 0 3px;} .practical-info .button a { display:block; text-align:center;} #main-col .practical-info .help { font-size:1em; font-style:italic;} .detail-job { padding:0;} .detail-job li { list-style:none; font-size:1.167em; line-height:1.5; margin:0 0 5px;} .insert { padding:20px; margin:30px 0; background:#f2f2f2;} /* .search-engine ============================== */ #search-engine { padding:20px; background:#f2f2f2;} #search-engine .field { margin:0 0 10px;} #search-engine label{ width:130px; text-align:right; margin:0 10px 0 0;} #search-engine input[type="submit"] { margin:0 0 0 20px;} #search-engine .submit { float:right;} #search-engine a { font-size:1.167em; font-family:'helveticaneue-bold', sans-serif;} .search-engine .tx-indexedsearch-whatis { margin:20px 0 5px 0; font-size:1.167em; font-family:'helveticaneue-bold', sans-serif;} .search-engine .tx-indexedsearch-browsebox p { font-family:'helveticaneue-bold', sans-serif;} .tx-indexedsearch-icon img { float:left;} .search-engine #main-col .block-result li h2 { font-size:1.5em; text-transform:none; margin:0 0 15px; background:none;} .search-engine #main-col .block-result li h2 a { text-decoration:none;} .search-engine #main-col .block-result li h2 a:hover { text-decoration:underline;} .search-engine #main-col .block-result li p { margin:0 0 5px;} /* fb =============================*/ .uiBoxLightblue { background:#3B5998;} .uiHeader .uiHeaderTitle { color:#fff;} .pam, .phm, .fb_iframe_widget { background:#fff;} /* .quiz ============================= */ .quiz #main-col .subtitle { padding:0 160px 0 0; margin:0;} .score { padding:5px 15px 8px; position:absolute; top:60px; right:0; text-transform:uppercase; font-size:1.167em;} .score .title { padding:0 0 5px;} .score span.number { font-family:"helveticaneue-bold", sans-serif; font-size:1.167em; } #main-col .block-quiz h2 { padding:0; text-transform:none; font-size:1.5em; background: none;} .block-quiz .field label { font-size:1.167em;} .block-quiz .field .field-radio { display:block; margin:0 0 10px;} .block-quiz .field .field-radio .false { text-decoration:line-through;} .block-quiz .field .field-radio .true { color:#679e49;} .block-quiz .answer, .quiz .block-3of3 { padding:10px 0 0; background:url(../images/quiz-border.png) no-repeat;} .block-quiz .answer h3 { text-transform: uppercase; margin-top:0;} #right-col .connexion { padding:20px; background:#fff; margin:0 0 20px;} #right-col .connexion input[type="password"], #right-col .connexion input[type="text"] { width:150px;} #right-col .connexion h3 { font-size:1.089em; line-height:1.3; margin-top:0;} #right-col .connexion h3 span { text-transform:uppercase;} /* .block-debat */ .block-argument { margin:0 0 20px 0;} #main-col .block-argument .h1 { font-size:1.8em; margin:20px 0 10px; text-transform:uppercase; font-family:"helveticaneue-black", sans-serif;} #main-col .block-argument .subtitle { padding:0 0 20px; margin:0;} .block-argument .block-1of3 .debat-result, .block-argument .debat-color0, .block-argument .debat-color1, .block-argument .debat-color2 { font-size:1.167em; line-height:1.2; text-decoration:none; display:block; padding:10px; margin:0 0 2px 0;} #main-col .block-argument .block-1of3 { width:29%; margin:0 6.4% 0 0;} #main-col .block-argument .block-1of3.last { margin:0;} .block-argument .debat-color2, .block-argument .result-color2 .debat-result{ color:#fff; background:#666;} .block-argument .result-color2 .color { background:#666;} .block-argument .result p { text-align:center;} .block-argument .debat-color0, .block-argument .debat-color1, .block-argument .debat-color2 {padding:10px;} .block-argument .debat-submit {text-align: right; margin: 0;} #main-col .block-argument .debat-submit .submit {margin:20px 0 0 0;} .block-argument .debat-information {margin:0 0 10px 0;} /* ==================================== */ /* #right-col */ /* ==================================== */ #right-col, #nav-right { padding:20px; width:300px;background-color:#f2f2f2;} #right-col .block-actu { margin:0 0 30px;} /* #nav-right ==================== */ #nav-right, #right-col { float:right;} #right-col #nav-right {float: none; padding:0; margin: 20px 0;} .block-menu .title { text-transform:uppercase; margin:0; padding:15px 20px; font-size:1.333em;} .block-menu ul { padding:0; margin:0;} .block-menu li { position:relative; list-style:none; text-transform:uppercase; border-top:1px solid #dadada; background-color:#ffffff;} .block-menu li a { display:block; padding:10px 20px; line-height:1.2; font-size:1.07em; color:#000000; text-decoration: none;} .block-menu li .switch a { padding: 0; font-size: 1em;} .block-menu li li { font-size:1.089em; border-top:1px solid #ffffff; background-color: #cecece;} #right-col .block-menu li li.active.open a, #right-col .block-menu li li.active.open li a, #right-col .block-menu li li.active.toggleSubMenu2 a{ background: none;} .block-menu li li a { padding:10px 20px 10px 30px; text-transform:none; font-size: 1.083em;} .block-menu li li li { line-height:1.2; margin:0; border-top:1px solid #f2f2f2;font-size: 1em;} .block-menu li li li a { padding:10px 20px 10px 40px; background:none; font-size: 1em;} .block-menu.online-services li a { font-size:1.17em;} #container #nav-right li li.active li a { color:#3d3d3d;} #secondary-nav li li .switch { cursor:pointer; display:block; position:absolute; left:0; top:0; width:30px; height:34px; z-index:10; background-position:10px center;} #nav-right li li:hover > a { background-position:10px center;} #secondary-nav .toggleSubMenu2 .switch { width:30px; height:34px; } div.switch { background-color: #FFFFFF; cursor: pointer;color: #3D3D3D;display: block;font-size: 1.083em;padding: 10px 20px;text-decoration: none;} .active div.switch, #secondary-nav li:hover > div.switch, #secondary-nav li.open > div.switch, #secondary-nav > li:hover, #secondary-nav > li.active { background-color:#dadada;} .active div.switch { font-family: 'helveticaneue-bold';} #container #nav-right li li li.active a { background:none;} /*#container #nav-right li li.active:hover > a { background-image:none;}*/ #right-col .arc-gmapitineraire { margin: 0 0 30px 0;} /* .online-services =================== */ .online-services { margin:0 0 30px;} .online-services ul { margin:0 0 10px 0;} .online-services li { text-transform:none; background-color:#ffffff;} .online-services .link a { display:block; text-transform:uppercase; text-decoration:none; color:#000000; font-family:'helveticaneue', helvetica, sans-serif; background:none;} .online-services .link .text { margin:0 0 0 5px;} .online-services .link a:hover .text { text-decoration:underline;} .online-services li.active a, .online-services li:hover a { background:url(../images/arrow-blue.png) no-repeat 10px center #e6e6e6; padding: 10px 20px 10px 30px; } /* .block =================== */ #right-col .block { margin:0 0 30px;} .block h2 { padding:0 0 10px 0; margin:0; font-weight:normal; font-size:1.333em;} .block h3 { margin:0 0 5px;} .block p { margin:0;} .block .text { font-size:1em; padding:15px 4% 18px; width:92%; background-color:#ffffff;} .block .text p { line-height:1.5;} #main-col .block .text { font-size:1em;} .block .text h3 { text-transform:uppercase; font-weight:normal; font-size:1em; line-height: 1.167em; font-family:'helveticaneue-bold', helvetica, sans-serif;} .block .text h3 a { text-decoration:none;} .block .text h3 a:hover { text-decoration:underline;} .block .text p a { color:#000000; text-decoration:none; } .block .text p a:hover { text-decoration:underline;} .block-pdf h2, .block-pdf .text, .block-elu ul { border-bottom:1px dotted #000000;} .block-pdf .text { border-top:1px dotted #000000;} .block-goOut .content { position:relative;} .block-goOut .text { font-size:1em;} .block-goOut .text h3 { font-size:1.167em; text-transform:none; font-weight:bold;} .block-goOut .text p { font-size:1.167em;} #main-col .block .text .number { text-transform:uppercase; margin:0 0 8px; font-size:0.917em;} #main-col .block .text p { font-size:1.083em;} #main-col .block-openclose .text p { display:block !important;} #main-col .block-elu h2, #main-col .block-pdf h2 { margin:0;} .block-elu ul { height:228px; padding:15px; margin:0; background-color:#ffffff;} .block-elu li { list-style:none; width:60px; height:66px; float:left; margin:0 10px 10px 0; background:#e6e6e6;} .block-elu li a { display:block;} .block-elu li.last { margin:0;} .block-elu li.president { width:130px;} .block img { width:100%; height:auto;} .block.block-actions h3 { margin: 1px 0 5px; line-height:1.5; font-size:1.25em; height:70px; padding:15px 20px;} body #main-col .block.block-actions h2 { padding:0 155px 10px 0;} #right-col .block-elu h2 { margin:0;} #right-col .block-elu.alone h2 { border:none;} #right-col .block-elu.alone { padding:0; height:auto; border:none; background:none;} #right-col .block-elu.alone h3, #right-col .block-elu.alone blockquote { text-transform:none; margin:0 0 10px; font-size:1.250em; line-height:1.5; font-family:'helveticaneue', helvetica, sans-serif;} #right-col .block-elu.alone h3 a, #right-col .block-elu.alone blockquote a { text-decoration:none; transform:none; color:#666666;} #right-col .block-elu.alone .content { background:#ffffff;} #right-col .block-elu.alone .name, #right-col .block-elu.alone .statut { text-align:right;} #right-col .block-elu.alone .name { margin:0; color:#3d3d3d; font-family:'helveticaneue-bold', helvetica, sans-serif;} #right-col .block-elu.alone h3 a span img, #right-col .block-elu.alone blockquote a span img { width:auto; margin:0 5px;} #main-col .block-goOut .content { width:300px; float:left; margin:0 20px 20px 0;} #main-col .block-goOut .content.last { margin:0 0 20px 0;} #main-col .block-goOut .text .subtitle { font-size:1.167em; line-height:1.3} .pyrenees-atlantiques #main-col .block-goOut p.link a, .pyrenees-atlantiques #main-col p.link a { background-position:right center;} /* .commissions =======================*/ .block-openclose { margin:40px 0;} .block-openclose .openclose { padding:20px; background:#f2f2f2;} .container-openclose { border-bottom:3px solid #fff;} #main-col .openclose .block-2of2 .block-1of2 { width:46%; margin:0 4% 20px 0;} #main-col .openclose .block-2of2 .block-1of2.last { margin:0 0 20px 0;} #main-col .openclose .block-elu-all .text { background:#fff;} .container-openclose > h3 { line-height:1.3; color:#0073b9; cursor:pointer; margin:0; padding:10px 40px 10px 20px; background:url(../images/openclose-plus.png) no-repeat right center #f2f2f2;} .container-openclose.open > h3 { color:#fff; border-bottom:1px solid #dadada; background:url(../images/openclose-moins.png) no-repeat right center #0073b9;} #main-col .block-openclose.block h2 { margin:0 0 10px;} /* .block-guide ==================== */ .block-guide { margin:40px 0 30px 0;} #right-col .block-guide { margin:0 0 30px;} .block-guide .guide { margin:0 20px 0 0;; width:300px; float:left;} .block-guide .guide.last { margin:0;} #right-col .block-guide .guide { margin:0 0 10px; width:100%; float:none;} .block-guide .guide.last { margin:0 0 40px;} .block-guide .guide .text { background:#f2f2f2;} #right-col .block-guide .guide .text { background:#ffffff;} .block-guide .text h3 { font-size: 1.167em; height: 42px; margin: 0; text-transform: none; line-height: 1.5em; font-family:'helveticaneue-bold', sans-serif;} .block-guide .guide .link { text-align:right; margin:8px 0 0 0;} .block-guide .guide .link a { font-family:'helveticaneue', helvetica, sans-serif; text-transform:none;} ul.block-guide { padding:0;} ul.block-guide li.guide { list-style:none; float:left; margin-bottom:40px;} /* .block-img-rte ==================== */ .block-img-rte, .csc-textpic-imagewrap { margin:0 0 20px 0;} .block-img-rte img.left, div.csc-textpic-imagecolumn.csc-textpic-firstcol { margin:0 20px 0 0;} div.csc-textpic-imagecolumn.csc-textpic-lastcol { margin:0;} #main-col .block-img-rte p, /*virginie*/ #main-col caption.csc-textpic-caption { margin:5px 0; color:#666666; font-size:1em; font-style:italic;line-height: 1.5em;} .csc-textpic-imagecolumn img { width:100%; height:auto;} /* .block-goOut ===================== */ #main-col .block-goOut .text { top:215px; min-height: 175px; padding: 20px 5%; width: 90%; background-color:#f2f2f2;} #main-col .block-goOut .content:hover .text { top:100px; } #main-col .block-goOut .text p.link { right: 20px;} #main-col .list-goOut { margin: 20px 0 0;} .banner { margin:0 0 20px;} .article .block-result { padding:0;} #right-col .block-goOut .text { top:215px; padding: 20px 15px; min-height: 175px;} #right-col .block-goOut .content:hover .text { top:100px; } /* .backtop ==================== */ .backtop { margin:20px 0 0 0;} /* expo */ .block-list-expo { padding: 0; } .block-list-expo li { list-style: none; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #e6e6e6; } /* ======================== */ /* .home */ /* ======================== */ .home h1 { position:absolute; top:-99999px;} .home #actu-box { padding:30px 30px 40px; font-size:1em; margin:0; background-color:#f2f2f2;} .home #main-col { padding:0 30px 30px; width:620px; margin:0;} .home #right-col { padding:0 20px 20px 0; } .home .main-content { background-color:#f2f2f2;} .home .block-actions { margin:0 0 40px;} .block-actions .theme, .home.theme .block-actions .theme{ font-size:1em; display:none; margin:0 0 10px 0;} .home .block-actions .theme { display: block;} #main-col .block-actions h2 { background:url(../images/theme.png) no-repeat right 0;} .block-mag { margin:0 0 40px;} .home #tools-box { margin: 0 0 10px 0;} .home #tools-box .block-2of3 { display:none;} .home #tools-box .block-1of3 { width:330px;} .block-mag { font-size:1em;} .block-mag .img { display:block; width:50%;} .block-mag .text, .block-mag .img { float:left;} .block-mag .mag, #right-col .block-mag .mag { margin:0 0 20px 0; background-color:#ffffff;} .block-mag .last { margin:0;} .block-mag .text { width:43%; padding:20px 20px 18px;} #right-col .block-mag .img { width:100%;} #right-col .block-mag .text { width:88%; padding:20px 6%;} .block-pdf .img { display:block; width:50%; height:152px; padding:10px 0 0 0; overflow:hidden; text-align:center;} .home .block-pdf .img, #right-col .block-pdf .img { width:100%;} .home .block-pdf .text { background: #ffffff;} .block-pdf .img img { width:140px; height:auto; margin:20px 0 0 0; -moz-box-shadow: -2px -2px 8px #aaa; -webkit-box-shadow: -2px -2px 8 #aaa; box-shadow: -2px -2px 8px #a9a9a9; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg);} .block-mag .text h3 { text-transform:none; font-size:1.333em; font-family:'helveticaneue-bold', helvetica, sans-serif;} #main-col .block-mag .text .name { font-size:1.333em;} #main-col .block-mag .text .statut { margin: 0 0 15px;} .block-mag .text .link-mag { text-decoration:none; text-transform:none; font-weight:normal; font-family:'helveticaneue', helvetica, sans-serif; background-position:right 1px;} .block-mag .text .link-mag:hover { text-decoration:underline;} #main-col .block-mag .text p { font-size:1.083em;} #main-col .block-mag .text p.number { font-size:0.917em;} ul.list-mag { margin: 0; padding: 0;} ul.list-mag li { list-style: none;} /* #bxslider */ #bxslider { margin:0; padding:0;} #bxslider.one-slide { margin:0 0 30px;} .slider-container { width:1300px; margin:0 auto; margin:200px auto 0;} #bxslider a{ text-decoration:none;} #bxslider a:hover { text-decoration:underline;} #bxslider li { position:relative; list-style:none;} #bxslider .description { position:absolute; right:0; bottom:50px; padding:20px 30px 30px; width:340px; height:112px; background:url(../images/slider-description-bg.png);} #bxslider .description h2 { font-weight: normal; font-size:2.5em; text-transform:none; font-family:'helveticaneue-black', Helvetica, sans-serif; margin:10px 0 5px;} #bxslider .description p { font-size:1.667em;margin:0; line-height:1.4;} #bxslider .description p a { color:#000000;} /* theme */ .theme #actu-box { padding:0; margin:0 0 30px;} .solidarite.theme #main-col .block-actions h2, .solidarite #main-col .block-actions h2{background: url("../images/theme-solidarite.png") no-repeat scroll right 0;} .education.theme #main-col .block-actions h2, .education #main-col .block-actions h2{background: url("../images/theme-education.png") no-repeat scroll right 0;} .deplacement.theme #main-col .block-actions h2, .deplacement #main-col .block-actions h2{background: url("../images/theme-deplacement.png") no-repeat scroll right 0;} .environnement.theme #main-col .block-actions h2, .environnement #main-col .block-actions h2{background: url("../images/theme-environnement.png") no-repeat scroll right 0;} .developpement.theme #main-col .block-actions h2, .developpement #main-col .block-actions h2{background: url("../images/theme-developpement.png") no-repeat scroll right 0;} .culture-sport.theme #main-col .block-actions h2, .culture-sport #main-col .block-actions h2{background: url("../images/theme-culture.png") no-repeat scroll right 0;} .theme #main-col { padding:20px 10px 30px 30px;} .theme .main-content { padding:10px 0 0 0;} iframe.voeux {width: 800px;height: 400px;} /* .section--type -------------------- */ .home .section--type { margin: 0 0 40px;} .home #main-col .section--title { border-bottom: 1px dotted #000; padding: 0 155px 20px 0; font-weight: normal; font-size: 1.333em; margin: 20px 0 10px; font-family: 'helveticaneue', helvetica, sans-serif; background-image: none;} .home #main-col .section--title strong {font-family: 'helveticaneue-bold', helvetica, sans-serif;} /* socialstream -------------------- */ #social-stream { height: 500px; overflow: auto; margin: -30px 0 30px;} #social-stream::-webkit-scrollbar { width: 6px; } #social-stream::-webkit-scrollbar-track { background: #fff;} #social-stream::-webkit-scrollbar-thumb { width: 5px; background: #CF0C32; } #social-stream li { width: 31%; margin-left: 1%; margin-right: 1%;} #social-stream .inner { padding: 0 10px; } #social-stream .section-share .icon { display: none;} #social-stream .link-intro .icon {left: 3px; bottom: 6px;font-size: 18px; color: #fff;} /* filter */ .section--content .dcsns-toolbar { top: -60px;} .dcsns-toolbar .icon { font-size: 20px;} #dcsns-filter { float: right; margin: 0;} #dcsns-filter a { color: #CF0C32; width: 28px; height: 25px; padding: 8px 5px 5px; margin-right: 1px;} #dcsns-filter a:hover { color: #fff; background-color: #CF0C32;} #dcsns-filter a.iso-active { color: #fff; background-color: #CF0C32;} #dcsns-filter .link-all { font-size: 1em; line-height: 22px;} /* slider video --------------------- */ .slider-video { padding: 0; list-style: none;} .slider-video li { float: left;} .slider-video .arc-player, .slider-video .figcaption { float: left;} .slider-video .arc-player iframe { width: 100% !important;} .slider-video-title {text-transform: uppercase; color: #CF0C32;} .slider-video-container .bx-wrapper { margin: 0; box-shadow: none; background: #fff;} .slider-video-container .bx-wrapper .bx-controls-direction a { top: inherit; bottom: 0;} .slider-video-container .bx-wrapper .bx-next {right: 0;} .slider-video-container .bx-wrapper .bx-prev { left: inherit; right: 34px;} /* ----------------------------- */ /* = 6- arc-gallery */ /* ----------------------------- */ .arc-gallery .bx-prev .icon, .arc-gallery .bx-next .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} .arc-gallery.horizontal .arc-gallery-pager { margin-top: 20px; } .arc-gallery.vertical .arc-gallery-pager li { width: 100% !important; } .arc-gallery.vertical .arc-gallery-pager {width: 21%; background: none;} .arc-gallery .arc-gallery-pager {background: none;} .arc-gallery .arc-gallery-pager .thumb-figcaption { display: none;} .arc-gallery .arc-gallery-pager a { display: block; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; } .arc-gallery .arc-gallery-pager .bx-wrapper .bx-prev, .arc-gallery .arc-gallery-pager .bx-wrapper .bx-next {color: #CF0C32;background: none;} .arc-gallery .arc-gallery-pager img {opacity: 0;} .arc-gallery.vertical .arc-gallery-pictures {width: 76%; margin: 0 2% 0 0;} .arc-gallery .arc-gallery-pictures {background: #f2f2f2;} .arc-gallery .arc-gallery-pictures .figcaption { opacity: 1; top: inherit; bottom: 0; color: #000; background: none; } .arc-gallery .arc-gallery-pictures li { height: 400px; width: 100%; margin: 0; vertical-align: middle; background-repeat: no-repeat; background-size: cover; background-position: center center;} .arc-gallery .arc-gallery-pictures a { display: block; display: block; text-decoration: none; height: 100%;} .arc-gallery .arc-gallery-pictures img { display: none;} .arc-gallery .arc-gallery-pictures .figcaption .inner { padding: 20px; position: relative; bottom: inherit; background: #f1f1f1; } .arc-gallery .arc-gallery-pictures .figcaption .title {color: #CF0C32;} .home .arc-gallery.vertical .arc-gallery-pictures { width: 100%; margin: 0;} .home #main-col .arc-gallery .block-1of3 { position: relative;} .home .arc-gallery .arc-gallery-pictures li { height: auto;background: #fff;} .home .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-prev, .home .arc-gallery .arc-gallery-pictures .bx-wrapper .bx-next { width: 32px; height: 32px; font-size: 15px;} .arc-gallery.vertical .arc-gallery-pager .bx-wrapper {padding: 20px 0;} .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-prev, .arc-gallery.vertical .arc-gallery-pager .bx-wrapper .bx-next {margin: 0;width: 100%;height: 20px;left: 0;} #cboxOverlay { opacity: 1 !important;background: #000;} /* ----------------------------- */ /* = 7- Iconfont */ /* ----------------------------- */ @font-face { font-family: "cd64"; src:url("../fonts/iconfont/fonts/cd64.eot"); src:url("../fonts/iconfont/fonts/cd64.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont/fonts/cd64.woff") format("woff"), url("../fonts/iconfont/fonts/cd64.ttf") format("truetype"), url("//fonts/cd64.svg#cd64") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "cd64" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "cd64" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: "\e000"; } .icon-twitter:before { content: "\e001"; } .icon-youtube:before { content: "\e002";} .icon-down:before { content: "\e003";} .icon-left:before { content: "\e004";} .icon-right:before { content: "\e005";} .icon-up:before { content: "\e006";} .icon-pinterest:before { content: "\e007";} .icon-google:before { content: "\e008";} /* ----------------------------- */ /* = 9- Footer */ /* ----------------------------- */ #footer { margin: 20px 0 0 0; background-color:#cccccc;} #footer ul { padding:0; margin:0;} #footer li { list-style:none;} #footer h3, #footer p { margin:0;} #footer a { text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer .menu li.col, .footer-tools li, #footer .nav li { float:left;} .container-footer { border-top:1px dotted #ffffff;} .footer-tools h2, .container-footer h2 { width:140px; font-weight:normal; text-transform:none; font-size:2em; margin:0 20px 0 0; display:inline-block; border-right: 1px solid #ffffff; } .container-footer h2 { border-color:#000000;} .container-footer { padding:20px 0;} .container-footer, .container-footer a { color:#000000;} #footer .info p, #footer .info a { font-size:1.167em;} #footer .logo .text { border-right:1px solid #000000; padding:0 20px 0 0; margin:0 20px 0 0; display:inline-block;} #footer .logo img { vertical-align:bottom;} #footer .contact { margin:5px 0 0 0;} #footer .contact p { margin:0 0 5px;} /* .social-networks =====================*/ #footer .footer-tools ul { margin: 5px 0 0;} #footer .social-networks .facebook a { background-position:5px -40px;} #footer .social-networks .twitter a { background-position:-37px -40px;} #footer .social-networks .youtube a { background-position:-224px -40px;} #footer .social-networks .instagram a { background-position: -82px -40px;} #footer .social-networks .google a { width:24px;background-position: -132px -40px;} #footer .social-networks .flux a { background-position: -181px -40px;} #footer .social-networks .facebook a:hover { background-position:5px 0;} #footer .social-networks .twitter a:hover { background-position:-37px 0;} #footer .social-networks .youtube a:hover { background-position:-224px 0;} #footer .social-networks .instagram a:hover { background-position: -82px 0;} #footer .social-networks .google a:hover { width:24px;background-position: -132px 0;} #footer .social-networks .flux a:hover { background-position: -181px 0;} #footer .social-networks .flickr a { background-position: -297px -40px;} #footer .social-networks .flickr a:hover {background-position: -297px 0;} /* .tools ======================*/ .footer-tools { padding:15px 0; background-color:#CF0C32;} .footer-tools a, .footer-tools h2 { color:#ffffff;} #footer .tools li { margin:0 0 0 30px; font-size:1.333em;} #footer .col { width:28%;} #footer .col.last { width:44%; } /* .menu =======================*/ #footer .menu { margin:0 0 0 140px;} #footer .menu h3 { color:#666666; font-size:1.667em; margin:0 0 15px; font-weight:normal; font-family:'helveticaneue-black', helvetica, sans-serif;} #footer .menu li li { margin:0 0 10px;} #footer .nav li { margin: 0 15px 0 0;} #footer .info { padding:30px 0 40px;}