@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;
}

*/
/* Menu vertical */
#menu-vertical, #menu-vertical ul {
	padding:0;
	margin:0;
	list-style:none;
	width: 180px; /* seule ligne rajoutée */
  }
  #menu-vertical li {
	position: relative;
	background:#EFEFEF; /* juste pour cacher le texte de la page en-dessous */
  }
  #menu-vertical a {
	display:block;
	text-decoration: none;
	color: #000;
  }
  #menu-vertical ul {
	position: absolute;
	left:-999em;
  }
  #menu-vertical li:hover ul {
	top: 0;
	left: 180px;
  }
@media (max-width: 640px) {
    body {
        background-color: yellowgreen;
    }
}
    .centre {
    text-align: center;
}
a {
	color: black;
        color: var(--bleufonce);
	text-decoration: none;
}
a.fleche {
		background-color: transparent;
		height: 86px;
}

a:hover {
	color:var(--rosefonce);
	text-decoration: underline;
}
a:visited {
	color: var(--rosefonce);
	/*text-decoration: underline;*/
}
a.rta {
	display: block;
	text-align: center;
        background-color: transparent;
}
ul.sommaire>li>a,ul.menu>li>a {
	color: black;
	text-decoration: none;
        background-color: transparent;
}
body {
/*background-image: url(images/fonds/queer.png);*/
width:100%;

background-color: var(--rosefonce);
font-family: "Verdana", "Geneva", "sans-serif";
font-size: 20px;
/*color: #b57edc;*/
color: black;
}
p.culture  br {
    margin-bottom: 0em;
    margin-top: 0em;
    line-height: .1em;
}
div#ecran {
	position: absolute;
	top:0;
	left: 1em;
	background-color: blue;
	width: 100%;
}
div.sommaire {
        /*color: #eca6cb;
	background-image: url(images/fonds/fond_6.png);
        */
	background-color : var(--roseClair);
	position: fixed;
	top:0;
	float: right;
	width:11%;
	padding-left:1.7vh;
	padding-right:1.7vh;
	text-align:left;
	font-size: 1.7vh;
}
div.colonneDroite {
    position: fixed;
    top:1em;
    left:80%;
    width: 15%;
    
}
div#page {
	width:60%;
	background-color: var(--rosePale);
	position: absolute;
	top:0;
	left:14%;
	padding-left:1em;
}
div.titre {
	position: absolute;
	top: 1em;
	width:85%;
	margin-right:0;
	background-color: var(--rosePale);
	padding-right: 1em;
	border-bottom: solid;
	border-width: 1.5px;
	border-color: var(--bleufonce);
	}
	p.titre {
		background-color: var(--rosePale);
		color:var(--bleufonce);
		margin: 0;
		margin-top: 0;
		padding: 0;
		font-family: 'Bad-script';
		font-size: 75px;
		line-height: .75;
		text-align: center;
	}
div#edito {
	background-color: var(--rosePale);
	width:auto;
	margin-top: 10em;
	padding-left: 60pt;
	padding-right: 3vw;
}
div#flecheh,div#flecheh:visited {
	z-index: 1;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 15.5%;
	float: left;
	height: 86px;
}
div#flecheb,div#flecheb:visited {
	z-index: 1;
	background-color: transparent;
	position: fixed;
	bottom:0;
	left: 15.5%;
	float: left;
	height: 86px;
}
.photosFlottanteHD {
	z-index: 1;
	background-color: transparent;
	top:0;	
        right: 10em;
	float: right;
    
}
h1.titre {
	color: var(--bleufonce);
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: 1.5em;
}
h2.titre {
	color: var(--bleufonce);
	margin-top: 1em;
	font-size: 1.30em;
}
h3.titre {
	color: var(--bleufonce);
	font-size: 1.1em;
	margin-bottom: 0em;
	margin-top: 1em;
	font-weight: bold;
}h4.titre {
	color: var(--bleufonce);
	font-size: 0.9em;
	margin-bottom: 0em;
	margin-top: 1em;
	font-weight: bold;
}
h1.sommaire {
	color:var(--bleufonce);
	margin-top:0.5em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	border-bottom: solid;
	border-width: 1px;
	border-color: transparent;
	border-color: black;
	text-shadow: none;
}
h4.mensuration {
	/*font-size: 1em;
	*/color:var(--bleufonce);
	margin-left: 1em;
	margin-bottom: -3em;
	margin-top:-2sem;
}
h5.mensuration {
	/*font-size: 1em;
	*/
	color:var(--bleufonce);
	margin-left: 1em;
	margin-bottom: -1em;
	margin-top: 0em;
}
h2.sommaire {
	color: var(--bleufonce);
	font-size: 1em;
	font-weight: bold;
	margin-bottom: -.5em;
}
h3.sommaire {
	margin-top:.4em;
	margin-left:.75em;
	color: var(--bleufonce);
	font-weight: normal;
	text-decoration: underline;
}
img {
	border-width: none;
	display: inline;
	border: 1px solid transparent;
}
a img {
	border: none;
	width: 90%;
}
figure.article {
	display:inline-block;
	margin:0;
	margin-bottom: -20px;
	border:0;
	padding: 0;
}
figure.lingerie {
	display:inline-block;
	width: 45%;
	margin: 5px;
	margin-bottom: 1em;
	border:2px;
	padding: 0;
}
img.livre {
    margin-top: 3em;
}
img.article {
	margin:0;
	width: 49%;
}
img.page {
	margin:0;
	width: 95%;
}
img.demiPage {
        display: block;
	margin:0;
	width: 46%;
        margin-left: auto;
        margin-right: auto;
}
img.smiley {
	margin:0;
	vertical-align: bottom;
}
img.titre {
	width: 70%;
	margin-left: 0em;
	margin-bottom: -2em;
}
img.fleche {
	width: 4em;
	height: 86px;
}
img.rta {
	width: 3em;
}
img.menuLingerie, img.livre {
	display:block;
	width:auto;
	height:20em;
	border: 1px solid transparent;
}
table.menu tr td a img {
	width: 50%;
}
p {
	text-align: justify;
	margin-left: 1em;
}
p.fantasme {
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
p.dialogue {
    padding-left: 2em;
    text-align: left;
    margin-top: .5em;
    margin-bottom: .5em;
}

p.avis {
	font-style: italic;
}

span.note , p.culture {
	font-size: .80em;
        text-align: left;
        margin-top: .33em;
        margin-bottom: .50em;
}
span.h4, span.H4 {
        display: block;
	color: var(--bleufonce);
       	font-weight:bold;
        margin-bottom: -.5em;
}
span.andrée {
	font-size: .75em;
	color:hsl(0, 0%, 52%);
}
p.fete {
	font-size: 1.75em;
	font-weight:bold;
	color:white;
	background-color:red;
	text-align:center;
}
hr {
	background-color: var(--bleufonce);
	border-width: 0;
	width:15%;
	height: 1px;
	margin-left: 0;
}
hr.full {
	width:100%;
}
/* Listes */
ul {
	margin-top: -1.75em;
	margin-bottom: 0em;
}
li {
	margin-bottom: 0em;
	margin-top: 0em;
}
ul.cercle {
	margin-top: 1em;
}
ul.sommaire,ul.menu,ul.nomenu {
	margin-top: 1em;
	margin-left: -2em;
        color: #4a8123;
}
ul.sommaire>li {
	color: transparent /*#fae0de*/;
	margin-bottom:.75em;
}
ul.menu>li {
	color:transparent;
	margin-bottom: .25em;
}
ul.sommaire>li:hover {
    color:black;
}
ul.menu>li:hover {
	color: #9ac7e8;
}

ul.nomenu>li {
		list-style-type: none;
}
dl {
	margin-left: 1em;
}
/* Tables */
table.chiffres th {
        margin-left: 1.2em;
	font-size: .80em;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.chiffres tr td {
	border:1px solid grey;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left:1px solid black;
	border-right:1px solid black;
        text-align: center;
}
table.chiffres tr:nth-child(odd) {
	background-color:lightGrey;
}
table.chiffres tr:nth-child(even) {
	background-color:transparent;

}
table.chiffres tr:nth-child(odd) td {
	border:1px solid white;
	border-left:1px solid black;
	border-right:1px solid black;
}
table.chiffres tr:nth-child(even) td {
	border:1px solid lightGrey;
	border-left:1px solid black;
	border-right:1px solid black;
}
table.menuLingeries{
	width:100%;
}
table.livres {
	width:100%;
}
table.menuLingerie td {
	width:50%;
	vertical-align:top;
}
table.livres td {
    width:70%;
    vertical-align: top;
}
table.livres td {
	padding-right:5em;
}
table.menuLingerie td ul {
	margin-top: 0 ;
	}
table.horm, th, td {
	width: auto;
  	border: 1px solid;
	border-collapse: collapse;
	text-align: center;
	padding: 3px;
	font-size: 16px;
}

/*table.menu {
	border: none;
}
table.menu>>td>tr {
	border-style: none;
}
td {
	border-right-width: 1px;
	border-right-style: solid;
	vertical-align:top;
} */
table.menu td {
	vertical-align: top;
}
p.avis>ol>il {
	font-style: italic;
}
.rouge {
	color:red;
}
.vert {
	color:green;
}
.bleu { 
	color:blue;
}
.souligne {
	text-decoration: underline;
}
span.adroite {
	display: block;
	margin-top:-1.4em;
	text-align: right;
}
span.datesom {
	font-size: .7em;
	text-align: right;
}
li>span {
	font-style: italic;
	color: grey;

}
textarea, input {
	background-color: var(--rosePale);
}
figcaption.doc {
    font-size: 1em;
    color:black;
}
figcaption {
    font-size: .75em;
    color:rgb(73, 73, 73);
}
video {
	margin:1px;
}