body {
	background-color: #dffff9 ;
	width:800px;
	margin : auto ;
	font-family: verdana, serif;
	font-size:12px ;

}
#banniere {
	height: 141px;
	width:600px;
	margin-left: 155px;
	background-color : #fcbf3f ;
	font-size :24px ;
	font-family : Quarter Open, georgia, arial, "Times New Roman", verdana ;
	font-style : italic ;
	font-weight : bold ;
	color : #d05800  ;
	text-align : left	;
	background-image: url(http://www.servimg.com/u/f69/11/39/79/64/dsc_1210.jpg) ;
	margin-top : 5px ;
	border : 3px inset blue ;
	position : absolute ;


}
#titre_1
{
    font-size :22px ;
	font-family : Quarter Open, georgia, arial, "Times New Roman", verdana ;
	font-style : italic ;
	font-weight : bolder ;
	color : #e99000  ;
	text-align : left	;
	margin-left : 20px;
}
#titre_2
{
    font-size :20px ;
	font-family : Quarter Open, georgia, arial, "Times New Roman", verdana ;
	font-style : italic ;
	font-weight : bold ;
	color : #ffffc1 ;
	text-align : left ;
	margin-top :75px ;
	margin-left : 20px ;
}	
#colonne_gauche {
	background-color: white ;
	width:150px ;
	margin-top: 190px;
	margin-bottom: 10px;
	float: left;
	position : absolute ;
    font-size : 10px ;
    font-family : georgia, arial, "Times New Roman", verdana ; 
    color : black ;
    list-style-type : square ;
    border :3px inset blue ;	
}
#titre_4
{
    background-image : url(http://i69.servimg.com/u/f69/11/39/79/64/img00110.jpg) ;
	width : 100% ;
	height : 60px ;
	background-color : white ;
	background-repeat : no-repeat ;
}


#menu{
	text-align: center;
	padding-top: 7px;
	padding-bottom: 3px;
	background-color: white ;
	width: 523px;
	height: 20px;
	margin-top : 156px ;
	color : black  ;
	position : absolute ;
	margin-left : 77px;
	font-size : 12px ;
	
}

#footer {
	background-color: white;
	clear: both;
	margin:0;
	padding:5px;
	width:750px ;
	margin-top : 1200px ;
	border : 3px outset blue ;
	position : absolute ;
}

#info {
	width: 40%;
	position: absolute;
	top: 42%;
	left: 30%;
	border: 1px solid black;
	background-color: #CFEDF4;
}

#erreur {
	text-align: center;
	color: #EE0808;
}

#information {
	text-align: center;
	color: #08EE08;
}

/* ----------------------------------------------------------------------------- */

h1 {
	text-align: left;
	color: black;
	font-family: georgia, arial, "trebuchet ms", verdana, sans-serif;
	letter-spacing:1px;
	font-variant: capitalize;
	font-weight:bold;
	font-size:18px;
	margin-top:2px;
	text-decoration : underline ;
	border-left : 1px solid black ;
}
h2 {
	text-align: left ;
	color: black;
	font-family: georgia, arial, "trebuchet ms", verdana, sans-serif;
	letter-spacing:0.8px;
	font-variant: capitalize;
	font-weight:bold;
	font-size:16px;
	margin-top:2px;
	text-decoration : none ;
	border-bottom : 1px dashed black ;
}
h3{
	text-align:left;
	color: black;
	font-family: georgia, arial, "trebuchet ms", verdana, sans-serif;
	letter-spacing:0.6px;
	font-variant: capitalize;
	font-weight:bold;
	font-size:14px;
	margin-top:2px;
	text-decoration : none ;
	border-bottom : 1px dotted black ;
}
a, a:visited {
	color: #fcbf3f;
	text-decoration: underline ;
	font-weight : bold ;
	
}

a:hover, a:focus {
	text-decoration: none;
	color:#76b4ee;
}

.float {
	display: block;
	width:160px;
	float:left;
}
input[type="submit"], input[type="button"]	{
	background-color: #CDF0F0;
	color: black;
	border: 1px solid black;
}

input[type="text"]:focus, input[type="password"]:focus {
	background-color: #CDF0F0;
	color: black;
	border : 1px solid black ;
}

#liens
{ background-color: white ;
  color : black ;
}
.articles{
 background-color : white ;
 font-size : 12px ;
 font-style : italic ;
 color : black ;
 width : 99% ;
 margin-left : 5px ;
 margin-top  : 1px ;
 margin-right : 0px ;
 border-bottom : 1px solid black ;
 display : block ;
 margin-bottom : 5px ;
 max-height: 400px ;
 font-family : georgia,arial, "Times New Roman", no serif ;
 overflow : auto ;
 text-align : left ;
 padding-left : 3px ;

}
#corps 
{ 
background-color : white ;
font-family : georgia, arial, "Times New Roman", no serif ;
font-size : 12px ;
font-weight : bolder ;
width : 575px ;
margin-left : 175px ;
margin-top  : 190px ;
margin-right : 5px ;
border-left : 3px double blue ;
border-bottom : 3px double blue ;
position : absolute ;
height : auto ;
font-style : italic ;
padding-left : 3px ;
}
#widget
{
margin-top : 660px;
margin-bottom: 10px;
float: left;
position : absolute ;

}
#colonne_droite {
	background-color: white;
	width:98%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:1px;
	float : left ;
	position: absolute ;
	list-style-type : square ;
	border : 3px inset blue ;
	font-size : 10px ;
	font-family : georgia, arial, "Times New Roman", verdana, no-serif ;
}
#bandeau
{
height : 141px ;
width : 141px ;
margin-left :2px ;
background-image : url(http://i69.servimg.com/u/f69/11/39/79/64/hautes10.jpg) ;
background-color : #fcbf3f ;
background-repeat : no-repeat ;
border : 3px inset blue ;
margin-top : 5px ;
position : absolute ;

}
#titre_3
{
text-align : center ;
font-size : 18px ;
font-family : georgia, verdana, "Times New Roman", arial ; 
font-weight : bold ;
color : #e99000 ;
margin-top : 115px ;
}
#contenu {
	background-color: white;
	margin-left: 23%;
	margin-bottom:10px;
	margin-right:5px;
	margin-top:5px;
	padding:5px;
	width:70%;
	border: 1px solid blue;
	height: auto;
	position : absolute ;
	color : black ;
	font-family : georgia, arial, "Times New Roman", sans serif ;
}
.tableau{
 background-color : white ;
 font-size : 12px ;
 font-style : italic ;
 font-weight : bolder ;
 color : black ;
 width : 90% ;
 margin-left : 5% ;
 margin-top  : 5px ;
 margin-right : 5px ;
 border: 1px inset #ff8c00;
 display : block ;
 margin-bottom : 5px ;
 max-height: 300px ;
 font-family : arial, "Times New Roman", no serif ;
 overflow : auto ;
 padding-left : 3px ;
 }
 .chartecat{
 background-color : #e8ae00 ;
 font-size : 18px ;
 font-style : italic ;
 font-weight : bolder ;
 font-family : georgia, arial, "Times New Roman", sans serif ;
 color : black ;
 text-align : center ;
 border : 1px inset #ee7146 ;
 text-decoration : underline ;
 overflow : auto ;
 padding-left: 3px ;
 }
.charte{
background-color : white ;
font-family : georgia, arial, "Times New Roman", no serif ;
font-size : 12px ;
font-weight : bolder ;
width : 70% ;
margin-left : 24% ;
margin-top  : 10px ;
margin-right : 5px ;
border-left : 3px double blue ;
border-bottom : 3px double blue ;
position : absolute ;
height : auto ;
font-style : italic ;
padding-left: 3px ;
}