﻿.header {
    padding-top: 0px;
    padding-bottom: 0px;
}
.header #logo-image {
    margin: 0px;
}
.header.container {
    padding-left: 0px;
    padding-right: 0px;
}

body #header.sticky-header img#logo-image {
    margin-left: 0px;
}
body #header.sticky-header img#logo-image {
    max-width: 165px;
}
body #header.sticky-header img#logo-image {
    margin-top: 15px;
}
body #header.sticky-header img#logo-image {
    margin-right: 0px;
}

img {
  height: auto;
  max-width: 400%;
}

.et-db #et-boc .et-l .et_pb_blurb_0 .et-pb-icon {
    color: #a6c971 !important;
}

.entry-content img, .entry-content .wp-caption {
    background: none
}

/* Webbax - tuto 27 */
#homepage #arguments h2{margin-top:20px;margin-bottom:20px;text-align:center;}
#homepage #arguments p{font-size:14px;text-align:center;  background: none; border: 0px;}
#homepage #arguments img {
    box-shadow : 0 0 0  #000000 ; padding-top : 14px; background: none; border: 0px;
}

#bootstrap-slider .carousel-caption h2 {
    background: rgba(0,0,0,.15);
}

blockquote {
    padding: 10px 0px;
    margin: 0 10% 30px;
	  border-left: 0px solid #eee;
		font-style: normal;
		border-bottom: 0px solid #e0dddd;
}

.widget-content {
    background: #fff;
    border: 0px solid #fff;
}

.mr-auto, .mx-auto {
    margin-left: auto !important;
}

.home-content-boxes .content-box [class*=" fa-"] {
		display: none
}

.transposh_flags a span, .transposh_flags a img {
    border-width: 10px 5px;
		min-width: 40px;
}

.ui-dialog-titlebar {
    padding: 40px !important;
    position: relative;
}

.card {
    border: 0px;
}

table, .table {
    border: 0px;
}

.col {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 15px;
}

/*p {font-family: ballinger, sans-serif;
font-style: normal;
	font-weight: 400;
}*/

h1 {
    margin-bottom: 2rem;
}

h2 {
	font-weight: 700 !important;
}

.slideshow-window {
  background-color: #fff;
	border: 0px solid #222;
	padding-top: 217px !important;}

.slideshow-slide {
	background-color: #fff !important;
}

#tagline {
	padding-left: 6px
}

#backtotop {
  border-radius: 30px;
	right: 3rem;
}

.post-title, .post-title a, .blog-title {
	font-size: 35px
}

.et-db #et-boc .et-l .et_pb_module h2 {
	color: #a9c961;
}

.et-db #et-boc .et-l .et_pb_module blockquote {
    padding-left: 20px;
	padding-right: 0px;
    border-left: 8px solid;
    border-color: #d6f1a2;
		font-family: questrial;
}

/*.et-db #et-boc .et-l {
    color: #a9c961;
}*/

.et-db #et-boc .et-l .et_pb_module h3 {
    color: 96d662;
}

.et-db #et-boc .et-l .et_pb_module p {
    color: 96d662;
}

.et-db #et-boc .et-l .et_pb_module img{
	margin: 0px 18px 0px 0px;
	}

.et-db #et-boc .et-l .et_pb_portfolio img {
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*CSS pour afficher/masquer un texte via un bouton*/

/*Style du module TEXTE*/
.texte-cache { 
  position: relative;
  max-height: 100px; /*Hauteur du texte visible avant le clic*/
  overflow: hidden; /*On cache tout ce qui dépasse des 100px*/
  -webkit-transition: max-height 1s ease;
  -o-transition: max-height 1s ease;
  transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
}
  
/*Style du module TEXTE lorsqu'il est ouvert*/
.texte-cache.ouvert {
    max-height: 100vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
  }

/*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
.texte-cache:not(.ouvert)::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
  background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /*Couleur de notre effet*/
}