/*
Theme Name: Soutien Psy
Template: tempera
Author: Incubateur Digital
Version: 2.1

*/
@import url('../tempera/style.css');

/* RESPONSIVE DIVERS */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.su-note h4 span {
		font-size: 14px;
	}
	#content h1.entry-title {
		font-size: 27px !important;
		padding: 0 10px !important;
	}
	.wp-caption {
		width: 100% !important;
	}
	.entry-content {
		padding: 0 10px;
	}
	#content img {
		width: 100%;
	}
	#content .pdfprnt-button img {
		width: auto !important;
	}
	.post-related {
		width: 100% !important;
	}
}
/*SUPPRESSION DES ESPACES A GAUCHE ET A DROITE */

#forbottom { margin:0 !important; } 
.simplesocial-simple-round { padding:0 0 20px 0; }
.ssb_followers.simplesocial-simple-round a.ssb_button span.widget_counter { right:10px; }
.sidey .widget-title { text-align:center; text-transform:uppercase; }
ul#menu-consulter { }
ul#menu-consulter li { border-bottom:1px dotted; margin:0 20px 0 20px; list-style-type:square; }

.widget_wysija p { text-align:center; margin:0 0 10px 0; }
.wysija-submit { width:100%; }
.wysija-input { width:100%; } 


/*LIVRES*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.livres {
		width: 100% !important;
	}

	.book-intro > div {
		width: 100% !important;
	}

	.livre-author {
		width: 100% !important;
		padding: 0 10px;
	}

	.livre-what {
		width: 100% !important;
		padding: 0 10px;
	}
	.livre-details,
	.livre-buy {
		width:100% !important;
		height:unset !important;
		float:unset !important;
		margin: 0 0 15px 0;
	}

	.livres-details {
		margin: unset !important;
	}

	.livre-thumb {
		float: unset !important;
		width: 100% !important;
		height: unset !important;
	}
}
.book-intro {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
.book-intro > div {
	width:50%;
	padding:10px;
	margin:0 5px 5px 0; border:1px solid #e4e4d5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:10px 0 0 10px;
}
.book-intro span.book-thumb img {	
	float:left;
	width:25%;
}
.book-intro span.book-details {
}
.book-intro h2.entry-title { min-height:100px; }

.clear{
    clear: both;
}
.livres {
	float: left;
    width: 49%;
    padding: 10px;
	border:1px solid #e4e4d5;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	min-height:190px; 
	margin:5px;
}
.livres h2 a, .livres h2 a:active, .livres h2 a:visited, .livres h2 a:hover { font-size:17px; font-weight:bold; }
.livres-thumb img {
	float:left;
	width:115px;
}
.livres-details h2 { margin:0 0 5px 10px; }
.livres-details { margin:0 0 0 125px; }

.livre-detail { width:100%; margin:10px 0 0 0; border:1px solid #e4e4d5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:10px 0 0 10px; }
.livre-titre h1.entry-title { text-align:center; margin:0 0 10px 0; }
.livre-thumb { float:left; width:20%; height:100%; }
.livre-thumb img {
	width:70px;
	text-align:center;
}
.livre-details { 
	float:left; width:30%; height:100%;
}
.livre-buy { 
	float:right; width:50%; height:100%; text-align:center;
}

.livre-resume-2-col { width:100%; margin:20px 0 0 0; }
.livre-resume-2-col h3 { text-align:center; margin:10px 0 15px 0; }
.livre-author { float:left; width:48%; margin: 0 1%; background-color:#e4e4d5; border-right: 2px solid white; padding:0 15px 15px 15px; }
.livre-what { float:left; width:48%; margin: 0 1%; background-color:#e4e4d5; height:100%; padding:0 15px 15px 15px; }

/* videos */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.videos {
		column-count: unset !important;
		width:100% !important;
		padding: 0 10px;
	}
	img.video-play {
		width: auto !important;
	}
	.videos .video {
		height:unset !important;
		margin:0 0 10px 0;
	}

}
.videos {
	  -moz-column-count: 3;
	  -moz-column-gap: 10px;
	  -moz-column-rule: none;
	  -webkit-column-count: 3;
	  -webkit-column-gap: 10px;
	  -webkit-column-rule: none;
	column-count: 3;
	column-gap: 10px;
	column-rule: none;
}
.video { height:280px; }

.video-thumb { position:relative; }
.video-thumbnail { width:100%; height:auto; }
.video-play {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 40%;
    top: 35%;
}

.video-details h2 { margin:0 0 5px 10px; font-size:20px !important; }


a.boutton {
	display:inline-block;
	padding:0.35em 1.2em;
	border:0.1em solid #e4e4d5;
	margin:0 0.3em 0.3em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color:#808000;
	text-align:center;
	transition: all 0.2s;
	margin:5px 0 0 0;
}
a.boutton:hover{
	color:#000000;
	background-color:#e4e4d5;
}
@media all and (max-width:30em){
	a.boutton{
		display:block;
		margin:0.4em auto;
	}
}



.entry-content a, .entry-content a:active, .entry-content a:visited { color:#167ac6; }
.entry-content a:hover { text-decoration:underline; color:#82b74b; }
.post-related-bloc {
	padding:10px 0 0 0;
}
.post-related-bloc h3 {
	text-align:center;
}
.post-related {
    float: left;
    width: 32%;
    padding: 10px;
	background-color:#e4e4d5;
	margin:0 2px 5px 2px;
	overflow: hidden;
	height:75px;
	
	border:1px solid #fafaf7;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.post-related a, .post-related a:active, .post-related a:hover {
	font-size:13px;
	color:#167ac6;
}
.post-related a:hover {
	text-decoration:underline; color:#82b74b;
}
.post-related-thumb {
	float:left;
	width:75px;
}
.post-related-content {
	padding:0 0 0 83px;
}
.clear{
    clear: both;
}

.page-header h1 { font-size:16pt; font-weight:bold; text-align:center; padding:0 0 15px 0; }
.page-header h2 { font-size:16pt; font-weight:bold; text-align:center; padding:0 0 15px 0; }
.page-header a { color:#454545; }
.pnlatest { text-align:left; width:100%; padding:0 0 15px 0; }
.pnlatest h2 { font-size:15pt; }
.pnimgsum { float:left; width:100px; }
.pnsum { padding:0 0 0 110px; }

.menu .fa::before {
	color:white;
	font-size: 1em;
	cursor: pointer;
	margin-right:2px;
}

.relatedpn {
	width:100%;
	min-height:150px;
	border:1px solid #fafaf7;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin:0 0 10px 0;
	background-color:#e4e4d5;
	padding:5px 15px 5px 15px;
}

.pnlatest {
	width:100%;
	min-height:150px;
	border:1px solid #fafaf7;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin:0 0 10px 0;
	background-color:#e4e4d5;
	padding:5px 15px 5px 15px;
}

.related h3 { margin:0 0 15px 0; text-align:center; }

.parlons-en {  }
.parlons-intro { text-align:center; padding:0 0 10px 0; }
.parlons-pied { text-align:center; }
.parlons-en h4 { color:#90dd9b; text-align:center; padding:5px 0 10px 0; font-weight:bold; text-transform:uppercase; } 

.gschmit { text-align:center; }
.gschmit a, a:active { color:#167ac6; }
.gssocial { padding:0 0 15px 0; }
.gsthumb img { float:left; max-width:150px; }
.gschmitfoot { text-align:center; }
.gschmitfoot a, a:active { color:#167ac6; }
.gsbio { padding:0 0 0 165px; }

.footerm { display:block; padding-left:15px; }
.footer-menu li { display:inline; }

.paiement-honoraires { text-align:center; width:100%; }
.paiement-honoraires i { color:green; }
.paiement-honoraires-left { width:50%; float:left; }
.paiement-honoraires-right { width:50%; float:left; padding:5px 0 0 0; }
.paiement-honoraires h4 { font-size:20px; margin:0 0 10px 0; }


.su-note { margin: 25px 0 25px 0 !important; }

.sib-email-area input { width:100%; margin:5px 0 5px 0; }
.sib-PRENOM-area input { width:100%; margin:5px 0 5px 0; }
input.sib-default-btn { width:100%; }

#content h1.entry-title, #content h2.entry-title { font-size:32px !important; font-weight:bold !important; }
.video #content h1.entry-title, #content h2.entry-title { font-size:16px !important; font-weight:bold !important; }