/**********************************************************************
							STYLES GLOBAUX
***********************************************************************/

body {
	margin: 0;
    padding: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#main {
	width: 700px;
    margin: 0;
}
fieldset {
	border: none;
}
img {
	margin: 0;
	border: none;
}
form {
	margin: 0;
}
#titre {
	width: 100%;
	margin: 0 0 32px 0;
	font-size: 24px;
	text-align: center;
}
.chapeau {
	font-weight: bold;
}
#cnil {
	font-size: 10px;
}
a {
	color: #000;
    text-decoration: none;
}
.collaboration {
	font-size: 14px;
    text-align: right;
}

/**********************************************************************
							ELEMENTS INCLUS
***********************************************************************/

/************************************
			ENTETE DE PAGE
*************************************/
#bandeau {
	display: none;
}
.bandeau3 {
}
#bandeau_print {
	display: block;
    text-align: center;
    font-size: 12px;
}
#bandeau img {
	display: block;
}
#entete {
    width: 770px;
    margin: auto;
    padding: 0 0 30px 0;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
}
#entete #gauche {
	display: none;
}
#entete #droite {
	display: none;
}
#entete #droite #vignette {
	display: none;
}
#entete #titre {
    margin-top: 38px;
    font-size: 32px;
    text-align: center;
}
#entete #soustitre {
    font-size: 24px;
    text-align: center;
}
#entete img {
	display: block;
}
#entete #droite img {
	display: inline;
}
#menu2 {
	display: none;
}
#periode {
	display: none;
}
#jour {
	display: none;
}
#longueur {
	display: none;
}

/************************************
		PAVE D'IDENTIFICATION
*************************************/
#nhpc_form {
	display: none;
}

/************************************
			DEVINETTE
*************************************/
#devinette {
	display: none;
}

/************************************
		COLONNE DE GAUCHE
*************************************/
#col_gauche {
	display: none;
}
/************************************
		COLONNE DE DROITE
*************************************/
#col_droite {
	width: 700px;
    text-align: left;
    float: right;
    float: none;
}
#col_droite .inter {
	width: 100%;
    margin: 24px 0;
	font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: #600;
    clear: both;
}
#col_droite .inter2 {
	width: 100%;
    margin: 24px 0;
	font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: #600;
    clear: both;
}
#col_droite .encadre {
	width: 100%;
    margin: 16px 0;
    padding: 4px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #000;
	font-family: "Times New Roman", Times, serif;
    font-size: 16px;
	text-align: left;
    color: #000;
    overflow: visible;
}
#col_droite .encadre .titre {
	width: 100%;
	margin: 14px;
	font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: #600;
    text-align: center;
}
#col_droite img, .gauche {
	margin: 0 3px 0 0;
    float: left;
}
#col_droite .droite, .droite {
	margin: 0 0 0 3px;
    float: right;
}
#col_droite .centre {
	width: 100%;
   	text-align: center;
}
#col_droite .centre img {
    float: none;
}

#ina {
	display: none;
}

/************************************
		NAVIGATION MULTI-PAGES
*************************************/
#nav_dates {
	display: none;
}
#nav_avant {
	display: none;
}
#nav_apres {
	display: none;
}
.nav_prec {
	display: none;
}
.nav_next {
	display: none;
}
#col_droite .nav_next img, .nav_prec img {
	display: none;
}

/************************************
			PIED DE PAGE
*************************************/
#menu_mic, #pratique, #footer {
	display: none;
}
#footer a {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}
#footer a:hover {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #ed0000;
	text-decoration: none;
}
#menu_bas {
	display: none;
}
#suite {
	margin: 25px  0 0 0;
	width: 100%;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: #660000;
}
#compteur {
	display: none;
}
#pop-up {
	display: none;
}
#bas_page {
	display: none;
}
#reaction {
	display: none;
}
#footer_print {
	display: block;
    margin: 20px auto;
    font-size: 14px;
}


/**********************************************************************
				ELEMENTS SPECIFIQUES A UNE RUBRIQUE
***********************************************************************/

/************************************
			OUVERTURES
*************************************/
#ouverture {
    margin: 0;
	color: #000000;
}
#ouverture #colonne_1, #ouverture #colonne_2, #ouverture #colonne_3 {
	width: 265px;
    padding-top: 25px;
    text-align: left;
    float: left;
}

#ouverture #colonne_3 {
	width: 240px;
}
#ouverture .rubrique, #ouverture .chapeau {
    width: 240px;
    margin-bottom: 15px;
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
#ouverture .chapeau {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
    font-weight: bold;
	color: #000;
}
#ouverture .titre_rubrique {
    height: 22px;
	margin-bottom: 5px;
    padding: 0 3px;
	border: 1px solid #cccccc;
	background-color: #fcfddf;
    line-height: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	color:#660000;
}
#ouverture #main img {
	display: block;
	margin: 1px 3px 0 0;
    float: left;
}
#ouverture #colonne_1 img, #ouverture #colonne_2 img, #ouverture #colonne_3 img {
	margin: 0 3px 0 0;
    float: left;
}
#ouverture #main .rubrique a .droite {
	float: right;
}
#ouverture .encadre {
	padding: 3px;
	border: 1px solid #666;
	background: #fcfddf;
}
#ouverture #main a:link, #ouverture #main a:visited {
	color: #000;
    text-decoration: none;
}

/************************************
			INTRODUCTION
*************************************/
#intro {
	background-color: #f7fae2;
}
#intro #entete #titre, #intro #entete #soustitre {
	color: #660000;
}

/************************************
			CITATIONS
*************************************/
#citations {
	background-color: #f8ecc8;
}
#citations #entete #titre, #citations #entete #soustitre {
	color: #660000;
}
#chapeau {
    width: 100%;
	margin: 0 0 30px 0;
	font-family: "Times New Roman", Times, serif;
    color: #660000;
    text-align: center;
    overflow: auto;
    clear: both;
}
#menu_epoques {
	width: 768px;
    margin: 15px auto;
    padding: 5px 0;
    background-color: #fcfddf;
    border: 1px ridge #fcfddf;
	font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    color: #660000;
    overflow: auto;
}
#menu_epoques .item {
	width: 153px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    float: left;
}
#menu_epoques .item a:link {
    text-decoration: none;
    color: #660000;
}
#menu_epoques .item a:visited {
    text-decoration: none;
    color: #ff0000;
}
.liste {
	width: 770px;
    padding: 0;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #000000;
}
.liste .initiale {
	width: 100%;
    margin: 20px 0 5px 0;
    background-color: #fcfddf;
    text-align: center;
    font-size: 22px;
    color: #660000;
    clear: both;
}
.liste .item {
	width: 24%;
    margin: 0;
    padding-left: 5px;
    float: left;
}
.auteur, .auteur_dates {
    margin: 0 0 18px 0;
    background-color: #fcfddf;
	font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    color: #660000;
}
.auteur_dates {
    float: right;
}
.citation {
    margin: 0 0 18px 0;
    font-size: 13px;
}
.recit {
    margin: 0 0 18px 0;
    font-size: 12px;
}
.recit img {
    margin: 0 2px 0 0;
    float: left;
}
#citations .separation {
	width: 100%;
    height: 30px;
    text-align: center;
}
#citations .separation img {
	margin-left: 234px;
}
.plus {
	font-size: 75%;
}
.plus_nonAH {
	font-size: 75%;
    color: #dddddd;
}
.antho_auteur {
	width: 28%;
    margin: 0;
	font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    color: #660000;
    float: left;
}
.antho_citation {
	width: 70%;
    margin: 0 0 10px 0;
    padding: 2px;
    background-color: #fcfddf;
    font-size: 14px;
}
#moteur_citations {
    width: 212px;
    margin: 0;
    padding: 4px;
    background-color: #fcfddf;
    border-style: ridge;
    border-width: 2px;
    border-color: #fcfddf;
	font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #660000;
    float: left;
}
.source {
	margin: 5px 0 0 8px;
	font-size: 11px;
}

/*--------------
	EVENEMENTS
----------------*/
#evenement {
	background-color: #fbeccc;
}
#evenement_titre {
	width: 770px;
    margin: auto;
    margin-bottom: 30px;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 32px;
    color: #660000;
    text-align: center;
}

/*--------------
    ALMANACH
----------------*/
#jours #col_droite .encadre .titre {
	font-size: 20px;
}
#bas_contenu {
	text-align: center;
}

.calendrier {
    width: 204px;
    height: 160px;
	border: solid 1px #ccc;
	margin: 3px 21px;
    float: left;
}
.calendrier table {
    width: 202px;
}
.calendrier tr {
	line-height: 12px;
}
.calendrier .text {
    text-align: center;
    font: x-small/1.5em Arial;
    color: black;
}
.calendrier .text_mois {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: black;
}
.calendrier .datejour {
	background-color: #660000;
    text-align: center;
}
.calendrier .datejour a {
    font: x-small/1.5em Arial;
    color: white;
}
.calendrier .datejour a:hover {
    font: x-small/1.5em Arial;
    color: #339933;
}
.calendrier .date {
	background-color: #fcfddf;
    text-align: center;
}
.calendrier .date a {
    font: x-small/1.5em Arial;
    color: black;
}
.calendrier .date a:hover {
    font: x-small/1.5em Arial;
    color: #339933;
}
.calendrier .date_fete, .calendrier .date_commemo {
	background-color: #339933;
    font: x-small/1.5em Arial;
    text-align: center;
    color: white;
}
.calendrier .date_fete a, .calendrier .date_commemo a {
    color: white;
}
.calendrier .date_commemo {
	background-color: #009;
}
#bulle {
	position: absolute;
	visibility : hidden;
	border: 1px ridge #660000;
	padding: 5px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #fdf7d4;
    color: #660000;
}
#bulle img {
	margin: 4px;
	float: left;
}

/************************************
			SCELLIUS
*************************************/
#scellius #col_gauche {
	padding-top: 0;
    text-align: left;
}
#form_ident {
	width: 490px;
    font-size: 12px;
    text-align: right;
}
#form_ident input {
	width: 220px;
    font-size: 12px;
}

/************************************
			CARTES
*************************************/
#cartes {
	background: #efeddc;
}
#cartes #titre {
    font-size: 18px;
    color: #600;
}
#cartes #main {
    margin-bottom: 0;
	text-align: center;
}
#cartes #footer {
	font-size: 12px;
}