@charset "iso-8859-1";

BODY {
font-family:Tahoma,Arial;
color:black;
background-color:#FFFFFF;
padding:0;
margin:0;
text-align:center;
}

.Site{
margin:auto;
padding:0;
width:1000px;
}

.TabPrincipal{
padding:0;
margin:0;
background-color:#FFFFFF;
}

.Navi {
background-color:#FFFFFF;
margin:0;
padding:0 10px;
border-top:10px solid transparent; /* distance avec le début du site après le menu : modifier dans 3 endroits */
}

.background_centre {
background-color:#FFFFFF;
margin:0;
padding;0;
border-top:10px solid transparent; /* distance avec le début du site après le menu : modifier dans 3 endroits */
}

.background_droite {
background-color:#FFFFFF;
margin:0;
padding: 0 0 0 10px;
border-top:10px solid transparent; /* distance avec le début du site après le menu : modifier dans 3 endroits */
}






h1 {
font-family:Tahoma,Arial;
font-size:11px;
font-weight:bold;
padding:0;
margin:0;
}

hr {
height:1px;
background-color:#B4B4B4;
color:#B4B4B4;
}

td.aere{
line-height:18px;
}

.FirstEntete {
border-top:1px solid #622280; /* Couleur 1-4 */
background-color:#E6C7FF; /* Couleur 1-2 */	
}

.EnteteSiteLigneHaut {
background-color:#F0E6F6; /* Couleur 1-1 */
border-top:1px solid #622280; /* Couleur 1-4 */
height:9px;
padding:0px;
margin:0px;
}

.EnteteSiteLigneHautGD {
background-color:#F0E6F6; /* Couleur 1-1 */
border-top:1px solid #622280; /* Couleur 1-4 */
height:10px;
padding:0px;
margin:0px;
}

.EnteteSite {
border:0px;
height:100px;
}

.publarge{
padding:0px;
margin:6px 0px 0px 0px;
}




.PiedDePage {
background-color:#622280; /* Couleur 1-4 */
padding-top:0px;
padding-bottom:0px;
margin:0px;
color:white;
height:10px;
}

A.PiedDePage {
color:white;
}

.moderation{
color:#DF4400;
text-decoration: underline;
}

.moderation-on{
color:#DF4400;
text-decoration: underline;
font-weight:bold;
background-color:#FBE6AD;
padding:0 4px 0 4px;
}


/* -------------------------------------------- PAGINATION --- */
/* ---- 1) COULEUR PRINCIPALE ---- */
/* Clair */
/* Couleur 1-1: #F0E6F6*/	
/* Couleur 1-2: #E6C7FF*/
/* Couleur 1-3: #9E4AD2*/
/* Couleur 1-4: #622280*/
/* Couleur 1-5: #250038*/
/* Foncé */
.pagination {
	padding: 3px;
	margin: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #622280;/* Couleur 1-4*/
	text-decoration: none; /* no underline */
	color: #622280;
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #999;
	text-decoration: none; /* no underline */
	color: #666;
}

.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #622280;
	font-weight: bold;
	background-color: #622280;
	color: white;
}

.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}


/* -------------------------------------------- LIENS --- */

A { /* Pour les liens sur les pseudos, et les liens non marqués */
text-decoration:none;
color:#622280; /* Couleur 1-3 */
}
A:hover {
text-decoration:underline;
}

A.LienFaible {
text-decoration:none;
font-size:10px;
color:#622280; /* Couleur 1-3 */
}
A.LienFaible:hover {
text-decoration:underline;
}

A.LienSimple {
text-decoration:none;
color:#622280; /* Couleur 1-3 */
}
A.LienSimple:hover {
text-decoration:underline;
}

A.LienFort {
text-decoration:none;
font-weight:bold;
COLOR:#622280; /* Couleur 1-3 */
}
A.LienFort:hover {
text-decoration:underline;
}


A.LienTitre {
text-decoration:none;
COLOR:#622280; /* Couleur 1-3 */
font-weight:bold;
font-size:13px;
}
A.LienTitre:hover {
TEXT-DECORATION:underline;
font-weight:bold;
}

A.LienHome {
TEXT-DECORATION:underline;
COLOR:#622280; /* Couleur 1-3 */
font-size:13px;
font-weight:bold;
}
A.LienHome:hover {
COLOR:#8E8E8E; /* Couleur 2-2 */
font-size:17px;
font-weight:bold;
}

A.LienHome2 {
TEXT-DECORATION:underline;
COLOR:#622280; /* Couleur 1-3 */
font-size:11px;
font-weight:bold;
}
A.LienHome2:hover {
COLOR:#8E8E8E; /* Couleur 2-2 */
font-size:14px;
font-weight:bold;
}



/* ------------------ PAD TITRE FOND BLANC */

.PADtitreBlanc_global {
position:relative;
border:0;
background-color:#632280;
width:100%;
}

.PADtitreBlanc_globalGauche {
background:url(design/PADtitre_Gauche.gif) top left no-repeat;
}

.PADtitreBlanc_globalDroite {
background:url(design/PADtitre_Droite.gif) top right no-repeat;
}

.PADtitreBlanc_txt {
padding:6px;
color:white;
text-align:justify;
font-weight:bold;
}


/* ------------------ PAD POST */

.PADpost_corps {
position:relative;
width:496px;
border:1px solid #B3B3B3;
background-color:#F2F2F2;
padding:13px 0 0 0;
margin-bottom:8px;
}

.PADpost_bas {
position:relative;
background:url(design/PADpost_Bas.gif) bottom no-repeat;
width:496px;
min-height:96px;
padding:0;
}

.PADpost_ecarte {
position:relative;
padding:0 12px 19px 11px;
}

.PADpost_txt {
position:relative;
padding:4px 8px 3px 8px;
background-color:white;
text-align:justify;
width:457px; /* obligatoire */
}


/* ------------------ PAD TEXTE */

.PADtexte_corps {
position:relative;
width:498px;
background:url(design/PADtexte_Corps.gif) repeat-y;
padding:0;
margin-bottom:8px;
}

.PADtexte_txt {
position:relative;
padding:10px 10px 10px 10px;
text-align:justify;
}

.PADtexte_haut {
position:relative;
background:url(design/PADtexte_Haut.gif) top no-repeat;
padding:0;
}

.PADtexte_bas {
position:relative;
background:url(design/PADtexte_Bas.gif) bottom no-repeat;
}

/* ------------------ PAD ENTETE */

.PADentete_corps {
position:relative;
width:498px;
background:url(design/PADentete_Corps.gif) repeat-y;
padding:0;
margin-bottom:8px;
}

.PADentete_txt {
position:relative;
padding:6px 6px 6px 6px;
text-align:justify;
}

.PADentete_haut {
position:relative;
background:url(design/PADentete_Haut.gif) top no-repeat;
padding:0;
}

.PADentete_bas {
position:relative;
background:url(design/PADentete_Bas.gif) bottom no-repeat;
}

.Barre {
position:relative;
background:url(design/barre-horinzontale.gif) no-repeat;
border:0;
height:31px;
width:498px;
margin-bottom:6px;
}

.Barre_texte {
position:relative;
padding:5px 0 0 10px;
}

/* ------------------------------------------------------- TEXTE --- */

.Separateur {
COLOR:grey;
padding:0px 4px 0px 4px; 
}

.Soustitre {
COLOR:#622280; /* Couleur 1-3 */
font-weight:bold;
}

.SoustitreFlash {
COLOR:#FF5D05; /* Couleur 1-2: #E6C7FF*/
font-weight:bold;
}

Table {
font-family:Tahoma,Arial;
font-size:11px;
text-align:left;
}

.Texte {
font-size:11px;
}

.TexteFort {
font-size:13px;
}

.Titre {
font-size:16px;
font-family:Arial;
font-weight:bold;
/*background-color: #E3D4F5;*/
/*padding:2px 6px 2px 6px;*/
}

.upville,
.Titre span{
	text-shadow: 2px 2px 4px #999;
}

.Color1-1 {COLOR:#F0E6F6;}	/* Couleur 1-1 */
.Color1-2 {COLOR:#E6C7FF;}	/* Couleur 1-2 */
.Color1-3 {COLOR:#9E4AD2;}	/* Couleur 1-3 */
.Color1-4 {COLOR:#622280;}	/* Couleur 1-4 */
.Color1-5 {COLOR:#250038;}	/* Couleur 1-5 */

.ColorSurligne {
COLOR:#DF4400;    
font-weight:bold;
}

.ColorRed {
color:#DF4400;
}

/* ----------------------------------------------------------- DIVERS --- */

.nomarge {
margin:0px;
padding:0px;
font-size:11px;
}


OL { /* surtout pour les stats */
padding-left:26px;
}


form {
margin:0px;
padding:0px;
} 

img {
border-color:black;
margin:0px;
padding:0px;
}

.deborde img {max-width:447px;}

IMG.ImgType2 {
padding-left:10px;
}

IMG.ImgType {
border-color:black;
padding:2px;
}
IMG.ImgType:hover {
cursor:hand;
cursor:pointer;
}

IMG.photo {
border:1px solid black;
}

input {
font-size:12px;
}

SELECT {
font-size:12px;
}

TEXTAREA {
font-family:Tahoma,Arial;
font-size:11px;
}
textarea.expanding {
line-height: 18px;
border:1px solid #D0D0D0;	
}

.tooltip {
border:1px solid black;
font-size:12px;
}

.tabmaptooltip {
margin:0px;
padding:0px;
background-color:white;
font-family:Arial,Tahoma;
color:black;
border:2px solid #622280;
font-size:12px;
text-align:center;
}


.SeparateurHorizontal {
padding-top:10px;
margin-bottom:0px;
}

.sondage_res {
	background:url('sondage.gif');
	min-width:1px;
	margin-left:4px;
	vertical-align:bottom;
}



/* -------------------------------------------------------------- MENUS --- */

A.LienMenu1ON {
text-decoration:none;
color:white;
}
A.LienMenu1ON:hover {
TEXT-DECORATION:underline;
}

A.LienMenu1OFF {
text-decoration:none;
color:#E6C7FF; /* Couleur 1-2 */
}
A.LienMenu1OFF:hover {
TEXT-DECORATION:underline;
}


A.LienMenu2ON {
text-decoration:none;
color:white;
}
A.LienMenu2ON:hover {
TEXT-DECORATION:underline;
}

A.LienMenu2OFF {
text-decoration:none;
color:#622280; /* Couleur 1-2 */
}
A.LienMenu2OFF:hover {
TEXT-DECORATION:underline;
}

.SeparateurMenu1 {
padding-left:10px;
padding-right:10px;
color:#E6C7FF; /* Couleur 1-3 */
}

.SeparateurMenu2 {
padding-left:10px;
padding-right:10px;
color:#622280; /* Couleur 1-4 */
}

A.LienMenu:hover {
TEXT-DECORATION:underline;
}

.MenuLigne1_TD {
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
}

.MenuLigne1_Start {
float:left;
padding:4px 5px 4px 5px; 
background-color:#622280; /* Couleur 1-3 */
width:40px;
}

.MenuLigne1_OFF {
float:left;
padding:4px 5px 4px 5px;
}

.MenuLigne1_avantON {
float:left;
background-color:white;
margin:0px 2px 0px 2px;
}

.MenuLigne1_ON {
float:left;
padding:4px 5px 4px 5px;
margin:0px 1px 0px 1px;
border-top:1px solid #E6C7FF; /* Couleur 1-2 */
background-color:#9E4AD2; /* Couleur 1-3 */
}

.MenuLigne2_TD {
font-size:12px;
font-weight:bold;
background-color:#9E4AD2; /* Couleur 1-3 */
margin:0px;
border:0px;
padding:0px;
}

.MenuLigne2_Start {
float:left;
padding:4px 5px 4px 5px; 
width:40px;
}

.MenuLigne2_OFF {
float:left;
padding:4px 5px 4px 5px;
}

.MenuLigne2_ON {
float:left;
padding:4px 5px 4px 5px;
}

/* --------------------------------------------------------------- NAVIGATEUR --- */


.NaviBloc {
margin-left:4px;
font-size:12px;
width:160px;
}

.NaviBloc_Haut {
text-align:center;
background-image:url(design/NaviBloc_Haut.gif);
background-repeat:no-repeat;
font-family:Arial;
height:29px;
font-size:13px;
color:white;
font-weight:bold;
}

.NaviBloc_Milieu {
padding:6px 2px 2px 4px;
font-family:Tahoma,Arial;
font-size:12px;
background-image:url(design/NaviBloc_Corps.gif);
}

.NaviBloc_Bas {
background-image:url(design/NaviBloc_Bas.gif);
background-repeat:no-repeat;
height:22px; /* hauteur de l'image + espace entre 2 blocs */
}

.NaviBloc_Haut2 {
text-align:center;
background-image:url(design/NaviBloc_Haut2.gif);
background-repeat:no-repeat;
font-family:Arial;
height:30px;
font-size:13px;
color:#622280;
font-weight:bold;
}

.NaviBloc_Milieu2 {
padding:6px 6px 2px 4px;
font-family:Tahoma,Arial;
font-size:12px;
background-image:url(design/NaviBloc_Corps2.gif);
}

.NaviBloc_Bas2 {
background-image:url(design/NaviBloc_Bas2.gif);
background-repeat:no-repeat;
height:26px; /* hauteur de l'image + espace entre 2 blocs */
}

.NaviBloc_Haut2Red {
text-align:center;
background-image:url(design/NaviBloc_Haut2Red.gif);
background-repeat:no-repeat;
font-family:Arial;
height:30px;
font-size:13px;
color:#622280;
font-weight:bold;
}

.NaviBloc_Milieu2Red {
padding:6px 6px 2px 4px;
font-family:Tahoma,Arial;
font-size:12px;
background-image:url(design/NaviBloc_Corps2Red.gif);
}

.NaviBloc_Bas2Red {
background-image:url(design/NaviBloc_Bas2Red.gif);
background-repeat:no-repeat;
height:26px; /* hauteur de l'image + espace entre 2 blocs */
}

.NaviBloc_input {
font-size:12px;
height:14px;
width:90px;
background-color:white;
border:1px solid #B4B4B4; /* Couleur 1-4 */
}

.NaviBloc2_Haut {
padding-left:6px;
background-image:url(design/NaviBloc2_Haut.gif);
background-repeat:no-repeat;
height:22px;
vertical-align:middle; 
font-size:13px;
color:white;
font-weight:bold;
}

.NaviBloc2_Milieu {
padding:6px 2px 2px 4px;
background-color:#F3F3F3; /* Couleur 2-1 */
}

.NaviBloc2_Bas {
background-image:url(design/NaviBloc2_Bas.gif);
background-repeat:no-repeat;
height:20px; /* hauteur de l'image + espace entre 2 blocs */
}

	
/* -------------------------------------------------------------------- LISTE DES CONNECTES --- */

.TabConnectes {
/* background-color:#F0E6F6;  */
border:0px;
padding:0px;
margin:0px;
}

.ConnectBloc_Haut {
background-image:url(design/ConnectBloc_Haut.gif);
background-repeat:no-repeat;
font-family:Arial;
padding:0px;
margin:0px;
height:36px;
font-size:13px;
color:white;
font-weight:bold;
}


.TabConnectesNb {
background-image:url(design/ConnectBloc_Corps2.gif);
background-repeat:no-repeat;
font-family:Tahoma,Arial;
vertical-align:top; 
height:24px;
font-size:12px;
color:#622280;
padding-top:3px;
}

.TabConnectesCorps {
background-image:url(design/ConnectBloc_Corps.gif);
background-repeat:repeat-y;
}


.TabConnectesFemme {
padding-left:6px;
}

.TabConnectesHomme {
padding-left:6px;
}


.ConnectBloc_Bas {
background-image:url(design/ConnectBloc_Bas.gif);
background-repeat:no-repeat;
height:19px;
}



/* ----------------------------------------------------- PADS --- */

.Pad1Color1 { /* Titre de page */
background-color:#F0E6F6; /* Couleur 1-1 */	
border-top:1px solid #622280; /* Couleur 1-4 */
border-bottom:2px solid #E6C7FF; /* Couleur 1-2 */
padding:4px;
}

.Pad2Color1 { /* Onglets */
background-color:#622280; /* Couleur 1-4 */	
padding:4px;
color:white;
font-weight:bold;
}

.Pad3Color1 { /* Sous-niveau */
background-color:#F0E6F6; /* Couleur 1-1 */	
padding:4px;
color:#622280; /* Couleur 1-4 */
}

.Pad4Color1 { /* PAD blanc avec contour */
border:2px solid #622280; /* Couleur 1-4 */
background-color:white; /* Couleur 1-1 */	
padding:4px;
margin:0px;
color:#622280; /* Couleur 1-4 */
}


.Pad4Color1ON { /* Onglet ON */
background-color:#622280; /* Couleur 1-3 */	
border:0px; 
padding:4px;
color:white;
font-weight:bold;
}
.Pad4Color1OFF { /* Onglet OFF */
background-color:#F0E6F6; /* Couleur 1-2 */	
border:1px solid #622280;
padding:4px;
color:#622280; /* Couleur 1-5 */
}

/* ---- 1) COULEUR PRINCIPALE ---- */
/* Clair */
/* Couleur 1-1: #F0E6F6*/	
/* Couleur 1-2: #E6C7FF*/
/* Couleur 1-3: #9E4AD2*/
/* Couleur 1-4: #622280*/
/* Couleur 1-5: #250038*/
/* Foncé */


.Pad1Color2 { /* PAD */
background-color:#F2F2F2; /* Couleur 2-1 */	
border-top:0px;
padding:3px;
}

.PenseBete { /* PAD */
background-color:#FFDD98; /* yellow */	
border-top:2px solid black;
padding:6px;
border: dotted thin;
font-size:11px;
}






/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */






  
/* .annule doit être positionné en fin de fichier CSS pour (apparemment) respecter une question de priorité sous Mozilla */

.mesamis { 
border-color:#11B64B;
border-style:solid;
border-left-width:3px;
border-right-width:3px;
border-top-width:1px;
border-bottom-width:1px;
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
}

.mesamis_veille { 
border-color:#11B64B;
border-style:dotted;
border-left-width:2px;
border-right-width:2px;
border-top-width:2px;
border-bottom-width:2px;
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
}

.mesindesirables {
background-color:#CACACA;
border-color:#000000;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:0px;
}
.suisinscrit { /* utilisé dans le calendrier en JS aussi */
background-color:#A5F8D4; /* #A5F8B5 */
}
.suisinscritannule { /* utilisé dans le calendrier en JS aussi */
background-color:#A5F8D4; /* #A5F8B5 */
text-decoration:line-through;
color:#DF4400;
}
TR.suisinscritannule TD{
background-color:#A5F8D4; /* #A5F8B5 */
text-decoration:line-through;
color:#DF4400;
}
.suisinscritLA {
background-color:#C2D486;
}
.suisinscritLAannule {
background-color:#C2D486;
text-decoration:line-through;
color:#DF4400;
}
TR.suisinscritLAannule TD{
background-color:#C2D486;
text-decoration:line-through;
color:#DF4400;
}
.sortiepassees {
background-color:#DFDFDF;
}	
.passees {
background-color:#CEC0DE; /*couleur d'affichage des dates passées sur le calendrier de toutes les pages*/ 
}	
.annulepassees {
text-decoration:line-through;
color:#DF4400;
background-color:#DFDFDF;
}			
TR.annulepassees TD{
text-decoration:line-through;
color:#DF4400;
background-color:#DFDFDF;
/* Si changement :à répercuter dans vue_sorties_all.php où l'info est en dur quelquepart */
}
.annule {
text-decoration:line-through;
color:#DF4400;
/* Si changement :à répercuter dans vue_sorties_all.php où l'info est en dur quelquepart */
}
TR.annule TD{
text-decoration:line-through;
color:#DF4400;
/* Si changement :à répercuter dans vue_sorties_all.php où l'info est en dur quelquepart */
}

.statsgagneplace {
color: #00B400;
}

.statsperdplace {
color: #DF4400;
}

.sortiepartenaire {
color: #DF4400;
font-size:13px;
font-weight:bold;
}
.new_sortiepartenaire {	/* doit être en accord avec .newmails */
background-color:#FBE6AD;
font-weight:bold;
color: #DF4400;
font-size:13px;
}

.newmails {
background-color:#FBE6AD;
font-weight:bold;
}


/* ------------------------------------------------ */
/* inscription */
.TableFine { background-color:#622280; }
.TableFine tr {
	text-align:center;
	background-color:white;
}
.TableFine tr.InscTitre {
	font-weight:bold;
	color:white;
	background-color:#622280;
}
.TableFine td { font-size:13px; padding:7px; }
.TableFine tr td.InscTitreVide { background-color:white; }
.TableFine tr td.InscTitreBordure { border:1px solid white; }
.TableFine tr td.InscPromo { font-size:18px; color:#DF4400; }
.TableFine tr td.InscLeft { text-align:left;}
.TableFine td em { font-size:10px; }
.TableFine td a { text-decoration:underline; }
.TableFine td a:hover { text-decoration:none; }
.TableFine td br.brmini { margin-bottom:10px; }
.TableFine td input {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
	width:83px;
}


/* Dans l'appli, couleur du rouge sur fond foncé :#FFC0B0 */
/* Faire copier/coller pour la remplacer */