/*
_______________________________
Desktop version layout - place your custom code here */

body {
    background:black;
}
.title{
 text-align: center;
}
.BlackOnBlack
{
/* this style is for a black text on black ground */
    background:black;
    color: black;
}

.vitrail{
    background-image: url("../images/VitrailBackground.png"); 
    background-repeat:no-repeat;
    background-position: right top;
}

.lantern{
    background-image: url("../images/Lanterne.png"); 
    background-repeat:no-repeat;
    background-position: right top;
}

.menuActive{
	text-align: center;
	height: 10;
	background:#f7c600;
	color: black;
	border: solid;
}
.menuInactive{
    text-align: center;
    height: 10;
    background:#fefec8;
    color: black;
    border: solid;
}

.pMedieval{
	color:#fefec8;
    text-align:justify;
    font-size: 1em;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

/* font-size à 3em et line-height à 1, ce qui correspond en théorie à la hauteur de 2 lignes de texte courant
    et float pour laisser courir le texte */
.pMedieval:first-letter{
    font-family:"Times New Roman,Georgia,Serif";
    float: left;
    font-size: 4em;
    line-height: 1;
    margin-right: 0.2em;
    color: red;
}

.CenterCenter 
{
	text-align: center;
	vertical-align:text-center;
    /*margin: 0.3em 0.3em 0.3em 0.3em;*/
} 

/********* Contact Page specific *********/

.pContactTitle{
	color:#f7c600;
    text-align:left;
    font-size: 1em;
    margin: 0.5em 0.5em 0.5em 0.5em;
}
.pContact{
	color:#fefec8;
    text-align:left;
    font-size: 1em;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

/********* Links Page specific *********/

.pLinksTitle{
	color:#f7c600;
	text-align: center;
    margin: 0.5em 0.5em 0.5em 0.0em;
}
.pLinksTitle img
{
	text-align: center;
	vertical-align:text-top;
} 

.pLinks{
	color:#fefec8;
    text-align:left;
    font-size: 1em;
    margin: 0.5em 0.5em 0.5em 0.5em;
}
.pLinks a:link		{ font-size: 1.2em; color:#f7c600; text-decoration:none; }
.pLinks a:visited	{ font-size: 1.2em; color:#f7c600; text-decoration:none; }
.pLinks a:hover		{ font-size: 1.2em; color:white; text-decoration:underline; }
.pLinks a:active		{ font-size: 1.2em; color:white; text-decoration:underline; }

/********* Calendar Page specific *********/
.calendarYear
{
    font-size: 1.2em;
	color:#f7c600;
	text-align: center;
	vertical-align:text-center;
/*    background-image: url('../images/Separator.jpg'); 
    background-position: center center;
    background-repeat:repeat-x;
*/
}
.calendar{
	color:#fefec8;
    margin: 0.5em 0.5em 0.5em 0.5em;
	text-align: center;
	vertical-align:text-center;
}
.calendar img
{
	text-align: center;
	vertical-align:text-center;
} 
.calendar a
{
	text-align: center;
	vertical-align:text-center;
} 

/********* Gallery Page specific *********/
.gallery
{
    display:inline-table;   
	color:#fefec8;
    margin: 0.5em 0.5em 0.5em 0.5em;
	text-align: center;
	vertical-align:text-center;
}

.gallery img 
{
    margin: 0.5em 0.5em 0.5em 0.5em;
	text-align: center;
	vertical-align:text-center;
}
/*_____________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 480px) {

	.examplecontainer {}

	body {}
	
}


/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}