/*------ GLOBAL ------*/
/*corps*/
Body{
 color:#CC3300;
 text-decoration-color: #00000
}
/*les liens*/
A  { font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
A:link  { color: #3150CB; text-decoration: none }
A:visited  { color: #3150CB; text-decoration: none }
A:hover { color: #CC3300; text-decoration: underline }

/*les titres*/
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 36px; FONT-FAMILY: Cambria,"Times New Roman", Georgia, Times
}
H2 {
	FONT-SIZE: 34px; FONT-FAMILY: Cambria, "Times New Roman", Georgia, Times
}
H3 {
	FONT-SIZE: 16px; FONT-FAMILY: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
}
H4 { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }

.titreprinc { FONT-WEIGHT: bold; FONT-SIZE: 52px; FONT-FAMILY: Cambria,"Times New Roman", Georgia, Times 	}

/*les tableaux */
TD { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

/*les images*/
.imgborder1 { border: solid 1px black }
.imgborder2 { border:2px solid #000;}
.imgborder3 {border:3px solid #000 ;}

.icone { position: relative; left: -4pt }
.pub { color: red; font-style: italic; font-weight: bold; text-decoration: underline blink }

.rubrique {
	background-color: #F5EFEB;
}
/*effet de zoom*/
.rubrique div a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.rubrique div:hover a img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* effet N&B */
.personnage div img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.personnage div:hover  img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

audio{
width: 300px;
height: 40px;
}

/*------ PAGES INDEX ------*/
.journal{color:#FF8000;}

.imgResume { margin-right: 10px; margin-left: 10px }
.imgResumeCollee { }
.chapitre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border: thin outset #CCCCCC;
	padding: 5px;
	background-color: #666666;
	color: #FFFFFF;
	font-style: normal;
	height: 32px;
	width: auto;
	margin: 2px 1px;
}
A.chapitre:link,A.chapitre:visited {
	color: #FFFFFF;
	text-decoration: none;
}
A.chapitre:hover {
border: thin inset #CCCCCC;
}
.banniere {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;
	height: 30px;
	width: 1000px;
	font-size: 9pt;
	vertical-align: middle;
}
A.banniere:link,A.banniere:visited,A.banniere:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*effet de zoom*/
.goodies div a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.goodies div:hover a img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*------ PAGES ZORRO ------*/
.touchzone{cursor:pointer}
.nuit{color:#ffff99;}
A.nuit:link,A.nuit:visited{color:#ffffff;}
A.nuit:hover{Color:#FF0000;Text-decoration: none;}

/*------ PAGES GARCIA ------*/
/*effet de zoom*/
.garcia-commandant div a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.garcia-commandant div:hover a img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* effet de Flou */
.garcia-ambition div a img {
	-webkit-filter: blur(2px);
	filter: blur(2px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	
}
.garcia-ambition div:hover a img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/*------ PAGES MONASTORIO ------*/
/*Z activities*/
.scriptMonastorio  { font-size: medium; font-family: "Rage Italic", Mistral, Pristina, "John Handy LET", "Vladimir Script" }
.scriptGarcia   { font-size: medium; font-family: "Script MT Bold", "Monotype Corsiva", "Bradley Hand ITC", "ParkAvenue BT" }
.scriptGarciaTitle    { font-size: x-large; font-family: "Script MT Bold", "Monotype Corsiva", "Bradley Hand ITC", "ParkAvenue BT"; text-decoration: underline }

/*------ PAGES DIEGO ------*/
/*effet de zoom*/
.diego-costume div a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.diego-costume div:hover a img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}