@charset "iso-8859-1";


html, body {/* Corps de la page, centrage, image de fond, police et taille utilisé */
          margin: 0;
          padding: 0;
          background: #666666;
          color: #CCCCCC;
          font-family:  Verdana;
          font-size : 12px;
          }

hr{/* Toute les bordures d'image enlevée en cas de liens */
		display : block;
		clear: both;
		margin: 0;
		padding: 0;
      border : 0px;
      height : 1px;
		color: #FFF;
		background: #FFF;
		}
		
hr.dotted{/* Toute les bordures d'image enlevée en cas de liens */
      border : 0px;
		border-top : 1px dotted #000 ;
      height : 0px;
		}
		
img{/* Toute les bordures d'image enlevée en cas de liens */
		border: 0px solid #fff ;
		}
		
img.rea{/* Toute les bordures d'image enlevée en cas de liens */
		float: left;
		padding : 3px 3px 3px 3px;
      border : 1px solid #FFF;
      height : 115px;
      margin-right : 15px;
		}
		
img.center{/* Centrage de l'image */
		display:block;
		text-align: center ;
		}
		
img.right {/* Alignement de l'image a droite par rapport au texte */
		float: right;
		display: block;
		border: 0px solid #0A6CA3 ;
		margin-left: 5px;
        }
		  
img.down {/* Alignement de l'image a droite par rapport au texte */
		vertical-align: text-bottom; 
        }
		  
img.left {/* Alignement de l'image a gauche par rapport au texte */
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-right: 5px;
		}
		
img.filet {/* Alignement de l'image a droite par rapport au texte */
		display: block;
		border-top: 3px solid #CCCCCC ;
		border-bottom: 3px solid #CCCCCC ;
        }
		  
table,th,tr,td{/* Toutes les bordures de tableau enlevée en cas de tableau */
		border:0 ;
		}

		/* ----------------------------------------------------------------------------------------Définitions de quelques class de colorisations de texte utilisable plusieurs fois */
span.red{
          color: #FE2A0F;
        }
		  
span.bleu{
          color: #0678B3;
		}
        

		/* ----------------------------------------------------------------------------------------FIN DES SPAN */
		

div#conteneur
		{/* --------   Bloc conteneur du site (la base du site)   --------- */
			position : relative;
			width: 970px;
			margin: 0 auto;
			padding: 0;
			height: 700px;
			border: 0px solid #000000 ;
		}

div#header
		{/* ---------    Bloc en tete du site (bandeau, etc...)    --------- */
	        display: block;
	        float: left;
	        width : 252px;
	        height : 700px;
	        margin: 0;
	        padding: 0;
	        border : 0px #000 solid;
	        background : #CCCCCC url(../img/caviar-escargot-band-g_02.jpg) repeat-y left top; 
		}
		
div#header h1 {
			margin: 0;
		}

div#header h1 a span{
         display : none;
        }
        
ul#menu {/* Formatage du menu */
         display: block;
			width: 252px;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
         margin-top:  300px;
		}
		
ul#menu li{
			padding : 0;
			margin : 0;
        	display : block;
			margin-top:  15px;
			margin-left : 30px;
			padding-left : 10px;
			padding-bottom : 8px;
			width : 170px;
        	height : 25px;
			border-bottom: 1px solid #36062E;
		}
		
ul#menu li a{
			padding : 0;
			margin : 0;
			text-decoration : none;
			display : block;
		   height : 20px;
	      padding-top : 5px;
	      padding-left : 30px;
	      color : #36062E;
			font-size: 12px;
			font-weight: normal ;
			background : url(../img/puce-menu.jpg) no-repeat left center;
        }
   
div#contenu
		{/* --------    Bloc Contenu (partie centrale du site)     -----------*/
			display:block;
			float : left;
			position : relative;
			width: 718px;
			height : 700px;
			margin: 0;
			padding : 0;
			background :#36062E;
		}
		
div#contenu div#centre{
			display: block;
			width: 718px;
			float : left;
			position : relative;
			padding: 0;
			margin: 0;
			border-top: 3px solid #CCCCCC ;
			border-bottom: 3px solid #CCCCCC ;
      		}
      
div#contenu div#texte{
      	display: block;
      	position : relative;
      	float : left;
	      padding: 0;
			margin: 0;
			font-size: 10px;
			font-weight: normal;
	      color : #CCCCCC;
			margin-left : 30px;
			margin-top : 10px;
			border: 0px solid #CCCCCC;
      		}
				
div#contenu div#texte.petit{
      	width : 290px;
      		}
				
div#contenu div#gauche{
      	display: block;
      	float : left;
	      padding: 0;
			margin: 0;
			margin-right : 30px;
			font-weight: normal;
      		}
				
div#contenu div#texte2{
      	display: block;
      	float : left;
	      padding: 0;
			margin: 0;
			font-size: 10px;
			margin-left : 30px;
			font-weight: normal;
	      color : #CCCCCC;
      		}
				
div#contenu div.col{
      	display: block;
      	float : left;
      	width : 310px;
	      padding: 0;
			margin: 0;
      		}
				
div#contenu div.trait{
      	padding-right : 15px;
      	margin-right : 20px;
      	border-right : 1px solid #CCCCCC;
      		}
				
div#contenu h2{
			display: block;
			margin: 0;
			padding : 0;
			font-size: 20px;
			font-weight: normal;
	      color : #CCCCCC;
	      text-align : center;
      	}
      
div#contenu h3{
			display: block;
			margin: 0;
			padding : 0;
			font-size: 18px;
			margin-bottom : 15px;
			padding-left :25px;
			font-weight: normal;
	      color : #CCCCCC;
	      background : url(../img/puce-grosse.jpg) no-repeat left top;
      	}
			
div#contenu h4{
			display: block;
			width : 285px;
			float: left;
			margin: 0;
			padding : 0;
			font-size: 18px;
			margin-bottom : 15px;
			padding-left :25px;
			font-weight: normal;
	      color : #CCCCCC;
	      background : url(../img/puce-grosse.jpg) no-repeat left top;
      	}
			
div#contenu h5{
			display: block;
			margin: 0;
			padding : 0;
			font-size: 14px;
			font-weight: bold;
	      color : #CCCCCC;
      	}
			
div#contenu a{
			margin: 0;
			padding : 0;
			font-size: 12px;
			font-weight: normal;
	      color : #CCCCCC;
      	}
			
div#contenu a.part{
			margin: 0;
			padding : 0;
			font-size: 11px;
			font-weight: normal;
	      color : #CCCCCC;
      	}
			
div#contenu div#accueil{
			display : block;
			height : 60px;
			width: 718px;
      	}
			
div#contenu div#accueil ul#acc {/* Formatage du menu */
         display: block;
			margin-top : 20px;
			margin-right : 25px;
			font-size: 12px;
			font-weight: normal;
	      color : #CCCCCC;
         float : right;
		}
		
div#contenu div#accueil ul#acc li{
			padding : 0;
			margin : 0;
        	display : block;
			float : left;
			margin-left: 5px;
		}
		
div#contenu div#accueil ul#acc li a{
			text-decoration : none;
        }
		  
div#contenu div#accueil ul#acc li a.acc{
      	padding-left : 15px;
	      text-decoration : none;
	      background : url(../img/puce-carre.jpg) no-repeat left center;
        	}

div#pied{
	      display: block;
	      padding: 0;
			margin: 0;
			font-size: 11px;
			font-weight: normal;
	      color : #CCCCCC;
			text-align : center;
      	}
			
div#pied a{
			font-size: 11px;
			font-weight: normal;
	      color : #CCCCCC;
      	}

#clear {/* Bloc qui maintient les autres a la meme hauteur */
			clear: both;
		}
	
.champ{
	background-color: #d3d3d3;
}


.champobligatoire{
	font-size: 10px;
}


a:link {text-decoration:none} /* lien non visité */
a:visited {text-decoration:none} /* lien visité */
a:hover {text-decoration:underline} /* lien survolé */