/* Theme Name: Theme personnalisé NAJA Presse Theme URI: Description: Theme personnalisée NAJA Presse Version: 0.1 Author: Davi */ @font-face { font-family: 'Rockwell'; src: url('./polices/conversion2/Rockwell.eot'); /* IE9 Compat Modes */ src: url('./polices/conversion2/Rockwell.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./polices/conversion2/Rockwell.woff') format('woff'), /* Modern Browsers */ url('./polices/conversion2/Rockwell.ttf') format('truetype'), /* Safari, Android, iOS */ url('./polices/conversion2/Rockwell.svg#Rockwell') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'Rockwell'; src: url('./polices/conversion2/Rockwell-Bold.eot'); /* IE9 Compat Modes */ src: url('./polices/conversion2/Rockwell-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./polices/conversion2/Rockwell-Bold.woff') format('woff'), /* Modern Browsers */ url('./polices/conversion2/Rockwell-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('./polices/conversion2/Rockwell-Bold.svg#Rockwell-Bold') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } @font-face { font-family: 'Bariol'; src: url('./polices/conversion2/Bariol-Regular.eot'); /* IE9 Compat Modes */ src: url('./polices/conversion2/Bariol-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./polices/conversion2/Bariol-Regular.woff') format('woff'), /* Modern Browsers */ url('./polices/conversion2/Bariol-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./polices/conversion2/Bariol-Regular.svg#Bariol-Regular') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'Bariol'; src: url('./polices/conversion2/Bariol-Bold.eot'); /* IE9 Compat Modes */ src: url('./polices/conversion2/Bariol-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./polices/conversion2/Bariol-Bold.woff') format('woff'), /* Modern Browsers */ url('./polices/conversion2/Bariol-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('./polices/conversion2/Bariol-Bold.svg#Bariol-Bold') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } @font-face { font-family: 'Helvetica'; src: url('./polices/conversion2/HelveticaLTStd-Roman.eot'); /* IE9 Compat Modes */ src: url('./polices/conversion2/HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./polices/conversion2/HelveticaLTStd-Roman.woff') format('woff'), /* Modern Browsers */ url('./polices/conversion2/HelveticaLTStd-Roman.ttf') format('truetype'), /* Safari, Android, iOS */ url('./polices/conversion2/HelveticaLTStd-Roman.svg#HelveticaLTStd-Roman') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'Helvetica'; src: url('./polices/conversion2/HelveticaLTStd-Bold.eot'); /* IE9 Compat Modes */ src: url('./polices/conversion2/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./polices/conversion2/HelveticaLTStd-Bold.woff') format('woff'), /* Modern Browsers */ url('./polices/conversion2/HelveticaLTStd-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('./polices/conversion2/HelveticaLTStd-Bold.svg#HelveticaLTStd-Bold') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; } html, body, img, a, h1, h2, h3, h4, input{border: 0; margin: 0;} html{margin-top: 0 !important;} #container{width: 100%; font-family:'Bariol', Arial;} #footer div#foo{width: 95%;} #container{/*max-width: 1980px;*/ min-width: 980px; margin: 0 auto;} div.clear{clear: both;} * {outline: none;} /*empêche la surbrillance des inputs*/ video{max-width: 100%; height: auto; margin: 0 auto 0 auto;} input[type="submit"]{cursor: pointer;} table { border-spacing: 0px; border-collapse: collapse; } img.aligncenter{margin: 0 auto; display: block;} img.alignright{float: right; margin-left: 10px;} img.alignleft{float: left; margin-right: 10px;} /*max-width*/ /** containers globaux des pages **/ #contentHome, #contentHomeCo, #top, #contentPage, #breadcrumbs, #mesActus, #inscription, #agenda, #sitemap{width: 96%; padding: 0 2%; max-width:1180px; margin: 0 auto;} #header, #footer div#foo{max-width:1180px; margin: 0 auto;} #header{height:120px; padding: 0 2%; width: 96%;} #header div#logoNaja, #header div.center{float: left;} #header div.connect{ float:right;} #logoNaja{width: 18.75%;} #logoNaja img{width:144px; height:auto; margin-top: 25px;} #header div.center{width:47.40%; height: 98.3%; border-bottom: 2px solid #dadad8; } #header .center div.reseaux{color: #82827e; font-size: 25px; font-weight: normal; margin: 30px 0 10px; height: 30px; margin-left: 2%; text-align: right;} #header .center .reseaux a{text-decoration: none;} #header .center .reseaux a img{height: 17px; width: auto;} #header .center ul{font-size: 16px; text-transform: uppercase; margin: 0; padding: 15px 0 0 0; height: 34px; } #header .center ul li{ float: left; list-style-type: none; /*margin: -2px;*/ padding: 0 1%; margin: 0 1% 0 0; text-decoration: none; height: 96%; /*border-bottom: 2px solid #dadad8;*/} #header .center ul li:hover{position: relative;} #header .center ul li.current-menu-item{border-bottom: 2px solid #ee7f00; position: relative;} #header .center ul li.menu-selected{border-bottom: 2px solid #ee7f00; position: relative;} #header .center ul li.current-page-ancestor ul li.current-menu-item{border-bottom:none;} #header .center ul li img#selectMenu{ bottom: -2px; height: auto; left: 45%; position: absolute; width: 13px;} #header .center ul li a{color: #000; text-decoration: none;} #header .center ul li.current-menu-item a, #header .center ul li:hover a, #header .center ul li.menu-selected a{color: #ee7f00;} #header .center ul.sub-menu{display: none; position: absolute; left: 0; top: 33px; padding: 10px 15px; border-width: 2px 1px 1px; border-color: #EE7F00; border-style: solid; background: #fff; opacity: 0.9; width: 145px; z-index: 60; height: auto; } #header .center ul li:hover ul.sub-menu{display: block;} #header ul.sub-menu li{border:0; display:inherit; float: none; margin: 0; padding: 0; height: auto; line-height: 30px;} #header .center ul li:hover ul li a{color: #000;} #header .center ul li ul li:hover a{color: #ee7f00;} #header .center ul ul.sub-menu ul.sub-menu{top: -12px; left: 145px; opacity: 1; width: 250px; height:200%} /*#header .center ul ul.sub-menu li.menu-item-234 ul.sub-menu{top: -27px; left: 70%; opacity: 1; width: 250px;}*/ /*#header .center ul li ul.sub-menu li ul.submenu{display: none;}*/ #header .center ul li:hover ul.sub-menu ul.sub-menu{display: none;} #header .center ul li:hover ul.sub-menu li:hover ul.sub-menu{display: block;} #header .center ul li:hover ul.sub-menu li:hover ul li a{color: #000;} #header .center ul li:hover ul.sub-menu li:hover ul li:hover a{color: #ee7f00;} #header div.connect{width:33.85%; height: 98.56%; border-bottom: 2px solid #D9D9D8; position: relative;} #header table.connect, #header table.connected{width: 325px; position: absolute; top: 0; right: 0;} #header table.connect tr td.first{padding-left: 35px;} #header table.connect tr td.first span{cursor: pointer;} #header table.connect tr td.first img{position: absolute; bottom: 0; left: 0; cursor: pointer;} #header table.connect tr td.first img#bas{display: none; } #header table.connect tr td.login{padding-bottom: 25px;} #header table.connect tr td{height: 35px; vertical-align: middle;} #header table.connect .top{background-color: #ffa800; font-size: 18px; color: #fff;} table .top td.creer{padding: 0; text-align: right;} table .top td.creer span{ color: #EE7F00; font-size: 22px; font-weight: bold;} table .top td.creer a{font-size: 14px; font-family: 'Helvetica',Arial; color: #fff;} table .top td.user img{margin-top: -14px;} #header table.connect .bot{ background-color: #EE7F00; font-family: 'Helvetica',Arial;} #loginform p{ float: left; margin: 0; text-align:center; height: 26px;} p.login-username, p.login-password{width: 40%;} p.login-submit{width: 20%;} input#user_login, input#user_pass{width: 80%; height: 18px; border-radius: 7px; padding: 2px 5px;} input#user_pass{margin-bottom: 5px;} input#wp-submit{ background-color: #000; border-radius: 0; color: #ee7f00; cursor: pointer; font-family: 'Bariol',Arial; font-size: 20px; font-weight: bold; height: 35px; width: 35px;} /*input#wp-submit:hover{color: #000; background-color: #FFA800; border: 1px solid #000;}*/ a#oublie{color: #000; font-size: 12px; margin-left: 43%;} table .bot td{height: 50px; padding-top: 15px; padding-bottom: 5px; vertical-align: top;} /** header connecté **/ #header table.connected{top: 0;} #header table.connected tr.top td{height: 40px;} #header table.connected tr.top td img.user{height: 100%; width: auto;} /*#header table.connected tr.bot td{height: 25px;}*/ #header table.connected td.identity{color: #fff;} table.connected .bot td{padding-top: 10px; padding-bottom: 10px;} #header table.connected div#menuUser{background: url('./images/flecheBas.png') no-repeat #000; width: 33px; height: 33px; cursor: pointer;} #header table.connected div.contentBlock{position: absolute; right: 60px; top: 105px;} /*#header table.connected div#blockMenuUser{display: none; position: absolute; right: 60px; top: 105px; width: 230px; background-color: #fff;font-family: 'Bariol'; border: 1px solid black;}*/ #blockMenuUser a{display: block; color: #000; text-decoration: none; line-height: 30px;} #blockMenuUser a:hover{color: #ee7f00;} td.menu:hover #blockMenuUser{display: block;} #blockMenuUser {display: none; position: relative; width: 260px; padding: 50px 20px 10px 20px; top: 20px; left: -247px; z-index: 60; background: url(images/fondMenuCo.png) no-repeat bottom; background-size: 100% 100%; cursor: default; height: 145px;} /** fil d'ariane **/ #chemin{background-color: #000; color: #fff; height: 30px; line-height: 30px; margin: 0 0 50px 0;} #chemin p{font-family: 'Helvetica'; font-size: 15px;} #chemin #breadcrumbs a{color: #fff; text-decoration: none; font-size: 12px;} #chemin #breadcrumbs a:hover{text-decoration: underline;} #breadcrumbs span.breadcrumb_last{font-size: 12px;} /** bandeau sous le fil d'ariane **/ #top{min-height: 30px; margin-bottom: 40px;} #contentTop{border-bottom: 4px solid #D9D9D8; height: 45px; width: 100%; } #contentTop div{float: left;} #contentTop div.triSearch { float: right; } #contentTop div.triSearch div.search{border: 0;} #contentTop div.titre{ border-bottom: 4px solid #000000; font-size: 25px; margin-right: 25px; line-height: 45px; position: relative; } #contentTop div.date{line-height: 45px; } #top div.titre a{color: #000; text-decoration: none;} #top div.titre img{position: absolute; left: 48%; bottom: -2px; width: 10px; height: auto;} /*sur homeConnec */ #top div.heure{line-height: 45px; font-size: 14px;} #top { padding: 0; width: 100%; margin-bottom: 20px; padding-bottom: 20px; } div.search table { width: auto; } div.search table td { vertical-align: top; display: block; float: left; } form#search table td{display: table-cell; float: none;} div.search table td.submitSurtitre { padding-left: 5px; } div.search form { margin-top: 5px; margin-right: 15px; } div.search input[type=submit]{ padding:2px 4px 2px 4px; text-align:left; background-color: #eae7e7; border-radius: 4px; border: 1px solid #bfcbc4; font-family: 'Helvetica', Arial; color: #000; height: 27px; } #contentPage div.search table.containerFulltext { border-radius: 4px; border: 1px solid #bfcbc4; background-color: #eae7e7; border-collapse: separate; } #contentPage div.search td.containerInputSearch { vertical-align: middle; height: auto; padding: 0; height: 25px; } div.search td.containerInputSearch input[type=search], div.search td.containerInputSearch input[type=text] { padding:0 4px; text-align:left; font-family: 'Helvetica', Arial; color: #000; width: 100px; margin: 0; font-size: 14px; background-color: #eae7e7; -webkit-appearance: none; } #contentPage div.search td.containerSubmitSearch { vertical-align: middle; padding: 0 4px; height: 25px; } div.search input[type=image]{ } #nonConnecte, #pasAbonne, #aboFini{width: 880px; margin: 20px auto; text-align: center; font-size: 20px; line-height: 30px; } #pasAbonne span{font-weight: bold;} #nonConnecte a, #pasAbonne a, #aboFini a{color: #ee7f00; text-decoration: none; font-weight: bold;} #nonConnecte a:hover, #pasAbonne a:hover, #aboFini a:hover{text-decoration: underline;} #contentPage div.paginate{margin: 20px auto; text-align: center; color: #000; font-weight: bold; height: 30px; } #contentPage div.paginate a{text-decoration: none; font-weight: normal; margin: 0 2px; color: #000; } #contentPage div.paginate a:hover{text-decoration: underline; font-weight: bold; font-size: 18px; } /** footer **/ div#footer{background-color: #000; color: #fff; padding: 5px 2%; font-family: 'Bariol',Arial; font-size: 14px; width: 96%;} #footer img{float: left; margin-right: 25px;} #footer ul{margin: 0; padding: 15px 0 0; float: left;} #footer ul li{float: left; margin: 0 12px;} ul li#agence{list-style: none;} ul li a{color: #fff; text-decoration: none;} ul li a:hover{text-decoration: underline;} #footer div.right{float: right; padding-top: 18px; text-align: right; width: 22%; font-family: 'Helvetica',Arial; font-size: 12px;} #footer .right a{color: #fff; text-decoration: none;} #footer .right a:hover{text-decoration: underline;} /* plan du site */ #sitemap h1{margin-bottom: 20px;} #sitemap div.pages, #sitemap div.categories{margin: 20px 0; float: left; width: 50%;} #sitemap h3{ margin: 30px 0 0 0;} #sitemap h3 a{color: #ee7f00; padding: 0;} #sitemap a{color: #000; text-decoration: none; padding: 0 0 0 15px; margin: 5px 0 0 0;} #sitemap a:hover{text-decoration: underline;} #sitemap div.categories div{margin: 40px 0;} #sitemap div.categories h3{display: inline; padding: 5px 10px;} #sitemap div.categories h3 a{color: #fff;} #sitemap div.categories h3.agenda{padding: 0;} #sitemap div.categories h3.agenda a{color: #000; padding: 0;} #blurSarah {filter: brightness(0.5);}