/*
 *		/skin-01/classes.css
 *
 *		rikka v0.5
 *		Auteur : Gyan <gyan000@free.fr>
 */

/******************************************************************************
 *																										*
 *				Classes nécessaire pour les templates de base rikka					*
 *																										*
 ******************************************************************************/

/* Encadrement d image #6E1146 avec décalage de 10px en bas. */
.encadrementImageType-1 {
	vertical-align: top;
	margin: 0px 0px 10px 0px;
	border: 2px solid #6E1146;
}
/* Encadrement d image #6E1146 avec décalage de 10px en bas et droite. */
.encadrementImageType-2 {
	vertical-align: top;
	margin: 0px 10px 10px 0px;
	border: 2px solid #6E1146;
}
/* Encadrement d image #6E1146 avec texte associé. */
.encadrementImageType-3 {
	border: 1px solid black;
	background-color: #4B005B;
}
.encadrementImageType-3-Contenu {
	border: 1px solid black;
}
.encadrementImageType-4 {
	text-align: center;
	vertical-align: top;
	margin: 0px 0px 10px 0px;
	border: 2px solid #6E1146;
	background-color: #EDEDED;
}
/* Encadrement de texte noir avec décalage de 10px en bas. */
.encadrementCadreType-1 {
  	margin: 0px 0px 10px 0px;
	text-align: justify;
	border: 2px solid #00001E;
	border-top: 0px;
	background-color: #EDEDED;
}
.encadrementCadreType-1bis {
 	margin: 0px 10px 10px 0px;
	text-align: justify;
	border: 2px solid #00001E;
	border-top: 0px;
	background-color: #EDEDED;
}
.encadrementCadreType-1-Contenu {
  	padding: 5px 5px 5px 5px;
  	margin: 0px 0px 0px 0px;
}
.encadrementCadreType-1bis-Contenu {
 	padding: 5px 5px 5px 5px;
  	margin: 0px 0px 0px 0px;
}
.encadrementCadreType-2 {
  	margin: 0px 0px 10px 0px;
	text-align: justify;
	border: 2px solid #00001E;
	border-top: 0px;
	background-color: #65007A;
}
.encadrementCadreType-2bis {
 	margin: 0px 10px 10px 0px;
	text-align: justify;
	border: 2px solid #00001E;
	border-top: 0px;
	background-color: #65007A;
}
.encadrementCadreType-2-Contenu {
  	padding: 5px 5px 5px 5px;
  	margin: 0px 0px 0px 0px;
}
.encadrementCadreType-2bis-Contenu {
 	padding: 5px 5px 5px 5px;
  	margin: 0px 0px 0px 0px;
}
/* Cadre sans marges. */
.encadrementCadreType-3 {
	margin: 0px 10px 10px 0px;
	text-align: center;
	border: 2px solid #00001E;
	border-top: 0px;
	background-color: #4B005B;
	padding: 0px;
}
.encadrementCadreType-3-Titre {
	background-color: #4B005B;
}
/* <TABLE>  */
.encadrementCadreType-3-Contenu {
	padding: 0px;
	background-color: #4B005B;
}
.encadrementCadreType-3bis {
	margin: 0px 0px 10px 0px;
	text-align: center;
	border: 2px solid #00001E;
	border-top: 0px;
	background-color: #4B005B;
	padding: 0px;
}
.encadrementCadreType-3bis-Titre {
	background-color: #4B005B;
}
.encadrementCadreType-3bis-Contenu {
	padding: 0px;
	background-color: #4B005B;
}
/*
 * Cadre d aide / texte.
 */
.cadreAideHG {
	width: 10px;
	height: 10px;
	background-color: #EDEDED;
	border-top: 2px solid black;
	border-left: 2px solid black;
}
.cadreAideH {
	height: 8px;
	background-color: #EDEDED;
	border-top: 2px solid black;
}
.cadreAideHD {
	width: 10px;
	height: 10px;
	background-color: #EDEDED;
	border-top: 2px solid black;
	border-right: 2px solid black;
}
.cadreAideG {
	width: 8px;
	border-left: 2px solid black;
	background-color: #EDEDED;
}
.cadreAide {
	text-align: center;
	background-color: #EDEDED;
}
.cadreAideD {
	width: 8px;
	border-right: 2px solid black;
	background-color: #EDEDED;
	}
.cadreAideBG {
	width: 10px;
	height: 10px;
	background-color: #EDEDED;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
}
.cadreAideB {
	height: 8px;
	background-color: #EDEDED;
	border-bottom: 2px solid black;
}
.cadreAideBD {
	width: 10px;
	height: 10px;
	background-color: #EDEDED;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}

/* Propriété du cadre d'aide en section administrateur. */
.adminAide {
width: 600px;
padding: 5px;
background-color: #EDEDED;
text-align: justify;
border: 2px dotted black;
}
/* Encadrement des formulaires en section administrateur. */
.adminSection {
padding: 5px;
background-color: #F5F5F5;
border-top: 2px dotted black;
}
/*
 * Formulaires.
 */
/*Définition des balises de mise en forme. */
.fushia {color: #ED1FB0;}
.violet {color: #5B00B8;}
.rose {color: #FFBAFD;}
.violet_clair {color: #CCCCFF;}
.italique {font-style: italic; }
/* <DIV> Indiquer qu'on peut cliquer ici. */
.onPeutCliquer {cursor: pointer;}
/* <FORM> Champ d'upload en mode administration. */
.champUpload {background-color: #FDFDFD;}
/* <FORM> Champ d'upload publique. */
.champUpload2 {background-color: #EDEDED;}
/* Titre d une section en administration. */
.sectionTitreAdmin {
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	color: #000000;
}
/* Titre d une section. */
.sectionTitre {
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	color: #000000;
	border-bottom: 1px dotted #000000;
}
/* Apparence du cadre d'une section. */
.sectionFormulaire {text-align: left}
/* Cadre d'explications dynamiques. */
.encadrementExplicationsDynamiques {
	position: static;
}
.titreExplicationsDynamiques {
	position: relative;
	z-index: 2;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	margin-left: 15px;
	border: 1px dotted #CCCCFF;
	border-width: 0px 1px 0px 1px;
	max-width: 30%;
	background-color: #4B005B;
	top: -5px;
}
.explicationsDynamiques {
	position: relative;
	z-index: 1;
	top: -15px;
	border: 1px dotted #CCCCFF;
	background-color: #4B005B;
	padding: 15px 5px 5px 5px;
}
/* <TD> de gauche. */
.sectionGauche {
	height: 25px;
	vertical-align: top;
	text-align: right;
	color: #666666;
	font-size: 12px;
}
/* <TD> de droite. */
.sectionDroite {text-align: left;}
/* <DIV> Spécifique à un champ dynamique. */
.sectionDroiteCD {
	position: relative;
	top: -25px;
	margin-bottom: -10px;
}
.encadrementNumeroChamps {
	border-top: 1px dotted #ED1FB0;
	vertical-align: top;
	padding-top: 5px;
	color: #ED1FB0;
	width: 20px;
}
.encadrementGroupeChamps {
	border-top: 1px dotted #ED1FB0;
	border-right: 1px dotted #ED1FB0;
	padding: 10px;
	margin-bottom: 5px;
}
.encadrementGroupeChampsSuppression {
	padding: 5px 0px 0px 5px;
	vertical-align: top;
}
.encadrementEspacement {
	padding-bottom: 10px;
}
/* <TD> Champs contenant des erreurs. */
.erreur {
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: 1px dotted red;
	font-weight: bold;
	text-align: center;
	color: #C80000;
}
.ok {
	width: 100%;
	padding: 5px;
}
.formulaireValidation {
	border-width: 0px;
}
/*
 * Champs d'upload automatique.
 */
/* Cadre contenant les images fraîchement uploadées. */
.divImageUploadee {
	margin-bottom: 2px;
	border: 1px dotted black;
	background-color: #4b005b;
}
.divImageUploadee:hover {background-color: #731088;}
.imagesUploadees {
	vertical-align: middle;
	margin: 5px;
	border: 1px solid black;
}
.imagesUploadees:hover {border-color: black;}
/* Icone de supression d'une image uploadée. */
.imagesSuppression {margin-left: 10px;}
/* iFrame contenant le formulaire et le champ d'upload. */
iframe {
	overflow: hidden;
	border-width: 0px;
	height: 40px;
}
/* Sert à  cacher une iframe d'upload. */
iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

/*
 * Options de mise en forme du texte.
 */
.encadrementHG {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-top: 1px solid black;
	border-left: 1px solid black;
}
.encadrementH {
	height: 5px;
	background-color: #EDEDED;
	border-top: 1px solid black;
}
.encadrementHD {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-top: 1px solid black;
	border-right: 1px solid black;
}
.encadrementG {
	background-color: #EDEDED;
	width: 4px;
	border-left: 1px solid black;
}
.encadrement {
	text-align: center;
	background-color: #EDEDED;
}
.encadrementD {
	background-color: #EDEDED;
	width: 4px;
	border-right: 1px solid black;
}
.encadrementBG {
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
	background-color: #EDEDED;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.encadrementB {
	height: 5px;
	background-color: #EDEDED;
	border-bottom: 1px solid black;
}
.encadrementBD {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

/*
 * Onglets.
 */
.entreOnglets {
	height: 30px;
	background-color: #FFF4DA;
	border-bottom: 2px solid #000000;
}
.ongletActif {
	text-align: center;
	height: 30px;
	padding: 3px;
	background-color: #EEEEEE;
	border: 2px solid #000000;
	border-bottom-width: 0px;
}
.ongletInactif {
	cursor: pointer;
	text-align: center;
	height: 30px;
	padding: 3px;
	background-color: #CBCBCB;
	border: 2px solid #000000;
	}
.ongletInactif:hover {
	background-color: #EEEEEE;
	border-bottom-width: 0px;
}
.contenuOnglet {
	padding: 10px 10px 10px 10px;
	background-color: #EEEEEE;
	border-bottom: 2px solid #000000;
	border-top-width: 0px;
}

/*
 * Sous-onglets.
 */
.entreSousOnglets {
	height: 20px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #000000;
}
.sousOngletActif {
	text-align: center;
	height: 20px;
	padding: 3px;
	background-color: #FDFDFD;
	border: 1px solid #000000;
	border-bottom-width: 0px;
}
.sousOngletInactif {
	cursor: pointer;
	text-align: center;
	height: 20px;
	padding: 3px;
	background-color: #EDEDED;
	border: 1px solid #000000;
	}
.sousOngletInactif:hover {
	background-color: #FDFDFD;
	border-bottom-color: #64007A;
}
.sousContenuOnglet {
	padding: 10px 10px 10px 10px;
	background-color: #FDFDFD;
	border: 1px solid #000000;
	border-top-width: 0px;
}

/*
 * Options de listing.
 */
.optionsListingEncadrement {
	padding: 5px;
	background-color: #E4F4FF;
	border: 1px solid  black;
}
.optionsListingEncadrementTitre {border-bottom: 1px solid  black;}
.optionsListingTitre {
	cursor: pointer;
	text-align: center;
	border: 1px solid  black;
	border-bottom: 1px solid #450055;
	border-left-width: 0px;
	width: 150px;
	margin-bottom: -1px;
}
.optionsListing {
	text-align: center;
	padding: 5px;
	border-width: 0px;
}

/*
 * Listing.
 */
.lcListing {
	padding: 1px;
}
.lcListing:hover {
	background-color: #EDEDED;
	padding: 1px;
	color: #CCCCFF;
}
.pageActuelle {
	background-color: #EDEDED;
	font-weight: bold;
	padding: 1px;
}
.titreColonne1 {
	border-left: 1px solid black;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	height: 15px;
	text-align: center;
	background-color: #FDFDFD;
}
.titreColonne2 {
	border-left: 1px solid black;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	height: 15px;
	text-align: center;
	background-color: #EDEDED;
}
.titreColonne3 {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	height: 15px;
	text-align: center;
	background-color: #EDEDED;
}
.titreLigne1 {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	height: 15px;
	text-align: center;
	background-color: #FDFDFD;
}
.titreLigne2 {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	height: 15px;
	text-align: center;
	background-color: #EDEDED;
}
.listingHG {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-top: 1px solid black;
	border-left: 1px solid black;
}
.listingH {
	height: 5px;
	background-color: #EDEDED;
	border-top: 1px solid black;
}
.listingHD {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-top: 1px solid black;
	border-right: 1px solid black;
}
.listingG1 {
	background-color: #FDFDFD;
	width: 4px;
	border-left: 1px solid black;
}
.listingG2 {
	background-color: #EDEDED;
	width: 4px;
	border-left: 1px solid black;
}
.listingG3 {
	background-color: #EDEDED;
	width: 4px;
	border-left: 1px solid black;
}
.listing1 {
	padding: 0px 5px 0px 5px;
	border-left: 1px solid black;
	text-align: center;
	background-color: #FDFDFD;
}
.listing2 {
	padding: 0px 5px 0px 5px;
	border-left: 1px solid black;
	text-align: center;
	background-color :#EDEDED;
}
.listingD1 {
	background-color: #FDFDFD;
	width: 4px;
	border-right: 1px solid black;
}
.listingD2 {
	background-color: #EDEDED;
	width: 4px;
	border-right: 1px solid black;
}
/* Bordure droite de l'entête. */
.listingD3 {
	background-color: #EDEDED;
	width: 4px;
	border-right: 1px solid black;
}
.listingBG {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.listingB {
	height: 5px;
	background-color: #EDEDED;
	border-bottom: 1px solid black;
}
.listingBD {
	width: 5px;
	height: 5px;
	background-color: #EDEDED;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}


/* Sous-menu. */
.sousMenuBarre {
	padding: 0px 5px 0px 5px;
	background-color: #4b005b;
	height: 25px;
	border: 3px solid purple;
	border-width: 3px 0px 2px 0px;
}
.sousMenuBarreLien {vertical-align: middle;}

 /* <TABLE> Exceptions. */
.exception {
  	vertical-align: top;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #C5FFC3;
	border: 1px dashed red;
 }

/* <TABLE> de débugage. */
.debug {
	margin-top: 10px;
	width: 100%;
	border: 2px dashed black;
	background-color: #E4F4FF;
}
/******************************************************************************
 *																										*
 *							Classes spécifiques à Geodesheep									*
 *																										*
 ******************************************************************************/
.encadrementPhotos {
	border: 2px solid #666666;
}
.lien-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B70000;
	text-decoration: underline;
}
.lien-intro:hover {
	font-weight: normal;
}
.lien-copyright-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656565;
	text-decoration: underline;
}
.texte-copyright-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656565;
	text-decoration: none;
}
.newsIntroDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #656565;
}
.newsIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656565;
	text-align: justify;
	height: 240px;
	vertical-align: top;
}
.TD_espacementContenu {
	padding-left: 5px;
}
.TD_fond_intro_gauche{
	background-image: url('./images/intro_fond_gauche.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	text-align : center;
}
.TD_galerie_accueil{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align : center;
	padding-bottom: 15px;
}
.listing_actualiteTitre {
	width: 620px;
}
.listing_actualiteDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.listing_actualiteTexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656565;
	text-decoration: none;
}
.listing_actualiteFichier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B70000;
	text-decoration: underline;
}
.lien-contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B70000;
	text-decoration: underline;
}
.lien-contenu:hover {
	font-weight: normal;
	text-decoration: none;
}
.lien-contenu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9B03;
	text-decoration: underline;
}
.lien-contenu2:hover {
	font-weight: normal;
	text-decoration: none;
}
.texte-contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656565;
	text-decoration: none;
}
.texte-contenu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.texte-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #177005;
	text-decoration: none;
}
.texte-titre-menu-gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #177005;
	text-decoration: none;
}
.lien-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #177005;
}
.lien-titre:link { text-decoration: underline; }
.lien-titre:visited { text-decoration: underline; }
.lien-titre:hover { text-decoration: none; }

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656565;
	text-decoration: none;
}
.menuDiv {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	background-color: #FFF4DA;
	border: 1px solid #D8D8D8;
	border-width: 0px 1px 1px 1px;
}
.menuDiv ul {
	margin: 0px;
	padding: 0px 5px 5px 5px;
}
.menuDiv li {
	padding-left: 15px;
	list-style: none;
	background-image: url('/images/puce1.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.menuDiv li a {
	font-weight: normal;
	color: #B70000;
	font-size: 12px;
	text-decoration: underline;
}
.menuDiv li a:hover {
	font-weight: normal;
	text-decoration: none;
}
.tableActu {
	width: 99%;
	border: 1px dotted #B70000;
	background-color: #EFEFEF;
}
.texte-erreur {
	font-weight: bold;
	color: #C80000;
}
.lien-acces-prive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B70000;
	text-decoration: underline;
}
.lien-acces-prive:hover {
	font-weight: bold;
	text-decoration: none;
}
.tabRegion {
	border: 1px dotted #B70000;
	background-color: #EFEFEF;
}
.texteRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C80000;
}

/* styles galeries photos */
.imgGalerieMini {
	min-height: 250px;
	margin: 0 27px;
	float: left;
	text-align: center;
}
.imgGalerieMini > p {
	width: 200px;
}
.imgGalerieMini > a {
	display: block;
}
.imgGalerieMini > a img {
	border: 2px solid #666666;
}
.imgGalerieMini > a img:hover {
	border-color: #000000;
}