/*
Theme Name: Harmony Child 01
Template: Harmony
Author: Elegant Themes
Description: Child 01 theme for the Harmony theme
Version: 2.3.1570065510#une .post-thumbnail img
Updated: 2019-10-02 21:18:30

*/
@import url('../Harmony/style.css');
body.home #main-header .container {
	padding-top: 250px;
	padding-bottom: 380px;
}
a.breadcrumbs_home {
	display: none;
}
img.sifflet {
	display: none;
}
#songs {
	background-image: url(http://code.tla-architectes.com/wp-content/themes/Harmony/images/bg.jpg) !important;
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.page-id-48 #content-area {
	padding-top: 0px;
}
#text-8 {
	display: block;
	margin-top: -25px;
}
#text-8.widget {
	padding-left: 20px;
	text-align: center;
}
#text-8 a {
	color: #f28100;
}
#text-8 a:hover {
	color: #c67333;
}
#main-area tr td {
	padding-left: 0;
}
#main-footer {
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #333;
	color: #fff;
	margin-top: -1px;
}
#sidebar {
	margin-top: 20px;
}
.container2 {
	background-image: url(images/hover-widget-bullet.png);
	width: 960px;
	text-align: left;
	position: relative;
	margin: 0 auto;
}
#main-header2 {
	background-image: url(http://code.tla-architectes.com/wp-content/uploads/2015/04/fondCallTonCode61.jpg);
	height: 450px;
	background-size: contain;
}
#main-header3 {
	background-image: url(http://code.tla-architectes.com/wp-content/uploads/2015/04/fondfacedeBoeuf3.jpg);
	height: 450px;
	background-size: contain;
}
#main-header4 {
	background-image: url(http://code.tla-architectes.com/wp-content/uploads/2015/04/fondScie.jpg);
	height: 450px;
	background-size: contain;
}
#main-header5 {
	background-image: url(http://code.tla-architectes.com/wp-content/uploads/2015/04/fondCartables.jpg);
	height: 450px;
	background-size: contain;
}
.page-id-48 #main-header {
	background-image: url(http://code.tla-architectes.com/wp-content/uploads/2019/09/fond3-3.jpg);
	min-height: 850px;
}
.page-id-48 #main-header .container {
	padding-top: 150px;
}
.single-post #main-header, .category-reglementation-generale #main-header, .category-les-bien-dresses #main-header, .category-les-mal-dresses #main-header {
	background-image: url(http://code.tla-architectes.com/wp-content/uploads/2019/09/fond3-3.jpg);
}
.logotla {
	float: left;
	margin-right: 30px;
	display: block;
	margin-top: -50px;
}
.logotla img {
	width: 100px;
	background-color: #f1f3f4;
	border-top: 1px solid #d7dbdc;
	border-right: 1px solid #d7dbdc;
	border-left: 1px solid #d7dbdc;
	padding: 15px;
}

#text-6 table.yasr-table-chart {
	margin-left: -45px;
	border-left: 0;
}
.rating-results-list .mrp-featured-img, .rating-results-list .count, span.rank {
	display: none !important;
}
.mrp-star-rating {
	width: 100%;
	padding-right: 24px;
}
#text-6.widget .widgettitle {
	margin-bottom: 15px;
}
.initiative {
	color: #fff;
	margin-bottom: 5px;
	display: block;
}
.rating-form h4 {
	color: #3d5054;
	font-size: 14px;
	font-weight: 800;
}
.single-post form {
	background-color: #f1f3f4;
	margin-top: 0 !important;
	padding: 15px;
}
p.rating-item {
	font-size: 12px;
}
.entry p.rating-item {
	padding-bottom: 5px;
}
.before_title, .mr-star-rating-select .mrp-minus {
	display: none;
}
input.save-rating {
	float: right;
	color: #3d5054 !important;
	text-shadow: 1px 1px 0 #fff;
	font-size: 12px;
	border: 1px solid #e0dddd;
	-moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 8px 16px;
}
input.save-rating:hover {
	color: #000 !important;
}
#logoNormal {
	height: 500px;
	float: right;
	display: inline-block;
}
#wrapLogoNormal {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	width: 55%;
	top: 20px;
	position: relative;
	right: -220px;
}
.new-wrapper {
	width: 100%;
	height: 200px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.new-wrapper:hover {
	filter: grayscale(100%);
}
.new-wrapper:hover img {
	filter: opacity(0.3);
}
.new-wrapper span {
	width: 90%;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	font-size: 16px;
	top: 40%;
	margin-left: -50%;
	left: 50%;
	position: absolute;
	font-weight: bold;
	visibility: hidden;
}
.new-wrapper:hover span {
	color: #3d5054;
	visibility: visible;
	opacity: 1;
}
.new-wrapper span a.titreArticle {
	color: #000;
	text-decoration: none;
}
#autresRecents li {
	width: 32.8%;
	display: inline-block;
	margin-top: 2px;
	overflow: auto;
}
#autresRecents li img {
	width: auto;
	max-height: 220px;
	max-width: none !important;
	min-height: 200px;
}
.page-id-48 h1.title {
	display: none;
}
.postListe {
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
.postListeGreen {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	background-color: #f0f7e7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
.postListeRed {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	background-color: #f9e4de;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
.thumb {
	width: 150px;
	height: 150px;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	display: inline-block;
	overflow: hidden;
}
.thumb img {
	width: auto;
	height: 150px;
	float: left;
	max-width: none;
}
.postListe h3 a, .postListeGreen h3 a, .postListeRed h3 a {
	color: #3e5054;
	font-size: 27px;
	font-weight: bold;
}
.excerpt {
	padding-top: 35px;
	padding-left: 170px;
	display: block;
}
.excerpt a {
	font-weight: bold;
}
.catarticle {
	background-color: #3d5054;
	color: #fff;
	margin-bottom: 25px;
	font-size: 16px;
	display: inline-block;
	border: 1px solid #d7dbdc;
	padding: 15px 20px;
}
.catarticlepetit {
	background-color: #3d5054;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	margin-top: 10px;
	border: 1px solid #d7dbdc;
	padding: 10px 15px;
}
.catarticle a, .catarticlepetit a {
	color: #fff !important;
	text-decoration: underline;
}
.catarticle.mal, .catarticlepetit.mal {
	background-color: #e7873c !important;
}
.catarticle.bien, .catarticlepetit.bien {
	background-color: #71b757 !important;
}
.single-post .entry-content ul, .entry-content ul {
	background-color: #f1f3f4;
	margin-bottom: 20px;
	font-size: 16px;
	margin-left: 20px;
	padding: 2%;
}
.single-post .questions ul {
	background-color: #c67333 !important;
}
.elementor-element-264afcd0 ul {
	background-color: #303a3c !important;
}
.single-post .entry-content ul li, .entry-content ul li {
	margin-left: 20px;
}
.slogan p {
	width: 70%;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.4;
}
#songs .slogan h6 {
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 800;
}
.underline {
	text-decoration: underline;
}
.questions a {
	color: #fff;
	text-decoration: underline !important;
}
#une {
	background-color: #f1f3f4;
	margin-bottom: 4%;
	overflow: hidden;
	padding: 4%;
}
#une h2 {
	font-size: 18px;
	letter-spacing: -1px;
}
#une h3 {
	letter-spacing: -1px;
	font-weight: 800;
}
#une .avatar, #une .auteurDate {
	margin-top: 10px;
}
#une .avatar img {
	width: auto;
	margin-top: 0;
}
#une a.next {
	float: right;
	color: #3d5054;
	text-shadow: 1px 1px 0 #fff;
	font-size: 14px;
	border: 1px solid #e0dddd;
	-moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 0 16px 15px;
}
#une a.next:hover {
	color: #000;
}
.page-template-page-reglementation .auteurDate, .page-template-page-reglementation .avatar {
	float: left;
}
.page-template-page-reglementation .auteurDate {
	margin-bottom: 30px;
	margin-left: 20px;
}
#autresRecents {
	width: 100%;
	margin-bottom: 15%;
	overflow: hidden;
}
.questions {
	color: #fff !important;
}
.questions strong {
	color: #fff !important;
}
.questions .wp-caption p.wp-caption-text {
	color: #000 !important;
}

/* Page Dresse ton code */
.page-id-1315 .leftCol {
	float: left;
	width: 80%;
}
.page-id-1315 .rightCol {
	float: right;
	width: 20%;
	text-align: right;
}
.page-id-1315 .rightCol::after {
	clear: both;
}

ul.listeCours li {
    margin: 10px 0;
}

/* Media queries */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body.home #main-header .container {
		padding-bottom: 150px;
	}
	#logo {
		width: 45%;
		top: -120px;
		right: -150px;
	}
	.category #logo {
		width: 25%;
		top: -60px;
		right: -150px;
	}
	#une .auteurDate {
		padding-left: 70px;
	}
	#une .catarticlepetit {
		margin-left: 0;
	}
	#autresRecents li {
		width: 49%;
	}
	.new-wrapper {
		width: 100%;
	}
	#autresRecents li img {
		width: 100%;
		min-width: 220px;
	}
	.new-wrapper span {
		width: 40%;
		top: 5;
		margin-left: -35%;
		left: 60%;
	}
	#logoNormal {
		margin-top: -216px;
	}
	.thumb {
		width: 100%;
		height: 300px;
		margin-bottom: 15px;
		margin-right: 20px;
		display: inline-block;
		overflow: hidden;
	}
	.thumb img {
		width: 100%;
		height: auto;
		float: left;
		max-width: 500px;
	}
	.category #main-header .container, .single-post #main-header .container {
		padding-top: 170px;
	}
	.category #main-nav, .single-post #main-nav {
		margin-top: -80px;
	}
	.category .post-thumbnail {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
		display: inline-block;
		max-width: 100%;
	}
	.category .post-thumbnail img {
		width: 100%;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#logo {
		width: 35%;
		top: -80px;
	}
	body.home #main-header .container {
		padding-bottom: 120px;
	}
	#logoNormal {
		margin-top: -92px;
	}
	.category #main-header .container, .single-post #main-header .container {
		padding-top: 200px;
	}
	.category #main-nav, .single-post #main-nav {
		margin-top: -80px;
	}
	.page-id-48 #main-header {
		height: 400px;
		min-height: 400px!important;
		background-size: cover;
	}
	.page-id-48 #main-header .container {
		padding-top: 120px;
	}
}
@media only screen and (max-width: 479px) {
	#logo {
		width: 65%;
		top: -30px;
		top: 0;
		left: 50px;
		left: 0;
	}
	#main-footer {
		padding-bottom: 60px;
	}
	.postListe h3 a, .postListeGreen h3 a, .postListeRed h3 a {
		width: 100%;
		font-size: 20px;
		display: inline-block;
	}
	.excerpt {
		padding-top: -5px;
		padding-left: 0;
	}
	.page-id-48 #main-header {
		height: 400px;
		min-height: 400px!important;
		background-size: cover;
	}
	.page-id-48 #main-header .container {
		padding-top: 250px;
	}
	#main-header2 {
		height: 300px;
		background-size: cover;
	}
	#main-header4 {
		height: 300px;
		background-size: cover;
	}
	#main-header5 {
		height: 300px;
		background-size: cover;
	}
	.category-reglementation-generale #main-header, .category-les-bien-dresses #main-header, .category-les-mal-dresses #main-header, .single-post #main-header {
		height: 300px !important;
		background-size: cover;
	}
	.category-reglementation-generale #main-header #logo, .category-les-bien-dresses #main-header #logo, .category-les-mal-dresses #main-header #logo, .single-post #main-header #logo {
		display: none;
	}
	#main-nav {
		height: 160px;
		height: auto;
	}
	#breadcrumbs {
		height: 80px;
	}
	#wrapLogoNormal {
		display: none;
	}
	.logotla {
		display: none;
	}
	#une {
		margin-bottom: 30px;
		margin-top: -20px;
	}
	#autresRecents {
		text-align: center;
		margin-bottom: 50px;
	}
	#autresRecents .new-wrapper {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	#autresRecents li {
		width: 100%;
	}
	.post-thumbnail {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
		display: inline-block;
		max-width: 100%;
	}
	.post-thumbnail img {
		width: 100%;
	}
	#une .post-thumbnail {
		max-width: 100%;
	}
	#une .catarticlepetit {
		margin-left: 0;
	}
	.new-wrapper span {
		width: 40%;
		margin-left: -35%;
		left: 60%;
	}
	.elementor-48 .elementor-element.elementor-element-264afcd0 > .elementor-element-populated {
		padding: 20px !important;
	}
	.elementor-element-264afcd0 ul {
		background-color: #3d5054 !important;
	}
	.single-post .entry-content ul li, .entry-content ul li {
		margin-left: 0;
	}
	article p {
		text-align: justify;
	}
	.category article {
		padding-bottom: 25px;
		border-bottom: 1px solid #999;
	}
	.slogan h6 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	.thumb {
		width: 100%;
		height: 250px;
		margin-bottom: 15px;
		margin-right: 20px;
		display: inline-block;
		overflow: hidden;
	}
	.thumb img {
		width: 100%;
		height: auto;
		float: left;
		max-width: 500px;
	}
	.page-template-page-reglementation .auteurDate {
		margin-top: -60px;
		margin-left: 70px;
	}
	.page-id-4 .excerpt {
		padding-top: 10px !important;
	}
	#commentform textarea {
		width: 80%;
	}
	body.elementor-page-426:not(.elementor-motion-effects-element-type-background), body.elementor-page-426 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-size: contain!important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#main-nav {
		margin-top: -220px;
	}
	.home #main-nav {
		margin-top: -20px;
	}
	.page-id-48 #main-header {
		padding-top: 140px;
		padding-bottom: 210px;
		min-height: 400px;
	}
	.page-id-48 #main-nav {
		margin-top: -50px;
	}
	#logoNormal {
		margin-top: -215px;
	}
	#autresRecents li {
		width: 49%;
	}
	#wrapLogoNormal {
		width: 700px;
		margin-right: auto;
		margin-left: auto;
	}
	#une .post-thumbnail img {
		width: 100%;
		float: none;
		margin-right: 0;
		display: block;
	}
	#une .avatar, #une .auteurDate {
		width: 100%;
	}
	#une .auteurDate {
		padding-left: 70px;
		margin-top: -50px;
	}
	#une p {
		padding-top: 10px;
		float: left;
	}
	.new-wrapper {
		width: 100%;
	}
	.new-wrapper span {
		width: 40%;
		font-size: 15px;
		margin-left: -35%;
		top: 35%;
	}
	.new-wrapper img {
		width: 150px;
		float: left;
		display: inline;
	}
	.postListe .auteur, .postListeGreen .auteur, .postListeRed .auteur {
		padding-bottom: 10px;
		font-size: 15px;
		letter-spacing: -1px;
		display: inline-block;
	}
	#breadcrumbs {
		background-color: #fff;
	}
	.excerpt {
		padding-left: 0;
	}
	#une .post-thumbnail {
		float: none;
		display: block;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1180px) {
	#main-nav, #logoNormal {
		margin-top: -95px;
	}
	#logoNormal {
		margin-top: -90px;
	}
	.page-id-48 #main-nav {
		margin-top: -50px;
	}
	.page-id-48 #main-header {
		padding-top: 120px;
		padding-bottom: 170px;
	}
}

/* those seems to have been added after a TutorLMS update... so, I remove them with CSS... */
.tutor-dashboard-menu-separator-1, .tutor-dashboard-menu-separator-2 {
	display: none;
}