body { margin:0; padding:0; background-color: #fff; font-size:100%; } div { display: block; } p { padding: 0; margin: 0; } @font-face { font-family: socialfont; src: url(../_assets/fonts/social-font.otf); } /********************************* DEBUT ONE COLUMN CTR *********************************/ .one_column_ctr{display: block; width: 98%; max-width: 750px; margin: 0 auto; } .one_small_column_ctr{display: block; width: 98%; max-width: 700px; margin: 0 auto; } /********************************* FIN ONE COLUMN CTR *********************************/ /********************************* DEBUT PX INDEX *********************************/ .px-index-h1-div h1{margin: 0; padding: 10px 0 ; font-family: 'Georgia', 'Times New Roman' ; font-size: 24px; } .px-index-h2-div h2{font-size: 19px; font-family: 'Georgia'; color: #ff7b2f; margin: 0; padding: 8px 0; } .px-index-h2-div h2 span.orange-span{color: #525252; } .px-index-h3-div h3{font-size: 17px; font-family: 'Georgia'; color: #525252; margin: 0; padding: 8px 0; } .px-index-h3-div h3 .orange-span{color:#ff7b2f !important;  } .pdx-rdom-p-div p{font-size: 16px; font-family: 'Georgia', 'Times new roman', verdana; color: #4e4e4e; text-align: left; line-height: 1.6; font-weight: 300; margin-top: 8px; } .profile-table-div{ overflow-x: auto; -webkit-overflow-scrolling: touch; margin: auto 0px; padding: 8px 0 20px 12px; } .profile-table-div table{ width: 780px;} .profile-table-div table tr th, td{ padding: 6px 10px; } .profile-table-div table, th, td{ border: none; text-align: left; } .profile-table-div table tr { border-top: 2px solid #222; } .profile-table-div table tr { border-bottom: 2px solid #222; } .profile-table-div table th { width: 240px; } .profile-table-div table th a{ text-decoration: none; color: inherit; font-family: 'Georgia'; font-size: 15px; } .profile-table-div table th a:hover{color: #F6742A; } .profile-table-div table td{ font-family: 'Georgia'; font-size: 15px; } .profile-table-div table tr:nth-child(even) {background-color: #fff; } .profile-table-div table tr:nth-child(odd) {background-color: #ebebeb; } /********************************* FIN PX INDEX *********************************/ /********************************* DEBUT PPL PROFILE TEMPLATE *********************************/ .full-width_ctr{ display: block; background-color: #ffe6cd; color: #08090A; padding: 10px 0; } .ppl-profile-top-header-div{display: block; width: 92%; max-width: 1000px; margin: 0 auto;} .ppl-profile-template-ttl p{font-family: 'Times', serif; font-size: 17px; color: #525252; font-weight: 500; } .ppl-profile-template-ttl p b span{display: inline-block; font-family: 'Georgia', 'Times New Roman', 'Sans serif'; font-size: 28px; padding: 10px 0 6px; font-weight: bold; } .ppl-profile-template-datas{padding: 16px 0 10px; } .ppl-profile-template-datas p#bio-lab{color: #525252; font-size: 16px; padding-top: 20px; font-family: sans-serif; font-weight: bold; text-transform: uppercase; text-align: left; } .ppl-profile-template-datas p#bio-span{color: #ff7b2f ; font-size: 30px; font-weight: 600; padding-top: 14px; font-family: 'times', 'verdana'; text-align: left; } .two_columns_ctr{width: 98%; max-width: 980px; margin: 0 auto; } .left_column_profile_content{display: block; width: 92%; margin: 0 auto; padding: 16px 0 0; } .right_column_profile_content{display: block; width: 100%; margin: 0 auto; padding: 16px 0 0; } .px-bio-art-h1-div h1{font-family: 'Georgia', 'Times New Roman'; font-size: 32px; padding: 24px 0 0; margin: 0; color: #000500; } .px-bio-art-h1-div h1 span.second-part{font-size: 18px; display: inline-block; color: #222; padding: 6px 0; } .px-bio-art-h2-div h2{color: #525252; font-family: 'Georgia','times new roman'; font-size: 21px; margin: 0; padding: 24px 0 8px; } .px-bio-art-txt-div p{font-size: 16px; font-family: 'Georgia', 'Times new roman', verdana; color: #4e4e4e; text-align: left; line-height: 1.6; font-weight: 300; margin-top: 8px; } .px-bio-art-txt-div p a{text-decoration: none; color: #ff7b2f; border-bottom: 1px dotted currentColor; } .px-bio-art-txt-div p a:hover{border-bottom: 1px solid currentColor; } .px-bio-art-txt-div ul{margin: 0; padding-left: 30px; } .px-bio-art-txt-div ul li{font-size: 16px; font-family: 'Georgia', 'Times new roman', verdana; color: #4e4e4e; text-align: left; line-height: 1.6; font-weight: 300; } .px-bio-art-img-div figure img{display: block; max-height: 530px; max-width: 100%; margin: 0 auto; } .px-bio-art-img-div figure figcaption{font-size: 14px; font-family: 'Georgia','Times New Roman', serif; color: #5e5e5e; padding: 10px 0 8px; margin: 0 auto; text-align: center; font-style: italic; } .px-bio-art-tb-ct-div{display: block; width: 96%; max-width: 300px; margin: 16px 0 0; left: 0; background: #f8f9fa; border: 1px solid #a2a9b1; padding: 8px; } .px-bio-art-tb-ct-div h2{margin: 0; padding: 0; font-size: 18px; font-family: sans-serif; } .px-bio-art-tb-ct-div ul{margin: 10px 0 0 10px; padding: 0; } .px-bio-art-tb-ct-div ul li{list-style: none; padding-bottom: 5px; font-family: 'Helvetica Neue', sans-serif; font-size: 16px; color: #525252; font-weight: 400; } .px-bio-art-tb-ct-div ul li a{text-decoration: none; color: #ff7b2f;  } .px-bio-art-tb-ct-div ul li a:hover{text-decoration: underline; color: #525252;  } /********************************* FIN PPL PROFILE TEMPLATE *********************************/ /********************************* DEBUT CORP PROFILE TEMPLATE *********************************/ .full-width_corp_ctr{ display: block; background-color: #D4F2D2; color: #fff; padding: 10px 0; } .corp-profile-top-header-div{display: block; width: 92%; max-width: 1000px; margin: 0 auto; } .corp-profile-top-header-logo-img-div figure img{width: 90%; max-width: 270px; margin: 0 auto; display: block; padding: 10px 0; } .corp-profile-top-header-logo-img-div figure figcaption{color: #525252; font-family: 'Times', serif; font-size: 17px; font-weight: 500; text-align: center; display: block; padding: 10px 0 0; } .corp-profile-data-div{ display: block; width: 90%; max-width: 770px; margin: 0 auto; padding: 20px 0; } .corp-profile-data-div ul{margin: 0; padding: 0; } .corp-profile-data-div ul li{display: inline-block; list-style: none; padding: 0 60px 0 10px; } .corp-profile-data-div ul li p#label{font-size: 16px; color: #525252; font-weight: bold; text-transform: uppercase; font-family: verdana; } .corp-profile-data-div ul li p#data{font-size: 42px; color: #00c88a; font-weight: 600; font-family: 'times', 'verdana'; text-align: left; padding-top: 8px; } /********************************* FIN CORP PROFILE TEMPLATE *********************************/ /********************************* DEBUT PDX TOPICS INDEX *********************************/ .pdx-topics-letters-list{display: block; padding: 18px 0 20px; margin-bottom: 2px;  } .pdx-topics-letters-list ul{margin: 0; padding: 0; } .pdx-topics-letters-list ul li{display: inline-block; list-style: none; margin: 3px; background: #ededed; width: 36px; height: 36px; } .pdx-topics-letters-list ul li a{display: block; width: 100%; text-align: center; text-align: center; vertical-align: middle; text-decoration: none; } .pdx-topics-letters-list ul li a span{display: block; width: 100%; text-align: center; margin-top: 7px; font-family: sans-serif; font-size: 18px; font-weight: 600; color: #333; text-transform: uppercase;  } .pdx-topics-az-content{display: block; } .letter-section h2 span.letter{display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Georgia', serif; font-size: 28px;  } .letter-section h2 a{text-decoration: none; color: inherit; } .letter-section h2 span.to-top{display: inline-block; float: right; padding-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #ff7b2f !important; font-family: 'Helvetica Neue', 'Arial', sans-serif; font-size: 16px; font-weight: 500;  } .letter-section h2 span.to-top span.arrow{font-family: sans-serif;  } .letter-section ul{display: block; margin: 0; padding: 0;  } .letter-section ul li{display: inline-block; width: 90%; max-width: 280px; line-height: 28px; margin: 0; padding: 0 0 0 20px; list-style: none;  } .letter-section ul li a{text-decoration: none; font-family: 'Georgia'; color: #000; font-size: 16px; } .letter-section ul li a:hover{color: #ff7b2f;  } /********************************* FIN PDX TOPICS INDEX *********************************/ /********************************* DEBUT WIDGET *********************************/ .sidebar_widget{display: block; padding: 6px 10px; margin: 0; background-color: #ededed; border-radius: 3px; } .sidebar_widget h3{margin: 0; padding: 6px 0; text-transform: uppercase; font-size: 20px; color: #525252; font-family: 'Times', 'Times New Roman', 'serif'; font-weight: 900; letter-spacing: 1.05; } .sidebar_widget ul{padding: 0 0 0 5px; margin: 0; } .sidebar_widget ul li{list-style: none; padding: 6px 0; } .sidebar_widget ul li a{text-decoration: none; color: inherit; font-family: 'Helvetica Neue', 'Open Sans','Roboto'; font-size: 14px; } .sidebar_widget ul li a span{font-weight: 700; color: #ff7b2f; } .sidebar_widget ul li a:hover{text-decoration: underline; color: #525252; } /********************************* FIN WIDGET *********************************/ /********************************* DEBUT BREADCUMB *********************************/ .px-breadcrumb-nav-div{display: block; margin: 0; padding: 0 0 6px;} .px-breadcrumb-nav-div nav ol{padding: 6px; margin: 0; background-color: #ededed; border-radius: 3px; } .px-breadcrumb-nav-div nav ol li{list-style: none; display: inline-block; text-decoration: none; font-family: sans-serif; text-transform: uppercase; letter-spacing: 1.05; color: #000; font-weight: 700; font-size: 14px; padding: 0 2px 0 1px; } .px-breadcrumb-nav-div nav ol li a{text-decoration: none; color: inherit; color: #666; } .px-breadcrumb-nav-div nav ol li a:hover{color: ; text-decoration: underline; } .px-bio-art-meta-infos{ padding: 8px 6px; margin: 0; background-color: #ededed; border-radius: 3px; } .px-bio-art-meta-infos p{font-family: 'Verdana', sans-serif; font-size: 12px; line-height: 1.5;  } .px-bio-art-meta-infos p a{text-decoration: none; color: #ff7b2f; font-weight: 500;  } .px-bio-art-meta-infos p a:hover{text-decoration: underline;  } .px-bio-art-rel-topics-tags{display: block; padding-bottom: 6px; } .px-bio-art-rel-topics-tags h4{display: block; font-family: sans-serif; font-size: 13px; margin: 0; padding: 10px 0 6px ; } .px-bio-art-rel-topics-tags ul{display: block; margin: 0; padding: 5px 0; } .px-bio-art-rel-topics-tags ul li{list-style: none; display: inline-block; margin: 0; padding-right: 10px; } .px-bio-art-rel-topics-tags ul li a{text-decoration: none; text-decoration: none; font-family: Sans-serif; font-size: 13px; background: #000; color: #fff; border: solid #000 1px; padding: 4px 8px;} .px-bio-art-rel-topics-tags ul li a:hover{background: #FFF; color: #000; } /********************************* FIN BREADCUMB *********************************/ .sitemap-h2-div h2{font-size: 19px; font-family: 'Georgia'; color: #ff7b2f; margin: 18px 0; text-align: center; } .sitemap-links-list-div ul li{list-style: none; text-decoration: none; text-align: center; display: block; padding: 4px 0; } .sitemap-links-list-div ul li a{color: #222; text-decoration: none; font-size: 16px; font-family: 'Georgia'; border-bottom: 1px dotted currentColor; } .sitemap-links-list-div ul li a:hover{text-decoration: none; color: #ff7b2f ; border-bottom: 1px dotted currentColor; } .sitemap-links-list-div ul{padding: 0; margin: 0; } /********************************* DEBUT SOCIAL SHAING BUTTON *********************************/ .social-sharing-div{display: block; padding: 8px 0 10px; } .social-sharing-div h4{margin: 0; padding: 4px 0 8px; font-size: 13px; font-family: 'Aial', sans-serif; } .social-sharing-div ul{margin: 0; padding: 2px 0; } .social-sharing-div ul li{list-style: none; display: inline-block; padding-right: 3px; } .social-sharing-div ul li a{font-family: sans-serif; text-decoration: none; color: #1c1c1c; font-size: 12px; padding: 4px 8px 4px 6px; background: #f8f8f8; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(0,0,0,.08); border-radius: 3px; text-shadow: none; } .social-sharing-div ul li a:hover{border: 1px solid #999; } .social-sharing-div ul li a span.facebook{display: inline-block; font-family: socialfont; font-size: 1.31em !important ; left: 0px; bottom: 0px; vertical-align: top; margin-top: -2.4px; padding-right: 3px; } .social-sharing-div ul li a span.twitter{display: inline-block; font-family: socialfont; font-size: 2.4em !important ; left: 0px; bottom: 0px; vertical-align: top; margin-top: -9px; margin-left: -6px; margin-right: -2px;  } .social-sharing-div ul li a span.linkedin{display: inline-block; font-family: socialfont; font-size: 2em !important ; left: 0px; bottom: 0px; vertical-align: top; margin-top: -7px; margin-left: -6px; margin-right: -2px; } .social-sharing-div ul li a span.email{display: inline-block; font-family: socialfont; font-size: 1.35em !important ; left: 0px; bottom: 0px; vertical-align: top; margin-top: -3px; margin-left: -2px; margin-right: 4px; } /********************************* FIN SOCIAL SHARING BUTTON *********************************/ /********************************* DEBUT HEADER NAV *********************************/ .nav-ctr{padding: 0 0 16px; margin: 0; display: block; } .nav-ctr-logo-div{display: block; width: 96%; max-width: 480px; margin: 0 auto; } a.nav-ctr-logo-div-a-link{display: block; font-family: "times new roman"; font-size: 42px; font-weight: 700; text-decoration: none; color: #222; padding: 20px 0 10px; text-align: center; text-transform: uppercase; letter-spacing: 7px; } .nav-ctr-menu-div{display: block; width: 98%; padding: 2px 0; max-width: 476px; padding: 0; margin: 0 auto; } .nav-ctr-menu-div ul{margin: 0 auto; padding-left: 0; } .nav-ctr-menu-div ul li{display: inline-block; padding: 6px 12px; } .nav-ctr-menu-div ul li a{text-align: left; text-decoration: none; font-family: "Benton Sans",Helvetica,Sans-serif; color: #222; border: solid #222 2px; box-shadow: 4px 4px 0px 0px #000; border-radius: 0; font-size: 16px; line-height: 16px; font-weight: 600; background-color: #fff; display: inline-block; padding: 6px 12px 5px; cursor: pointer; position: relative; vertical-align: middle; } /********************************* FIN HEADER NAV *********************************/ /********************************* DEBUT FOOTER *********************************/ .footer-ct{ width: 100%; margin: 0 auto; padding: 40px 0 0; } #footer-cd1{ width: 92%; max-width: 460px; margin: 0 auto; } #footer-cd1 ul{ padding-left: 0; } #footer-cd1 ul li{ display: inline; list-style: none; padding-top: 6px; padding: 0 4px; } #footer-cd1 ul li a{ text-decoration: none; text-transform: uppercase; font-size: 13px; font-family: 'Helvetica Neue', Sans-serif; color: #999; border-color: #333; } #footer-cd1 ul li a:hover{ text-decoration: underline; color: #222; } #footer-cd1 ul li span{color: #999; } #footer-cd2{ width: 100%; display: block; padding-bottom: 16px; } .copy-p2{ text-align: center; font-family: verdana, Sans-serif; font-size: 12px; color: #999; padding-top: 2px; } /********************************* FIN FOOTER *********************************/ /********************************* DEBUT MOBILE *********************************/ @media screen and (max-width: 580px){ #footer-cd1 ul li{display: block; text-align: center; padding: 2px 0;} #footer-cd1 ul li span{display: none; } a.nav-ctr-logo-div-a-link{font-size: 36px;  } } /********************************* FIN MOBILE *********************************/