﻿/* ##################### LAYOUT.CSS DE CRASH LAND ##################### 
0. PRIORITAIRE
1. STRUCTURE DES PAGES
2. STRUCTURE DES PARAGRAPHES ET LISTES
3. APPARENCE DES TEXTES
4. APPARENCE DES SECTIONS
5. APPARENCE DU  JAVASCRIPT ET DES PLUGINS
6. APPARENCE DES BORDURES DE LIENS
7. APPARENCE DES BLOCS DE CONTENU
8. APPARENCE DES IMAGES
9. APPARENCE DU  HEADER ET FOOTER
10. APPARENCE DE  PAGE D'ACCUEIL
11. PUBLICITÉS
_______________________________________________________________________ */
/* #0. PRIORITAIRE */

@font-face {
	font-family: ComicSerifPro;
	src: url('images/font/comicserifpro.otf');
}

/* ____________________________________________________________________ */
/* #1. STRUCTURE DE LA PAGE */

/* Structure globale */
body { 
	background-color: #304E5E;
	font-family: Tahoma, Geneva, Kalimati, Lucida Sans Unicode, sans-serif; 
	color: #FFFFFF;
	font-size: 16px;
	text-align: justify;
	margin: 0;
	min-height: 900px;
	background-image: url('images/colorimetrie/bann_top_color.png'), url('images/backgrounds/bottom.png'), url('images/backgrounds/bg.png');
	background-repeat: repeat-x, repeat-x, repeat;
	background-position: top center, bottom center, center center;
	overflow: auto;
}

/* Cadre du contenu */
.cadrearticle {
	border: 0px solid #C39;
	min-width : 915px;
 	max-width: 1500px;
	padding-left: 4%;
	padding-right: 4%;
	margin: auto;
}

/* Cadre du footer */
.cadrearticlefooter {
	border: 0px solid #C39;
	min-width : 915px;
 	max-width: 1500px;
	padding-left: 4%;
	padding-right: 4%;
	margin: auto;
}

/* ____________________________________________________________________ */
/* #2. STRUCTURE DES PARAGRAPHES ET LISTES */

/* Paragraphe >> */
.parachevron {
	border: 0px solid #FFFFFF;	
	margin-right: 7px;
}

/* Paragraphe >> chiffré */
.chiffrechevron {
	border: 0px solid #FFFFFF;	
	margin-right: 7px;
}

/* Liste >> */
.listechevron {
	border: 0px solid #FFFFFF;	
	margin-right: 7px;
}

/* Listes >> perso */
.listepersochevron {
	border: 0px solid #1E2A35;	
	margin-right: 7px;
}

/* Alinéa espacé */
.paravide {
	border: 0px solid #FFFFFF;	
	margin-right: 25px;
}

/* Étape numérotée */
.numerostyle {
	color: #A7661F;
	font-weight: bold;
}

/* Bonus - Numérotation des 20 questions à Naughty Dog */
.digitnoir {
	border: 0px solid #000000;
	background-color: #253947;
	padding: 5px;
	margin-right: 10px;
	float: left;
}

/* ____________________________________________________________________ */
/* #3. APPARENCE DES TEXTES */

/* Taille texte 30% */
.font30percent {
	font-size: 30%;
}

/* Taille texte 50% */
.font50percent {
	font-size: 50%;
}

/* Taille texte 75% */
.font75percent {
	font-size: 75%;
}

/* Taille texte 140% */
.font140percent { 
	font-size: 140%;
}

/* Taille texte 14px */
.quatorzepx {
	font-size: 14px;
}

/* Pas de souslignage */
.nounderline {
	text-decoration: none;
}

/* Texte bleu foncé */
.textebleufonce {
	color: #1E2A35;
}

/* Chasse fixe */
.fixe {
	font-family: "Courier New", monospace;
}

/* Texte glitchs */
.texteglitchs {
	font-size: 130%;
}

/* Persos - Espace entre chaque perso */
.persototaliteespace {
	height: 10px;	
}

/* Persos - Espace entre chaque entrée alphabétique */
.persototalitegrandespace {
	height: 35px;	
}

/* Lieux - Espace entre chaque lieu */
.lieuxtotaliteespace {
	height: 10px;	
}

/* Clear both */
.clearboth {
 clear: both;
}

/* ____________________________________________________________________ */
/* #4. APPARENCE DES SECTIONS */

/* Titre de pages */
.rubrique {
	font-weight: bold;
	border: 1px solid #202F3D;
	background-image: url('images/colorimetrie/bloc_dg_rss_sbr.ico'); 
	background-position: bottom center ; 
	background-repeat: repeat-x ;
	position: relative;
	text-align: center;
	font-size: 140%;
	margin-right: -100px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-shadow: 2px 2px 2px #00000, -2px -2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #1F2E44;
	width: 100%;
}

.rubrique:first-letter {
	font-size: 100%;
	text-shadow: 2px 2px 2px #1F2E44, -2px -2px 2px #1F2E44, -2px 2px 2px #1F2E44, 2px -2px 2px #1F2E44;	
}

/* Exergue classement alphabétique */
.premierelettre { 
	font-size: 120%;
	text-shadow: 2px 2px 2px #1F2E44, -2px -2px 2px #1F2E44, -2px 2px 2px #1F2E44, 2px -2px 2px #1F2E44;
}

/* Titres des Mouvements de Crash*/
.mouvperso {
	font-weight: bold;
	text-decoration: underline;
}

/* Menu en icônes des jeux */
.sousmenudiv {
	float: left;
	border: 0px solid #FFFFFF;
	text-align: right;
	position: relative;
	top: -20px;
	left: 206px;
	z-index: 50;	
}

/* Mise en page du lien du flux RSS */
.sousmenudivrss {
	float: left;
	border: 0px solid #FFFFFF;
	text-align: right;
	position: absolute;
	right: 10px;
	bottom: 62px;
}

/* Titre du menu de l'index des jeux et des sections du site */
.titrecateg {
	border: 0px solid #FFFFFF;
	text-align: left;
	font-size: 110%;
}

/* Titre des liens des jeux dans jeux.php */
.titrecateg100 {
	border: 0px solid #FFFFFF;
	text-align: left;
	font-size: 24px;
	padding-left: 115px;
	padding-top: 5px;
}

/* ____________________________________________________________________ */
/* #5. APPARENCE DU  JAVASCRIPT ET DES PLUGINS */

/* Pop-up explication du RSS */
.popup_rss_explication {
	position: absolute;
	border: 2px solid #FFFFFF;
	background-color: #3d7181;
	background-image: url('images/glitch.png');
	background-position: center bottom;
	padding: 15px;
	text-align: justify;
	float: right;
	top: -48px;
	margin-left: 62.5%;
	width: 35%;
}

/* Pop-up vidéos Youtube écran noirci */
.popup_yt_videos {
	border: 1px solid #000000;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.85);	
	position: fixed;
	top: 50%;
	height: 415px;
	margin-top: -10207.5px;
	padding-top: 10000px;
	padding-bottom: 10000px;
	width: 100%;
	left: 0px;
	z-index: 2000;
}

/* Pop-up vidéos Youtube lien de fermeture */
.popup_yt_videos_close {
	position: fixed;
	top: 5px;
	border: 4px solid #000000;
	background-color: #1E383C;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 30px;	
	padding-right: 30px;
	height: 30px;
	margin: auto;
	right: 6%;
	z-index: 3000;
}

/* Pop-up vidéos Youtube centrage du lecteur */
.popup_yt_center {
	margin: auto;
	width: 746px;
}

/* Notification pour cacher les images */
.cacherlesimages {
	background-image: url("http://crashland.elynx.fr/images/colorimetrie/bloc_dg_rss_sbr.ico");
	background-position: 50% 100%;
	background-repeat: repeat-x;
	position: fixed;
	bottom: -8px;
	border: 4px solid #000000;
	border-radius: 10px;
	background-color: #1E383C;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 30px;	
	padding-right: 30px;
	margin: auto;
	z-index: 1000;
}

/* Crash Bash - Positionnement des vidéos */
.videoarenecbash {
	position: absolute;
	margin-top: 160px;
	width: 285px;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Perso -  Surlignement des miniatures */

.persothumbnailviewer img{
	border: 2px solid #1E2A35;
}

.persothumbnailviewer:hover{
	background-color: transparent;
	border: 0px solid #1E2A35;
}

.persothumbnailviewer:hover img{
	border: 2px solid #1E2A35;
}

.persothumbnailviewer span{ /* CSS de l'image agrandie */
	position: absolute;
	background-color: #344556;
	padding: 5px;
	left: -1000px;
	border: 2px solid #1E2A35;
	visibility: hidden;
	color: #FFFFFF;
	text-decoration: none;
}

.persothumbnailviewer span img{ /* CSS de l'image agrandie */
	border-width: 0;
	padding: 0px;
}

.persothumbnailviewer:hover span{ /* CSS de l'image agrandie */
	visibility: visible;
	top: 50px;
	left: -2px;
	z-index: 1000;
	
}

/* ____________________________________________________________________ */
/* #6. APPARENCE DES BORDURES DE LIENS */

/* Pas de bordures */
a.nolinkborder:link {
	border: 0px solid #FFFFFF;
}

/* Pas de bordures */
a.nolinkborder:visited {
	border: 0px solid #FFFFFF;	
}

/* Pas de bordures */
a.nolinkborder:active {
	border: 0px solid #FFFFFF;
}

/* Pas de bordures */
a.nolinkborder:hover {
	border: 0px solid #FFFFFF;
	text-shadow: 0px 0px 0px #FFFFFF;
}

/* ____________________________________________________________________ */
/* #7. APPARENCE DES BLOCS DE CONTENU */

/* Sous rubrique - Texte sans bloc */
.sousrubrique {
 border: 1px solid #202F3D;
 background-image: url('images/colorimetrie/bloc_dg_rss_sbr.ico'); 
 background-position: bottom center ; 
 background-repeat: repeat-x ; 
 text-align: right;
 font-size: 110%;
 float: right;
 padding-left: 55px;
 padding-right: 55px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-shadow: 1px 1px 2px #000;
}

/* Sous rubrique - Texte dans bloc */
.sousrubrique_bloc {
 border: 1px solid #202F3D;
 background-image: url('images/colorimetrie/bloc_dg_rss_sbr.ico'); 
 background-position: bottom center ; 
 background-repeat: repeat-x ; 
 text-align: right;
 font-size: 110%;
 margin-left: 1px;
 padding-left: 55px;
 padding-right: 55px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-shadow: 1px 1px 2px #000;
}

/* Sous rubrique - Archives */
.sousrubriquearchive {
 border: 1px solid #FFFFFF;
 background-image: url('images/colorimetrie/bloc_dg_rss_sbr.ico'); 
 background-position: center center ; 
 background-repeat: repeat ; 
 text-align: right;
 float: right;
 font-size: 110%;
 padding-left: 55px;
 padding-right: 55px;
 padding-top: 3px;
 padding-bottom: 3px;
 min-width: 40px;
 max-width: 1200px;
 text-shadow: 1px 1px 2px #000;
}

/* Retour en bas de page */
.retour {
	border-top: 0px solid #000000;
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	width: 100%;
	z-index: 1000;
	height: 10px;
}

.retour_alignement {
	background-image: url("http://crashland.elynx.fr/images/colorimetrie/bloc_dg_rss_sbr.ico");
	background-position: 50% 100%;
	background-repeat: repeat-x;
	background-color: #202F3D;
	border: 4px solid #000000;
	border-bottom: 0px solid #000000;
	float: right;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	z-index: 100;
	font-weight: bold;
	margin-top: -42px;
	border-radius: 15px;
}

/* Boîte - Erreurs (404...) */
.blocerreur {
 border: 1px solid #FFFFFF;
 background-color: #B60A0A;
 padding: 5px;
 text-align: justify;
 display: block;
 width: 70%;
 margin: 0px auto;
}

/* Émulation - Choix du plugin */
.emulchoixconfig {
 border: 1px solid #22323F;
 background-color: #253947;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 15px;
 margin-left: 10px;
 margin-right: 10px;
 text-align: justify;
 font-family: "Courier New", monospace;
}

/* Émulation - Configuration du plugin */
.emulpluginconfig {
 border: 1px solid #22323F;
 background-color: #253947;
 position: relative;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 15px;
 margin-left: 10px;
 margin-right: 10px;
 text-align: justify;
 font-family: "Courier New", monospace;
}

/* Émulation - Hexadecimal */
.boitepaper {
 border: 2px solid #666;
 background-image: url('images/fondpapiercarreaux.png');
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin: 20px;
 min-width: 350px;
 max-width: 50%;
 text-align: justify;
 font-family: "Courier New", monospace;
 font-weight: bold;
 color: black;
}

/* Glitchs - Boîte */
.boiteglitchs {
 border: 1px solid #FFFFFF;
 background-color: #448887;
 background-image: url('images/backgrounds/bloc_back.png'); 
 background-position: bottom center ; 
 background-repeat: repeat-x ; 
 text-align: justify;
 float: left;
 width: 98%;
 max-height: 1000px;
 padding: 10px;
 margin-bottom: 10px;
 overflow-x: auto;
 overflow-y: auto;
}

/* Index jeux - Liste 100px */
.indexjeux_listejeux {
	border: 2px solid #202F3D;
	background-color: #448887;
	background-image: url('images/backgrounds/bloc_back.png'); 
	background-position: bottom center;
	background-repeat: repeat-x ; 
	text-align: justify;
	margin-left: 540px;
	height: 93px;
	margin-bottom: 7px;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
}

.indexjeux_listejeux:hover {
	border: 2px solid #D47604;
	color: #D47604;
	background-image: url('images/backgrounds/bloc_back_hover.png');
	background-color: #1E2A35;
	background-position: center center;
	cursor: pointer; 
}

/* Pages principales - Cadre de gauche */
.pp_cadregauche {
	border: 2px solid #202f3D;
	background-color: #448887;
	background-image: url('images/backgrounds/bloc_back.png'); 
	background-position: bottom center ; 
	background-repeat: repeat-x ; 
	text-align: justify;
	float: left;
	padding: 10px;
	overflow: hidden;
}

/* Pages principales - Liens de droite */
.pp_liensdroite {
	border: 2px solid #202f3D;
	background-color: #448887;
	background-image: url('images/backgrounds/bloc_back.png'); 
	background-position: bottom center ; 
	background-repeat: repeat-x ; 
	text-align: justify;
	margin-left: 540px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 10px; 
}

.pp_liensdroite:hover {
	border: 2px solid #D47604;
	 background-image: url('images/backgrounds/bloc_back_hover.png');
	 background-position: center center ;  
	 background-color: #1E2A35;
	 cursor: pointer;
}

.pp_liensdroite:hover .titrecateg {
	 color: #D47604;
}

/* Niveaux - Illustrations */
.niveaux_illustr {
	 border: 1px solid #FFFFFF;
	 background-image: url('images/colorimetrie/bloc_dg_vt_bpl_bbmt.png'); 
	 background-position: top center ;
	 background-repeat: repeat-x ; 
	 text-align: justify;
	 float: left;
	 padding: 10px;
	 width: 402px;
	 overflow: hidden;
}

/* Niveaux - Résumé et ennemis */
.niveaux_resume {
	 border: 1px solid #FFFFFF;
	 background-image: url('images/colorimetrie/bloc_dg_vt_bpl_bbmt.png'); 
	 background-position: top center ;
	 background-repeat: repeat-x ; 
	 text-align: justify;
	 margin-left: 440px;
	 margin-right: 185px;
	 margin-bottom: 7px;
	 padding: 10px;
}

/* Niveaux - Légende */
.niveaux_legende {
	 border: 1px solid #FFFFFF;
	 background-image: url('images/colorimetrie/bloc_dg_vt_bpl_bbmt.png'); 
	 background-position: top center;
	 background-repeat: repeat-x;
	 text-align: justify;
	 float: right;
	 width: 150px;
	 padding: 10px;
}

/* Niveaux - Guide rapide */
.niveaux_guide {
	 border: 0px solid #FFFFFF;
	 text-align: justify;
	 margin-left: 440px;
	 margin-top: -10px;
	 margin-bottom: 7px;
	 padding: 10px;
}

/* Niveaux - Guide vidéo */
.niveaux_guidevideo {
	 border: 1px solid #FFFFFF;
	 background-image: url('images/colorimetrie/bloc_dg_vt_bpl_bbmt.png'); 
	 background-position: top center;
	 background-repeat: repeat-x;
	 text-align: justify;
	 margin-bottom: 7px;
	 padding: 10px;
}

/* Niveaux - Crash Bandicoot 1 & 2 & 3 */
.niveaux_boiteindex {
	 border: 1px solid #FFFFFF;
	 background-color: #446C70;
	 text-align: justify;
	 float: left; 
	 min-width: 250px;
	 max-width: 550px;
	 padding-top: 5px;
	 padding-left: 10px;
	 padding-right: 10px;
	 padding-bottom: 5px;
	 margin-bottom: 10px;
	 margin-left: 5px;
	 margin-right: 5px;
	 overflow: hidden;
}

/* Niveaux - Crash Bandicoot 1 & 2 & 3 */
.niveaux_boiteindex2 {
	 border: 1px solid #FFFFFF;
	 background-color: #446C70;
	 text-align: justify;
	 float: left; 
	 min-width: 250px;
	 max-width: 400px;
	 height: 93px;
	 padding-top: 5px;
	 padding-left: 10px;
	 padding-right: 10px;
	 margin-bottom: 10px;
	 margin-left: 5px;
	 margin-right: 5px;
	 overflow-x: hidden;
	 overflow-y: hidden;
}

/* Lieux - Cadre autour de l'index des lieux */
.lieuxcadre {
	border: 0px solid #FFFFFF;
	width: 80%;
	margin: auto;
}

/* Lieux - Corps article */
.lieuxarticle {
	border: 0px solid #000000;
	margin-left: 260px;
	margin-top: -5px;
	min-height: 800px;
}

/* Lieux - Bloc contenant le Menu de sélection du lieu inclus */
.lieuxmenuarticle {
	text-align: left;
	float: left;
	width: 225px;
	position: absolute;
	background-position: center center;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 35px;
	margin-bottom: 25px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 2px solid #1E2A35;
	background-position: right center;
	background-color: #202F3D;	
	background-image: url('images/colorimetrie/bloc_dg_menuLG_bsr_bcl.png');
	background-repeat: repeat-y;
}

/* Lieux - Alignement des paragraphes de description dans les Lieux */
.alignlieuxbloc {
	border-top: 3px solid #2a4453;
	margin-left: 265px;
	margin-right: -20px;
	margin-top: -5px;
	padding-top: 10px; 
	padding-right: 20px; 
	position: relative;
}

/* Lieux - Bloc comprenant les paragraphes de description */
.lieuxbloc {
	border-right: 10px solid #2a4453;
	border-bottom: 10px solid #2a4453; 
	background-image: url('images/colorimetrie/bloc_dg_hz_bsr_bcl.png');
	text-align: justify;
	background-repeat: repeat-y; 
	margin: auto;
	position: static;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Lieux - Conteneur des entrées + alphabet de l'index des lieux */
.lieux_indextotal {
	margin: auto;
	border: 0px solid #0F0;
	min-width: 850px;
	max-width: 1100px;
}

/* Lieux - Conteneur des lettres de l'alphabet de l'index */
.lieux_indexalphabet {
	font-family: ComicSerifPro;
	text-align: center;
	font-size: 26px;
	color: #1E2A35;
	min-width: 70px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: 32px;
	max-height: 100px;
	position: absolute;
	margin-left: -70px;
	border: 0px solid #F00;
}

/* Lieux - Conteneur des entrées lieux */
.lieux_indexconteneur {
	margin: auto;
	border: 0px solid #F00;
	min-width: 850px;
	max-width: 1100px;
	padding-left: 75px;
}

/* Lieux - Boîte dans l'index des lieux */
.lieux_indexentree {
	text-align: left;
	float: left;
	width: 175px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-left: 10px;
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 2px solid #1E2A35;
	background-position: bottom center;
	background-color: #202F3D;	
	background-image: url('images/backgrounds/bloc_back.png');
	background-repeat: repeat-x;
}

.lieux_indexentree:hover {
	border: 2px solid #D47604;
	background-color: #202F3D;	
	background-image: url('images/backgrounds/bloc_back_hover.png');
	background-repeat: repeat-x;
	background-position: center center;
	cursor: pointer;
}

.lieux_indexentree:hover .lieux_indextexte {
	color: #D47604;
}

/* Lieux - Texte de la boîte d'une entrée dans l'index des lieux */
.lieux_indextexte {
	font-size: 22px;
	height: 32px;
	float: left;
}

/* Persos - Conteneur des entrées + alphabet de l'index des personnages */
.perso_indextotal {
	margin: auto;
	border: 0px solid #0F0;
	min-width: 850px;
	max-width: 1100px;
}

/* Persos - Conteneur des lettres de l'alphabet de l'index */
.perso_indexalphabet {
	font-family: ComicSerifPro;
	text-align: center;
	font-size: 26px;
	color: #1E2A35;
	min-width: 70px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: 32px;
	max-height: 100px;
	position: absolute;
	margin-left: -70px;
	border: 0px solid #F00;
}

/* Persos - Conteneur des entrées personnages */
.perso_indexconteneur {
	margin: auto;
	border: 0px solid #F00;
	min-width: 850px;
	max-width: 1100px;
	padding-left: 75px;
}

/* Persos - Boîte dans l'index des personnages */
.perso_indexentree {
	text-align: left;
	float: left;
	width: 175px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-left: 10px;
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 2px solid #1E2A35;
	background-position: bottom center;
	background-color: #202F3D;	
	background-image: url('images/backgrounds/bloc_back.png');
	background-repeat: repeat-x;
}

.perso_indexentree:hover {
	border: 2px solid #D47604;
	background-color: #202F3D;	
	background-image: url('images/backgrounds/bloc_back_hover.png');
	background-repeat: repeat-x;
	background-position: center center;
	cursor: pointer;
}

.perso_indexentree:hover .perso_indextexte {
	color: #D47604;
}

/* Persos - Texte de la boîte d'une entrée dans l'index des personnages */
.perso_indextexte {
	font-size: 22px;
	height: 32px;
	float: left;
}

/* Persos - Corps article */
.persoarticle {
	border: 0px solid #000000;
	margin-left: 260px;
	min-height: 1100px;
}

/* Persos - Image d'illustration */
.persoarticle_illustr {
	position: absolute;
	border: 0px solid #F00;
	width: 200px;
	height: 200px;
	margin-bottom: 20px;
}

/* Persos - Boîte contenant les miniatures */
.persogallerycontainer{
	position: relative;
	padding-top: 3px;
	padding-left: 5px;
	z-index: 1000;
	background-position: center bottom;
	background-color: #202F3D;	
	background-image: url('images/backgrounds/conteneurminiatures_back.ico');
	background-repeat: repeat-x;
	background-color: #2B4554;
}

/* Persos - Images supplémentaires */
.persoarticle_galerie {
	position: absolute;
	border: 2px solid #1E2A35; /*#1E2A35*/
	width: 200px;
	min-height: 50px;
	margin-top: 228px;
}

/* Persos - Texte "Survolez les miniatures" avant persoarticle_galerie */
.persoarticle_textevignette {
	position: absolute;
	border: 0px solid #00F;
	width: 200px;
	height: 50px;
	margin-top: 210px;
	text-align: center;
	font-size: 75%;
	color: #1E2A35;
}

/* Persos - Icônes apparitions dans les jeux */
.persoarticle_icojeux {
	position: absolute;
	width: 200px;
	height: 50px;
	margin-top: 287px;
	text-align: center;
	font-size: 75%;
	color: #1E2A35;
}

/* Persos - Espace entre le texte "Apparitions :" et la ligne des images d'apparition */
.persoarticle_icojeux_texte {
	height: 2px;
}

/* Persos - Bloc contenant les images de manuels */
.persoarticle_manuel {
	overflow: auto;
	margin-top: 25px;
	margin-bottom: 30px;
	background-position: center bottom;
	background-repeat: repeat-x;
	width: auto;
}

/* Persos - Bloc contenant les illustrations, apparitions et bloc de résumé */
.persoarticle_present {
	margin-left: 220px;
	border-left: 2px solid #2A4453;
	border-top: 3px solid #2A4453;
	border-right: 10px solid #2A4453;
	border-bottom: 10px solid #2A4453;
	padding: 15px;
	margin-bottom: 40px;
	background-position: center top;
	min-height: 320px;
	background-color: #202F3D;	
	background-image: url('images/colorimetrie/bloc_dg_hz_bsr_bpl.png');
	background-repeat: repeat-y;
}

/* Persos - Texte générique introduisant des infos ou des § */
.persoarticle_presentstatut {
	border: 0px solid #000000;
	color: #1E2A35;
}

/* Persos - Réponse aux textes ci-dessus */
.persoarticle_presentresultat {
	border: 0px solid #FFFFFF;
	color: #FFFFFF;
	margin-left: 50px;
}

/* Persos - Bloc contenant texte du manuel et le bloc de l'image du manuel */
.persoarticle_presentresultatbooklet {
	border: 0px solid #FFFFFF;
	color: #FFFFFF;
	margin-left: 125px;
}

/* Persos - Bloc comprenant les paragraphes de description */
.persobloc {
	border-right: 10px solid #2a4453;
	border-bottom: 10px solid #2a4453; 
	background-image: url('images/colorimetrie/bloc_dg_hz_bsr_bcl.png');
	text-align: justify;
	background-repeat: repeat-y; 
	margin: auto;
	position: static;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Persos - Alignement des paragraphes de description dans persobloc */
.alignpersobloc {
	border-top: 3px solid #2a4453;
	margin-left: 25px;
	margin-right: -20px;
	margin-top: -5px;
	padding-top: 10px; 
	padding-right: 20px; 
	position: relative;
}

/* Persos - Bloc comprenant les éléments de manuel d'un jeu */
.persobookletbloc {
	border-right: 10px solid #2a4453;
	border-bottom: 10px solid #2a4453; 
	background-image: url('images/colorimetrie/bloc_dg_hz_bsr_bcl.png');
	text-align: justify;
	background-repeat: repeat-y; 
	margin: auto;
	position: static;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Persos - Alignement des éléments de manuel d'un jeu dans persobookletbloc */
.alignpersobookletbloc {
	border-top: 3px solid #2a4453;
	margin-left: 25px;
	margin-right: -20px;
	margin-top: -5px;
	padding-top: 10px; 
	padding-right: 20px; 
	position: relative;
}

/* Persos - Bloc contenant le Menu de sélection du personnage inclus */
.persomenuarticle {
	text-align: left;
	float: left;
	width: 225px;
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 35px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 2px solid #1E2A35;
	background-position: right center;
	background-color: #202F3D;	
	background-image: url('images/colorimetrie/bloc_dg_menuLG_bsr_bcl.png');
	background-repeat: repeat-y;
}

/* Persos - Texte des entrées de personnages dans le Menu */
.icopersotext {
	border: 0px solid #FFFFFF;
	position: relative;
	margin-top: 0px;
	margin-left: 40px;
	padding-top: 8px;
	padding-left: 5px;
	font-weight: bold;
}

/* Persos - Entrée image + texte d'un personnage dans le menu */
.icopersototal {
	border: 0px solid #FFFFFF;
	height: 32px;
	position: static;
	margin-bottom: 3px;
}

/* CTR Objets - Gauche */
.ctr_objetgauche {
	border: 1px solid #FFFFFF;
	background-color: #446C70;
	text-align: justify;
	float: left; 
	width: 60%;
	padding: 10px;
	margin: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* CTR Objets - Droite */
.ctr_objetdroite {
	border: 1px solid #FFFFFF;
	background-color: #446C70;
	text-align: justify;
	display: block;
	position: relative;
	right: -0%;
	float: right; 
	width: 60%;
	padding: 10px;
	margin: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Crash Bash - Bloc d'arène (texte + image) */
.cbash_blocarene {
 border-right: 10px solid #2a4453;
 border-bottom: 10px solid #2a4453; 
 background-image: url('images/colorimetrie/bloc_dg_hz_bsr_bcl.png');
 text-align: justify;
 background-repeat: repeat-y; 
 margin: auto;
 position: static;
 padding-right: 20px;
 padding-top: 5px;
 padding-bottom: 10px;
 margin-bottom: 50px;
 overflow-y: hidden;
 overflow-x: hidden;
}

/* Crash Bash - Alignement du texte dans le bloc cbash_blocarene */
.alignarenecbash {
	border-top: 3px solid #2a4453;
	margin-left: 300px;
	margin-right: -20px;
	margin-top: -5px; 
	padding-right: 20px; 
	position: relative;
}

/* Crash Bash - Bloc de choix de l'arène */
.arenechoix{
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	height: 408px;
	border: 4px solid #c0c000;
	text-align: center;
}

a.arenechoix:link{
	border: 4px solid #c0c000;
}

a.arenechoix:visited{
	border: 4px solid #c0c000;
}

a.arenechoix:active{
	border: 4px solid #c0c000;
}

a.arenechoix:hover {
	border: 4px solid #AF032F;
}

/* Crash Bash - Titre des groupes d'arènes dans Choix de l'arène */
.arenechoix_text {
	float: left;
	width: 157px;
	margin-right: 5px;
	margin-bottom: 30px;
	border: 0px solid #c0c000;
}

/* À Propos - Div de paragraphe après sous rubrique */
.aproposbloc {
	background-image: url('images/degradeversbas.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	margin-left: 404px;
	background-color: #2D4858;
 	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
 	position: relative;
	border-bottom: 5px solid #202f3d;
	border-right: 1px solid #202f3d;
	border-left: 1px solid #202f3d;
	min-height: 150px;
}

/* À Propos - Div de paragraphe après sous rubrique sans marge de gauche pour les images */
.aproposblocsansillustr {
	background-image: url('images/degradeversbas.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	background-color: #2d4858;
	margin-left: 25px;
	border: 0px solid #F00;
 	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
 	position: relative;
	border-bottom: 5px solid #202f3d;
	border-right: 1px solid #202f3d;
	border-left: 1px solid #202f3d;
	min-height: 150px;
}

/* Section de texte - Bloc contenant le texte sans image dans la marge de gauche */
.blocsansillustr {
	background-image: url('images/degradeversbas.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	background-color: #2d4858;
	margin-left: 25px;
	border: 0px solid #F00;
 	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
 	position: relative;
	border-bottom: 5px solid #202f3d;
	border-right: 1px solid #202f3d;
	border-left: 1px solid #202f3d;
	min-height: 150px;
}

/* Section de texte - Bloc contenant le texte */
.blocalignearticle {
	background-image: url('images/degradeversbas.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	background-color: #2d4858;
	z-index: 0;
	margin-left: 339px;
	border: 0px solid #0F0;
 	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
 	position: relative;
	border-bottom: 5px solid #202f3d;
	border-right: 1px solid #202f3d;
	border-left: 1px solid #202f3d;
	min-height: 150px;
}

/* ____________________________________________________________________ */
/* #8. APPARENCE DES IMAGES */

/* Glitchs - Images */
.imageglitchs {
	border: 0px solid #FFFFFF;
	border-right: 2px dashed #22323F;
	margin-right: 20px;
	float: left;
	width: 510px;
	text-align: left;
}

/* Glitchs - Bordures images */
.imageglitchbord {
	border: 2px solid #22323F;
}

/* Index Jeux - Icônes */
.indexjeux_icone {
	border: 0px solid #FFFFFF;
	float: left;
	padding-right: 25px;
	margin-top: 3px;
}

/* Index Jeux - Images Logo 100px */
.indexjeux_imagejeux {
	border: 0px solid #FFFFFF;
	border-right: 2px solid #202F3D;
	float: left;
	position: absolute;
	margin-top: -7px;
	margin-left: -10px;
}

.imageindex_bordure {
	border: 0px solid #FFFFFF;	
	float: left;
}

/* Lieux - Texte sur illustration des lieux */
.logodecor {
	border: 0px solid #F00;
	position:  absolute;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 6px;
	text-shadow: 1px 1px 1px #1F2E44, -1px -1px 1px #1F2E44, -1px 1px 1px #1F2E44, 1px -1px 1px #1F2E44;
}

/* Lieux - Miniature devant l'entrée d'un lieu */
.icolieux {
	float: left;
	margin-right: 10px;
}

/* Lieux - Miniature devant l'entrée d'un personnage dans l'index
Appliqué dans la balise <img>*/
.ico_indexlieux {
	padding-right: 10px;
	margin-top: 5px;
	float: left;
	border: 0px solid #FFFFFF;
}

/* Lieux - Bloc d'illustration d'un lieu */
.lieuxblocillustr {
	border: 0px solid #FFFFFF;	
	overflow-y: hidden;
	overflow-x: hidden;
	width: 275px;
	min-height: 225px;
	float: left;
	list-style: none;
}

/* Personnages - Boîte image */
.perso_image {
	border: 2px solid #1E2A35;
	background-color: #446C70;
	text-align: left;
	float: left; 
	padding: 10px;
	width: 160px;
	height: 225px;
	margin-right: 40px;
	margin-bottom: 40px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Persos - Miniature devant l'entrée d'un personnage dans le menu de sélection rapide
Appliqué dans la balise <img>*/
.icoperso {
	height: 32px;
	border: 0px solid #FFFFFF;
	position: absolute;
}

/* Persos - Miniature devant l'entrée d'un personnage dans l'index
Appliqué dans la balise <img>*/
.ico_indexperso {
	padding-right: 10px;
	margin-top: -3px;
	float: left;
	border: 0px solid #FFFFFF;
}

/* Crash Bash - Contour images de personnages et d'arènes */
.bashareneillustr {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* Crash Bash - Fond de sélection du personnage */
.backchoixperso {
	background-image: url('crashbash/images/choix_personanges_background.png');
	background-repeat: no-repeat;
	border: 1px solid #1E2A35;
	width: 610px;
	height: 380px;
	margin: auto;
}

/* Crash Bash - Icônes des personnages sur fond de sélection du personnage */
.icochoixperso {
	border: 0px solid #FFFFFF;
}

a.icochoixperso:link {
	border: 0px solid #000000;
}

a.icochoixperso:hover {
	border: 0px solid #000000;
}

/* Section de texte - Image de la marge à gauche du paragraphe de texte */
.blocpic {
	border: 0px solid #1E2A35;	
	margin-bottom: 50px;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* Section de texte - Image de la marge à gauche du paragraphe de texte dans aproposblocpic*/
.blocligneillustr {
	border: 0px solid #FF0;	
	overflow-y: hidden;
	overflow-x: hidden;
	width: 340px;
	float: left;
}

/* À propos - Image de la marge à gauche du paragraphe de texte */
.aproposblocpic {
	border: 0px solid #1E2A35;	
	margin-bottom: 50px;
	overflow-y: hidden;
	overflow-x: hidden;
}

/* À propos - Image de la marge à gauche du paragraphe de texte dans aproposblocpic*/
.aproposillustr {
	border: 0px solid #FF0;	
	overflow-y: hidden;
	overflow-x: hidden;
	width: 405px;
	float: left;
}

/* Bordures - Blanc 1px solid */
.imagebordure {
 border: 1px solid #202f3D;
}

/* Bordures - Blanc 2px acec margin*/
.imageborduredeux {
 border: 2px solid #202f3D;
 float: left;
 position: static;
 margin-right: 15px;
 margin-bottom: 5px;
 list-style: none;
}

/* Bordures - CTR Objets */
.imagebordureobjets {
 margin-right: 10px;
 margin-bottom: 10px;
 float: left;
}

/* Bordures - Utilisé dans la section bonus sur Site officiel et 20 quest. */
.imageborduredeux1 {
 border: 1px solid #202f3D;
 float: left;
 margin-right: 15px;
 margin-bottom: 5px;
}

/* Bordures noires des images - 2px */
.imageborduredeuxnoir {
 border: 2px solid #1E2A35;
 float: left;
 position: static;
 margin-right: 15px;
 margin-bottom: 5px;
 list-style: none;
}

/* Bordures noires des images - 2px */
.imagepersomanuel{
 border: 2px solid #1E2A35;
 float: left;
 position: static;
 list-style: none;
}

/* Bordures des images de lieux */
.imagebordurelieu {
 border: 2px solid #1E2A35;
}

/* Bordures des images absolute - 2px */
.imageborduredeux_a {
 border: 2px solid #1E2A35;
 position: absolute;
}

/* Bordures des images - 2px */
.imagebordurenoire {
 border: 2px solid #000000;
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
}

/* Bordures des images - 2px */
.imagebordurenoire {
 border: 2px solid #000000;
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
}

/* Bordures des images - 2px */
.imagefloatgauche {
 border: 0px solid #1E2A35;
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
}

/* Mouvements personnages IMAGES */
.image_mouvementcrash {
	float: left;
	width: 100px;
	border: 1px solid #1E2A35;
}

/* Mouvements personnages MOUVEMENTS */
.mouvementcrash_touchesadroite {
	float: left;
	margin-left: 25px;
}

/* ____________________________________________________________________ */
/* #9. APPARENCE DU HEADER ET DU FOOTER */

/* ____________________________________________________________________ */
/* #10. APPARENCE DE LA PAGE D'ACCUEIL */

/* Accueil - Toute colonne de gauche */
.indexgauche1 {
	border: 2px solid #263C49;
	background-image: url('images/colorimetrie/bloc_dg_menuLGHL_bsr_bcl.png');
	background-position: 0% 100%;
	background-color: #202F3D;		
	background-repeat: repeat-y;
	text-align: justify;
	margin-right: 540px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* Accueil - Toute colonne de droite */
.indexdroite1 {
	border: 0px solid #263C49;
	text-align: justify;
	float: right;
	width: 500px;
}

/* Accueil - Second bloc bloqué à gauche */
.indexgauche2 {
	border: 2px solid #263C49;
	background-image: url('images/colorimetrie/bloc_dg_menuLGHL_bsr_bcl.png');
	background-position: 0% 100%;
	background-color: #202F3D;		
	background-repeat: repeat-y;
	text-align: justify;
	margin-right: 540px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* Accueil - Entrées du bloc màj */
.indexdroiteENTREEMAJ {
	border: 2px solid #263C49;
	background-color: #448887;
	background-image: url('images/backgrounds/bloc_back.png'); 
	background-position: bottom center ; 
	background-repeat: repeat-x ; 
	text-align: center;
	float: right;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.indexdroiteENTREEMAJ:hover {
	background-color: #1E2A35;
	background-image: url("http://crashland.elynx.fr/images/backgrounds/bloc_back_hover.png");
	background-position: center center;
	cursor: pointer;
	border: 2px solid #D47604;	
}

/* Accueil - Titre bloc màj */
.indexdroiteTITREMAJ {
	border: 2px solid #1E2A35;
	background-color: #448887;
	background-image: url('images/colorimetrie/bann_top_color2.png');
	background-position: 50% 70%; 
	background-repeat: repeat-x ; 
	text-align: center;
	float: right;
	width: 520px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #1F2E44, -2px -2px 2px #1F2E44, -2px 2px 2px #1F2E44, 2px -2px 2px #1F2E44;
}

.indexdroiteTITREMAJ:hover {
	background-color: #1E2A35;
	background-image: url("http://crashland.elynx.fr/images/backgrounds/bloc_back_hover.png");
	background-position: 50% 20%;
	cursor: pointer;
	border: 2px solid #D47604;
}

/* Accueil - Boîte shoutbox */
.indexdroiteSHOUTBOX{
	border: 2px solid #263C49;
	background-color: #202F3D;
	background-position: 18% 100%;
	background-repeat: repeat-y;
	text-align: justify;
	float: right;
	padding: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}

.indexpartenaireTOUTEENTREE {
	position: relative;
	border: 0px solid #FFFFFF;
	margin: 0;
	padding: 0;
}

/* Accueil - Titre des menus */
.indexpartenaireMENUTITRE {
	border-top: 2px solid #395464;
	font-weight: bold;
	text-shadow: 2px 2px 2px #1F2E44, -2px -2px 2px #1F2E44, -2px 2px 2px #1F2E44, 2px -2px 2px #1F2E44;
	margin-bottom: 10px;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 20%;
}

/* Accueil - Shoutbox */
.shoutbox {
	float: right;
	width: 38%;
	border-left: 0px solid #FFFFFF;
	padding-left: 20px;
}

------------------------


/* Mise en page - Images dans Mises à jour */
.cubevert {
 margin-left: 10px;
}

/* Mise en page - Images dans Mises à jour */
.imagemaj {
 border: 1px solid #1E2A35;
 width: 120px;
 height: 120px;
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
}

/* Centrer div circuit */
.centercircuit {
 margin: auto;
 width: 920px;
}

/* Menu haut - Répétition largeur menu  */
.largeurmenu {
 background-image: url('citra_haut_droite_2.png');
 z-index:-1;
}

/* Menu haut - Répétition menu  */
.menuhautbarre {
 background-image: url('intersticevide.png');
 width: 97%;
 height: 39px;
 z-index:-1;
}

/* Menu haut - Placement du texte du menu */
.textebarremenu {
 padding-left: 200px;
 padding-top: 15px;
 font-size: 18px;
}

/* Choix du jeu dans le Header */
.choixjeuheader {
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	font-size: 80%;
	text-align: right;
	float: right;
	top: -135px;
	right: 5px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	position: relative;
	border-radius: 7px;
	z-index: 2;
}

/* Choix du jeu header - div separation */
.choixjeuheadersep {
	border: 2px solid #FFFFFF;	
}

/* Moteur de recherche */
.barrerecherche {
 border: 1px solid #F3F3F3;
 float: right;
 z-index: 1;
}

/* Cadre sommaire  */
.cadresommaire {
 border: 0px solid #FFFFFF;
 position: fixed;
 top: 160px;
 left: 0px;
 float: left;
 width: 32px;
 margin-left: auto;
 margin-right: auto;
}

/* Sommaire article  */
.sommaire {
 border: 0px solid #FFFFFF;
 position: fixed;
 top: 180px;
 left: 0px;
 float: left;
 width: 32px;
}

/* Sommaire espace  */
.taillesommaire {
 font-size: 110%;
}

/* Sommaire écart  */
.ecartsommaire {
	border: 0px solid #FFFFFF;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-image: url('latmilieu.png');
}

/* Cadre haut-droite dans le menu */
.cadrehautdroite {
	z-index: 4;
	border-left: 2px solid #000000;
 	border-right: 2px solid #000000;
 	border-top: 2px solid #000000;
 	border-bottom: 2px solid #000000;
 	font-size: 85%;
 	font-weight: bold;
 	text-align: right;
	float: right;
	padding-right: 5px;
	padding-top: 20px;
	padding-left: 5px;
	height: 24px;
	background-image: url('images/colorimetrie/bloc_dg_rss_sbr.ico');
	background-position: center bottom;
	border-radius: 7px;
}

/* GOOGLE RECHERCHE */
.googletotalcadre {
	float: right;
	border: 0px solid #FFFFFF;
	text-align: right;
}

.googlerechcadre {
	border: 0px solid #9F3;
	color:#000000;
}

/* 2. MISE EN PAGE DU MENU */

/* POSITIONNEMENT MENU */
.positionnementmenu {
	position: relative;
	border: 0px solid #C39;
	height: 240px;
	margin-bottom: 75px;
}

.divdecorhautgauche {
	position: absolute;
	background-image: url('images/colorimetrie/bann_top_color.png');
	background-position: top center;
	width: 120%;
	left: -20%;
	border: 0px solid #F00;
	top: 0px;
	height: 256px;
	z-index: -1000;
}

#header {
	position: relative;
	background: transparent url('header02H_junglebash_D_SOMBRE.png') no-repeat scroll right bottom;
	border-right: 0px solid #FF0;
	border-left: 0px solid #FF0;
	border-bottom: 0px solid #FF0;
	border: 0px solid #F00;
	width: 100%;
}

#header h1 {
	display: none;
}

.header_gauchebanniere {
	background: transparent url('header01H_junglebashT_SOMBRE.png') no-repeat scroll left bottom;
	position: relative;
	list-style: none;
	margin: 0;
	height: 208px;
	padding-left: 201px;
	border-top: 0px solid #d47604;
}

.header_entreeconteneur {
	position: absolute;
	list-style: none;
	margin: 0;
	width: auto;
	top: 155px;
}

.header_entreemenu {
	display: block;
	float: left;
	font-size: 19px;
	text-decoration: none;
	margin: 0;
	margin-right: 15px;
	margin-top: -1px;
	text-shadow: 1px 1px 2px #000;
	border-top: 3px solid #d47604;
	border-bottom: 3px solid #d47604;
	border-color: transparent;
}

/*.header_entreemenu a {
	font-size: 18px;
	text-decoration: none;
	height: 22px;
	border-top: 3px solid #d47604;
	border-bottom: 3px solid #d47604;
	border-color: transparent;
}*/

/*.header_entreemenu:link {
	border-top: 3px solid;
	border-bottom: 3px solid;
	border-color: transparent;
}

.header_entreemenu:visited {
	border-top: 3px solid;
	border-bottom: 3px solid;
	border-color: transparent;
}

.header_entreemenu:active {
	border-top: 3px solid;
	border-bottom: 3px solid;
	border-color: transparent;
}*/

.header_entreemenu:hover {
	color: #d47604;
	border-top: 3px solid #d47604;
	border-bottom: 3px solid #d47604;
} 

#header #linkToHome {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 188px;
    	height: 207px;
   		display: block;
    	text-indent: -10000px;
   		overflow: hidden;
		z-index: 5;
}

#header #linkToHome2 {
    	position: absolute;
    	top: 0px;
    	left: 188px;
    	width: 320px;
    	height: 154px;
   		display: block;
    	text-indent: -10000px;
   		overflow: hidden;
		z-index: 5;
}

#header a#linkToHome:hover {
	color: #FFFFFF;
	border: 0px dashed #FFFFFF;
}

#header a#linkToHome2:hover {
	color: #FFFFFF;
	border: 0px dashed #FFFFFF;
}

/* Header - Liste des jeux */

#header2 {
	position: absolute;
	bottom: 1px;
	width: 100%;
	border: 0px solid #F00;
	bottom: 205px;
	z-index: 4;	
}

#header2 a:link {
	border-top: 2px solid #d47604;
	border-bottom: 2px solid #d47604;
	border-color: transparent;
}

#header2 a:visited {
	border-top: 2px solid #d47604;
	border-bottom: 2px solid #d47604;
	border-color: transparent;
}

#header2 a:active {
	border-top: 2px solid #d47604;
	border-bottom: 2px solid #d47604;
	border-color: transparent;
}

#header2 a:hover {
	border-top: 2px solid #d47604;
	border-bottom: 2px solid #d47604;	
}
/* --------------------------------------------------- */

#header3 {
	position: absolute;
	bottom: 20px;
	width: 100%;
	border: 0px solid #F00;
	z-index: 4;
}

/* --------------------------------------------------- */

#header4 {
	position: absolute;
	bottom: 29px;
	width: 100%;
	border: 0px solid #F00;
	z-index: 4;
}

/* --------------------------------------------------- */

#header5 {
	position: absolute;
	width: 100%;
	border: 0px solid #F00;	
}

/* Header - Teste la présence de JavaScript */

.javascripttest {
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 5px;	
	border-top: 2px solid #C30;
	border-left: 2px solid #C30;
	border-right: 2px solid #C30;	
	border-bottom: 2px solid #C30;
	position: absolute;
	bottom: 207px;
	z-index: 10;	
}

a.javascripttestliens:link {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;	
}

a.javascripttestliens:visited {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;	
}

a.javascripttestliens:active {
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;	
}

a.javascripttestliens:hover {
	background-color: #C60;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: 0px solid #d47604;
}

/* Header - Teste l'utilisation d'IE7 */

.ie7test {
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding-bottom: 10px;
	border-top: 2px solid #C30;
	border-left: 2px solid #C30;
	border-right: 2px solid #C30;	
	border-bottom: 2px solid #C30;
	position: fixed;
	bottom: -5px;
	z-index: 10;	
}

a.ie7testlien:link {
	padding-left: 20px;
	padding-right: 20px;
}

a.ie7testlien:visited {
	padding-left: 20px;
	padding-right: 20px;
}

a.ie7testlien:active {
	top: 10px;	padding-left: 20px;
	padding-right: 20px;	
}

a.ie7testlien:hover {
	background-color: #C60;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: 0px solid #d47604;
}

/* --------------------------------------------------- */

/* FOOTER */
/* Footer - Texte du footer */
.footertextstyle {
	border: 0px solid #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 15px;
}

.footertextstyle2 {
	border: 0px solid #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 70px;
}

/* Footer */
.footer {
	border: 0px solid #C39;
	min-width : 915px;
	margin: auto;
	margin-top: 100px;
}

.divdecorbasgauche {
	position: absolute;
	background-image: url('images/bottom.png');
	background-position: bottom center;
	margin-left: -4.4%;
	margin-right: -4.4%;
	border: 0px solid #F00;
	margin-top: -532px;
	height: 532px;
	z-index: 1;
}

/* --------------------------------------------------- */

/* AFFICHAGE DES IMAGES ORIGINALES DANS GALERIES */
#links a img {
  height: 0;
  width: 0;
  border-width: 0;
} 

#links a {
  display:block;
} 

#links a:hover img {
  position: relative;
  top: 0px;
  left: 0px;
  height: 300px;
  width: 400px;
  border-width: 2px;
  border-color: #0ff;
}

/* 3. COMPLÉMENTS */

.largeurmenu { height:119px;}

a:link {
 text-decoration: none;
 color: #FFFFFF;
 border-bottom: 0px solid #FFFFFF;
 margin-bottom: -2px;
 font-variant: small-caps;
}

a:visited {
 text-decoration: none;
 color: #FFFFFF;
 border-bottom: 0px solid #FFFFFF;
 margin-bottom: -2px;
 font-variant: small-caps; 
}
a:active {
 text-decoration: none;
 color: #FFFFFF;
 border-bottom: 0px solid #FFFFFF;
 margin-bottom: -2px;
 font-variant: small-caps;
 }

a:hover {
 text-decoration: none;
 color: #FFFFFF;
 border-bottom: 2px solid #d47604;
 text-shadow: 2px 2px 1px #1F2E44;
 font-variant: small-caps; 
}

/* ____________________________________________________________________ */
/* #11. PUBLICITÉS */

/* Index */
.pub_index {
	border: 1px solid #1E2A35;
	background-color: #202F3D;
	text-align: right;
	float: right;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 40px;
	padding: 10px;
}

.pub_colgauche {
	text-align: left;
	width: 200px;
	margin: auto;
	margin-top: 40px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 1px solid #1E2A35;
	background-position: right center;
	background-color: #1E2A35;	
}

.pub_basindex {
	background-color: #1E2A35;
	border: 1px solid #000000;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
	min-width: 200px;
	max-width: 728px;
	text-align: right;
}

.pub_toppage {
	border: 0px solid #000000;
	position: absolute;
	margin-top: 5px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	height: 90px;
}

.pub_toppagemargined {
	background-color: #1E2A35;
	border: 1px solid #000000;
	margin: auto;
	overflow: hidden;
	text-align: center;
	width: 728px;
	height: 90px;
}

.pub_toppagepq {
	background-color: #1E2A35;
	border: 1px solid #000000;
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 728px;
	height: 20px;
}

/* Merci à Dyak pour tout ce qu'il a pu faire pour contribuer à ce code :3 */
/* Merci à Master_Zoulou pour l'écriture du code du menu de haut de page :)*/