/*
Theme Name:   Theme PP
Theme URI:    http://prefpolice-leblog.fr/
Description:  Theme Officiel du blog de la PP
Author:       Julien Dechavanne
Author URI:   http://www.prefecturedepolice.interieur.gouv.fr/
Template:     brickyard-premium
Version:      1.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  themepp
*/
body{
	color: #001721;
	line-height: 100%;
}
h2{
    color: #0ba4ec;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}
h3{
    color: #001721;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    margin-top: 10px;
}
p, ul, ol, li, dl, address {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 13px;
    text-align: justify;
}
ul, ol, li{
    margin-top: 8px;
    text-align: left;
}
#header, #wrapper-footer, .entry-content, .sidebar-widget, .page-template-template-page-builder-php .panel, .page-template-template-page-builder-full-width-php .panel {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #d1d2d3;
}
.menu-box a, .menu-box a:visited
{
	border-right: none;
}
.header-content-pp {
    padding: 30px 30px 0 30px;
}

.header-content-pp a{
    display: flex;
}

.header-logo-pp {
    width: 100%;
	/** hack pour chrome en responsive **/
	height: 100%;
}
/**
menu
 */
.menu-box #nav .current-post-ancestor{
    background-color: #0ca4eb !important;
}
.menu-box #nav .current-category-ancestor{
    background-color: #0ca4eb !important;
}
#wrapper-menu{
    display: block;
    padding: 0 30px;
}
.menu-box{
    float: left;
    min-height: 44px;
    padding: 0px 20px;
    position: relative;
    width: 912px;
    z-index: 500;
    border: none;
}

.sidebar-widget .sidebar-headline {
    background: none !important;
    font-size: 19px;
    margin: -5px 0 7px;
    position: relative;
}

.sidebar-headline-text {
    background: #0ba4ec;
    color: white;
    display: block;
    max-width: 100%;
    padding: 5px 10px;
}

.home-latest-posts .post-entry p {
    line-height: initial;
}

.entry-content-inner {
    padding: 30px;
    position: relative;
    width: auto;
}

#wrapper #main-content .post-entry .post-entry-headline {
    font-weight: initial;
}

.home-latest-posts .entry-headline {
    margin-bottom: 10px;
}

#wrapper #main-content .post-entry .post-entry-content {
    margin-top: 0;
}

.entry-headline {
    background: none !important;
}

.entry-headline-text {
    background: #0ba4ec;
    color: white;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
}

.home-latest-posts .post-entry-content p {
    text-align: justify !important;
}

.post-entry {
    border-bottom: none;
    margin-bottom: 5px;
}

.post-entry-content p {
    text-align: justify;
}

.seperator {
    max-width: 500px;
    height: 5px;
    border-top: 1px solid #bbbcbe;
    display: flex;
    margin-bottom: 5px;
}
.footer-widget-area
{
	padding: 15px 0 0;
}
#footer ul {
    list-style-type: none;
}

#footer ul a {
    text-decoration: none;
}
#footer ul li{
	font-size: 14px;
	margin-bottom: 5px;
}
#footer ul a:hover {
    text-decoration: underline;
}
.footer-headline-text{
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
}
.post-entry .read-more-text {
    color: #001723;
    font-family: 'Open Sans';
    font-size: 12px;
    /*text-decoration: underline;*/
}
.read-more-text a {
    text-decoration: underline;
}

.read-more-text a:hover {
    text-decoration: none;
}
.bluebox {
    background: #edf9ff;
    padding: 10px 20px;
    border: 2px solid #7dc8eb;
    margin: 20px 0;
	height: -moz-fit-content;
    display: inline-block;

}

.bluebox p {
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 0 !important;
    color: #229ccd;
}
.bluebox a{
    color: #229ccd;
}
.bluebox2{
    padding: 10px 20px;
    border: 2px solid #7dc8eb;
    margin: 20px 0;
	height: -moz-fit-content;
    display: inline-block;
}
.bluebox2 h2{
    margin-top: 10px;
}
.bluebox2 > .bluebox{
    border: none;
}
.hat p{
    font-size: 16px;
    line-height: 120%;
}
.citation{
    border-left: 5px solid #0ba4ec;
    padding-left: 10px;
    /*width: 400px;*/
}
.citation p{
    color: #0ba4ec;
    font-size: 16px;
    font-style: italic;
    /*font-weight: bold;*/
    text-align: left;
    line-height: 120%;
}
.question p{
    color : #0ba4ec;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 4px !important;
    text-align: left;
}
.wp-caption{
    border: none;
    max-width: 96%;
    padding: 0px 0px;
    text-align: center;
}
#wrapper #main-content .post-entry .post-entry-headline a, #wrapper #main-content .slides li a, #wrapper #main-content .home-list-posts ul li a {
    color: #0ca4eb;
}
/**
    Le breadcrumb
 */
.navpp {
    display: inline-block;
    margin-left: 20px;
    padding: 10px;
    font-size: small;
}
.navpp a{
    color: #7dc8eb !important;
    text-decoration: underline;
}
.navpp a:hover{
    text-decoration: none;
}
/**
    le search form
 */
.searchpp {
    display: inline-block;
    margin-right: 20px;
    padding: 10px;
    float: right;
}

.searchpp input[type="text"]{
    padding: 5px;
    margin-right: -35px;
    width: 250px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#searchpp .sendbutton{
    background-image: url(images/searchform-send.png);
    vertical-align: middle;
    position: relative;
}
#searchpp .send:hover {

}
.entry-headline-text {
    background: #0ba4ec;
    color: white;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
}
.navpp a {
	color: #553f3e !important;
}
.navpp {
    display: inline-block;
    margin-left: 20px;
    padding: 10px;
    font-size: small;
    color: #553f3e;
}
/**
navigation
 */
.navigation{
    display: flex;
    min-height: 20px;
    width: 100%;
}
.navigation-links{
    display: block;
    margin: auto;
}
.navigation-links a{
    padding: 2px 5px;
    margin: 0 5px;
}
.navigation-links .current{
    background-color: #0ba4ec;
    color: #ffffff;
    padding: 2px 5px;
    margin: 0 5px;
}
.page-numbers{
	border: 1px solid #fff;
	color: #001721;
}
.page-numbers:hover{
	border: 1px solid #001721;
	color: #001721;
}
.next{
    border: 1px solid #001721;
	padding: 2px 5px;
	color: #001721;
}
.next:hover{
	text-decoration: none;
    background-color: #001721;
    color:#ffffff;
}
.navigation-links .current{
	padding: 2px 5px;
}
.navigation-links .current:hover{
    color: #ffffff;
	border: 1px solid #fff;
}

.prev{
    border: 1px solid #001721;
	padding: 2px 5px;
	color: #001721;
}
.prev:hover{
    background-color: #001721;
    color:#ffffff;
}
.prev a:hover{
	text-decoration: none;
}
.nav-next a{
    border: 1px solid #001721;
	padding: 2px 5px;
	color: #001721;
}
.nav-previous a{
    border: 1px solid #001721;
	padding: 2px 5px;
	color: #001721;
}

.nav-next a:hover{
	text-decoration: none;
    background-color: #001721;
    color:#ffffff;
}
.nav-previous a:hover{
	text-decoration: none;
    background-color: #001721;
    color:#ffffff;
}
.nav-wrapper-pp {
    float: left;
    padding: 5px 0;
    width: 100%;
}
/**
spcial share
 */
#main-content .social-share {
    clear: both;
    margin: 20px 0 0;
    width: 100%;
    text-align: right;
}
#main-content .post-entry .social-share {
    margin: 0 0 -5px;
    padding-top: 9px;
}
#wrapper #main-content .social-share .fb_iframe_widget {
    top: -1px;
}
/**
related posts
 */
.flex-direction-nav{
    display: none;
}
.wrapper-related-posts .entry-headline{
    padding: 5px 10px;
    background-color: #0ba4ec !important;
    color: white;
    display:inline-block;
}
.related-post-single{
    display: inline-block;
    width: 188px;
    margin-right: 7px;
    vertical-align: top;
}
.related-post-single img{
    width: 188px;
    height: 113px;
}
.title-related{
    font-family: "Open Sans";
    font-weight: normal;
    font-size:14px;
}
.title-related a{
    text-decoration: none;
    color: #000121;
}
.title-related a:hover{
    text-decoration: underline;
    color: #000121;
}
.sub_breadcrumb{
    margin: 0 0 10px 0;
    font-size : small;
    font-weight: bold;
    color: #0ba4ec;
}
.sub_breadcrumb a{
    color: #0ba4ec;
    text-decoration: none;
}
.sub_breadcrumb a:hover{
    color: #0ba4ec;
    text-decoration: underline;
}

.attachment-post-thumbnail { 
  float: left;
  height: auto;
  margin: 0 15px 5px 0;
  max-width: 100%;
  width: auto;
}

/** media queries pour le responsive **/
@media screen and (max-width: 400px) {
	.thumbnail img{
		width: 100% !important;
	}
	.attachment-post-thumbnail{
		width: 100% !important;
	}
}
/** media queries pour le responsive **/
@media screen and (min-width: 401px) {
	.thumbnail img{
		width: 40% !important;
	}
	.attachment-post-thumbnail{
		width: 40% !important;
	}
}