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


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

.paletteNormale {
	color:RGB(50,80,80);
}
.paletteInverse {
	color:RGB(200,200,200);
/*
	background-color:RGB(50,80,80);
*/
	background-color:RGB(50,80,80);
}
.paletteFormulaire {
	color:RGB(10,40,40);
/*	background-color:RGB(130,150,150);*/
	background-color:RGB(170,195,190);
}

.paletteFormulaire .paletteErreur
{
	color:RGB(10,40,40);
	background-color:RGB(255,50,50);
}



.paletteNavigation {
/*
	color:RGB(215,230,230);
	background-color:RGB(175,143,175);
*/
	color:RGB(100,100,100);
/*	background-color:RGB(240,240,250);*/
	background-color:RGB(210,220,220);
}


.paletteBoutonInv
{
	color:RGB(150,60,60);
}


/* Style de police ************************/
html, body, frame, th, td, input, select, TEXTAREA, pre , div  {
/*   font-family : Comic Sans MS , Verdana, URW Chancery L; */
	font-family : sans-serif;
	font-size : 18px;
	text-align:justify;
	padding:0;
	margin:0;
}
p, br {
	line-height:inherit;
}
.demiinterligne
{
	line-height: 150%;
	color:black;
}
html
{
	margin:0 auto;
	padding:-5px;
	max-width:500px;
	
	border-left: 6px solid RGB(50,80,80);
	border-right: 6px solid RGB(50,80,80);
}
body {
	overflow:auto;
	/*
	background: url(Images/MusikosTransparent.jpg) no-repeat fixed center; 
	*/
	background-position:50% 25px;
	background-size: contain ;
/*	background-opacity:0.20;*/
	background-color:RGB(250,250,250);
}
table {
	border-collapse:collapse ;
}
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%; */
} 
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;
	
}


.Info
{
	padding:10px;
	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:justify;
	/*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;
}
.like
{
	position:relative;
	top:-20px;
	float: right;
	text-align:right;

	Z-index:1;
}

a, a:hover, span, a:visited, a:link, a:active
{
	text-decoration:none;
	color:RGB(200,40,40);
/*	text-shadow:3px 3px 10px black; */
}
a:hover, a:focus
{
/*	text-decoration:underline ;*/
	border-bottom:solid 1px RGB(200,40,40);
}

cite, em
{
	color:RGB(200,40,40);
}
h1, h2, h3, h4
{
	padding:0;
	padding-top:5px;
	padding-bottom:10px;
	margin:0;
	text-align:left;
	
	color:black;
} 
.titre
{
	text-align:center;
	margin-top:6px;
	/*font-weight: bold;*/
	font-size: 	1.6em;
}
h1
{
	font-size: 	1.2em;
}
h2
{
	font-size: 	1.1em;
}
h3, h4
{
	font-size: 	1em;
	padding-bottom:5px;
}


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

}