h6.metiers {
		margin: 6px 0px;
	}
	
	h3.intitule, h3.enteteMetier {
		font-size: 14px;
		margin-top: 20px;
		border-bottom: 1px solid #aad6ff;
		padding-bottom: 4px;
	}

	h3.enteteMetier {
		font-size: 16px;
		width: 564px;
		margin: 10px 0 20px 0;
		padding: 6px 0 3px 0;
		background-color: #2070b4;
		color: #fff;
		text-align: center;
	}
	
	h3.intituleMetiers {
		width: 100%;
		padding: 6px 7px 3px 7px;
		margin: 0;
		background-color: #f0f8ff;
		border-top: 1px dotted #82a8c9;
		border-bottom: 1px dotted #82a8c9;
		
		font: 12px/12px Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #2070b4;
		text-transform: uppercase;
	}

	h3 a.clip {
		display: block;
		margin-left: 0;
	}

	a.printable {
		display: block;
		background: url(../../images/img_interface/file_off.png) no-repeat left;
		padding: 4px 0px 2px 20px;
		margin: 5px 0;
		font-size: 11px;
		font-weight: bold;
	}
	
	a.printable:active, a.printable:hover {
		background: url(../../images/img_interface/file.png) no-repeat left;
	}
	
	table {
		border: 1px solid #aad6ff;
		margin-bottom: 20px;
	}
	
	table tr td {
		border: none;
		padding: 5px 10px 5px 10px;
	}
	
	table tr td ul {
		margin: 5px 0;
	}
	div#page table tr td ul {
		margin-top: 10px;
	}
	div#page table tr td ul li {
	/*	font: 12px/14px Helvetica, Arial, sans-serif;
	*/	list-style-type: disc;
		margin: 0 10px 5px 15px;
	}
	
	div#page table tr td ul li, div#page table tr td p {
		line-height: 18px;
	}

	div#page table tr td li {

	/*
		************************************************
		pour les donnees mal struturees venant d'aspic ...
		************************************************
	*/
	
		margin: 0 10px 5px 15px;
	}
	
	
	td.libelles {
		width: 156px;
		background-color: #f0f8ff;
		text-align: right;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
	}
	
	td.savoirs, td.savoirsFaire {
		text-transform: uppercase;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		background-color: #eef7ff;
	}
	
	td.savoirsFaire {
		border-top: 1px solid #aad6ff;
		border-bottom: 1px solid #aad6ff;
	}
	
	td.onglet {
		height: 25px;
		border-bottom: 1px solid #aad6ff;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		color: #2070b4;
	}
	
	td.filet {
		border-top: 1px dotted #82a8c9;
	}
	
	td.filetVertical {
		border-left: 1px dotted #82a8c9;
	}




	small.note {
		display: block;
		font-size: 9px;
		margin: 5px 0 25px 0;
	}

	div.metier {
		font: 12px/16px Helvetica, Arial, sans-serif;
		margin: 5px 0 40px 0;
	}
	
	div.metier ul {
		display: block;
		padding: 0 0 5px 0;
	}
	
	div#contenuMetiers div.metier ul li {
		font: 12px/16px Helvetica, Arial, sans-serif;
		list-style-type: disc;
	}
	
	div.metier a:link, div.metier a:visited {
		background: url(/images/img_interface/loupe_off.png) no-repeat right;
		display: block;
		width: 385px;
		border-top: 1px dotted #82a8c9;


		
		font: 10px/22px Helvetica, Arial, sans-serif;
		font-weight: bold;
		text-align: right;
	}
	
	div.metier a:active, div.metier a:hover {
		background: url(/images/img_interface/loupe.png) no-repeat right;
	}

	div.metier a span { padding-right: 20px; }

	ul#familles {
		margin: 10px 0px;
		padding: 7px 0px;
		font: 12px helvetica, arial, sans-serif;
	}
	
	ul#familles li {
		min-height                      : 20px;
        height                          : auto !important;
        height                          : 20px;
        
		padding: 0px;
		margin: 0px;
		border-bottom: 1px solid rgb(83,163,233);
		font: 12px/20px helvetica, arial, sans-serif;
		list-style-image: none;
		list-style-type: none;
	}
	
	ul#familles li span {
		position: absolute;
		right: 0px;
	}
	
	ul#familles li a.refs {
		display: block;
		width: 100%;
		background: url(/images/img_interface/file_off.png) no-repeat right center;
	}
	
	ul#familles li a.refs:hover {
		background-color: #f0f8ff;
	}
	
	.annonce strong {
		display: block;
		margin-bottom: 5px;
		font-size: 14px;
	}
	
	.annonce {
		padding: 5px 10px;
		border: 1px solid rgb(83,163,233);
		background-color: rgb(226,242,255);
		width: 154px;
		
		font-size: 11px;
	/*	text-align: center;
	*/}
	
	.annonce p {
		font-family: helvetica, arial, sans-serif;
		font-size: 11px;
	/*	font-weight: bold;
	*/	font-weight: normal;
		line-height: 120%;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.annonce div div p {
	/*	text-align: center;
	*/}
	
	.annonce ul {
		list-style-type: none;
	}
	
	.annonce ul li {
		margin-bottom: 5px;
	}
	
	#colonneMetiers {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 164px;
	}
	
	
	#colonneMetiers div {
		margin-bottom: 10px;
	}
	
	#colonneMetiers div.annonce a img {
		margin-top: 5px;
	}
	
	#contenuMetiers {
		position: relative;
	/*	left: 186px;
		right: 20px;
	*/	top: 20px;
		width: 385px;
	}
	
	#vignettes {
		height:74px;
	}
	
	#vignettes .gauche {
		float: left;
		width: 72px;
	}
	
	#vignettes .droit {
		float: right;
		width: 72px;
	}
	
	
    td dl, td dt, td dd {
        float                   : none;
        display                 : block;
        font-size               : 100%;
    }
    td dl {
        width                   : 321px;
        margin                  : .5em 0;
        background              : none;
        border                  : none;
    }
    
    td dl dt, td dl dd {
        width                   : 300px;
        padding                 : 0;
        border                  : none;
        text-align              : left;
    }
    td dl dt {
        margin-top              : .5em;
        font-weight             : bold;
        color                   : #0060b0;
    }
    td dl dt:after {
        content                 : " :";
    }
    td dl dd cite {
        display                 : block;
        font-size               : 95%;
        font-weight             : bold;
        font-style              : normal;
        color                   : #53a3e6;
    }
    
    
    #contenuMetiers div.new {
        margin-bottom                   : 1em;
        padding                         : .5em 0;
        border                          : solid #aad6ff;
        border-width                    : 1px 0;
    }
    #contenuMetiers div.new h4 {
        margin-top                      : 0;
    }
    #contenuMetiers div.new ul, #contenuMetiers div.new li {
        margin-left                     : 0;
    }
    #contenuMetiers div.new li {
        padding-left                    : 15px;
        list-style                      : none;
        background                      : url(../../images/img_interface/chevron-nouveau.png) no-repeat left center;
    }
    #contenuMetiers div.new li a { color       : #d60; }
    #contenuMetiers div.new li a:hover { color : #003c6e; }

    h3.new q {
        font-size                       : 90%;
        color                           : #d60;
    }



    #contenuMetiers div em.new {
        text-transform                  : uppercase;
        color                           : #d60;
    }
    #contenuMetiers div em.new:before, #contenuMetiers div h4:before {
        content                         : "! ";
    }
    #contenuMetiers div.new h4 {
        text-transform                  : uppercase;
    }
    #contenuMetiers div q, #contenuMetiers div h3.new q {
        text-transform                  : none;
        color                           : #1d72b3;
        font-weight                     : bold;
    }

    #contenuMetiers div h3.new q {
        font-size                       : 90%;
    }

    #contenuMetiers div q:before, #contenuMetiers div h3.new q:before {
        content                         : "(";
    }
    #contenuMetiers div q:after, #contenuMetiers div h3.new q:after {
        content                         : ")";
    }


	.colonne .newLink {
	/*	width							: 139px;
	*/	border-color 					: #78b5e2;
		background-color 				: #bce3ff;
		font-size              			: 11px;
	}
    .newLink a, .newLink a:visited {
		display 						: block;
		width							: 129px;
		padding-left					: 15px;
		padding-bottom					: .5em;
		background 						: url(/images/imgs-interface/metiers-newLink.png) no-repeat;
		font-weight						: bolder;
		color 							: #003d6e;
	}
	.newLink a:hover {
		text-decoration					: underline;
		color 							: #fff;
	}
	

	h4 {
		border:1px solid #AAD6FF;
		border-bottom:none;
		margin-bottom:0;
		padding: 5px 10px;
		color:#2070B4;
		font-size:16px;
		font-weight:bold;

		line-height:20px;
	}
	
	.metiers h3, .fiche h3 {
		background-color:#F0F8FF;
		border: 1px dotted #82A8C9;
		border-width:1px 0;
		color:#1D72B3;
		padding:5px 0 2px;
	}
	.metiers h3, .metier a {
	}
	.metiers h3 {
	font-size:120%;
	line-height: 150%;
	margin:0.5em 0;
	}
	
	.metiers table{
	border: none;
	margin-top: 0;
	margin-bottom: 1em;
	}
	.metiers tr td {
	border-bottom:1px solid #AAD6FF;
	font-size:12px;
	line-height:140%;
	margin:0;
	padding:5px 0;
	vertical-align:top;
	}
	
	.metiers .enquete label, .metiers, .enquete label input,
	.metiers .enquete label select {
		display: block;
	}
	.metiers .enquete label { margin-top: 15px;}
	.metiers .enquete input,
	.metiers .enquete select { margin-top: 8px;}
	.metiers .enquete fieldset {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border: solid #B2DCFF;
		border-width: 1px 0;
	}
	
	
	
	#contenu { right: 10px; width:574px; }