#refs
{
	width: 450px;
	color: #726747;
	font-size: small;
}
#refs a
{
	color: #726747;
}
#refs h1
{
	font-size: 13px;
	font-weight: bold;
	margin:1;
}
#refs h2
{
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin:0;
}
#refs .aleft
{
	float: left;
	font-size: 11px;
}
#refs .aright
{
	float: right;
	font-size: 10px;
	font-weight: bold;
}
#refs .sep	
{ 
	/*
	clear:both;
	height: 1px;
	font-size:0px;
	background-color: #B9B19F;
	padding:0px;
	border:0px;
	*/
	margin: 10px 15px 8px 15px;
	
}
.cb{ clear:both; }
#refs .ref .img
{
	width: 120px;
	float: left;
}
#refs .ref .data
{
	width: 320px;
	float: left;
	text-align: justify;
	font-size:12px;
}




#core
{
	width:100%;
	height:100%; 
	background-color:white;
	text-align:center;
	z-index:666;
	position:absolute;
	background-image: url(../mm/yapuca-loading.gif); 
	background-repeat:no-repeat;
	background-position: center center;
}
.border
{
	border:1px solid #FF0000;
}
*
{
	font-family: Arial, Helvetica, sans-serif;
}
body
{
	margin: 0px;
	padding: 0px;
	/*
	overflow: hidden;
	*/
}

.loading
{
	width: auto;
	height: 50%;
	background-image: url(../mm/loading.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/* ------------------------- */
a
{	text-decoration: underline;
	color: #000000;
}
.imgLittle
{
	margin: 2px;
	padding:0px;
	border: 2px solid #000000;
	cursor: pointer;
}
.imgLtSep
{	
	margin:0px;
	padding:0px;
	width: 2px;
	height:1px;
}
.videoContent
{	font-size:0px;	}

#kwick_2 .imgSelected
{	border: 4px solid #0D3EBF;	margin:0px}
#kwick_3 .imgSelected
{	border: 4px solid #CC0000;	margin:0px	}

/* -------------------------------------------------------------------------- */
/* font: family, size, colors, misc */
.f
{ 	font-family: arial, helvetica, sans-serif; }
	/* size */
.fs11
{	font-size:11px;}
.fs10
{	font-size:10px;}
.fs12
{	font-size:12px;}
.fs13
{	font-size:13px;}
.fs15
{	font-size:15px;	}
.fs17
{	font-size:17px;	}

.finterligne {
	line-height: 13.5px;
}
.finterligne2 {
	line-height: 22px;
}

	/* color */
.forange
{	color: #FF3300;	}
	/* misc */
.fred
{	color: #FF0000;	}
.fbold
{	font-weight: bold;	}


a.yapuca
{
	color:#000000;
	text-decoration: none;
}

a.ref
{
	color:#000000;
}

/* form control */
input.fctrl 
{
	background-color: #000000;
	border: 1px solid #666666;
	
}
.fctrltextarea
{
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px;
}
.mandatory, input.mandatory
{
	border: 2px solid #CC0000;
}
/* -------------------------------------------------------------------------- */
/* navigation system 
*/
#kwicks_container {
}
#kwicks 
{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index:20;
	background: url(../mm/yapuca.gif) no-repeat center center;
}

#kwicks .kwick {
	float: left;
	width: 30px;
	height: 100%;
	z-index:40;
}

#kwick_1, #kwickb_1	{background-color: #FF33FF;z-index:20;position:relative;}	/* competence */
#kwick_2, #kwickb_2 {background-color: #0087E1;z-index:20;position:relative;}	/* 2d3d */
#kwick_3, #kwickb_3 {background-color: #FF6600;z-index:20;position:relative;}	/* multimedia */
#kwick_4, #kwickb_4 {background-color: #99CC00;z-index:20;position:relative;}	/* contact */
#kwickback {position: absolute; z-index:5; right:0px; width:480px; height:100%; background-color:#FFF;}	/* yapuca */
#kwickbackclick {position: absolute; z-index:5; top:0px; right:0px; width:30px; height:100%; background-color:#FFF;}	/* yapuca */

#kwickb_1, #kwickb_2, #kwickb_3, #kwickb_4, #kwickbackclick
{	cursor: pointer;	}
.bandeau
{
	height:100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: center;
}


/* -------------------------------------------------------------------------- */
/* round pad system */
.imgTitle
{
	vertical-align: bottom;
	border:0px;
}

table.pad			{ border-collapse: collapse; }
table.pad td 		{ padding: 0px; }

table.pad .brdlt	{ width: 15px; height: 15px; font-size: 0px;}
table.pad .brdt		{ height: 15px; font-size: 0px;}
table.pad .brdrt	{ width: 19px; height: 15px; font-size: 0px;}

table.pad .brdl		{ width: 15px; font-size: 0px;}
table.pad .brdr		{ width: 19px; font-size: 0px;}

table.pad .brdlb	{ width: 15px; height: 19px;font-size: 0px;}
table.pad .brdb		{ height: 19px; font-size: 0px;}
table.pad .brdrb	{ width: 19px; height: 19px; font-size: 0px;}


#kwick_1 table.pad .brdlt	{ background-image: url(../mm/competence/borderlt.gif);}
#kwick_1 table.pad .brdt	{ background-image: url(../mm/competence/bordert.gif);}
#kwick_1 table.pad .brdrt	{ background-image: url(../mm/competence/borderrt.gif);}
#kwick_1 table.pad .brdl	{ background-image: url(../mm/competence/borderl.gif);}
#kwick_1 table.pad .brdr	{ background-image: url(../mm/competence/borderr.gif);}
#kwick_1 table.pad .brdlb	{ background-image: url(../mm/competence/borderlb.gif);}
#kwick_1 table.pad .brdb	{ background-image: url(../mm/competence/borderb.gif);}
#kwick_1 table.pad .brdrb	{ background-image: url(../mm/competence/borderrb.gif);}

#kwick_2 table.pad .brdlt	{ background-image: url(../mm/2d3d/borderlt.gif);}
#kwick_2 table.pad .brdt	{ background-image: url(../mm/2d3d/bordert.gif);}
#kwick_2 table.pad .brdrt	{ background-image: url(../mm/2d3d/borderrt.gif);}
#kwick_2 table.pad .brdl	{ background-image: url(../mm/2d3d/borderl.gif);}
#kwick_2 table.pad .brdr	{ background-image: url(../mm/2d3d/borderr.gif);}
#kwick_2 table.pad .brdlb	{ background-image: url(../mm/2d3d/borderlb.gif);}
#kwick_2 table.pad .brdb	{ background-image: url(../mm/2d3d/borderb.gif);}
#kwick_2 table.pad .brdrb	{ background-image: url(../mm/2d3d/borderrb.gif);}

#kwick_3 table.pad .brdlt	{ background-image: url(../mm/multimedia/borderlt.gif);}
#kwick_3 table.pad .brdt	{ background-image: url(../mm/multimedia/bordert.gif);}
#kwick_3 table.pad .brdrt	{ background-image: url(../mm/multimedia/borderrt.gif);}
#kwick_3 table.pad .brdl	{ background-image: url(../mm/multimedia/borderl.gif);}
#kwick_3 table.pad .brdr	{ background-image: url(../mm/multimedia/borderr.gif);}
#kwick_3 table.pad .brdlb	{ background-image: url(../mm/multimedia/borderlb.gif);}
#kwick_3 table.pad .brdb	{ background-image: url(../mm/multimedia/borderb.gif);}
#kwick_3 table.pad .brdrb	{ background-image: url(../mm/multimedia/borderrb.gif);}

#kwick_4 table.pad .brdlt	{ background-image: url(../mm/contact/borderlt.gif);}
#kwick_4 table.pad .brdt	{ background-image: url(../mm/contact/bordert.gif);}
#kwick_4 table.pad .brdrt	{ background-image: url(../mm/contact/borderrt.gif);}
#kwick_4 table.pad .brdl	{ background-image: url(../mm/contact/borderl.gif);}
#kwick_4 table.pad .brdr	{ background-image: url(../mm/contact/borderr.gif);}
#kwick_4 table.pad .brdlb	{ background-image: url(../mm/contact/borderlb.gif);}
#kwick_4 table.pad .brdb	{ background-image: url(../mm/contact/borderb.gif);}
#kwick_4 table.pad .brdrb	{ background-image: url(../mm/contact/borderrb.gif);}

#kwick_1 table.pad .data
{	background-color: #FFD6FF; }
#kwick_2 table.pad .data
{	background-color: #CCE7F9; }
#kwick_3 table.pad .data
{	background-color: #FFE0CC; }
#kwick_4 table.pad .data, #kwick_4 table.pad .fctrl
{	background-color: #EBF5CC; }


hr.dashed {
	border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	width: 90%;
	height: 2px;
	margin-top: 5px; margin-bottom: 5px;
	font-size: 0px;
}