@font-face {
    font-family: 'Bad-script';
	src: url(fonts/ITCEDSCR.TTF);
	}
:root {
	--rosefonce: #c479a0;
	--roseClair: #eca6cb;
	--rosePale: #ecccd9;
	--bleufonce: #6c83cf;
	--bleuclair: #9ac7e8;
	--lavande:   #d5c7e8;
	--jauneClair: #ffff80;
	--jaune: #fff433;
	--violet:#9b58d0;
	--grisMoyen: hsl(0, 0%, 40%);
	--largeurSommaire: 13vw;
	--largeurColonneDroite: 13vw;
	--largeurPage: 68vw;
	--largeurFleche: 3.5vw;
	--largeurTitre:50vw;
	--largeurRTA:10vw;
}
body {
/*width:100%;*/
background-color: var(--rosefonce);
font-family: "Verdana", "Geneva", "sans-serif";
font-size: .9vw;
color: black;
}
/*******
SOMMAIRE
*******/
div.sommaire {
        /*color: #eca6cb;
	background-image: url(images/fonds/fond_6.png);
        */
	background-color : var(--rosePale);
	color:black;
	position: fixed;
	width: var(--largeurSommaire);
	padding:1vh;
	text-align:left;
	font-size: .9vw;
	float:left;
}
h1.sommaire {
	color:var(--bleufonce);
	margin-top:0.5vw;
	margin-bottom: 0.5vw;
	font-size: 1.5vm;
	border-bottom: solid;
	/*border-width: .1vw;*/
	border-color: var(--bleufonce);
	text-shadow: none;
}
h2.sommaire {
	color: var(--bleufonce);
	font-size: 1.1vw;
	font-weight: bold;
	margin-bottom: -.75vw;
}
h3.sommaire {
	margin-top:.4vw;
	margin-left:.75vw;
	color: var(--bleufonce);
	font-weight: normal;
	text-decoration: underline;
}
span.datesom {
	font-size: .65vw;
	text-align: right;
}
/*************
COLONNE DROITE
*************/
div.colonneDroite {
    position: fixed;
	right:  1vh;
    width: var(--largeurColonneDroite);
    
}
/***
PAGE
***/
div.page {
	width: var(--largeurPage);
	float:left;
	background-color:var(--rosePale);
	margin-top: 0;
	margin-left: calc(var(--largeurSommaire) + 2vw);
	padding:1vw;
}
div#flecheh,div#flecheh:visited {
	z-index: 1;
	background-color: transparent;
	position: fixed;
	width: var(--largeurFleche);
	left: 15vw;
	float: left;
}
div#flecheb,div#flecheb:visited {
	z-index: 1;
	background-color: transparent;
	position: fixed;
	width: var(--largeurFleche);
	bottom:0;
	left: 15vw;
	float: left;
}
img {
	width: 100%;
}
div.titre {
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement (si nécessaire) */
	background-color: var(--rosePale);
	margin-top:0;
	border-bottom: solid;
	border-width: 1.5px;
	border-color: var(--bleufonce);
	}
div.pied {
	display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement (si nécessaire) */
	background-color: var(--rosePale);
}
img.titre {
	width:var(--largeurTitre);
}
/******
contenu
******/
div.contenu {
	padding-left: calc(var(--largeurFleche) - .5vw);
}
/******
GENERAL
******/
 a {
	color: black;
	text-decoration: none;
 }
 figure {
	display:inline-block;
	width: 40%;
	margin: 5px;
	margin-bottom: 1em;
	border:2px;
	padding: 0;
}
 figcaption {
    font-size: .90vw;
    color:var(--violet);
}
 hr {
	background-color: var(--bleufonce);
	border-width: 0;
	width:15vw;
	height: 1px;
	margin-left: 0;
}
hr.court {
	width:5vw;
}
 h1,h2,h3,h4 {
	color: var(--bleufonce);
	margin-top: 1vw;
	margin-bottom: -0.75vw;
 }
 h1 {
	font-size: 1.7vw;
 }
 h2 {
	font-size: 1.2vw;
 }
 h3 {
	font-size: 0.7vx;
 }
 img.smiley {
	width: 1vw;
 }
 img.article {
	margin:0;
	padding: 0;
	width: 45%;
}
.texteIllust table {
	margin-top: 1em;
	width:100%;
}
.texteIllust td {
	vertical-align: top;
	text-align:left;
	border: none;
}

table.datas {
	width: auto;
 	text-align: center;;
	font-size: 1vw;
	margin-top: 1vw;
	border-collapse: collapse;
}
th, td{
	padding-left:.3vw;
	padding-right: .3vw;
	border: black 1px solid;
}

 ul {
	margin-left: 0vw;
	padding-left: 1.5vw;
 }
 p {
	margin-bottom: +.9vw;
 }
 p.italic {
	font-style: italic;
 }
 ul>li {
	list-style-type:"- ";
 }
ul.lien>li {
	color:black;
	list-style-type: circle;
	margin-bottom: .25em;
}
ul.lien>li:hover {
	list-style: disc;
    color:black;
}