/* En-tete / header */
div#brdtitle { position: relative; }
p#prelude {
	position: absolute;
	top: 0.3em;
	right: 0.3em;
	font-size: 0.8em;
}

/* Colone à gauche / Column on left */
div#puntal_main {
	width: 100%;
	float: right;
	margin-left: -18em;
}
div#puntal_content {
	margin-left: 18em;
	padding-left: 1ex;
	padding-right: 1ex;
}
div#puntal_sidebar {
	width: 17em;
	padding-left: 1ex;
	float: left;
}

/* Styles for collapse icon and text */
div.block h2 img.icon {
	vertical-align: text-bottom;
}
div.block h2 a {
	text-decoration: none;
}

div.block h3 {
	font-weight: bold;
	margin-top: 10px;
	color: #444;
	font-size: 1em;
}

/* Listes colone latérale / Lateral column list */
div#puntal_sidebar li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
div#puntal_sidebar li.active {
	font-weight: bold;
}


/* Sous-menu téléchargements / Downloads sub-menu */
#sousmenu ul, #sousmenu li {
	list-style-type: none;
	display: inline;
}
#sousmenu li { margin-right: 12px; }
#sousmenu a:link, #sousmenu a:visited{ text-decoration: none; }
#sousmenu a:hover { text-decoration: underline; }

/* Boite bloc édito / Edito block box */
#box_edito div.box { border-width: 1px; }
#box_edito div.box p {
	line-height: 150%;
	letter-spacing: 0.08em;
}

/* Boite bloc RSS reader / RSS reader block box */
#box_rssreader h3 {
    margin-top: 1em;
    font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

table.metiers {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	border-collapse: collapse;
	width: 100%;
}

table.metiers th {
	border: 1px solid #888;
}

table.metiers td {
	border: 1px solid #888;
	background : #EAE8DE;
}

table.metiers td.debutant {
	color: #cd4622;
}

table.metiers td.apprenti {
	color: #a2a41d;
}

table.metiers td.maitre {
	color: #28a018;
}

table.metiers td.name {
	font-weight: bold;
}

table.metiers tr.row td {
	background: #e1dfd5;
}

table.metiers tr.row:hover td, table.metiers tr:hover td {
	background: #444;
	color: white;
}

div.overflow {
	overflow: auto; 
	width: 530px; 
	overflow-y:hidden; 
	padding-bottom: 0px !important;
	padding-bottom: 13px;
}

