<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">header.main {background-color:#14badb}

header.main nav {background-color:#ffffff}/* Début feuille Fonts */



	
	@font-face {
		font-family: "proxima-nova-regular";
		src: url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.eot');
		src: url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	body {font-family: "proxima-nova-regular";}
	
	
	
	
		
	


	
	@font-face {
		font-family: "proxima-nova-regular";
		src: url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.eot');
		src: url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/proxima-nova-regular.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	p {font-family: "proxima-nova-regular";}
	
	
	
	p {font-size: 1.1em;}
	
	
	p {color: #282b38;}
	
	
		
	


	
	@font-face {
		font-family: "montserrat-bold";
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot');
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	h1 {font-family: "montserrat-bold";}
	
	
	
	h1 {font-size: 2.5em;}
	
	
	h1 {color: #123593;}
	
	
	
	h1 {font-size: 2.5em;}

	h1 {position:relative;}
	h1:after {content: "";
display: block;
clear: both;
width: 200px;
height: 50px;
background: url('https://plages-charente-maritime.com/sites/plages-charente-maritime.com/local/cache-vignettes/L125xH18/vague-jaune-7a8fb-60bf8.svg?1696433537') no-repeat left;}	
	section.centrer h1:after {margin:0 auto;}	
		
	


	
	@font-face {
		font-family: "montserrat-bold";
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot');
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	h2 {font-family: "montserrat-bold";}
	
	
	
	h2 {font-size: 1.6em;}
	
	
	h2 {color: #123593;}
	
	
		
	


	
	@font-face {
		font-family: "montserrat-bold";
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot');
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	h3 {font-family: "montserrat-bold";}
	
	
	
	
	
	
	h3 {color: #000000;}
	
	
		
	


	
	@font-face {
		font-family: "montserrat-regular";
		
		
		
		
		
		font-weight:normal;
		font-style:normal;
	}
	h4 {font-family: "montserrat-regular";}
	
	
	
	
	
	
	h4 {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	.slogan {color: #ffffff;}
	
	
		
	


	
	@font-face {
		font-family: "montserrat-bold";
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot');
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	a.logo {font-family: "montserrat-bold";}
	
	
	
	
	
	
	a.logo {color: #ffffff;}
	
	
		
	


	
	@font-face {
		font-family: "montserrat-bold";
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot');
		src: url('plugins/mutulieux/squelettes/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff2') format('woff2'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.woff') format('woff'),
		url('plugins/mutulieux/squelettes/fonts/montserrat-bold.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	header.main nav ul li a
	 {font-family: "montserrat-bold";}
	
	
	
	header.main nav ul li a
	 {font-size: 1.1em;}
	
	
	header.main nav ul li a
	 {color: #123593;}
	
	
		
	



p a, p a:visited {color:#000000;}
article p strong  {font-weight:bold;background-color:#D6B70C4D;;}




/*  Blockquote */
blockquote {color:#000000;}/*  Début feuille Header */

header.main.aligne main nav {flex-basis:auto;width:auto;background-color:transparent;border-top:none;overflow-x:hidden;}

header.main {background-color:#ffffff;}
header.main nav {background-color:#ffffff;}

header.main a.logo img {width:320px;}
header.main a.logo img {padding:1em;}/*  Début feuille Nav */

header.main nav {padding:1em;max-width:100%;flex-wrap:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;}

header.main nav {flex-basis:100%;width:100%;padding:1em 1em 1em 1em;border-top:1px solid #efefef;margin-top:0.5em;}


header.main nav::-webkit-scrollbar {width:10px;height:10px;}
header.main nav::-webkit-scrollbar-thumb {background:#ccc;border-radius:10px;}
header.main nav::-webkit-scrollbar-track {background:#efefef;border-radius:10px;}

header.main nav ul {list-style-type:none;margin:auto 1em;justify-content:center;}
header.main nav ul li {text-align:center;border-right:1px solid #efefef;min-width:fit-content;font-size:1.1em;margin:0;}
header.main nav ul li:last-child {border-right:none;}

header.main nav ul li a {text-decoration:none;justify-content:center;padding:0.5em 0;margin:0 1em;}/* Début feuille Composants */

section.centrer main {max-width:1320px;margin:0 auto;gap:5%;}
section.fullwidth main {padding:4em 0;}

section.texte-image main.inverser span {order:2;}
section.texte-image main.inverser img {order:1;}

section.texte-image main span {flex:1;max-width:50%;}
section.texte-image main img {flex:1;max-width:50%;}

@media (max-width: 767px) {

	section.texte-image main {flex-direction:column;flex-wrap:nowrap;}
	section.texte-image main img {max-width:100%;}
	section.texte-image main span {max-width:100%;}

}

section.video {margin:2em 0;}

ul.focus li {border-bottom:1px solid #ccc;list-style-type:none;margin:0 0;padding:0.75em 0;} 
ul.focus li a {font-weight:bold;} 
ul.focus li a:before {content:"+";margin-right:1em;} 
ul.focus li:last-child {border:none;}/* Video */.slider-init {position:relative;overflow: hidden;
}
.slide {position:relative;object-fit:cover;width:100%;}
.premiere-slide {display:block;}
.apparition {animation:4s apparition;}
.disparition { transition: opacity 2000ms, display 2000ms;
  display: none;
  opacity: 0;}

@keyframes apparition {
	0%		{opacity: 0.00}
	25%		{opacity: 0.25}
	50%		{opacity: 0.50}
	75%		{opacity: 0.75}
	100%	{opacity: 1.00}
}

@keyframes disparition {
	0%		{opacity: 1.00}
	25%		{opacity: 0.75}
	50%		{opacity: 0.50}
	75%		{opacity: 0.25}
	100%	{opacity: 0.00}
}
 
/*
########################
# -- PLUGIN STYLES --- #
########################
*/



/* -- Test classe section -- */
.classe {font-weight:bold}


	
	
	body.sommaire section.introduction {height:200px;display:block;width:100%;background-image:url('sites/plages-charente-maritime.com/IMG/jpg/vague-ecume-plage.jpg');background-size:100%;background-position-y:center;background-repeat:no-repeat}
	
	



</pre></body></html>