/* Archives Hautes-Alpes */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFB3;
	color: #403C2F;
	padding: 0px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	list-style-image: url(../images/icones/puce.png);
	}

a:link, a:visited    {
	text-decoration:none;
	color:#4730A3;
}
a:hover   {
	text-decoration:underline;
	color:#0F0067;
}  
p {
	line-height: 16px;
	margin-top: 6px;
	margin-bottom: 8px;
	text-align: justify;
	}

.grand { font-size: 15px; }
ul {
	margin-top: 10px;
	margin-right: 0px;
	padding-left: 10px;
	}
li {
	text-align: justify;
	margin-left: 10px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 16px;
	margin-right: 0px;
}
h1   {
	font-size:22px;
	color: #332119;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2   {
	font-size:16px;
	color: #4D3124;
	margin-bottom: 8px;
	font-weight: normal;
	margin-top: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3   {
	font-size:16px;
	color: #996B82;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 25px;
	background-image: url(../images/icones/frisebas_h3.gif);
	background-position: center bottom;
	text-align: center;
	background-repeat: no-repeat;
	padding-bottom: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4   {
	line-height: 16px;
	margin-top: 6px;
	margin-bottom: 4px;
	text-align: justify;
	font-size: 12px;
	color: #330C40;
	text-transform: uppercase;
}
h5 {
	font-size: 11px;
	font-weight: bold;
	color: #A19D7F;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	clear: left;
}
h5 a:link, h5 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #4730A3;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	border: 1px solid #4730A3;
	margin-right: 2px;
	margin-left: 2px;
}
h5 a:hover {
	background-color: #0F0067;
	border-top-color: #0F0067;
	border-right-color: #0F0067;
	border-bottom-color: #0F0067;
	border-left-color: #0F0067;
}
h6 {
	margin-top: 6px;
	margin-bottom: 8px;
	text-align: justify;
	font-size: 10px;
	font-weight: normal;
	color: #807B5F;
	line-height: 15px;
	}

.fichier {
	background-image: url(../images/icones/fichier.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 33px;
	padding-bottom: 4px;
}
.e_mail {
	background-image: url(../images/icones/mail.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	background-position: 0px 3px;
}
.infos {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.infos a{
	background-image: url(../images/icones/infos.gif);
	height: 20px;
	width: 21px;
	display: block;
}
.infos a:hover {
	background-position: -21px 0px;
	text-decoration: none;
}

.infos span { visibility: hidden; }
.rechercher:link, .rechercher:visited {
	background-image: url(../images/icones/rechercher.png);
	background-repeat: no-repeat;
	padding-left: 27px;
	background-position: 4px 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.agha:link, .agha:visited {
	background-image: url(../images/icones/fleche_agha.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 0px 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #ECA11B;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.agha:hover { background-color: #ff7c00; }
.visualiser   {
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-block;
	padding: 0px;
	line-height: normal;
}
.visualiser a{
	background-image: url(../images/icones/visualiser.gif);
	display: block;
	height: 25px;
	width: 25px;
}
.visualiser a:hover      {
	background-position: -25px 0px;
	text-decoration: none;
}

.visualiser span { visibility: hidden; }
td h5   {
	margin-top: 2px;
	margin-bottom: 2px;
}
td h6  {
	display: inline-block;
	vertical-align: text-bottom;
}
hr  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DAD691;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}

.filet_invisible {
	margin: 0px;
	padding: 0px;
	height: 1px;
	border-top-style: none;
}

blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
}

.cadre_image {
	border: 3px solid #FFFFFF;
	margin-bottom: 10px;
}
.cadre_image_droite {
	border: 3px solid #FFFFFF;
	margin-left: 12px;
	float: right;
	margin-bottom: 10px;
}


#tetiere {
	margin-bottom: 11px;
	background-image: url(../images/interface/tetiere/tetiere_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0px 25px;
}
#outils {
	background-image: url(../images/interface/tetiere/debut_tetiere.gif);
	background-repeat: no-repeat;
	background-color: #C8C1CF;
	height: 25px;
	padding-left: 20px;
	text-align: right;
}
#outils input  {
	height:12px;
	font-size:10px;
	vertical-align: middle;
	width: 170px;
	color: #4C3366;
	padding: 2px;
}
#central {
	float: left;
	padding-top: 15px;
	padding-bottom: 10px;
}
#cadre_central {
	padding: 10px;
	background-color: #FAFADC;
	float: left;
	width: 544px;
}

#XL #cadre_central { width: 775px; }
.filrouge {
	font-size: 10px;
	color: #785C99;
	background-image: url(../images/interface/filrouge.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	padding-top: 1px;
	margin-top: 0px;
	margin-bottom: 8px;
	padding-bottom: 2px;
	line-height: normal;
	}

#XL .filrouge { width: 755px; }
.filrouge a {
	color: #785C99;
	text-decoration: none;
	font-weight: normal; 
	}
.filrouge a:hover {
	color: #785C99;
	text-decoration: underline;
	}

.signature {
	text-align: left;
	font-size: 10px;
	color: #9A986A;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 195px;
	margin: 0px;
	clear: both;
}
.signature a:link, .signature a:visited  {
	color: #9A986A;
	font-weight: normal;
	text-decoration: none;
}
.signature a:hover   { text-decoration:underline; }

#resultat_iconographique {
	width: 31%;
	float: left;
	margin-right: 2%;
}

#resultat_iconographique img { border: 2px solid #403F2B; }

#resultat_iconographique h3 {
	background-image: none;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #4D4C35;
	font-size: 14px;
}

#resultat_iconographique p {
	margin-top: 5px;
	font-size: 11px;
	text-align: center;
}

#resultat_iconographique h6 { text-align: center; }

.vignette {
	border: 2px solid #403F2B;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}
#vignette_phototheque embed {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #5A44A0;
}
.vignette_et_legende {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #B4B369;
	margin-top: 10px;
	background-color: #FAFADC;
	width: 200px;
}
.vignette_et_legende img { border: 2px solid #403F2B; }
.vignette_et_legende p {
	font-style: italic;
	color: #67663C;
	margin-left: 10px;
	text-align: left;
}

.vignette_et_legende h2 {
	margin-left: 10px;
	color: #4D4C2B;
}


/* ---------- TABLEAUX ------------- */
fieldset {
	padding: 10px;
	border: 1px solid #CECA74;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;
}
legend {
	font-size: 12px;
	font-weight: normal;
	color: #9A9562;
	background-color: #FAFADC;
	padding-right: 5px;
	padding-left: 5px;
  }
  table{ border-collapse:collapse ; }
th, td.tableauentete{
	font-weight: bold;
	background-color: #807E5F;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FAFADC;
	}
td.tableauligneseule {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B5AA74;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	font-size: 11px;
	}
	
td.tableausansligne {
	padding: 2px;
	}
td.tableauresultat p, td.tableauresultatroll p, td.tableauligneseule p, td.tableauligneseule h6, td.tableausansligne p, td.tableausansligne h6, td.tableauresultat h6, td.tableauresultatroll h6 {
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}
td.tableauresultat {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 2px 4px 2px 6px;
	background-color: #F3F3C2;
	}
td.tableauresultatroll {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 2px 4px 2px 6px;
	background-color: #FFFFFF;
	}

td.tableau_ligne0 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #B5A878;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
}
td.tableau_ligne1 {
	background-color: #F4F2BE;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5A878;
}

/* ---------------------------------- */

.references, .references a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #B3B38E;
	font-weight: normal;
}

#dossiers_pedagogiques { height: 257px; }

#dossiers_pedagogiques #periode_1 {
	background-image: url(../images/interface/dossiers_pedagogiques/periode_1.jpg);
}

#dossiers_pedagogiques #periode_2 { background-image: url(../images/interface/dossiers_pedagogiques/periode_2.jpg); }

#dossiers_pedagogiques #periode_3 { background-image: url(../images/interface/dossiers_pedagogiques/periode_3.jpg); }

#dossiers_pedagogiques #periode_4 {
	background-image: url(../images/interface/dossiers_pedagogiques/periode_4.jpg);
}

#dossiers_pedagogiques #periode_5 { background-image: url(../images/interface/dossiers_pedagogiques/periode_5.jpg); }

#dossiers_pedagogiques #periode_6 { background-image: url(../images/interface/dossiers_pedagogiques/periode_6.jpg); }

#dossiers_pedagogiques a {
	display: block;
	height: 257px;
	width: 128px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	float: left;
}
#dossiers_pedagogiques a:hover , .dossier_on{
	background-position: -128px 0px;
	text-decoration: none;
}

#dossiers_pedagogiques span { visibility: hidden; }

#liste_resultat img {
	float: right;
	margin-left: 15px;
	border: 1px solid #807E58;
	margin-bottom: 5px;
}

#liste_resultat li {
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D0CA71;
	padding-top: 5px;
	padding-bottom: 5px;
}

#liste_resultat li:first-child { border-top-style: none; }