/*
Theme Name: Scotopia Accueil
Author: Lilia
Description:  
Version: 0.0.1
Tags: bootstrap
*/
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

/* Override UGG site */
#main {width: 100%; padding:0;}
.content-asset p {margin:0 auto;}
.breadcrumb {display:none;}

/* Helpers */
/**************************/
.margin-top-10 {padding-top:10px;}
.margin-bot-10 {padding-bottom:10px;}

/* Typography */
/**************************/
/* #parallax-world-of-ugg h1 {font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:0; margin:0;}
#parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.9;}
#parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;} */
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}

.sc {color: #3b8595;}
.ny {color: #3d3c3a;}
.atw {color: #c48660;}
html{
	height:100%;
}
a:hover {
	text-decoration:none!important;
}
.btn-more > a {
     color: white!important;
	 text-decoration: none!important; 
}
.btn-more > a:hover {
     color: white!important;
	 text-decoration: none!important; 
}
.mb-70{
	margin-bottom:  70px;
}
/* Section - Title et Navbar */
/**************************/
.article:nth-last-child(1){
	margin-bottom: 0!important;
}
.article:nth-last-child(1) > div{
	margin-bottom: 0!important;
}
.derniers-posts{
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: auto;
    flex-wrap: wrap;
}
#parallax-world-of-ugg .title {
  
  background: white;
  height: 90px; 
  margin:0 auto; 
  text-align:center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 
}
.menu{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 75%;
}
.menu>li {
  margin: auto;
}
.logo, .menu{
  -webkit-padding-start: 0;
  margin: 0;
  margin-top: 45px;
  transform: translateY(-50%);
  list-style: none;
  font-size: 14px;
  font-weight: 100;
  color: #555555;
}
.mt-70{
	margin-top: 70px;
}
a {color:inherit;
text-decoration:none;}

#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}
/* Section - header */
/**************************/
.theheader, .preztwo, .philo-prez, .accompagnement-cat, .links, .footer-links, .list-link {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}
/*.preztwo{
  background-color: #DEE7EF;
}*/
.prez, .philo, .accompagnement, .cat-logo{
  display: flex;
  flex-direction: column;
}
.prez{
  width: 45%;
  font-size: medium;
  font-weight: 100;
}
.philo-prez{
  font-weight: 100;
  font-size: medium;
  width: 85%;
}
.container-antoine{
	width: 100%;
	height: 56px;
}
hr{
  width: 75px;
  height: 1px!important;
}
.bg-black{
  background-color : black;
}
.bg-violet{
  background-color: #9A94D3;
}
.bg-light{
  background-color : #FFFFFE;
}
.menu>li>a:hover {
    color: #9A94D3;
    /*font-weight: 800;*/
}
.bigTitle{
  font-weight: 200;
  letter-spacing: 2px;
  font-size: 37px;
}
.cat-presentation>p{
  font-size: 19px;
  font-weight: 300;
  color: #373737;
}
.fondateur{
  width: 80%;
  margin : auto;
}
/*.fondateur>div{
  margin-top: 50%;
  transform: translateY(-50%);
}*/
.titre-antoine {
	color: black;
}
.titre-antoine:hover{
	color:#9A94D3!important;
}
.antoine{
  	height: 150px;
    width: 150px;
    
}
.hover{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #282658;
  opacity: .9;
}
.color-title{
  color: #9A94D3;
}
.bg-violet, .bg-light, .bg-black{
  margin: auto;
  margin-top: 10px;
  margin-bottom: 30px;
}
/* Section - NOTRE PHILOSOPHIE */
/**************************/
.philo-logo{
  position: relative;
  background-color: white;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  border-width: 5px;
  border-style: solid;
}
.philo>div, .philo-card>div, .philo-desc, .titre{
  margin: auto;
}
.philo-prez>div{
	margin: 0 auto;
}
.philo-card{
  width: 27%;
}
.philo-logo>img{
  margin: auto;
}
#border-blue{
  border-color: #13C1F6;
}
#border-green{
  border-color: #0ABD9E
}
#border-vio{
  border-color: #9A94D3;
}
.cat-logo>h3{
  font-size: 20px;
  letter-spacing: 1px;
}
/* Section - ACCOMPAGNEMENT */
/**************************/
h3,h4, h5{
  letter-spacing: 2px;
}
.categorie{
  width: 32%;
  height: 530px;
  box-shadow: 0 4px 8px 0 	rgba(0, 0, 0, 0.1),
               0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.cat-presentation{
  text-align: center;
  font-size: 20px;
}
.accompagnement-cat{
  justify-content: space-around;

}
.titre{
  width: 70%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.categorie>div{
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.categorie>div:nth-child(1){
  color: #343360;
  padding-top: 1px;
	min-height: 200px;
	height: 40%;
  text-align: center;
}
.categorie>div:nth-child(2){
  background-color: #B4B3ED;
  color: white;
  padding: 30px;
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 1px;
}


/* Section - Clientele */
/**************************/
.clientele-cont{
  width: 100%;
  margin: auto;
  position: relative;
}
.clientele-cont>div{
  width: 70%;
  margin: auto;
}
.clientele-cats{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.client-cat{
  width: 45%;
  font-weight: 100;
  margin-bottom: 30px;
}
.cli-logo{
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: white;
  display: flex;
}
.cli-logo>img{
  width: 65px;
  height: 65px;
  margin: auto;
}
.client-cat>p {
  font-size: 17px;
}
.lastOne{
	margin-bottom:0px!important;
}
/* Section - Articles */
/**************************/
.contrast{
  -webkit-filter: contrast(50%);
}
.position-relative{
  position: relative;
}
.article > div{
  margin-bottom: 15px;
}
.article > div:nth-last-child(2), .article > div:nth-last-child(2) > .col-sm-12 {
	margin-bottom: 0;
}
.content{
  background: #b4bac0;
  min-height: 300px;
}
.laune>img, .laune, .article-solo{
  width: 570px;
  height: 715px;
  position: relative;
}
.article-info{
  position: absolute;
  padding: 0 30px;
  width: 100%;
	z-index:2;
  bottom: 30px;
  color: white;
  word-break: break-word;
}
.tout-posts{
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: auto;
	width: 80%;
    flex-wrap: wrap;
}
.article-col{
  position: relative;
  left: 15px
}
.sidebar-top{
  height: 350px;
  width: 470px;
  background: #dbdfe7;
}
.sidebar-bottom>img, .sidebar-top>img{
  height: 350px;
  width: 470px;
}
.sidebar-bottom{
  height: 350px;
  width: 570px;
  background: #7e8aa0;
  margin-bottom: -15px;
}
.articles{
  max-width: 100%;
  width: 100%;
  margin: auto;
}
.article-cont{
  display: flex;
  margin: auto;
}
.laune>h4{
  position: absolute;
  bottom: 20px;
  margin-top: auto;
  color: white;
}
.contact{
  background-color: #15181D;
  color: white;
  padding-top: 70px;
  height: 100%;
}

.label-hidden .nf-field-description{
  display: none;
}
#nf-field-9{
  padding-top: 15px;
}
#nf-field-10{
  width: 100%;
  background-color: #9988D6;
  color: white;
  height: 55px;
	padding-left: 0!important;
}
.nf-form-fields-required{
  margin: 25px 0px;
  font-size: 12px;
  font-weight: 100;
}
.nf-form-fields-required{
  display: none;
}
.ninja-forms-field{
  padding-left: 13px;
  min-height: 50px;
  border-color: #444858;
  color: #999999;
  background-color: #15181D;
  border-radius: 5px;
  border-width: 1px;
  border-style: double;
}
#nf-field-11-container{
  color: #666666;
}
.btn-more{
	width: 40%;
    background-color: #9988D6;
    color: white;
    height: 55px;
    border-color: #1d1d1f;
    margin: auto;
    padding-top: 14px;
	border-radius: 4px;
}
.philo, .cat-presentation, .articles{
  margin-top: 70px;
}
.gris{
  color: #999999;
}
.links{
  text-decoration: none;
  list-style: none;
}
.footer{
  background-color: #2D1E59;
  color: #FFFFFF;
}
.footer-list{
  font-size: 12px;
  width: 50%;
  justify-content: space-around;
}
.copyright>p{
  margin : auto;
  font-size: 13px;
  white-space: nowrap;
  font-weight: lighter;
}
.list-link > li >a {
    color: white;
    text-decoration: none;
}
#nf-field-11-wrap{
	display: none;
}
/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {padding-top: 120px!important; padding-bottom:120px!important; overflow: hidden; position: relative; width: 100%; background-image: url(assets/images/bg.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}
#parallax-world-of-ugg .parallax-two {padding-bottom: 70px; overflow: hidden; position: relative; width: 100%; background-image: url(assets/images/bg.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}
#parallax-world-of-ugg .parallax-three {padding-top: 70px; padding-bottom: 70px; overflow: hidden; position: relative; width: 100%; background-image: url(assets/images/bg.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}

/* Media Queries */
/**************************/
@media screen and (max-width: 1025px) and (min-width: 768px) {
  #parallax-world-of-ugg .block {padding: 40px; width:620px;}
}
@media screen and (max-width: 1025px) {
  #parallax-world-of-ugg .block {padding: 30px; width:420px;}
  #parallax-world-of-ugg h2 {font-size:30px;}
  #parallax-world-of-ugg .block {padding: 30px;}
  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:70px; padding-bottom:70px;}
}
@media screen and (max-width: 479px) {
  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
}


/*---------------------- Burger Menu -----------------------*/
/*  COLORS
========================================== */
/*  FONTS
========================================== */
/*  MIXINS
========================================== */
/*  RESET
========================================== */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  height: 100%;
}
body.overflow {
  overflow: hidden;
}

/*  BURGER
========================================== */
.burger {
  width: 50px;
  height: 50px;
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  border-radius: 4px;
  z-index: 10;
}
.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}
.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #2D1E59;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}
.burger span::before {
  top: -9px;
}
.burger span::after {
  top: 9px;
}
.burger.clicked span {
  background-color: transparent;
}
.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
  background-color: #ffffff;
}
.burger:hover {
  cursor: pointer;
}
.links>li>a {
    color: white;
}
/*  NAV
========================================== */
nav {
  background-color: #2a2a2a;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 515px;
  width: 100%;
  padding: 100px 40px 60px 40px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
nav.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
nav.show ul.main li:nth-child(1) {
  transition-delay: 0.15s;
}
nav.show ul.main li:nth-child(2) {
  transition-delay: 0.3s;
}
nav.show ul.main li:nth-child(3) {
  transition-delay: 0.45s;
}
nav.show ul.main li:nth-child(4) {
  transition-delay: 0.6s;
}
nav.show ul.main li:nth-child(5) {
  transition-delay: 0.75s;
}
nav.show ul.main li:nth-child(6) {
  transition-delay: 0.9s;
}
nav.show ul.main li:nth-child(7) {
  transition-delay: 1.05s;
}
nav.show ul.main li:nth-child(8) {
  transition-delay: 1.2s;
}
nav.show ul.main li:nth-child(9) {
  transition-delay: 1.35s;
}
nav.show .about, nav.show .social, nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}
@media (min-width: 667px) {
  nav {
    padding: 120px 90px 70px 90px;
  }
}
nav ul.main {
  list-style-type: none;
}
nav ul.main li {
  margin-bottom: 20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul.main li:last-of-type {
  margin-bottom: 0px;
}
nav ul.main li a {
  color: #ffffff!important;
  font-family: "Raleway", sans-serif;
  text-decoration: none;
	text-align : left;
  font-size: 1.3rem;
  display: block;
  letter-spacing: 3px;
  font-weight: 600;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.main li a span {
  color: #b7ac7f;
}


nav .about {
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav .about p {
  color: #ffffff;
  font-family: "Spectral", serif;
  font-size: 1.05rem;
  letter-spacing: 0.5px;
  line-height: 170%;
}
nav .social {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav .social:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #b7ac7f;
  position: absolute;
  bottom: 0;
  left: 0;
}
nav .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
}
nav .social a:last-of-type {
  margin-right: 0px;
}
nav .social a:hover svg path, nav .social a:hover svg circle {
  fill: #b7ac7f;
}
nav .social a svg {
  width: 100%;
  height: 100%;
}
nav .social a svg path, nav .social a svg circle {
  fill: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav ul.sub li {
  margin-bottom: 10px;
}
nav ul.sub li:last-of-type {
  margin-bottom: 0px;
}
nav ul.sub li a {
  color: #ffffff;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul.sub li:hover {
  color: #9A94D3;
}
.card-all-posts{
  width: 45%;
  margin-bottom: 30px;
}
.all-posts{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post-container{
  width: 100%;
}
.post-container>img{
  width:100%;
  height: 320px;
}
.header-article>img{
  position: absolute;
  width: 100%;
  top: -30%;
}
.menu>li>a {
  text-decoration: none;
  color: inherit;
}
/*  OVERLAY
========================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #282658;
  opacity: 0;
  visibility: hidden;
}
.overlay.show {
  opacity: 0.8;
  visibility: visible;
}

#nf-form-errors-2{
  display: none;
}
.header-article{
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.container-header{
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.hover-article{
  	position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
	z-index:1;
}
.hover-article:hover{
    background-color: #6b68b1;
  opacity: .5;
}
/*---------------MEDIA QUERIE ---------------*/


@media screen and (max-width: 1025px) {
	#parallax-world-of-ugg .parallax-one {
    	padding-top: 160px!important;
    	padding-bottom: 70px!important;
	}
	#parallax-world-of-ugg .parallax-one ,#parallax-world-of-ugg .parallax-two ,#parallax-world-of-ugg .parallax-three{
		background-image: none;
	} 
	.navbar-fix{
		position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    background-color: white;
	}	
  .menu {
    display:none;
  }
  .article-cont, .theheader, .preztwo, .philo-prez, .accompagnement-cat, .links, .footer-links, .list-link{
    flex-direction: column;
  }
  .laune>img, .laune, .article-solo,.article > div,.sidebar-top,.sidebar-top > img,.article-info{
    width: 100%;
    
  }
  .img-brand{
    display: none;
  }
  .article-info{
    width: 90%!important;
    left: 10px
  }
  .article{
    width: 100%;
  }
  .copyright>p {
    white-space: normal;
    text-align: center;
    margin-bottom: 20px;
	  font-size: 10px;
    font-weight: 100;
  }
  .article-col{
    left: 0!important;
  }
  .bigTitle {
    font-weight: 200;
    font-size: 25px;
  }
  .prez {
    width: 95%;
  }
  .fondateur>div {
    transform: translateY(0%)!important;
  }
  
  .fondateur {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .philo-card {
    width: auto;
    margin-bottom: 45px!important;
  }
  .lastOne{
	margin-bottom:0px!important;
}
  .categorie {
    width: auto;
    height: auto;
    margin-bottom: 45px;
  }
  .clientele-cats {
    flex-direction: column;
  }
  .client-cat {
    width: auto;
  }
  
  .laune>img, .laune, .article-solo{
    height: 350px;
  }
  .article, .article>div{
    padding: 0 !important;
  }
  .article-solo, .article{
    margin-bottom: 40px!important;

  }
  .footer-list{
    display: none;
  }
  .header-article>img {
    height: 100%;
    top: 0;
  }
  .burger{
    display: block;
  }
	
	.btn-more {
    width: 95%;
	}
	.formulaire{
		max-width:90%!important;
	}
	.titre {
    width: 95%;
	}
	.articles{
		width: 95%;
	}
	.philo-mobile{
		margin-top: 0!important;
	}
	.legal{
		width: 100%!important;
    	
    	padding: 0 20px;
    	max-width: 100%!important;
    	text-align: left!important;
	}
	.links>li{
		margin-bottom: 10px;
	}
}

#qui-est-ce {background-color: #DEE7EF;}

a {color : white;}

h5.bigTitle {color : white; text-align:center;}