html,body {
			margin:0;
			padding: 0;
			font-size: 82%;
			font-family: Trebuchet, Verdana, Geneva, Arial, sans-serif, Courier, serif;
			background-image: url(/images_site/background-left.jpg);
			background-repeat: repeat;

		}
		
		#gauche {
			position: absolute;
			left: 0;
			top: 0;
			width: 228px;
			border-right: 1px solid #333399;
			height: 200%;
			background: #669933;
			padding: 0;
		}
		#contenu {
			position: absolute;
			left: 228px;
			right: 200px;
			top: 0;
			border-bottom: 1px solid #333399;
			padding: 0;
			background: #fff;
		}
		#droite {
			border-left: 1px solid #333399;
			position: absolute;
			right: 0;
			top: 0;
			width: 200px;
			background: #99CC66;
			padding: 0;
			border-bottom: 1px solid #333399;
		}
		
		.images-de-oiseau {
			position: absolute;
			top: 0;
			left: 0;
			padding: 0;
		}
		
		.contenu-oiseau {
			position: absolute;
			top: 410px;
			padding-left: 3px;
		}
		
		.banner {
			background-color: #669933;
			height: 70px;
			overflow: hidden;
			padding: 0;
		}
		.menu-horizontal {
			background-color: #333399;
			color: #FFCC33;
			text-align: right;
			font-weight: bold;
			padding: 3px 20px 3px 3px;
			text-decoration: none;
		}
			.menu-horizontal a,
			.menu-horizontal a:link,
			.menu-horizontal a:visited {
				text-decoration: none;
                color: #FFCC33;
                padding: 3px 3px 3px 3px;
			}
			.menu-horizontal a:hover {
				background-color: #99CC66;
				color: #333399;
				border-bottom: 1px solid #333399;
				padding: 3px 3px 3px 3px;
			}
			.menu-horizontal a:active {
				text-decoration: none;
                color: #FFCC33;
                padding: 3px 3px 3px 3px;
			}
		
		
		.titre-blog {
			background-color: #333399;
			width: 100%;
			color: #FFCC33;
			text-align: center;
			font-weight: bold;
			padding: 3px 3px 3px 3px;
		}
			.titre-blog a,
			.titre-blog a:link,
			.titre-blog a:visited  {
				text-decoration: none;
                color: #FFCC33;
                padding: 3px 3px 3px 3px;
			}
			.titre-blog a:hover {
				background-color: #99CC66;
				color: #333399;
				border-bottom: 1px solid #333399;
				padding: 3px 3px 3px 3px;			
			}
			.titre-blog a:active {
				text-decoration: none;
                color: #FFCC33;
                padding: 3px 3px 3px 3px;
			}

		.image-tete {
			float: right;
			top: 0;
		}

		.image-logo {
			float: left;
			top: 0;
		}

		
		.side-title {
			letter-spacing: 2px;
			color: #333399;
			font-weight: bold;
			margin-left: 10px;
			margin-right: 10px;
			border-bottom: 1px dotted #333399;
			padding-bottom: 4px;
			margin-top: 25px;
                        text-shadow: 3px 3px 3px #669933;
			overflow: hidden;
		}
		
		.side-content {
			 font-family: Trebuchet MS, Courier, serif;
			 font-weight: 500;
			 color: #003300;
			 margin-top: 10px;
			 margin-left: 10px;
			 margin-right: 10px;
			 overflow: hidden;
		}
		
			.side-content a,
			.side-content a:link {
				color: #333399;
				text-decoration: none;
			}
			.side-content a:visited {
				color: #6666CC;
				text-decoration: none;
			}
			.side-content a:hover {
				color: #000066;
				text-decoration: underline;
			}
			.side-content a:active {
				font-weight: normal;
				text-decoration: none;
			}
				
		.copyleft {
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 10px;
		}
		
		.copyright {
			color: #003300;
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 10px;
			font-size: 75%;
			margin-top: 50px;
			text-align: right;
		}
			.copyright a,
			.copyright a:link,
			.copyright a:visited {
				color: #003300;
				text-decoration: none;
			}
			.copyright a:hover {
				text-decoration: underline;
			}
			.copyright a:active {
				color: #003300;
				text-decoration: none;
			}
		
		input.button {
			font-family: Helvetica, Verdana, sans-serif, Courier, serif;
			font-size:   10px;
			color: #99CC33;
			font-weight: bold;
			background-color: #336600;
			padding-top: 1px;
			padding-bottom: 1px;
			border: 1px solid #669933;
		}
		
		input {
			font-family: Trebuchet MS, Verdana, sans-serif, Courier, serif;
			font-size:   11px;
			color: #666;
			margin-right: 3px;
			padding-top: 2px;
			padding-bottom: 2px;
			border: 1px solid #000;
			background-color: #fff;
		}
		
		textarea {
			color: #666;
			border: 1px solid #000;
			margin-bottom: 10px;
			background-color: #fff;
			font: 11px/16px Trebuchet MS, verdana, sans-serif, Courier, serif;
		}

.cite {
	font-style: italic;
	width: 350px;
	margin: 20px 20px 20px 20px;
	border: 1px solid #CCC;
	padding: 5px 5px 5px 5px;
	}


.blog {
	   color: #666;
	   font-family: Trebuchet MS, Courier, serif;
       padding-left: 20px;
       padding-right: 20px;
       margin-top: 10px;
       margin-bottom: 40px;
}

            .blog a,
			.blog a:link,
			.blog a:visited {
				color: #333399;
				font-weight: normal;
				text-decoration: none;
			}
			.blog a:hover {
				color: #000066;
				text-decoration: underline;
			}
			.blog a:active {
				color: #333399;
				font-weight: normal;
				text-decoration: none;
			}
				

.blog h2 {
	   font-style: italic;
	   text-align: right;
           text-shadow: 3px 3px 3px #CCC;
       margin-top: 50px;
       margin-bottom: -20px;
}

.blog h3 {
	   color: #333399;
	   font-weight: bolder;
           text-shadow: 2px 2px 3px #CCC;
           border-bottom: 1px dotted #333399;
           margin-top: 40px;
}


.histo {
	   font-family: Trebuchet MS, Courier, serif;
	   font-style: italic;
	   font-size: 105%;
	   color: #666666;
	   margin-bottom: 30px;
       }
       		.histo a,
       		.histo a:link,
       		.histo a:visited {
       		color: #666666;
       		text-decoration: none;
       		}
       		.histo a:hover {
       		color: #666666;
       		text-decoration: underline;
       		}
       		.histo a:active {
       		color: #666666;
       		text-decoration: none;
       		}
 

.posted {
	   font-size: 96%;
	   margin-top: 19px;
       margin-bottom: 12px;
       text-shadow: 1px 1px 1px #999;
       color: #999;
}
            .posted a,
			.posted a:link,
			.posted a:visited {
				color: #6666CC;
				font-weight: normal;
				text-decoration: none;
			}
			.posted a:hover {
				color: #333399;
				text-decoration: underline;
			}
			.posted a:active {
				color: #6666CC;
				font-weight: normal;
				text-decoration: none;
			}
			
.banner-promo {
      margin-top: 20px;
      text-align: center;
}

.clr{
	clear:left;
}

.box {
text-align: justify;
	width: 350px;
	margin: 15px 10% 15px 10%;
	font-size: 97%;
	background-color: #CCCCFF;
border: 1px solid #333399;
	color: #333399;
	padding: 3px 3px 3px 3px;
	}
	
	.emphase {
	font-family: Trebuchet MS, serif;
	line-height: 10px;
	font-size: 114%;
	font-weight: bold;
	}
	
.box a:link {
	color: #333399;
	text-decoration: none;
}
.box a:visited {
	color: #333399;
	text-decoration: none;
}
.box a:hover {
	color: #FF9900;
	text-decoration: none;
}
.box a:active {
	color: #FF9900;
	text-decoration: underline;
}

.box-title {
	background-color: #333399;
	font-size: 101%;
	color: #FFCC33;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}

#commentaire {
background: #fff;
}

.comments-add	{
		font-size: 108%;
		background-color: #333399;
		color:#FFCC33;
		padding: 2px; 
		margin-top:28px;
		margin-bottom:10px;
		font-weight:bold;		
		}	

.comments-head	{ 
		font-size:small; 
		color: #333399; 
		border-bottom:1px dotted #333399;
		margin-top:20px;
		margin-bottom:10px;
		font-weight:bold;
  		background:#FFF;		
		}		

	#banner-commentspop {
		color:#FFCC33;
		font-family: Trebuchet MS, serif;
		font-size:large;
		font-weight:bold;
		text-align: center;	 		
  		background-color: #333399;
  		padding-top:5px;
  		padding-bottom:5px;  		  		  			 
		}

.comments-body	{ 
		color: #333399; 
		border: 1px solid #333399;
		padding: 5px;
		margin-top:12px;
		margin-bottom:12px;
		background:#99CC66;		
		}

.comments-post	{ 
		text-align: right;
		}