@import url(font/maiandragd.css);
@import url(font/harabara.css);

html,body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

body
{
	/* fond page */
	background-color: rgb(191,212,220);
	/*background-image: url(../media/fondsombre.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 50% 0%;*/
	
	/* police */
	font-size: 12pt;
	color: white;
	font-family: 'Calibri', 'Lucida Grande', Arial;
}

p:first-letter:not(.citation)
{
	padding-left: 25px;
	font-size: 18pt;
	font-weight: bold;
}

img.image_incluse, img.image_incluse_g, img.image_incluse_d  /* pour les images incluses dans les paragraphes, ne pas oublier le float left ou right sans style */
{
	margin-bottom: 15px;
	margin-top: 30px;
}
img.image_incluse_g{ float: left; margin-right: 20px; }
img.image_incluse_d{ float: right; margin-left: 20px; }

p a.fancy img {
	margin-bottom: 15px;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 20px;
}



span.tab
{
	padding-left: 25px;
}

span.maiandra
{
	font-family: 'Harabara Bold', 'Calibri', 'Lucida Grande', Arial;
	font-size: 11pt;
	letter-spacing: 1px;
}

span.maiandra2
{
	font-family: 'Calibri', 'Lucida Grande', Arial;
	font-size: 13pt;
}

table.tableau_principal tr td.style1, table.tableau_principal tr th.style1,
table.tableau_principal tr td.menu, table.tableau_principal tr th.menu
{
	/* fond menu - titre - actualités */
	background-color: rgb(54,151,190);
	color: white;
}

table.tableau_principal
{
	height: 100%;
	border: 0;
	margin-left:auto;
	margin-right:auto;
}

h1.titre, h2.titre
{
	text-transform: uppercase;
	text-align: center;
	font-family: 'Calibri', 'Lucida Grande';
	font-weight: normal;
}

td.menu a, td.style1 span.effetlien
{
	text-decoration: none;
	font-family: 'Calibri', 'Lucida Grande';
	display: block;
	margin-bottom: 3px;
}

td.menu span.ligne_dessous, td.style1 span.effetlien /* pour les liens du menu avec un trait dessous */
{
	display: block;
	border-bottom: 1px dotted rgb(120,170,190);
	margin-bottom: 3px;

}

td.menu a.lien:link, td.menu a.lien:visited /* lien normal */
{
	color: white;
}

td.menu a.lien:active, td.menu a.lien:hover, td.menu a.lien_selectionne /* lien sélectionné ou hover */
{
	color: rgb(98,189,223);
	/*color: #aaaaaa;*/
}

td.menu span.effetlien,
td.menu span.menu /* style de texte pour les liens du menu */
{
	font-size: 11pt;
	text-transform: uppercase;
}

td.menu span.sous_menu /* style de texte pour les liens des sous-menu */
{
	font-size: 11pt;
	/*font-style: italic;*/
}


td.page
{
	/* fond contenu page - centre - milieu */
	background-color: rgb(98,189,223);
	color: black;
	
	/*background-image: url(../media/background.png);
	background-repeat: repeat;
	background-attachment: fixed;*/
	
	padding: 30px;
	padding-bottom: 20px;
}

td.page a:link, td.page a:visited /* lien de page */
{
	color: black;
	text-decoration: underline;
	font-style: italic;
}

td.page a:active, td.page a:hover /* lien de page survolé */
{
	color: rgb(54,151,190);
	text-decoration: underline;
	font-style: italic;
}

ul.vignettes
{
	list-style-type:none; 
}
ul.vignettes li
{
	/*color: black;*/
	font-size: 10pt;
	float: left;
	height: 100px;
	width: 100px;
	/*background: url(../media/fond_blanc_translucide.png);
	border: 1px solid #c0c0c0;*/
	text-align: center;
	margin: 3px;
}

ul.vignettes img
{
	max-width: 95px;
	max-height: 70px;
	border: 0;
}

input, textarea, select, option
{
	font-family: 'Calibri', 'Lucida Grande', Arial;
	font-size: 11pt;
	color: black;
}

a:link img, a:visited img
{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

a:active img, a:hover img
{
	opacity:0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
}

fieldset
{
	border: none;
	border-bottom: 1px dotted #C6D6E6;
}

.cantoria
{
	font-variant: small-caps;
	font-style: italic;
	font-family: Garamond;
	font-size: 13pt;
}

.cantoriaC
{
	font-size: 17pt;
}

.pied
{
	font-size: 9pt;
}