/*------------------------------------*\
    BASE
\*------------------------------------*/
	
	article {
		overflow:hidden;
		background-color: var(--app-secondary);
		display:table;
		width:100%;
        height:300px;
	}
	
	article .visuel {
		display:table-cell;
		vertical-align:top;
		width:60%;
		margin:0;
		background-size: cover;
		background-position: center center;
		background-repeat:no-repeat
	}
	
	article.visuel-droite .visuel.gauche {
		display:none
	}
	
	article.visuel-gauche  .visuel.droite {
		display:none
	}
	
	article .visuel img {
		visibility:hidden;
		display: block;
		margin: 0;
		width: 0%;
	}
	
	article .texte h2 {
		color: var(--app-secondary-dark-over);
	}

	article .texte {
		display:table-cell;
		vertical-align:top;
		width:40%;
		padding: 3% 5% 3% 3%;
		margin:0
	}
	
	article .texte h2 {
		font-size:24px;
		margin-top:0px;
	}
	
	article .texte h3 {
		color:#fff;
	}
	
	article .texte p {
		color:#fff;
	}
	
	article .bouton {
		text-align:right
	}
	
	article .link_btn {
		color: var(--app-secondary);
		background-color:#fff;
	}
	
	article .link_btn:hover {
		color:#fff;
		background-color:var(--app-secondary-dark-over);
	}
	
/*------------------------------------*\
    RECHERCHE
\*------------------------------------*/

	.recherche {
		padding: 0 5%;
	}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

	footer {
		background-color: var(--app-primary)
	}

	footer ul li div.texte h2 {
		color: #fff;
	}

	footer .link_btn:hover {
		color: var(--app-secondary);
		background-color: white;
	}

/*------------------------------------*\
    RESPONSIVE TABLETTES
\*------------------------------------*/
@media only screen and (max-width: 1260px) {
	
	article .visuel {
		width:100%;
		background-image:none
	}
	
	article .visuel.gauche {
		display:inline-block;
	}
	
	article .visuel.droite {
		display:none;
	}
	
	article .visuel img {
		display: block;
		width:100%;
		height:auto;
		visibility: visible
	}

	article .texte {
		display:inline-block;
		width:94%;
		padding-left:3%;
		padding-right:3%;
	}

}

/*------------------------------------*\
    RESPONSIVE SMARTPHONES
\*------------------------------------*/
@media only screen and (max-width: 768px) {

}