/********************************************************************************* 
Energies Services 2007 KTP Concept
********************************************************************************** */



body { font-size: 70%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
   
body{
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
margin:0;
background: #70B7E2 url(../design/fond/schoeneck/fond.jpg) repeat-x top;
padding:0;color: #222;
text-align:left;
background-position:bottom;
}   


#logo{
position:absolute;
margin-top:-80px;
margin-left:-37px ;
clear:none;
display:block;
width:300px;
z-index:2;
height:180px;
background-repeat:no-repeat;
background-color:transparent !important;
text-indent:-9999px;
background-image:url(../design/fond/schoeneck/h1.png);
cursor:pointer;}


#plan{ width:310px;
height:190px;overflow:hidden;
background-color:#BABABA;
float:left;}

#plan h3{ color:#3D5462;}

#plan p{ color:#000; }

#ciel{
position:absolute;
top:0px;
right:0px;
width:856px;
height:113px;
background-image:url(../design/fond/schoeneck/ciel.jpg); 
}



.lavaLamp li {
float: left;
list-style: none;}
                    
.lavaLamp li.back {
border-bottom: 5px solid #000;
width: 9px;
height: 48px;
z-index: 8;
position: absolute;}

.lavaLamp li#first{ margin-right:40px;}

.lavaLamp li a {
text-decoration: none;
color: #134C6E;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
display: block;
float: left;
padding-top:13px;
position: relative;
overflow: hidden;
height:40px;
background: transparent url(../design/fond/bord_menu.jpg) no-repeat right;
padding-left:15px; padding-right:15px;}   

.lavaLamp li a:hover {
border: none;
color:#000;}    



.lavaLamp li.selected a {
border: none;
color:#000;}    


.stripViewer { 
position: relative;
overflow: hidden; 


}
.stripViewer ul { 
position: relative;
left: 0;
top: 0;
margin:0; 
width: 310px;
list-style-type: none;
overflow:hidden;
}
.stripViewer ul li { 
float:left;

}

.stripTransmitter ul {
position: absolute;
margin-top:0;
margin-left:0;

padding-left:10px;
width:925px;
margin-top:2px;

list-style-type: none;
}
.stripTransmitter ul li{

float:left;
margin: 0 1px 1px 0;
padding-right:10px;
padding-top:2px;
}



.stripTransmitter a{

text-align: center;
line-height: 22px;

color: #06245A;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{

color: #000;}

#ariane{ margin-left:10px; padding-top:20px;padding-bottom:0;color:#096F8C;}

#ariane a{color:#096F8C; text-decoration:none;}
#ariane a:hover{color:#fff; text-decoration:underline;}

#map{z-index:4; border:5px solid #fff;}

.fichette{ background-color:#fff; width:300px; color:#555;}
address{ color:#555; font-style:normal;}
.fichette p {  padding:0px;}
.fichette h3{font-size: 1.6em; font-weight:bold; padding:0px; color:#16456F;}



#menu_left dl dt{ float:right; display:block; width:200px;  text-align:right;

}

#menu_left dl dt a{ text-transform:uppercase; text-decoration:none; color:#134C6E; font-weight:normal; display:block;
width:200px;margin-bottom:10px; }

#menu_left dl dt a:hover{ text-transform:uppercase; text-decoration:none; color:#E2F4FF; font-weight:normal;}

#menu_left dl dt.selected a{ text-transform:uppercase; text-decoration:none; color:#E2F4FF; font-weight:normal;}

#menu_left dd.ssmenu{margin:0; padding:0;}

#menu_left ul{ display:block;float:right; margin:0; margin-bottom:20px; padding:0;}

#menu_left ul li{ display:block; width:180px;  text-align:right;}

#menu_left ul li a{ display:block; width:180px;  text-align:right; color:#000; text-decoration:none;  font-size:1.1em;}
#menu_left ul li a:hover{ display:block; width:180px; text-align:right; color:#fff; }


#menu_left ul li.selected a{ display:block; width:180px; text-align:right; color:#fff; text-decoration:underline;  }

#menu_left ul li a:hover:before {content:url(../design/fond/puce.gif);}


#contenu li a, #contenu li.niveau1 a, #contenu li.niveau2 a{  color:#000;}
#contenu li a:hover, #contenu li.niveau1 a:hover, #contenu li.niveau2 a:hover{  color:#fff;}

#menu_left{   padding-top:50px;
margin-top:-10px;
height:auto !important;
height:309px;
min-height:309px;
}




#contenu{ color:#000; line-height:1.6em;}

#contenu li{ padding-left:10px; list-style:circle; list-style-position:inside; margin-bottom:10px;}

#contenu li.niveau1 { margin-left:15px;}
#contenu li.niveau2 {  margin-left:30px;}


#bloc_left{ height:376px; background-color:#fff;overflow:hidden; }
#bloc_center{ height:376px; background: #fff; overflow:auto;}
#bloc_right{ height:376px; background-color:transparent;}

#pied{ background-image:url(../design/fond/pied.png); height:60px; background-repeat:no-repeat; margin-top:25px;}
#pied2{ background-image:url(../design/fond/pied.png); height:60px; background-repeat:no-repeat; margin-top:0px;}

#pied ul,#pied2 ul  { margin-top:20px;}

#pied a.lien,#pied2 a.lien  { width:150px; padding-right:10px; color:#fff; text-decoration:none; float:right;}
#pied a:hover.lien,#pied2 a:hover.lien  {  text-decoration:underline;}

#pied ul li, #pied2 ul li{ list-style:none; display:block; float:left;}

#pied ul li a,#pied2 ul li a{ list-style:none; display:block; float:left; padding-right:15px;padding-left:15px; color:#fff; text-decoration:none; }

#pied ul li a:hover,#pied2 ul li a:hover{ text-decoration:underline; }


h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h2 { font-size: 2em;   padding:10px; color:#042256;}
h3 { font-size: 1.6em; line-height: 1; font-weight:bold; padding:10px; color:#2E4551;}
h4 { font-size: 1.8em; line-height: 1.4; margin-bottom: 0em;  color:#155072;padding:10px; font-weight:normal; }
h5 { font-size: 1.4em; font-weight: bold; margin-bottom: 0em; padding:10px; color:#FFF7EC;}
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           {  padding-left:10px; padding-right:10px; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
#contenu ul{ padding:0; margin:0; list-style-position:inside;}
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; text-decoration:underline; }
a           { color: #000; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 0px 0px 0px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 





/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.white      { color: #fff; }


.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


.column {
  float: left;
  margin-right: 2px;
}

.span-8   { width: 310px; }
.span-9   { width: 350px; }
.last { margin-right: 0; }


.left{ float:left; margin-right:10px;}
.right{ float:right; margin-left:10px;}

.left_bordure{ float:left; margin-right:10px; border:1px solid #17415B;}
.right_bordure{ float:right; margin-left:10px; border:1px solid #17415B;}