body {
	margin: auto;
	text-align: center;
	background-color: #ddeeaa;
}

#generaletpub {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	width:930px;
	}

#pub {
	position:absolute;
	right:0px;
	width:170px;
    }

#carrerouge {
	position:relative;
	width:170px;
	height:145px;
	background-color:#8F0000;
	}
	
#blanc {
	position:relative;
	width:120px;
	height:180px;
	}

#general {
	position:absolute;
	text-align: left;
	width:760px;
	background-color:#F2F2FF;
	}
	
/*#general {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	width:760px;
	background-color:#F2F2FF;
	}*/

/* Tout ce qui concerne la division en 4 blocs */
/* Tout ce qui concerne la division en 4 blocs */
/* Tout ce qui concerne le logo */
/* Tout ce qui concerne le logo */
/* Tout ce qui concerne le header */
/* Tout ce qui concerne le header */
/* Tout ce qui concerne le sommaire */
/* Tout ce qui concerne le sommaire */
/* Tout ce qui concerne le basdepage*/
/* Tout ce qui concerne le basdepage */
	
#headerlogo {
	width:145px;
	height:145px;
	left:0px;
	top:0px;
	position:absolute;
	background-color:#8F0000;
	}

.headerlogoimage {
	width:121px;
	height:117px;
	left:12px;
	top:14px;
	position:relative;
	}

#header {
	width:615px;
	height:145px;
	left:145px;
	position:relative;
	background-color:#8F0000;
	}

.headercontenu {
	width:550px;
	height:102px;
	left:32px;
	top:21px;
	position:relative;
	}

.googleimg {
	width: 75px;
	height: 28px;
	float: left;
	}

.googlerecherche {
	width: 390px;
	height: 28px;
	position: relative;
	}

.imprimer {
	position: absolute;
	left: 405px;
	top:64px;
	}

.imprimer a {
	color:yellow;
	}

.imprimer a:hover {
	text-decoration:underline overline;
	color:#F2F2FF;
	}

.languefr {
	width: 30px;
	height: 20px;
	position: absolute;
	left: 472px;
	top: 80px;
	}

.langueall {
	width: 30px;
	height: 20px;
	position: absolute;
	left: 512px;
	top: 80px;
	}
	
#sommaire {
	width:145px;
	float:left;
	background-color:#8F0000;
	}

#sommaire li, #sommaire a {
	list-style-image: url("./images/design/bouton-menu.png");
	color: yellow;
	}

#sommaire a:hover {
	text-decoration:underline overline;
	color:#F2F2FF;
	}

#contenu {
	margin-left:145px;
	margin-top:-20px;
	background-color:#F2F2FF;
	}

#basdepage {
	clear:both;
	width: 760px;
	height: 50px;
	text-align: center;
	background-color:#8F0000;
	}

.basdepagecontenu {
	padding-top:10px;
	}

.centrecopyright, .centrecopyright a {
	color:yellow;
	}

/* Tout ce qui concerne l'affichage de code non éxécuté */
/* Tout ce qui concerne l'affichage de code non éxécuté */

.code /* Contenu du code cité - Utilise la balise <pre></pre> pour taper le code à l'intérieur */
{
	border:1px dashed #A3C0D5;
	background-color:white;
	width: 95%;
	padding: 8px;
	margin:auto;
}

/* Tout ce qui concerne l'INDEX BLANC */
/* Tout ce qui concerne l'INDEX BLANC */

.indexblanc  {
	color: red;
	}
	
.indexblanc a {
	text-decoration: underline overline;
	color: green;
	}

.indexblanc a:hover {
	text-decoration: underline overline;
	color: red;
	}

/* Tout ce qui concerne les généralités */
/* Tout ce qui concerne les généralités */

a img /* Toutes les images contenues dans un lien */
	{
	border: none; /* Pas de bordure */
	}

#contenu a {
	color: #000000;
	}

.centre {
	text-align: center;
	}

.vert {
	color: #99CC66;
	}

.rouge {
	color: red;
	}

.vertcentre {
	color: #99CC66;
	text-align: center;
	}

.tableaufondvert {
	background-color: #ddeeaa;
	}

.sanspuce {
	list-style-type: none;
	}

#xiti-logo {
	text-align: center;
	}

.tableau-artistes {
	width:400px;
	margin:auto;
	}

/* Tout ce qui concerne les pages normales */
/* Tout ce qui concerne les pages normales */

#pagenormale {
	margin: 10px;
	}

/* Tout ce qui concerne le fichier accueil.html */
/* Tout ce qui concerne le fichier accueil.html */

#accueil {
	margin: 10px;
	}

#accueil .bienvenue {
	color: #99CC66;
	text-align: center;
	}

#accueil .first {
	color: black;
	text-decoration: underline;
	}

#accueil .formulaire {
	width: 350px;
	margin: auto;
	text-align: left;	
	background-color: #ddeeaa;
	}
#accueil .formulairecontenu {
	margin: 10px;
	}

/* Tout ce qui concerne le fichier calendrier.html */
/* Tout ce qui concerne le fichier calendrier.html */

#calendrier {
	margin: 10px;
	}

#calendrier .tambour-gauche {
	text-align:left;
	position:absolute;
	}

#calendrier .tambour-droit {
	text-align:right;
	position:relative;
	}

/* Tout ce qui concerne le fichier ducs.html */
/* Tout ce qui concerne le fichier ducs.html */

#honneur {
	margin: 10px;
	}

#honneur .fou {
	text-align:left;
	position:absolute;
	}

#honneur .schnaps {
	text-align:right;
	position:relative;
	}

#honneur .listecentree {
	margin-left:220px;
    text-indent: 30px;
	}

/* Tout ce qui concerne le fichier anecdotes.html */
/* Tout ce qui concerne le fichier anecdotes.html */

#anecdotes {
	margin: 10px;
	}

#anecdotes p {
   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
}

#anecdotes .conteneur {
	width: 595px;
	}

#anecdotes .gauche {
	width: 245px;
	position: absolute;
	}

#anecdotes .droite {
	width: 350px;
	left: 245px;
	text-align: center;
	position: relative;
	}

/* Tout ce qui concerne le fichier presse.html */
/* Tout ce qui concerne le fichier presse.html */

#presse {
	margin: 10px;
	}

#presse p {
	color: blue;
	text-decoration: underline;
	}

/* Tout ce qui concerne le fichier admin.php */
/* Tout ce qui concerne le fichier admin.php */

#admin {
	margin: 10px;
	}

#admin .placevide {
	height: 380px;
	}

/* #admin table {
	margin: auto;
	} */

#admin td /* Les cellules normales */
{
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/* Tout ce qui concerne le fichier contact.php */
/* c'est à dire le formulaire de contact !!! */

#form-contact .ok {
	width: 520px;
	}

#form-contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F2F2FF;
	font-size: 11px;
	color: #000000;
	margin-left: 45px;
	}

#form-contact td {
	width:80%;
	}

#form-contact p, ul, ol, td {
	text-align: justify;
	}

#form-contact .red {
	color: #ff0000;
	background-color: transparent;
	}

#form-contact .vi4 {
	color: #990033;
	background-color: transparent;
	font-weight: bold;
	}

#form-contact .tour { 
	border: 2px solid #990033; 
	border-collapse: separate;
	}

#form-contact .unite {
	background-color: #ebe7f1;
	color: #000000;
	}