@charset "utf-8";
/* LAYOUT.CSS des Rivages du Dragon
Les chiffres contiennent du CSS structural au site.
Les lettres contiennent du CSS spécifiques à certains pages ou contenus.

0. PRIORITAIRE
1. PARTIES
2. HEADER / MENU / FOOTER
3. TITRES
4. ESPAÇAGES
5. LIENS SPÉCIAUX
6. PARAGRAPHES / TEXTES
7. IMAGES
A. PAGE D'ACCUEIL
_______________________________________________________________________ */
/* #0. PRIORITAIRE */

@font-face {
	font-family: "Titlefont";
	src: url('miseenpage/fonts/LithosPro-Black.ttf');
}

/* Structure globale */
body { 
	font-family: Tahoma, Geneva, Kalimati, "Lucida Sans Unicode", sans-serif; 
	color: #290F42;
	font-size: 18px;
	text-align: justify;
	min-height: 900px;
	overflow: auto;
	background-color: #3CBBC6;
	background-image: url('miseenpage/backgrounds/fondsite_base.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
}

/* Cadre du contenu */
.centragedusite {
	border: 1px solid;
	border-color: transparent;
	min-width: 927px;
	max-width: 1200px;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
	margin-top: -15px;
}

p {
	padding: 0;
	margin: 0;
	margin-bottom: 18px;
	text-indent: 35px;	
}

/* Texte caché */
.hiddentext {
	display: none;
}

/* #1. PARTIES */

.part_gauche {
	border: 0px solid #000;
	width: 200px;
	float: left;
}

.part_droite {
	border: 0px solid #FFF;
	margin-left: 230px;
}

.part_logo {
	border: 0px solid #0FF;
	height: 110px;
	background-image: url('miseenpage/bannieres/menutop.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.part_menu {
	border: 0px solid #0F0;
	padding-top: 25px;
	min-height: 550px;
}

.part_header {
	border: 0px solid #F0F;
	height: 80px;
	margin-bottom: 10px;
	margin-top: 35px;
}

.part_conteneur {
	border: 0px solid #FF0;
	min-height: 700px;
	background-image: url('miseenpage/backgroundsdiv/opacite75b.png');
	background-repeat: repeat;
	background-color: #DDDDDD;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	box-shadow: 0px 0px 0px 0px #FFFFFF;
}

.part_footer {
	border: 0px solid #F00;
	width: 200px;
	height: 150px;
	float: left;
	position: relative;
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-image: url('miseenpage/backgroundsdiv/opacite60.png');
	background-repeat: repeat;*/
	z-index: 1;
}

.part_barrenavigation {
	border: 0px solid #0FF;
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-image: url('miseenpage/backgroundsdiv/opacite60.png');
	background-repeat: repeat;*/
	margin-left: 230px;
}

/* #2. HEADER / MENU/ FOOTER */

.header_banniere {
	font-family: "Titlefont", Tahoma, sans-serif;
	font-size: 55px;
	padding-top: 5px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 2px 2px 1px #401767;
}

.header_banniere:hover {
	cursor: pointer;
	color: #401767;
	text-shadow: 2px 2px 1px #FFFFFF;;
}

.menu_spyro1 {
	border: 0px solid #F60;
	width: 210px;
	height: 125px;
	background-image: url('miseenpage/menus/spyrothedragon_menu.png');
	opacity: 0.5;
	background-repeat: no-repeat;
}

.menu_spyro1:hover {
	background-image: url('miseenpage/menus/spyrothedragon_menu.png');
	opacity: 1;
	background-repeat: no-repeat;
	cursor: pointer;
}

.menu_spyro2 {
	border: 0px solid #F60;
	width: 210px;
	height: 125px;
	background-image: url('miseenpage/menus/spyro2gtg_selected.png');
	background-repeat: no-repeat;
}

.menu_spyro2:hover {
	background-image: url('miseenpage/menus/spyro2gtg_menu.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.menu_spyro3 {
	border: 0px solid #F60;
	width: 210px;
	height: 125px;
	background-image: url('miseenpage/menus/spyro3yotd_selected.png');
	background-repeat: no-repeat;
}

.menu_spyro3:hover {
	background-image: url('miseenpage/menus/spyro3yotd_menu.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.menu_encyclopedie {
	border: 0px solid #F60;
	width: 210px;
	height: 125px;
	background-image: url('miseenpage/menus/encyclopedie_selected.png');
	background-repeat: no-repeat;
}

.menu_encyclopedie:hover {
	background-image: url('miseenpage/menus/encyclopedie.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.footer_notes {
	border: 0px solid #F60;
	text-align: right;
	color: #290F42;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	width: 200px;
	height: 150px;
	vertical-align: middle;
	padding-right: 10px;
}

.barrenavigation_plandusite {
	border: 0px solid #F60;
	color: #290F42;
	font-size: 14px;
	margin-top: -20px;
}

.barrenavigation_plandusite_centrage {
	border: 0px solid #F60;
	margin: auto;
	width: 660px;
	height: 150px;
}

.barrenavigation_plandusite_spyro1 {
	border: 0px solid #F60;
	margin: auto;
	width: 145px;
	height: 150px;
	padding-right: 10px;
	float: left;
}

.barrenavigation_plandusite_spyro2 {
	border: 0px solid #F60;
	margin: auto;
	width: 145px;
	height: 155px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.barrenavigation_plandusite_spyro3 {
	border: 0px solid #F60;
	margin: auto;
	width: 145px;
	height: 155px;	
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.barrenavigation_plandusite_encyclopedie {
	border: 0px solid #F60;
	margin: auto;
	width: 145px;
	height: 155px;
	padding-left: 10px;
	float: left;
}

.barrenavigation_plandusite_titresection {
	color: #290F42;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	padding-bottom: 10px;
}

.barrenavigation_plandusite_elementsection {
	color: #290F42;
	font-size: 12px;
	text-align: right;
}


/* #3. TITRES ET SECTIONS */

.conteneur_titrepage {
	border: 0px solid #F60;
	font-family: "Titlefont", Tahoma, sans-serif;
	font-size: 26px;
	color: #401767;
	font-variant: small-caps;
	position: relative;
	padding-left: 50px;
	padding-right: 20px;
	margin-bottom: 20px;
	background-image: url('miseenpage/puces/sparxpuce.png');
	background-repeat: no-repeat;
	background-position: 10px 6px;
	/*box-shadow: inset -5px -5px 5px #CDCDCD;*/
}

.conteneur_titrepage_noillustr {
	border: 0px solid #F60;
	font-family: "Titlefont", Tahoma, sans-serif;
	font-size: 26px;
	color: #401767;
	font-variant: small-caps;
	position: relative;
	padding-left: 50px;
	padding-right: 20px;
	margin-bottom: 20px;
}

/* #4. ESPAÇAGES */

.espace_petit {
	height: 10px;	
}

.espace_base {
	height: 20px;	
}

.espace_entresections {
	background-image: url('miseenpage/puces/sep_horizontale.png');
	background-repeat: repeat-x;
	height: 5px;
	margin-left: 21px;
	margin-right: 21px;
	margin-top: 12px;
	margin-bottom: 13px;
}

/* #5. LIENS SPÉCIAUX */

.lien_horsconteneur {
	color: #290F42;
}

.lien_horsconteneur a:link {
	color: #290F42;
	text-decoration: none;
	border-bottom: 0px solid #FFFFFF;
	margin-bottom: -2px;
	font-variant: small-caps;
}

.lien_horsconteneur a:visited {
	color: #290F42;
	text-decoration: none;
	border-bottom: 0px solid #FFFFFF;
	margin-bottom: -2px;
	font-variant: small-caps; 
}
.lien_horsconteneur a:hover {
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: -2px;
	border-bottom: 2px solid #FFFFFF;
	text-shadow: 2px 2px 1px #290F42;
	font-variant: small-caps;
 }

.lien_horsconteneur a:active {
	color: #290F42;
	text-decoration: none;
	margin-bottom: -2px;
	border-bottom: 2px solid #290F42;
	text-shadow: 2px 2px 1px #FFFFFF;
	font-variant: small-caps;
}

/* #6. PARAGRAPHES / TEXTES */

/* #7. IMAGES */

.image_carreillustr {
	padding: 0px;
	box-shadow: 0 0 2px 1px #282828;
	background-repeat: repeat;
}

.image_miniillustr {
	padding: 0px;
	box-shadow: 0 0 2px 1px #282828;
	background-repeat: repeat;
}

/* #A. PAGE D'ACCUEIL */

.accueil_blocintro {
	border: 0px solid #F60;
	margin-bottom: 50px;
}

.accueil_titreintro {
	border: 0px solid #F60;
	font-family: "Titlefont", Tahoma, sans-serif;
	font-size: 22px;
	color: #401767;
	font-variant: small-caps;
	margin-bottom: 10px;
	padding-left: 10px;
	/*box-shadow: inset 0px -5px 5px #DBDBDB;*/
}

.accueil_bloccontenuintro {
	border: 0px solid #F60;
	min-height: 160px;
}

.accueil_texteintro {
	border: 0px solid #000;
	margin-right: 155px;
	padding-right: 20px;
}

.accueil_illustrintro {
	border: 0px solid #FFF;
	float: right;
}

.accueil_blocmaj {
	border: 0px solid #F60;
	margin-bottom: 30px;
}

.accueil_titremaj {
	border: 0px solid #F60;
	font-family: "Titlefont", Tahoma, sans-serif;
	font-size: 22px;
	color: #401767;
	font-variant: small-caps;
	margin-bottom: 10px;
	/*box-shadow: inset 0px -5px 5px #DBDBDB;*/
}

.accueil_textemaj {
	border: 0px solid #F60;
}