/* Website CSS : custom.css -------------------------------------------------- */ html { overflow-x:hidden; padding: 0 !important; background:#fff; margin:0px !important; } body { padding-bottom: 40px; color: #212121; width:100%; font-size:87.5%; font-family: 'PT Sans', sans-serif;} header { background:url(../Images/ecusson_ju.png) no-repeat center top #fff; position:relative; z-index: 21; } .clear { clear:both; } /* Typographie -------------------------------------------------- */ .zoom-1 { font-size:90%; } .zoom0 { font-size:100%; } .zoom1 { font-size:110%; } .zoom2 { font-size:120%; } .zoom3 { font-size:130%; } h2 { font-size:2.1428em; font-weight:400; } .pageTitle a, .pageTitle a:hover { color:#131313; text-decoration:none; } h3 { font-size:1.7142em; font-weight:700; } .default-h3, .default-h4, .default-title, .default-subtitle, .alternate-h3, .alternate-title, .alternate2-h3, .alternate2-title, .alternate-h4, .alternate-subtitle, .alternate2-h4, .alternate2-subtitle, .wysiwyg-h4, .wysiwyg-h5, .wysiwyg-h6 { color:#000000; border:none; width:auto; font-weight:bold; margin:0 0 0.5em 0; padding:0; letter-spacing:-0.01em; } h3 { line-height:1.2;} .default-h3, .default-title { border-bottom:1px solid #DEDEDE; font-size: 1.7142em; line-height:1.3125em; margin-bottom:0.8em; } .alternate-h3, .alternate-title { background:#9E2C18;border-bottom: none; border-radius: 2px; color: #fff; font-size: 1.2857em; line-height: 1.3125em; margin-bottom: 0.8em;padding: 0.3em 0.5em 0.1em;} .alternate2-h3, .alternate2-title { background:#57750A;border-bottom: none; border-radius: 2px; color: #fff; font-size: 1.2857em; line-height: 1.3125em; margin-bottom: 0.8em;padding: 0.3em 0.5em 0.1em } .alternate3-h3, .alternate3-title { background:#666666;border-bottom: none; border-radius: 2px; color: #fff; font-size: 1.2857em; line-height: 1.3125em; margin-bottom: 0.8em;padding: 0.3em 0.5em 0.1em } .default-h4, .default-subtitle { color:#212121; font-size:1.2857em; line-height:1.3125em; font-weight:700; } .alternate-h4, .alternate-subtitle { color:#57750A; font-size:1.2857em; line-height:1.3125em; font-weight:700; border-bottom: 1px solid #ddd; } .alternate2-h4, .alternate2-subtitle { color:#212121; font-size:1.4285em; line-height:1.3125em; font-weight:400; font-style:italic; } .sidebar .default-h3 { font-size:1.2857em; } .wysiwyg-h4 { color:#212121; font-size:1.2857em; line-height:1.3125em; font-weight:700; display:block; padding-left:16px; background:url(../Images/sprite.png) -1px -343px no-repeat; } .svg .wysiwyg-h4 { background-image:url(../Images/sprite.svg) } .wysiwyg-h5 { color:#555; font-size:1.2857em; line-height:1.3125em; font-weight:normal; } .wysiwyg-h6 { font-size:1.1428em; font-weight:700; } .wysiwyg-h7 { color:#555; font-size:1.1428em; font-weight:normal; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:0.75em 0 1em; margin:1em 0 0.875em; } ul, ol { list-style-type:circle; } blockquote:before, blockquote:after, q:before, q:after { content: "" ""; } blockquote, q { border:none; } blockquote:before { content:'«'; } blockquote:after { content:'»'; } blockquote p { display:inline; font-weight:400; font-style:italic; font-size:1.1428em; color:#666; } /* Logo -------------------------------------------------- */ h1#logo { text-indent:-9999px; line-height:0; font-size:0; margin:0; padding:0; } h1#logo a { font-size: 0; line-height: 0; text-indent: -10000px; } /* Navigation -------------------------------------------------- */ .navbar-wrapper { top: 0; left: 0; right: 0; z-index: 1002; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); } .navbar .btn-navbar { margin-top: 18px; } .navbar .sublevel0.container { width:940px; display:none; } .nojs .navbar .sublevel0.container { display:block; } .navContainer { background:#f1f1f1; z-index:1001; position:relative; } nav ul.navigation { list-style-type:none; margin:0; padding:0; position:relative; z-index:20 } nav ul.navigation li { display:inline-block; margin-right:10px; } nav ul.navigation li.level0 a { padding:10px 10px 10px 20px; text-decoration:none; text-transform:uppercase; font-size:1.1428em; letter-spacing:0.02em; font-weight:700; display:block; background:url(../Images/sprite.png) no-repeat 6px 17px; } .svg nav ul.navigation li.level0 a { background-image:url(../Images/sprite.svg) } nav ul.navigation li.level0 a.openSub { display:none; } nav ul.navigation li.level0>a:hover, nav ul.navigation li.level0>a:focus { background-color:#fff; } nav ul.navigation li.level0>a.open { background-position: 6px -772px; background-color:#fff; } nav ul.navigation li .sublevel0 { position:absolute; top:40px; left:0; background:#fff; overflow:hidden; box-shadow:0 3px 2px rgba(0,0,0,0.3); } nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:200px; float:left; margin-right:25px; margin-bottom:30px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol.last { margin-right:0; } nav ul.navigation li .sublevel0 li.level1.sublevelCol li.level2 { display:block; } nav ul.navigation li .sublevel0 ul.subnav { padding:30px; } nav ul.navigation li .sublevel0 ul.subnav .level1>a { background:#e7e3de; background-image:none; font-size:1em; display:block; text-transform:uppercase; letter-spacing:0.02em; margin-bottom:10px; font-weight:700; padding:0; } nav ul.navigation li .sublevel0 ul.subnav .level1>a span { display:block; padding:9px 10px 8px; } nav ul.navigation li.subnavIndex .sublevel0 ul.subnav .level1>a span { display:inline;} nav ul.navigation li .sublevel0 ul { margin:0; padding:0; list-style:none; } nav ul.navigation li .sublevel0 ul.subnav li a, nav ul.navigation li.level0.subnavCDV .sublevel0>ul.subnav li a{ font-size: 0.9285em; font-weight:400; text-transform:none; letter-spacing:normal; padding:3px 3px 3px 15px; margin:0; background-position:0 -345px; line-height:18px; } nav ul.navigation li.level0.subnavCDV .sublevel0>ul.subnav li a { font-weight:700; } nav ul.navigation li .sublevel0 ul.subnav li a:hover, nav ul.navigation li .sublevel0 ul.subnav li a:focus { text-decoration:underline; } #opacityMask { position:fixed; top:0px; left:0; width:100%; height:100%; background:#000; opacity:0.5;/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 5-7 */ filter: alpha(opacity=50); z-index:20; display:none; } /* Nav Index -------------------------------------------------- */ nav ul.navigation li.level0.subnavIndex .sublevel0>ul { padding:30px; } nav ul.navigation .subnavIndex li a { background:none; } nav ul.navigation li.navServices { display:none; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 { display:block; width:110px; height:90px; float:left; margin:0; padding:0; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a { display:block; width:60px; height:34px; text-align:center; padding:18px 0 0; background:#e7e3de; margin:0; font-weight:700; margin-right:8px; float:left; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a.openSub { display:none;} nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level0.subnavIndex .sublevel0>ul li.level1 li.level2 { display:block; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li.level2 a { width:auto; height:auto; text-align:left; display:block; float:left; margin-right:4px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 ul { float:left; width:165px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a:hover, nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a:focus { background:#151215; text-decoration:none; color:#fff; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li { display:inline; line-height:1.2em; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li a { margin:0; padding:0; background:none; display:inline; float:none; font-weight:400; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li a:hover, nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li a:focus { background:none; text-decoration:underline; color:#111; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li.last a { color: #322103; } /* Nav Chemin de vie -------------------------------------------------- */ nav ul.navigation li.subnavCDV .sublevel0>ul.subnav { min-height:200px; list-style:none; background:url(../Images/bg_cheminVie.jpg) no-repeat center 20px #fff; padding:30px; } .svg nav ul.navigation li.subnavCDV .sublevel0>ul.subnav { background-image:url(../Images/bg_cheminVie.svg) } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a { background:none; border-bottom:3px solid #e7e3de; font-weight:700; padding-bottom:10px; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a:hover, nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a:focus { border-color:#151215; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a span { display:inline; background:url(../Images/sprite.png) no-repeat 0 -345px; padding:2px 0 0 14px; margin-left:-10px; } .svg nav ul.navigation li.subnavCDV .sublevel0>ul li a span { background-image:url(../Images/sprite.svg) } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a img { margin:0 auto; display:block; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li.level1 { display:block; width:115px; float:left; text-align:center; margin-bottom:30px; margin-right:10px; } /* Navigation mobile -------------------------------------------------- */ #pageslide { display: none; position: absolute; top: 0; height: 100%; z-index: 999999; width: 290px; padding: 0; border-right: 1px solid #fff; } #pageslide nav ul.navigation { border-top:1px solid #e9e9e9; } #pageslide nav ul.navigation li { display:block; margin-right:0; position:relative; } #pageslide nav ul.navigation li.level0 { clear:both; border-bottom:1px solid #555; } #pageslide nav ul.navigation li a:hover, #pageslide nav ul.navigation li a:focus { text-decoration:none; } #pageslide ul.navigation li.level0 a { background:#333; position:relative;} #pageslide ul.navigation li.level0 a i { display:block; width:20px; height:20px; position:absolute; right:5px; top:15px; background:url(../Images/navI.png) no-repeat; background-size:20px 20px;} #pageslide ul.navigation li.level0>a { color:#fff; padding:18px 6% 15px 60px; font-size:1em; } #pageslide nav ul.navigation li .sublevel0 { position:static; background:#fff; box-shadow:none; z-index:1; display:none; } #pageslide nav ul.navigation li .sublevel0 ul { padding:0; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul { min-height:1px; } #pageslide nav ul.navigation li .sublevel0 li.level1 { border-bottom:1px solid #666; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 { border-bottom:1px solid #999; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 { border-bottom:1px solid #ccc; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 { border-bottom:1px solid #eee; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 { border-bottom:1px solid #ddd; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 { border-bottom:1px solid #eee; } #pageslide nav ul.navigation li .sublevel0 li.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6.last { border-bottom:none; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 a i, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 a i { background-image:url(../Images/navIb.png); } #pageslide nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:100%; margin:0; } #pageslide ul.navigation li.level1 img { display:none; } #pageslide ul.navigation li.level1>a { font-size:0.9285em; padding:18px 6% 18px 60px; background-color:#525252; color:#fff; margin:0; } #pageslide nav ul.navigation li .sublevel0 ul.subnav .level1>a span { padding:0; } #pageslide nav ul.navigation li .sublevel0 li.level2 a { padding:18px 8% 18px 56px; background-color:#777; color:#fff; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 a { background-color:#999; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 li.level4 a { background-color:#ccc; color:#111; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 li.level4 li.level5 a { background-color:#eeeeee; color:#222; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 li.level4 li.level5 li.level6 a { background-color:#fff; color:#333; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul { padding:1px; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 { width:auto; height:auto; margin:1px; display:inline; border:none; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul li.level1 { width: 100%; margin: 0; text-align: left; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul li a { border:none; text-transform:uppercase; letter-spacing:0.02em; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul li a span { background-image:none; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a { padding:16px 0 0; background-image:none; background-color:#444; color:#fff; width:46px; height:31px; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 ul, #pageslide nav ul.navigation li.level1 ul { display:none; } #pageslide ul.navigation li.level0 a.openSub img { display:block; } #pageslide ul.navigation li.level0 a.openSub { padding: 0; margin: 0; position:absolute; top:6px; left:4px; display: block; width: 42px; height: 42px; background: #333; border-right: 1px solid #555; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a i, #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a.openSub { display:none;} #pageslide ul.navigation li.level0 a.openSub.openSubState { background:#444; border-color:#444; } #pageslide ul.navigation li.level0 li.level1 a.openSub { background:#525252; border-color:#787878; } #pageslide ul.navigation li.level0 li.level1 a.openSub.openSubState { background:#666; border-color:#666; } #pageslide ul.navigation li.level0 li.level1 li.level2 a.openSub { background:#777; border-color:#888; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 a.openSub.openSubState { background:#777; border-color:#888; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 a.openSub { background:#999; border-color:#bababa; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 a.openSub.openSubState { background:#999; border-color:#bababa; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 a.openSub { background:#ccc; border-color:#eee; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 a.openSub.openSubState { background:#ccc; border-color:#eee; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 a.openSub { background:#eee; border-color:#ddd; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 a.openSub.openSubState { background:#eee; border-color:#ddd; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 a.openSub { background:#444; border-color:#444; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 a.openSub.openSubState { background:#666; border-color:#666; } #pageslide ul.navigation li.level0.navServices>a { background-image:none; } #pageslide ul.navigation li.level0.navServices p.info { text-indent:-9999px; line-height:0; font-size:0; margin:0; } #pageslide ul.navigation li.level0.navServices .navServicesForm { background:#525252; padding:12px 0 12px 14px; margin-bottom:0; } #pageslide ul.navigation li.level0.navServices .navServicesForm select { width:260px; margin-bottom:0; } #pageslide ul.navigation li.level0.navServices .navServicesForm .btn { position: absolute; left: -9999px; top: -99999px; } .closeSideNav { display:block; width:226px; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 700; color:#121512; background:url('../Images/sprite.png') no-repeat 17px -1202px #f1f1f1; text-decoration:none; padding: 18px 6% 15px 47px; } .svg .closeSideNav { background-image:url(../Images/sprite.svg) } /* Meta nav -------------------------------------------------- */ #metanav { margin:12px 0 0; } #metanav li { list-style-type:none; display:inline; } #metanav li a { display:block; height:21px; width:21px; padding:3px; float:left; margin:10px 0 0 9px; border:1px solid #bbb; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; border-radius:30px; text-align:center; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; } #metanav li a:hover, #metanav li a:focus { border-color:#111; } /*footer -------------------------------------------------- */ footer { background:#f1f1f1; padding:40px 0 50px; margin-bottom:20px; } footer h2 { font-size:1.2857em; text-transform:uppercase; letter-spacing:0.02em; margin:0 0 1em; font-weight:700; color:#322103;} footer ul { margin:0; padding:0; } footer .linksList .default-title, footer .linksList .default-subtitle, footer .linksList .default-h3, footer .linksList .default-h4 { text-indent:-9999px; line-height:0; font-size:0; margin:0; border:none; } footer .linksBox, footer .linksBoxOne { border:none; } footer .linksBox li a, footer .linksBoxOne a { padding:2px 10px 2px 10px; background-position:-3px -344px; text-decoration:none; color:#322103; } footer .linksList .linksBox li { margin:4px 0; border:none; } footer .linksList .linksBox li.link-internal, footer .linksList .linksBox li.link-external { background:url(../Images/sprite.png) no-repeat 4px -346px; } .svg footer .linksList .linksBox li.link-external { background:url(../Images/sprite.svg) } footer .linksList .linksBox li a:hover, footer .linksList .linksBox li a:focus { text-decoration:underline; } footer img { margin:0 20px 20px 0; } .impressum p { font-size:0.8571em; color:#343434; padding-left:5px; } .impressum p.pull-right a { float:left; margin: 0 20px 10px 0; } .impressum p a { margin:0 5px 0 0;text-decoration:none;} .impressum p.linksFooter { padding-left:0;} .impressum p.linksFooter a { padding-left:5px; font-weight:700; font-size:1.16666em;} .impressum a:hover, .impressum a:focus { text-decoration:underline;} .impressum a img { height:32px;} /* Recherche -------------------------------------------------- */ form.search-form { position:absolute; right:0; top:0; z-index:1004; } #searchBox { margin:5px 0 0 0; } #searchBox label { position: absolute; top: -10000px; left: -10000px; } #searchBox input.txt { border-color:#ccc; margin:0; padding-left:3px; font-family: 'PT Sans', sans-serif; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color:#212121; border-right:none; } .nav-collapse #searchBox .btn { padding:0; margin:0; vertical-align:top; width:30px; height:30px; padding:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Accueil --*/ /* Slider -------------------------------------------------- */ .fullwidthbanner-container { width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden; } .fullwidthbanner-container ul { list-style-type:none; visibility:hidden;} #sliderPause {cursor:pointer; position:absolute; bottom:20px; z-index:20; left:50%; margin-left:-16px;} .tp-caption.slidelink { left:0 !important;} /* News -------------------------------------------------- */ .news { background:url(../Images/JU_profil.png) repeat-x 0 0; padding-top:35px; min-height:117px; } .news h2 { display:inline; float:left; margin-left:10px; } .news h2 a { background:url(../Images/sprite.png) 0 -339px no-repeat; padding-left:15px; text-decoration:none; color:#121512; font-weight:700; } .svg .news h2 a { background-image:url(../Images/sprite.svg) } .news .info { display:block; font-size:0.8571em; color:#333; } .news h3 { font-size:1.2857em; background:url(../Images/sprite.png) 0 -346px no-repeat; padding-left:15px; display:inline; line-height:1.3333em; } .svg .news h3 { background-image:url(../Images/sprite.svg) } .news h3 a { text-decoration:none; color:#121512; } .news h2 a:hover, .news h3 a:hover, .news h2 a:focus, .news h3 a:focus { text-decoration:underline; } .news p.pull-right { margin:0; } .news p.pull-right img { margin:16px 10px; } .news .item p { margin-top:10px; } .news .item p a { display:block; position:absolute; top:0; left:0; width:293px; height:207px; } .news .item p a span { position:absolute; bottom:1em; right:0; text-decoration:underline; } .news .customNavigation { margin-top:14px; } .news .customNavigation .btn { background:none; padding:0; } .news .customNavigation .btn:active { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .news .btn span { display:block; width:10px; height:12px; background:url(../Images/sprite.png) 0 -169px no-repeat; float:right; margin:5px 0 0 5px; } .svg .news .btn span { background-image:url(../Images/sprite.svg) } .news .btn.pull-right { margin-top:10px; } .news .btn:hover span, .news .btn:focus span { background-position:0 -350px; } .news .owl-carousel .item { margin:0 10px; position:relative; } .no-js .owl-carousel { display:block;} .owl-theme .owl-controls .owl-buttons div { padding:0; background:#fff; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .home h2.pageTitle {position: absolute;top: -9999px;left: 0px;line-height: 0;font-size: 0;} /*Boxes colorées home -------------------------------------------------- */ .selectedThemes { margin-top:50px; padding:30px 0 20px; background:#f6f6f6; } .int .selectedThemes { border-bottom:1px solid #ddd; margin-top:20px; padding:20px 0 15px; background:#f8f8f8;} .selectedThemes .BlocImage h3 { text-indent:-9999px; font-size:0; line-height:0; margin:0; } .selectedThemes .owl-carousel .item { margin:0 10px; padding-bottom: 3px; } .no-js .selectedThemes .owl-carousel .item { float:left;} .selectedThemes .BlocImage a { display:block; background:#005d8b; padding-bottom:12px; text-align:right; text-decoration:none; -moz-box-shadow:1px 2px 3px rgba(0,0,0,0.12); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.12); box-shadow:1px 2px 3px rgba(0,0,0,0.12); -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; transition:all linear 0.2s; } .no-js .selectedThemes .BlocImage a { background:#121512;} .selectedThemes .BlocImage.part, .selectedThemes .BlocImage p { margin:0; padding:0; } .selectedThemes .BlocImage a {color:#fff;} .selectedThemes .BlocImage a .info { display:block; margin:15px 10px 0 0; text-transform:uppercase; letter-spacing:0.02em;color:#fff; font-size:0.8571em; } .selectedThemes .BlocImage a .info i { background:url(../Images/sprite.png) 0 -169px no-repeat; display:block; float:right; width:10px; height:12px; margin:4px 0 0 8px; } .selectedThemes .item_index1 .BlocImage a { background:#9e2c18; } .selectedThemes .item_index2 .BlocImage a { background:#57750a; } .selectedThemes .item_index3 .BlocImage a { background:#0e5a60; } .selectedThemes .item_index4 .BlocImage a { background:#5a4298; } .selectedThemes .item_index5 .BlocImage a { background:#780079; } .selectedThemes .item_index6 .BlocImage a { background:#915c00; } .selectedThemes .item_index7 .BlocImage a { background:#383635; } .selectedThemes .item_index8 .BlocImage a { background:#005d8b; } .selectedThemes .item_index9 .BlocImage a { background:#57750a; } .selectedThemes .item_index10 .BlocImage a { background:#0e5a60; } .selectedThemes .item_index11 .BlocImage a { background:#5a4298; } .selectedThemes .BlocImage a:hover { background:#004669; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.19); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.19); box-shadow:1px 1px 2px rgba(0,0,0,0.19); text-decoration:underline;} .selectedThemes .BlocImage a:focus { text-decoration:underline;} .selectedThemes .item_index1 .BlocImage a:hover, .selectedThemes .item_index1 .BlocImage a:focus { background:#8b1f0c; } .selectedThemes .item_index2 .BlocImage a:hover, .selectedThemes .item_index2 .BlocImage a:focus { background:#445d03; } .selectedThemes .item_index3 .BlocImage a:hover, .selectedThemes .item_index3 .BlocImage a:focus { background:#054449; } .selectedThemes .item_index4 .BlocImage a:hover, .selectedThemes .item_index4 .BlocImage a:focus { background:#412a7b; } .selectedThemes .item_index5 .BlocImage a:hover, .selectedThemes .item_index5 .BlocImage a:focus { background:#540055; } .selectedThemes .item_index6 .BlocImage a:hover, .selectedThemes .item_index6 .BlocImage a:focus { background:#6a4300; } .selectedThemes .item_index7 .BlocImage a:hover, .selectedThemes .item_index7 .BlocImage a:focus { background:#201e1e; } .selectedThemes .item_index8 .BlocImage a:hover, .selectedThemes .item_index8 .BlocImage a:focus { background:#004669; } .selectedThemes .item_index9 .BlocImage a:hover, .selectedThemes .item_index9 .BlocImage a:focus { background:#445d03; } .selectedThemes .item_index10 .BlocImage a:hover, .selectedThemes .item_index10 .BlocImage a:focus { background:#054449; } .selectedThemes .item_index11 .BlocImage a:hover, .selectedThemes .item_index11 .BlocImage a:focus { background:#412a7b; } /* Le Canton en Chiffres -------------------------------------------------- */ .selectedStats { background: url(../Images/selectedStats_bg.jpg) repeat-x #4c6805; text-align:center; color:#fff; padding:20px 0 40px; } .selectedStats h3 { text-transform:uppercase; letter-spacing:0.02em; font-size:1.7142em; } .selectedStats h3 span { display:block; text-transform:none; font-weight:400; font-style:italic; font-size:1em; margin: 0.2em 0 0.9em; } .selectedStats h4 { border:3px solid #fff; padding:20px 28px 18px; display:inline; line-height: 2.4em; -moz-border-radius:65px; -webkit-border-radius:65px; border-radius:65px; vertical-align:middle; font-weight:400; font-size:2.1428em; } .selectedStats p { font-size:1.2857em; } .selectedStats .statDesc { font-weight:400; margin:20px 0 0; } .selectedStats .statExplain { font-weight:700; padding: .75em .75em 0;} .selectedStats .btn { background:#3c5400; color:#fff; padding:8px 14px 4px 14px; text-transform:uppercase; letter-spacing:0.02em; margin-top:20px } .selectedStats .btn:hover { background:#5d7b0f; } .selectedStats .btn i { background:url(../Images/sprite.png) 0 -523px no-repeat; display:inline-block; vertical-align: text-top; width:20px; height:20px; margin:1px 8px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .svg .selectedStats .btn i { background:url(../Images/sprite.svg) 0 -523px no-repeat; } .selectedStats .btn:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } /* Slider -------------------------------------------------- */ .fullwidthbanner { max-height:400px; } .no-js .fullwidthbanner { height:0;} /* -- PAGES INTERNES --*/ .headerImage { overflow:hidden; height:130px; margin-bottom:15px; margin-top: 1px; } /* Sous-navigation -------------------------------------------------- */ .subnavigation { margin-bottom:2em; } .subnavigation ul { list-style-type:none; margin:0; padding:0; } .subnavigation ul li { border-top:1px solid #333; } .subnavigation ul li.last { border-bottom:none; } .subnavigation ul li li { border-color:#666; } .subnavigation ul li li li { border-color:#ddd; } .subnavigation ul li li li li { border-color:#ddd; border-top: none; } .subnavigation ul li.level0.first { border:none; } .subnavigation ul li.level0.first>a { border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; } .subnavigation ul li.level0.last>a, .subnavigation ul li.selected.level0.last .last>a { border-bottom-left-radius:2px; border-bottom-right-radius:2px; -moz-border-bottom-left-radius:2px; -moz-border-bottom-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;} .subnavigation ul li.selected.level0.last>a { border-bottom-left-radius:0; border-bottom-right-radius:0; -moz-border-bottom-left-radius:0; -moz-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0;} .subnavigation ul li a { text-decoration:none; display:block; color:#fff; font-weight:400; -moz-transition:background-color ease 0.2s; -webkit-transition:background-color ease 0.2s; transition:background-color ease 0.2s; } .subnavigation ul li a:hover { text-decoration:underline; } .subnavigation ul li.level0>a { text-transform:uppercase; font-size:0.9285em; background:#121512; padding:9px 10px 8px; letter-spacing:0.08em; line-height: 1.2em; } .subnavigation ul li.level0>a:hover { background:url(../Images/sprite.png) no-repeat -6px -160px #3c3c3c; text-decoration:none; } .svg .subnavigation ul li.level0>a:hover { background-image:url(../Images/sprite.svg); } .subnavigation ul li.level0 li.level1>a { font-size:1.0714em; padding:5px 10px 4px 22px; background:url(../Images/sprite.png) no-repeat 9px -159px #525252; } .svg .subnavigation ul li.level0 li.level1>a { background:url(../Images/sprite.svg) no-repeat 9px -159px #525252; } .subnavigation ul li.level0 li.level1.selected>a, .subnavigation ul li.level0 li.level1>a:hover { background:url(../Images/sprite.png) no-repeat 9px -340px #f1f1f1; color:#1c1c1c; text-decoration:none; } .svg .subnavigation ul li.level0 li.level1.selected>a, .svg .subnavigation ul li.level0 li.level1>a:hover { background:url(../Images/sprite.svg) no-repeat 9px -340px #f1f1f1; } .subnavigation ul li li li a { color:#0c0c0c; font-weight:400; background:#f1f1f1; } .subnavigation ul li.level2>a { font-size:1em; padding:5px 10px 4px 38px; } .subnavigation ul li.level2.selected li a { background-color:#fff; } .subnavigation ul li.level2.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 25px -341px #fff; } .subnavigation ul li.level3.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 35px -341px #fff; } .subnavigation ul li.level4.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 45px -340px #fff; } .subnavigation ul li.level5.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 55px -341px #fff; } .svg .subnavigation ul li.level2.selected>a, .svg .subnavigation ul li.level3.selected>a, .svg .subnavigation ul li.level4.selected>a, .svg .subnavigation ul li.level5.selected>a { background-image:url(../Images/sprite.svg); } .subnavigation ul li.level3 a { font-size:0.9285em; padding:5px 10px 4px 47px; } .subnavigation ul li.level4 a { font-size:0.8571em; padding:5px 10px 4px 58px; } .subnavigation ul li.level5 a { font-size:0.7857em; padding:5px 10px 4px 69px; } .subnavigation ul li.level2 a:hover { background: url(../Images/sprite.png) no-repeat 25px -341px #fff; text-decoration:none; } .svg .subnavigation ul li.level2 a:hover { background-image: url(../Images/sprite.svg); } .subnavigation ul li.level2 li.level3 a:hover { background-position:35px -341px; } p.btnSubnavP { margin:0; background:#121512; margin-right:-20px; margin-left:-20px; } .btn.btnSubnav { text-align:left; padding: 18px 8px 16px 32px; font-size:0.8571em; background:url('../Images/sprite.png') no-repeat 15px -688px #121512; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; display:block; } .svg .btn.btnSubnav { background-image: url(../Images/sprite.svg); } .btn.btnSubnav:hover { background-color:#121512; color:#fff; } .subnavigationMobile { margin-left:-20px; margin-right:-20px; } .subnavigationMobile ul { margin:0; padding:0; list-style:none; } .subnavigationMobile ul li { border-bottom: 1px solid #555; } .subnavigationMobile ul li.selected a { background-color:#f1f1f1; background-position:98% 330px; color:#121512; } .subnavigationMobile ul li.last { border:none; } .subnavigationMobile ul li a { text-decoration:none; text-transform:uppercase; letter-spacing:0.08em; font-weight:700; display:block; padding:18px 20px 15px 15px; background:url(../Images/sprite.png) no-repeat 98% -147px #333; color:#fff; font-size: 0.8571em; } .svg .subnavigationMobile ul li a { background-image: url(../Images/sprite.svg); } .subnavigationMobile ul li li { border-color:#666; } .subnavigationMobile ul li li a, .subnavigationMobile ul li.selected li a { background-color:#525252; background-position:98% -147px; padding-left:25px; font-weight:400; text-transform:none; letter-spacing:normal; font-size:1em; color:#fff; } /* Page index --------------------------------------------------*/ p.index-az { } p.index-az a { background:#f4f4f4; color:#121412; border:1px solid #ddd;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-align:center; display:block; width:3.024%; height:26px; padding-top:6px; vertical-align:middle; font-weight:700; float:left; text-decoration:none; margin: 0 .634% 5px 0; } p.index-az a:hover { background:#121512; border-color:#000; color:#fff;} p.index-az a:last-child { margin-right:0;} .theme-item dt { border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.1428em; padding:1em 1em 0.75em 17px; -moz-box-shadow:0 2px 5px #999; -webkit-box-shadow:0 2px 5px #999; box-shadow:0 2px 5px #999; position:relative; z-index:2; } .theme-item dl { border:1px solid #ddd; border-top:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; clear:both; margin-bottom:40px;} .theme-item dd { margin-left:0; } .theme-item ul { margin:0; padding: 0; list-style-type:none; width:468px; float:left; margin:0;border-right:1px solid #ddd;} .theme-item ul.last { border-right:none; width:469px;} .theme-item ul li { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .theme-item ul li:nth-child(2n) { background:#f4f4f4;} .theme-item ul li a { font-weight:bold; text-decoration:none; color:#121512; display:block; padding:9px 3px 8px 17px;background: url(../Images/sprite.png) no-repeat 2px -337px; } .svg .theme-item ul li a { background-image:url(../Images/sprite.svg);} .theme-item ul li a:hover, .theme-item ul li a:focus { background-color:#9E2C18; background-position:2px -156px; color:#fff; text-decoration:underline;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /* Website CSS : custom.css -------------------------------------------------- */ html { overflow-x:hidden; padding: 0 !important; background:#fff; margin:0px !important; } body { padding-bottom: 40px; color: #212121; width:100%; font-size:87.5%; font-family: 'PT Sans', sans-serif;} header { background:url(../Images/ecusson_ju.png) no-repeat center top #fff; position:relative; z-index: 21; } .clear { clear:both; } /* Typographie -------------------------------------------------- */ .zoom-1 { font-size:90%; } .zoom0 { font-size:100%; } .zoom1 { font-size:110%; } .zoom2 { font-size:120%; } .zoom3 { font-size:130%; } h2 { font-size:2.1428em; font-weight:400; } .pageTitle a, .pageTitle a:hover { color:#131313; text-decoration:none; } h3 { font-size:1.7142em; font-weight:700; } .default-h3, .default-h4, .default-title, .default-subtitle, .alternate-h3, .alternate-title, .alternate2-h3, .alternate2-title, .alternate-h4, .alternate-subtitle, .alternate2-h4, .alternate2-subtitle, .wysiwyg-h4, .wysiwyg-h5, .wysiwyg-h6 { color:#000000; border:none; width:auto; font-weight:bold; margin:0 0 0.5em 0; padding:0; letter-spacing:-0.01em; } .default-h3, .default-title { border-bottom:1px solid #DEDEDE; font-size: 1.7142em; line-height:1.3125em; margin-bottom:0.8em; } .alternate-h3, .alternate-title { background:#9E2C18;border-bottom: none; border-radius: 2px; color: #fff; font-size: 1.2857em; line-height: 1.3125em; margin-bottom: 0.8em;padding: 0.3em 0.5em 0.1em;} .alternate2-h3, .alternate2-title { background:#57750A;border-bottom: none; border-radius: 2px; color: #fff; font-size: 1.2857em; line-height: 1.3125em; margin-bottom: 0.8em;padding: 0.3em 0.5em 0.1em } .alternate3-h3, .alternate3-title { background:#666666;border-bottom: none; border-radius: 2px; color: #fff; font-size: 1.2857em; line-height: 1.3125em; margin-bottom: 0.8em;padding: 0.3em 0.5em 0.1em } .default-h4, .default-subtitle { color:#212121; font-size:1.2857em; line-height:1.3125em; font-weight:700; } .alternate-h4, .alternate-subtitle { color:#57750A; font-size:1.2857em; line-height:1.3125em; font-weight:700; border-bottom: 1px solid #ddd; } .alternate2-h4, .alternate2-subtitle { color:#212121; font-size:1.4285em; line-height:1.3125em; font-weight:400; font-style:italic; } .sidebar .default-h3 { font-size:1.2857em; } .wysiwyg-h4 { color:#212121; font-size:1.2857em; line-height:1.3125em; font-weight:700; display:block; padding-left:16px; background:url(../Images/sprite.png) -1px -343px no-repeat; } .svg .wysiwyg-h4 { background-image:url(../Images/sprite.svg) } .wysiwyg-h5 { color:#555; font-size:1.2857em; line-height:1.3125em; font-weight:normal; } .wysiwyg-h6 { font-size:1.1428em; font-weight:700; } .wysiwyg-h7 { color:#555; font-size:1.1428em; font-weight:normal; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:0.75em 0 1em; margin:1em 0 0.875em; } ul, ol { list-style-type:circle; } blockquote:before, blockquote:after, q:before, q:after { content: "" ""; } blockquote, q { border:none; } blockquote:before { content:'«'; } blockquote:after { content:'»'; } blockquote p { display:inline; font-weight:400; font-style:italic; font-size:1.1428em; color:#666; } /* Logo -------------------------------------------------- */ h1#logo { text-indent:-9999px; line-height:0; font-size:0; margin:0; padding:0; } h1#logo a { font-size: 0; line-height: 0; text-indent: -10000px; } /* Navigation -------------------------------------------------- */ .navbar-wrapper { top: 0; left: 0; right: 0; z-index: 1002; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); } .navbar .btn-navbar { margin-top: 18px; } .navbar .sublevel0.container { width:940px; display:none; } .nojs .navbar .sublevel0.container { display:block; } .navContainer { background:#f1f1f1; z-index:1001; position:relative; } nav ul.navigation { list-style-type:none; margin:0; padding:0; position:relative; z-index:20 } nav ul.navigation li { display:inline-block; margin-right:10px; } nav ul.navigation li.level0 a { padding:10px 10px 10px 20px; text-decoration:none; text-transform:uppercase; font-size:1.1428em; letter-spacing:0.02em; font-weight:700; display:block; background:url(../Images/sprite.png) no-repeat 6px 17px; } .svg nav ul.navigation li.level0 a { background-image:url(../Images/sprite.svg) } nav ul.navigation li.level0 a.openSub { display:none; } nav ul.navigation li.level0>a:hover, nav ul.navigation li.level0>a:focus { background-color:#fff; } nav ul.navigation li.level0>a.open { background-position: 6px -772px; background-color:#fff; } nav ul.navigation li .sublevel0 { position:absolute; top:40px; left:0; background:#fff; overflow:hidden; box-shadow:0 3px 2px rgba(0,0,0,0.3); } nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:200px; float:left; margin-right:25px; margin-bottom:30px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol.last { margin-right:0; } nav ul.navigation li .sublevel0 li.level1.sublevelCol li.level2 { display:block; } nav ul.navigation li .sublevel0 ul.subnav { padding:30px; } nav ul.navigation li .sublevel0 ul.subnav .level1>a { background:#e7e3de; background-image:none; font-size:1em; display:block; text-transform:uppercase; letter-spacing:0.02em; margin-bottom:10px; font-weight:700; padding:0; } nav ul.navigation li .sublevel0 ul.subnav .level1>a span { display:block; padding:9px 10px 8px; } nav ul.navigation li.subnavIndex .sublevel0 ul.subnav .level1>a span { display:inline;} nav ul.navigation li .sublevel0 ul { margin:0; padding:0; list-style:none; } nav ul.navigation li .sublevel0 ul.subnav li a, nav ul.navigation li.level0.subnavCDV .sublevel0>ul.subnav li a{ font-size: 0.9285em; font-weight:400; text-transform:none; letter-spacing:normal; padding:3px 3px 3px 15px; margin:0; background-position:0 -345px; line-height:18px; } nav ul.navigation li.level0.subnavCDV .sublevel0>ul.subnav li a { font-weight:700; } nav ul.navigation li .sublevel0 ul.subnav li a:hover, nav ul.navigation li .sublevel0 ul.subnav li a:focus { text-decoration:underline; } #opacityMask { position:fixed; top:0px; left:0; width:100%; height:100%; background:#000; opacity:0.5;/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 5-7 */ filter: alpha(opacity=50); z-index:20; display:none; } /* Nav Index -------------------------------------------------- */ nav ul.navigation li.level0.subnavIndex .sublevel0>ul { padding:30px; } nav ul.navigation .subnavIndex li a { background:none; } nav ul.navigation li.navServices { display:none; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 { display:block; width:110px; height:90px; float:left; margin:0; padding:0; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a { display:block; width:60px; height:34px; text-align:center; padding:18px 0 0; background:#e7e3de; margin:0; font-weight:700; margin-right:8px; float:left; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a.openSub { display:none;} nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level0.subnavIndex .sublevel0>ul li.level1 li.level2 { display:block; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li.level2 a { width:auto; height:auto; text-align:left; display:block; float:left; margin-right:4px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 ul { float:left; width:165px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a:hover, nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a:focus { background:#151215; text-decoration:none; color:#fff; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li { display:inline; line-height:1.2em; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li a { margin:0; padding:0; background:none; display:inline; float:none; font-weight:400; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li a:hover, nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li a:focus { background:none; text-decoration:underline; color:#111; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 li.last a { color: #322103; } /* Nav Chemin de vie -------------------------------------------------- */ nav ul.navigation li.subnavCDV .sublevel0>ul.subnav { min-height:200px; list-style:none; background:url(../Images/bg_cheminVie.jpg) no-repeat center 20px #fff; padding:30px; } .svg nav ul.navigation li.subnavCDV .sublevel0>ul.subnav { background-image:url(../Images/bg_cheminVie.svg) } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a { background:none; border-bottom:3px solid #e7e3de; font-weight:700; padding-bottom:10px; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a:hover, nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a:focus { border-color:#151215; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a span { display:inline; background:url(../Images/sprite.png) no-repeat 0 -345px; padding:2px 0 0 14px; margin-left:-10px; } .svg nav ul.navigation li.subnavCDV .sublevel0>ul li a span { background-image:url(../Images/sprite.svg) } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li a img { margin:0 auto; display:block; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li.level1 { display:block; width:115px; float:left; text-align:center; margin-bottom:30px; margin-right:10px; } /* Navigation mobile -------------------------------------------------- */ #pageslide { display: none; position: absolute; top: 0; height: 100%; z-index: 999999; width: 290px; padding: 0; border-right: 1px solid #fff; } #pageslide nav ul.navigation { border-top:1px solid #e9e9e9; } #pageslide nav ul.navigation li { display:block; margin-right:0; position:relative; } #pageslide nav ul.navigation li.level0 { clear:both; border-bottom:1px solid #555; } #pageslide nav ul.navigation li a:hover, #pageslide nav ul.navigation li a:focus { text-decoration:none; } #pageslide ul.navigation li.level0 a { background:#333; position:relative;} #pageslide ul.navigation li.level0 a i { display:block; width:20px; height:20px; position:absolute; right:5px; top:15px; background:url(../Images/navI.png) no-repeat; background-size:20px 20px;} #pageslide ul.navigation li.level0>a { color:#fff; padding:18px 6% 15px 60px; font-size:1em; } #pageslide nav ul.navigation li .sublevel0 { position:static; background:#fff; box-shadow:none; z-index:1; display:none; } #pageslide nav ul.navigation li .sublevel0 ul { padding:0; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul { min-height:1px; } #pageslide nav ul.navigation li .sublevel0 li.level1 { border-bottom:1px solid #666; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 { border-bottom:1px solid #999; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 { border-bottom:1px solid #ccc; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 { border-bottom:1px solid #eee; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 { border-bottom:1px solid #ddd; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 { border-bottom:1px solid #eee; } #pageslide nav ul.navigation li .sublevel0 li.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5.last, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6.last { border-bottom:none; } #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 a i, #pageslide nav ul.navigation li .sublevel0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 a i { background-image:url(../Images/navIb.png); } #pageslide nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:100%; margin:0; } #pageslide ul.navigation li.level1 img { display:none; } #pageslide ul.navigation li.level1>a { font-size:0.9285em; padding:18px 6% 18px 60px; background-color:#525252; color:#fff; margin:0; } #pageslide nav ul.navigation li .sublevel0 ul.subnav .level1>a span { padding:0; } #pageslide nav ul.navigation li .sublevel0 li.level2 a { padding:18px 8% 18px 56px; background-color:#777; color:#fff; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 a { background-color:#999; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 li.level4 a { background-color:#ccc; color:#111; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 li.level4 li.level5 a { background-color:#eeeeee; color:#222; } #pageslide nav ul.navigation li .sublevel0 li.level2 li.level3 li.level4 li.level5 li.level6 a { background-color:#fff; color:#333; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul { padding:1px; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 { width:auto; height:auto; margin:1px; display:inline; border:none; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul li.level1 { width: 100%; margin: 0; text-align: left; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul li a { border:none; text-transform:uppercase; letter-spacing:0.02em; } #pageslide nav ul.navigation li.subnavCDV .sublevel0>ul li a span { background-image:none; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a { padding:16px 0 0; background-image:none; background-color:#444; color:#fff; width:46px; height:31px; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 ul, #pageslide nav ul.navigation li.level1 ul { display:none; } #pageslide ul.navigation li.level0 a.openSub img { display:block; } #pageslide ul.navigation li.level0 a.openSub { padding: 0; margin: 0; position:absolute; top:6px; left:4px; display: block; width: 42px; height: 42px; background: #333; border-right: 1px solid #555; } #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a i, #pageslide nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a.openSub { display:none;} #pageslide ul.navigation li.level0 a.openSub.openSubState { background:#444; border-color:#444; } #pageslide ul.navigation li.level0 li.level1 a.openSub { background:#525252; border-color:#787878; } #pageslide ul.navigation li.level0 li.level1 a.openSub.openSubState { background:#666; border-color:#666; } #pageslide ul.navigation li.level0 li.level1 li.level2 a.openSub { background:#777; border-color:#888; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 a.openSub.openSubState { background:#777; border-color:#888; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 a.openSub { background:#999; border-color:#bababa; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 a.openSub.openSubState { background:#999; border-color:#bababa; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 a.openSub { background:#ccc; border-color:#eee; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 a.openSub.openSubState { background:#ccc; border-color:#eee; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 a.openSub { background:#eee; border-color:#ddd; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 a.openSub.openSubState { background:#eee; border-color:#ddd; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 a.openSub { background:#444; border-color:#444; padding:0; margin:0; } #pageslide ul.navigation li.level0 li.level1 li.level2 li.level3 li.level4 li.level5 li.level6 a.openSub.openSubState { background:#666; border-color:#666; } #pageslide ul.navigation li.level0.navServices>a { background-image:none; } #pageslide ul.navigation li.level0.navServices p.info { text-indent:-9999px; line-height:0; font-size:0; margin:0; } #pageslide ul.navigation li.level0.navServices .navServicesForm { background:#525252; padding:12px 0 12px 14px; margin-bottom:0; } #pageslide ul.navigation li.level0.navServices .navServicesForm select { width:260px; margin-bottom:0; } #pageslide ul.navigation li.level0.navServices .navServicesForm .btn { position: absolute; left: -9999px; top: -99999px; } .closeSideNav { display:block; width:226px; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 700; color:#121512; background:url('../Images/sprite.png') no-repeat 17px -1202px #f1f1f1; text-decoration:none; padding: 18px 6% 15px 47px; } .svg .closeSideNav { background-image:url(../Images/sprite.svg) } /* Meta nav -------------------------------------------------- */ #metanav { margin:12px 0 0; } #metanav li { list-style-type:none; display:inline; } #metanav li a { display:block; height:21px; width:21px; padding:3px; float:left; margin:10px 0 0 9px; border:1px solid #bbb; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; border-radius:30px; text-align:center; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; } #metanav li a:hover, #metanav li a:focus { border-color:#111; } /*footer -------------------------------------------------- */ footer { background:#f1f1f1; padding:40px 0 50px; margin-bottom:20px; } footer h2 { font-size:1.2857em; text-transform:uppercase; letter-spacing:0.02em; margin:0 0 1em; font-weight:700; color:#322103;} footer ul { margin:0; padding:0; } footer .linksList .default-title, footer .linksList .default-subtitle, footer .linksList .default-h3, footer .linksList .default-h4 { text-indent:-9999px; line-height:0; font-size:0; margin:0; border:none; } footer .linksBox, footer .linksBoxOne { border:none; } footer .linksBox li a, footer .linksBoxOne a { padding:2px 10px 2px 10px; background-position:-3px -344px; text-decoration:none; color:#322103; } footer .linksList .linksBox li { margin:4px 0; border:none; } footer .linksList .linksBox li.link-internal, footer .linksList .linksBox li.link-external { background:url(../Images/sprite.png) no-repeat 4px -346px; } .svg footer .linksList .linksBox li.link-external { background:url(../Images/sprite.svg) } footer .linksList .linksBox li a:hover, footer .linksList .linksBox li a:focus { text-decoration:underline; } footer img { margin:0 20px 20px 0; } .impressum p { font-size:0.8571em; color:#343434; padding-left:5px; } .impressum p.pull-right a { float:left; margin: 0 20px 10px 0; } .impressum p a { margin:0 5px 0 0;text-decoration:none;} .impressum p.linksFooter { padding-left:0;} .impressum p.linksFooter a { padding-left:5px; font-weight:700; font-size:1.16666em;} .impressum a:hover, .impressum a:focus { text-decoration:underline;} .impressum a img { height:32px;} /* Recherche -------------------------------------------------- */ form.search-form { position:absolute; right:0; top:0; z-index:1004; } #searchBox { margin:5px 0 0 0; } #searchBox label { position: absolute; top: -10000px; left: -10000px; } #searchBox input.txt { border-color:#ccc; margin:0; padding-left:3px; font-family: 'PT Sans', sans-serif; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color:#212121; border-right:none; } .nav-collapse #searchBox .btn { padding:0; margin:0; vertical-align:top; width:30px; height:30px; padding:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Accueil --*/ /* Slider -------------------------------------------------- */ .fullwidthbanner-container { width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden; } .fullwidthbanner-container ul { list-style-type:none; visibility:hidden;} /* News -------------------------------------------------- */ .news { background:url(../Images/JU_profil.png) repeat-x 0 0; padding-top:35px; min-height:117px; } .news h2 { display:inline; float:left; margin-left:10px; } .news h2 a { background:url(../Images/sprite.png) 0 -339px no-repeat; padding-left:15px; text-decoration:none; color:#121512; font-weight:700; } .svg .news h2 a { background-image:url(../Images/sprite.svg) } .news .info { display:block; font-size:0.8571em; color:#333; } .news h3 { font-size:1.2857em; background:url(../Images/sprite.png) 0 -346px no-repeat; padding-left:15px; display:inline; line-height:1.3333em; } .svg .news h3 { background-image:url(../Images/sprite.svg) } .news h3 a { text-decoration:none; color:#121512; } .news h2 a:hover, .news h3 a:hover, .news h2 a:focus, .news h3 a:focus { text-decoration:underline; } .news p.pull-right { margin:0; } .news p.pull-right img { margin:16px 10px; } .news .item p { margin-top:10px; } .news .item p a { display:block; position:absolute; top:0; left:0; width:293px; height:207px; } .news .item p a span { position:absolute; bottom:1em; right:0; text-decoration:underline; } .news .customNavigation { margin-top:14px; } .news .customNavigation .btn { background:none; padding:0; } .news .customNavigation .btn:active { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .news .btn span { display:block; width:10px; height:12px; background:url(../Images/sprite.png) 0 -169px no-repeat; float:right; margin:5px 0 0 5px; } .svg .news .btn span { background-image:url(../Images/sprite.svg) } .news .btn.pull-right { margin-top:10px; } .news .btn:hover span, .news .btn:focus span { background-position:0 -350px; } .news .owl-carousel .item { margin:0 10px; position:relative; } .owl-theme .owl-controls .owl-buttons div { padding:0; background:#fff; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .home h2.pageTitle {position: absolute;top: -9999px;left: 0px;line-height: 0;font-size: 0;} /*Boxes colorées home -------------------------------------------------- */ .selectedThemes { margin-top:50px; padding:30px 0 20px; background:#f6f6f6; } .int .selectedThemes { border-bottom:1px solid #ddd; margin-top:20px; padding:20px 0 15px; background:#f8f8f8;} .selectedThemes .BlocImage h3 { text-indent:-9999px; font-size:0; line-height:0; margin:0; } .selectedThemes .owl-carousel .item { margin:0 10px; padding-bottom: 3px; } .selectedThemes .BlocImage a { display:block; background:#005d8b; padding-bottom:12px; text-align:right; text-decoration:none; -moz-box-shadow:1px 2px 3px rgba(0,0,0,0.12); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.12); box-shadow:1px 2px 3px rgba(0,0,0,0.12); -moz-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; transition:all linear 0.2s; } .selectedThemes .BlocImage.part, .selectedThemes .BlocImage p { margin:0; padding:0; } .selectedThemes .BlocImage a {color:#fff;} .selectedThemes .BlocImage a .info { display:block; margin:15px 10px 0 0; text-transform:uppercase; letter-spacing:0.02em;color:#fff; font-size:0.8571em; } .selectedThemes .BlocImage a .info i { background:url(../Images/sprite.png) 0 -169px no-repeat; display:block; float:right; width:10px; height:12px; margin:4px 0 0 8px; } .selectedThemes .item_index1 .BlocImage a { background:#9e2c18; } .selectedThemes .item_index2 .BlocImage a { background:#57750a; } .selectedThemes .item_index3 .BlocImage a { background:#0e5a60; } .selectedThemes .item_index4 .BlocImage a { background:#5a4298; } .selectedThemes .item_index5 .BlocImage a { background:#780079; } .selectedThemes .item_index6 .BlocImage a { background:#915c00; } .selectedThemes .item_index7 .BlocImage a { background:#383635; } .selectedThemes .item_index8 .BlocImage a { background:#005d8b; } .selectedThemes .item_index9 .BlocImage a { background:#57750a; } .selectedThemes .item_index10 .BlocImage a { background:#0e5a60; } .selectedThemes .item_index11 .BlocImage a { background:#5a4298; } .selectedThemes .BlocImage a:hover { background:#004669; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.19); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.19); box-shadow:1px 1px 2px rgba(0,0,0,0.19); text-decoration:underline;} .selectedThemes .BlocImage a:focus { text-decoration:underline;} .selectedThemes .item_index1 .BlocImage a:hover, .selectedThemes .item_index1 .BlocImage a:focus { background:#8b1f0c; } .selectedThemes .item_index2 .BlocImage a:hover, .selectedThemes .item_index2 .BlocImage a:focus { background:#445d03; } .selectedThemes .item_index3 .BlocImage a:hover, .selectedThemes .item_index3 .BlocImage a:focus { background:#054449; } .selectedThemes .item_index4 .BlocImage a:hover, .selectedThemes .item_index4 .BlocImage a:focus { background:#412a7b; } .selectedThemes .item_index5 .BlocImage a:hover, .selectedThemes .item_index5 .BlocImage a:focus { background:#540055; } .selectedThemes .item_index6 .BlocImage a:hover, .selectedThemes .item_index6 .BlocImage a:focus { background:#6a4300; } .selectedThemes .item_index7 .BlocImage a:hover, .selectedThemes .item_index7 .BlocImage a:focus { background:#201e1e; } .selectedThemes .item_index8 .BlocImage a:hover, .selectedThemes .item_index8 .BlocImage a:focus { background:#004669; } .selectedThemes .item_index9 .BlocImage a:hover, .selectedThemes .item_index9 .BlocImage a:focus { background:#445d03; } .selectedThemes .item_index10 .BlocImage a:hover, .selectedThemes .item_index10 .BlocImage a:focus { background:#054449; } .selectedThemes .item_index11 .BlocImage a:hover, .selectedThemes .item_index11 .BlocImage a:focus { background:#412a7b; } /* Le Canton en Chiffres -------------------------------------------------- .selectedStats { background: url(../Images/selectedStats_bg.jpg) repeat-x #4c6805; text-align:center; color:#fff; padding:20px 0 40px; } .selectedStats h3 { text-transform:uppercase; letter-spacing:0.02em; font-size:1.7142em; } .selectedStats h3 span { display:block; text-transform:none; font-weight:400; font-style:italic; font-size:1.1428em; } .selectedStats h4 { border:3px solid #fff; padding:20px 28px 18px; display:inline; line-height: 2.4em; -moz-border-radius:65px; -webkit-border-radius:65px; border-radius:65px; vertical-align:middle; font-weight:400; font-size:2.1428em; } .selectedStats p { font-size:1.2857em; } .selectedStats .statDesc { font-weight:400; margin:20px 0 0; } .selectedStats .statExplain { font-weight:700; padding: .75em .75em 0;} .selectedStats .btn { background:#3c5400; color:#fff; padding:8px 14px 4px 14px; text-transform:uppercase; letter-spacing:0.02em; margin-top:20px } .selectedStats .btn:hover { background:#5d7b0f; } .selectedStats .btn i { background:url(../Images/sprite.png) 0 -523px no-repeat; display:inline-block; vertical-align: text-top; width:20px; height:20px; margin:1px 8px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .svg .selectedStats .btn i { background:url(../Images/sprite.svg) 0 -523px no-repeat; } .selectedStats .btn:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } */ /* Slider -------------------------------------------------- */ .fullwidthbanner { max-height:400px; } /* -- PAGES INTERNES --*/ .headerImage { overflow:hidden; height:130px; margin-bottom:15px; margin-top: 1px; } /* Sous-navigation -------------------------------------------------- */ .subnavigation { margin-bottom:2em; } .subnavigation ul { list-style-type:none; margin:0; padding:0; } .subnavigation ul li { border-top:1px solid #333; } .subnavigation ul li.last { border-bottom:none; } .subnavigation ul li li { border-color:#666; } .subnavigation ul li li li { border-color:#ddd; } .subnavigation ul li li li li { border-color:#ddd; border-top: none; } .subnavigation ul li.level0.first { border:none; } .subnavigation ul li.level0.first>a { border-top-left-radius:2px; border-top-right-radius:2px; } .subnavigation ul li.level0.last>a { border-bottom-left-radius:2px; border-bottom-right-radius:2px;} .subnavigation ul li a { text-decoration:none; display:block; color:#fff; font-weight:400; -moz-transition:background-color ease 0.2s; -webkit-transition:background-color ease 0.2s; transition:background-color ease 0.2s; } .subnavigation ul li a:hover { text-decoration:underline; } .subnavigation ul li.level0>a { text-transform:uppercase; font-size:0.9285em; background:#121512; padding:9px 10px 8px; letter-spacing:0.08em; line-height: 1.2em; } .subnavigation ul li.level0>a:hover { background:url(../Images/sprite.png) no-repeat -6px -160px #3c3c3c; text-decoration:none; } .svg .subnavigation ul li.level0>a:hover { background-image:url(../Images/sprite.svg); } .subnavigation ul li.level0 li.level1>a { font-size:1.0714em; padding:5px 10px 4px 22px; background:url(../Images/sprite.png) no-repeat 9px -159px #525252; } .svg .subnavigation ul li.level0 li.level1>a { background:url(../Images/sprite.svg) no-repeat 9px -159px #525252; } .subnavigation ul li.level0 li.level1.selected>a, .subnavigation ul li.level0 li.level1>a:hover { background:url(../Images/sprite.png) no-repeat 9px -340px #f1f1f1; color:#1c1c1c; text-decoration:none; } .svg .subnavigation ul li.level0 li.level1.selected>a, .svg .subnavigation ul li.level0 li.level1>a:hover { background:url(../Images/sprite.svg) no-repeat 9px -340px #f1f1f1; } .subnavigation ul li li li a { color:#0c0c0c; font-weight:400; background:#f1f1f1; } .subnavigation ul li.level2>a { font-size:1em; padding:5px 10px 4px 38px; } .subnavigation ul li.level2.selected li a { background-color:#fff; } .subnavigation ul li.level2.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 25px -341px #fff; } .subnavigation ul li.level3.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 35px -341px #fff; } .subnavigation ul li.level4.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 45px -340px #fff; } .subnavigation ul li.level5.selected>a { font-weight:700; background:url(../Images/sprite.png) no-repeat 55px -341px #fff; } .svg .subnavigation ul li.level2.selected>a, .svg .subnavigation ul li.level3.selected>a, .svg .subnavigation ul li.level4.selected>a, .svg .subnavigation ul li.level5.selected>a { background-image:url(../Images/sprite.svg); } .subnavigation ul li.level3 a { font-size:0.9285em; padding:5px 10px 4px 47px; } .subnavigation ul li.level4 a { font-size:0.8571em; padding:5px 10px 4px 58px; } .subnavigation ul li.level5 a { font-size:0.7857em; padding:5px 10px 4px 69px; } .subnavigation ul li.level2 a:hover { background: url(../Images/sprite.png) no-repeat 25px -341px #fff; text-decoration:none; } .svg .subnavigation ul li.level2 a:hover { background-image: url(../Images/sprite.svg); } .subnavigation ul li.level2 li.level3 a:hover { background-position:35px -341px; } p.btnSubnavP { margin:0; background:#121512; margin-right:-20px; margin-left:-20px; } .btn.btnSubnav { text-align:left; padding: 18px 8px 16px 32px; font-size:0.8571em; background:url('../Images/sprite.png') no-repeat 15px -688px #121512; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; display:block; } .svg .btn.btnSubnav { background-image: url(../Images/sprite.svg); } .btn.btnSubnav:hover { background-color:#121512; color:#fff; } .subnavigationMobile { margin-left:-20px; margin-right:-20px; } .subnavigationMobile ul { margin:0; padding:0; list-style:none; } .subnavigationMobile ul li { border-bottom: 1px solid #555; } .subnavigationMobile ul li.selected a { background-color:#f1f1f1; background-position:98% 330px; color:#121512; } .subnavigationMobile ul li.last { border:none; } .subnavigationMobile ul li a { text-decoration:none; text-transform:uppercase; letter-spacing:0.08em; font-weight:700; display:block; padding:18px 10px 15px 15px; background:url(../Images/sprite.png) no-repeat 98% -147px #333; color:#fff; font-size: 0.8571em; } .svg .subnavigationMobile ul li a { background-image: url(../Images/sprite.svg); } .subnavigationMobile ul li li { border-color:#666; } .subnavigationMobile ul li li a, .subnavigationMobile ul li.selected li a { background-color:#525252; background-position:98% -147px; padding-left:25px; font-weight:400; text-transform:none; letter-spacing:normal; font-size:1em; color:#fff; } /* Page index --------------------------------------------------*/ p.index-az { } p.index-az a { background:#f4f4f4; color:#121412; border:1px solid #ddd;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-align:center; display:block; width:3.024%; height:26px; padding-top:6px; vertical-align:middle; font-weight:700; float:left; text-decoration:none; margin: 0 .634% 5px 0; } p.index-az a:hover { background:#121512; border-color:#000; color:#fff;} p.index-az a:last-child { margin-right:0;} .theme-item dt { border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.1428em; padding:1em 1em 0.75em 17px; -moz-box-shadow:0 2px 5px #999; -webkit-box-shadow:0 2px 5px #999; box-shadow:0 2px 5px #999; position:relative; z-index:2; } .theme-item dl { border:1px solid #ddd; border-top:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; clear:both; margin-bottom:40px;} .theme-item dd { margin-left:0; } .theme-item ul { margin:0; padding: 0; list-style-type:none; width:468px; float:left; margin:0;border-right:1px solid #ddd;} .theme-item ul.last { border-right:none; width:469px;} .theme-item ul li { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .theme-item ul li:nth-child(2n) { background:#f4f4f4;} .theme-item ul li a { font-weight:bold; text-decoration:none; color:#121512; display:block; padding:9px 3px 8px 17px;background: url(../Images/sprite.png) no-repeat 2px -337px; } .svg .theme-item ul li a { background-image:url(../Images/sprite.svg);} .theme-item ul li a:hover, .theme-item ul li a:focus { background-color:#9E2C18; background-position:2px -156px; color:#fff; text-decoration:underline;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /* Page listing news --------------------------------------------------*/ .docslistitem .listing_date { color: #555555; font-size: .8125em; font-style: italic; font-weight: normal; line-height: 160%; } .newslistitem, .docslistitem { border-bottom: 1px solid #CCCCCC; margin: 10px 0 15px; padding: 0 10px 8px 0; position: relative; } .docslistitem h3 a { text-decoration:none; color:#000;} .docslistitem h3 a:hover { text-decoration:underline;} /* Breadcrumb -------------------------------------------------- */ .breadcrumb { padding: 8px 15px 7px 0; margin: 0; list-style: none; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; border-bottom:1px solid #d9d9d9; font-size:0.9285em; color:#212121; } .breadcrumb li a { text-decoration:none; color:#212121; padding:0 6px 0 3px; } .breadcrumb li a:hover { text-decoration:underline; } /* Bloc presta guichet -------------------------------------------------- */ .prestaGuichet img { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; width:100%; } .contentPrestaGuichet { border:1px solid #a32a0f; padding:1em; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } a.linkPresta { display:block; background:url(../Images/sprite.png) no-repeat 98% -155px #9e2c18; padding:10px 40px 9px 10px; text-transform:uppercase; text-decoration:none; font-weight:700; letter-spacing:0.06em; color:#fff; text-align:right; margin:0; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; } a.linkPresta:hover {background-color:#8b1f0c; text-decoration:underline;} .svg a.linkPresta { background-image:url(../Images/sprite.svg); color:#fff; } .svg a.linkPresta:hover { background-color:#8b1f0c; background-position:98.5% -155px } .prestaGuichet .linksBox li, .prestaGuichet .linksBox, .prestaGuichet .linksBoxOne { border:none; } .prestaGuichet .linksBox li a, .prestaGuichet .linksBoxOne a { text-decoration:underline; } .prestaGuichet .linksBox li a:hover, .prestaGuichet .linksBoxOne a:hover { text-decoration:none; } .guichetVirtuel {border: .5px solid #cbcdcc;margin-bottom:20px;} .guichetVirtuelHeader {background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);text-align:center;} .sidebar .SeparateColumns + .BlocText {margin-top:2rem;} .guichetVirtuel .guichetLink {display:block;color:white;text-decoration:none;font-weight:bold;text-align:right;padding:.5rem;background-color:#D1232A;} .guichetVirtuel .guichetLink:hover {background-color:#8b1f0c;text-decoration:underline;} .guichetVirtuel .guichetLink::after {content:'';background:url("Htdocs/Images/sprite.svg") no-repeat 32px -159px;padding:.5rem 1.5rem;} .guichetVirtuel .guichetLink:hover::after {background-position:35px -159px;} .guichetVirtuel .SeparateColumns {margin:0;} .guichetVirtuel .default-subtitle, .guichetVirtuel .default-title {margin-top:0;padding:11px 15px 0 15px;font-size:1.2857em;line-height:1.3125em;font-weight:700;} .guichetVirtuel .DropDownContent {padding: 15px;} .guichetVirtuel .DropDownTitle{margin-top:1px;padding-left:30px;padding-right:70px;} .guichetVirtuel .part{margin-bottom:0;} .guichetVirtuel .logoGuichetVirtuel{width:85%;margin-bottom:10px;} .guichetVirtuelHeader{padding:10px;border-bottom-style:solid;border-bottom-width:0.5px;border-bottom-color:lightgray;padding-bottom:15px;} .guichetVirtuelHeader p{text-align:right;font-size:20px;padding:10px 0 30px 0;color:#525252;} .guichetVirtuelExplain{display:flex;align-items:center;justify-content:space-around;} .guichetVirtuelExplainPicture{width:60px;margin-left:auto;margin-right:auto;} .DropDownTitle{position:relative;} .DropDownTitle .externalLink img{width:15px;} .DropDownTitle .externalLink{display:block;position:absolute;right:40px;top:8px;} .guichetVirtuel .guichetVirtuelExplainText{text-align:center;font-weight:bold;} @media (max-width:480px){ .guichetVirtuelHeader p{font-size:14px;} } /* Page initiatives parlementaires -------------------------------------------------- */ .IC2Site .customTable caption { background:#121512;color: #fff;letter-spacing:normal;margin-bottom: 1em;text-transform:none;} .customTable tr td.firstCol a { font-weight:700; font-size:1.1428em; text-decoration:none;} .customTable tr:hover { cursor:pointer;} .customTable tr:hover td { background:#a32a0f !important; color:#fff;} .customTable tr:hover td a { color:#fff; text-decoration:underline; } /* Pagination tableaux -------------------------------------------------- */ td.pagination {text-align: right; padding-right:0; border:none; } td.pagination a {background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #DDDDDD; border-radius: 2px; color: #121412; font-weight: 700; font-size:0.8571em; height: 26px; margin: 0 0 5px 5px; padding: 6px 10px; text-align: center; text-decoration: none; vertical-align: middle;} td.pagination a:hover {background: none repeat scroll 0 0 #121512; border-color: #000000; color: #FFFFFF;} td.pagination a.page_Selected { background:#121512; border-color:#fff; color:#fff; } /* Sidebar -------------------------------------------------- */ .sidebar { margin-top:6px } /* Partage / Bas de page -------------------------------------------------- */ .tools { text-align:center; clear:both; width:100%; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:1.5em 0 1.4em; margin-bottom:2em; } .tools a { display:block; /*background:#fff; color:#222;*/ text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; padding:7px 6px 5px; font-weight:700; font-size:0.8571em; border:1px solid #fff; } .tools .toolPrint { padding:6px; margin:0 auto; border-color:#fff; } .tools .toolPrint img { margin-right:5px; width:20px;} .tools a:hover { border-color:#fff; } .tools .toolPrint:hover, .tools a.toolTop:hover { border-color:#999; } .tools a span { float:left; margin-right:-15px; margin-top:1px; } .tools a.toolTop { line-height:1.3em;border-color:#fff; padding:8px 6px 7px; } .tools .addthis_button { display:block; padding:7px 4px 6px;} /* Ajustement Controls shadowbox */ #sb-info, #sb-info-inner { height:42px; } #sb-nav { height:42px; } #sb-nav a { height:42px; width:42px; margin-left: 10px; } /**********************/ .ExtBackground-bwrap .BlocSlideshow .owl-carousel{display:block;} .ExtBackground-bwrap .BlocSlideshow .owl-carousel .item{position:relative;} ul.socialIcon{float:right;margin-top:24px;margin-right:25px;margin-left:0;} ul.socialIcon li{float:left;display:block;margin-left:12px;} ul.socialIcon li:first-child img{height:24px;} ul.socialIconMobile{padding:15px 0 0 5px; margin:0; background:#F1F1F1;} ul.socialIconMobile li{float:left;display:block;margin-left:12px;} .BlocVideo .video-js-box{width:auto !important;} .fullwidthbanner-container{max-height:400px !important;} .DropDownTitle{background:#e7e3de;color:#000;padding:10px 50px 10px 15px;cursor:pointer;position:relative;} .DropDownTitle:after{content:"";width:10px;height:10px;border-left:solid 1px #000;border-bottom:solid 1px #000;display:block;position:absolute;right:15px;top:12px;transform:rotate(-45deg);} .DropDownTitle.active:after{top:17px;transform:rotate(135deg);} .DropDownContent{display:none;padding:15px 0;} .SeparateFooterAdmin{display:none;background:#9e2c18;color:#FFF;padding:10px 15px;text-align:center;} .modificationIC2 .SeparateFooterAdmin{display:block;} .startBlock-1{margin-bottom:20px;} .modificationIC2 .headerImage{height:auto;} .headerImage .part.image ~ img{display:none;} .wysiwyg-color-bg2{font-family:'PT Sans', sans-serif;font-style:normal;text-decoration:none;text-align:left;background:none;border:0;text-transform:none;padding:15px;color: #FFF;font-size:1.2857em;font-weight: 700;line-height:1.3125em;margin:0;display:block;background:#999999;} .wysiwyg-color-bg1{font-family:'PT Sans', sans-serif;font-style:normal;text-decoration:none;text-align:left;background:none;border:0;text-transform:none;padding:15px;color: #FFF;font-size:1.2857em;font-weight: 700;line-height:1.3125em;margin:0;display:block;background:#9e2c18;} .content .wysiwyg-color-bg2 a,.content .wysiwyg-color-bg1 a{color:#FFF;} /* RESPONSIVE CSS -------------------------------------------------- */ .btn.btnSubnav, .breadcrumbTitle { display:none; } nav ul.navigation li .sublevel0 ul.subnav .level1>a.openSub { display:none; } #nav .navigation ul.subnav li li ul { display:none; } /* Correctif pour les logos des partenaires */ .container.impressum .extensible-separator { display: none; } @media (min-width: 1199px) { .navbar .sublevel0.container { width:1170px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:230px; margin-right:60px; margin-bottom:30px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 { width:75px; height:80px; padding-right:10px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a { width:60px; height:34px; padding-top:18px;} nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li.level1 { width:148px; margin-bottom:30px; margin-right:10px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 ul { width:220px; } .news { padding-top: 60px; } .selectedThemes { padding: 50px 0 40px; } .selectedThemes .BlocImage a .info { display:block; margin:15px 15px 0 0; font-size:1em;} .headerImage { overflow:hidden; height:180px; margin-bottom:25px; } /* Page index */ .theme-item ul { width:583px;} .theme-item ul.last { width:584px;} p.index-az a { width: 3.066%;} } @media (max-width: 979px) { body { line-height:1.5em; } h1, h2, h3 { line-height:1.2em; } #metanav { /*width:160px;*/ width:206px; margin:0 0 12px; } #metanav li a { margin:5px 5px 0 0; } .navbar .btn-navbar { display: none; } .nav-collapse, .nav-collapse.collapse { overflow:visible; height:auto; } nav ul.navigation li .sublevel0 ul.subnav, nav ul.navigation li.subnavCDV .sublevel0>ul.subnav { padding:15px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:165px; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li.level1 { width:89px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol { margin-right:10px; } nav ul.navigation li .sublevel0 li.subnavCDV .sublevel0>ul.subnav { min-height:152px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 { width:83px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 ul { width:180px; } .navbar-wrapper { position:static; } .navbar .sublevel0.container { width: 724px; } .headerImage { margin-bottom:12px; } footer img { padding:0 3px; margin:2px 0 12px 5px; max-height:40px; } /* Addthis partage -------------------------------------------------- */ .tools .addthis_default_style { text-align:left; } .tools .addthis_default_style a.at300b { display:block; width:100%; margin:10px 0; float:none; } /* Page index -------------------------------------------------- */ .theme-item ul { width:360px;} .theme-item ul.last { width:361px;} p.index-az a { width: 6.832%;} p.index-az a:nth-child(13n) { margin-right:0;} } @media (max-width: 767px) { #contentContainer { padding:0 20px; } .span3.subnavigation { display:none; } html { overflow-x:hidden; } body { padding:0; } header { height:61px; } #metanav { width:auto; position:absolute; right:10px; top:13px;} #metanav li a { padding:5px; } #logo-img { position:relative; z-index:1002; margin-left:70px; } #logo-img img { width:153px; margin-top:5px; } .navbar .btn-navbar { display: block; } .nav-collapse, .nav-collapse.collapse { overflow:hidden; height:0; } .navbar .sublevel0.container { width: auto; } .navbar-wrapper { margin:0; } .navContainer { position:absolute; top:0; left:0; } .navbar-inner { margin:0; width:60px; } .navbar .btn-navbar, .navbar .btn-navbar:hover { margin:0; float:right; background:#151215; padding:0; width:60px; height:60px; } nav ul.navigation li.navServices { display:block; } #pageslide nav form.search-form { position:absolute; top:2px; left:4px; z-index:1; } #pageslide nav { margin-top:60px; } .home #pageslide nav { margin-top:59px; } #pageslide form.search-form.pull-right { float:none; } #pageslide #searchBox { position:relative; } #pageslide #searchBox input.txt { -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow:none !important; height:43px; padding-top:0; padding-bottom:0; vertical-align:middle; width:75%; border-right:1px solid #D7D7D7; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #pageslide #searchBox .btn { margin-left:10px; padding:0; background:none; height:45px; } .news { padding:20px 10px; border-bottom: 1px solid #eee; } .selectedThemes { margin-top: 20px; padding: 20px 10px 20px; background: #fff; } .selectedThemes .owl-carousel .item {margin: 0 20px;} .selectedStats { padding:20px 0 40px; } .headerImage { height:60px; margin-bottom:1px; margin-top:0; } .js .breadcrumb { display:none; } .breadcrumb { padding:0; border-bottom:none; } .breadcrumb>li { text-shadow:none; padding:0; display:block; border-bottom:1px solid #444; } .breadcrumb li span { display:none; } .breadcrumb li.selected { padding:12px 10px 12px 20px; background:url('../Images/sprite.png') no-repeat 5px -334px #151215; border-bottom:1px solid #bbb; color:#f1f1f1; } .svg .breadcrumb li.selected { background-image: url(../Images/sprite.svg); } .breadcrumb li a { padding:12px 10px 12px 20px; background:url('../Images/sprite.png') no-repeat 10px -1034px #222; color:#aaa; display:block; } .svg .breadcrumb li a { background-image: url(../Images/sprite.svg); } .breadcrumb li a:hover { text-decoration:none; } .breadcrumb li a:active { background-color:#333; } .breadcrumb li.breadCrumb_index0 a { background-image:none; padding-left:10px; } .breadcrumb li.breadCrumb_index1 a { padding-left:22px; } .breadcrumb li.breadCrumb_index2 a { padding-left:34px; background-position:22px -1034px; } .breadcrumb li.breadCrumb_index3 a { padding-left:46px; background-position:34px -1034px; } .breadcrumb li.breadCrumb_index4 a { padding-left:58px; background-position:46px -1034px; } .breadcrumb li.breadCrumb_index5 a { padding-left:70px; background-position:58px -1034px; } .breadcrumb li.breadCrumb_index6 a { padding-left:82px; background-position:70px -1034px; } .breadcrumb li.breadCrumb_index7 a { padding-left:94px; background-position:82px -1034px; } p.breadcrumbTitle { margin-bottom:0; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); } a.openBread { text-align:left; padding: 18px 8px 16px 32px; font-size:0.8571em; background:url('../Images/sprite.png') no-repeat 15px -688px #121512; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; display:block; text-decoration:none; color:#fff; } .svg a.openBread { background-image: url(../Images/sprite.svg); } .openBread img { height:53px; } .btn.btnSubnav, .breadcrumbTitle { display:block; } nav ul.navigation li .sublevel0 ul.subnav .level1>a.openSub { display:block; } /* Pagination tableaux -------------------------------------------------- */ td.pagination { padding: 0; } td.pagination a { padding: 10px 10px 4px; float:left; margin:0 5px 5px 0 } .tools { border:none; margin:0; } .tools .span2, .tools .span3 { width:32%; float:left; margin-bottom: 20px; } .tools a { padding: 20px 6px 18px; } footer { padding:27px 20px 20px; margin-top:20px; } footer img { margin:20px 0 0 5px; max-height:35px; } footer .part.linksList, footer .linksBox, footer .linksBoxOne { margin-bottom:0; } footer .linksList .linksBox li:last-child, footer .linksBoxOne li:last-child { margin-bottom:0;} .impressum { padding:0 11px 0 20px; } .impressum p { line-height:16px; font-size:0.7857em; } .BlocForms .field { display:block; } .BlocForms .formfooter { padding: 10px; text-align: center; } .BlocForms .formitem textarea, .BlocForms .formitem select, .BlocForms .formitem input[type='text'] { display:block; width:100%; min-height:34px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .BlocPicturesGallery .thumbnails { margin-left:0; } .BlocPicturesGallery .thumbnails li { width:50%; display:block; float:left; margin-bottom:15px; } .BlocPicturesGallery .thumbnails li a { padding:0 10px; display:block; } .BlocPicturesGallery .thumbnails li .info { padding:0 10px; display:block; } .BlocPicturesGallery .thumbnails li img { width:100%; } .BlocPicturesGallery .row-fluid { margin:0; } /* Page index -------------------------------------------------- */ .theme-item ul { width:100%; border:none;} .theme-item ul.last { width:100%;} p.index-az a { width: 6.6%;} p.index-az a:nth-child(13n) { margin-right:0;} } @media (max-width: 640px) { /* Correctif pour les logos des partenaires */ .container.impressum .extensible-separator { display: block; overflow: hidden; height: 42px; } } @media (max-width: 480px) { .navContainer { background:none; } nav ul.navigation { float:none; } nav ul.navigation li { margin:0; } nav ul.navigation li.level0 { display:block; border-bottom:1px solid #666; } nav ul.navigation li.level0 a { font-size:1em } header { background:none; } #metanav li a { border:0; } #logo-img img { width:103px; margin-top:14px; } .tp-caption.juTitle, .svg .tp-caption.juTitle { background-image:none; padding-left:5px;} .news { padding-top:20px; } .news h2 { font-size:1.7142em; } .news p.pull-right img { margin: 10px 10px 0 0; } .selectedStats { margin-bottom:20px; background:none; padding:0 20px; } .selectedStats .container { -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); background: url(../Images/selectedStats_bg.jpg) repeat-x #4c6805; padding-bottom:20px; } .selectedStats h3 { padding:0 10px; line-height:28px; } .selectedThemes { margin: 20px 0; padding: 0px 10px 20px; background: #fff; border-bottom: 1px solid #eee; } .selectedThemes .BlocImage a .info { font-size:0.8571em; } .selectedThemes .BlocImage a .info i { display:none; } /* Styles internes */ .headerImage { display:none; } .tools { padding:0 } .tools .addthis_button { margin-top: 8px;} footer { margin:20px 0; padding:0 20px 10px; background:none; } footer .container { background:#f1f1f1; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); padding-bottom:4px; } footer .statDesc, footer .statExplain { padding:0 10px; } footer h2 { padding:10px 10px 0; margin-bottom:0.5em; } footer .part.linksList { padding-left:10px; } .impressum p.linksFooter { color:#fff; margin-bottom:20px; padding:0;} .impressum p.linksFooter a { padding:0; display:block;} .impressum p {padding-left: 0;} .BlocImageBloc a .info { padding-right:31px;} /* Page index -------------------------------------------------- */ p.index-az a { width: 6.52%; margin: 0 .5% 5px 0;} p.index-az a:nth-child(13n) { margin-right:0;} } /* Ajustements couleurs */ body {font-family: arial, sans-serif;} h2, h3, h4, h5, h6, .default-h3, .default-title, .wysiwyg-h4, wysiwyf-h5, .wysiwyg.h6 {font-family: 'PT Sans', sans-serif;} .content a, .sidebar a {color: #9e2c18;} .content a.btn, .sidebar a.btn { color:#fff; font-weight:700; margin-bottom:1em; font-size: 0.8571em;padding: 5px 40px;} .content a.btn:hover, .sidebar a.btn:hover {color:#121512;} .tools a { color:#121512;} .tools .addthis_button {color:#fff;} .tools .addthis_button:hover { color:#121512;} .prestaGuichet .linksBox li a, .prestaGuichet .linksBoxOne a { color:#121512; text-decoration:none;} .prestaGuichet .linksBox li a:hover, .prestaGuichet .linksBoxOne a:hover { text-decoration:underline;} .wysiwyg-h5 {color: #a32a0f;} .wysiwyg-h4 {color: #9e2c18;} .theme-item td a { color:#121512;} .IC2Site tbody tr:nth-child(even) td, .IC2Site tbody tr.even td {background: #f2f2f2; -moz-transition:background-color ease 0.1s; -webkit-transition:background-color ease 0.1s; transition:background-color ease 0.1s;} .theme-item td:hover { background-color:#a32a0f !important;} .theme-item td a {-moz-transition:padding ease 0.2s; -webkit-transition:padding ease 0.2s; transition:padding ease 0.2s;} .theme-item td:hover a { color:#fff; text-decoration:none; background-position: 12px -157px; padding-left: 25px; } /* Breadcrumb -------------------------------------------------- */ .breadcrumb { padding: 8px 15px 7px 0; margin: 0; list-style: none; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; border-bottom:1px solid #d9d9d9; font-size:0.9285em; color:#212121; } .breadcrumb li a { text-decoration:none; color:#212121; padding:0 6px 0 3px; } .breadcrumb li a:hover { text-decoration:underline; } /* Bloc presta guichet -------------------------------------------------- */ .prestaGuichet img { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; width:100%; } .contentPrestaGuichet { border:1px solid #a32a0f; padding:1em; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } a.linkPresta { display:block; background:url(../Images/sprite.png) no-repeat 98% -155px #9e2c18; padding:10px 40px 9px 10px; text-transform:uppercase; text-decoration:none; font-weight:700; letter-spacing:0.06em; color:#fff; text-align:right; margin:0; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; } a.linkPresta:hover {background-color:#8b1f0c; text-decoration:underline;} .svg a.linkPresta { background-image:url(../Images/sprite.svg); color:#fff; } .svg a.linkPresta:hover { background-color:#8b1f0c; background-position:98.5% -155px } .prestaGuichet .linksBox li, .prestaGuichet .linksBox, .prestaGuichet .linksBoxOne { border:none; } .prestaGuichet .linksBox li a, .prestaGuichet .linksBoxOne a { text-decoration:underline; } .prestaGuichet .linksBox li a:hover, .prestaGuichet .linksBoxOne a:hover { text-decoration:none; } /* Page initiatives parlementaires -------------------------------------------------- */ .IC2Site .customTable caption { background:#121512;color: #fff;letter-spacing:normal;margin-bottom: 1em;text-transform:none;} .customTable tr td.firstCol a { font-weight:700; font-size:1.1428em; text-decoration:none;} .customTable tr:hover { cursor:pointer;} .customTable tr:hover td { background:#a32a0f !important; color:#fff;} .customTable tr:hover td a { color:#fff; text-decoration:underline; } /* Pagination tableaux -------------------------------------------------- */ td.pagination {text-align: right; padding-right:0; border:none; } td.pagination a {background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #DDDDDD; border-radius: 2px; color: #121412; font-weight: 700; font-size:0.8571em; height: 26px; margin: 0 0 5px 5px; padding: 6px 10px; text-align: center; text-decoration: none; vertical-align: middle;} td.pagination a:hover {background: none repeat scroll 0 0 #121512; border-color: #000000; color: #FFFFFF;} td.pagination a.page_Selected { background:#121512; border-color:#fff; color:#fff; } /* Partage / Bas de page -------------------------------------------------- */ .tools { text-align:center; clear:both; width:100%; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:1.5em 0 1.4em; margin-bottom:2em; } .tools a { display:block; /*background:#fff; color:#222;*/ text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s; padding:7px 6px 5px; font-weight:700; font-size:0.8571em; border:1px solid #fff; } .tools .toolPrint { padding:6px; margin:0 auto; border-color:#fff; } .tools .toolPrint img { margin-right:5px; width:20px;} .tools a:hover { border-color:#fff; } .tools .toolPrint:hover, .tools a.toolTop:hover { border-color:#999; } .tools a span { float:left; margin-right:-15px; margin-top:1px; } .tools a.toolTop { line-height:1.3em;border-color:#fff; padding:8px 6px 7px; } .tools .addthis_button { display:block; padding:7px 4px 6px;} /* Ajustement Controls shadowbox */ #sb-info, #sb-info-inner { height:42px; } #sb-nav { height:42px; } #sb-nav a { height:42px; width:42px; margin-left: 10px; } .IC2Site .interventionTable th, .IC2Site .interventionTable td{cursor:default;} .part.imagetext .textContents ul{display:table;} .part.imagetext .textContents ul li{list-style-position:outside;margin-left:1em;} .part.imagetext:after{display:block;content:"";clear:both;} .part.image .photo .desc,.part.imagetext .photoBox span,.part.BlocPicturesGallery li .info{font-style:italic;width:auto !important;display:block;line-height:18px;margin-bottom:30px;} .BlocImageMap .bubble{display:none;position:absolute;background:#121512;color:#FFF;padding:2px 5px;width:130px;/*margin-left:-149px;*/margin-left:-130px;} /*.BlocImageMap .bubble:after{width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 15px;border-color:transparent transparent transparent #121512;content:"";position:absolute;right:-15px;top:0;}*/ .BlocImageMap, .BlocImageMap p.ImageBox{position:relative;} .tp-caption.juTitle{line-height:10px !important;padding:6px 6px 5px 15px !important;font-size:12px !important;background:url("/Htdocs/Images/sprite.png") no-repeat 1px -345px #fff !important;} .tp-caption.juSubTitle{line-height:18px !important;padding:6px 6px 5px !important;font-size:15px !important;} /*Navigabililité ***************************/ .debitRiver{font-size:16px;text-align:center;color:#FFF;} .debitRiverNum{font-size:24px;font-weight:bold;} .navigationChoice{font-weight:bold;text-align:center;color:#FFF;} .NavOK .tdPaddingBox1{vertical-align:middle;padding:0 .5em 0 0;} .NavOK .tdPaddingBox1_2{background:#2f8329;vertical-align:middle;padding:.3em .5em;min-height:160px;} .NavOK .tdPaddingBox2{background:#2f8329;vertical-align:middle;padding:0 .5em;} .NavNotOK .tdPaddingBox1{vertical-align:middle;padding:0 .5em 0 0;} .NavNotOK .tdPaddingBox1_2{background:#FF0000;vertical-align:middle;min-height:160px;} .NavNotOK .tdPaddingBox2{background:#FF0000;vertical-align:middle;padding:0 .5em;} .NavOK .navigationChoice.notok{display:none;} .NavNotOK .navigationChoice.ok{display:none;} .CalendarNavDoubs .ui-widget-content .ui-datepicker-calendar .ui-state-disabled,.CalendarNavDoubs .CloseWinter,.CalendarNavDoubs tr:nth-child(even) td.CloseWinter{background:#CCC url(/Htdocs/Images/hashNav.png);} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:700;font-size:16px;} .ui-state-default, .ui-widget-content .ui-state-default .NavigabiliteContent, .ui-widget-header .ui-state-default .NavigabiliteContent{font-weight:normal;font-size:11px;} .CalendarNavDoubs .ui-widget-content .ui-datepicker-calendar .ui-state-disabled.NoData{background:#CCC;} .CalendarNavDoubs .ui-datepicker{width:100%;} .CalendarNavDoubs .NavigabiliteOk{background:#2f8329!important;} .CalendarNavDoubs .NavigabiliteNotOk{background:#911D1D !important;} .CalendarNavDoubs .NavigabiliteOk .ui-state-default,.CalendarNavDoubs .NavigabiliteNotOk .ui-state-default{background:none;color:#FFF;font-size:16px;font-weight:bold;cursor:default;} .CalendarNavDoubs .NavigabiliteOk .ui-state-default .NavigabiliteContent,.CalendarNavDoubs .NavigabiliteNotOk .ui-state-default .NavigabiliteContent{font-size:11px;font-weight:normal;} .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.7;} .CalendarNavDoubs .NavigabiliteOk.ui-state-disabled,.CalendarNavDoubs .NavigabiliteNotOk.ui-state-disabled{opacity:1;} .CalendarNavDoubs .NavigabiliteOk.ui-state-disabled.ui-datepicker-other-month,.CalendarNavDoubs .NavigabiliteNotOk.ui-state-disabled.ui-datepicker-other-month{opacity:.7;} .ui-state-disabled{cursor:default !important;} .CalendarNavDoubs .ui-datepicker td{border:solid 1px #FFF;} .CalendarNavDoubs .ui-state-default, .CalendarNavDoubs .ui-widget-content .ui-state-default, .CalendarNavDoubs .ui-widget-header .ui-state-default{border:none;background:none;} .NavDoubsLegend ul{margin-left:0;} .NavDoubsLegend li{display:block;padding-left:50px;position:relative;} .NavDoubsLegend li .itemLegend{display:block;width:40px;height: 15px;margin-right:10px;position:absolute;left:0;top:1px;} .NavDoubsLegend li.NavDoubsLegendOK .itemLegend{background:#2f8329;} .NavDoubsLegend li.NavDoubsLegendNotOK .itemLegend{background:#911D1D;} .NavDoubsLegend li.NavDoubsLegendClose .itemLegend{background:#CCC url(/Htdocs/Images/hashNav.png);} .CalendarNavDoubs:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 30px);} .CalendarNavDoubs{position:relative;} .bodyArchives{background:repeating-linear-gradient(45deg,#FFF,#FFF 20px,#f5f1f1 20px,#f5f1f1 40px);} .download .docsBoxOne,.download .docsBox li{position:relative;padding-right:65px;} .Jura40ans{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);position:relative;} .Jura40ans a{font-family:'PT Sans',sans-serif;color:#e53012;text-decoration:none;font-weight:700;font-size:2.1428em;background:#FFFFFF url(/Htdocs/Images/bg-Jura40ans.png) no-repeat right -10px;text-align:center;padding:20px 0 17px;display:block;transition:all .3s;} .Jura40ans a:hover{background-color:#F1F1F1;} .Jura40ans img{width:60px;} /* RESPONSIVE CSS -------------------------------------------------- */ .btn.btnSubnav, .breadcrumbTitle { display:none; } nav ul.navigation li .sublevel0 ul.subnav .level1>a.openSub { display:none; } #nav .navigation ul.subnav li li ul { display:none; } @media (min-width: 1199px) { .navbar .sublevel0.container { width:1170px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:230px; margin-right:60px; margin-bottom:30px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 { width:75px; height:80px; padding-right:10px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul li.level1 a { width:60px; height:34px; padding-top:18px;} nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li.level1 { width:148px; margin-bottom:30px; margin-right:10px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 ul { width:220px; } .news { padding-top: 60px; } .selectedThemes { padding: 50px 0 40px; } .selectedThemes .BlocImage a .info { display:block; margin:15px 15px 0 0; font-size:1em;} .headerImage { overflow:hidden; height:180px; margin-bottom:25px; } /* Page index */ .theme-item ul { width:583px;} .theme-item ul.last { width:584px;} p.index-az a { width: 3.066%;} .tp-caption.juTitle{line-height:20px !important;padding:12px 12px 10px 22px !important;font-size:23px !important;background:url("/Htdocs/Images/sprite.png") no-repeat 9px -334px #fff !important;margin-top:-15px !important;} .tp-caption.juSubTitle{line-height:35px !important;padding:12px 12px 10px !important;font-size:29px !important;} } @media (min-width: 1600px) { .tp-caption.juTitle{margin-top:-5px !important;} } @media (max-width: 979px) { body { line-height:1.5em; } h1, h2, h3 { line-height:1.2em; } #metanav { /*width:160px;*/ width:206px; /*margin:0 0 12px;*/ margin:16px 0 0; } #metanav li a { margin:5px 5px 0 0; } .navbar .btn-navbar { display: none; } .nav-collapse, .nav-collapse.collapse { overflow:visible; height:auto; } nav ul.navigation li .sublevel0 ul.subnav, nav ul.navigation li.subnavCDV .sublevel0>ul.subnav { padding:15px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol { width:165px; } nav ul.navigation li.subnavCDV .sublevel0>ul.subnav li.level1 { width:89px; } nav ul.navigation li .sublevel0 li.level1.sublevelCol { margin-right:10px; } nav ul.navigation li .sublevel0 li.subnavCDV .sublevel0>ul.subnav { min-height:152px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 { width:83px; } nav ul.navigation li.level0.subnavIndex .sublevel0>ul.subnav li.level1 ul { width:180px; } .navbar-wrapper { position:static; } .navbar .sublevel0.container { width: 724px; } .headerImage { margin-bottom:12px; } footer img { padding:0 3px; margin:2px 0 12px 5px; max-height:40px; } /* Addthis partage -------------------------------------------------- */ .tools .addthis_default_style { text-align:left; } .tools .addthis_default_style a.at300b { display:block; width:100%; margin:10px 0; float:none; } /* Page index -------------------------------------------------- */ .theme-item ul { width:360px;} .theme-item ul.last { width:361px;} p.index-az a { width: 6.832%;} p.index-az a:nth-child(13n) { margin-right:0;} .tp-caption.juTitle{margin-top:-5px !important;} #sliderPause, .tp-leftarrow.uranus, .tp-rightarrow.uranus{display:none !important;} .Jura40ans a{font-size:1.5em;line-height:1.5em;} .Jura40ans img{width:40px;} } @media (max-width: 767px) { #contentContainer { padding:0 20px; } .span3.subnavigation { display:none; } html { overflow-x:hidden; } body { padding:0; } header { height:61px; } #metanav { width:auto; position:absolute; right:10px; top:13px; margin:0;} #metanav li a { padding:5px; } #logo-img { position:relative; z-index:1002; margin-left:70px; } #logo-img img { width:153px; margin-top:5px; } .navbar .btn-navbar { display: block; } .nav-collapse, .nav-collapse.collapse { overflow:hidden; height:0; } .navbar .sublevel0.container { width: auto; } .navbar-wrapper { margin:0; } .navContainer { position:absolute; top:0; left:0; } .navbar-inner { margin:0; width:60px; } .navbar .btn-navbar, .navbar .btn-navbar:hover { margin:0; float:right; background:#151215; padding:0; width:60px; height:60px; } nav ul.navigation li.navServices { display:block; } #pageslide nav form.search-form { position:absolute; top:2px; left:4px; z-index:1; } #pageslide nav { margin-top:60px; } .home #pageslide nav { margin-top:59px; } #pageslide form.search-form.pull-right { float:none; } #pageslide #searchBox { position:relative; } #pageslide #searchBox input.txt { -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow:none !important; height:43px; padding-top:0; padding-bottom:0; vertical-align:middle; width:75%; border-right:1px solid #D7D7D7; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #pageslide #searchBox .btn { margin-left:10px; padding:0; background:none; height:45px; } .news { padding:20px 10px; border-bottom: 1px solid #eee; } .selectedThemes { margin-top: 20px; padding: 20px 10px 20px; background: #fff; } .selectedThemes .owl-carousel .item {margin: 0 20px;} .selectedStats { padding:20px 0 40px; } .headerImage { height:60px; margin-bottom:1px; margin-top:0; } .js .breadcrumb { display:none; } .breadcrumb { padding:0; border-bottom:none; } .breadcrumb>li { text-shadow:none; padding:0; display:block; border-bottom:1px solid #444; } .breadcrumb li span { display:none; } .breadcrumb li.selected { padding:12px 10px 12px 20px; background:url('../Images/sprite.png') no-repeat 5px -334px #151215; border-bottom:1px solid #bbb; color:#f1f1f1; } .svg .breadcrumb li.selected { background-image: url(../Images/sprite.svg); } .breadcrumb li a { padding:12px 10px 12px 20px; background:url('../Images/sprite.png') no-repeat 10px -1034px #222; color:#aaa; display:block; } .svg .breadcrumb li a { background-image: url(../Images/sprite.svg); } .breadcrumb li a:hover { text-decoration:none; } .breadcrumb li a:active { background-color:#333; } .breadcrumb li.breadCrumb_index0 a { background-image:none; padding-left:10px; } .breadcrumb li.breadCrumb_index1 a { padding-left:22px; } .breadcrumb li.breadCrumb_index2 a { padding-left:34px; background-position:22px -1034px; } .breadcrumb li.breadCrumb_index3 a { padding-left:46px; background-position:34px -1034px; } .breadcrumb li.breadCrumb_index4 a { padding-left:58px; background-position:46px -1034px; } .breadcrumb li.breadCrumb_index5 a { padding-left:70px; background-position:58px -1034px; } .breadcrumb li.breadCrumb_index6 a { padding-left:82px; background-position:70px -1034px; } .breadcrumb li.breadCrumb_index7 a { padding-left:94px; background-position:82px -1034px; } p.breadcrumbTitle { margin-bottom:0; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); } a.openBread { text-align:left; padding: 18px 8px 16px 32px; font-size:0.8571em; background:url('../Images/sprite.png') no-repeat 15px -688px #121512; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; display:block; text-decoration:none; color:#fff; } .svg a.openBread { background-image: url(../Images/sprite.svg); } .openBread img { height:53px; } .btn.btnSubnav, .breadcrumbTitle { display:block; } nav ul.navigation li .sublevel0 ul.subnav .level1>a.openSub { display:block; } /* Pagination tableaux -------------------------------------------------- */ td.pagination { padding: 0; } td.pagination a { padding: 10px 10px 4px; float:left; margin:0 5px 5px 0 } .tools { border:none; margin:0; } .tools .span2, .tools .span3 { width:32%; float:left; margin-bottom: 20px; } .tools a { padding: 20px 6px 18px; } footer { padding:27px 20px 20px; margin-top:20px; } footer img { margin:20px 0 0 5px; max-height:35px; } footer .part.linksList, footer .linksBox, footer .linksBoxOne { margin-bottom:0; } footer .linksList .linksBox li:last-child, footer .linksBoxOne li:last-child { margin-bottom:0;} .impressum { padding:0 11px 0 20px; } .impressum p { line-height:16px; font-size:0.7857em; } .BlocForms .field { display:block; } .BlocForms .formfooter { padding: 10px; text-align: center; } .BlocForms .formitem textarea, .BlocForms .formitem select, .BlocForms .formitem input[type='text'] { display:block; width:100%; min-height:34px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .BlocPicturesGallery .thumbnails { margin-left:0; } .BlocPicturesGallery .thumbnails li { width:50%; display:block; float:left; margin-bottom:15px; } .BlocPicturesGallery .thumbnails li a { padding:0 10px; display:block; } .BlocPicturesGallery .thumbnails li .info { padding:0 10px; display:block; } .BlocPicturesGallery .thumbnails li img { width:100%; } .BlocPicturesGallery .row-fluid { margin:0; } /* Page index -------------------------------------------------- */ .theme-item ul { width:100%; border:none;} .theme-item ul.last { width:100%;} p.index-az a { width: 6.6%;} p.index-az a:nth-child(13n) { margin-right:0;} body .formError { margin-left:-176px; } body .formError .formErrorContent { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin-top:1px; padding: 5px 10px 4px 10px; } .tp-caption.juTitle{margin-top:-10px !important;} } @media (max-width: 480px) { .navContainer { background:none; } nav ul.navigation { float:none; } nav ul.navigation li { margin:0; } nav ul.navigation li.level0 { display:block; border-bottom:1px solid #666; } nav ul.navigation li.level0 a { font-size:1em } header { background:none; } #metanav li a { border:0; } #logo-img img { width:103px; margin-top:14px; } .tp-caption.juTitle, .svg .tp-caption.juTitle { background-image:none; padding-left:5px;} .news { padding-top:20px; } .news h2 { font-size:1.7142em; } .news p.pull-right img { margin: 10px 10px 0 0; } .selectedStats { margin-bottom:20px; background:none; padding:0 20px; } .selectedStats .container { -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); background: url(../Images/selectedStats_bg.jpg) repeat-x #4c6805; padding-bottom:20px; } .selectedStats h3 { padding:0 10px; line-height:28px; } .selectedThemes { margin: 20px 0; padding: 0px 10px 20px; background: #fff; border-bottom: 1px solid #eee; } .selectedThemes .BlocImage a .info { font-size:0.8571em; } .selectedThemes .BlocImage a .info i { display:none; } /* Styles internes */ .headerImage { display:none; } .tools { padding:0 } .tools .addthis_button { margin-top: 8px;} footer { margin:20px 0; padding:0 20px 10px; background:none; } footer .container { background:#f1f1f1; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.12); box-shadow:2px 2px 2px rgba(0,0,0,0.12); padding-bottom:4px; } footer .statDesc, footer .statExplain { padding:0 10px; } footer h2 { padding:10px 10px 0; margin-bottom:0.5em; } footer .part.linksList { padding-left:10px; } .impressum p.linksFooter { color:#fff; margin-bottom:20px; padding:0;} .impressum p.linksFooter a { padding:0; display:block;} .impressum p {padding-left: 0;} .BlocImageBloc a .info { padding-right:31px;} /* Page index -------------------------------------------------- */ p.index-az a { width: 6.52%; margin: 0 .5% 5px 0;} p.index-az a:nth-child(13n) { margin-right:0;} .tp-caption.juSubTitle{display:none; !important;} .ui-widget-content .ui-state-default .NavigabiliteContent, .ui-widget-header .ui-state-default .NavigabiliteContent{font-size:8px;} .CalendarNavDoubs .NavigabiliteOk .ui-state-default .NavigabiliteContent, .CalendarNavDoubs .NavigabiliteNotOk .ui-state-default .NavigabiliteContent{font-size:8px;} } /* Audiences des tribunaux -------------------------------------------------- */ .APViewer .customTable tr:hover { cursor:default; } .APViewer .customTable tr:hover td { background:#fff !important;color:#212121 ; } .APViewer .customTable td { background:#fff !important;} .APViewer .customTable tr:nth-child(4n+2) td, .APViewer .customTable tr:nth-child(4n+4) td {border-bottom-width: thick; } .APViewer .customTable tr:nth-child(4n+3) td, .APViewer .customTable tr:nth-child(4n+4) td { background:#f2f2f2 !important; } /* Ajustements couleurs */ body {font-family: arial, sans-serif;} h2, h3, h4, h5, h6, .default-h3, .default-title, .wysiwyg-h4, wysiwyf-h5, .wysiwyg.h6 {font-family: 'PT Sans', sans-serif;} .content a, .sidebar a {color: #9e2c18;} .content a.btn, .sidebar a.btn { color:#fff; font-weight:700; margin-bottom:1em; font-size: 0.8571em;padding: 5px 40px;} .content a.btn:hover, .sidebar a.btn:hover {color:#121512;} .tools a { color:#121512;} .tools .addthis_button {color:#fff;} .tools .addthis_button:hover { color:#121512;} .prestaGuichet .linksBox li a, .prestaGuichet .linksBoxOne a { color:#121512; text-decoration:none;} .prestaGuichet .linksBox li a:hover, .prestaGuichet .linksBoxOne a:hover { text-decoration:underline;} .wysiwyg-h5 {color: #a32a0f;} .wysiwyg-h4 {color: #9e2c18;} .theme-item td a { color:#121512;} .IC2Site tbody tr:nth-child(even) td, .IC2Site tbody tr.even td {background: #f2f2f2; -moz-transition:background-color ease 0.1s; -webkit-transition:background-color ease 0.1s; transition:background-color ease 0.1s;} .theme-item td:hover { background-color:#a32a0f !important;} .theme-item td a {-moz-transition:padding ease 0.2s; -webkit-transition:padding ease 0.2s; transition:padding ease 0.2s;} .theme-item td:hover a { color:#fff; text-decoration:none; background-position: 12px -157px; padding-left: 25px; } .IC_Editor #wrapper { padding-top:30px;} video { height: auto !important; width: 100% !important; } .BlocVideo figure { margin: 0; } .BlocVideo img,.BlocGoogleMap img { max-width: none; } .BlocVideo img.vjs-poster { height: auto !important; width: 100% !important; } .BlocGoogleMap .box {padding: 0 0 1em 0;} .BlocGoogleMap p {margin: 0 0 0.5em 0;color:#222;} .BlocGoogleMap figure {margin: 0;} .x-window-bwrap button, .x-window-bwrap input, .x-window-bwrap label, .x-window-bwrap select, .x-window-bwrap textarea { font-size:12px;} .x-window-bwrap label { display:inline; line-height:normal;} .ext-strict .x-window-bwrap .x-form-text {height:12px;} .owl-theme .owl-controls .owl-buttons div { background:none !important;} .DesignModeStats .ExtBackground-bwrap{overflow-y:scroll; height:360px; } .DesignModeStats .ExtBackground-body {width:350px; text-align:center;} .APIConnect .box a { display: block; padding: 13px 11px 10px 74px; background: url("/Htdocs/Images/SuisseID-Logo.png") no-repeat 7px 10px #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: 700; text-decoration: none; } .APIConnect .box a:hover, .APIConnect .box a:focus { background-color: #fff; } .formpagetabs .formpagestep ul li { margin-bottom:2px; } .breadcrumb.hidden-phone > li { float:left; display:block; } .breadcrumb.hidden-phone > li.clear { float:none;clear:both;height:1px; } /* Correctif pour FormBuilder Pro */ .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: none; background-color: #fcf8e3; border: 2px solid #fbeed5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .alert-success { background-color: #efffb9; border-color: #99c600; color: #666; } .part.imagetext.grid-deputies { width: 33%; float: left; clear: none; } .grid-deputies .photoBox { width: auto; } .grid-deputies .photoBox span { font-size: 100%; color: #000; font-weight: bold; } .grid-deputies .photoBox img{ width:100%; } /* CJBA */ .wrapperCJBA td.pagination span.page_Selected { background: #121512; color: #fff; border: 1px solid #121512; border-radius: 2px; font-weight: 700; font-size: 0.8571em; height: 26px; margin: 0 0 5px 5px; padding: 6px 10px; text-align: center; text-decoration: none; vertical-align: middle; } .wrapperCJBA .pictures-list .docslistitem a { display: block; padding-left: 29%; position: relative; text-decoration:none; height:112px; margin:10px 0; } .wrapperCJBA .pictures-list .docslistitem a:focus, .wrapperCJBA .pictures-list .docslistitem a:hover { background:#f2f2f2; } .wrapperCJBA .pictures-list .docslistitem .mini { width: 27%; position:absolute; top:0; left:0; } .wrapperCJBA .pictures-list .docslistitem .mini span { display: block; padding: 10px; border: 1px solid #eee; margin: 0 10px 0 0; height: 90px; line-height: 90px; text-align:center; } .wrapperCJBA .pictures-list .docslistitem .mini img { max-height: 90px; } .wrapperCJBA .pictures-list .docslistitem h4 { padding-top:10px; } .wrapperCJBA .pictures-list .docslistitem div .lb { color:#333; } @media(max-width: 480px) { .wrapperCJBA .pictures-list .docslistitem a { padding-left:0; height:auto; } .wrapperCJBA .pictures-list .docslistitem div { display:none; } .wrapperCJBA .pictures-list .docslistitem .mini { display:block; width: 100%; position:relative; } .wrapperCJBA .pictures-list .docslistitem .mini span { margin:10px; height:auto; line-height:1; } .wrapperCJBA .pictures-list .docslistitem .mini img { max-height:100%; } } .wrapperCJBA .pictures-table .mini { width: 33.33%; float: left; } .wrapperCJBA .pictures-table .mini span { display: block; padding: 10px; border: 1px solid #eee; margin: 0 5px 10px; height: 140px; line-height: 140px; } .wrapperCJBA .pictures-table .mini a { display: block; text-align: center; vertical-align: middle; } .wrapperCJBA .pictures-table .mini img { max-height: 140px; } .wrapperCJBA .btn-more-loading { border: 1px solid #eee; display: block; padding: 5px; text-align: center; text-decoration: none; margin: 5px 5px 15px; } .wrapperCJBA .btn-more-loading:focus, .wrapperCJBA .btn-more-loading:hover { border-color:#ccc; } .wrapperCJBA .pictures-table .mini span:focus, .wrapperCJBA .pictures-table .mini span:hover { border-color:#ccc; } .wrapperCJBA .main-box { border: 1px solid lightgrey; padding: 10px; margin-bottom: 1.5em; } .wrapperCJBA .sidebar h3 { border: none; margin-bottom: 5px; } .wrapperCJBA .oeuvre-properties { margin-top:-6px; margin-bottom:2em; background:#eee; } .wrapperCJBA .oeuvre-properties h3 { display:none; } .wrapperCJBA .oeuvre-properties .main-box { padding-top:20px; } .wrapperCJBA input[type=text] { width:96%; padding:4px 2%;} .wrapperCJBA select { width:100%;} /* Blocs Sharepoint - Document du PLT */ .sharepointList .customTable tr th { background:#333; color:#fff; padding:0.5em; } .sharepointList .customTable tr td { padding:0.5em; } .sharepointList .customTable tr.grouplevel0 td { background:#fff; } .sharepointList .customTable tr.grouplevel1 td { background:#f3f3f3; font-size:85%; } .sharepointList .customTable tr.grouplevel1 td:first-child { padding-left:45px; } .sharepointList .customTable tr td:last-child { min-width:140px; } .sharepointList .customTable tr.grouplevel0:hover td { background: #ddd !important; color:#333; } .sharepointList .customTable tr.noDoc:hover td { background: #ddd !important; cursor:default; color: #333; } .sharepointList .customTable tr.grouplevel0 td:first-child { padding-left: 30px; background-image:url("/Htdocs/Images/sprite.png") !important; background-repeat: no-repeat !important; background-position:10px -338px !important; } .sharepointList .customTable tr.grouplevel0.open td:first-child { background-position: 10px 15px !important; } .svg .sharepointList .customTable tr.grouplevel0 td:first-child { background-image: url("/Htdocs/Images/sprite.svg") !important; } .BlocFormsPro .compositefield .column-1 .formitem { padding-right: 5px; } .BlocFormsPro .compositefield .column-2 .formitem { padding-left: 5px; } @media (max-width: 480px) { .BlocFormsPro .compositefield .column-1 .formitem, .BlocFormsPro .compositefield .column-2 .formitem { padding-right: 0; padding-left: 0; } } .BlocForms .optiongrid thead th.firsttd { font-size: 1.2em; } .BlocForms .optiongrid th.firsttd { width: 28%; text-align:left; } @media (min-width: 1199px){ .BlocForms .optiongrid th.firsttd { width: 200px; padding-right:5px; } } @media (max-width: 979px) { .BlocForms .field select { width: 100%; } } .ReadOnlyOverlay { z-index:5 !important; } .IntroduceGuichet{position:relative;background:#bcbbbb;padding-bottom:40px;border:1px solid #a32a0f;} .boxPercent{float:left;width:33%;text-align:center;} .boxPercent p{font-weight:bold} .IntroduceGuichetText{position:absolute;bottom:0;left:0;width:100%;} .roundPercent.c100.p51 .slice{clip:rect(auto,auto,auto,auto);} .roundPercent.c100 .bar,.roundPercent.c100.p51 .fill{position:absolute;border:0.08em solid #ce1203;width:0.84em;height:0.84em;clip:rect(0em,0.5em,1em,0em);border-radius:50%;transform:rotate(0deg);} .roundPercent.c100.p51 .bar:after,.roundPercent.c100.p51 .fill{transform:rotate(180deg);} .roundPercent.c100:hover:after{top:0.04em;left:0.04em;width:0.92em;height:0.92em;} .roundPercent.c100{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;margin:0 auto 0.1em auto;background-color:#6d6c6c;} .roundPercent.c100 *,.roundPercent.c100 *:before,.roundPercent.c100 *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .roundPercent.c100.center{float:none;margin:0 auto;} .roundPercent.c100.small{font-size:80px;} .roundPercent.c100 > span{position:absolute;width:100%;z-index:1;left:0;top:0;width:5em;line-height:5em;font-size:0.2em;color:#000;display:block;text-align:center;white-space:nowrap;transition-property:all;transition-duration:0.2s;transition-timing-function:ease-out;} .roundPercent.c100:after{position:absolute;top:0.04em;left:0.04em;display:block;content:" ";border-radius:50%;background-color:#C3C1C2;width:0.92em;height:0.92em;transition-property:all;transition-duration:0.2s;transition-timing-function:ease-in;} .roundPercent.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0em,1em,1em,0.5em);} @media (min-width: 1199px){ .IntroduceGuichet{padding-bottom:10px;} .sidebar .IntroduceGuichet{padding-bottom:60px;} .sidebar .IntroduceGuichet .boxPercent p{font-size:9px;} .sidebar .IntroduceGuichet .roundPercent.c100.small{font-size:64px;} } @media (max-width: 1200px) { .IntroduceGuichet{padding-bottom:320px;} .boxPercent{float:none;width:100%;} } @media (max-width: 767px) { .IntroduceGuichet{padding-bottom:20px;} .boxPercent{float:left;width:33%;} } @media (max-width: 480px) { .IntroduceGuichet{padding-bottom:320px;} .boxPercent{float:none;width:100%;} } .boxTotalDownload{display:none;} .modificationIC2 .boxTotalDownload{display:block;} /*Box IA*/ .boxIA_Description{display:none;} .boxIA{position:fixed;bottom:10px;right:10px;} .boxIA_btnIcon{background:#9e2c18;height:60px;display:block;width:60px;border-radius:50%;position:absolute;bottom:20px;right:20px;} .boxIA_Description{background:#f1f1f1;padding:20px;max-width:300px;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.2);} .boxIA_Try{border-radius:20px;padding:10px 30px;background:linear-gradient(207deg,rgba(161, 24, 142, 1) 0%, rgba(232, 11, 5, 1) 36%);transition:all .3s;} .boxIA_Try:hover,.boxIA_Try:focus{border-radius:20px;padding:10px 30px;background:linear-gradient(47deg,rgba(161, 24, 142, 1) 0%, rgba(232, 11, 5, 1) 36%);color:#FFF;} .boxIA:not(.hidden) { opacity: 0; transform: scale(0); animation: popIn 400ms ease-out forwards; } @keyframes popIn { 0% { opacity: 0; transform: scale(0); } 60% { opacity: 1; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } } /*PopUp IA*/ .popupIA{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#E60B08;box-shadow:0 0 10px rgba(0,0,0,.5);padding:20px;border-radius:15px;color:#FFF;max-width:400px;width:80%;} .popupIA p{font-size:16px;} .popupIA h2{margin-top:0;margin-right:25px;} .popupIA_Try{font-size:20px;padding:15px 40px;border-radius:50px;} .popupIA .iconIA{position:absolute;bottom:0;width:100px;right:20px;border-radius:100%;border:solid 3px #FFF;margin-bottom:15px;} .popupIA_Close{position:absolute;top:20px;right:20px;width:20px;height:20px;} .popupIA_Close:before,.popupIA_Close:after{content:"";height:20px;width:2px;background:#FFF;position:absolute;display:block;left:7px;} .popupIA_Close:before{transform: rotate(45deg);} .popupIA_Close:after{transform: rotate(-45deg);} .overlayBg{position:fixed;top:0;width:100%;height:100%;left:0;background:rgba(255,255,255,0.8);}