/* OFF stylesheet */







*{



margin:0; padding:0;



}



a



{



	text-decoration: none;



}


	a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


a:link img, a:visited img, a:active img , a:hover img, a:focus img{ border: 0; text-decoration: none; outline: 0;}  


a img 



{



	border: none;



}



body



{



	background:#191919;



	font:normal 0.7em verdana, Arial, Sans-Serif;



	color:#fff;



	width:100%;



	min-width: 800px;



}







h1



{



	font:bold 14px verdana, Arial, Sans-Serif;



	margin-left: 50px;



	margin-top: 15px;



}







h2



{



    font:bold 14px verdana, Arial, Sans-Serif;



	color:#a4a4a4;



	text-align:center;



	padding-bottom: 5px;



}







h3



{



	font:italic 12px verdana, Arial, Sans-Serif;



	color:#a4a4a4;



	text-align:center;



	padding-bottom: 5px;



}







h4



{



	font:bold 14px verdana, Arial, Sans-Serif;



	color:#666;



	margin-left: 110px;



	margin-top: 15px;



}







h5



{



	font:normal 10px verdana, Arial, Sans-Serif;	



	color:#666;



	margin-left: 110px;



}







span.grey 



{



	color:#666;



}




span.projecttype{
	color:#a3dd13;
	font-size: 12px;
	padding-left: 50px;
	font-weight: 300;
}










p



{



	color:#fff;



	padding:0.2em 50px 0.2em 50px;



	line-height:1.4em;



	text-align:left;



	font-style:normal;



}











#main



{



	width:100%;



	margin:auto;



}







#header



{



	background:#191919;



	width:100%;



	height: 85px;



}







#content



{   



    width:100%;



	height: 134px;



}







.content1



{



background:#222 url(pics/ban.gif) repeat-x;



}







.content2



{



background:#222 url(pics/ban2.gif) repeat-x;



}







.content3



{



background:#222 url(pics/ban3.gif) repeat-x;



}







.content4



{



background:#222 url(pics/ban4.gif) repeat-x;



}







.content5



{



background:#222 url(pics/ban5.jpg) repeat-x;



}







#content p



{



    padding: 20px 0 0 110px;



	width:800px;



}







#texte



{   



	position:relative;



	width:680px;



	height: auto;



	background:#222222;



	margin-left:auto;



	margin-right:auto;



	padding-bottom:10px;



}







#menu



{
	list-style-type:none;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;






}



#menuincl



{

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0px;







}



#menu .img



{



    padding: 10px 0 20px 50px;



}







	#menu ul



	{



		list-style-type:none;



		width:100%;



		margin-bottom:.5em;



		border-top:1px solid #222;



	}



		#links ul li



		{



			display:inline;



			clear:left;



		}



	#bydate a



	{



		text-align:left;



		text-decoration:none;



		display:block;



		padding:0.3em 20px 0.3em 50px;



		border-bottom:1px solid #222;



		_height:15px;



	}



#bytype a



	{



		text-align:left;



		text-decoration:none;



		display:block;



		padding:0.3em 20px 0.3em 50px;



		border-bottom:1px solid #222;



		_height:15px;



	}







#menulist1 a 



{



	color:#fff;



	background:#191919;	



}







#menulist1 a:visited 



{



	color:#999;



}







#menulist1 a:hover



{



	background:#a3dd13;



	color:#191919;



}



#menulist2 a 



{



	color:#fff;



	background:#191919;	



}







#menulist2 a:visited 



{



	color:#999;



}







#menulist2 a:hover



{



	background:#a3dd13;



	color:#191919;



}



#projects A:link {text-decoration: none; outline: 0;}



#projects A:visited {text-decoration: none; outline: 0;}



#projects A:active {text-decoration: none; outline: 0;}



#projects A:hover {text-decoration: none;  outline: 0;}



#projects a:focus {text-decoration: none;  outline: 0;}





#news A:link {text-decoration: none; outline: 0;}



vnews A:visited {text-decoration: none; outline: 0;}



#news A:active {text-decoration: none; outline: 0;}



#news A:hover {text-decoration: none;  outline: 0;}



#news a:focus {text-decoration: none;  outline: 0;}







#posture A:link {text-decoration: none; outline: 0;}



#posture A:visited {text-decoration: none; outline: 0;}



#posture A:active {text-decoration: none; outline: 0;}



#posture A:hover {text-decoration: none;  outline: 0;}



#posture a:focus {text-decoration: none;  outline: 0;}





#contact A:link {text-decoration: none; outline: 0;}



#contact A:visited {text-decoration: none; outline: 0;}



#contact A:active {text-decoration: none; outline: 0;}



#contact A:hover {text-decoration: none;  outline: 0;}



#contact a:focus {text-decoration: none;  outline: 0;}









.tabmenulink A:link {text-decoration: none; color:#ffffff; outline: 0;}



.tabmenulink A:visited {text-decoration: none; color:#ffffff; outline: 0;}



.tabmenulink A:active {text-decoration: none; color:#ffffff; outline: 0;}



.tabmenulink A:hover {text-decoration: none; color:#a3dd13; outline: 0;}



.tabmenulink a:focus {text-decoration: none; color:#a3dd13; outline: 0;}







a.contactLinks,



address a



{



	color:#fff;



}



a.contactLinks:hover



address a:hover



{



	text-decoration:none;



}











#contact 



{

	background:#222;

	

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 50px;



}







#contact .img



{



    padding: 10px 0 10px 50px;



}







#contact p



{



    padding: 0 0 0 110px;



}







#contact a:link,



#contact a:visited 

{



color:#666;
text-decoration:none;
font-weight:normal;
padding:0 2px;



}







#contact a:hover 



{



	color:#a3dd13;



	



	text-decoration:none;



}







#projet



{



    background:#222 url(pics/backgroundprojet.jpg) repeat-x;



}







/* carousel*/







#carousel



{



	width: 700px;



	height: 250px;



	position: relative;



	top: -30px;



	margin-bottom:0px;



	left: 50%;



	margin-left: -350px;



}







#carousel a



{



	position: absolute;



	width: 110px;



}







#ImageBoxOverlay



{



	background-color: #000;



	z-index: 1000;



}







#ImageBoxOuterContainer



{



	z-index: 1000;



}







#ImageBoxCaption



{



	background-color: #A4A4A4;



}







#ImageBoxContainer



{



	width: 250px;



	height: 250px;



	background-color: #A4A4A4;



}







#ImageBoxCaptionText



{



	font-weight: bold;



	padding-bottom: 5px;



	font-size: 13px;



	color: #000;



}







#ImageBoxCaptionImages



{



	margin: 0;



}







#ImageBoxNextImage



{



	background-image: url(pics/spacer.gif);



	background-color: transparent;



}







#ImageBoxPrevImage



{



	background-image: url(pics/spacer.gif);



	background-color: transparent;



}







#ImageBoxNextImage:hover



{



	background-image: url(pics/next_image.jpg);



	background-repeat:	no-repeat;



	background-position: right top;



}







#ImageBoxPrevImage:hover



{



	background-image: url(pics/prev_image.jpg);



	background-repeat:	no-repeat;



	background-position: left top;



}











/*minimenu*/







#minimenu



{
	position:absolute;
	float:right;
	margin-top:-25px;
	right:0;
	z-index:50;



}







* html #minimenu{position:relative;float:right;



	margin-top:-25px;left:0;z-index:none; }







.minimenulist 



{



  display:table;         /* ignored by IE */



  padding:0; 



  list-style-type:none;



  white-space:nowrap;    /* keep text on one line */



  border:1px solid #191919; /* add a border to show size of menu */



}







* html .minimenulist 



{



  display:inline-block;  /* for IE only */



  width:1px;             /* IE will expand to fit menu width */



  padding:0 2px;         /* fix bug in IE for border spacing */



}  







.minimenulist li 



{
	display:inline;    /* ignored by IE */
	list-style-type: none;
	padding-right: 10px;



  



}







* html .minimenulist li 



{



  display:inline;        /* for IE only */



}



.minimenulist a, .minimenulist a:visited 



{



  display:block;         /* for all browsers except IE */



  padding:4px 16px;



  font:normal 10px verdana, Arial, Sans-Serif;



  color:#fff; 



  background:#222222; 



  border:1px solid #191919; /* add a 1px white border around items */ 



  text-decoration:none;



}







* html .minimenulist a, * html .minimenulist a:visited 



{



  display:inline-block;  /* for IE only */ 



  margin:0 -2px;         /* to correct an IE border width bug */  



}







.minimenulist a:hover 



{



  color:#222222; 



  background:#a3dd13;



}















/*Newz*/











h3



{



	text-align:center;



}







h3 a



{



	font:bold 14px verdana, Arial, Sans-Serif;



	color:#b3d169;



}















table



{



	border-collapse:collapse;



	border:none;



	color:#a4a4a4;



	margin:auto;



}







th, td



{



	border:1px solid black;



	border-color:#a4a4a4;



	padding: 5px 20px 5px 20px;



	



}







a.supp



{



	display: block;



	width: 20px;



	height:20px;



	line-height: 20px ;



	background: url(pics/supp1.gif) no-repeat;



	margin-left:20px;



	



}







a.supp:hover 



{



	background: url(pics/supp2.gif) no-repeat;



	margin-left:20px;



}







a.mod



{



	display: block;



	width: 20px;



	height:20px;



	line-height: 20px ;



	background: url(pics/mod1.gif) no-repeat;



	margin-left:20px;







}







a.mod:hover 



{



	background: url(pics/mod2.gif) no-repeat;



	margin-left:20px;



}







#news



{


	background:#222;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 50px;



}





#projects



{



	background:#222;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 50px;



}







.pimg



{



	padding-top: 10px;



	padding-right: 0;



	padding-bottom: 10px;



	padding-left: 0px;



}



/* CV*/



#posture



{

	background:#222;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 50px;



}



.pdfTitle, .resume, .portfolioTitle, .presseTitle {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #222;
}




#cv, #pdf, #portfolio, #presse



{
	background:#191919;
	height:auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 50px;


}







#posture p, #portfolio p ,#cv p, #pdf p



{



	padding: 10px 0 0 110px;



	width:800px;



}







#posture .img,



#cv .img,



#portfolio .img,



#pdf .img



{



	padding: 10px 0 10px 50px;



}







span.grey2 



{



	color:#666;



    font:normal 10px verdana, Arial, Sans-Serif;



	margin-left: -56px;



	margin-top: 15px;



}







.pdf



{



	margin-left: 110px;



}







/* Infobulle */







a.info



{



    position:relative;    



    z-index:20; 



	background-color:#ccc;



    color:#000;



    text-decoration:none;



}











a.info:hover



{



	z-index:500; 



	background-color:#ff0;



}







a.info span.bulle



{



	display: none;



}







a.info:hover span.bulle



{                                     



    display:block;



    position:absolute;



    top:-50px; 



	left:630px; 



	width:auto;



    border:3px solid #a3dd13;



    background-color:#222222; color:#000;



    text-align: center ;



}











/* presse*/







#presse



{



	height:auto;



	width:100%;



}







#presse .img



{



    padding: 10px 0 10px 50px;



}







#articles



{



	padding: 0 0 30px 60px;



}







#myAccordion{



	cursor:pointer;



	width: 680px;



	position: relative;



	left: 50px;



	top: 10px;



}



#myAccordion dt{



	line-height: 20px;



	background-color: #222222;



	padding: 0px;



	font-weight: bold;



	color: #fff;



}



#myAccordion dd{



	overflow: auto;



	height:500px;



}



#myAccordion dd .imgb



{



	border:5px solid #707070;



	margin: 10px 10px 0px 0px;



}



#myAccordion dd .imgb:hover



{



	border:5px solid #E0F8A6;



	margin: 10px 10px 0px 0px;



}



#myAccordion p{



	margin: 5px 5px;



}



#myAccordion dt.myAccordionHover



{



	background-color: #a3dd13;



	color:#222222;



}



#myAccordion dt.myAccordionActive



{



	background-color: #a3dd13;



	color:#222222;	



}







#ImageBox a



{



	border:none;



}



.newsList{



	

	font-size: 11px;

	list-style-type: none;
	

	

}

.newsListBorder {border-bottom-width: 0.03em;

	border-bottom-style: dotted;

	border-bottom-color: #666666;
	height:100%;
	padding-bottom:5px;
}

.newsList a{

	display: block;

	color: #fff;

	padding-left: 5px;

	background-color: transperant;

	

	margin-top: 5px;

		padding-top: 5px;

	padding-bottom: 5px;

	


}

.newsList  a:hover

{

	

	color: #a3dd13;

	padding-left: 5px;

	

margin-top: 5px;

	padding-top: 5px;

	



}

#navcontainer{
	float:right;
	margin-top:0px;
	right:0;
	z-index:50;

}
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
 border:1px solid #191919;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 0px;

}

#navlist a {
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left:15px;
}

#navlist a:link, #navlist a:visited
{

  color:#fff; 
background:#222222; 
border:1px solid #191919;
text-decoration: none;
}

#navlist a:hover
{

  color:#222222; 
background:#a3dd13;
text-decoration: none;
}
.projectdesc{
margin-top:10px;
margin-bottom:10px




}
.projectTitle{
color:#FFFFFF;
font-weight:bold;
}


/* START OF CSS FOR MAP */
dl.map.on {
	position:relative;
	width:1600px;
	height:546px;
	background:url(pics/menu_map.jpg) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	
}
dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
	border:#222 2px solid;
	background:#666;
	color:#fff;
	
	z-index:11;
	font-size:0.8em;
}
dl.map.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(pics/point.gif) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location:hover {
	background:url(pics/point-hover.gif) no-repeat -1px -1px;
}
dl.map.on dd a {
	text-decoration:none;
	color:#000;
}