/* @override http://www-dev.ascendo.fr/css/picto_metiers.css */

/* @override http://communication.ascendo.fr/references/2/css/picto_metiers.css */

/* @override http://www-dev.ascendo.fr/css/picto_metiers.css */

/*
	Feuilles de styles des menus metiers pictos
*/

div#contenu div#m-metier-cache
{
	width: 650px;
	height: 45px;
	overflow: hidden;
	position: absolute;
}

div#contenu ul#m-metier-titrage
{
	margin: 0;
	width: 650px;
	height: 45px;
	overflow: hidden;
	list-style-type: none;	
}
div#contenu ul#m-metier-titrage li
{
	position: absolute;
	left: -650px;
}

/* 
	Titrage petit picto
*/

div#conteneur div#m-metier-cache_small
{
	width: 250px;
	height: 14px;
	overflow: hidden;
	position: absolute;
/*	top: 300px;	*/
/*	bottom: 340px; */
	top: 160px;
	
}

div#conteneur ul#m-metier-titrage_small
{
	margin: 0;
	width: 250px;
	height: 14px;
	overflow: hidden;
	list-style-type: none;
	
}
div#conteneur ul#m-metier-titrage_small li
{
	position: absolute;
	left: -200px;
	padding-left: 20px;
}



/*
	Liste Metiers / picto / Grd format
*/

div#contenu ul#m-metier-h
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 60px;
	position: absolute;
	top: 255px;
}
div#contenu ul#m-metier-h li
{
	float: left;
	padding-right: 30px;
	position: relative;
}
div#contenu ul#m-metier-h li a
{
	display: block;
	width: 105px;
	height: 90px;
	/*background-image: url(../design/transparent_90.gif);*/
	border:0;
	/* Supprimer le texte de referencement */
 	text-indent: -5000px;
}
div#contenu ul#m-metier-h li span#p1
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_1_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}

div#contenu ul#m-metier-h li span#p1over
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_1_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
div#contenu ul#m-metier-h li span#p2
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_2_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-h li span#p2over
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_2_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
div#contenu ul#m-metier-h li span#p3
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_3_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-h li span#p3over
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_3_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
div#contenu ul#m-metier-h li span#p4
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_4_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-h li span#p4over
{
	width: 105px;
	height: 90px;
	background-image: url(../design/images/picto_4_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}



div#contenu ul#m-metier-b
{
	list-style-type: none;
	margin: 0;
	padding: 27px 0 0 60px;
	clear: both;
	position: absolute;
	top: 340px;
}
div#contenu ul#m-metier-b li
{
	float: left;
	padding-right: 30px;
	position: relative;
}
div#contenu ul#m-metier-b li a
{
	display: block;
	width: 105px;
	height: 185px;
	/*background-image: url(../design/transparent_185.gif);*/
	border:0;
	/* Supprimer le texte de referencement */
	text-indent: -5000px;	
}


div#contenu ul#m-metier-b li span#p5
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_5_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-b li span#p5over
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_5_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
div#contenu ul#m-metier-b li span#p6
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_6_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-b li span#p6over
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_6_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
div#contenu ul#m-metier-b li span#p7
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_7_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-b li span#p7over
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_7_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
div#contenu ul#m-metier-b li span#p8
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_8_01-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
}
div#contenu ul#m-metier-b li span#p8over
{
	width: 105px;
	height: 185px;
	background-image: url(../design/images/picto_8_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}



/*
	Liste Metiers / picto / Petit format
*/
div#ombrage-m-metier-small {
	background-image: url(../design/ombrage_m_metier_85-trans.png);
	position: absolute;
	top: 104px;
	left: 0;
	opacity:0;
	width: 360px;
	height: 399px;
}
div#ombrage-m-metier-small a {
	width: 360px;
	height: 450px;
	display: block;
}


ul#m-metier-h.small
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 29px;
	position: absolute;
/*jp	top: 329px; */
/*	bottom: 290px;*/
	top: 65px;
	z-index: 999;
}
ul#m-metier-h.small li
{
	float: left;
	padding-right: 15px;
	position: relative;
}
ul#m-metier-h.small li a
{
	display: block;
	width: 42px;
	height: 36px;
	/*background-image: url(../design/transparent_90.gif);*/
	border:0;
	/* Supprimer le texte de referencement */
 	text-indent: -1000px;
}
ul#m-metier-h.small li span#p1
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_1_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 20;
}

ul#m-metier-h.small li span#p1over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_1_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
ul#m-metier-h.small li span#p2
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_2_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 20;
}
ul#m-metier-h.small li span#p2over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_2_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
ul#m-metier-h.small li span#p3
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_3_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 20;
}
ul#m-metier-h.small li span#p3over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_3_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
ul#m-metier-h.small li span#p4
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_4_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 20;
}
ul#m-metier-h.small li span#p4over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_4_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}



ul#m-metier-b.small
{
	list-style-type: none;
	margin: 0;
	padding: 40px 0 0 29px;
	clear: both;
	position: absolute;
/*jp	top: 340px; */
/*	bottom: 240px;*/
	top: 75px;
}
ul#m-metier-b.small li
{
	float: left;
	padding-right: 15px;
	position: relative;
}
ul#m-metier-b.small li a
{
	display: block;
	width: 42px;
	height: 36px;
	/*background-image: url(../design/transparent_185.gif);*/
	border:0;
	/* Supprimer le texte de referencement */
	text-indent: -1000px;	
}


ul#m-metier-b.small li span#p5
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_5_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 10;
}
ul#m-metier-b.small li span#p5over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_5_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
ul#m-metier-b.small li span#p6
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_6_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 10;
}
ul#m-metier-b.small li span#p6over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_6_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
	opacity: 0.01;
}
ul#m-metier-b.small li span#p7
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_7_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 10;
}
ul#m-metier-b.small li span#p7over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_7_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}
ul#m-metier-b.small li span#p8
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_8_small_03-trans.png);
	position: absolute;
	top: 0;
	opacity: 0.01;
	z-index: 10;
}
ul#m-metier-b.small li span#p8over
{
	width: 42px;
	height: 36px;
	background-image: url(../design/images/picto_8_small_02-trans.png);
	opacity: 0.01;
	position: absolute;
	top: 0;
}