/* CSS Document */
html, body {
	height: 100%; 
}
body {
	font-family:Century Gothic, Verdana;
	font-size:13px;
	}

#global {
	min-height: 100%;
	width: 852px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto; 
}
#headerbill {
	height: 321px;
	width: 852px;
	padding: 0;
	background-image: url(../img/compteurbillet852x246.jpg);
	background-repeat: no-repeat;
 	background-position: 0px 75px;

}

#menuDeroulant{ 
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	list-style-type: none; 
	margin: 0; 
	border: 0;
	position:relative;
	top: auto;
	right: 49px;
}
#menuDeroulant li{ 
	float: right; 
	width: 130px;
	margin: 0; 
	padding: 0; 
	border: 0;
}
#menuDeroulant .sousMenu{
	display: none; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
}
#menuDeroulant .sousMenu li{
	float: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
	width: 168px; 
	border-top: 1px solid transparent; 
	border-right: 1px solid transparent;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited { 
	display: block; 
	height: 1%; 
	color: #000; 
	background: #ccc; 
	margin: 0; 
	padding: 4px 8px; 
	border-right: 1px solid #fff; 
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #888; color: #fff;}
#menuDeroulant li a:active { background-color: #888; color: #fff;}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
	 display: block; 
	 color: #fff; 
	 margin: 0; 
	 border: 0; 
	 text-decoration: none; 
	 background: #888; 
}
#menuDeroulant .sousMenu li a:hover { 
	background-image: none; 
	background-color: #FF3E33;
	color: #FFF
}
#menuDeroulant li:hover > .sousMenu { display: block; }

#contenuelec {
	color: #000;
	overflow:hidden;
	border-left: #006600 1px solid;		
	border-right: #006600 1px solid;
	padding: 0px 8px 10px 6px;
	}
	
#appareils ul {
	list-style-type: none;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:30px;
	padding: 0;
}

#appareils li{
	list-style-type: none;
	list-style-image:url(../img/ct/arrow_red.gif);
	color:#006600;
}

a.list { font-size: 13px; color: #060; text-decoration: none;}
a.list:visited 
a.list:active { color: #060; text-decoration: none;}
a.list:link { color: #060; text-decoration: none;}
a.list:hover { color: #060; text-decoration: underline;}

a.more {	font-size: 13px; color: #FFFFFF; text-decoration: none;
background-image:url(../img/ct/arrow_red.gif);
background-repeat:no-repeat;
background-position:left;
padding: 0px 0px 2px 8px;}

a.prods {	font-size: 13px; color: #FFFFFF; text-decoration: underline;}
a.prods:visited, active, link { color: #FFFFFF; text-decoration: underline;}
a.prods:hover	{ color: #FFFFFF; text-decoration: underline;}

a.image:visited, active, link, hover {text-decoration:none;}

a.plan { color: #444444; text-decoration: underline;}
a.plan:visited, active, link { color: #444444; text-decoration: underline;}
a.plan:hover	{ color: #222222; text-decoration: underline;}

#contenuelec p{	margin:0px;}

#donnees { float:right; width: 570px; padding-left: 40px; padding-right: 30px; }
#colonne { width:auto; padding-right: 10px;}

h1 {  font-size:20px;
      font-weight:bold;  
      color:#006600;  
   }

a.bulle {
     position:relative;
     text-decoration:none; 
	 text-align:center;
   }
   
a.bulle:hover { 
      background: none; 
      z-index: 10; 
   }
   
a.bulle span { 
     display: none;
   }
   
a.bulle:hover span {
      display: block; 
	  z-index: 100;
      position: absolute;
      top: -210px; 
      left: 5px;
      font-family: Century Gothic, verdana, sans-serif; 
      text-align:center; 
      font-size:12px;
      font-weight:bold;
      width:430px;
      background: white;
      padding: 5px;
      border: 5px solid #003300;
   }
a.bulle2 {
     position:relative;
     text-decoration:none; 
	 text-align:center;
   }
   
a.bulle2:hover {
      background: none; 
      z-index: 50; 
   }
   
a.bulle2 span { 
     display: none;
   }
   
a.bulle2:hover span {
      display: block;
	  z-index: 100; 
      position: absolute;
      top: -40px; 
      left: -60px;
      font-family: Century Gothic, verdana, sans-serif; 
      text-align:center; 
      font-size:12px;
      font-weight:bold;
      width:250px;
      background: transparent;
      padding: 5px;
      
   }
#fincontenu  {
	color: #000;
	height: 50px;
	background-image: url(../img/ct/green_footer.jpg); 
	background-repeat: no-repeat;
 	background-position: 0px 0px;
}


#pied {
	color: #000;
	height: 116px;
	background-image: url(../img/ct/fondpied853x116.gif); 
	background-repeat: no-repeat;
 	background-position: 0px 0px;
	padding: 4px 10px 8px 10px;
}

.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.cse-branding-bottom,
.cse-branding-right {
zoom: 1;
}
.cse-branding-bottom:after,
.cse-branding-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: left
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;
}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}


#copyright {
	text-align: left;
	font-size: 1em;
}

.pied { width:161px; height:112px;}
.pied1 {width:327px; height:78px;}

.ligne02 { background-image: url(../img/172a87d0a2e29869d1a8c816aceb8286.jpg); background-repeat: no-repeat; background-position:bottom; height:14px; border-bottom:1px solid #FFFFFF;}
.ligne04 { font-size:14px; padding-left:10px; padding-top:5px; vertical-align:top; color:#fff;}
.ligne05{ font-size:14px; padding-left:10px; color:#fff;}
.ligne10 { background-image: url(../img/cartvert_278x41.gif); background-repeat: no-repeat; background-position:left; height:42px; width:278px;}
.ligne10b { background-image: url(../img/cartvert_278x41.gif); background-repeat: no-repeat; background-position:left; height:46px; width:278px; text-align:center;}
.ligne11 { font-size:14px; font-weight: bold;padding-left:15px; padding-top:10px; vertical-align:top; color:#006600;}
.ligne12 { /*border-left:1px solid #FFFFFF; */ }
.ligne13 { font-size:13px; padding-left:15px; padding-right: 5px; vertical-align:top; color:#006600; text-align:justify; }

.ligne102 { background-image: url(../img/257f987687565a29b3beedcdbe97246c.jpg); background-repeat: no-repeat; background-position:top; height:14px;border-top:1px solid #FFFFFF;}
.ligne5 { background-color:#eeeeee; font-size: 1.6em; font-weight: bold; color: #000; height: 1.8em}
.ligne15 {  background-image: url(../img/cadrevert130x190.jpg); background-repeat: no-repeat; background-position:center; height:190px; width:130px; text-align:center; color:#FFFFFF;}
.ligne20 { color: #006600; padding-left:15px}
.ligne22 { background-image: url(../img/topv_180x8.jpg); background-repeat: no-repeat; background-position:bottom; height:8px;}
.ligne122 { background-image: url(../img/botv_180x8.jpg); background-repeat: no-repeat; background-position:top; height:8px;}
.ligneprix { font-size:20px; font-weight: bold;padding-left:30px; padding-top:0px; color:#003300;} 
.lignesupp { font-size:14px; font-weight: bold; padding-left:10px; color:#006600;}

.ligne060 { background-color:#006600;}
.ligne80b380 { background-color:#80b380; font-size: 5px;}
.ligneMT2D { background-image: url(../img/MT2D_180x80.jpg); background-repeat: no-repeat; background-position: top; height:80px; vertical-align:top; width:180px}
.lignepdf40 { background-image: url(../img/pdf060_180x40.jpg); background-repeat: no-repeat; background-position:top; height:40px; vertical-align:top;}
.ligneMTMGIREDUV { background-image: url(../img/MTMGIREDUV-180x120.jpg); background-repeat: no-repeat; background-position:top; height:120px; vertical-align:top; width:180px;}

.Style1 { font-family:Century Gothic, Verdana; font-size:0.9em; color:#fff; text-align:center; }
.Style2 { font-family:Century Gothic, Verdana; font-size:13px; color:#060; text-align: right; padding-right: 15px;}
.Style3 { font-family:Century Gothic, Verdana; font-size:0.9em; color:#fff; text-align:left; }
.Style10 { font-family:Century Gothic, Verdana; font-size:10px; color:#000; text-align:center; line-height:13px; margin:5px 0 0 0;}
.Style12 { font-family:Century Gothic, Verdana; font-size:0.9em; color:#000; text-align:right; }
.Style13 { 	font-size: small; font-weight: bold;}
.Style20 { font-size:14px; color:#fff; text-align:center; }

.Styletab { line-height: 13px; text-align:justify;}
.titre13 { font-weight: bold; }
.Stylcentre { background:#006600;}
.Stylenote { font-family:Century Gothic, Verdana; font-size: 11px; color:#060; text-align:left; line-height: 13px; }
.Styltr1 { height:99px;}
.styltr2 { height:14px; }
.Stylimg { border-style:none;}

.colonne1 { background-image:url(../img/gvgauche_95x99.jpg); background-repeat:no-repeat; background-position:0px 0px; vertical-align:top; border-right:1px solid #FFFFFF; }
.colonne2 { background-color:#006600; text-align:center; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}
.colonne3 { background-color:#CBE1CB; /* background-image: url(../img/gvcentre_537x99.jpg); background-repeat:no-repeat; background-position:top-right*/vertical-align:top; border-left:1px solid #FFFFFF; }
.colonne4 { background-image: url(../img/gvdroit_80x99.jpg); background-repeat:no-repeat; background-position:0px 0px; text-align:center; }

