/* REINITIALISATION DES STYLES SELON MEYER*/
/* ---------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}

a { color: inherit; text-decoration: none; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* CENTRAGE DE L'ELEMENT BODY */
/* ---------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}


/* IMAGE DE FOND CENTREE */
/* ---------------------------------------------------*/
#fond {
	/* l'image occupe toute la place du body */
	z-index: -1;
	position: absolute;
	width : 100%;
	height: 100%;
}
/* POSITIONNEMENT DES DIV */
/* ---------------------------------------------------*/
div#global {
    width: 1000px;
    height: 500px;
    margin: auto;
    background-repeat: no-repeat; background-image: url("../squelettes/images/fond_blanc.png"); background-position : 0px 0px;
}	

div#nav {float: left; margin-top: 15px; background-repeat: no-repeat; background-image: url("../squelettes/images/logo_HV_small.png"); background-position : 10px -4px; text-align: left; width: 160px; height: 270px; padding: 50px 6px 6px; margin-right: 10px; }

div#up_content {position: relative; float: left; left: 10px; height: 450px; width: 790px; margin-top: 15px;}


div#content {position: relative; background-color: #524A4A; float: left; height: 430px; width: 790px;

-moz-opacity:1;

opacity: 1;

filter:alpha(opacity=100);

}

div#barre_inf {position: relative; background-color: #000000; float: left; height: 28px; width: 790px; margin-top: 10px; padding-bottom: 1px;

}

div#une { position: relative; background-repeat: no-repeat; float: left; left: -158px; height: 200px; width: 458px; top: 110px; background-image: url("../squelettes/images/HV.png") }

/* DEFINITION ELEMENTS TABLE POUR CENTRAGE VERTICAL */
/* ---------------------------------------------------*/
#page-table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
#page-td {
    height: 100%;
    padding: 0;
    vertical-align: middle;
    text-align: center;

}


/* TYPOGRAPHIE DU MENU */
/* ---------------------------------------------------*/
div#nav { font-family: arial, helvetica, verdana; line-height: 1.6em; font-size: 0.8em;}

div#nav ul {
/*list-style-image: url(CSS/images/puce_nav.png);*/
margin-left: 2px;
 }
 
 
.secteur1 {display: block; color:#FFFFFF; height:18px; width: 160px; font-weight: bold; padding-left: 5px; padding-bottom: 1px; text-transform: uppercase; background-color: #524A4A; margin-top:5px;}
ul.sub ul.sub a.on {color:#777777; padding-left: 0px; border-top: 0 solid black; border-bottom: 0 dotted black; border-left: 0px solid black; border-right-color: black; border-right-width: 0; }
ul.sub a.on { color: black; padding-left: 5px; border-top: 0 solid black; border-bottom: 0 dotted black; border-left: 2px solid black; border-right-color: black; border-right-width: 0; }
.sub {font-weight: normal; text-transform: none; padding-left: 1em;}


div#nav a:hover {
color: #333333;
}



/* TYPOGRAPHIE DU CONTENU PRINCIPAL */
/* ---------------------------------------------------*/
div#up_content { font-family: arial, helvetica, verdana; }
div#up_content h2 { font-size: 0.8em; color: white; text-align: left; margin-left: 5px;}
div#content p { font-size: 0.8em; color: white;}
div#content a {text-decoration: underline;}

/* PLACEMENT DES IMAGES SELON PORTRAIT OU PAYSAGE */
/* ---------------------------------------------------*/
#portrait {float: center}
/*#portrait {position: absolute; padding: 10px; top: 30px; left: 8px; border: 1px solid black; -moz-opacity:1; opacity: 1; filter:alpha(opacity=100);}*/
#paysage {float: left;}


.texte_article {font-size: 0.8em; color: white; text-align: left;}


/* TYPOGRAPHIE DE LA PAGINATION */
/* ---------------------------------------------------*/
div#barre_inf a.lien_pagination {font-size: 0.8em; width: 20px; left: 100%; text-align: center; background-color: transparent;}
div#barre_inf .on {text-align: center; font-size: 0.8em; color: white; background-color: grey; border: 3px solid grey;}

.pagination a {text-align: center; font-size: 0.8em; color: white; line-height: 1em; background-color: black; border: 3px solid black; font-weight: normal;}	

img#fg {position: absolute; right: 30px;}
img#fd {position: absolute; right: 10px;}