
		/* OPTIONS DE COULEUR A MODIFIER */
		/* - - - - - COULEUR 1 : TITRE, CONTENEUR ET H1 - - - - - */
    
	.head1, .conteneur{
			background-color: #BC2125;
		}	
    h1 {
			color: #BC2125;
			border-bottom: medium solid  #FFBA37;
		}
		#menu1 a:hover{
			background: #FECE02
		}
		
		
		/* - - - - - COULEUR 2 : MENU PPAL et BASDEPAGE - - - - - */
		.head2,.basdepage {
			background-color: #FFD586;
			
		}
				#menu1 a {
    	background-color: #FFFFFF;
    }
		/* - - - - - COULEUR 3 : SOUS-MENU ET H2 - - - - - */
		.head3, #menu2 a{
			background-color: #CC6600;
		}
		h2	{
			color: #CC6600;
			border-bottom: thin solid #CC6600;
		}
		

	
		
		
		.centre {
			background-color: #FFFFCC;
		}




		/* FIN DES OPTIONS DE COULEURS*/

		body {
	font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
	font-size: 0.8em; /* on définit la taille de police de base dans la page */
	margin: auto;
	margin-top: 10px;
	margin-right: 5%;
	margin-left: 5%;
	background-image:url(../images/fondsmall.jpg);
	border:4px ridge #663333 ;
}

		p{	margin-left: 10%;
		margin-right:10%;
		}

		.head1 {
			width: 100%;
			text-align: center;
			height: 110px;
			background-color:#BC2125
		}

		.head2,.head3,.basdepage {
			width: 100%;
			height: 20px;
			border: thin groove gray;
			border-left: none;
			border-right: none;
			background-color:#FFFFFF;
		}
		
		.head3{
			border-top: none;
		}
		.basdepage{
			text-align: center;
		}
		.conteneur{
			text-align: left;
			border: 4px ridge browm ;
		}
		.centre {
			margin: 2%;
			border: thin solid Gray;
			padding: 2%;
		}

		h1 {
			font-size: 1.4em;
			margin-left: 4%;
			margin-right: 2%;
			border-bottom: medium solid ;
		}

		h2	{
			font-size: 1.2em;
			margin-left: 6%;
			margin-right: 2%;
			border-bottom: thin solid ;
			
		}

		h3{
			font-size: 1em;
			margin-left: 8%;
			color : Gray;
		}


		.none {
			border-style:none;
		}

		ul,li {
			list-style-type: none; /* pour ne pas avoir de puces */
			margin: 0;
			padding:0;
			line-height: 20px;  /*interligne */
		}

		#menu1 a,#menu2 a{
			display: block;
			width: 100%;
			text-align: center;
			text-decoration: none;
			float: left;
		}
	
		#menu1 a{
			color:#663333 ;
		}
		
		#menu2 a{
			color: white;
		}

		#menu1 a:hover{
	color: #BC2125;
		}
		#menu2 a:hover{
			color: #FECE02;
			
		}

		#menu1 li{
			float: left ;
			width: 10% ;
		}
		#menu2 li{
			float:left;
			width:10% ;
			margin-left: 4%;
		}

		ul.liste1 li{
			list-style-type: circle;
			margin-left: 12%;
			margin-right: 10%;
			text-align:justify;
		}
		ul.liste2 li{
			list-style-type: square;
			margin-left: 14%;
		}

		/* Pour le formulaire*/
	form {
			background-color: #696969;
			border: 2px inset #663333;
			margin-left: 10%;
			margin-right: 10%;
			padding: 10px;
			border-color: #663333;
		}
input, select, option, textarea {
	border: 1px solid;
	background-color: #FFFFCC;
	color: #575757;
}
option {
	border: none;
}
