/* En cas de la modification de la couleur de "background-color" dans body, il faut également aller modifier la couleur des fichiers "imagenoi.jpg" et "fleches01" dans le dossier "images */

body
{
background-color: #F7E9E2
}

img 
{
border: none;
display: block;
}

a
{
text-decoration: none;
color: blue;
}

a:visited
{
text-decoration: none;
color: red;
}

/* Les titres*/

.titre
{
position: absolute;
left: 140px;
top: 2px;
width: 720px;
font-size: 100px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

h3
{
position: absolute;
left: 160px;
top: 140px;
width: 720px;
font-size: 24px;
overflow: hidden;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

.titre1
{
position: absolute;
left: 230px;
top: 110px;
width: 100px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

.titre2
{
position: absolute;
left: 425px;
top: 110px;
width: 160px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

.titre3
{
position: absolute;
left: 680px;
top: 110px;
width: 100px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

/* Les rectangles de couleur pour la sélection des sujets*/

.menu1
{
position: absolute;
left: 42px;
top: 120px;
}

.menu2
{
position: absolute;
left: 42px;
top: 192px;
}

.menu3
{
position: absolute;
left: 42px;
top: 264px;
}

.menu4
{
position: absolute;
left: 42px;
top: 338px;
}

.menu5
{
position: absolute;
left: 42px;
top: 410px;
}

.menu6
{
position: absolute;
left: 42px;
top: 552px;
}

.menu7
{
position: absolute;
left: 42px;
top: 481px;
}

/* Le dessin de la page d'accueil*/

.dessin
{
position: absolute;
left: 280px;
top: 180px;
width: 400px;
}

/* Le texte de l'écran conteur*/

.conteur01
{
font-size: 18px;
color: black;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.conteur02
{
font-size: 16px;
text-align: right;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.conteur03
{
font-size: 17px;
color: black;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Le texte de l'écran spectacles*/

.spectacles01
{
font-size: 18px;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.spectacles02
{
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.spectacles03
{
font-size: 17px;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.spectacles04
{
font-size: 22px;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Le texte de l'écran contes à écouter*/

.contes01
{
font-size: 18px;
font-weight: bold;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contes02
{
font-size: 17px;
font-style: italic;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contes03
{
font-size: 17px;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}


/* Le texte de l'écran agenda*/

.agenda01
{
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.agenda02
{
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.agenda03
{
font-size: 22px;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.agenda04
{
font-size: 18px;
font-weight: bold;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Le texte de l'écran boutique*/

.boutique01
{
position: absolute;
left: 160px;
top: 250px;
width: 720px;
font-size: 18px;
color: black;
font-weight: bold;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Le texte de l'écran contact*/

.contact01
{
position: absolute;
left: 160px;
top: 250px;
width: 720px;
font-size: 22px;
color: black;
font-weight: bold;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact02
{
position: absolute;
left: 160px;
top: 280px;
width: 720px;
font-size: 16px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact03
{
position: absolute;
left: 160px;
top: 300px;
width: 720px;
font-size: 16px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact04
{
position: absolute;
left: 160px;
top: 320px;
width: 720px;
font-size: 16px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact04b
{
position: absolute;
left: 160px;
top: 340px;
width: 720px;
font-size: 16px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact05
{
position: absolute;
left: 160px;
top: 360px;
width: 720px;
font-size: 16px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact05b
{
position: absolute;
left: 160px;
top: 380px;
width: 720px;
font-size: 16px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact06
{
position: absolute;
left: 160px;
top: 500px;
width: 620px;
font-size: 16px;
color: black;
text-align: left;
font-style: italic;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact07
{
position: absolute;
left: 160px;
top: 520px;
width: 120px;
font-size: 16px;
color: black;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact07b
{
position: absolute;
left: 300px;
top: 520px;
width: 600px;
font-size: 17px;
color: black;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact08
{
position: absolute;
left: 160px;
top: 540px;
width: 140px;
font-size: 16px;
color: black;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact08b
{
position: absolute;
left: 300px;
top: 540px;
width: 600px;
font-size: 16px;
color: black;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact09
{
position: absolute;
left: 160px;
top: 560px;
width: 120px;
font-size: 16px;
color: black;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif;
}

.contact09b
{
position: absolute;
left: 300px;
top: 560px;
width: 600px;
font-size: 16px;
color: black;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif;
}

/* Les textes */

table
{
position: absolute;
left: 160px;
top: 190px;
width: 690px;
border : none;
}

td
{
width: 690px;
height: 20px;
font-size: 14px;
color: black;
text-align: justify;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.Style1 {
	font-family: helvetica, arial, verdana ;
	font-size: 13pt;
	color: black;
	text-align: justify; 
}

.TitreSpectacle {
	font-family: helvetica, arial, verdana ;
	font-size: 18pt;
	font-style: italic;
	font-weight:bold ;
	color: black;
	text-align: left;
}

h4 {
	text-align: center;
}

h5 {
	font-size: 14pt;
	font-weight:bold ;
}

hr {
	width:300px;
	text-align: center;
}

.retour {
	text-align: center;
}


.retour a:link {color: black; text-decoration:underline; font-style: italic;} 
.retour a:visited {color: #406000;}
.retour a:hover {color: #0000FF; font-style: italic;}