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

html{
overflow-y:scroll;
margin:0;
padding:0;
text-align:center;}

body{
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:10px;
margin:0;
background: #eee url(../fond/fond.gif) repeat;
padding:0;
text-align:center;}

#logo{

float:left;
display:block;
width:190px;
z-index:2;
height:200px;
background-repeat:no-repeat;
background-color:transparent !important;
text-indent:-9999px;
background-image:url(../fond/logo.jpg);
cursor:pointer;
}




#actualites{
padding:5px;
width:190px;
height:130px;
color:#fff; }


#pscroller1{
float:left;
border-bottom:1px solid #222;
border-top:1px solid #222;
text-align:left;
width: 180px;
height: 120px;
padding: 5px;
background-color: none;
font-size:1em;
color:#fff;}


#pscroller1 h3{
font-size:1.1em;
text-transform:uppercase;
}

#pscroller1 a{
float:right;
color:red;}



#logo2{

float:left;
display:block;
width:190px;
z-index:2;
height:100px;
background-repeat:no-repeat;
background-color:transparent !important;
text-indent:-9999px;
background-image:url(../fond/logo.jpg);
cursor:pointer;
}



#menuleft{
width:190px;
float:left;
height:210px;
}

#menu a{ color:#444; text-decoration:none;}
#menu a:hover{ color:red; text-decoration:none;}

#contenu{ background-color:#fff;  display:block; width:610px; overflow:auto;
font-size:1.1em; line-height:18px; padding:10px; }



.main{ height:540px;width:610px;
display:block;
text-align:left;color:#000; 
border:0;
background:#fff url(../fond/main.jpg) no-repeat top;
}





.intro{ background-image:url(../fond/intro.jpg);height:350px;
text-align:left; padding:10px; color:#fff; font-size:1.1em; line-height:20px;}






.numero{ width:100%; height:40px; background:#999999 url(../fond/bd.jpg);}
.menu{ width:100%; height:40px; background:#999999 url(../fond/bd.jpg);}

.images{ width:100%; height:150px; background:#aaa url(../fond/image.jpg);}



#centered{
width:100%;
height:600px;
position:absolute;
top: 50%;
left:0;

margin-top: -300px;
text-align:center;}


.container{background-color:#000; height:600px; margin-top:0px; border:1px solid #bbb;}

#tools{background-color:transparent; height:10px; width:830px; margin-top:0px; margin-left:auto; margin-right:auto; 
text-align:right;}


.menu ul{ width:630px; height:30px; margin:0; padding:0;padding-top:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

.menu ul li{float:left; display:block; border-right:1px solid #aaa;}

.menu ul li a{float:left;display:block; padding-left:12px; padding-right:12px; font-size:1em; text-transform:uppercase;
font-weight:bold; color:#333; text-decoration:none; line-height:2.4em; letter-spacing:1px; }

.menu ul li a:hover{color:#CA0202; border-bottom:5px solid #CA0202;}


#menuleft ul{ width:180px; height:30px; margin:0; padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;padding-left:10px;}

#menuleft ul li{float:left; display:block;  width:180px; float:left;}

#menuleft ul li a{float:left;display:block;  font-size:1em; text-transform:uppercase;
font-weight:bold; color:#aaa; text-decoration:none; line-height:2.4em; letter-spacing:1px;
border-bottom:1px solid #333;width:180px; text-align:right;
 }

#menuleft ul li#selected a{color:#fff; border-bottom:1px solid #CA0202;}

#menuleft ul li a:hover{color:#fff; border-bottom:1px solid #CA0202;}


.short{ display:block; width:200px; text-align:right; float:right; font-size:1.4em; line-height:1.5em;; }

.numero img{ float:right; }



#contact{width:175px; height:120px; color:#ccc; display:block;float:left; text-align:left; padding-left:10px; font-size:1.2em;
font-weight:bold;padding-top:20px;}

#contact strong{ font-size:1em; color:#444; text-transform:uppercase; letter-spacing:4px;}

.stripViewer .panelContainer .panel ul {
			display:none;
		}
		
		
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			width:100%;
			
		
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none; 
		}
		
		.stripNav ul li {
			float: left;
			
			border-bottom:1px solid #ccc;
				margin-bottom:8px;
		
			/* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
	
		
		.stripNav a { /* The nav links */
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			line-height: 11px;
			height:36px;
			background: #fff;
			color: #000;
			text-decoration: none;
			display: block;
			width:70px;
			padding:2px;
			font-weight:normal;
		
		}
		
		.stripNav  li#selected a  {
			background: #ccc;
			color:#000;
		}
		
		.stripNav a:hover {
			background: #CA0202;
			color:#fff;
		}
		
		.stripNav a.current {
			background: #ccc;
			color: #000;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 30px;
			width: 30px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		

		

#formulairepage{
	width:580px;
	
}

ol{ list-style-position:inside; list-style-type:square; }
ol li{ margin-bottom:8px; }

td ol{ list-style-position:inside; list-style-type:square; }
td ol li{ margin-bottom:8px; }

em{font-style:italic;}

.wrong{ width:570px; display:block; padding:5px; background-color:#FFD1D1; margin-top:10px;}

#formulairepage .submit{
	width:575px;
	margin:4px 4px 70px;

	background:#aaa;
	color:#fff; text-transform:uppercase; letter-spacing:4px;
	border:1px outset #555; font-weight:bold;
}


#formulairepage fieldset{
	
	margin:4px;
	padding:8px 6px;
	background-color:#ddd;
	display:block !important;
}


#formulairepage fieldset legend{
	font-weight:bold; letter-spacing:2px;  font-size:12px;
}
#formulairepage label{
	display:block;
	float:left;
	clear:both;
	width:150px;
	color:#C20000;
	font-weight:normal;
	margin-bottom:10px;
}
#formulairepage .ctext,#formulairepage .email,#formulairepage textarea,#formulairepage select{
	
	border:1px solid #000;
}
#formulairepage .ctext,#formulairepage .email,#formulairepage textarea,#formulairepage ul{
	float:left;
	display:block;
	width:300px;
	font-size:10px;
	border:1px inset #555;
	margin-bottom:10px;
	background-color:#fff;
}

#formulairepage select{
	overflow:visible;
	float:left;
	width:300px;
	margin-bottom:10px;
	font-size:11px;
	background-color:#fff;
}
#formulairepage select option{
	
	width:200px;
	display:block;
	overflow:visible;
	white-space:normal;
}
#formulairepage textarea{
	margin:0 0 8px;
	height:90px;
	width:290px;

}


#formulairepage ul input{
	margin:0 5px;
	background-color:#fff;
}
#formulairepage .facultatif{
	padding:0 0 0 5px;
	font-size:10px;
	color:#999999;
	clear:right;
	float:left;
}