/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

/*** PAGE ACCUEIL ***/
/* MENU ENTETE FOND BLEU */
#header_fond-bleu .et_pb_row {
	display: flex;
	align-items: center;
}

.et_pb_column.et_pb_column_1_2.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single {
    /*width: 500px;*/
	padding-top: 0;
}

#header_fond-bleu .contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* RESPONSIVE */ 
 
@media screen and (max-width: 1024px) {

	#header_fond-bleu .et_pb_row {
		padding: 20px 0;
		width: 980px;
	}

	/*#header_fond-bleu .et_pb_image_0_tb_header {
        width: 90%;
    }*/

	#header_fond-bleu .phrase-entete p {
    	font-size: 14px;
	}

}


@media screen and (max-width: 980px) {

	#header_fond-bleu .et_pb_row {
		width: 100%;
		display: flex;
    	flex-direction: column;
		padding: 0 0 20px 0;
	}
	
	#header_fond-bleu .contact-info {
		
        align-items: center;
}

}

/* IMAGE FULLSIZE SOUS ENTETE FOND BLEU */

#img-entete.et_pb_section .et_pb_fullwidth_header.et_pb_fullwidth_header_0_tb_header {
	display: flex;
	object-fit: cover;
    height: 420px;
	z-index: 1;
}

/* TITRE SUR IMAGE - Fond bleu avec plus de spécificité */
#img-entete .et_pb_fullwidth_header .header-content h2.et_pb_module_header {
	background-color: rgba(15, 52, 87, 0.5);
    border-radius: 10px;
	margin: auto;
    width: 650px;
    padding: 10px;
}

/* RESPONSIVE */
@media screen and (max-width: 980px) {
	#img-entete .et_pb_fullwidth_header .header-content h2.et_pb_module_header {
		background-color: rgba(15, 52, 87, 0.5);
		border-radius: 10px;
		font-size: 30px;
		margin: auto;
		padding: 10px;
		width: 100%;
	}
}

/* MENU */
ul#menu-principal {
    column-gap: 30px;
}

/* RESPONSIVE */ 
 
@media screen and (max-width: 1280px) {

	nav.et-menu-nav ul#menu-principal {
    	column-gap: 20px;
	}
}

@media screen and (max-width: 1024px) {

	nav.et-menu-nav ul#menu-principal {
    	column-gap: 10px;
	}
}

/* SECTION SOUS MENU - PAGE ACCUEIL */
.section_fond-bleu .et_pb_row, 
.section_fond-bleu .et_pb_row .btn-container {
	display: flex;
    align-items: center;
}

/* SECTION TEXTE + IMAGE ENFANT PLEINE LARGEUR */

#section_double-col-bleu {
	position: relative;
}

#section_double-col-bleu .double-col, #section_double-col-bleu .double-col .bloc-img img{
	height: 580px;
	display: flex;
    align-items: center;
}

#section_double-col-bleu .col-btn {
	position: absolute;
	width: 650px;
	left: 5%;
    bottom: 0;
}

/* RESPONSIVE */ 

@media screen and (max-width: 1500px) {

	#section_double-col-bleu .col-btn {
        left: 2%;
	}
}

@media screen and (max-width: 1280px) {

	#section_double-col-bleu .double-col, #section_double-col-bleu .double-col .bloc-img img{
		height: 680px;
	}

	#section_double-col-bleu .col-btn {
	    bottom: 0;
        left: 0;
	}
}

@media screen and (max-width: 1024px) {

	#section_double-col-bleu .double-col, #section_double-col-bleu .double-col .bloc-img img{
		height: 880px;
	}

	#section_double-col-bleu .col-btn {
	    width: 100%;
		row-gap: 10px;
		display: flex;
        flex-direction: column;
        align-items: flex-start;
		bottom: -20px;
	}
}
 
@media screen and (max-width: 980px) {

	#section_double-col-bleu .double-col {
		max-width: 100%;
		height: auto;
		display: flex;
        flex-direction: column;
	}

	#section_double-col-bleu .double-col .bloc-img img {
        height: auto;
    }

	#section_double-col-bleu .col-btn {
	   position: relative;
	   width: 100%;
	   left: 0;
	   bottom: 0;
	}
}

/* SECTION FOND ROUGE - Hauteur image château */
#section_chateau .et_pb_column img {
	height: 500px;
	object-fit: cover;
	width: 100%;
}

#section_chateau .fond-rouge {
    display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#section_chateau .double-col .img-chateau {
	width: 55%;
}



/*** PAGE QUI SOMMES NOUS ***/

#chateau .et_pb_row {
	display: flex;
    align-items: center;
}

#chateau .bloc-img img {
	object-fit: cover;
    height: 580px;
}

#chateau .bloc-img.tyrolienne img {
	object-fit: cover;
    height: 470px;
}

#chateau .bloc-img.chateau img {
	object-fit: cover;
    height: 630px;
}

.card-equipe {
	margin: auto;
	column-gap: 0px;
	justify-content: center;
}

.card-equipe .texte-presentation {
	max-height: 350px;
	align-items: center;
    display: flex;
}

.card-equipe .texte-presentation p {
	color: #ffffff;
}

.card-equipe .img {
	background-color: #F2F1EB;
	padding: 10px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
	height: 350px;
	width: 350px;
}

.card-equipe .img img {
	height: 250px;
	object-fit: cover;
}

/* RESPONSIVE */ 

@media screen and (max-width: 1280px) {

	.card-equipe .texte-presentation {
		max-height: 400px;
	}
}

@media screen and (max-width: 1024px) {

	.card-equipe .texte-presentation {
		max-height: 450px;
	}
}
 
@media screen and (max-width: 980px) {

	#chateau .et_pb_row {
		display: flex;
		flex-direction: column;
	}

	#chateau .bloc-img img, #chateau .bloc-img.tyrolienne img, #chateau .bloc-img.chateau img {
			height: auto;
		}

	.card-equipe {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.card-equipe.rouge {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		row-gap: 30px;
	}

	.card-equipe .img-equipe {
		text-align: center;
	}
}


/*** PAGE SEJOUR ***/

#activites {
    display: flex;
    flex-direction: column;
    position: relative;
}

#activites .img-activites {
    width: 51%;
    margin: 0;
	padding: 0 30px;
}

#activites .img-activites .img-groupe {
    background-color: #F2F1EB;
	padding: 10px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}

#activites .img-activites .img-groupe img {
    height: 140px;
	object-fit: cover;
}

#activites .bloc-texte {
	width: 47%;
    margin: 0;
	display: flex;
    align-items: center;
    position: absolute;
	height: 450px;
    right: 0;
}

#bloc-british {
	display: flex;
	align-items: center;
}


@media screen and (max-width: 1280px) {

	#bloc-british, #activites .bloc-texte {
		padding: 30px;
	}

	#bloc-british .et_pb_module.et_pb_text.et_pb_text_2.et_pb_text_align_left.et_pb_bg_layout_light {
		padding-left: 0!important;
	}

	#bloc-british .et_pb_module.et_pb_text.et_pb_text_6.et_pb_text_align_left.et_pb_bg_layout_light {
		padding-right: 0!important;
	}
}

@media screen and (max-width: 1024px) {

	#bloc-british .et_pb_module.et_pb_text.et_pb_text_5.et_pb_text_align_left.et_pb_bg_layout_light.et_had_animation {
		padding-top: 30px;
	}

	#activites {
		display: flex;
		flex-direction: column;
		position: static; 
		align-items: center;
	}

	#activites .bloc-texte {
		width: 100%;
		height: auto;
		position: static; 
		order: 1; 
		margin-bottom: 30px;
	}

	#activites .img-activites {
		width: 100%;
		padding: 0 15px;
		order: 2; 
		display: grid;
		grid-template-columns: repeat(4, 1fr); 
		gap: 20px;
	}

	#activites .img-activites .img-groupe {
		width: 100%;
	}

	#activites .img-activites .img-groupe img {
		width: 100%;
		height: 220px; 
	}
}

@media screen and (max-width: 980px) { 

	#bloc-british {
		display: flex;
		flex-direction: column;
	}

	#activites .img-activites {
		width: 100%;
		grid-template-columns: 1fr; 
		gap: 15px;
	}

	#activites .img-activites .img-groupe img {
		height: auto;
	}
}


/* FORMULAIRE CONTACT - Cases à cocher en ligne */
.et_pb_contact_field_options_list {
    display: flex;
    flex-direction: row;
    column-gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.et_pb_contact_field_options_wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 30px;
}

/* Case RGPD en ligne */
#contact_form .et_pb_contact .et_pb_contact_field_half {
	width: 100%;
	padding: 0;
}

#contact iframe {
    max-height: 250px;
    object-fit: cover;
}

/* RESPONSIVE - Retour en colonne sur mobile si besoin */
@media screen and (max-width: 980px) {
    .et_pb_contact_field_options_list {
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start;
    }
    
    .et_pb_contact_field_checkbox {
        flex-direction: row;
        align-items: flex-start;
    }

	.et_pb_contact_field_options_wrapper {
		display: flex;
		flex-direction: column;
	}

	#contact iframe {
		max-height: 100%;
	}
}

/*** PAGES MENTIONS LEGALES & POLITIQUE DE CONFIDENTIALITE 

.body.privacy-policy.page-id-3 h1, h2, h3, h4, p {
	color: #0f3457;
}

.body.page-id-256 h1, h2, h3, h4, p {
	color: #0f3457;
}***/