/* Design du site Web de l'Atelier du Grand Tétras - par Christophe Boulaye http://latelierdugrandtetras.com/ */

body{
	max-width: 1111px;
	min-width: 800px;	
	margin: auto;
	margin-top: 7px;
	margin-bottom: 7px;
	background-color: white;
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: justify;
	background-image: url("../images/fond_site.jpg");
	background-repeat: repeat-x;
	padding: 0px;
}

/* LE block contenant */
#contenant
{
	background-color: black;
	background-image: url("../images/fond_contenant.png");
	background-repeat: repeat-y;
	margin-bottom: 0px;
	padding: 0px;
	border: black 2px solid;
}

/* LES LIENS */
a
{
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	color: black;
}

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

a:visited
{	color: grey;}

a:visited:hover
{	color: red;}

/* LES TITRES ET TEXTES */
h1, h2, h3, h4, h5, h6{
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	font-variant: small-caps;
}

h3{
	color: #d91a1a;
}

h2{
	color: #d91a1a;
	font-size: 2em;
}

h4{
	color: #d91a1a;
	font-size: 1.4em;
}

h6{
	color: #d91a1a;
	font-size: 1.2em;
	text-align: center;
}


p{
text-indent: 10px;
}

/* BANDEAU */
#bandeau{
	float: left;
	width: auto;
	height: 85px;
}

/* BANDEAU */
#bandeau_bis{
	width: auto;
	height: 85px;
	padding:5px;
}


/* BLOC DROIT */
#bloc_droit
{
	margin-top: 28px;
	float: right;
	color: black;
	width: 150px;
	text-align: center;
	text-indent: 0px;
	font-variant: small-caps;
	font-size: 1em;
}

#bloc_droit a{
	font-variant: none;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	color: black;
}

#bloc_droit a:visited{
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	color: black;
}

#bloc_droit a:hover{
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	color: red;
}

#bloc_droit ul, #bloc_droit li{
	text-decoration: none;
	list-style: none outside;
	padding: 5px;
	padding-bottom: 2px;
	margin: 5px;
}

#bloc_droit ul{
	border: 1px silver solid;
}

#bloc_droit a{
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}


/* MENU */
#menu
{
	margin-top: 20px;
	color: white;
	float: left;
	width: 179px;
	text-align: left;
	text-indent: 2px;
	font-variant: small-caps;
}

#menu a:visited, a
{	color: white;}

#menu a:hover
{	color: red;}

#menu ul, #menu li{
	text-decoration: none;
	list-style: none outside;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-left: 5px;
}

#menu a{
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

/* CONTENU */
#contenu
{
	margin-left: 185px;
	margin-right: 150px;
	padding: 15px;
	margin-bottom: 0px;
}

#contenu p{
	text-indent: 10px;
}


#contenu a
{
	color: black;
}

#contenu a:hover
{
	color: red;
}

#contenu a:visited
{
	color: black;
}

#contenu a:visited:hover
{
	color: red;
}


#contenu img
{
	margin: 10px;
	border: 1px solid black;
}

#contenu .bold-par
{
	font-weight: bold;
}

/* BAS_DE_PAGE */
#bas_de_page
{
	margin-left: 179px;
	height: 100px;
	padding-right: 7px;
	clear: left;
	font-style:italic;
	background-image: url("../images/img_bas.png");
	background-repeat: repeat-x;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#bas_de_page div{
	display: inline;
}

/* MENTIONS_BAS */
#mentions_bas
{
	color: grey;
	font-size: 0.8em;
	padding: 7px;
	clear: both;
	margin: auto;
}
#mentions_bas a
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: grey;
}

#mentions_bas a:hover
{	color: red;
	text-decoration: underline;
}

#mentions_bas a:visited
{	color: grey;}

#mentions_bas a:visited:hover
{	color: red;}



/* Les INPUTs */
input:focus, textarea:focus
{	background-color: #ffffcc;
	color: #000033;}

label
{	color: black;}

legend
{	font-variant: small-caps;
	color: #d91a1a;
	font-size: 1.7em;
}

fielset
{	background-color: #cc0000;}

/* Les POSTS - entrée livres - collections */
.post
{   
	text-align: justify;
	width: auto;
	padding: 5px;
	height: auto;
	text-indent: 0px;
}

.post_message
{   
	text-align: justify;
	width: auto;
	padding: 5px;
	min-height: 75px;
	text-indent: 0px;
}

.post img{
	float: right;
	margin: 10px;
}

.post .droite{
	font-style:italic;
}

.post_message .droite{
	font-style:italic;
}

/* LES TABLEAUX */
caption /* Titre du tableau */
{
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
	width: 100%;
	margin: auto; /* Centre le tableau */
	/*border: 4px solid black; /* Bordure du tableau avec effet 3D (outset)*/
	border-collapse: separate; /* déColle les bordures entre elles */
	/*margin-top: 20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}

th /* Les cellules d'en-tête */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
}

td /* Les cellules normales */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
	padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	/*height: 80px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
	vertical-align: top; /* Alignement vertical, le contenu des cellules sera placé en bas */
	font-size: 1em;
	/*border: 1px solid black; /* Bordure du tableau avec effet 3D (outset) */
}

/* Présentation, pages fixes et autres petits trucs */
.centrer{
	text-align: center;
}

.droite{
	text-align: right;
}

/* Le champs caché anti Bots */
.ccab {
	display: none;
}

/*
header('Location: chat01.php');
exit(); //Bien penser à coller le exit si le header est dans une boucle !!! YEPI !!!

foreach ($_POST as $key => $value)
{echo $key.'=>'.$value.'<br/>';}

$test=array('Zero', 'Un', 'Deux', 'Trois');
echo 'Je array_spice le deux';
array_splice($test, 2, 1);
print_r($test);

$delai=3;
$url='index.php';
header("Refresh: $delai; $url"); // ou url=$url

Dans les forms :
tabindex="X" pour la selection des tabulations auto toussa
*/