/* CSE Styles */

	

		 .button_bleu { display: inline-block; padding: 8px 30px; border-radius: 20px; border: 2px solid var(--bleu); background: var(--bleu); color: #FFFFFF!important; transition: all 0.5s ease; }
		
			 .button_bleu:hover { background: var(--bleu2); color: var(--bleu)!important;  }
			
		 .button_bleu2 { display: inline-block; padding: 8px 30px; border-radius: 20px; border: 2px solid var(--bleu2); background: var(--bleu2); color: #FFFFFF!important; transition: all 0.5s ease; }
		
			 .button_bleu2:hover { background: transparent; color: var(--bleu2)!important; }
			
		 .button_bleu3 { display: inline-block; padding: 8px 30px; border-radius: 20px; border: 2px solid var(--bleu2); background: var(--bleu2); color: #FFFFFF!important; transition: all 0.5s ease; }
		
			 .button_bleu3:hover { background: #FFFFFF; color: var(--bleu2)!important; }
			
		 .button_blanc { display: inline-block; padding: 8px 30px; border-radius: 20px; border: 2px solid #FFFFFF; background: #FFFFFF; color: var(--bleu)!important; transition: all 0.5s ease; }
		
			 .button_blanc:hover { background: var(--bleu2); color: #FFFFFF!important; }
			
		 .border-radius_14 { border-radius: 14px; }
		
		 .bloc_bleu {  }
		
		 .button_arrow { display: inline-block; padding: 4px 30px 10px 0;  border-bottom: 1px solid var(--bleu); background: url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/arrow-right-bleu.svg) no-repeat 100% 50%; color: var(--bleu)!important; background-size: auto 16px; }
		
			 .button_arrow:hover { border-bottom: 1px solid var(--bleu2); background: url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/arrow-right-bleu3.svg) no-repeat 100% 50%; color: var(--bleu2)!important; background-size: auto 16px; }
			
		 .button_arrow2 { display: inline-block; padding: 4px 30px 10px 0;  border-bottom: 1px solid var(--white); background: url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/arrow-right-white.svg) no-repeat 100% 50%; color: var(--white)!important; background-size: auto 16px; }
		
			 .button_arrow2:hover { border-bottom: 1px solid var(--bleu2); background: url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/arrow-right-bleu3.svg) no-repeat 100% 50%; color: var(--bleu2)!important; background-size: auto 16px; }
			
		 .borderbottom_gris { display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--beige); }
		
		 .block_faq_2cols {  }
		
		 .block_bleu_motif1 { background: var(--bleu) url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-3.png) no-repeat bottom left; padding-top: 60px!important; padding-bottom: 60px!important; }
		
		 .block_bleu_motif1_inverted { background: var(--bleu) url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-3-inverted.png) no-repeat top right; padding-top: 60px!important;  }
		
		 .block_bleu_motif2 { background: url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-1.png) top left no-repeat, url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-2.png) bottom right no-repeat; background-size: auto 100px, auto 150px; background-color: #233853; }
		
		 .block_beige_motif1_small { background: var(--beige) url('https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-heroorange.png') no-repeat bottom right; background-size: auto 120px; }
		
		 .block_bleu4_motif1_small { background: var(--bleu4) url('https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-herobleu.png') no-repeat bottom right; background-size: auto 120px; }
		
		 .block_bleu_motif1_small { background: var(--bleu) url('https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-2.png') no-repeat bottom right; background-size: auto 120px; }
		
	/* PAGINATION */

	
		 .paginationholder a { display: inline-block; padding: 0.5rem 0.9rem; border: none; color: var(--bleu); cursor: pointer; }
		 .paginationholder a:hover { color: var(--bleu2);  }
		 .paginationholder a.jp-current, .paginationholder a.mixitup-control-active { background: var(--bleu2); color: #FFFFFF; }
		
	/* CUSTOM CSS */
	body { font-size: 1rem; }

h1, .h1 { font-size: 3.5rem; }
.bloc_bleu { }
.bloc_bleu h1, .bloc_bleu h2, .bloc_bleu h3, .bloc_bleu h4, .bloc_bleu h5 { }
#field_pow13daf5a1c9754d25 { overflow: hidden; }
.breadcrumb-item.active { padding-top: 2px; }

.hero_bleu { background: var(--bleu3) url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-herobleu.png) no-repeat bottom right; background-size: auto 200px; }
.hero_orange { background: var(--beige) url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-heroorange.png) no-repeat bottom right; background-size: auto 200px; }

.bordertop-bleu { border-top: 2px solid var(--bleu); }
.bordertop-bleu2 { border-top: 2px solid var(--bleu2); }
.bordertop-bleu3 { border-top: 2px solid var(--bleu3); }
.bordertop-bleu4 { border-top: 2px solid var(--bleu4); }
.bordertop-vert { border-top: 2px solid var(--vert); }
.bordertop-vert2 { border-top: 2px solid var(--vert2); }
.bordertop-beige { border-top: 2px solid var(--beige); }
.bordertop-beige2 { border-top: 2px solid var(--beige2); }
.bordertop-orange { border-top: 2px solid var(--orange); }


/* nl form */
#sib_signup_form_1 input[type="email"] { margin-top: 15px; background: var(--bleu); color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 14px 0 0 14px; padding: 6px 20px; transition: all 0.5s ease; }
#sib_signup_form_1 input[type="email"]:focus { background: var(--gris); color: var(--bleu); }
#sib_signup_form_1 input[type="submit"] { margin-top: 15px; background: var(--bleu); color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 0 14px 14px 0; padding: 6px 20px; transition: all 0.5s ease; }
#sib_signup_form_1 input[type="submit"]:focus { color: var(--bleu2); }

/* actus */
.actus_item { padding-top: 0px!important; padding-left: 0px!important; padding-right: 0px!important; position: relative; padding-bottom: 60px!important; }
.actus_item h3 { padding-left: 15px; padding-right: 15px; margin-top: 15px; }
.actus_item .item_content_excerpt, .actus_item .item_more  { padding-left: 15px; padding-right: 15px; }
.actus_item .item_content_excerpt { min-height: 116px; } 
.actus_item .actus_item_visuel { position: relative; }
.actus_item .actus_item_visuel .actus_item_more_date { display: block; font-size: 0.8rem; background: var(--bleu); color: #FFFFFF; padding: 3px 10px; border-radius: 4px; position: absolute; top: 15px; left: 15px; }
.actus_item .item_more { position: absolute; left: 5px; bottom: 15px; }

/* single actus */ 
.single_breadcrumb .breadcrumb { padding: 0; margin: 0; background: none; border-radius: 0; }
#breadcrumb_powc0bad2c70ae1407e { padding: 0; background: none; }
#breadcrumb_powc0bad2c70ae1407e nav { background-color: ; border-radius: 0px; padding: 4px 10px; } 
#breadcrumb_powc0bad2c70ae1407e nav a, #breadcrumb_powc0bad2c70ae1407e nav .breadcrumb-item.active { color: #233853; font-size: 0.9rem; transition: all 0.5s ease; } 
#breadcrumb_powc0bad2c70ae1407e nav a:hover { color: #3da0ea; } 
#field_powc0bad2c70ae1407e_inner .breadcrumb-item+.breadcrumb-item::before { display: inline-block; content: "\003E"; color: #233853; padding-left: 0px; padding-right: 10px; }

/* events */
.event_item { position: relative; padding-bottom: 80px!important; }
.event_item .event_item_visuel { position: relative; }
.event_item .event_item_visuel .event_item_more_date { display: block; font-size: 0.8rem; background: #FFFFFF; color: var(--bleu); padding: 3px 10px; border-radius: 4px; position: absolute; top: 15px; left: 15px; }
.event_item .item_more { position: absolute; left: 15px; bottom: 15px; }

.item_event_alaune .item_metas, .event_item .item_metas { text-transform: uppercase; font-size: 0.9rem; }
.item_event_alaune .item_metas .thematique, .event_item .item_metas .thematique { display: inline-block; padding-right: 10px; }
.item_event_alaune .item_metas .localisation, .event_item .item_metas .localisation { display: inline-block; padding-left: 10px; }

/* ressources */
.ressource_item { position: relative; padding-bottom: 80px!important; }
.ressource_item .item_more { position: absolute; left: 15px; bottom: 15px; }
.ressource_item .item_metas { text-transform: uppercase; font-size: 0.9rem; }

#formressourcesmodals { z-index: 999999; }
#formressourcesmodals .modal-content { background: var(--bleu4); }
#formressourcesmodals .modal-header { border-bottom: none; }
#formressourcesmodals label { font-size: 0.9rem; font-weight: normal; }
#formressourcesmodals .nf-form-content input:not([type=submit]) { border: none;  height: 40px; background: #FFFFFF; }
#formressourcesmodals .nf-error.field-wrap .nf-field-element:after { height: 40px; top: 0; }
#nf-form-3-cont { font-size: 0.9rem; }
#formressourcesmodals .nf-form-content input[type=submit] { border: 1px solid var(--bleu); background: var(--bleu); color: #FFFFFF; border-radius: 20px; height: auto; padding: 8px 30px; }
#formressourcesmodals .nf-form-content input[type=submit]:hover { background: var(--bleu4); color: var(--bleu); }

/* div */
.col_temoignage { padding: 30px; background: var(--bleu5) url(https://dev.wingsoftheocean.com/wp-content/uploads/2024/03/motif-4.png) no-repeat bottom right; font-size: 0.9rem; }

/* block faq 2 cols */
.block_faq_2cols .flexible_section_inner { position: relative; }
.block_faq_2cols .title_faq_right { display: block; position: absolute; width: 47%; right: 0; top: 40px; color: #FFFFFF; }
.block_faq_2cols .col-12.col-sm-6.order-2 { margin-top: 200px; }
.block_faq_2cols .faq-body { padding-left: 18px; }
.block_faq_2cols .faq { border-bottom: 1px solid #FFFFFF; }
.block_faq_2cols .question.noncollapsed { color: var(--vert2); }
.block_faq_2cols .question.collapsed { color: #FFFFFF; }

.block_faq_2cols_missions .flexible_section_inner { position: relative; }
.block_faq_2cols_missions .title_faq_right { display: block; position: absolute; width: 47%; right: 0; top: 40px; }
.block_faq_2cols_missions .col-12.col-sm-6.order-2 { margin-top: 200px; }
.block_faq_2cols_missions .faq-body { padding-left: 18px; }
.block_faq_2cols_missions .faq { border-bottom: 1px solid var(--bleu); }
.block_faq_2cols_missions .question.noncollapsed { color: var(--bleu2); }
.block_faq_2cols_missions .question.collapsed { color: var(--bleu); }

/* block faq missions */
.block_hero_missions, .block_hero_missions a, .block_hero_missions h1, .block_hero_missions h2, .block_hero_missions h3 { color: #FFFFFF; }
.block_hero_missions h1 { margin: 30px 0 50px; }
	@media (max-width: 576px) {	
		h1, .h1, h2, .h2 { font-size: 2rem; }

.block_faq_2cols .title_faq_right, .block_faq_2cols_missions .title_faq_right { position: relative; }
.block_faq_2cols .col-12.col-sm-6.order-2, .block_faq_2cols_missions .col-12.col-sm-6.order-2 { margin-top: 30px; }
.hero_bleu { background-size: auto 100px; }
.block_bleu_motif1 { padding-bottom: 160px !important; }
.block_faq_2cols .title_faq_right { width: 100%; }
	}