/**
* Theme Name: Spel
* Theme URI: 
* Description: Theme for Syndicat SPEL
* Template: optimizer
* Version: 1.0.0
* Author: Jean-Yves BURGAUD
* Author URI: http://rezonable.fr/
* Tags: 
* Text Domain: 
* Copyright: (c) 2016-10-09 Jean-Yves BURGAUD, Nantes, France
* License: GNU General Public License v2.0 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* --- Général --- */
body {
	font-family: "Times New Roman", Georgia, Serif;
	word-spacing: 0.2em;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3em;
}
#content {
    margin-top: 0;
}
.img_hover {
	background: rgba(36,131,40,0.6) none repeat scroll 0 0 !important;
}

body.not_frontpage div.header {
    background-image: url("img/background-page_header-1920x87.jpg");
}

/* --- image d'accueil bandeau haut --- */
#slidera {
	height: 400px;
}


/* --- Texte en haut à gauche "Syndicat SPEL" --- */
.logo h1, .logo h2 {
	margin-top: 0;
}
.logo h1 a, .logo h2 a {
	color: #fff !important;
	font-weight: normal;
	font-style: italic;
	text-shadow: 2px 2px 6px #000;
	text-transform: inherit;
}
.logo h1 a:hover, .logo h2 a:hover {
	color: #248328 !important;
}


/* --- menu principal horizontal en haut à droite --- */
#topmenu ul#menu-menu_principal > li > a {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-transform: inherit;
	padding: 10px 5px 5px 5px;
	text-shadow: 2px 2px 6px #000;
	border-right: 1px solid #999;
}
#topmenu ul#menu-menu_principal > li > a:hover {
	color: #248328;
}
#topmenu ul#menu-menu_principal > li > a span.menu_arrow {
	font-size: 110%;
	font-weight: bold;
}
/* dernier menu : Annuaire */
#topmenu ul#menu-menu_principal > li#menu-item-236 > a {
	border-right: 0px;
}
#topmenu ul#menu-menu_principal > li > ul.sub-menu {
	background-color: rgba(255,255,255,0.8) !important;
	width: 300px;
	box-shadow: 2px 2px 6px #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#topmenu ul#menu-menu_principal > li > ul.sub-menu a {
	font-size: 16px;
	text-transform: inherit;
	color: #248328;
}
#topmenu ul#menu-menu_principal > li > ul.sub-menu a:hover {
	color: #fff;
	background-color: rgba(36,131,40,0.7);
}
@media only screen and (max-width: 1300px) {
	.header .center {
		width: 100%;
	}
	.logo h1 a, .logo h2 a {
		font-size: 36px !important;
	}
	#topmenu ul#menu-menu_principal > li > a {
		font-size: 17px;
		padding: 7px 2px 2px 2px;
	}
}

/* --- bouton hamburger --- */
a#simple-menu {
	color: #fff !important;
	text-shadow: 2px 2px 6px #000;
	top: 5px;
}
a#simple-menu:hover {
	color: #248328;
}
/* menu droit ouvert par hamburger */
.sidr {
	width: 40%;
}
.sidr .pad_menutitle {
	background: #248328 none repeat scroll 0 0;
}
.sidr ul li ul li {
    /*font-size: 13px;*/
    line-height: 20px;
}
.sidr ul li a {
	padding: 0;
}
.sidr ul li a:hover {
	border-bottom: 1px dashed;
}


/* --- Page d'accueil --- */
/* Page d'accueil : Cadre n°1 : Logo et texte centrals (au dessus de l'image des cascades) */
.stat_content_inner {
    position: static;
}

.stat_content_inner p {
    position: static;
	color: #248328;
	font-style: italic;
	font-size: 200%;
	text-align: center;
	text-shadow: 2px 2px 6px #000;
	margin-top: 0;
}
/* Page d'accueil : Cadre n°1 : logo central */
.stat_content_inner p img {
	margin: 0 auto;
	padding: 0.5em 0 0 0;
	width: 200px !important;
	height: 200px !important;
}
/* Page d'accueil : Cadre n°2 (About) */
#optimizer_front_about-3 {
	background-color: #fff !important;
	background-image: url("img/background-logo_spel-800x800.png");
	background-repeat: no-repeat;
	background-size: 400px 400px;
}
#optimizer_front_about-3 .about_inner {
    margin: 0 auto;
    width: 85%;
}
#optimizer_front_about-3 h2 {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	font-style: italic;
	font-size: 250%;
	text-align: center;
	text-shadow: 1px 1px 3px #666;
	word-spacing: 0.4em;
	line-height: 1.2em;
}
@media only screen and (max-width: 1024px) {
	#optimizer_front_about-3 h2 {
		font-size: 200%;
	}
}
@media only screen and (max-width: 480px) {
	#optimizer_front_about-3 h2 {
		font-size: 150%;
	}
}
#optimizer_front_about-3 .about_content p {
	font-size: 120%;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em 0;
	color: #5a5a5a;
	display: block;
}
/* Page d'accueil : Cadre n°3 (Slogan) */
#optimizer_front_text-3 .center {
	width: 85% !important;
}
#optimizer_front_text-3 p {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.1em !important;
	font-size: 250% !important;
	text-shadow: 1px 1px 3px #000;
	word-spacing: 0.3em;
}
@media only screen and (max-width: 1024px) {
	#optimizer_front_text-3 p {
		font-size: 200% !important;
	}
}
@media only screen and (max-width: 480px) {
	#optimizer_front_text-3 p {
		font-size: 150% !important;
	}
}
/* Page d'accueil : Cadre n°4 (3 members au hasard) */
#spel_front_3members {
	margin: 0;
	padding: 50px 0 25px 0;
	border-bottom: 1px solid #ddd;
	background-color: #fff !important;
	background-image: url("img/background-logo_spel-800x800.png");
	background-repeat: no-repeat;
	background-size: 400px 400px;
}
#spel_front_3members h2 {
	text-align: center;
}
#spel_front_3members div.items {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
#spel_front_3members div.item {
	width: 31%;
	margin: auto;
	padding: 1em;
	min-height: 16em;
}
#spel_front_3members div.item0 {
	float: left;
	border-right: 1px solid #ddd;
}
#spel_front_3members div.item1 {
	float: right;
	border-left: 1px solid #ddd;
}
#spel_front_3members div.item2 {
}
#spel_front_3members div.item h3 {
	margin: 0;
	text-align: center;
	vertical-align: middle;
	min-height: 110px;
}
#spel_front_3members div.item h3 a {
    border-bottom: 0;
    color: #248328 !important;
	vertical-align: middle;
	min-height: 110px;
}
#spel_front_3members div.item h3 a:hover {
	color: #3cd942 !important;
	border-bottom: 1px dashed;
	text-shadow: 1px 1px 1px #000;
}
#spel_front_3members div.item div.item-avatar {
	float: left;
}
#spel_front_3members div.item div.item-avatar a img {
	border: 4px solid #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 6px #000;
	margin-right: 5px;
}
#spel_front_3members div.item div.item-avatar a:hover img {
	box-shadow: 1px 1px 6px #248328;
}
#spel_front_3members div.item .item-presentation-texte {
	margin: 1em;
	font-size: 90%;
	color: #888;
	font-style: italic;
	min-height: 7em;
}
@media only screen and (max-width: 800px) {
	/* display only 2 members */
	#spel_front_3members div.item {
		width: 40%;
	}
	#spel_front_3members div.item0 {
		border-right: 0px;
	}
	#spel_front_3members div.item1 {
		border-left: 0px;
	}
	#spel_front_3members div.item2 {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	/* display none */
	#spel_front_3members {
		display: none;
	}
}


/* --- Page "Page" ou "Catégorie" --- */
/* head */
.page_head {
    min-height: 80px !important;
}
.page_head .pagetitle_wrap {
    margin: 0 auto !important;
    width: 100% !important;
}
.page_head .pagetitle_wrap h1.postitle, .single_post h1.postitle {
	padding: 0.2em 0;
	font-family: 'Parisienne', cursive;
	text-transform: inherit !important;
	font-style: normal;
	font-weight: normal !important;
	font-size: 400%;
}
.page_head .pagetitle_wrap h1.postitle {
	background-color: #f4f4f4 !important;
	border-bottom: 8px solid #ddd;
}

/* message dans catégorie */
#category-message-detail {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #f00;
	text-shadow: 1px 1px 3px #999;
	font-size: 110%;
}
#category-message-detail p {
    display: block;
	margin: 0;
	padding: 0;
    margin-block-end: 1em;
    margin-block-start: 0em !important;
}

/* cadre de présentation des vignettes des articles */
.lay1 {
	float: left;
	padding: 20px 0;
	width: 100%;
	background-image: url("img/background-logo_spel-800x800.png");
	background-repeat: no-repeat;
}
/* images des catégories */
.lay1 .hentry {
	margin: 1%;
	width: 31%;
}
.lay1 .hentry .post_image {
	box-shadow: 2px 2px 6px #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/* Texte au dessus des images */
.lay1 .post_content {
	top: 2em;
}
.lay1 h2.postitle {
	line-height: 1.0em !important;
	margin: 0 auto;
	width: 85%;
}
.lay1 h2.postitle a {
	font-size: 28px !important;
	text-transform: lowercase !important;
	text-shadow: 2px 2px 6px #000;
}
.lay1 h2.postitle a:hover {
	color: #3cd942;
}
/* bouton "preview" caché */
.lay1 .hentry .post_image a.imgzoom {
	display: none;
}
/* bouton "+" sur page "catégorie" */
.hentry .post_image .icon_wrap {
	bottom: +10px;
	display: inherit;
}
.lay1 .post_image .icon_wrap a {
	font-size: 24px;
	border: 2px solid;
}
.lay1 .post_image .icon_wrap a:hover {
	color: #3cd942;
}

/* --- article --- */
.single_post {
	padding: 1.5%;
	background-image: url("img/background-logo_spel-800x800.png");
	background-repeat: no-repeat;
}
.single_post .thn_post_wrap h1,
.single_post .thn_post_wrap h2,
.single_post .thn_post_wrap h3,
.single_post .thn_post_wrap h4,
.single_post .thn_post_wrap h5 {
	font-family: 'Parisienne', cursive;
	font-weight: normal !important;
	padding-left: 2px;
}
.single_post .thn_post_wrap h1 { font-size: 310%;}
.single_post .thn_post_wrap h2 { font-size: 270%;}
.single_post .thn_post_wrap h3 { font-size: 230%;}
.single_post .thn_post_wrap h4 { font-size: 190%;}
.single_post .thn_post_wrap h5 { font-size: 150%;}
/* lien */
.single_post .thn_post_wrap a {
	color: #248328 !important;
	border-bottom: 1px dashed;
}
.single_post .thn_post_wrap a:hover {
	color: #3cd942 !important;
	border-bottom: 0;
	text-shadow: 1px 1px 1px #000;
}
/* img */
#content img {
	margin-left: 6px;
	border: 4px solid #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 6px #000;
}
/* p, ul, ol */
#content p, #content ul {
	font-size: 105%;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em 0;
	color: #5a5a5a;
	display: block;
}
#content ul, #content ol {
	margin: 0 0 10px 25px;
	padding-inline-start: 40px;
}
#content li {
    padding: 0.2em 0;
}
/* table */
#content table {
	border: 1px solid #ccc;
	margin: 0 auto;
	max-width: 40em;
	width: 98%;
	box-shadow: 1px 1px 6px #666;
}
/* sigle */
span.sigle {
	font-family: "Times New Roman", Georgia, Serif;
}
/* hr */
#content hr {
	color: #dbdbdb;
	width: 85%;
	border: 2px solid;
	margin-block-end: 3em;
	margin-block-start: 3em;
	border-radius: 10px;
}

/* box_contact et lien utile */
.box_contact, .lien_utile {
	float: left;
	width: 40%;
	min-height: 16em;
	display: block !important;
	background-color: #f8f8f8;
	margin: 1em;
	padding: 1em;
	border-radius: 10px;
	box-shadow: 1px 1px 6px #666;
	background-repeat: no-repeat;
	background-position: right bottom;
}
@media only screen and (max-width: 1024px) {
	.box_contact, .lien_utile {
		width: 94%;
		margin: 1em 0.1em;
	}
}
.box_contact {
	background-image: url("img/background-box_contact-200x200.png");
}
.box_contact h2 {
	text-align: center;
	font-size: 220% !important;
	margin: 0.2em 0 0.8em 0 !important;
}
.box_contact p {
	text-align: center;
	font-size: 110% !important;
}
.box_contact ul {
	margin-top: 2em !important;
}
.box_contact ul li {
	font-size: 110%;
}
.lien_utile {
	background-image: url("img/background-lien_utile-200x200.png");
}
.lien_utile h2 {
	font-family: "Times New Roman", Georgia, Serif !important;
	font-size: 150% !important;
}
.lien_utile ul li {
	font-size: 90%;
}

/* --- Footer --- */
#footer {
	background-image: url("img/background-footer-1280x250.png") !important;
}
#footer .widgets {
	padding: 10px 0;
}
#footer .widgets .widget li {
	margin-bottom: 0.4em;
}
#footer .widgets .widget a, #footer .widgets {
	color: #999 !important;
}
#footer .widgets .widget a:hover {
	color: #fff !important;
	border-bottom: 1px dashed;
}
/* Adresse du SPEL */
#footer .widgets li#text-4 {
	border-left: 1px solid #333;
	padding-left: 1px;
	font-size: 120%;
	text-align: center;
	font-style: italic;
}
#footer .widgets li#text-4 h3 {
	text-transform: inherit;
}


/* Copyright */
#copyright {
	display: none;
}


/* --- a.to_top --- */
a.to_top {
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	opacity: 0.6;
}

/* --- buddypress ---*/
/* buddypress : list */
/* filtre actif */
#buddypress p.bps_filters {
	display: none;
}
/* dropdown sort */
#subnav {
	display: none;
}
/* form search n°1 */
#search-members-form {
	display: none;
}
/* form search n°2 : title */
#buddypress .bps_header {
	display: none;
}
/* form search n°2 */
#bps_directory329 {
	float: right;
	background-color: #f8f8f8;
	margin: 1em;
	padding: 1em;
	border-radius: 10px;
	box-shadow: 1px 1px 6px #666;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#bps_directory329 label {
	font-family: 'Parisienne', cursive;
	font-size: 180%;
	font-weight: normal !important;
}
#bps_directory329 input#field_any {
	padding: 3px 6px;
	width: 50%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#bps_directory329 .description {
	font-style: italic;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
#bps_directory329 .submit {
	padding-top: 0 !important;
	text-align: right;
}
#bps_directory329 input[type="submit"],
#profile-edit-form input[type="submit"],
#contact input[type="submit"],
#members-header .btn-members-all a,
#spel_front_3members .btn-member-profile a,
#spel_front_3members .btn-members-all a,
#buddypress .btn-goback a {
	display: inline-block;
    position: relative;
    margin: 3px 3px 3px 3px;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
	border-bottom: 0px;
    font-size: 105%;
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
	color: #515151 !important;
    background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */
    background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */
}
#spel_front_3members .btn-member-profile a {
	font-size: 90%;
}
#members-header .btn-members-all a:hover,
#spel_front_3members .btn-member-profile a:hover,
#spel_front_3members .btn-members-all a:hover,
#buddypress .btn-goback a:hover {
	background: #ededed none repeat scroll 0 0;
	border: 1px solid #bbb;
	color: #555;
	outline: 0 none;
	text-decoration: none;
	margin: 3px 3px 1px 3px;
}
#spel_front_3members .btn-members-all {
	text-align: center;
	margin: 0 auto;
}
#members-header h2 {
	margin: 0;
}
#members-header .btn-members-all {
	text-align: right;
}
p#members-message-detail {
	color: #f00;
	text-shadow: 1px 1px 3px #999;
	font-size: 110%;
	margin: 0 0 0 10px;
	padding: 0;
}
#buddypress div.pagination .pag-count {
	width: 49%;
}
#buddypress div.pagination .pagination-links {
	font-size: 150%;
	width: 49%;
	text-align: right;
}
#buddypress div.pagination .pagination-links a {
	background-color: #ddd;
	border-bottom: 0px;
	padding: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#buddypress #members-list .item-avatar a img {
	margin-left: 4px;
}
#buddypress #members-list .item-avatar a:hover img {
	box-shadow: 1px 1px 6px #248328;
}
#buddypress #members-list .item-title {
	width: 100%;
}
#buddypress #members-list .item-title a {
	margin: 1em 0 0.5em 1em;
	font-size: 120%;
}
#buddypress #members-list .item-adresses {
	margin: 0.5em 0 0.5em 160px;
}
#buddypress #members-list .item-telephones {
	margin: 0.5em 0 0.5em 160px;
}
#buddypress #members-list .item-presentation-texte {
	clear: both;
	margin: 1em;
	font-size: 95%;
	color: #888;
}
/* buddypress : member */
body.bp-user .page_head .pagetitle_wrap h1.postitle {
	font-family: "Times New Roman", Georgia, Serif !important;
}
#buddypress #header-cover-image {
	background-color: rgba(255,255,255,0.3);
	border: 4px solid #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 6px #000;
	margin: 4px;
	width:99%;
}
#buddypress #item-header-cover-image #item-header-avatar {
    float: right;
    margin-top: 145px;
    overflow: visible;
    width: auto;
}
#buddypress div#item-header img.avatar {
    float: right;
    margin: 0 3em 19px 3em;
}
#buddypress span.activity {
	display: none;
}
#buddypress #item-nav {
	display: none;
}
#buddypress #item-body h4 {
	display: none;
}
#buddypress #item-body h3 {
	font-family: "Times New Roman", Georgia, Serif !important;
	font-size: 250%;
	font-style: italic;
	text-align: center;
	margin: 0.5em auto;
	color: #555;
	text-shadow: 1px 1px 3px #999;
}
#buddypress #item-body table {
	float: right;
	margin: 0 5px 1em 2em;
}
#buddypress #item-body table caption {
	font-style: italic;
}
#buddypress #item-body table td {
	padding: 5px;
}
#buddypress #item-body table td.label {
	text-align: right;
	padding-right: 20px !important;
}
#buddypress #item-body table td.label span {
	display: block;
	font-size: 70%;
	font-style: italic;
}
#buddypress #item-body .texte {
	margin: 1em auto;
	width: 85%;
}
#buddypress #item-body .texte p {
	display: block;
}
/* --- formulaire de modification du profile du membre --- */
#profile-edit-form .editfield {
	background-color: #ededed;
	margin: 1em;
	padding: 1em;
	border: 2px solid #000;
	border-radius: 10px;
}
#profile-edit-form .editfield label {
	font-size: 140%;
}
#profile-edit-form .editfield .field-visibility-settings-notoggle {
	display: none;
}
#profile-edit-form .editfield .description {
	font-style: italic;
	font-size: 100% !important;
}
#profile-edit-form .editfield input[type="text"],
#profile-edit-form .editfield textarea {
	background-color: #fff;
	font-size: 110%
}
#avatar-crop-pane img {
	max-height: inherit;
}

/* formulaire de contact */
#contact p {
	text-align: left;
	margin: 0;
	padding: 0;
	color: #f00;
	text-shadow: 1px 1px 3px #999;
	font-size: 95%!important;
}
#contact span.required {
	color: #f00;
	font-weight: bold;
	padding-left: 0.1em;
}

#contact table {
    border: none;
    box-shadow: 0px 0px;
	width: 100%;
}

#contact table tr:nth-child(2n+1) {
    background: #f8f8f8;
    border: 0px !important;
}
#contact table td {
	padding: 5px;
	font-weight: normal !important;
}
#contact table td.label {
	text-align: right;
	vertical-align: top;
	padding-right: 5px !important;
	width: 25%;
}
#contact table td.field {
	width: 74%;
}
#contact table td.field-quiz {
	text-align: center;
	font-size: 95%;
	font-weight: bold;
}
#contact input.wpcf7-quiz {
	width: 4em;
}
#contact .wpcf7-text,
#contact .wpcf7-textarea,
#contact .wpcf7-quiz {
	padding: 4px;
	border: 1px solid #999;
	background-color: #fff;
}
#contact .wpcf7-text,
#contact .wpcf7-textarea {
	width: 96%;
}
#contact input[type="submit"]:hover {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(top,  #fff 0%,#d3d3d3 100%); /* W3C */
}
div.wpcf7-validation-errors {
	color: #800;
	border: 2px solid #f00;
	background-color: rgba(255,0,0,0.1);
	text-shadow: 1px 1px 3px #999;
	border-radius: 10px;
}
div.wpcf7-mail-sent-ok {
	color: #060;
	border: 2px solid #0f0;
	background-color: rgba(0,255,0,0.1);
	text-shadow: 1px 1px 3px #999;
	border-radius: 10px;
}