/*
Feuille de style principale
Auteur -> Yves Tannier / David Bergeret
Contact -> yvestan@gmail.com
 */
html, body {height:100%}

body {
	margin : 0;
	padding : 0;
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.8em;
	/*background : #fff url(../../NAVPICS/fond_bleu.png) no-repeat;
	background-position: top right;*/
}

p { margin : 1em 0; }

img {
	border : none;
	vertical-align: middle;
}

h1 { font-size : 1.4em; margin : 0.67em 0; }
h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

code,pre { font-family : "Courier New",monospace; font-size : 1em; }

q { font-style : italic; }

a {	color : #006699; }
a:hover { text-decoration : none; }

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
	background : transparent;
}

h2, h3 {
	font-family : Georgia,"Times New Roman",serif;
}	

/* Bandeau de haut de page
-------------------------------------------------------- */
#header {
	background : url(../../NAVPICS/bandeau_haut.jpg) no-repeat;
	background-position: top left;
	top : 0;
	margin : 0;
	padding : 0;
}
html>body #header {
	margin-bottom: -3px;
}	

/* Conteneur du menu et du contenu
-------------------------------------------------------- */
#complet {
	background:url(../../NAVPICS/menu_filet.jpg) repeat-y 0 0;
	padding-left: 15px;
}	

/* Contenu de la page
-------------------------------------------------------- */
#principal {
	margin-left: 220px;
	padding: 10px;
	}
#main {
	background : #fff url(../../NAVPICS/fond_bleu.png) no-repeat;
	background-position: top right;
	padding: 10px;
	border: 1px solid #C6DFE8;
	border-right: 4px solid #C6DFE8;
	border-bottom: 4px solid #C6DFE8;
	border-left: 1px solid #C6DFE8;
	border-top: 1px solid #C6DFE8;
	
}

#main li, #main ul {
	list-style-type: square;
	color: #000066;
}

#main p {
	text-align:justify;
}

#main .description {
	margin: 0;
	padding: 0;
	margin-left: 24px;
	color: #000066;
}

#main h3 {
	margin-bottom: 2px;
}

/* Menu
-------------------------------------------------------- */
#menu{
	float:left;
	background : #fff url(../../NAVPICS/fond_menu.jpg) repeat-x;
	background-position: top right;
	border-left: 2px solid #00CC00;
	border-right: 2px solid #00CC00;
	width: 200px;
	/*\width: 220px; /* hack pour IE */
	/*w\idth: 200px;*/
	height: 800px;
	color: #006699;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding:0;
} 

#menu li {
	padding: 0;
	margin: 0; 
}

#menu a {
	padding: 4px 2px 4px 4px;
	margin: 0;
	height: 18px;
	display: block;	 
    text-decoration: none;
    color: #006699;
	font-weight: bold;
}

html>body #menu a {
    height: auto;
    }

	 
#menu a:hover {
    background: #C6DFE8;
}

#menu a:active {
    background: #00CC00;
    color: #fff;
}

#menu .ssmenu a {
	padding-left: 8px;
	margin: 0;
    text-decoration: none;
    color: #006699;
	display: block;
	font-weight: normal;
	font-size: 10px;
}

#menu .ssmenu a:active {
    background: #00CC00;
    color: #fff;
}

/* Footer
-------------------------------------------------------- */
#footer {
	position : absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
}

#footer p {
	font-size: 10px;
	text-align : left;
	line-height : 1.6em;
}

/* le formulaire de recherche
-------------------------------------------------------- */	
#recherche_form {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px;
	font-size: 10px;
	/* background-color: #6C9BBC; */
	margin-bottom: 25px;
}
#recherche_form h1 {
	padding-top: 10px;
	margin: 3px;;
	color: #006699;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
}
#recherche_form input {
	color: #000;
	font-size: 11px;
	padding: 2px;
	width: 120px;
	background-color: #ecebef;
	border: 1px solid #04679A;
}	
.boutrecherche {
	margin-left: 5px;
	background : #ccc;
	color : #336;
	font-weight: bold;
	font-size: 12px;
	cursor:pointer;
}
.recherchetype {
	color: #fff;
	font-size: 11px;
	background-color: #679E78;
	border: 1px solid #336;
}

/* Formulaires
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background : #eee;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #036;
	color : #fff;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

/* Classes diverses
-------------------------------------------------------- */
.petit {
	font-size : 0.85em;
}
.erreur {
	color: red;
	font-weight: bold;
}	
.nonvu {
	clear: left;
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
	}
.separe {
	margin-top: 20px;
	border: 0;
 	color: #ccc;
	background-color: #ccc;
	height: 1px;
	}
.hypergeo {
	text-decoration : none;
	border-bottom: 1px dotted black;
	padding-right: 15px;
	background : transparent url(../../NAVPICS/help.gif) no-repeat;
	background-position:  bottom right;
}
#menu .logos {
	text-align: center;
	margin-top: 15px;
}
#menu .logos a:hover {
	background: transparent;
	text-decoration : none;
}
#map a {
	text-decoration: none;
}
#map ul a {
	font-size: 11px;
	color: #000;
}