@import "zone.css";
@import "form.css";
@import "BarreMenu.css";

/* Commun à tous */
* {
	/*	Rien car efface l'image de fond sinon
		background-color:inherit; 
	*/
	background-color:transparent;
}

@media print 
{
	.notPrinter
	{
		display:none;
	}
	 .footer
	{
		display:none;
	}
}

.link
{
	color:RGB(200,40,40);
}
.grise
{
	color:RGB(170,170,170);
}
.normal
{
	color:RGB(50,80,80);
}
.center
{
	text-align:center;
}
.left
{
	text-align:left;
}
.paletteErreur
{
	color:red;
}

.paletteNormale {
	color:RGB(50,80,80);
}
.paletteFondNormale {
	color:RGB(50,80,80);
	background-color:RGB(200,200,200);
}
.paletteInverse {
	color:RGB(200,200,200);
/*	background-color:RGB(50,80,80);
*/
}
.symbole:hover {
	box-shadow:inset 1px 1px 5px 1px RGB(100,100,100);
}
.symbole {
	vertical-align:-4px;
	margin-left:5px;
	padding:2px;
	z-index:10;
/*
*/
	border:solid 1px RGB(160,160,160); 
/*	box-shadow:2px 1px RGB(160,160,160);*/
	border-radius:5px;
}

/* Style de police ************************/
html, body, frame, th, td, pre , div  {
/*   font-family : Comic Sans MS , Verdana, URW Chancery L; */
	font-family : verdana, system-ui, sans-serif;
	font-size : 17px;
	line-height : 125%;
	text-align:justify;
	padding:0;
	margin:0;
	color:RGB(50,80,80);
}
p, br {
	line-height:inherit;
}
.demiinterligne
{
	line-height: 150%;
}
html
{
		margin:0 auto;
		padding:-5px;
		max-width:800px;
}
@media screen 
{
	html
	{
		border-left: 6px solid RGB(50,80,80);
		border-right: 6px solid RGB(50,80,80);
		max-width:800px;
	}
}

body {
	overflow:auto;
/*	background: url(Images/MusikosTransparent.jpg) no-repeat fixed center; */
/*	background-blend-mode: soft-light   ; */
	background-position:50% 25px;
	background-size: contain ;
	background-color:RGB(250,250,250);
}
table {
	border-collapse:collapse ;
	color:RGB(50,80,80);
}
td, th {
	padding-top:1px;
	/*border: 0px solid RGB(160,40,40);*/
	text-align:center;

	}
th, .tth {
	font-style:italic;
	font-weight:bold;

	/*color:RGB(240,220,220);
	background-color:RGB(200,150,150);*/
	background-color:RGB(210,220,220);
}

img, object, embed, canvas, video, audio, picture {
/*	max-width: 90%; */
	border-radius:5px;
} 
ul	{
	margin-top:-5px;
	padding-left:5px;
}
li {
	text-align:left;
	list-style-position: outside;
}

.imglist li 
{
	margin: 0;
	margin-top: 3px;
	padding: 0 0 5px 2em;
	list-style: none;
	background-image: url("Images/Doigt.gif");
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 1em;
	
}
.imglist_form li 
{
	margin: 0;
	margin-top: 3px;
	padding: 0 0 5px 2em;
	list-style: none;
	background-image: url("Images/Doigt_form.gif");
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 1em;
	
}

.Info
{
	text-align:left;
	padding:0px;
	white-space: pre-line;
	overflow-wrap: break-word;
}

.description
{
/*	padding-top:5px;
	padding-bottom:5px;
*/
	padding-top:10px;
	
	white-space: pre-line;
	overflow-wrap: break-word;
/*	 text-overflow: clip ellipsis;
	 text-overflow: " ";*/
 /*overflow: hidden;*/
	text-align:left;
	/*font-weight:bold*/;
/*	border:solid 1px RGB(160,160,160); 
	box-shadow:inset 1px 1px 10px 1px RGB(160,40,40);
*/
}
.imageArticle a:hover, .imageArticle  a:focus
{
	text-decoration:none;
	border:none;
}


.image_left
{
	float:left; 
	margin:5px; 
	margin-left:0px;
}
.image_right
{
	float:right; 
	margin:5px; 
	margin-right:0px;
}
.image_center
{
	float:center; 
	margin:5px; 
	margin-right:0px;
}
.image_mur
{
/*	float:left; */ 
	margin:5px;
	width:100px;
	box-shadow:2px 2px 5px RGB(100,100,100);
}
.container_zoom
{
	margin-left:45px;
	margin-right:45px;
}
.container_zoom a:hover
{
	text-decoration:none;
	border:solid 0;
/*	
	border:solid 2px RGB(200,200,200);
*/
}
.image_zoom
{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	box-shadow:2px 2px 5px RGB(100,100,100);
}
.image_zoom img:hover
{
	text-decoration:none;
	border:solid 2px RGB(200,200,200);
}
.like
{
	position:relative;
	top:-20px;
	float: right;
	text-align:right;

	Z-index:1;
}

a, a:hover, span, a:visited, a:link, a:active
{
	font-family : system-ui, sans-serif;
	font-size : 1.1em;
	color:RGB(180,40, 40);
	
	font-weight:500;
/*	font-style: italic;
*/	
	text-decoration:none;
/*	text-shadow:3px 3px 10px black; */
}
a:hover, a:focus
{
/*	text-decoration:underline ;*/
	border-bottom:solid 1px;
}

/*
a:interne {
  float: left;
  position: relative;
  top: 150px !important;
  top: 300px;
}
*/
.paletteFormulaire cite
{
	color:RGB(255,255, 150);
}

.paletteFormulaire a, .paletteFormulaire a:hover, .paletteFormulaire span, .paletteFormulaire a:visited, .paletteFormulaire a:link, .paletteFormulaire a:active
{
	font-family : system-ui, sans-serif;
	font-size : 1.1em;
	color:RGB(40,180, 180);
	
	font-weight:500;
/*	font-style: italic;
*/	
	text-decoration:none;
/*	text-shadow:3px 3px 10px black; */
}
.paletteFormulaire a:hover, .paletteFormulaire a:focus
{
/*	text-decoration:underline ;*/
	color:RGB(40,180, 180);
}
cite, em
{
	color:RGB(200,40,40);
}
h1, h2, h3, h4
{
	padding:0;
	padding-top:5px;
	padding-bottom:10px;
	margin:0;
	text-align:left;
	
} 
.titre
{
	text-align:center;
	margin-top:6px;
	font-weight: bold;
	font-size: 	1.6em;
	color:RGB(200,200,200);
}
h1
{
	font-size: 	1.2em;
	color:RGB(50,80,80);
}
h2
{
	font-size: 	1.1em;
	color:RGB(60,90,90);
}
h3, h4
{
	font-size: 	1em;
	padding-bottom:5px;
	color:RGB(70,100,100);
}


hr  {
/*	border-radius:5px; */
	/* border:solid 1px RGB(215,230,230); */
	border:solid 1px RGB(200,200,200);
	/*box-shadow:1px 1px 1px gray;*/

}