/*@import ".css";*/

html, body {
		padding:			0;
		margin:				0;
		width:				100%;
		height:				100%;
		background-color:	#181818; /*#EBEBEB;*/
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			10px;
		overflow:			hidden;
	
}
a {
		color : 			#000;
		text-decoration : 	none;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			9px;
		font-weight:		bold;
}

a,span{
	color:					#333333;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				9px;

}
a:active, a:focus {
	outline : 				none;
}


/* intro ------------------------------------------------------------------*/
div#yourwelcome {
		position:			absolute;
		/*display:			none;*/
		z-index:			500;
		width:				100%;
		height:				100%;
		margin:				0;
		padding:			0;
		background:			#171717 url(img/logo.gif) no-repeat center ;
		color:				#747272;  /*#EBEBEB*/ 
		font-size:          9px;
		
}
div#yourwelcome p{
		width:				100%;
		height:				20px;
		margin-top:			52%;
		margin-left:	    0;	
		padding:			0 ;
		text-align:			center;
}
div#yourwelcome p img{
		margin:				0;
		padding:			0 5px 0 5px;
}
div#yourwelcome a{
		color:				#747272;
		text-decoration:	underline;
		font-weight: 		normal;
}

#header {
		width:				100%;
		height:				188px;
		background:			transparent url(img/fondHeader.png) repeat-x; /**/
}

* html #header  {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fondHeader.png',);
		background-image:	none;

}

#header ul, li{
		margin:				0;
		padding:			0;
		list-style-type:	none;
}
#header ul{
		height:				19px;
		background:			#0B0B0B;
		border-bottom:		1px solid #292828;
}
#header li{
		float:				left;
}
#header a {
		display:			block;
		margin:				2px ;
		padding:			0;
		width: 				6px;
		height:				6px;
		border: 			1px solid #ccc;
}
#header img {
		margin:				0;
		padding:			3px 0 0 4px;
		
		
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* Conteneur info --------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


#conteneurcenter {
		z-index:			5;
		position:			absolute;
		width:				554px;
		height:				100%;
		background:			transparent url(img/fondConteneur.png) repeat-y;
		left: 				50%;
   		top: 				0%;
		margin-left:		-277px;
}

* html #conteneurcenter {
		filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fondConteneur.png', sizingMethod="scale");
		background-image:	none;
}

#conteneur{
		position:			absolute;
		top:				0;
		left:				25px;
		width:				502px;
		height:				100%;
		background-color:	#EFEFEF;
}

h3.toggleractu {
		padding:			0;
		margin:				0 0 0 20px;
		width:				480px;
		height:				99px;
		background:			transparent url(img/headerActuFinish.gif) no-repeat;
}
	
h3#actu {
		padding:			0;
		margin:				0 0 0 20px;
		width:				480px;
		height:				99px;
		background:			transparent url(img/actu.jpg) no-repeat 0 -1px;
}
div#actusuite {
		padding:			0;
		margin:				0 0 0 20px;
		background:			transparent url(img/actu.jpg) no-repeat 0 -100px;
}


/**/div#actuinfo {
		padding:			0;
		margin:				280px 0 0 0;
		/*height:				64px;
		width:				460px;
		background:			transparent url(img/fondactu.png) repeat-x  bottom;*/
		color:				#fff;
}
div#conteneuractuinfo {
		height:				64px;
		width:				460px;
		/*background:			transparent url(img/fondactu.png) repeat-x  bottom;*/

}		

div#actuinfo a{
		color: 				#fff;
		text-decoration:    underline;
		font-weight:		normal;
}

div#actuinfo h2{
		padding:			12px 0 0 20px;
		margin:				0;
		font-size:			10px;
		font-weight:		bold;
		text-transform:		uppercase;
}

div#actuinfo p{
		padding:			0 0 0 20px;
		margin:				0;
		width:				424px;
		text-align:			left;
}

h3#portfolio {
		/*padding:			0;*/
		margin:				0 0 0 20px;
		width:				480px;
		height:				15px;
		background:			transparent url(img/h3Portfolio.png) no-repeat  0 -1px;
		background-color:	#222;
}
* html h3#portfolio {
		filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/h3Portfolio.png', sizingMethod="scale");
		background-image:	none;
		background-repeat:	no-repeat;
		
}
* html h3#info {
		filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/h3Info.png', sizingMethod="scale");
		background-image:	none;
		background-repeat:	no-repeat;
}

div#portfolioliste {
		padding:			20px 0 0 0;
		margin:				0;
}
h3#info {
		/*padding:			0;*/
		margin:				0 0 0 20px;
		width:				480px;
		height:				15px;
		background:			transparent url(img/h3Info.png) no-repeat 0 -1px ;
		background-color:	#222;
}
div#info {
		padding:			20px 0 0 0;
		margin:				0;
		height:				400px;		
}

#accordion {
		margin:				15px 0px;
}

h3.toggler {
		cursor: 			pointer;
		background: 		/*#D2E0E6;*/;
		color: 				#1E1D1D;
		padding:			11px 0 0 0;
		margin:				0 0 0 20px;
		width:				480px;

}

div.element p, div.element h4 {
	margin:					0 ;
	padding:				4px;
}


/*------------------------------------------------------------------------------------------------------------------------------*/
/* "informations" Layout----------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

div#infoelement p, h4{
	margin:					0 0 0 16px;
	padding:				4px;
	width:					454px;
	color:					#C72600;

}

div#infoelement h2 {
	clear:					both;
	margin:					0 0 0 20px;
	padding:				10px 0 2px 0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	text-transform:			uppercase;
	color:					#C72600;
}
div#infoelement ul {
	margin:					0 0 0 20px;
	padding:				4px;
}

ul#infoactivite  {
	width:					460px;
}
ul#infoactivite li  {
	margin:					0;
	padding:				0;
	list-style-type:		none;

}
.separateurli {
	height:					8px;
	list-style-type:		none;
	background:		    	transparent url(img/separateur.gif) repeat-x center;
}

/*--- barre poucentage  ---*/

.soixantequinze {
	background:			transparent url(img/barrepercent75.gif) no-repeat right center ;
}
.dix {
	background:			transparent url(img/barrepercent10.gif) no-repeat right center ;
}
.cinq {
	background:			transparent url(img/barrepercent5.gif) no-repeat right center ;
}



/*--- icones info  ---*/

#emailinfo { 
	padding: 				0 0 0 12px; 
	background:				transparent url(img/small_mail.gif) no-repeat 0 4px;
	}
#where {
	padding: 				0 0 0 12px;
	background:				transparent url(img/small_where.gif) no-repeat 0 4px;
	}
#where a{
	text-decoration:		underline;
	font-weight:			bold;
	}
.fichier {
	padding: 				0 0 0 12px;
	background:				transparent url(img/small_doc.gif) no-repeat 0 4px;
	}
#download {
	padding: 				0 0 0 12px;
	background:				transparent url(img/small_download.gif) no-repeat 0 4px;
	}
#download a{
	text-decoration:		underline;
	font-weight:			bold;
	}


/*--- reseau ---*/
div#friend {
	padding:				0;
	margin:					0 0 0 20px;
	width:					460px;

}
div#friend a{
	padding:				0 5px 0 10px;
	font-weight:			normal;
	font-size:				9px;
	background:				transparent url(img/fleche.gif) no-repeat 0 4px;

}



/*------------------------------------------------------------------------------------------------------------------------------*/
/*Liste- Portfolio a séparer importer @ -------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

ul#enteteListe{
		margin: 			0 0 0 20px ;
		padding: 			10px 0 0 0;
}
ul#enteteListe li {
		display: 			block;
		margin: 			0;
		padding: 			0 0 0 30px;
		width: 				434px;
		height:				15px;
		color: 				#888;
		font-size:			10px;
		text-decoration:	underline;
}
	
ul#djobList	{
		margin: 			0 0 0 20px ;
		padding: 			0;
		height:				290px;
		width:				460px;
		background:		    url(img/separateur.gif) repeat-x bottom;

}
 
ul#djobList li {
		display: 			block;
		margin: 			0 !important;
		padding: 			0 0 0 30px;
		*margin:			0;
		width: 				434px;
		height:				15px ;
		*height:			13px;
		background:			transparent  url(img/icone_repertoire2.gif) no-repeat 0 1px;
}

ul#djobList li a{
		margin: 			0;
		padding: 			0;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			9px;
		font-weight:		bold;
}
.djoblink :hover span{
		color:				#C72600;
}
.djoblink :hover a{
		color:				#C72600;
		}
		
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Archives  Autres Old --------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


ul#enteteListe_archive{
		margin: 			0 0 0 20px ;
		padding: 			6px 0 4px 0;
		height:				10px;
}
ul#enteteListe_archive li {
		display: 			block;
		margin: 			0;
		padding: 			0 0 0 30px;
		width: 				434px;
		font-size:			10px;
}

ul#djobList_archive{
		margin: 			0 0 0 20px ;
		padding: 			5px 0 0 0;
		height:				24px;
		
}
 
ul#djobList_archive li {
		margin: 			0;
		padding: 			0 0 0 30px;
		width: 				434px;
		height:				13px;
		*height:			15px;
		color: 				#666;/*888*/
		background:			url(img/icone_popup.gif) no-repeat 0 1px;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			9px;
}

ul#djobList_archive li a{
		margin: 			0;
		padding: 			0;
		font-family:		Verdana, Arial, Helvetica, sans-serif;
		font-size:			9px;
		color: 				#666;/*888*/
		/*text-decoration:	line-through;*/

}

ul#djobList_archive li span{
		display:			block;
		float:				left;
		margin: 			0;
		padding: 			0;
		color: 				#666;/*888*/
		/*text-decoration:	line-through;*/
		
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* Footer ----------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

div#footer {
	padding: 				0 0 0 0;
	margin:					0 0 0 20px;
	position:				absolute;
	top:					525px;
	width:					460px;
	background: 			transparent url(img/footer.gif) repeat-x 0 0;


}
a#herbergeur {
	padding:				0;
	margin:					20px 0 0 0;
	float:					left;
	display:				block;
	width:					136px;
	height:					14px;
	background-image: 		url(img/wanerys.gif);
	background-color:		#1B1B1B;
	background-position:	0 0;
	background-repeat:		no-repeat;

}
p#infofooter {
	padding:				0;
	margin:					20px 0 0 0;
	float:					right;
	width:					117px;
	height:					24px;
}
	
p#infofooter a{
	padding:				0;
	display:				block;
	}
	
a#echo {
	width:					44px;
	height:					14px;
	float:					right;
	background: 			#1B1B1B url(img/echosmall.gif) no-repeat 0 0;
	cursor:					default;
}

a#email {
	width:					34px;
	height:					8px;
	background: 			#1B1B1B url(img/mail.gif) no-repeat 0 0;
	float:					left;


}
a#newsletter {
	width:					70px;
	height:					8px;
	margin-top:				-5px;
	background: 			#1B1B1B url(img/newsletter.gif) no-repeat 0 0;
	float:					left;


}


/*------------------------------------------------------------------------------------------------------------------------------*/
/* Newsletter  -----------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

div#newsinscription {
	position:				absolute;
	z-index:				500;
	width:					462px;
	height:					120px;
	left: 					50%;
   	top: 					50%;
	margin-left:			-1500px;
	margin-top:				-60px;
	background-color:		#1B1B1B;
}


div#newsinscription iframe{
	padding:				0;
	margin:					0;
	border:					0;
	width:					100%;
	height:					120px;
	overflow:				hidden;
}
div#entete_news{
	padding:				0;
	margin:					0;
	width: 					100%;
	height:					24px;
	background:				#C72600 url(img/entete_news.gif) no-repeat 5px 6px;
}

a#close {
	display:				block;
	width:					46px;
	padding:				4px 0 4px 0;
	margin:					10px 10px 0 0 ;
	float:					right;
	background:				transparent url(img/close_news.gif) no-repeat 0 0;
}
a#close:hover {
	background:				transparent  url(img/close_news.gif) no-repeat 0 -8px;
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*Localisation  ----------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

div#googlemap {
	position:				absolute;
	z-index:				500;
	width:					0;
	height:					0;/**/
	opacity:				0;
	left: 					50%;
   	top: 					50%;
	margin-left:			-295px;
	margin-top:				-185px;
	background:				transparent url(img/gmap.gif) no-repeat 0;

}
div#entete_map {
	padding:				0;
	margin:					0;
	width: 					100%;
	height:					24px;
	background:				#C72600 url(img/entete_map.gif) no-repeat 5px 6px;
	cursor:					move;
}
a#link_map {
	display:				block;
	padding:				0;
	margin:					20px 0 0 50px;
	width:					270px;
	height:					200px;
}
a#closemap {
	display:				block;
	width:					46px;
	padding:				4px 0 4px 0;
	margin:					10px 10px 0 0 ;
	float:					right;
	background:				transparent url(img/close_news.gif) no-repeat 0 0;
}
a#closemap:hover {
	background:				transparent  url(img/close_news.gif) no-repeat 0 -8px;
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/* class  ----------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.clients {
		margin: 			0;
		padding: 			0;
		width:				112px;
		display:			block;
		float:				left;
		font-weight:		bold;
		text-decoration:	underline;
}
.clientsOff {
		margin: 			0;
		padding: 			0;
		width:				112px;
		display:			block;
		float:				left;
		font-weight:		normal;
		text-decoration: 	line-through;
		cursor:				default;
		color:				#666;
}
.clientsT {
		margin: 			0;
		padding: 			0;
		width:				112px;
		display:			block;
		float:				left;
		font-weight:		bold;
		text-decoration:	underline;
}

.type {
		margin: 			0;
		padding: 			0;
		width:				102px;
		display:			block;
		float:				left;

}
.typeT {
		margin: 			0;
		padding: 			0;
		width:				102px;
		display:			block;
		float:				left;

}
.missions {
		margin: 			0;
		padding: 			0;
		width:				140px;
		display:			block;
		float:				left;

		
}
.missionsT {
		margin: 			0;
		padding: 			0;
		width:				140px;
		display:			block;
		float:				left;

		
}
.date {
		margin: 			0;
		padding: 			0;
		width:				64px;
		display:			block;
		float:				left;
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			10px;
}
.dateT {
		margin: 			0;
		padding: 			0;
		width:				64px;
		display:			block;
		float:				left;

}

.clear {
		display:			block;
		clear:				both;
}
.hidden {
		display:			none;
}
.visible {
		display:			block;
}
.none {
		display:			none;
}
.bold {
		font-weight:		bold;
}
.orange {
		color:				#C72600;
		}
		
.gray {
		color:				#181818;
		}
		
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Tips mootools a formater ----------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/

.custom-tip {
	color: 					#C72600;
	position:				relative;
	top:					-50%;
	/*height:105px;*/
	z-index: 				13000;
	padding:				5px;
	background:				#161515 url(img/background-tips.gif) no-repeat;

}
 .custom-tip img {
	padding:				0;
	margin:					0;
}