/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*VOEUX 21*/

#modal-voeux .modal-content {
	background: transparent;
}


.modal {
	margin-top: 80px !important;
}

#modal-voeux .modal-header {
	padding: 5px 10px;
    border: 0 !important;
    display: flex;
    justify-content: flex-end;
}

#modal-voeux .modal-header button {
	color: white !important;
    opacity: 1 !important;
    margin: 0 !important;
}

#full-width-voeux {
    position: relative;
    padding-bottom: 144.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
#full-width-voeux iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*MAJ 2020*/

/*GENERAL*/

@font-face {
	font-family: 'gloss_and_bloom'; src: url('/wp-content/themes/Avada-Child-Theme/FONTS/gloss_and_bloom/Gloss_And_Bloom.ttf');
}

html {
	scroll-behavior: smooth;
}

.fusion-page-title-bar.fusion-page-title-bar-none.fusion-page-title-bar-left,
#cn-close-notice,
.ssba-classic-2 .ssbp-text {
	display: none !important;
}

#recaptcha {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/*HEADER*/

#header {
	display: none !important;
	padding: 20px;
	background: #1c7685 !important;;
}

#header-desktop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header-desktop > div:first-of-type {
	width: 150px;
}

#header-desktop > div:last-of-type {
	display: flex;
	justify-content: flex-end;
}

#header-desktop a {
	color: white; 
	padding: 0 0 0 20px;
}

#header-desktop a:hover {
	color: white !important; 
}
.fusion-header-wrapper:first-of-type{
	display: none;
}
/*OLD*/

.fusion-mobile-menu-icons {
	top: 15px;
}

.site-title-custom .logo-retina {
    display: block !important;
    max-width: 142px!important;
    max-height: inherit !important;
    width: 100% !important;
    height: auto !important;
}

.fusion-header-wrapper,
.fusion-header {
	background: #387281 !important;
}

.fusion-header-wrapper .fusion-row {
	max-width: inherit !important;
}

a:hover {
    color: #4c9e8f !important;
}

.fusion-logo {
    margin-top: 10px !important;
}

.fusion-header.fusion-sticky-shadow {
	height: 78px !important;
}


.fusion-body .fusion-main-menu .current-menu-ancestor > a, 
.fusion-body .fusion-main-menu .current-menu-item > a, 
.fusion-body .fusion-main-menu .current-menu-item:not(.fusion-main-menu-cart) > a:before, 
.fusion-body .fusion-main-menu .current-menu-parent > a, 
.fusion-body .fusion-main-menu .current_page_item > a {
	color: white !important;
}

.fusion-body .fusion-main-menu .current-menu-item:not(.fusion-main-menu-cart) > a:before, 
.fusion-body .fusion-main-menu .current-menu-parent > a, 
.fusion-body .fusion-main-menu .current_page_item > a {
	color: #1ca18f !important;
}

.fusion-body .fusion-main-menu .current-menu-ancestor > a:hover, 
.fusion-body .fusion-main-menu .current-menu-item > a:hover, 
.fusion-body .fusion-main-menu .current-menu-parent > a:hover, 
.fusion-body .fusion-main-menu .current_page_item > a:hover {
	color: #4c9e8f !important;
}

.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-nav-holder, .fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder, .fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-mobile-nav-holder, .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-mobile-nav-holder, .fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-mobile-nav-holder, .fusion-mobile-menu-design-modern.fusion-header-v7 .fusion-mobile-nav-holder {
	padding-top: 0 !important;
}

.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item a {
	background-color: #1c7685 !important;
}

.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder .fusion-mobile-nav-item a:hover {
	color: white !important;
}

.fusion-arrow-svg {
	display: none !important;
}
/*FOOTER*/

footer * {
	font-family: 'Montserrat', sans-serif !important;
}

footer {
	    border-top: 5px solid #1c7685 !important;
}

#titleWidget3,
#titleWidget4 {
	font-family: 'Montserrat', sans-serif !important;
	color: #1c7685 !important;
}

#widget-column1 #soustitreFooter {
	font-family: 'Montserrat', sans-serif !important;
}

#widget-column2 {
    border-left: 1px solid #1c7685 !important;
	border-right: 1px solid #1c7685 !important;
}

.border-color-contact-form {
	border: 1px solid #1c7685 !important;
}

.wpcf7-form input[type="submit"], .wpcf7-submit, input.button-default {
	border: 2px solid #1ca18f !important;
    background: #1ca18f !important;
}

.envoyer-message *:hover {
	color: white !important;
}

.textwidget a {
	font-family: 'Montserrat', sans-serif !important;
    color: #1ca18f !important;
}

#rs-footer {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

#rs-footer img {
	width: 40px !important;
	margin: 0 10px
}

/*MAJ FOOTER*/

#maj-footer {
	width: 100%;
    position: absolute;
    left: 0;
}

#maj-footer > div:first-of-type {
	position: relative;
}

#maj-footer > div:first-of-type > div:first-of-type {
	min-height: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-image: url(https://brief.fr/wp-content/uploads/2020/01/Element_contact.png);
    padding: 20px 10px;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 20px 10px;
}

#maj-footer > div:first-of-type > div:last-of-type {
	min-height: 480px;
	background: #f4f4f5;
	padding: 0 10px;
}

#maj-footer > div:first-of-type > div > div {
	width: 50%;
}

#maj-footer > div:first-of-type > div:first-of-type > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#maj-footer h2 {
	font-size: 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	line-height: 100%;
    color: white;
    text-transform: uppercase;
    margin: 0;
}

#maj-footer h2 span {
	font-size: 0.8em;
    color: black;
	padding-left: 25px;
}

#maj-footer > div:first-of-type > div:last-of-type > div > div p {
	font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	line-height: 150%;
	word-break: break-word;
	color: #00d6cd;
	margin: 0 0 20px 0;
}

#maj-footer #adresse,
#maj-footer #adresse a,
#maj-footer #metro {
	color: black;
}

#maj-footer #metro span {
	color: white;
	background: #2a64a9;
	border-radius: 50%;
	padding: 2px 7px;
}

#maj-footer > div:first-of-type > div:last-of-type > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#maj-footer > div:first-of-type > div:last-of-type > div > div {
	width: 50%;
	padding: 20px;
}

#maj-footer h3 {
	font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

#s-abonner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#s-abonner a {
	width: 100%;
	max-width: 250px;
	text-align: center;
	font-size: 1em;
    font-weight: 800;
    text-transform: uppercase;
	color: #005d70;
	background: white;
	border-radius: 20px;
	-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	padding: 10px;
}

#s-abonner a:hover {
	color: #005d70 !important;
}

#bloc-formulaire {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#bloc-formulaire > div {
	width: 100% !important;
	max-width: 500px;
	background: #f4f4f5;
	border-radius: 20px;
	-webkit-box-shadow: 0 1px 6px 6px rgba(32, 33, 36, .28);
	        box-shadow: 0 1px 6px 6px rgba(32, 33, 36, .28);
	min-height: 500px;
}

#bloc-formulaire > div > p {
	text-align: center;
	font-size: 1.5em;
	border-radius: 20px 20px 0 0;
	margin: 0;
}

#bloc-formulaire > div > div {
	padding: 10px;
}

#bloc-formulaire #message-postuler {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #00d6cd
}

#bloc-formulaire #message-postuler > span:first-of-type {
	width: 50%;
	height: 100%;
	cursor: pointer;
	border-radius: 20px 0 0 0;
	padding: 10px;
}

#bloc-formulaire #message-postuler > span:last-of-type {
	width: 50%;
	height: 100%;
	cursor: pointer;
	border-radius: 0 20px 0 0;
	padding: 10px;
}

#bloc-formulaire #message-postuler .bg-active {
    background: #00d6cd;
}

#bloc-formulaire #message-postuler .bg-non-active {
    background: #f4f4f5;
}

#bloc-formulaire #formulaire-postuler {
	display: none;
}

#bloc-formulaire input,
#bloc-formulaire textarea {
	background: #f4f4f5;
	border: 0 !important;
	border-bottom: 1px solid #00d6cd !important;
}

#bloc-formulaire .envoyer-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#bloc-formulaire .envoyer-message input {
	max-width: 250px;
	font-size: 1em;
    font-weight: 800;
    text-transform: uppercase;
	border-radius: 20px;
}

#bloc-formulaire .envoyer-message input:hover {
    color: #005d70 !important;
}

#maj-footer > div:last-of-type {
	background: #005d70;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 10px;
}

#maj-footer #suivez-nous {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#maj-footer #suivez-nous p {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    font-size: 2em;
	text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	color: #00d6cd;
    text-transform: uppercase;
	margin: 0;
}

#maj-footer #suivez-nous a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#maj-footer #suivez-nous img {
	max-width: 35px;
	margin: 0 10px;
}

#maj-footer #copyright {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#maj-footer #copyright p,
#maj-footer #copyright a {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    font-size: 1em;
	text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	color: #00d6cd;
}

/*RGPD*/

#cookie-notice {
	background-color: rgba(28, 118, 133, .9) !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	position: fixed;
	top: inherit !important;
	left: 0 !important;
	right: 0!important;
	bottom: 0 !important;
	height: auto !important;
}

.cookie-notice-container {
	max-width: 1140px;
}

#cn-notice-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	font-family: "Roboto", Sans-serif !important;
}

.cookie-notice-container a {
	float: right;
	padding: 10px;
	margin-top: 20px;
}

#cn-more-info {
	color: white;
	background: transparent !important;
	border: 1px solid white;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif !important;
}

#cn-accept-cookie {
	color: white;
	background: #0099a5 !important;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif !important;
}

#cn-notice-buttons > a:hover {
	color: white;
}


/*GENERAL*/

.espace-container {
	padding-top: 30px !important;
}

.espace-container * {
	font-family: 'Montserrat', sans-serif!important;
}

.form_landing {
	border: 1px solid #1c7685 !important;
}

#formulaire_home * {
	font-family: 'Montserrat', sans-serif!important;
}

#main.brief-2020 a {
	text-decoration: none;
}

#main.brief-2020 {
	padding: 0 !important;
}

#main.brief-2020 > div {
	display: block !important;
	max-width: 100% !important;
}

#content-page-accueil {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.section-full {
	width: 100%;
}

.section-container {
	width: 100%;
	max-width: 1600px;
}

/*ACCUEIL*/

#main.mystyle {
	padding: 0!important;
}

/*BLOC 1*/

#video-galet {
	width: 100%;
	max-width: 900px;
	padding: 20px 0;
}

#brief-aime-la-difference-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #fbfbfb;
}

.brief-aime-la-difference-filet {
	position: absolute;
	width: 3px;
	height: 425px;
}

#brief-aime-la-difference-container > img:first-of-type {
	top: 0;
}

#brief-aime-la-difference-container > img:last-of-type {
	bottom: 0;
}

#brief-aime-la-difference {
	position: absolute;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 4em;
	font-weight: 800;
	margin: 0;
}

#brief-aime-la-difference strong {
	color: #1c7685;
}

/*BLOC 2*/

#accueil-video {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#accueil-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#bloc-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

#bloc-2 #showreel {
	width: 100%;
}

/*BLOC 3 & BLOC 5*/

.accueil-slider-1 > div,
.accueil-slider-2 > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.accueil-slider-1 > div > div:first-of-type,
.accueil-slider-2 > div > div:first-of-type {
	width: 711px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-image: url("https://brief.fr/wp-content/uploads/2019/12/Site-Brief-Trait-3px.png");
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px;
}

.accueil-slider-1 > div > div:last-of-type,
.accueil-slider-2 > div > div:last-of-type {
	width: calc(100% - 711px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 30px;
}

.accueil-slider-1 > div > div:last-of-type img,
.accueil-slider-2 > div > div:last-of-type img {
	max-width: 700px;
}

.accueil-slider-1 > div > div:first-of-type > div,
.accueil-slider-2 > div > div:first-of-type > div {
	background: white;
	padding: 10px 30px;
}

#bloc-3 h2 {
	font-size: 3em;
	font-family: 'Montserrat', sans-serif;
	font-style: italic;
	font-weight: 800;
	text-align: left;
}

#bloc-3 p {
	font-size: 1.2em;
	font-weight: 800;
	line-height: 150%;
}

/*BLOC 4*/

#bloc-4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-image: url(https://brief.fr/wp-content/uploads/2020/01/Site-Brief-Photo-Ballons-v2.png);
	background-size: cover;
}

#bloc-4 > div {
	width: 100%;
    max-width: 1600px;
    min-height: 657px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    background-image: url(https://brief.fr/wp-content/uploads/2019/12/Site-Brief-Photo-Ballons-Seuls.png);
    background-repeat: no-repeat;
    background-size: 1600px 657px;
}

#bloc-4 > div > div {
	width: 45%;
    height: 100%;;
    display: -webkit-box;;
    display: -ms-flexbox;;
    display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    background-image: url(https://brief.fr/wp-content/uploads/2019/12/Site-Brief-Transparence-Sur-Ballons.png);
}

#bloc-4 h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	color: black;
	text-transform: uppercase;
	border-top: 10px solid black;
	border-bottom: 10px solid black;
	padding: 10px 0;
	margin: 0;
}

#bloc-4 h2 span:nth-child(1),
#bloc-4 h2 span:nth-child(3) {
	font-size: 4em;
	font-weight: 300;
}

#bloc-4 h2 span:nth-child(2),
#bloc-4 h2 span:nth-child(4) {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	font-weight: 800;
}

#bloc-4 h2 strong {
	color: #4c9e8f;
}

/*BLOC 5*/

#bloc-5 .non-active {
	display: none !important;
}

#bloc-5 .active {
	display: block !important;
}

#bloc-5 .next-previous {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#bloc-5 h2 {
	font-size: 3em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}

#bloc-5 h3 {
	font-size: 2em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	color: #ef7d00;
	text-transform: uppercase;
}

#bloc-5 h4 {
	min-width: 250px;
	cursor: pointer;
	text-align: center;
	color: white !important;
	background: #1c7685;
	padding: 10px;
	margin-left: 10px;
}

#bloc-5 p {
	font-size: 1.2em;
	font-weight: 800;
	line-height: 150%;
}

#bloc-5 p:last-of-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#bloc-5 p:last-of-type a {
	min-width: 250px;
	font-size: 1.2em;
    text-align: center;
    color: #1ca18f !important;
    padding: 10px;
}

/*BLOC 6*/

#bloc-6 > div {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	background: #eafefa;
}

#bloc-6 > div:first-of-type {
	background: #1ca18f;
}

#bloc-6 > div > div {
	width: 100%;
	max-width: 1600px;
}

#bloc-6 h2 {
	width: 100%;
	max-width: 357px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 800;
	color: white;
	border-right: 3px solid black;
	padding: 30px 10px;
	margin: 0;
}

#bloc-6 h2 a {
	color: white;
}

#bloc-6 h2 a:hover {
	color: white !important;
}

#bloc-6 h3 a {
	color: #1ca18f;
}

#bloc-6 h3 a:hover {
	color: #1ca18f !important;
}

#bloc-6 > div:last-of-type > div {
	height: 581px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    background-image: url(/wp-content/uploads/2022/04/BRIEF_MUR_LOGOS_03_2022_1600x581.jpg);
    background-repeat: no-repeat;
	background-size: 1600px 581px;
}

#bloc-6 h3 {
	font-size: 7em;
	line-height: 100%;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #1ca18f;
	margin: 0;
}

/*BLOC 7*/

#bloc-7 {
	padding: 30px 0;
}

#bloc-7 a {
	color: black;
}

#bloc-7 a:hover {
	color: black !important;
}

#bloc-7 > div:first-of-type {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#bloc-7 > div:first-of-type img {
	max-width: 500px;
	margin: 30px 0;
}

#bloc-7 > div:last-of-type {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#bloc-7-1 {
	width: 50%;
	border-right: 1px solid black;
	padding: 0 30px;
	margin: 30px 0;
}

#bloc-7-2 {
	width: 50%;
	border-left: 1px solid black;
	padding: 0 30px;
	margin: 30px 0;
}

#bloc-7-1 h3 {
	font-size: 2em;
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	text-transform: uppercase;
	line-height: 125%;
}

#bloc-7-2 h3 {
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	text-transform: uppercase;
	line-height: 125%;
}

#bloc-7-1 p,
#bloc-7-2 p {
	font-size: 1.2em;
    font-weight: 800;
    line-height: 150%;
}

#bloc-7-1 p a,
#bloc-7-2 p a {
	color: #1ca18f;
}

#bloc-7-2 > div > div:first-of-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid black;
}

#bloc-7-2 > div > div:last-of-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid black;
	padding-top: 35px;
}

#bloc-7-2 > div > div > div:first-of-type {
	width: 40%;
	padding-right: 10px;
}

#bloc-7-2 > div > div > div:last-of-type {
	width: 60%;
	padding-left: 10px;
}

/*RESPONSIVE*/

@media screen and (max-width: 1600px) {
	
	#bloc-6 h3 {
    	font-size: 6em;
  }
	
}

@media screen and (max-width: 1400px) {
	
	#brief-aime-la-difference {
		font-size: 3em;
	}
	
	#video-galet {
		max-width: 700px;
	}
	
	.brief-aime-la-difference-filet {
		height: 315px;
	}
	
	#bloc-6 h3 {
    	font-size: 5em;
  }
}

@media screen and (max-width: 1200px) {
	
	.accueil-slider-1 > div > div:first-of-type, 
	.accueil-slider-2 > div > div:first-of-type {
		width: 533px;
	}
	
	.accueil-slider-1 > div > div:last-of-type, 
	.accueil-slider-2 > div > div:last-of-type {
		width: calc(100% - 533px);
	}
	
	#bloc-3 p, 
	#bloc-5 p {
		font-size: 1em;
	}
	
	#bloc-4 h2 span:nth-child(1), 
	#bloc-4 h2 span:nth-child(3) {
    	font-size: 3em;
	}
	
	#bloc-4 h2 span:nth-child(2), 
	#bloc-4 h2 span:nth-child(4) {
    	font-size: 1.8em;
	}
	
	#bloc-4 > div {
		max-width: 1200px;
		min-height: 495px;
		background-size: 1200px 495px;
	}
	
	#bloc-5 p:last-of-type a {
		margin-top: 10px;
	}
	
	#bloc-5 h4 {
		font-size: 1.2em !important;
	}
	
	#bloc-6 h2 {
		max-width: 268px;
		font-size: 2em;
	}
	
	#bloc-6 h3 {
    	font-size: 4em;
	}
	
	#bloc-6 > div:last-of-type > div {
		height: 436px;
		background-size: 1200px 436px;
	}
	
	#bloc-7-1 .cartouches,
	#bloc-7-2 .cartouches {
		max-width: 200px !important;
	}
	
	#bloc-7-1 h3 {
		font-size: 1.5em;
	}
	
	#bloc-7-2 h3 {
		font-size: 1.2em;
	}
	
	#bloc-7-1 p, 
	#bloc-7-2 p {
		font-size: 1em;
	}
	
	#video-galet {
		max-width: 650px;
	}
	
	.brief-aime-la-difference-filet {
		height: 300px;
	}
	
	/*FOOTER*/
	
	#maj-footer h2 {
		font-size: 2.5em;
	}
	
	#maj-footer > div:first-of-type > div:last-of-type > div > div p {
		font-size: 1em;
	}
	
	#maj-footer #suivez-nous p {
		font-size: 1.5em;
	}
	
	#maj-footer #suivez-nous img {
    	max-width: 30px;
	}
	
	#maj-footer #copyright p, 
	#maj-footer #copyright a {
		font-size: 0.8em;
	}
	
}

@media screen and (max-width: 1024px) {
	
	#brief-aime-la-difference {
		font-size: 2em;
	}
	
	#video-galet {
		max-width: 550px;
	}
	
	.brief-aime-la-difference-filet {
		height: 260px;
	}
	
	#bloc-3 h2 {
    	font-size: 2.5em;
	}
	
	#bloc-4 h2 span:nth-child(1), 
	#bloc-4 h2 span:nth-child(3) {
		font-size: 2.5em;
	}
	
	#bloc-4 h2 span:nth-child(2), 
	#bloc-4 h2 span:nth-child(4) {
		font-size: 1.5em;
	}
	
	.accueil-slider-2 > div > div:last-of-type {
		position: relative;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	#bloc-5 h2 {
		font-size: 2em;
	}
	
	#bloc-5 h3 {
		font-size: 1.5em;
	}
	
	#bloc-5 .next-previous {
		position: absolute;
		bottom: 0;
		right: 30px;
	}
	
	#bloc-5 h4 {
		min-width: 150px;
		font-size: 1em !important;
	}
	
	#bloc-7 > div:last-of-type {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 30px;
	}
	
	#bloc-7-1 {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid black;
		padding: 0;
		margin: 0;
	}
	
	#bloc-7-2 {
		width: 100%;
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	#bloc-7-2 > div > div:first-of-type {
		padding: 30px 0;
	}
	
	#bloc-7-2 > div > div:last-of-type {
		border: 0;
		padding: 30px 0;
	}
	
	#bloc-7-2 > div > div > div:first-of-type {
		width: 30%;
	}
	
	#bloc-7-2 > div > div > div:last-of-type {
		width: 70%;
	}
	
	/*FOOTER*/
	
	#bloc-formulaire > div {
		max-width: 400px;
	}
	
	#maj-footer > div:first-of-type > div:last-of-type > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#maj-footer > div:first-of-type > div:last-of-type > div > div {
		width: 100%;
	}
	
}

@media screen and (max-width: 768px) {
	
	#video-galet {
		max-width: 500px;
	}
	
	.brief-aime-la-difference-filet {
		height: 230px;
	}
	
	.accueil-slider-1 > div > div:first-of-type, 
	.accueil-slider-2 > div > div:first-of-type {
		width: 50%;
		background-image: none;
	}
	
	.accueil-slider-1 > div > div:last-of-type, 
	.accueil-slider-2 > div > div:last-of-type {
		width: 50%;
	}
	
	.accueil-slider-2 > div > div:last-of-type {
		position: relative;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	
	#bloc-3 h2 {
    	font-size: 1.8em;
	}
	
	#bloc-4 > div {
		max-width: 768px;
		min-height: 317px;
		background-size: 768px 317px;
	}
	
	#bloc-4 > div > div {
		width: 50%;
	}
	
	#bloc-4 h2 {
		border-top: 5px solid black;
    	border-bottom: 5px solid black;
	}
	
	#bloc-4 h2 span:nth-child(1), 
	#bloc-4 h2 span:nth-child(3) {
    	font-size: 2em;
	}
	
	#bloc-4 h2 span:nth-child(2), 
	#bloc-4 h2 span:nth-child(4) {
    	font-size: 1.2em;
	}
	
	#bloc-5 h2 {
		font-size: 2em;
	}
	
	#bloc-5 h3 {
		font-size: 1.5em;
	}
	
	#bloc-5 .next-previous {
		position: absolute;
		bottom: 0;
		right: 30px;
	}
	
	#bloc-5 h4 {
		min-width: 150px;
		font-size: 0.8em !important;
	}
	
	#bloc-6 > div:last-of-type > div {
    	background-image: url(https://brief.fr/wp-content/uploads/2020/01/Site-Brief-Confiance-2.png);
	}
	
	#bloc-6 h2 {
		max-width: inherit;
    	font-size: 1.5em;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		border: 0;
		padding: 30px;
	}
	
	#bloc-6 > div:last-of-type > div {
		height: 269px;
    	background-size: 768px 269px;
	}
	
	#bloc-6 h3 {
    	font-size: 3em;
	}
	
	#bloc-7 > div:first-of-type img {
		max-width: 400px;
	}
	
	/*FOOTER*/
	
	#maj-footer > div:first-of-type > div:first-of-type {
		min-height: inherit;
	}
	
	#maj-footer > div:first-of-type > div > div {
    	width: 100%;
	}
	
	#maj-footer > div:first-of-type > div:first-of-type {
		background: #00d6cd;
		background-image: none;
	}
	
	#bloc-formulaire {
		position: initial;
		width: 100%;
		background: #00d6cd;
		padding: 20px 10px;
	}
	
	#bloc-formulaire > div {
		max-width: 500px;
	}
	
	#maj-footer > div:last-of-type {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#maj-footer #suivez-nous,
	#maj-footer #copyright {
		width: 100%;
	}
	
}

@media screen and (max-width: 600px) {
	
	#brief-aime-la-difference {
		font-size: 1.5em;
	}
	
	#video-galet {
		max-width: 400px;
	}
	
	.brief-aime-la-difference-filet {
		height: 190px;
	}
	
	#bloc-3,
	#bloc-5 {
		padding: 30px 0;
	}
	
	.accueil-slider-1 > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	
	.accueil-slider-1 > div > div:first-of-type, 
	.accueil-slider-2 > div > div:first-of-type {
		width: 100%;
	}
	
	.accueil-slider-1 > div > div:last-of-type, 
	.accueil-slider-2 > div > div:last-of-type {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 30px;
	}
	
	.accueil-slider-1 > div > div:first-of-type, 
	.accueil-slider-2 > div > div:first-of-type {
		padding: 0 30px;
	}
	
	.accueil-slider-1 > div > div:first-of-type > div, 
	.accueil-slider-2 > div > div:first-of-type > div {
		padding: 0;
	}
	
	.accueil-slider-1 > div > div:last-of-type img, 
	.accueil-slider-2 > div > div:last-of-type img {
		max-width: 400px;
	}
	
	#bloc-4 > div {
    	max-width: 600px;
    	min-height: 248px;
    	background-size: 600px 248px;
	}
	
	#bloc-4 > div > div {
    	width: 55%;
	}
	
	#bloc-4 h2 span:nth-child(1), 
	#bloc-4 h2 span:nth-child(3) {
    	font-size: 1.5em;
	}
	
	#bloc-4 h2 span:nth-child(2), 
	#bloc-4 h2 span:nth-child(4) {
    	font-size: 0.9em;
	}
	
	.accueil-slider-2 > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#bloc-5 h2 {
		text-align: left;
	}
	
	#bloc-5 .next-previous {
		position: initial;
	}
	
	#bloc-7 > div:first-of-type img {
    	max-width: 300px;
		margin: 0;
	}
	
	#bloc-7-2 > div > div:first-of-type,
	#bloc-7-2 > div > div:last-of-type {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#bloc-7-2 > div > div > div:first-of-type,
	#bloc-7-2 > div > div > div:last-of-type {
		width: 100%;
	}
	
	#bloc-7-2 > div > div > div:last-of-type {
		padding: 0;
	}
	
	#bloc-7-2 .cartouches {
		margin-top: 20px;
	}
	input #panne{
		background : red!important;
	}
}

@media screen and (max-width: 500px) {
	
	#brief-aime-la-difference {
		font-size: 1.2em;
	}
	
	#toTop {
    	width: 30px;
    	height: 30px;
		right: 30px;
		bottom: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	/*FOOTER*/ 
	
	#maj-footer #suivez-nous {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
}

@media screen and (max-width: 414px) {
	
	#bloc-4 > div > div {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		
	}
	
	#bloc-4 h2 {
		margin-right: 10px;
	}
	
	#bloc-4 h2 span:nth-child(1), 
	#bloc-4 h2 span:nth-child(3) {
		font-size: 1.2em;
	}
	
	#bloc-4 h2 span:nth-child(2), 
	#bloc-4 h2 span:nth-child(4) {
    	font-size: 0.7em;
	}
	
}






