/* HTML tag styles                             */
/***********************************************/ 
/*
#pagenveloppe {
width: 80vw;
background:#FFFF;
font-family: Verdana, sans-serif;
margin:auto auto;
padding:0px 0px 0px 0.5vw;
position:relative;
box-shadow: 0 0 5px 5px #333;
}*/

#pagenveloppe {
width: 94vw;
background:#FFFFFF;
padding:0 1.5vw 0 1vw;
margin:0 auto;
line-height: 1;	
-webkit-box-shadow: 0 0 5px 5px #333;
}

#entete{
	margin: auto auto;
	height: 6vw;
	width: 98%;
	position:relative;
}

nav a.Prim{ /* tous les liens a à l'intérieur de la balise nav  avec la classe : Prim */
float: left; /* effet flottant */
text-decoration: none; /* pas d'héritage avec effet souligné */
color: black; /* couleur du texte */
background: #99C6FF; /* couleur de fond */
line-height: 3vw; /* interligne */
border-radius: 4px;
padding:0px 4px; /* marges intérieures */
margin-left:0.1vw;
margin-top:4vw;
font-family: sans-serif; /* police d'écriture */
font-size: clamp(0.7em, 1.125vw, 1.125em); /* taille du texte */
transition: .5s; /* temps de transition lors du hover : une demi seconde */
}

nav a.Prim:hover{ /* tous liens lors du survol dans la balise nav avec la classe : test */
background: #f43c80; /* couleur de fond */
}

nav a.test{ /* tous les liens a à l'intérieur de la balise nav  avec la classe : test */
float: left; /* effet flottant */
text-decoration: none; /* pas d'héritage avec effet souligné */
color: black; /* couleur du texte */
background: #FFFF99; /* couleur de fond */
line-height: 3vw; /* interligne */
border-radius: 4px;
padding:0px 5px; /* marges intérieures */
margin-top:4vw;
margin-left:0.1vw;
font-family: sans-serif; /* police d'écriture */
font-size: clamp(0.7em, 1.125vw, 1.125em); /* taille du texte */
transition: .5s; /* temps de transition lors du hover : une demi seconde */
}

nav a.test:hover{ /* tous liens lors du survol dans la balise nav avec la classe : test */
background: #f43c80; /* couleur de fond */
}

 /* DEBUT HEADER */
header {
 /*background-color: #fff;*/
inset: 0 0 auto 0;
padding-bottom: 1px;
padding-top: 1px;
position: sticky;
z-index: 11;
}
/***********nouveau novembre 2025********************/
#header_container {
  margin-left: auto;
  margin-right: auto;
}

 /* FIN HEADER CONTAINER*/




h1.entete {
font-family: Verdana,Arial,sans-serif;
font-size: 0.6em;
color: #334d55;
padding: 10px 0px 0px 0px;
}

img.entete 
{float: right; 
position: relative; 
top:-1.25em; 
width: 43%; 
height: 95%;
}

p.entete {
font-family: Verdana,Arial,sans-serif;
font-size:0.47em;
width:60%;
line-height: 1em;
margin: .1em .5em -.2em .1em;
}

p.small{
	font-family: Arial;
	line-height:0.2%;
	clear: both;
	font-size: clamp(0.1vw, 0.1vw, 0.1vw); /* taille du texte */
}



#colonnesenveloppe {
	position:relative;
	width: 100%;
	height:auto;
	margin: 3vw 0vw 0vw -1.2vw;
	padding: 1px 1px 1px 2vw;
	overflow: visible;
	font-family: Didot,sans-serif;
	z-index:1000;
}

#contenairH {
	position:relative;
	width: 100%;
	height:auto;
	margin: 5px 0px 0px 0px ;
 	display: flex;
	flex-direction: row;
	background-color: white;
}

#contenairV {
	position:relative;
	width: 20%;
	height:100%;
	margin: 0px 0px 0px 0px;
  	display: flex;
	flex-direction: column;
}

#globalNav{
position:relative;
color: #cccccc;
width: 45%;
padding: 0px 0px 0px 0px;
white-space: nowrap;
}


#siteInfo{
font-size: 30%;
padding: 5px 0px 0px 0px;
position:relative;
color: #5C82B8;
margin : auto;
padding: 0px 0px 0px 0px;
}

#siteInfo img
{
	padding: 1px 20px 1px 10px;
	vertical-align: middle;
}

/************** footer *************/

footer {
font-family:"Futura";
justify-content: center;
font-size: clamp(0.7em, 1.1vw, 1em);
padding:0;
margin:0 auto;
background-color: #032859;
color: #fff;
}

a.footer:hover{
text-decoration:none;
color:#ffffff;
	}
a.footer:visited{
text-decoration:none;
color:#ffffff;
	}
	
a.footer:link{
text-decoration:none;
color:#ffffff;
	}
	
hr.footer	{
width:20%;
margin:1em auto;
border:1px ridge white;
	}
	
p.footer	{
font-family:"Futura";
display: flex;
justify-content: center;
font-size: clamp(0.7em, 1.12vw, 1em);
padding:0;
margin:0 auto;
color: #fff;
	}
		
ul.footer	{
text-decoration:none;
color:#ffffff;
	}
	
li.footer	{
text-decoration:none;
list-style-type:none;
color:#ffffff;
	}

.footer_inside {
width:90%;
margin:0.25em auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_img {
width:10%;
margin: 0px 0px 0px 0px;
justify-content: space-around;
align-items: center;
}

.footer_copy {
width:38%;
margin: 0px 10px 0px 0px;
justify-content: space-around;
align-items: center;
}

.footer_count {
width:0.25%;
font-size: clamp(0.6em, 0.6em, 0.6em);
margin:0 0;
justify-content: space-around;
align-items: center;
}

.footer_legal {
width:42%;
margin:0 auto;
justify-content: space-around;
align-items: center;
}

.footer_email {
width:33%;
margin:0 auto;
justify-content: space-around;
align-items: center;
}


input[type="email"]{
font-size: clamp(0.7em, 1vw, 1em);
width:100%;
height:1.5vw;
text-align:center;
border:none;
}

input[type="submit"]{
font-size: clamp(0.7em, 1vw, 1em);
width:100%;
height:1.5vw;
background-color:#518ccc;
text-align:center;
border:none;
color:#ffffff;
font-weight:700;
cursor:pointer;
margin-top:0.5em;
}

input:focus{
outline:none;
}

/************** footer ***************/

br.cb {
clear:both;
}

p{
font-size:clamp(8pt, 2.5vw, 14pt);
font-family:"Didot","serif";
width:90%;
line-height: auto;
margin: 0em 0em 0.05em 0em;
}

/************** Bouton **************/

.styled4 {
    border: 0;
    padding: 5px 8px;
    text-align: center;
    border-radius: 4px;
    background-color: rgb(125, 225, 225);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled4:hover {
    background-color: rgb(255, 190, 10);
}

.styled4:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.styled5{
    border: 0;
    padding: 5px 8px;
    text-align: center;
    border-radius: 4px;
    background-color: rgba(113, 140, 52, 1);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled5:hover {
    background-color: rgba(255, 0, 0, 1);
}

.styled5:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

 /* END BUTTON */

/* overrides decoration from previous rule for hovered links */

h1{
font-family: Verdana,Arial,sans-serif;
font-size: clamp(0.75em, 1.30vw, 1.3em);
color: #334d55;
padding: 1px 0px 0px 0px;
}

h2{
font-family: Verdana,Arial,sans-serif;
font-size: 112%;
color: #006699;
padding: 5px 0px;
}

h3{
font-family: Verdana,Arial,sans-serif;
font-size: 104%;
color: #334d55;
padding: 5px 0px;
}

h4{
font-family: Verdana,Arial,sans-serif;
font-size: 93%;
font-weight: 100;
color: #333333;
padding: 5px 0px;
}

h5{
font-family: Verdana,Arial,sans-serif;
font-size: 33%;
letter-spacing : -0.01em;
font-weight: 100;
color: black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
}

/************LIENS A HREF a href************/
a:link, a:visited, a:hover{
color: #046060;
font-size: clamp(0.65em, 1.125vw, 1.125em);
text-decoration: none;
}

a.bouton{
	color: white;
	font-size: clamp(0.65em, 125vw, 1.125em);
	}

a.lien1:link {
color: #185a82;
font-size: clamp(0.65em, 1.125vw, 1.125em);
text-decoration: none;
}

a.lien1:visited, a.lien1:hover {
font-family: Liberation;
margin:10px 0px 10px 0px;
line-height:80%;
color: #0c64ee;
font-size: clamp(0.65em, 1.125vw, 1.125em);
text-decoration: none;
}

/*Left  1ere column*/

.FeatureArticleLeft
{
    width:100%;
	border:1px solid #ccbbaa;
	margin:0px 0px 4px 0px;
	overflow: visible;
}

.FeatureArticleLeft h1
{  
    background: linear-gradient(#62A1EA, #0D2A4A)  repeat scroll 0% 0% transparent;
    font-family: Verdana, sans-serif;
    font-size:clamp(0.72em, 1.55vw, 1.25em);
    font-weight: 100;   
    margin: -0px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
    color: white;
}

.FeatureArticleLeft h5
{
font-size:clamp(0.72em, 1.2vw, 1em);
line-height: 1em;
font-family: Verdana, sans-serif;
letter-spacing : 0.01em;
font-weight: 100;
color: black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
}

.FeatureArticleLeft p
{
font-size:clamp(8pt, 1em, 11pt);
font-family: Verdana, sans-serif;
width:90%;
line-height: auto;
margin: 0em 0em 0.05em 0em;
}

.FeatureArticleLeft a
{
	color: #003333;
	font-size:0.8em;
	font-weight:400;
	font-family: Verdana,sans-serif;
}

.FeatureArticleLeft a:hover {
    background-color: rgb(255, 190, 190);
}


/*Center  3ème column*/

.FeatureArticleCenter{
    	width:100%;
	border:1px solid #ccbbaa;
	margin:0px 0px 4px 0px;
	overflow: visible;
}

.FeatureArticleCenter h1{
    background: linear-gradient(#A9DF84, #1F420C)  repeat scroll 0% 0% transparent;
    font-family: Verdana, sans-serif;
    font-size:clamp(0.72em, 1.55vw, 1.25em);
    font-weight: 100;   
    margin: -0px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
    color: white;
}

.FeatureArticleCenter h5{
font-size:clamp(0.72em, 1.2vw, 1em);
line-height: 1em;
font-family: Verdana, sans-serif;
letter-spacing : 0.01em;
font-weight: 100;
color: black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
}

.FeatureArticleCenter p
{
font-size:clamp(8pt, 1em, 11pt);
font-family: Verdana, sans-serif;
width:90%;
line-height: auto;
margin: 0em 0em 0.05em 0em;
}

.FeatureArticleCenter  a
{
	color: #003333;
	font-size:0.8em;
	font-weight:400;
	font-family: Verdana,sans-serif;
}

/*Right column*/

.FeatureArticleRight{
    	width:100%;
	border:1px solid #ccbbaa;
	margin:0px 0px 4px 0px;
	overflow: visible;
}

.FeatureArticleRight h1
{
    background: linear-gradient(#259092, #49CED1) repeat scroll 0% 0% transparent;
    font-family: Verdana, sans-serif;
    font-size:clamp(0.72em, 1.55vw, 1.25em);
    font-weight: 100;   
    margin: -0px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
    color: white;
}

.FeatureArticleRight h5{
font-size:clamp(0.72em, 1.2vw, 1em);
line-height: 1em;
font-family: Verdana, sans-serif;
letter-spacing : 0.01em;
font-weight: 100;
color: black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
}

.FeatureArticleRight p
{
font-size:clamp(8pt, 1em, 11pt);
font-family: Verdana, sans-serif;
width:90%;
line-height: auto;
margin: 0em 0em 0.05em 0em;
}

.FeatureArticleRight a
{
	color: #003333;
	font-size:0.8em;
	font-weight:400;
	font-family: Verdana,sans-serif;
}

/* CSS Document */
/*Slide show PHOTORAMA images*/


#SlideShow {
	/*background-image: url("/images/image005.webp");*/
	overflow: hidden;
}


@media screen and (min-width: 399px) and (max-width: 699px) {
  .nivoSlider {
	position:relative;
	width:auto;
	height: 30vw;
    display:block;
    clear:both;
  }
}

@media screen and (min-width: 700px) and (max-width: 1299px) {
  .nivoSlider {
	position:relative;
	width:auto;
	height: 29vw;
    display:block;
    clear:both;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1599px) {
  .nivoSlider {
	position:relative;
	width:auto;
	height: 26vw;
    display:block;
    clear:both;
  }
}

@media (width > 1599px) {
.nivoSlider {
	position:relative;
	margin: 0 auto;
	width:66vw;
	height: 21vw;
	display:block;
    clear:both;
}}

/* adaptés aux photos 1010x320px avec un rapport Lxl de 3.16 **************/
.nivoSlider img {
	position:absolute;
	display: block;
	max-height: 400px;
	max-width: 1264px;
}

.nivo-main-image {
	display: hidden;
	position: relative; 
	width: 100%;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:hidden;
	position:absolute;
	z-index:5;
}

.nivo-box {
	display:hidden;
	position:absolute;
	z-index:5;
}

/* Caption styles */
/* POSITION DES SOUS-TITRES" */

.nivo-caption {
	position:relative;
	opacity: 0.8;
	left:2px;
	font-weight:normal;
	font-size:clamp(0.5em, 1vw, 1.125em);
	font-family: Arial;
	bottom: -1vw;

	color:white;	
	width: 35vw;
	z-index:50;
}

/* positionne la boite "title" */
.nivo-caption p {
	padding:5px;
	opacity: 0.6;
	margin:0;
	font-weight:normal;
	font-size: 0.7em;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}