@font-face {
font-family: Microgramma;
src: url('type/microgramma.ttf');
}

	html, body{
		}

	body {
	
		font-weight:100;
		background:black;
		font:80% Helvetica, Trebuchet MS, Arial, Sans-Serif;
		color: white;
		line-height:180%;
		margin:0 auto;
		padding:0;width:100%;
		text-align:center;
	}
	h1{
		font-family:Microgramma;
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:160%;
		font-weight:normal;
		}
		
	p.resp{
	margin-top:25px;
	font-style:italic;
	color:#242424!important;
	text-align:right!important;}
		
	#planchelogos img{
	float:left;margin:5px 10px;text-align:center;
	}
	
	#planchelogos{
	width:800px;
	margin:0 auto;
	color:#242424;}
	
	
	.title{
	font-size:1.3em;
	font-family:Microgramma;
	color:#97be0d}
	img{border:none;margin:0 auto;}
	
	ourreferences{
	display:block;
	margin:0 auto;
	border:1px solid red;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
		
	h3 span{display:inline;color:#97be0d}	
	span{text-align:left;display:block;margin-left:0;}
		
.clear{clear:both;}

/*NAVIGATION */

#header{
	padding:0px 0;
	width:770px;
	margin:0 auto;}
	
#nav{
	margin:0 auto 18px auto;
	width:100%;
	padding-left:20px;
	}

#nav li {
	font-size:1.2em;
	width:160px;
	height:45px;
	font-family:Microgramma;
	float:left;
	text-align:center;
	list-style-type:none;
	margin:0 2px;
	line-height:1.2em;}
	
#nav li span{
	font-size:0.7em;
	text-align:center;}
	
#nav li p{
	font-family:'Helvetica';
	line-height:0.4em;
	font-style:italic;
	font-size:0.6em;
	color:#242424;
	text-align:center;}

#current_nav{
	color:#97be0d;}	
		

#nav_up{
	font-family:Microgramma;
	width:80%;
	text-align:right;
	margin:25px auto;

}
#nav_up li{

	float:right;
	list-style-type:none;
	margin:0 20px}

#nav a:hover, #nav_up a:hover{background-position:center bottom;}
/*

.links{float:left;display:block;margin:0 auto;width:55px;height:24px;background-image:url(images/links.jpg);background-position:center top;}
.about {float:left;display:block;margin:0 auto;width:85px;height:24px;background-image:url(images/about.jpg);background-position:center top;}


.contact{float:left;display:block;margin:0 auto;width:85px;height:24px;background-image:url(images/contact.jpg);background-position:center top;}
*/



a, a:link, a:visited, a:active {outline:0;border:0;text-decoration:none;color:white}
a:hover{text-decoration:none;color:#97be0d}


/* EASY TOOLTIP */


#easyTooltip2{
	padding:5px 10px;
	color:#97be0d;
	font-size: 90%; 
	background: url(images/popup.png) center top repeat-x; 
	border: 1px solid #97be0d; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
#easyTooltip2 h3, #easyTooltip2 p{
	margin: 0;
	color:white;
	text-align:left;
	}	

/* BUBBLE POP UP*/
.high{color:white;text-decoration:underline;}
p#vtip { text-align:left;
color:#97be0d;
display: none; 
position: absolute; 
padding: 10px; 
left: 5px; 
font-size: 0.8em; 
background: url(images/popup.png) center top repeat-x; 
border: 1px solid #97be0d; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }	
			

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	
	#container{
		margin:0 auto;
		padding:0px;
		position:relative;
		text-align:center;
		width:1000px;
				
		margin-bottom:2em;
		}	
			
	#content{padding:0px;margin:0 auto;
		position:relative;
		background-image:url(images/bg_content.png);
		background-position: center top;background-repeat:no-repeat;			
		width:960px;height:340px;
		
		}
		
		#content li{list-style-type:none;margin-bottom:10px;}
		

#content a:hover{text-decoration:none;color:#97be0d}

#footer{color:#242424;background:url(images/footer.jpg) center top no-repeat;font-size:90%;margin:25px auto 0 auto;text-align:center;width:100%;padding-top:75px;}
#footer a, #footer a:link, #footer a:visited, #footer a:active{color:#242424;}
#footer a:hover{color:#97be0d}
#footer-ul li{
	font-size:0.9em;
	display:inline;
	margin:10px 12px 0 12px;
	list-style-type:none;}
	
#footer-ul p{
	margin-bottom:5px;
	}
#footer p{
	font-size:0.9em;
	color:#242424;}


/* Easy Slider */

	#slider{margin:0 auto;}	
	#slider ul, #slider li{
	
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1004px;
		height:400px;
		overflow:hidden; 
		}	
	
		#slider img{ 
		margin:0 auto;}
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:-63px;
		top:151px;

		}	
	#nextBtn{ 
		left:1012px;
		
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:50px;
		height:50px;
		background:url(images/prev.jpg) no-repeat;background-position: center top;	
		}	
		#nextBtn a:hover{display:block;
		width:50px;
		height:50px; background:url(images/next.jpg)  ;background-position: center bottom;}
		
		#prevBtn a:hover{display:block;
		width:50px;
		height:50px; background:url(images/prev.jpg)  ;background-position: center bottom;}
		
	#nextBtn a{ 
		background:url(images/next.jpg);background-position: center top;	
		}												


#sec {text-align:left;margin:0px 10px 0 350px}
#main {float:left;display:inline;width:350px;text-align:right;margin:0 30px 0 0}

/* Formulaire Contact */
textarea, input {color:white;border: 1px solid #383840;background-color:#131313;}

textarea:focus, input:focus{border: 1px solid #97bd0e;background-color:#383840;}
#form_contact{width:720px;margin:0 auto}
#objet, #mail, #message{margin:0;}
#form_contact label{margin: 20px 0 0 0;}
.bt {margin-left:0px}

legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#2e2111;}


.hoverfocus { border:1px solid #e1d7cd;}