/* **************************************************************************** */

/*	Style sheet  	                                                        */

/* **************************************************************************** */
/*						*/


body {
color: #000000; 
/*background-image : url(images/fond.jpg);*/
background:url(../images/fond09.jpg) #7fbab8 repeat-x;
font-family : Arial, Helvetica, sans-serif;
margin: 0px;
padding:0px;
font-size:12pt;
}

#content
{
width:1036px;
margin:auto;
background:url(../images/fond-content.png) center repeat-y;
}

#page {
width:1000px;
margin:auto;
margin-top:0px;

}

a{
color:#0000ff;
text-decoration:underlinge;
/*font-weight:bold;*/
}

a:hover{
text-decoration:none;
}

a.fil
{
color:#443322;
text-decoration:none;
font-size:10pt;
}

b {
color:#000077;
}


.phead
{
height: 250px;
margin-right:10px
position:relative;
top:0px;
z-index:1;
}
.logo{
position:absolute;
top:0px;
z-index:0;
}



div.gauche {
/*position: absolute;*/
float:left;
left:0;
width: 210px;
/*background-image: url(../images/fondghi2.jpg);
background-color: #885566;*/
}
div.centre {
/*position: absolute;*/
margin-left: 210px;
margin-right: 180px;
/*width: 620px;*/

/*background-color: #99aa77;*/
}

/* col gauche + centre ( pas de colonne droite  */
div.centre-gc {
margin-left: 220px;
margin-right: 0px;
}

div.droite {
/*position: absolute;*/
float:right;
width: 175px;
margin-right: 0px;
/*height: 100%;*/
/*background-image: url(../images/fonddhi2.jpg);
background-color: #bb6677;*/
}

div.droite-gc {
float:right;
width: px;
margin-right:-9px;
}

div.centrepro {
/*position: absolute;*/
margin-left: 210px;
margin-right: 0px;
/*width: 620px;*/

/*background-color: #99aa77;*/
}

.textedet
{
padding-left:10px;
}

/* ======================================================== pied ==============*/
div.pfoot {
/*background-color:#ccccee;*/
BORDER-top:  #aaaaaa 1pt dotted;
padding-top:7px;
height:50px;
text-align: center;
clear:both;
background: url(../images/pied.jpg) top right repeat-x  ;
/*font: normal 9pt Arial;*/
font-size: 0.7em;
}
div.pfoot a{
color: #444444;
text-decoration:none;
}




h1 {
font: bold;
color: #000055; 
text-align:center;
font-size: 1.20em;
}

h2 {
margin-left: 20px;
color: #000022; 
text-align:left;
font-size: 1.10em;
}


h3 {
margin-left: 10px;
color: #cc2233;
text-align:left;
font-size: 1.0em;
}

h4 {
margin-left: 5px;
color: #558888;
text-align:left;
font-size: 0.85em;
}

.texte
{
margin-left:10px;
margin-right:10px;
}
p.msgerr
{
  font-weight: bold;
color: #dd0000; 
background-color: #ffff66;
BORDER-left: #bbbbbb 1pt solid; 
BORDER-top: #bbbbbb 1pt solid;
BORDER-bottom: #aaaaaa 1pt solid; 
BORDER-right: #aaaaaa 1pt solid;
text-align:left;
font-size: 1em;
margin-left:10px;
margin-right:10px;
padding:7px;
}

p.msg
{
  font-weight: bold;
color: #dd0000; 
background-color: #ffff66;
BORDER-left: #bbbbbb 1pt solid; 
BORDER-top: #bbbbbb 1pt solid;
BORDER-bottom: #aaaaaa 1pt solid; 
BORDER-right: #aaaaaa 1pt solid;
text-align:left;
font-size: 1em;
margin-left:10px;
margin-right:10px;
padding:7px;
}

.info
{
color: #220000; 
background-color: #ffffbb;
/*height:50px;*/
background: url(../images/fondc.jpg) top right repeat-x  ;
font-size: 1em;
margin-left:10px;
margin-right:10px;
padding:10px;
BORDER-left: #ff0000 1pt solid; 
BORDER-top: #ff0000 1pt solid;
BORDER-bottom: #ff0000 1pt solid; 
BORDER-right: #ff0000 1pt solid;
}

.info b
{
font-size: 1em;
color: #ff0000; 
}

.infopetit
{
position:relative;
color: #222222; 
font-size: 0.8em;
}
.pbody {
/*background-color: #bbcc77;*/
width: 1000px;
margin-top: 50px;
}



/* ================================================ debut boite ronde blanche ========= */
.conteneur-arrondi
 {
margin-right:3px;
margin-left:3px;
}
.g1
 {
margin:0 4px;
height:1px;
background-color: #5555ff; 
background-color: #009900; 
overflow:hidden;/*necssaire pour IE */
BORDER-right:#0000ff 1pt solid;
BORDER-left: #0000ff 1pt solid;
BORDER-right:#099000 1pt solid;
BORDER-left: #009900 1pt solid;
}

.g2 {
margin:0 3px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #ffffff; 
BORDER-right: #0000ff 1pt solid;
BORDER-left: #0000ff 1pt solid;
BORDER-right:#099000 1pt solid;
BORDER-left: #009900 1pt solid;
background:url(../images/boitev.jpg);
background-repeat:repeat-y;
}

.g3{
    margin:0 2px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
background-color: #ffffff; 
BORDER-right:#0000ff 1pt solid;
BORDER-left: #0000ff 1pt solid;
BORDER-right:#099000 1pt solid;
BORDER-left: #009900 1pt solid;
background:url(../images/boitev.jpg);
background-repeat:repeat-y;

}

.g4 {
margin:0 1px;
height:2px;overflow:hidden;/*necssaire pour IE */
background-color: #ffffff; 
BORDER-right: #0000ff 1pt solid;
BORDER-left: #0000ff 1pt solid;
BORDER-right:#099000 1pt solid;
BORDER-left: #009900 1pt solid;
background:url(../images/boitev.jpg);
background-repeat:repeat-y;
	}
.gca {
padding: 4px;
min-height:20px;/* avec eventuellement une hauteur mini */
height:auto!important;
height:20px;
background-color: #ffffff; 
/*font-size : 11px;*/
BORDER-right: #0000ff 1pt solid;
BORDER-left: #0000ff 1pt solid;
BORDER-right:#099000 1pt solid;
BORDER-left: #009900 1pt solid;
background:url(../images/boitev.jpg);
background-repeat:repeat-y;
}


.gcc {
padding: 4px;
min-height:20px;/* avec eventuellement une hauteur mini */
height:auto!important;
height:20px;
}

/* boite arrondi pour le centre*/
.c1
 {
margin:0 4px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #bbbbbb; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

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

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

}

.c4 {
margin:0 1px;
height:2px;overflow:hidden;/*necssaire pour IE */
overflow:hidden;/*necssaire pour IE */
background-color: #eeeeee; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
	}
.cc {
padding: 2px 0px;

min-height:20px;/* avec eventuellement une hauteur mini */
height:auto!important;
height:20px;
background-color: #ffffff; 
BORDER-right:  #aaaaaa 1pt solid;
BORDER-left:  #aaaaaa 1pt solid;

}



.cg1
 {
margin:0 4px;
height:1px;
background-color:  #5555ff; 
background-color:  #00aa00; 
overflow:hidden;/*necssaire pour IE */
BORDER-right:  #7777ff 1pt solid;
BORDER-left:  #7777ff 1pt solid;
BORDER-right:  #00aa00 1pt solid;
BORDER-left:  #00aa00 1pt solid;
}

.cg2 {
margin:0 3px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #cccccc; 
BORDER-right: #7777ff 1pt solid;
BORDER-left:  #7777ff 1pt solid;
BORDER-right:  #00aa00 1pt solid;
BORDER-left:  #00aa00 1pt solid;
}

.cg3{
    margin:0 2px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
background-color: #dddddd; 
BORDER-right: #7777ff 1pt solid;
BORDER-left:  #7777ff 1pt solid;
BORDER-right:  #00aa00 1pt solid;
BORDER-left:  #00aa00 1pt solid;
}

.cg4 {
margin:0 1px;
height:2px;overflow:hidden;/*necssaire pour IE */
background-color: #eeeeee; 
BORDER-right: #7777ff 1pt solid;
BORDER-left:  #7777ff 1pt solid;
BORDER-right:  #00aa00 1pt solid;
BORDER-left:  #00aa00 1pt solid;
	}
.cg {
padding: 4px;
min-height:20px;/* avec eventuellement une hauteur mini */
height:auto!important;
height:20px;
background-color: #ffffff; 
/*font-size : 11px;*/
BORDER-right: #7777ff 1pt solid;
BORDER-left:  #7777ff 1pt solid;
BORDER-right:  #00aa00 1pt solid;
BORDER-left:  #00aa00 1pt solid;
background:url(../images/boitegr.jpg);
background-repeat:repeat-x;
}




/* 3 col solution 3: div class gauche - centre - droite */
/*div.gauche {width:140px;float:left;border-right:1px solid #666;margin-bottom:-1.2em;padding:5px;}*/
/*div.centre{margin-right:150px;margin-left:150px;border-left:1px solid #666;padding:5px;background-color:green;}*/
/*div.droite {width:140px;float:right;border-left:1px solid #666;margin-bottom:-1.2em;padding:5px;}*/




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

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

}

a.menuv1
{
text-decoration: none;
font: bold 10pt Arial;
color: #000000; 
padding-left: 5px;
margin-left: 0px;
width: 125px;
height: 20px;
display: block;
font-weight:bold;
/*background: url(images/menuv1.gif) no-repeat top right ;*/
/*BORDER-left:  #aaaaaa 1pt solid;*/
/*BORDER-bottom:  #aaaaaa	  1pt solid;*/
}

a.boutonv1:visited
{

}

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

}


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

}



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 ;
}



.labelform
 {
font-family : Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
background-color:#EEEEFF;
}

.labelformfac
 {
font-family : Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#EEEEFF;
}
.labelformplus
 {
font-size:8pt;
}

.dataform
 {
font: 9pt Arial;
}

input.inputform
 {
font: 10pt Arial;
background-color:#ffff88;
BORDER-left: #000000 1px solid; 
BORDER-top: #000000 1px solid;
BORDER-bottom: #000000 1px solid; 
BORDER-right: #000000 1px solid;
}


/* ============================== okokokokoko ======================= */



.texteh1
{
/*BORDER-RIGHT: #0000FF 1pt solid;
BORDER-TOP: blue 1pt solid;
BORDER-LEFT: blue 1pt solid;*/
BORDER-BOTTOM:  #0000FF 1pt solid;
background: url(../images/pied.jpg) top right repeat-x  ;
padding:5px;
}

/* pageinfo */
h2.pageinfo{
margin-left: 15px;
color: #0000ff; 
text-align:left;
font-size: 1.0em;
}
p.pageinfo{
margin-left: 15px;
color: #000055; 
text-align:left;
font-size: 0.95em;
}

/* ======================================================================*/
/* okokokok jusque la toutes est �garder */
/* ======================================================================*/

.head1 {
left:0;
background: url(images/boutoneradiotv.gif) top left no-repeat;
height: 110px;
width: 150px;
float: left;
margin: 10px;
}
.head2 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 60px;
 /* background: url(images/bannieree-radiotv4.gif) top left no-repeat;*/
  font-style : italic;
  font-weight: bold;
text-align:center;
height: 80px;
/*width: 600px;*/
float: left;
/*margin-left: 20px;*/
color: #FFFFFF;
margin: 10px;
}
.head3 {
position: absolute;
height: 90px;
width: 150px;
float: left;
margin-left: 20px;
margin-top: 20px;
right:0;
}









.colgauche {
left:0;
background-image: url(images/fondghi2.jpg);
}

.coldroite {
background-image: url(images/fonddhi2.jpg);
}




/* ==========================menu =================== */
/*dl.menu {
width:100px;
float:left;
margin-left: 10px;
padding:0px;
background-color: #ffffff;
}*/


a.boutonm1
{
  font-family : Arial, Helvetica, sans-serif;
font-size: 0.90em;
color : #003665;
padding-left: 15px;
margin-left: 0px;
width: 150px;
height: 20px;
display: block;
text-decoration:none;
font-weight:bold;
background:url(../images/puce.jpg) no-repeat left 6px;
/*BORDER-bottom:  #888888  1pt solid;*/
/*background-color: #ffffbb; 
background-color: #eeeeff; */
}

a.boutonm1:visited
{

}

a.boutonm1:hover
{
color:#CC3300;
/*background-color: #ffff99; */
}

a.boutonm2
{
color: #000000;
 font-family : Arial, Helvetica, sans-serif;
font-size: 0.80em;
padding-left: 20px;
padding-top: 2px;
margin-left: 1px;
width: 140px;
height: 20px;
display: block;
text-decoration:none;
background:url(images/pucetiretrouge.jpg) no-repeat left;
/* 1 vers la droite 2 vers le bas */
background-position: 10px 10px;
}


a.boutonm2:visited
{
}

a.boutonm2:hover
{
color:#aa2200;;
}


/* ================================================*/
.titretable{
font-family : Arial, Helvetica, sans-serif;
color:#000000; 
background: #ffffff;
font-weight:bold;
}

.titretable a
{
/*A:link{color:#000000; font-weight:bold}*/
color:#000000;
font-weight:bold;
text-decoration:none ;

}



.table{
color:#000000; 
background: #eeeeee; 
BORDER-RIGHT:  #ccbbcc 1pt solid;
BORDER-TOP:    #ccbbcc 1pt solid;
BORDER-LEFT:   #ccbbcc 1pt solid;
BORDER-BOTTOM: #ccbbcc 1pt solid
}

/* classes pour professionnels */
.devisclos{
background: #dddddd; 
font-family : Arial, Helvetica, sans-serif;
margin: 0px;
font-size:9pt;
}

.devisclosgratuit{
background: #eeeecc; 
color:#008800; 
font-family : Arial, Helvetica, sans-serif;
margin: 0px;
font-size:9pt;
}


.devisouvert{
background: #ffff44; 
font-family : Arial, Helvetica, sans-serif;
margin: 0px;
font-size:9pt;
}

.tdlistdev
{
/*background: #ffffff; 
font-family : Arial, Helvetica, sans-serif;
font-size:9pt;*/
vertical-align: top;
}

.tdlistdev2
{
/*background: #ffffff; 
font-family : Arial, Helvetica, sans-serif;
font-size:9pt;*/
vertical-align: top;
}

.devisouvert{
background: #ffff55; 
}

.tablogin{
background-color: #ffffff; 
BORDER: #aaaaaa 1pt solid;
}
.textelogin{
font-family :  verdana, helvetica, sans-serif ;
font-size : 14px;
color : #000;
}
input.bouton{background:url(../images/rounded/haut-gauche.gif) no-repeat;z-index:1;
	/*background: none;*/
	/*border: none;*/
	background: url(../images/grisdeg.jpg) top right repeat-x  ;
	BORDER-right: #aaaaaa 1pt solid;
	BORDER-left: #bbbbbb 1pt solid;
	BORDER-top: #bbbbbb 1pt solid;
	BORDER-bottom: #aaaaaa 1pt solid;
	text-align: right;
	color: #663344; 
	float: center;
	font-weight: bold;
	/*background-color: #000000; */
}
a.login
{
text-align: center;
font-family : Arial, Helvetica, sans-serif;
font-size: 1.05em;
color : #441111;
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 3px;
font-weight:bold;
background-color: #eeeeff; 
background: url(../images/fond-bouton-jaune.jpg) top right repeat-x  ;
BORDER-right: #777777 1pt dotted;
BORDER-left: #999999 1pt dotted ;
BORDER-top: #999999 1pt dotted;
BORDER-bottom: #777777 1pt dotted;
text-decoration:none;
}

input.bouton{
	background: none;
	/*border: none;*/
	BORDER-right: #aaaaaa 1pt solid;
	BORDER-left: #bbbbbb 1pt solid;
	BORDER-top: #bbbbbb 1pt solid;
	BORDER-bottom: #aaaaaa 1pt solid;
	text-align: right;
	color: rgb(20, 20, 100);
	float: right;
	font-weight: bold;
	background: url(../images/pied.jpg) top right repeat-x  ;
}

input.boutonproposition{
	font-family : Arial, Helvetica, sans-serif;
	font-size:14pt;
	background: none;
	/*border: none;*/
	BORDER-right: #aaaaaa 1pt solid;
	BORDER-left: #bbbbbb 1pt solid;
	BORDER-top: #bbbbbb 1pt solid;
	BORDER-bottom: #aaaaaa 1pt solid;
	text-align: right;

	color: rgb(20, 20, 100);
	float: right;
	font-weight: bold;
	background: url(../images/fond-bouton-jaune.jpg) top right repeat-x  ;
	/*background-color: #ffff00; */
	
}


a.boutonproposition
{
	background-color: #ffff55; 
}

a.boutonproposition:hover
{
	background-color: #ff0000; 
}

td.tabledet	label
 {
font-family : Arial, Helvetica, sans-serif;
font-size:12pt;

background-color: #eeeeff; 
width:150px;
vertical-align:top;
}
.tabledetlabelpetit
 {
font-family : Arial, Helvetica, sans-serif;
font-size:9pt;

background-color: #eeeeff; 
width:150px;
vertical-align:top;
color:#0000ff;
}
td.tabledetval
 {
font-family : Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
background-color: #ffffff; 
vertical-align:top;
}

/*    ---   liens    ---  ---- liens ----   */


/* titre groupe activité sur la page accueil */
a.gracttitre
{
text-decoration:none;
font-weight:bold;
font-size:11pt;
color:#0000ff;
color:#007700;
}

a.gracttitre:hover
{
background-color:#EEEEFF;
}


/* titre groupe activité sur la page accueil */
a.acttitre
{
margin-top:-15px;
width: 500px;
height:20px;
display: block;
color:#0000aa;
text-decoration:none;
font-weight:bold;
font-size:12pt;
}

a.acttitre:hover
{
color:#ffffff;
background-color:#5555ff;
}
/* chapo groupe activité sur la page accueil */
a.gractchapo
{
color:#443322;
text-decoration:none;
font-size:10pt;
}


a.liendevis:hover
{
background-color:#EEEEFF;
background: url(../images/fond-bouton-bleuhover.jpg) top left ;
}

/* lien devis */
a.liendevis
{
padding-left: 12px;
padding-right: 12px;
padding-bottom: 3px;
padding-top: 3px;
width: 500px;
height:20px;
/*display: block;*/
color:#003322;
text-decoration:none;
font-weight:bold;
font-size:12pt;
BORDER-left: #aaaaaa 1pt solid; 
BORDER-top: #aaaaaa 1pt solid;
BORDER-bottom: #003322 1pt solid; 
BORDER-right: #aaaaaa 1pt solid;
background: url(../images/fond-bouton-bleu.jpg) top left ;

}

img 
{
/*
padding:3px;
margin-right:3px;
margin-top:3px;
*/
}
/* chapo groupe activité sur la page accueil */
img.gractchapo
{
padding:5px;
margin-right:5px;
margin-top:5px;
text-decoration:none;
BORDER-left: #bbbbbb 1pt solid;
BORDER-bottom: #bbbbbb 1pt solid;
BORDER-right: #bbbbbb 1pt solid;
BORDER-top: #bbbbbb 1pt solid;
background-color: #000000; 
background-image : url(../images/fonda.jpg);
}

.etapes
{
color: #000000; 
text-align:center;
background-color: #ffffaa;
background: url(../images/fond-bouton-jaune.jpg) top right repeat-x  ;
font-size: 0.9em;
margin-left:10px;
margin-right:10px;
padding:7px;
BORDER-left: #aaaaaa 1pt solid; 
BORDER-top: #aaaaaa 1pt solid;
BORDER-bottom: #aaaaaa 1pt solid; 
BORDER-right: #aaaaaa 1pt solid;

}
.etapefait
{
color: #664422; 
font-weight:bold;
}

.etapeencours
{
color:#000000;
font-weight:bold;
}
.etapeafaire
{
color:#666666;
}

.promo
{
margin-left:10px;
margin-right:10px;
padding:5px;
background-color: #ffffaa;
background: url(../images/pied.jpg) top right repeat-x  ;
color: #0000bb; 
font-size: 1.2em;
BORDER-left: #ff0000 1pt solid; 
BORDER-top: #ff0000 1pt solid;
BORDER-bottom:  #ff0000 1pt solid; 
BORDER-right: #ff0000 1pt solid;
}

.derdemtitre
{
margin-top:-4px;

}

.derdem
{
background:url(../images/puce.jpg) no-repeat left 2px;
padding-left:20px;
margin-top:7px;
margin-left:0px;
color: #222277; 
font-size: 0.75em;
}

/* ======================================================== pied ==============*/
div.listegeo {
margin-left:50px;
margin-right:50px;
text-align: center;
clear:both;
font-size: 0.6em;
}
div.listegeo a{
color: #555555;
text-decoration:none;
}

.actigeo-titre
{
text-decoration:none;
font-weight:bold;
font-size:13pt;
color:#0000ff;
}

.actigeo-chapo
{
text-decoration:none;
font-weight:bold;
font-size:11pt;
color:#2222aa;
}

.actigeo-texte
{
text-decoration:none;
font-size:12pt;
color:#000000;
}
.plan-act
{
text-decoration:none;
font-size:10pt;
color:#000000;
margin-left:15px
}

/* ======================================================== pied ==============*/
div.annonces {
/*background-color:#ccccee;*/
clear:both;
/*font: normal 9pt Arial;*/
font-size: 0.75em;
}
div.annonces a{
color: #0000ff;
}
.mvt1{
background: #eeeee; 
color:#000000; 
font-family : Arial, Helvetica, sans-serif;
margin: 0px;
font-size:10pt;
}
.mvt2{
background: #FFFF88; 
color:#000000; 
font-family : Arial, Helvetica, sans-serif;
margin: 0px;
font-size:10pt;


}