/* et vlà la feuille CSS ! */

body {background-image: url('images/fond.jpg'); }
/* definit la zone principale */ 
body, h1, h2, h3 {
	/* background-color: #FFFFFF; */
	color:#000000;
	font-family:Arial,Helv,sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}

.titrePrincipal { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #000000; }
.titreMenuGauche { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
.texte { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; }
p.texte { text-align:justify; text-indent: 2em; }

.txt { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.titre2 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0087b6; FONT-FAMILY: verdana; TEXT-DECORATION: none}
.titre3 { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: verdana; TEXT-DECORATION: none}

/* le titre ! */
.titre {
	/*position:absolute;
	left:166px;
	top:120px;*/
	font-size:15px;
	/*width:680px;
	margin-bottom:0;*/
	font-weight:bold;
	color: #439fd7;
	text-align:center;
	font-size: 2em;
}

/* test pour afficher un cadre */
/* border: 1px solid #333; background-color: #eee; */ 

/* les autres titres */

h1 {text-align:center;color:#439fd7;font-family:Verdana;font-size:21px;}
h2 {text-align:center;color:#439fd7;font-family:Verdana;font-size:16px;}
h3 {text-align:left;color:#006699;font-family:Verdana;font-size:13px;}


p {margin: 0 0 5px 0;}

/* texte du menu */
a:link, a:visited {color:#54839f;text-decoration:none;} 
a:hover {color: #e47b2a;text-decoration:none;} /* text-decoration:underline;}*/


.etiquette    { font-size: 2; font-weight: bold; 
                    color: #006699; background: #cad7e1; cursor: pointer; }
.champ        { background: #eeeeee; border: solid 1px #ffffff; 
                    border-top-color: #888888; border-left-color: #888888; }
.champ:hover,
.champ:focus  { border: 1px solid #6666ff; background: #ffffff; }
.bouton       { color: #000000; font-weight: bold; 
                    background: #eeeeee; border: solid 2px #6666ff; 
                    border-top-color: #ffffff; border-left-color: #ffffff; }
.bouton:hover { color: #000099; background: #ccccff; }
.bouton:focus { background: #bbbbff; border: solid 2px #ffffff; 
                    border-top-color: #6666ff; border-left-color: #6666ff; }

/* couleur des fonds tableaux : bck color #A3BE49 DEECF5 */
td.row_blanc	{background-color: #A3BE49;}
td.row_interieur {background-color: #DEECF5;}
td.row_contour {background-color: #006699;}

/* couleur du texte */
.Verdana_gris		{font-family: Verdana; color: #DDDDDD; font-size: 11px}
.Verdana_blanc		{font-family: Verdana; color: #FFFFFF; font-size: 11px}
.Verdana_rouge		{font-family: Verdana; color: #cc3300; font-size: 12px}
.Arial_noir	{font-family: Arial; color: #000000; font-size: 11px}
   

/* #007dc9 */
/* La Banniere du haut */
#banniere {
	position:absolute;
	top:0;
	left:0;
	width:855px;
	height:90px;
 background: #007dc9  url('images/Banniere.gif')  repeat-x 0 0;
}
/* #banniere h1, h2 {display:none;} */

/* style_Texte*/
#style_Texte {
	position:absolute;
	left:166px;
	top:167px;
	font-size:15px;
	width:680px;
	margin-bottom:0;
	text-align:justify;
	/* LINE-HEIGHT: 16pt; */
}

#style_Texte2 {
	position:absolute;
	left:456px;
	top:240px;
	font-size:15px;
	width:585px;
	margin-bottom:0;
	text-align:justify;	 
}


/* Copyright */
#copyright {
position:absolute;
	left:0px;
	font-size:15px;
	width:680px;
	margin-bottom:0;
		font-weight:bold;
	color: #FFFFFF;
text-align:center;
font-size: 2em;
}

#copyright2 {
position:absolute;
	left:166px;
	font-size:15px;
	width:680px;
	margin-bottom:0;
		font-weight:bold;
	color: #FFFFFF;
text-align:center;
font-size: 2em;
}

/***************** Link Lists *****************/
#linkList {
	position:absolute;
	top:96px;
}

#linkList ul {
	margin: 0px;
	padding: 0px;
}

/* menu */ 

#lmenu {
	z-index:1;
	background: transparent  no-repeat;
	height:330px;
	width:147px;
}

#lmenu .menu {
	width:147px;
	color:#007dc9; /* titre du menu */
	line-height:24px;
	margin-top:2px;
	background-color:#b1d9f0;
	border-top:3px solid #007dc9;
}
#lmenu .menu span{
	margin-left:10px;
}
#lmenu li {
	line-height:20px;
	border-bottom:1px solid #e0f1fc;
}

#lmenu li a {
	margin-left:28px;
}

#lmenu li a:hover {
	text-decoration:none;
	color:#FFFF66; /* couleur link */
}

#a:hover {color: #e47b2a;text-decoration:underline;}   
droittexte {
font-size: 11px;
line-height: 17px;
margin-bottom: 12px;
text-align: left;
}
.datenews {
font: 600 italic 13px Verdana, Arial, Helvetica, sans-serif;
color: #6b3f28;
padding: 1px 0px 0px 4px;
letter-spacing: -1px;
word-spacing: 2px;
margin: 0px
}
.titrenews{
font: bold 13px Arial, Helvetica, sans-serif;
color: #006699;
padding: 4px 0px 0px 4px
}

.txtnews {
font: 400 12px/13px 'Lucida Grande', Arial, Helvetica, sans-serif;
font-style: italic; 
color: #383838;
text-align: justify;
margin-bottom: 0px;
margin-right: 0px; 
padding: 4px 5px 2px 5px;
}

.catnews {font: 1em/12px Arial, Helvetica, sans-serif;
font: 400 10px/12px 'Lucida Grande', Arial, Helvetica, sans-serif;
font-style:italic;
color: #8c3800;
background: left center no-repeat;
padding-bottom: 4px;
padding-top: 2px;

}
img.corner {
   width: 11px;
   height: 11px;
   border: none;
   display: block !important;
}

/*FOOTER*/
.bottom {
vertical-align:bottom;
width:750px;
margin:0px auto;
background-color:#000;
color:#ffffff;
text-align:center;
padding:0px;
}