body {
margin:0px;
background-color: #eeeeee;
background: url("images/fond1.jpg") repeat-y fixed center top;
/*background: url(images/fondrjaune.jpg) ;*/
}


/* ======================================================== affichage sous menu */
h1 {
font: bold 13pt Arial;
color: #008800; 
text-align:center;
}

h2 {
font: bold 13pt Arial;
color: #008800; 
text-align:left;
}

h3 {
font: bold 12pt Arial;
color: #008800; 
text-align:left;
}

img.txt {
margin:5px;
padding:5px;
} 

li {
margin-left:20px;
} 

/* ======================================================== affichage sous menu */
img {
margin:5px;
}

.textedet 
{
font: 10pt Arial;
} 

.texteacceuil 
{

} 
div.page {
margin: 0px auto;
width:797px;
font: normal 11pt Arial;
/*background-color: #cccccc; */
} 

div.phead {
/*background-color: #ffdd11;*/
height:150px;
line-height:60px;
/*background: url(images/energie-renouvelable-2.gif) top right no-repeat ;*/
}

div.phead2 {
padding:5px;
font: bold 10pt Arial;
text-align:center;
color: #008800; 
background-color: #ffffff;
/*background: url(images/degradejaune.jpg) top right repeat-x  ;*/
height:30px;
}

div.pboby 
{
background-color: #ffffff;
}

/* ================================================ boutons du menu a 2 niveaux ====== */

div.pmenuv {
width:130px;
float:left;
/*margin-bottom:-1.2em;*/
padding:0px;
background-color: #ffffff;

}
div.pmenuv2 {
width:140px;
height:400px;
/*margin-bottom:-1.2em;*/
padding:0px;
background-color: #ffffff;
background: url(images/eolienne.jpg) top no-repeat ;

}

a.boutonv1
{
font: bold 10pt Arial;
color: #000000;
color: #003300; 
padding-left: 5px;
margin-left: 0px;
width: 130px;
height: 20px;
display: block;
text-decoration:none;
font-weight:bold;
/*background: url(images/degradejaunegris.jpg) top left ;*/
background: url(images/degradebleuh.jpg) top left ;
BORDER-left:  #aaaaaa 1pt solid;
BORDER-bottom:  #888888  1pt solid;
}

a.boutonv1:visited
{

}

a.boutonv1:hover
{
color: #ffffff;
/*BORDER-right:  #ff5500 1pt solid;*/
background: url(images/degradeverth.jpg) top left ;

}

a.boutonv2
{
font: bold 11pt Arial;
color: #000000;
padding-left: 12px;
margin-left: -40px;
width: 123px;
height: 20px;
display: block;
text-decoration:none;
font-weight:bold;
background: url(images/degradejaunegris2.jpg) top left ;
/*background: url(images/degradeorange4.jpg) top left ;*/
background-color: #aaeeaa;
BORDER-left:  #888888 1pt solid;
BORDER-bottom:  #888888 1pt solid;
}

a.boutonv2:visited
{
}

a.boutonv2:hover
{
color: #ffffff;
background-color:#EEEEFF;
/*BORDER-right:  #995500 1pt solid;*/
background: url(images/degradevert.jpg) top left ;
}

div.pcont {
margin-right:0;
margin-left:140px;
padding:0px;
background-color:#ffffff;
}

	
/* ================================================ debut boite ronde blanche ========= */
.g1
 {
margin:0 4px;
height:1px;
background-color: #aaaaaa; 
overflow:hidden;/*necssaire pour IE */
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

.g2 {
margin:0 3px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #bbbbbb; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

.g3{
    margin:0 2px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
background-color: #cccccc; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;

}

.g4 {
margin:0 1px;
height:2px;overflow:hidden;/*necssaire pour IE */
background-color: #dddddd; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
	}
.gca {
padding: 4px;
min-height:20px;/* avec eventuellement une hauteur mini */
height:auto!important;
height:20px;
background-color: #f0f7f0; 
/*font-size : 11px;*/
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #bbbbbb 1pt solid;
}
/* ================================================ fin boite ronde grise ========= */
.centregauche
 {
/*margin-right:10px;
margin-left:10px;*/
padding:5px;
/*background-color:green;*/
width:48%;
float:left;
/*background-color:#ffddee;*/
}
.centredroit
 {
float:right;
width:48%;
margin-right:10px;
/*background-color:#aaddee;*/
}

.labelform
 {
font: bold 10pt Arial;
}
.dataform
 {
font: 9pt Arial;
}

/* ======================================================== affichage sous menu */
.off {
	display:none ;
}
.on {
	display:block ;
}

/* ======================================================== pied ==============*/
div.pfoot {
/*background-color:#ccccee;*/
text-align: center;
background: url(images/pied.jpg) top right repeat-x  ;
font: normal 9pt Arial;
}
.pfoot a{
color: #000000;
text-decoration:none;
}
.tab1
{
background-color: #ffffff; 
BORDER: #aaaaaa 1pt solid;
}
.trtitre
{
BORDER: #aaaaaa 1pt solid;
background-color: #eeeeee;
} 
.tdtitre
{
text-align: left;
padding: 0px 25px 0px 5px;
text-decoration:none;
} 
.tdtexte
{
text-align: left;
padding: 0px 25px 0px 5px;
} 
.tdchiffre
{
text-align: right;
padding: 0px 25px 0px 5px;
}