/* plan d'ensemble */
/*////////////////////////////////////////////////////////////////ensemble////////////////////////////////////////////////////////////////*/
* {
	margin:0px;
	padding:0px;
}
a{cursor:pointer;



	}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#e0e5ea;
	background-attachment:fixed;
	overflow-x:hidden;


}

#fond-degrade{
	height:800px;
	width:1280px;
	background:url(../images/fond.jpg) no-repeat center top;
	margin:0 auto;
	overflow:hidden;


}

table {
	font-size:12px;
	border:none;
	border-spacing:0px;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
}
a img{
border:none;
}
#ensembleTable {
	overflow:hidden;
	margin:0px auto;
	vertical-align:middle;
	width:1024px;
	height:auto;
}
#ensemble {
	height:auto;
	width:1024px;
	display:block;
	text-align:left;
	float:left;
}
#fond {
	border:none;
	height:575px;
	width:1024px;
	margin-left:4px;
	display:block;
	position:relative;
	float:left;
	text-align:left;
}
#fond .logo {
	background: url(../images/logo-vert.png) top left no-repeat;
	height:57px;
	width:134px;
	display:block;
	position:absolute;
	z-index:30;
	margin-top:11px;
	margin-left:7px;
}

#fond a.logo-orange {
	background:url(../images/logo-orange.png) top left no-repeat;
	height:57px;
	width:134px;
	display:block;
	position:absolute;
	z-index:30;
	margin-top:11px;
	margin-left:7px;
}


#fond a.bleu {
	background:url(../images/logo-bleu.png) top left no-repeat;

}
/*////////////////////////////////////////////////////////////////menu_top////////////////////////////////////////////////////////////////*/

#fond .menu_ensemble {
	height:40px;
	width:670px;
	display:block;
	position:absolute;
	margin-top:15px;
	margin-left:200px;
	text-align:center;
	padding-top:3px;
	background:url(../images/separateurs.png) no-repeat left top;
	z-index:20;

}
#fond .menu_ensemble a, div.realisations {
	text-decoration:none;
	position:relative;
	float:left;
	height:30px;
	line-height:10px;

}
#fond .menu_ensemble a.accueil {
	width:100px;
	height:30px;
	background:url(../images/bordure.gif) right no-repeat;

}

.texteAccueil{
	position:relative;
	margin-top:15px;
}



#fond .menu_ensemble .accueilFixe {
		background:url(../images/btn-menu-accueil-off.png) no-repeat top;
	width:100px;
		float:left;
	height:30px;
	line-height:10px;}


#fond .menu_ensemble div.realisations {
	width:130px;
}



#fond .menu_ensemble .realisationsFixe {
	/*background:url(../images/btn-menu-realisations-off.png) no-repeat top;*/
	width:130px;
	float:left;
	height:30px;
	line-height:10px;
}

	#fond .menu_ensemble .realisationsFixe .lienRealisation {
	background:url(../images/btn-menu-realisations-off.png) no-repeat top;
	width:130px;
	height:30px;
	line-height:10px;}
/*////////////////////////////////menu deroulant//////////////////////////////////////////////////*/

	#bgAccueil{
		position:relative;
		top:-29px;
		display:none;
		z-index:-1;
		height:30px;
	}
	#bgRea{
		position:relative;
		top:-29px;
		display:none;
		z-index:-1;
		height:30px;
	}
	
		#bgRea img{
		border:none;
		background:none;
	}
	#bgRef{
		position:relative;
		top:-29px;
		display:none;
		z-index:-1;
		height:30px;
	}
	#bgCompetence{
		position:relative;
		top:-29px;
		display:none;
		z-index:-1;
		height:30px;
	}
	#bgContact{
		position:relative;
		top:-29px;
		display:none;
		z-index:-1;
		height:30px;
	}

	*:first-child+html #bgAccueil{top:-34px;}
	*:first-child+html #bgRea{top:-34px;}
	*:first-child+html #bgRef{top:-34px;}
	*:first-child+html #bgCompetence{top:-34px;}
	*:first-child+html #bgContact{top:-34px;}

	#Nav{

	height:20px;
	width:auto;
	display:block;
	list-style:none;
	margin-top:1px;
	cursor:pointer;

	}


	#Nav li{

    width:130px;
	display:block;
	margin:0px;
	float:left;
	text-align:center;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

	#Menu {
	padding:0px;
	list-style:none;
	width:325px;
	height:24px;
	position:absolute;
	background:url(../images/deroulant.png) no-repeat;
	top:28px;
	left:15px;
}

	#Menu2 {

padding:0px;
list-style:none;
width:255px;
height:24px;
position:absolute;
background:url(../images/deroulant.png) no-repeat;
top:28px;
left:100px;


}


#Nav #Menu li{
display:block;
float:left;
width:auto;
text-align:center;
line-height:18px;
height:20px;
}

#Nav #Menu li a {

color:#000;
text-decoration: none;
font-size:13px;
font-weight:bold;
text-decoration:none;
position:relative;
height:25px;
float:left;
padding-left:15px;
padding-right:15px;
line-height:20px;
border-right:none;




}

#Nav #Menu li .pageFixe {

color:#ffffff;
text-decoration: none;
font-size:13px;
font-weight:bold;
text-decoration:none;
position:relative;
height:25px;
float:left;
padding-left:15px;
padding-right:15px;
line-height:20px;
border-right:none;




}
#Nav #Menu li a:hover,#Nav li a:active {
color:#ffffff;


}




ul {

padding: 0px;
list-style: none;
margin:0px;

}

li {

padding:0px;
list-style:none;
margin:0px;
list-style-position:inherit;

}


/*/////////////////////////////////////////////fin de deroulant////////////////////////////////////////////////////*/






#fond .menu_ensemble a.references {
	width:120px;
	height:30px;
}


#fond .menu_ensemble .referencesFixe {
	background:url(../images/btn-menu-references-off.png) no-repeat top;
	width:120px;
	float:left;
	height:30px;
	line-height:10px;}

#fond .menu_ensemble a.competences {
	width:130px;
	height:30px;
}

#fond .menu_ensemble .competencesFixe {
		background:url(../images/btn-menu-competences-off.png) no-repeat top;
	width:130px;
	float:left;
	height:30px;
	line-height:10px;}


#fond .menu_ensemble a.contact {
	width:110px;
	height:30px;
}


#fond .menu_ensemble .contactFixe {
		background:url(../images/btn-menu-contact-off.png) no-repeat top;
	width:110px;
	float:left;
	height:30px;
	line-height:10px;}

#fond .menu_ensemble a:last-child {
	background:none;
	border:none;
}
/*///////////////////////////////////////////////////coins gauche_droite et pictos///////////////////////////////////////////////*/
#fond .coinBasGauche {
	height:25px;
	width:25px;
	background: url(../images/encoche-G.png);
	display:block;
	position:absolute;
	margin-top:539px;
	margin-left:7px;
}

#fond .coinBasDroite {
	height:25px;
	width:25px;
	background: url(../images/encoche-D.png);
	display:block;
	position:absolute;
	margin-top:539px;
	margin-left:987px;
}





/*/////////////////////////////////////////////////////boutons index CUBE/////////////////////////////////////////////////////////////////*/
#fond .Cube {
	height:435px;
	width:417px;
	display:block;
	position:absolute;
	margin-top:85px;
	margin-left:220px;
	z-index:30;
	cursor:pointer;
	background:url(../images/cube.png);
}
#fond .btnCubeTop {
	height:147px;
	width:378px;
	display:block;
	position:absolute;
	margin-top:86px;
	margin-left:237px;
	z-index:80;
	cursor:pointer;
	background:url(../images/face-games.png) bottom no-repeat;
}
#fond .btnCubeTop:hover {
	background:url(../images/face-games.png) top no-repeat;
}
#fond .btnCubeRight {
	height:300px;
	width:200px;
	display:block;
	position:absolute;
	margin-top:170px;
	margin-left:438px;
	z-index:50;
	cursor:pointer;
	background:url(../images/face-krew.png) bottom no-repeat;

}
#fond .btnCubeRight:hover {
	background:url(../images/face-krew.png) top no-repeat;
}
#fond .btnCubeLeft {
	height:306px;
	width:206px;
	display:block;
	position:absolute;
	margin-top:166px;
	margin-left:221px;
	z-index:50;
	cursor:pointer;
	background:url(../images/face-agency.png) bottom no-repeat;


}
#fond .btnCubeLeft:hover {
	background:url(../images/face-agency.png) top no-repeat;
}


/*///////////////////////////////////////////////zone textes//////////////////////////////////////////////////////////////////*/




#fond .zone_nouveautes {
	height: auto;
	width:210px;
	font-size:11px;
	letter-spacing:1px;
	display:block;
	position:absolute;
	margin-top:42px;
	margin-left:780px;
	text-align:left;
	z-index:300;
	cursor:pointer;


}
#fond .zone_nouveautes .titre {
	height:30px;
	width:210px;
	font-size:13px;
	position:relative;
	float:left;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#99CF15;
	line-height:22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#fond .zone_nouveautes .texte {
	margin-top:10px;
	height:auto;
	width:230px;
	position:relative;
	float:left;
	text-align:justify;
	color:#000;
	line-height:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}

#bas {
	height:auto;
	width:1024px;
	height:36px;
	display:block;
	margin:0px auto;
	text-align:left;
	overflow:auto;
	float:left;
	font-size:11px;
}
 #bas .menu_ensemble {
		height:20px;
	width:auto;

	float:left;
	margin-left:350px;
	margin-top:10px;
	color:#A6B3C6;
}
#bas a.bas{	height:25px;
	width:25px;

	float:left;
	margin-left:10px;
	border:1px solid #A3ADB5;}

#bas .twitter {
	background:url(../images/twitter.gif) top;

}

#bas .twitter:hover {
	background:url(../images/twitter.gif) bottom;

}

#bas .facebook {
	background:url(../images/facebook.gif) top;
}

#bas .facebook:hover {
	background:url(../images/facebook.gif) bottom;
}
/*////////////////////////////////////////////zone bouton multisiste////////////////////////////////////////////*/
#fond .bouton_multisite{
	height: 41px;
	width:120px;
	font-size:11px;

	display:block;
	position:absolute;
	margin-top:10px;
	margin-left:885px;
	text-align:left;
	z-index:20;
	font-family:"Trebuchet MS";
	font-weight:bold;
	background-position:right;
	background-repeat:no-repeat;
}
.bouton_multisite img{
	float:right;
	padding-top:2px;
}
#TexteTypeSite{
	left:-50px;
	padding-top:15px;
	position:absolute;
	text-align:right;
	width:100%;
}

/*//////////////////////////////////////////zone_texte accueil webagency///////////////////////////////////////////////*/
#fond .texteAccueil{
	height:auto;
	width:330px;
	font-size:12px;

	display:block;
	position:absolute;
	margin-top:100px;
	margin-left:30px;
	text-align:left;
	z-index:20;
	line-height:16px;

}
#fond .accueilKrew{
	height:300px;
	background:url(../images/casque.jpg) bottom no-repeat;
	width:307px;
	font-size:12px;

	display:block;
	position:absolute;
	margin-top:100px;
	margin-left:380px;
	text-align:left;
	z-index:20;
	line-height:16px;

}
#fond .zoneTitre{
	height:auto;
	width:100%;
	display:block;
	position:relative;
	float:left;

}

#fond .img-texte-competences{
	background-image:url(../images/texte-competences.png);
	background-repeat:no-repeat;
	height:90px;
}

#fond .img-texte-competences:hover{
	background-image:url(../images/texte-competences-hover.png);
	background-repeat:no-repeat;
	height:90px;

}


#fond .zoneTexte{
	height:auto;
	width:100%;
	display:block;
	position:relative;
	float:left;

}

#fond .texteBlocs{
	height:auto;
	width:auto;
	font-size:12px;
	letter-spacing:1px;
	display:block;
	position:absolute;
	margin-top:98px;
	margin-left:375px;
	text-align:left;
	z-index:20;

}

#fond .texteBlocs .lienImage01{
	height:140px;
	width:640px;
	font-size:12px;
	display:block;
	position:absolute;
	margin-top:0px;
	margin-left:0px;


}

#fond .texteBlocs .lienImage01 .illustration{
	height:140px;
	width:310px;
	float:left;

}

#fond .texteBlocs .lienImage01 .illustration a.illustration01{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100px;
	height:140px;
	width:310px;
	border:none;


}

#fond .texteBlocs .lienImage01 .illustration a.illustration01_hover{
	position:absolute;
	top:0px;
	left:0px;
	z-index:30px;
	height:140px;
	width:310px;
	border:none;



}

#fond .texteBlocs .lienImage01 .titre{
	height:50px;
	width:323px;
	float:left;
	background:url(../images/accueil_fiche01intitule.png) no-repeat right;

}


#fond .texteBlocs .lienImage02{
	height:140px;
	width:640px;
	font-size:12px;
	display:block;
	position:absolute;
	margin-top:63px;




}

#fond .texteBlocs .lienImage02 .illustration{
	height:140px;
	width:310px;
	float:left;
	position:relative;

}

#fond .texteBlocs .lienImage02 .illustration a.illustration01{
	position:absolute;
	top:0px;
	left:0px;
	z-index:20px;
	height:140px;
	width:310px;
	border:none;


}

#fond .texteBlocs .lienImage02 .illustration a.illustration01_hover{
	position:absolute;
	top:0px;
	left:0px;
	z-index:30px;
	height:140px;
	width:310px;
	border:none;



}

#fond .texteBlocs .lienImage02 .titre{
	height:50px;
	width:323px;
	float:left;
	margin-top:90px;
	background:url(../images/accueil_fiche02intitule.png) no-repeat left;

}

#fond .texteBlocs .lienImage03{
	height:140px;
	width:640px;
	font-size:12px;
	display:block;
	position:absolute;
	margin-top:215px;
	margin-left:0px;


}

#fond .texteBlocs .lienImage03 .illustration{
	height:140px;
	width:310px;
	float:left;

}

#fond .texteBlocs .lienImage03 .illustration a.illustration01{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100px;
	height:140px;
	width:310px;
	border:none;


}

#fond .texteBlocs .lienImage03 .illustration a.illustration01_hover{
	position:absolute;
	top:0px;
	left:0px;
	z-index:30px;
	height:140px;
	width:330px;
	border:none;



}

#fond .texteBlocs .lienImage03 .titre{
	height:50px;
	width:323px;
	float:left;
	background:url(../images/accueil_fiche03intitule.png) no-repeat right;

}

/*////////////////////////////////////////////////////anim realisation contenu/////////////////////////////////////////////////////////*/

#fond .animRealisation{
	height:430px;
	width:710px;
    font-size:12px;
	letter-spacing:1px;
	display:block;
	position:absolute;
	margin-top:90px;
	margin-left:24px;
	text-align:left;
	z-index:20;
}

#fond .animRealisation .contenu{
	height:414px;
	width:686px;
	float:left;
	position:relative;
	overflow:hidden;
    background-color:#fff;

}

#fond .animRealisation .contenu .images{
	height:414px;
	border:1px solid #FFF;
	width:624px;
	position:relative;
	margin-top:0px;

	display:block;
	z-index:30;
}

#fond .animRealisation .contenu .images img{
	position:absolute;
	margin-left:0px;
	margin-top:0px;


}
 .pagination{
	height:15px;
	width:75px;
	position:absolute;
	margin-top:435px;
	margin-left:647px;
	display:block;
	z-index:400;
	left: 13px;
	font-size:11px;
}

.contenu_hidden{
height:414px;
position:relative;
}
.rea{
	float:left;
	width:686px;
}

.pagination span{
	height:15px;
	width:15px;
	float:left;
	margin-left:3px;
	text-align:center;
	line-height:16px;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;

}

.pagination span:hover{
	background-color:#99CF15;

}

.pagination span.page_actif{
	background-color:#99CF15;
}

#les_urls{
	margin-top:15px;


	}
#les_urls div{
	cursor:pointer;
}
#les_urls div:hover{
	color:#FF8C11;
}

/*////////////////////////////////////////////////////REALISATION (ss cadre)//////////////////////////////////////////////////////////////////*/


#fond .ssCadre{
	height:75px;
	width:686px;
	position:absolute;
	margin-top:456px;
	margin-left:36px;
	display:block;
	z-index:300;
	overflow:visible;
}

#fond .ssCadre .Gauche{
	height:100% ;
	width:16px;
	float:left;
	background:url(../images/SSCadre_gauche.png) bottom;
	position:relative;
}
#fond .ssCadre .Repeat{
	height:100%;
	width:654px;
	float:left;
	background: url(../images/SSCadre_repeat.png) repeat-x bottom;
	position:relative;
}


#fond .ssCadre .Repeat a.fleche_gauche{
	float:left;
	height:40px;
	width:30px;
	margin-top:15px;
	background:url(../images/fleche_gauche.png) center no-repeat;

}
#fond .ssCadre .Repeat a.fleche_gauche:hover{
		background:url(../images/fleche_gauche_on.png) center no-repeat;
}

#fond .ssCadre .Repeat a.fleche_droite{
	float:right;
	height:40px;
	width:30px;
	margin-top:15px;
	background:url(../images/fleche_droite.png) center no-repeat;

	}
#fond .ssCadre .Repeat a.fleche_droite:hover{
	background:url(../images/fleche_droite_on.png) center no-repeat;

	}

#fond .ssCadre .Repeat .description{
	float:left;
	height:60px;
	width:580px;
	margin-bottom:25px;
	margin-left:10px;

	position:relative;

	}
#fond .ssCadre .Repeat .description table{

border:none;
color:#ffffff;
width:100%;
height:100%;
margin-top:7px;


}

#fond .ssCadre .Repeat .description table td{
	height:20px;
	padding:0px;



}

#fond .ssCadre .Repeat .description table td a{
color:#FFF;



}

#fond .ssCadre .Repeat .description table td a:hover{
color:#FF8C11;



}
#fond .ssCadre .Repeat .description table td .colonneGauche{
	height:20px;
	width:260px;
	overflow:hidden;
	float:left;
	padding:0px;



}
#fond .ssCadre .Repeat .description table td .technologiesTitre{
	height:20px;
	width:140px;
	float:left;
	padding:0px;



}

#fond .ssCadre .Repeat .description table td .technologiesContenu{
	height:20px;
	width:165px;
	float:left;
	padding:0px;



}


#fond .ssCadre .Repeat .description table .titre{

color:#F90;
font-weight:bold;
height:25px;


}

#fond .ssCadre .Droite{
	height:100%;
	width:16px;
	float:left;
	background:url(../images/SSCadre_droite.png) bottom;
	position:relative;
}

/*////////////////////////////////////////////////////REALISATION (ombre) //////////////////////////////////////////////////*/


.CadreHautGauche{
	height:12px;
	width:12px;
	background:url(../images/ombreTopCoinGauche.png) no-repeat;
	float:left;
	position:relative;
}

.CadreHautRepeat{
	height:12px;
	width:686px;
	background:url(../images/ombreTopRepeat.png) repeat-x ;
	float:left;
	position:relative;
}

.CadreHautDroite{
	height:12px;
	width:12px;
	background:url(../images/ombreTopCoinRight.png) no-repeat;
	float:left;
	position:relative;
}

.CadreGaucheRepeat{
	width:12px;
	height:414px;
	background:url(../images/ombreLeftRepeat.png) repeat-y ;
	float:left;
	position:relative;
}

.CadreDroiteRepeat{
	width:12px;
	height:414px;
	background:url(../images/ombreRightRepeat.png) repeat-y ;
	float:left;
	position:relative;
}

.CadreBasGauche{
	height:24px;
	width:24px;
	background:url(../images/ombreBottomLeft.png) no-repeat;
	float:left;
	position:relative;
}

.CadreBasRepeat{
	height:24px;
	width:662px;
	background: url(../images/ombreBottomRepeat.png) repeat-x ;
	float:left;
	position:relative;
}

.CadreBasDroite{
	height:24px;
	width:24px;
	background:url(../images/ombreBottomRight.png) no-repeat;
	float:left;
	position:relative;
}
/*///////////////////////////////////////////////////////////REALISATION texte//////////////////////////////////////////////*/

#fond .texteRealisation{
	height:auto;
	width:280px;
	font-size:12px;
	letter-spacing:1px;
	display:block;
	position:absolute;
	margin-top:100px;
	margin-left:760px;
	text-align:left;
	z-index:20;
}


/*////////////////////////////////////////////////////////////////references////////////////////////////////////////////////////////*/

.texte_references{
	height:auto;
	width:340px;
	font-size:12px;
	display:block;
	position:absolute;
	margin-top:100px;
	margin-left:24px;
	text-align:justify;
	color:#000;
}

.texte_references .titre{
	width:100%;
	height:26px;
	float:left;
	background:url(../images/titre-references.png) no-repeat left;


}

.texte_references .texte{
	margin-top:15px;
	width:100%;
	height:auto;
	float:left;
	line-height:16px;
	font-size:12px;
}

.pictos-references{
	height:auto;
	width:605px;
	display:block;
	position:absolute;
	margin-top:136px;
	margin-left:395px;

}

.pictos-references td{
	padding:5px;
}

/*////////////////////////////////////////////////////////////////competences////////////////////////////////////////////////////////*/
.design{
	position:absolute;
	margin-top:100px;
	margin-left:540px;
	width:470px;
	

}

.developpement{
	position:absolute;
	margin-top:100px;
	margin-left:24px;
		width:500px;

}


.texte_competences{
	height:auto;
	width:95%;
	text-align:justify;
}

.texte_competences .titre{
	width:100%;
	height:26px;
	float:left;



}

.texte_competences .texte{
	margin-top:15px;
	width:100%;
	height:auto;
	float:left;

}


.texte_competences .texte table{
	height:auto;
	width:100%;
	display:block;
	border:none;
	line-height:16px;

}

.texte_competences .texte table td{
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
vertical-align:top;


}

.texte_competences .texte table img{
margin-right:10px;
margin-bottom:10px;
float:left;

}



/*/////////////////////////////////////////////////////////////contact////////////////////////////////////////////////////////////////////*/


.texte_contact{
	height:auto;
	width:380px;
	font-size:12px;
	display:block;
	position:absolute;
	margin-top:100px;
	margin-left:24px;
	text-align:justify;
	color:#000;
}

.texte_contact .titre{
	width:100%;
	height:26px;
	float:left;
	background:url(../images/titre-contact.png) no-repeat left;


}

.texte_contact .texte{
	margin-top:15px;
	width:100%;
	height:auto;
	float:left;
	line-height:16px;
	color:#FF8400;
display:block;
font-size:16px;
font-weight:bold;
}

.texte_contact .texte table{

font-size:16px;


}


.texte_contact .texte table td{

font-size:16px;
padding-right:10px;
padding-bottom:10px;

}

.texte_contact .texte input{

	width:270px;
	height:20px;
	float:right;
	background:#FFFFFF;
	border:1px solid #ff8400;
	color:#000000;
display:block;
font-size:12px;

}

.texte_contact .texte textarea{

	width:380px;
	height:220px;
	float:right;
	background:#FFFFFF;
	border:1px solid #ff8400;
	color:#000000;
display:block;
font-size:12px;

}
.texte_contact .texte button{
background:transparent url(../images/deroulant.png) no-repeat center;
height:24px;
left:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
text-align:center;
color:#000000;
border:2px solid #C7EB2A;
top:28px;
width:150px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.plan{
	margin-top:114px;
	margin-left:505px;
	position:absolute;
}

.adresse{
	margin-top:459px;
	margin-left:505px;
	position:absolute;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:left;
	height:auto;
	width:auto;
	display:block;

}

/*/////////////////////////////////////////////////////////////////////////btns_realisation COMPETENCES///////////////////////////////////////////*/

a.competence{
	height:19px;
	width:19px;
	float:left;
	margin-left:2px;
	border:1px solid #000;

}

a.competence:hover{
	border:1px solid #fff;

	}
a.competence img{
text-decoration:none;
border:none;
position:absolute;
margin-top:0px;
margin-left:0px;

}


a.competence span{
	display:none;

	}
a.competence:hover span{
	height:30px;
	width:117px;
	position:absolute;
	background:url(../images/infobulle_competences.png) top no-repeat;
	z-index:140;
	line-height:32px;
	font-size:10px;
	text-align:center;
	margin-top:15px;
	margin-left:-3px;
	display:block;

}