<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&amp;display=swap');
body {
    background-color: #FFF;
    margin-left: 40px; /* Removes default browser margins */
    padding: 0; /* Ensures no extra space around content */
    font-family: Roboto,Georgia,sans-serif;
    color: #212F3C;
    box-sizing: border-box; /* Ensures padding and borders are included in width/height */
}



.page-article{
display:inline-block;
width:100%;
margin-left:200px !important;
margin-top:0;
background-color:#FFF;
width:1100px;
max-width:1350px; 
min-height:2000px;
min-width:1000px;
}

.page{
display:inline-block;
width:100%;
margin-left:200px !important;
margin-top:0;
background-color:#FFF;
max-width:1250px; 
min-height:2000px;
}

.with-borders, .with-borders th, .with-borders td {
  border: thin solid black;
  border-collapse: collapse;
  padding: 4px;
}

#search{
display:block;
position:absolute;
top:50px;
left:940px;
z-index:101;

}

.container {
    width: 100%; /* 80% width for desktop */
    max-width: 1200px;
    padding-left: 20px;
}
.header-photo {
width: 100vw;  /*Ensure it fills exactly 100% of the viewport width */
 /* Maintain the aspect ratio */
  display: inline-block; /* Ensure no inline elements cause spacing issues */
  margin: 0; /* Remove any extra margin */
  padding: 0; /* Remove any extra padding */
  max-width: 1200px !important; /* Prevent it from overflowing the container */
  max-height:250px;
box-sizing: border-box; /* Ensure padding/border does not affect dimensions */
}
.article-photo {
    width: 750px; /* Make the photo responsive */
    max-width: 1000px; /* Ensure it doesn't overflow */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Avoid extra space from inline elements */
    margin: 20px auto; /* Center it horizontally */
}

.legende-top{
text-align:center;
width:788px;
margin-bottom:80px;

}
.legende{
font-size:9pt;
width:750px;
font-family:helvetica;
margin-left:0px;
margin-top:-4px;
margin-bottom:60px;
color:#003;

}


.title{
	margin-bottom:50px;
	margin-top:10px;
	width:80%;
	line-height:100%;
	font-size:30pt;
	color:#005b77; 
	font-weight:700;  
	font-family:'roboto dark';
	text-align:left; 
}

.type{
	padding-top:20px;
	padding-bottom:40px;
	font-family:helvetica;
	font-weight:700;
	font-size:10pt;
	margin:0 auto !important;
	text-align:center; 
	color:#222;
	display:inline-block;
}


.responsive-text {
    margin-left: 200px; /* Default left margin for web */
}

#main{
width:1250px;
margin-top:0px;
margin-left:30px;
background-color:#fdfdf8;
height:auto; 
margin: 20px auto;
padding:6px;

}
#main::after {
  content: "";
  display: table;
  clear: both;
}
#coll1{
width:570px;
float:left;
vertical-align:top;
border-right:thin black solid;
margin-right:0px;
}
#coll2{
width:660px;
float:right;
margin-left:5px;
}
#coll2-1{
width:270px;
float:left;
min-height: 200px; 
margin-left:0px;
margin-right:5px;
}
#coll2-2{
width:300px;
max-width:320px;
float:right;
min-height: 1000px;
margin-left:5px;
margin-right:50px;
background-color:#fef8e8;
padding:5px;
}
/*STYLE*/
.laune{
 /*font-family:Kazimir-Bold,sans-serif Arial;*/ 
font-size: 20pt !important;
color:#005b77; 
margin: 10px;
line-height: 135%;
text-align:center;
font-weight:700;
font-family:'roboto dark';
padding-top:0px;
text-align:center;
display:inline-block;
}
.launebzh{
font-size: 13pt !important;
color:#005b77; 
margin-bottom: 10px;
margin-top: 0px;
line-height: 135%;
text-align:center;
font-weight:700;
font-family:'roboto dark';
padding-top:10px;
text-align:center;
}
.headline{
font-size:12pt;
color:#005b77;
font-family: Gupter, serif;
font-weight: 400;
line-height:135%;
margin:15px 15px 15px 0;
}
.titre-section{
font-size: 10pt;
width:90%;
color:#003852;
text-transform: uppercase;
border-bottom: 1px solid #9A9A9A;
margin:40px 0 15px 30px;
font-weight:700;
}
.infos-article{
	font-size:9pt;
	line-height:1.4;
	font-weight:600;
	color: #3c3c3c;
	display:inline-block;
	margin-bottom:10px;
	min-height:30px;
	backface-visibility: hidden;
}
.intro{
font-size:11pt;
color:#005b77;
line-height:135%;
margin-bottom:20px;
margin-top:20px;
}

a{
color:inherit;
text-decoration-color:navy;
 transition: 0.2s;

}


a.header{
color:inherit;
transition: 0.2s;
}



a:hover,
a:focus,
a:active
a:visited{
color: navy;
text-decoration:underline !important;
transition: 0.2s;
}


a.lienvoir2:link,a.lienvoir2:visited{
border-bottom: 2px solid #CBEEFA !important;
box-shadow: inset 0px -4px 0px #CBEEFA;
color:#333; 
text-decoration:underline;
}
a.lienvoir2:hover {
        text-decoration:none;
        background:#CBEEFA; 
}
.lienbleu{
font-family:Kazimir-Bold,sans-serif, Arial; 
font-size: inherit;
color:#0000ff; 
margin-bottom: 10px;
margin-top: 0px;
line-height: 135%;
text-align:center;
font-weight:700;
font-family:'roboto dark';
padding-top:10px;
text-align:center;
}
a.lienbleu:link,a.lienbleu:visited {
	text-decoration:none;
	color:#005a75;
	font-size:9pt;
}
a.lienbleu:hover {
	text-decoration:underline;
	color:#0000ff; 
    font-size:9pt;
}
.lienbleu2{
font-size: inherit;
color:#005a75;
font-weight:700;
font-family:'roboto dark';
}
a.lienbleu2:link,a.lienbleu2:visited {
	text-decoration:none;
	color:#005a75;
}
a.lienbleu2:hover {
	text-decoration:underline;
	color:#0000ff; 
}
  .subscribe-link {
    color: #0077cc;
    font-weight: bold;
    text-decoration: underline;
  }
  .subscribe-link:hover {
    color: #0055aa;
    text-decoration: none;
  }
h2{
margin-top:2px;
}
h2{
margin-top:2px;
text-align:center;
}
h3{
margin-top:32px !important;
text-align:left;
color:#004A88;
font-size: 15pt;
margin-bottom:-10px;

line-height:110%;
font-family:inherit;
font-weight:700;
}
h5{
display:block;
font-size:13pt;
text-align:left;
margin-top:20px;
margin-bottom: 20px !important;
font-weight:400;
color: #337777;
line-height:155%;
font-family:georgia;
}



h6{
margin-left:200px;
}



p{
font-size: 13pt;
margin-bottom: 20px;
line-height:195%;
color:#004A66;
font-family:Roboto,georgia,sans-serif;
font-weight:400 !important;
margin-left:2px;
text-align:left;
 } 
 
li{
font-size: 13pt;
list-style-image: url(img/dot-blue-save.png);
margin-bottom: 20px;
line-height:145%;
color:#004A66;
font-family:Roboto,georgia,sans-serif;
font-weight:500 !important;
margin-left:2px;
text-align:left;
 }  
 
 
 
 
 b,strong{
 font-weight:500;
 }
 .citation {
font-size:inherit;
font-family:arial;
line-height:inherit;
color:#005b77;
font-weight:500;
font-style:italic;
}
extrait-article{
font-size: 13pt;
margin-bottom: 20px;
line-height:123%;
color:#005b77;
font-family:Roboto,sans-serif;
font-weight:400;
margin-left:2px;
 }
/* Global ul, ol, li styles */
blockquote {
  display: inline-block;
  /* Combine margin: top/bottom 30px and left/right 10px */
  margin: 30px 10px;
  padding: 20px;  /* All sides 20px (no need for extra padding-right since it's the same) */
  width: 80%;
  max-width: 800px;
  
  font-size: 12pt;
  line-height: 1.5em !important;
  /* Itâ€™s best to quote font names that have spaces; in your case "Roboto" is okay without quotes,
     but itâ€™s common to see it quoted. */
  font-family: 'Roboto', Georgia, serif;
  font-style: italic;
  color: #555 !important;
   font-weight: 400;
  background: #F4F4F4;
  border: none;
  border-left: 10px solid #ccc;
}

blockquote:before {
  content: "\201C";
  display: inline-block;      /* Make it inline-block so it flows with text */
  vertical-align: middle;     /* Adjust vertical alignment as needed */
  margin-right: 5px;          /* Reduce the space after the quote */
  font-size: 30pt;
            /* Reduce line-height to prevent extra space */
 
  color: #9E4B06;
}


blockquote &gt; footer {
  margin-top: 0.75em;
  font-size: 3em;
  color: #9E4B06;
}

blockquote &gt; footer:before {
  content: "\2014 \0020";
}

.abstract{
font-style:italic;
font-size:12pt;
font-family:'Roboto ital';
}
/* IMAGES */
.vignette{
	overflow: hidden;
	border-radius: 5px;
	
	max-width: 100%;
	margin-bottom: 12px;
}
.grandeVignette{
		max-height: 350px !important;
		text-align: center;
		overflow: hidden;
	       border-radius: 5px;
	       margin-bottom: 12px;
		}
.afficheVignette{
		max-height: 400px;
	}
.vignette img{
		width: 250px;
		height: 100%;
		border-radius: 5px;
	
	}
/*FORMAT*/
hr{
width:70%;
background-color:gray;
margin-bottom:30px;
margin-top:10px;
}
.encart-gris{
max-width:1000px;

display:inline-block;
font-size:11pt;
padding:15px;
border-radius: 5px;
background:#eee;
margin-left:200px;

}

.encart-gris-profil{
font-family:Montserrat;
line-height:200%;
max-width:700px;
color:#333;
background:#eee;
width:100%;
display:inline-block;
font-size:12pt !important;
/*background:#D7D7D7;*/
padding:15px ;
border-radius: 5px;
margin-bottom:40px;
margin-top:0px;
}

.encart-gris-texte{
font-family:Montserrat;
line-height:200%;
max-width:700px;
color:#333;
width:100%;
display:inline-block;
font-size:12pt !important;
/*background:#D7D7D7;*/
padding:15px ;
border-radius: 5px;
margin-bottom:40px;
margin-top:40px;

}

.encart-gris-com{
font-family:Montserrat;
line-height:200%;
max-width:700px;
color:#333;
width:100%;
display:inline-block;
font-size:12pt !important;
background:#fff;
padding:15px ;
border-radius: 5px;
margin-bottom:20px;
margin-top:40px;
margin-left:170px;

}


.encart-gris-post{
max-width:600px;
width:100%;
display:inline-block;
font-size:11pt;
background:#fff;
padding:15px ;
border-radius: 5px;
color:#333;
margin:0 0 0 100px;
height:460px;
}
.encart-gris-reply{
font-family:Montserrat;
max-width:700px;
display:inline-block;
font-size:11pt;
padding:15px ;
border-radius: 5px;
background:#eee;
margin-bottom:20px;
margin-top:20px;
margin-left:220px !important;
color:#333;
}
.article .auteur {
color: #7d7d7d;
	margin-bottom: 0;
	text-transform: uppercase;
}
.article .auteur {
	font-size: 13px;
	line-height: 1.3;
}
.article .similaires h1{
	font-size: 22px;
}
/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize and www.sitepen.com
*/
/* buttons */
.btn {
  display: inline-block;
}
/* forms items */
form,
fieldset {
  border: none;
}
input,
button,
select,
label,
.btn {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}
input,
button,
select,
label,
.btn {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}
input,
textarea{
  color:#000;
  background: #fff;
  border: 1px solid #E6E6E6;
  outline: none;
  border-radius: 5px;
  
}
input:focus,
textarea:focus{
  background: #fff;
  border: 1px solid #003852;
}
.grandeVignette{
	display:inline-block;
	text-align: center;
	width: 100%;
       object-fit: scale-down;
	max-width:550px;
	position: relative;
	}
.grandeVignette2 {
    display: inline-block;
    text-align: center;
    max-width: 550px;
    max-height: 500px; /* Set max height but allow flexibility */
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; /* Ensures nothing exceeds the bounds */
}
.grandeVignette2 img {
    max-width: 100%;
    max-height: 100%;
    width: auto; /* Keep auto width */
    height: auto; /* Keep auto height */
    object-fit: contain; /* Ensures the entire image fits without being cut off */
}
.avatar{
width:62px;
display:block;
float:left;
margin-right:5px;
}
.scroll-container {
        width: 100%;
        overflow-x:hidden;
    }
.scroll-text {
       animation: scroll 15s linear infinite;
      	font-size:18px;
	display: inline-block;
       white-space: nowrap;
       font-family:'roboto dark';
       font-size: 16pt;
       font-weight:700;
       color:#005b77; 
       position:absolute;
}       
    @keyframes scroll {
        0% { transform: translateX(0%); }
        100% { transform: translateX(-100%); }
    }
.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.expandable-image {
    max-width: 100%;
    height: auto;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.expandable-image.expanded {
    transform: scale(1.6) translate(21px,53px); /* Adjust the scale as needed */
}

   .moncontainer {
            position: relative;
            width: 550px;
            max-height: 500px;
            padding-bottom:40px;
        }
        .monimage {
            width: 100%;
            max-height:500px;
            object-fit: fill;
            z-index:0;
        }
        .montitre {
            position: absolute;
            z-index:1;
            top: 65%;
            left: 50%;
            text-align:center;
            width:90%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 20pt;
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
/* Styling for the smallprint links */
.smallprint {
  color:#222;
  text-decoration:none !important;
  font-size:10pt;
  font-weight:500;
  padding-top:5px;
  margin-top:5px !important;
}

.publierprint {
  color: #000;
  background: transparent;
  text-decoration: none !important;
  font-size: 11pt;
  font-weight: 500;
  padding: 4px 8px;
  margin-right: 5px;
  border: 1px solid #000;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  transition: background-color 0.2s, color 0.2s;
}

.publierprint:hover {
  background-color: #000;
  color: #fff;
}




.publierprint-light {
  color: #000;
  background: transparent;
  text-decoration: none;
  font-size: 10pt;
  padding: 3px 6px;
  border: none;
  display: block;
}


.smallprintwhite {
  color:#eee;
  text-decoration: none;
  font-size:10pt;
  font-weight:600;
  padding: 0 10px;
}
/* Add styling for the dropdown button in the horizontal menu */
.dropdown {
  display: inline-block;
  position: relative;
}
/* Dropdown button styling */
.dropbtn {
  padding: 0px;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #AAA;
  min-width: 140px;
  min-height:150px;
  color:#222;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  top: 100%; /* Position below the button */
  left: 0;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}
/* Show the dropdown content on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/* Horizontal menu links hover effect */
.smallprint:hover {
  color: #007BFF;
}
.footer{
display:inline-block;
background:#005b77
}
ul.footer{
}
li.footer{
font-weight:500;
margin-bottom:0;
padding-bottom:0;
font-size:9pt;
color:#bbb;
}
/* Parent container for header and menu */
.header-container {
  position: relative; /* Allows absolute positioning for child elements */
  width: 100%;
  max-width: 1250px; /* Restrict width for large screens */
margin:0 auto;
z-index:1;
}

.top-menu-action {
position:absolute;
top:15px;
left:400px;
text-align:right;
z-index:1000;
}

.top-menu {
  position:absolute;
  bottom: -12px;
  left: 30%; /* Start at 30% */
  transform:translateX(-30%); /* Offset based on the 30% starting point */
  display: flex;
  justify-content:flex-start;
  gap: 10px;
  z-index: 100;
   padding: 10px;
}
/* Menu item styling */
.top-menu a {
  color: white;
  text-decoration: none;
  font-size: 13px; /* Slightly larger font for readability */
  padding: 5px 10px;
  white-space: nowrap; /* Prevent wrapping of menu items */
}
li.voir{

font-size:10pt;
font-weight:700;
margin-bottom:4px;
line-height:135%;
font-family: Roboto,Georgia,sans-serif;
color: #212F3C;
}

table {
  border-collapse: collapse !important;
border:thin black solid;
  color:#004A66;
font-family:georgia;
font-size:10pt;
}

th, td {
  border: none;
  padding: 8px;
  text-align: left;
  color:#004A66;
font-family:georgia;
font-size:10pt;
}

.matable_reseaux{
border:none !important;
border-collapse: collapse;
padding:3px;
margin: 90px 0 90px 0;
width:600px;
}

.matable_reseaux td{
border:none !important;
border-collapse: collapse;
}

.matable_article{
border:thin black solid;
border-collapse: collapse;
padding:3px;

width:600px;
}

.matable_article td{
border:thin black solid;
border-collapse: collapse;
}

.notes{
font-size:11pt;
font-family:inherit;
line-height:110%;
}

.legal{
line-height:140% !important;
font-size:10pt;
font-weight:700 !important;
width:800px;

margin-top:20px;
}
</pre></body></html>