@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#557;
	background-color:#DFDFDF;
	
	
	
}

/*<link rel="icon" type="image/png" href="images/icone.png" />
/*-------------------------------------------   Mise en forme de la page (balise div)  ----------------------------*/

#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width: 800px;
	background-color:#C8DEA9;
	border: 5px solid #FFFFFF;
}

#haut {
	position: relative;
	background-color: #000;
	width:800px;
	height:130px;
	background-image:url(images/Menu.jpg);
}

#ColonneGauche {
	min-height: 600px;
	float:left;
	padding: 4px;
	width:630px;
	
}

#ColonneDroite {
	float:right;
	width:160px;
}

#bas {
	position: relative;
	clear:both;
	height: 30px;
	background-color: #81AD43;
	background-image:url(images/CornerLB.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}



/*-------------------------------------------   Mise en forme des bandeaux ----------------------------*/


.Bandeau11{
background-image:url(images/bandeau11.jpg);
background-repeat:no-repeat;
}

.Bandeau12{
background-image:url(images/bandeau12.jpg);
background-repeat:repeat-y;
}

.Bandeau13{
background-image:url(images/bandeau13.jpg);
background-repeat:repeat-y;
}

/*-------------------------------------------   Mise en forme News ----------------------------*/

.news{
	position: relative;
	text-align:left;
	background-color: #fff;
	border: 1px solid #009900;
	width:600px;
}

.newsComplet{
	position: relative;
	text-align:left;
	background-color: #fff;
	border: 1px solid #009900;
	width:580px;
}

.newsBarre {
	background-color:#DBEAC8;
	padding:2px;
}
.newsTexte {
	padding:5px;
}

.comments{
	position: relative;
	text-align:left;
	background-color: #fff;
	border: 1px solid #009900;
	width:400px;
}
.commentsBarre {
	background-color:#FFE082;
	padding:2px;
}


/*-------------------------------------------   Mise en forme du texte ----------------------------*/

.haut { 
		font:       verdana;
       font-size:      11pt;
		font-weight: bold;
        color:       #FFF;
}


.titre { 
		font:       verdana;
       font-size:      9pt;
		font-weight: bold;
        color:       #000;
}

.titreBandeau{
		text-align:center;
		vertical-align:top;
		font:       verdana;
        font-size:      9pt;
		font-weight: bold;
        color:       #000;
}


.pageOrange {

	font:       verdana;
	font-size:      10pt;
	font-weight: bold;
	color:#FF6600;
}
.titreOrange {

	font:       verdana;
	font-size:      8pt;
	font-weight: bold;
	color:#FF6600;
}

.pageVert {
	font:       verdana;
	font-size:      11pt;
	font-weight: bold;
	color:#006600;
}

.pageBleu {
	font:       verdana;
	font-size:      9pt;
	font-weight: bold;
	color:#424BA6;
}

.blanc {
		color:       #FFF;
}



.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#557;
}

A{
	text-decoration:none;
	color:#0066FF;
}

A:HOVER  {
	color:#FF6600;
}


