/*#######################################################
#  © Pensée Nature 				                        #
#														#
#  Toute reproduction ou représentation, en tout ou     #
#  partie, à d'autres fins sur un quelconque support    #
#  est interdite sans l'autorisation expresse et        #
#  préalable de Penséé Nature et constituerait une     	#
#  contrefaçon au sens des articles L 335-2 et suivants #
#  du code de la propriété intellectuelle.       		#
#    													#
#  Le non-respect de cette interdiction constitue une   #
#  contrefaçon pouvant engager la responsabilité civile #
#  et pénale du contrefacteur.							#
#######################################################*/


body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2em;
	color: #49221D;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 10em;
	background: #FFFFCC;
	text-align:justify;
	background-image: url(images/background.jpg);

	}

/*****************conteneur**************/
#conteneur {

    width: 770px;
    height: 493px;
    margin: auto;
	}
	
/****************banniere***************/

h1#header
{
	height: 90px;
	background-image:url(images/top.jpg);
	background-color: transparent;
	background-repeat:no-repeat;
	margin: 0;
	border: 0px;
}

h1#header a
{
	width: 900px;
	height: 90px;
	display: block;
	background-image:url(images/banniere.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
}

	
	
/****************navigation*************/

ul#menu
{
	height: 45px;
	margin: 0;
	padding: 45px 0 0 0;
	background : url(images/cartouche.png) repeat-x 1 0;
	/*border: 0px solid #0000FF;
	border-bottom: none;
	border-top: none;*/
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu li
{
	float: left;
	text-align: center ;
	list-style-type: none;
}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 182px;
	margin-right: 3px;
	text-align: center;
	line-height: 45px;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0px;
	color: #6A0040;
	display: block;
	text-decoration: none;
	background : url(images/cartouche.png) repeat-x 0 0;
}
/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu li a:visited
{
	background: url(images/cartouche3.png) repeat-x 0 0;
	color: #006600;
}
ul#menu li a:hover
{
	background: url(images/cartouche2.png) repeat-x 0 0;
	color: #AE7826;
}
/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */	
	
/***************contenu******************/

div#contenu
{
	/*height: 480px;*/
	padding: 20px 40px 0 0px;
	/*overflow:auto;*/
	text-align:justify;
}
div#contenu
{
	height: 350px ; /*hauteur mini pour IE*/
}
html>body div#contenu
{
	height: auto;
	min-height: 350px; /*hauteur mini pour les autres*/
} 	
	
	
	
/****************copyright****************/

#copyright {
	margin: 0;
	line-height: 20px;
	text-align: center;
	color:#6A3261;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	
	}
	
.copyright {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#6A3261;
	margin-top:inherit;
	margin-left: 20em;
	
	}
	
	
	
/****************liens****************/


a {

	color: #6A3261;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	top: 20px;
	text-align: justify;

	}

a:hover {

	color: #E33751;
	text-align: center;

}

a:visited {

	color: #6A3261;
	text-align: center;

}

a:active {

	text-decoration: blink;
	text-align: center;

}
	
	
	
/****************style****************/

h2 {

	color: #BC191E;
	background-color: #F3808F;
	text-align: center;
	margin-left: 2em;
	line-height: 1,5em;
	width: 600px;

	}

h3 {	

	font-family: Verdana, Arial, Helvetica, sans-serif;		
	color: #BC191E;
	background-color: #F3808F;
	margin-left: 2em;
	width: 500px;

	}

h4 {

	color: #006600	}
	
.tablearea {

	margin-left:70px;
	margin-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #BC191E;
	max-width: 600px;
	border-collapse: 5px;

}

textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em

	}

.accueil {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-left:10em

}	
	
/****************tableau****************/


table {

	color: #FFFFFF;
	background-image: url(images/cartouche.png);
	height: 50px;
	width: 800px;
	text-align: center;
	margin-top: 60px;
	background-repeat: repeat-4;
	left: 90px;

	}

td, th {	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333

	}