body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			
			font: 14px "Arial", Verdana, sans-serif;
			background: #333333;
			
		}
		
		#galerie
		{
			border: 1px solid #99BB22;
		}
		
		
		div#conteneur
		{
			width: 900px ;
			margin: 0 auto ;
			text-align: left ;
			
			border: 8px solid #ffffff;
			
		background: #333333;
		color: #ffffff;
		}
		
		h1#header
		{
			height: 200px ;
			margin: 0 ;
			background: #333333;
		background: url(design/haut8.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 335px ;
			height: 100px ;
			display: block ;
		
			position: relative ;
			left: 15px ;
			top: 25px ;
		
		}
		
		h1#header a span
		{
			display: none ;
		}
	
 div#page {
    text-align: left;    /* contenu placé à gauche */
    margin: 0 auto;      /* centrer horizontalement de manière standard */
    width: 900px;
    padding: 0;
    border-bottom: 1px solid #5D5352;
	 border-top: 5px solid #5D5352;
  }

 div#gauche {
  float: left;
  width: 185px;
  border: 1px solid #B5B2B2;
 
  margin-top: 15px;
  margin-left: 0.5em;
   margin-bottom: 10px;
  margin-right: 0.5em;
  padding: 0;
  background-color: #584E4D;
   text-align: center;
 color:#A8A4A3;
 }
	
	ul#menu {
	font: 0.7em "Arial", Verdana, sans-serif;
  font-size: 0.91em;
  float: left; width: 200px;
  margin-left: 5px; 
  margin-right: 5px;
  
  padding: 0;
  border: 1px solid #B5B2B2;
height:100%;
background-color: #7D7573;
  }
ul#menu li {
  list-style: none;
  margin: 0;
  padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.5em; 
}
ul#menu a {
  display: block;
  padding: 0.2em;
  font: 14px "Arial", Verdana, sans-serif;
 color: #ffffff; background-color: #5D5352;
   border-left: 2px solid #ffffff;
    border-bottom: 1px solid #ffffff;
text-decoration: none;	
}

ul#menu a#fixe {
  color: #3BCFE3; background-color: #413634;
   border-left: 2px solid #3BCFE3;
    border-bottom: 1px solid #3BCFE3;
text-decoration: none;	
}


ul#menu a:{
  color: #ffffff; background-color: #5D5352;
   border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
text-decoration: none;	
}

ul#menu a:hover {
  color: #3BCFE3; background-color: #5D5352;
  border-left: 2px solid #3BCFE3;
    border-bottom: 1px solid #3BCFE3;
text-decoration: none;	
}


		
		div#contenu
		{
		margin-left:210px;
			padding: 10px 10px 10px 10px ;
			background: #7D7573;
			border-left: 1px solid #2C1E1D;	
			border-right: 1px solid #2C1E1D;	
			}
		
		div#contenu h2
		{
			padding-left: 35px ;
			line-height: 25px ;
			font-size: 1.4em ;
			font: 18px "Arial", Verdana, sans-serif;
			background: url(design/b2.jpg) no-repeat left bottom ;
		    height:25px;
			color: #46D5E3;
			font-weight: bold ;

			font-style: italic;
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}
		
		div#contenu p
		{
			
			
			line-height: 1.7em ;
		font: 15px "Arial", Verdana, sans-serif;
		
		color: #ffffff;
		}
		
		


div#contenu strong {
	color: #3BCFE3;
font-weight: bold;
	}
		
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #ffffff;
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}
		
		.polaroid {
	background-image:url(design/polaroid3.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:133px;
	height:155px;
}

.polaroid-photo {
	border-top:1px solid #D8D9D9;
	border-left:1px solid #D8D9D9;
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
}
.polaroid-legend {
	font-size:9px;text-transform:uppercase;padding: 0 5px 0 5px; text-decoration: none; color:#ffffff;

}
.polaroid-legend2 {
	font-size:10px;text-transform:uppercase;padding: 0 5px 0 5px;
}
div#contenu a.lien1
		{
			color: #3BCFE3;
			font: 15px "Arial", Verdana, sans-serif;
		font-weight: bold;
		font-style: italic;
		}
		
div#contenu a.lien1:hover
		{
			color: #5B5150;
		font: 15px "Arial", Verdana, sans-serif;
		font-weight: bold;
		font-style: italic;
		}		

		.atexte {
color: #003668;
	font-family: sans-serif, "Bitstream Vera Serif", Norasi, serif;
font-size: 14px;
}	
.atexte  a{
font-weight: bold;
color: #003668;

}
.atexte  a:hover{
color: #000000;
}



.C3, .C3 a {color: #3BCFE3; text-decoration: none;}
.C3 a:hover{color: #ffffff; text-decoration: none;}

.C4, .C4 a {color: #3BCFE3; text-decoration: none; height: 1px;}

TEXTAREA {
	BORDER :#3BCFE3 1px solid; COLOR: #000000; BACKGROUND-COLOR: white;
}

SELECT {
	BORDER :#3BCFE3 1px solid; COLOR: #72BB22; BACKGROUND-COLOR: white;
}

OPTION {
	BORDER :#3BCFE3 1px solid; COLOR: #72BB22; BACKGROUND-COLOR: white;
}
INPUT {
	BORDER :#3BCFE3 1px solid; COLOR: #103c58;
}
.bordureimage{
border-right:10px solid #7D7573;



}
.pubtd {
	border: 1px solid #99BB22;
	background: #000000;
	}

.pubtable {
width :100%;
font:11px Arial, Helvetica, sans-serif;
	border: 1px solid #99BB22;
	background: #99BB22;
		}