@charset "iso-8859-1";
/*
1000 =>
			170															520										310
"160								10"								"520"							"10						300" 
"1 10 138 10 1"									"1 10 498 10 1"									"1 10 278 10 1"

*/

/* #E3D4F5; /* violet clair */
/* #F0ECF5; /* violet second */
/* #632280; /* violet foncé */

/* #F8CD8B; /* orange clair */
/* #DF4400; /* orange foncé */

/* #FFFFFF; /* blanc */
/* #F6F6F6; /* gris clair */
/* #D8D8D8; /* gris moyen */
/* #949598; /* gris foncé */
/* #000000; /* noir */

body,#divbody {
position: static !important;
font-family:Tahoma,Arial;
color:#000000; /* noir */
background-color: #F6F6F6; /* gris clair */
padding:0;
margin:0 auto;
text-align:center;
font-size:12px;
width:1000px;
}

.monsticky {
-webkit-box-shadow: 0px 6px 11px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 11px -8px rgba(0,0,0,0.75);
box-shadow: 0px 6px 11px -8px rgba(0,0,0,0.75);
background-color: #F6F6F6; /* gris clair */
width:1000px;
}

.monstickyalias { /* doit avoir le meme height: que .geo-header */
display:none;
height:57px;
}

.stickyfixed {
position: fixed;
top:0;
z-index:9999;
}

.monhelp {
width:300px;
text-align:justify;
}

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

/* -------------------------------------------- PAGINATION --- */
.pagination {
	padding: 3px;
	margin: 3px;
	font-family:Tahoma,Arial;
	font-size: 12px;
}

.pagination a {
	background-color: #FFFFFF; /* blanc */
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #632280; /* violet foncé */
	text-decoration: none;
	color: #632280; /* violet foncé */
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #DF4400; /* orange foncé */
	text-decoration: none;
	color: #DF4400; /* orange foncé */
}

.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #632280; /* violet foncé */
	font-weight: bold;
	background-color: #632280; /* violet foncé */
	color: #FFFFFF; /* blanc */
}

.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #D8D8D8; /* gris moyen */
	color: #D8D8D8; /* gris moyen */
}

/* ************************* Site : Colonne gauche **************************** */
.Navi {
width:160px; /* "160 10" = 170 */
margin-right:10px;
margin-top:10px; /* distance avec le début du site après le menu : modifier dans 3 endroits */
overflow:hidden;
/*background-color:yellow;*/
text-align:center;
}

.NaviBloc {
text-align:center;
font-size:12px;
width:138px; /* +bor1 +pad5 +pad5 +bor1 = 160 => dans .Navi */
padding:10px;
background-color:#FFFFFF; /* blanc */
/* NEW VERSION */
border-top:1px solid #D8D8D8; /* gris moyen */
border-left:1px solid #D8D8D8; /* gris moyen */
border-right:1px solid #D8D8D8; /* gris moyen */
border-bottom:1px solid #949598; /* gris foncé */
margin-bottom:10px;
}

.NaviTitle {
width:118px; /* +pad10 +pad10 = 138 => dans .NaviBloc */
background-color: #E3D4F5; /* violet clair */
text-align:center;
padding:5px 10px 5px 10px;
font-weight:bold;
color: #632280; /* violet foncé */
margin-bottom:10px;
/* mettre raccord ci-dessous avec : .calendar thead .title */
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}

.ConnectesFemmes {
text-align:left;
float:left;
width:133px; /* 300 - 2*10pad - 2*1bor /2  -1 bor -5mar */
margin-right:5px;
border-right:1px dashed #632280; /* violet foncé */
}

.ConnectesHommes {
text-align:left;
float:left;
width:139px; /* 300 - 2*10pad - 2*1bor /2 */
}

#countrydivcontainer {
width:300px;
}

.ConnectesStatut {
float:left;
background-color:white;
margin:4px 0 4px 30px;
padding:2px 5px 2px 5px;
border:1px dashed #632280; /* violet foncé */
}


/* ************************* Zone PUB sur toutes les pages **************************** */
.PubDivStyle {
position:relative;
border:2px solid #632280; /* violet foncé */
background-color: #FFFFFF; /* blanc */
width:296px;
height:250px;
text-align:center;
overflow:hidden;
margin:auto;
}
.PubTitreStyle {
text-align:center;
color:#DF4400; /* orange foncé */
font-size: 18px;
font-family:Tahoma,Arial;
border:none;
width:100%;
}
.PubLigneStyle {
text-align:center;
color: #000000; /* noir */
font-size:12px;
font-family:Tahoma,Arial;
resize:none;
border:none;
width:100%;
}
.PubLienStyle {
text-align:center;
color: #632280; /* violet foncé */
font-size: 14px;
font-family:Tahoma,Arial;
border:none;
width:100%;
}
.PubDivRenduStyle {
cursor: pointer;
margin-bottom:10px;
}

/* ************************* index.php **************************** */

.col-gauche { /* dans background_centre */
width:302px;
margin-right:10px;
float:left;
}
.img-gauche { /* dans background_centre */
border:1px solid #000000; /* noir */
width:300px;
}
.col-droite { /* dans background_centre */
width:208px;
float:left;
}
.img-droite { /* dans background_centre */
border:1px solid #000000; /* noir */
width:206px;
}

.titreFort300 { /* dans col-gauche */
width:292px; /* +pad5 +pad5 = 302 (on ne compte pas les margin) */
background-color:#632280; /* violet foncé */
color:#FFFFFF; /* blanc */
padding:5px;
margin:0 0 10px;
text-align:center;
font-weight:bold;
}

.titreFortComplement300 { /* dans col-gauche */
width:198px; /* +pad5 +pad5 = 208 (on ne compte pas les margin) */
background-color:#632280; /* violet foncé */
color:#FFFFFF; /* blanc */
padding:5px;
margin:0 0 10px;
text-align:center;
font-weight:bold;
}

/* ************************* vues sorties **************************** */

/* 520 : "1 10 498 10 1" */
.legende {
background-color:#E3D4F5; /* violet clair */
height:18px;
width:500px; /* +pad10 +pad10 =520 (on ne compte pas les margin) */
text-align:center;
color:#632280; /* violet foncé */
font-weight:bold;
font-size:12px;
padding:5px 10px 5px 10px;
margin-bottom:10px;
margin-top:10px;
}

/* ************************* zone connectés **************************** */

.connectes300 {
background-color:#F0ECF5; /* violet second */
width:278px; /* +bord1 + bord1 +pad10 +pad10 =300 (on ne compte pas les margin) */
border:1px solid #632280; /* violet foncé */
padding:10px;
text-align:center;
/* bords arrondis */
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/* ombrage interne */
-webkit-box-shadow: inset 0px -22px 31px -31px rgba(0,0,0,0.31);
-moz-box-shadow: inset 0px -22px 31px -31px rgba(0,0,0,0.31);
box-shadow: inset 0px -22px 31px -31px rgba(0,0,0,0.31);
}

#countrytabs div {
background-color:#E3D4F5; /* violet clair */
color:#632280; /* violet foncé */
font-weight:bold;
padding:8px 0 8px 0;
width:99px;
border-right:1px solid #632280; /* violet foncé */
float:left;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#countrytabs .selected {
background-color:#632280; /* violet foncé */
}

.selected a{
color:#FFFFFF; /* blanc */
font-weight:bold;
}

/* ************************* sortie_read_new.php **************************** */

/* 520 : "1 10 498 10 1" */
.titrepage {
background-color:#632280; /* violet foncé */
min-height:18px;
width:500px; /* +pad10 +pad10 =520 (on ne compte pas les margin) */
text-align:center;
color:#FFFFFF; /* blanc */
font-weight:bold;
font-size:15px;
padding:5px 10px 5px 10px;
margin-bottom:10px;
margin-top:10px;
}

.encadrage { /* dans background_centre */
background-color:#FFFFFF; /* blanc */
width:498px; /* +bord1 + bord1 +pad10 +pad10 =520 (on ne compte pas les margin) */
border:1px solid #D8D8D8; /* gris moyen */
border-bottom:1px solid #949598; /* gris foncé */
margin-top:10px;
padding:10px 10px 0 10px;
margin-bottom:15px;
text-align:center;
}

/* 518 : "10 300 10 188 10" */

.titre300 { /* dans .encadrage */
float:left;
min-height:15px;
width:290px; /* +pad5 +pad5 = 300 (on ne compte pas les margin) */
background-color:#E3D4F5; /* violet clair */
padding:5px;
margin:0 5px 10px 0;
color:#632280; /* violet foncé */
text-align:center;
font-weight:bold;
}

.corps300 { /* dans .encadrage */
float:left;
width:300px; /* pas de padding = 300 (on ne compte pas les margin) */
background-color:#FFFFFF; /* blanc */
margin:0 5px 10px 0;
text-align:center;
overflow:hidden;
}

.titreComplement300 { /* dans .encadrage */
float:left;
min-height:15px;
width:178px; /* +pad5 +pad5 = 188 (on ne compte pas les margin) */
background-color:#E3D4F5; /* violet clair */
padding:5px;
margin:0 0 10px 5px;
color:#632280; /* violet foncé */
text-align:center;
font-weight:bold;
}

.corpsComplement300 { /* dans .encadrage */
float:left;
width:188px; /* pas de padding = 188 (on ne compte pas les margin) */
background-color:#FFFFFF; /* blanc */
margin:0 0 10px 5px;
text-align:center;
/*padding-top:1px;  pour voir 100% de la bordure des pseudos mis en amis */
/*min-height:18px;  pour voir 100% de la bordure des pseudos mis en amis */
}

.titreMax { /* dans .encadrage */
min-height:15px;
width:488px; /* +pad5 +pad5 = 498 (on ne compte pas les margin) */
background-color:#E3D4F5; /* violet clair */
padding:5px;
margin:0 0 10px 0;
color:#632280; /* violet foncé */
text-align:center;
font-weight:bold;
}

.corpsMax { /* dans .encadrage */
width:498px; /* pas de padding = 498 (on ne compte pas les margin) */
background-color:#FFFFFF; /* blanc */
margin:0 0 10px 0;
overflow:hidden;
}

.iconeTitre {
float:left;
width:16px;
height:16px;
padding:3px;
background-color:#F6F6F6; /* gris clair */
text-align:left;
border:2px solid #F6F6F6; /* gris clair */
margin-left:1px;
}

p {
margin:0; /* pour le TinyMCE des sorties */
padding:0;
}

.encadrageSimple {
background-color:#FFFFFF; /* blanc */
border:1px dashed #D8D8D8; /* gris moyen */
}

.ListePseudosSorties {
float:left;
padding:4px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
height:16px;
}

.tableSortie {
padding:0px;
margin:0px;
width:100%;
}

.tableSortie td{
padding-top:4px;
padding-bottom:4px;
border-right:2px solid #949598; /* gris foncé */
}

.tableSortie tr{
margin-bottom:5px;
}

.trSortieTitre td{
height:18px;
background-color:#E3D4F5; /* violet clair */
font-weight:bold;
text-align:center;
color:#632280; /* violet foncé */
padding:0 5px 0 5px;
}

/* ************************* sortie ALL **************************** */


/* ************************* surlignages & encadrages **************************** */

.passees { /* couleur d'affichage des dates passées sur le calendrier de toutes les pages */ 
background-color: #F6F6F6; /* gris clair */
}

.annule,.annule a,.annule div,.annuleevent div{
text-decoration:line-through;
color:#DF4400; /* orange foncé */
}

.annuleevent {
padding:4px 0 4px 0;
}

.annulepassees div{
text-decoration:line-through;
color:#DF4400; /* orange foncé */
background-color: #D8D8D8; /* gris moyen */
padding:2px 0 2px 0; /*padding:2px 0 2px 0; */
}			

.annulepassees td{
text-decoration:line-through;
color:#DF4400; /* orange foncé */
background-color: #D8D8D8; /* gris moyen */
padding:2px 0 2px 0; /*padding:2px 0 2px 0; */
}

.sortiepassees {
background-color: #D8D8D8; /* gris moyen */
padding:4px 0 4px 0;
}

.newmails {
background-color: #F8CD8B; /* jaune */
font-weight:bold;
padding: 2px 4px 2px 4px;
}

.sortiepartenaire {
color: #DF4400; /* orange foncé */
font-weight:bold;
line-height:150%;
}

.new_sortiepartenaire { /* la différence entre .sortiepartenaire et .new_sortiepartenaire c'est que new_sortiepartenaire a le background de newmails en plus */
background-color: #F8CD8B; /* jaune */
color: #DF4400; /* orange foncé */
font-weight:bold;
line-height:150%;
}
.jaune {
background-color: #F8CD8B; /* jaune */
}

.stabylo {
background-color: #F8CD8B; /* orange clair */
font-weight:bold;
color: #DF4400; /* orange foncé */
}

.suisinscrit,.suisinscrit a{ /* utilisé dans le calendrier en JS aussi */
background-color:#A5F8D4; /* #A5F8B5 */
padding:4px 0 4px 0;
line-height:150%;
}
.suisinscritannule div{ /* utilisé dans le calendrier en JS aussi */
background-color:#A5F8D4; /* #A5F8B5 */
text-decoration: line-through;
color:#DF4400; /* orange foncé */
padding:2px 0 2px 0;
line-height:150%;
}
.suisinscritLA {
background-color:#C2D486;
padding:4px 0 4px 0;
line-height:150%;
}
.suisinscritLAannule,.suisinscritLAannule a{
background-color:#C2D486;
text-decoration: line-through;
color:#DF4400; /* orange foncé */
padding:2px 0 2px 0;
line-height:150%;
}

/* ************************* nouvelle structure **************************** */

.NewHeader,.NewFooter {
width:1000px;
padding:0;
margin:5px 0 0 0;
overflow:hidden;
clear:both;
/*background-color:red;*/
}

.SiteColG {
width:160px; /* "160 10" = 170 */
margin:10px 10px 0 0;
overflow:hidden;
text-align:center;
float:left;
/*background-color:yellow;*/
}

.SiteColD {
width:300px;
margin: -5px 0 0 10px;
overflow:hidden;
text-align:center;
float:right;
/*background-color:green;*/
}

.SiteColC {
width:520px;
margin:10px 0 10px 0;
overflow:hidden;
text-align:left;
float:left;
/*background-color:blue;*/
}

/* ************************* divers **************************** */

.LienRouge {
font-weight:bold;
color:#DF4400; /* orange foncé */
text-decoration:underline;
}

.Site {
margin:auto;
padding:0;
width:1000px;
overflow:hidden;
background-color:#F6F6F6;
}

.TabPrincipal {
padding:0;
margin:0;
width:1000px;
overflow:hidden;
}

.background_centre {
width:520px;
/*background-color:yellow;*/
margin:0 0 10px 0;
padding:0;
padding-top:10px; /* distance avec le début du site après le menu : modifier dans 3 endroits */
overflow:hidden;
text-align:left;
}

.background_droite {
width:300px;
/*background-color:green;*/
margin:0;
padding-left:10px;
padding-top:10px; /* distance avec le début du site après le menu : modifier dans 3 endroits */
overflow:hidden;
text-align:center;
}

.divmoderation {
float:right;
}

.divbr {
clear:both;
height:0;
padding:0;
margin:0;
}

.moderation {
color:#F8CD8B; /* orange clair */
text-decoration:underline;
font-weight:bold;
font-size:10px;
}

.imgmove {
margin-bottom:-4px;
}

.ColorRed {
color:#DF4400; /* orange foncé */
}

.ColorRedLight {
color:#F8CC86;
}

hr {
border:0;
height:1px;
background-color: #632280; /* violet foncé */
color: #632280; /* violet foncé */
width:100%;
}

hr.gris {
border:0;
height:1px;
background-color: #D8D8D8; /* gris moyen */
color: #D8D8D8; /* gris moyen */
width:100%;
}

.deployerLegende {
cursor: pointer;
}

.Pad3Color1 {
background-color:#632280; /* violet foncé */
padding: 5px;
color:#FFFFFF; /* blanc */
font-weight:bold;
}













/* -------------------- FIN MODIF---------------------------- */

table {
font-family:Tahoma,Arial;
font-size:12px;
/*padding:0;
margin:0;*/
border:0;
}

td,tr{
font-family:Tahoma,Arial;
font-size:12px;
/*padding:0;
margin:0;*/
border:0;
}

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

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

.FirstEntete {
border-top:1px solid #632280; /* violet foncé */
background-color:#E6C7FF; /* Couleur 1-2 */	
}

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

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

.EnteteSite {
border:0px;
height:100px;
padding-bottom:6px;
}

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




.PiedDePage {
background-color: #632280; /* violet foncé */
padding-top:0px;
padding-bottom:0px;
margin:0px;
color: #FFFFFF; /* blanc */
height:10px;
}

a.PiedDePage {
color:#FFFFFF; /* blanc */
}


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



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

a { /* Pour les liens sur les pseudos, et les liens non marqués */
text-decoration:none;
color: #632280; /* violet foncé */
}
a:hover {
text-decoration:underline;
}

a.LienFaible {
text-decoration:none;
font-size:10px;
color: #632280; /* violet foncé */
}
a.LienFaible:hover {
text-decoration:underline;
}

a.LienSimple {
text-decoration:none;
color: #632280; /* violet foncé */
}
a.LienSimple:hover {
text-decoration:underline;
}

a.LienFort {
text-decoration:none;
font-weight:bold;
color:#632280; /* violet foncé */
}
a.LienFort:hover {
text-decoration:underline;
}

a.LienTitre {
text-decoration:none;
color:#632280; /* violet foncé */
font-weight:bold;
font-size:12px;
}
a.LienTitre:hover {
text-decoration:underline;
font-weight:bold;
}

a.LienHome {
text-decoration:underline;
color:#632280; /* violet foncé */
font-size:12px;
font-weight:bold;
}
a.LienHome:hover {
color:#8E8E8E; /* Couleur 2-2 */
font-size:17px;
font-weight:bold;
}

a.LienHome2 {
text-decoration:underline;
color:#632280; /* violet foncé */
font-size:12px;
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:#FFFFFF; /* blanc */
text-align:center;
font-weight:bold;
}

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

.PADpost_corps {
position:relative;
width:100%;
border:0px solid #B3B3B3;
background-color:#F0ECF5;
/*padding:12px 0 0 0;*/
padding:0;
margin-bottom:8px;
}

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

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

.PADpost_txt {
position:relative;
/*padding:4px 8px 3px 8px;*/
background-color:#FFFFFF; /* blanc */
text-align:justify;
width:100%; /* obligatoire */
}

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

.PADtexte_corps {
position:relative;
width:100%;
/*background:url(design/PADtexte_Corps.gif) repeat-y;*/
background-color:#F6F6F6;
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:520px;
padding:0;
margin-bottom:8px;
}

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

.PADentete_haut {
position:relative;
padding:0;
}

.PADentete_bas {
position:relative;
}

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

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

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

.Separateur {
color: #D8D8D8; /* gris moyen */
padding:0px 4px 0px 4px; 
}

.Soustitre {
color:#632280; /* violet foncé */
font-weight:bold;
}

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


.Texte {
font-size:12px;
}

.TexteFort {
font-size:12px;
}

.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-4 {color:#632280; /* violet foncé */ }

.Color1-1 {color:#F0E6F6;}	/* Couleur 1-1 */
.Color1-2 {color:#E6C7FF;}	/* Couleur 1-2 */
.Color1-3 {color:#9E4AD2;}	/* Couleur 1-3 */

.Color1-5 {color:#250038;}	/* Couleur 1-5 */

.ColorSurligne {
color:#DF4400; /* orange foncé */
font-weight:bold;
}


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

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


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


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

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

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

img.ImgType {
border-color:#DF4400; /* orange foncé */
padding:2px;
}
img.ImgType:hover {
cursor:hand;
cursor:pointer;
}

input {
font-size:12px;
}

select {
font-size:12px;
}

textarea {
font-family:Tahoma,Arial;
font-size:12px;
}
textarea.expanding {
line-height: 18px;
border:1px solid #D8D8D8; /* gris moyen */
}

.tooltip {
border:1px solid #000000; /* noir */
font-size:12px;
}

.tabmaptooltip {
margin:0px;
padding:0px;
background-color:#FFFFFF; /* blanc */
font-family:Arial,Tahoma;
color:#000000; /* noir */
border:2px solid #632280; /* violet foncé */
font-size:12px;
text-align:center;
}


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




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

A.LienMenu1ON {
text-decoration:none;
color:#FFFFFF; /* blanc */
}
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:#FFFFFF; /* blanc */
}
A.LienMenu2ON:hover {
TEXT-DECORATION:underline;
}

A.LienMenu2OFF {
text-decoration:none;
color:#632280; /* violet foncé */
}
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:#632280; /* violet foncé */
}

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:#632280; /* violet foncé */
width:40px;
}

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

.MenuLigne1_avantON {
float:left;
background-color:#FFFFFF; /* blanc */
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_Haut {
text-align:center;
background-image:url(design/NaviBloc_Haut.gif);
background-repeat:no-repeat;
font-family:Arial;
height:29px;
font-size:12px;
color:#FFFFFF; /* blanc */
font-weight:bold;
}

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


.NaviBloc_Haut2 {
text-align:center;
background-image:url(design/NaviBloc_Haut2.gif);
background-repeat:no-repeat;
font-family:Arial;
height:30px;
font-size:12px;
color:#632280; /* violet foncé */
font-weight:bold;
}

.NaviBloc_Milieu2 {
text-align:left;
padding:6px 6px 2px 4px;
font-family:Tahoma,Arial;
font-size:12px;
background-image:url(design/NaviBloc_Corps2.gif);
background-repeat:repeat-y;
width:100%
}

.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 {
width:160px;
text-align:center;
background-image:url(design/NaviBloc_Haut2Red.gif);
background-repeat:no-repeat;
font-family:Arial;
height:30px;
font-size:12px;
color:#632280; /* violet foncé */
font-weight:bold;
}

.NaviBloc_Milieu2Red {
width:160px;
overflow:hidden;
padding:6px 6px 2px 4px;
font-family:Tahoma,Arial;
font-size:12px;
background-image:url(design/NaviBloc_Corps2Red.gif);
background-repeat:repeat-y;
/*background-color:#EEFFFF;*/
}

.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:70px;
background-color:#FFFFFF; /* blanc */
border:1px solid #632280; /* violet foncé */
margin:0 0 5px 5px;
}

.NaviBloc_button {
font-size:12px;
min-height:22px;
width:86px;
color:#FFFFFF; /* blanc*/
background-color:#632280; /* violet foncé */
border:1px solid #632280; /* violet foncé */
margin:0 0 5px 5px;
font-weight:bold;
cursor: pointer;
}


.NaviBloc2_Haut {
padding-left:6px;
background-image:url(design/NaviBloc2_Haut.gif);
background-repeat:no-repeat;
height:22px;
vertical-align:middle; 
font-size:12px;
color:#FFFFFF; /* blanc */
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:12px;
color:#FFFFFF; /* blanc */
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:#632280; /* violet foncé */
padding-top:3px;
text-align:center;
}

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


.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 #632280; /* violet foncé */
border-bottom:2px solid #E6C7FF; /* Couleur 1-2 */
padding:4px;
}

.Pad2Color1 { /* Onglets */
background-color:#632280; /* violet foncé */
padding:4px;
color:#FFFFFF; /* blanc */
font-weight:bold;
}

.Pad4Color1 { /* PAD blanc avec contour */
border:2px solid #632280; /* violet foncé */
background-color:#FFFFFF; /* blanc */ /* Couleur 1-1 */	
padding:4px;
margin:0px;
color:#632280; /* violet foncé */
}


.Pad4Color1ON { /* Onglet ON */
background-color:#632280; /* violet foncé */
border:0px; 
padding:4px;
color:#FFFFFF; /* blanc */
font-weight:bold;
}
.Pad4Color1OFF { /* Onglet OFF */
background-color:#F0E6F6; /* Couleur 1-2 */	
border:1px solid #632280; /* violet foncé */
padding:4px;
color:#632280; /* violet foncé */
}

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

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



.mesamis { 
border-color:#11B64B;
border-style:solid;
border-left-width:3px;
border-right-width:3px;
border-top-width:1px;
border-bottom-width:1px;
padding:4px;
word-break: keep-all;
}

.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:4px;
word-break: keep-all;
}

.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:4px;
word-break: keep-all;
}

/* pour la liste des connectés */

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

.mesamischat_veille { 
border-color:#11B64B;
border-style:dotted;
border-left-width:2px;
border-right-width:2px;
border-top-width:2px;
border-bottom-width:2px;
padding: 0px 2px 0px 2px;
word-break: keep-all;
}

.mesindesirableschat {
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: 0px 2px 0px 2px;
word-break: keep-all;
}

tr.suisinscritannule td{
background-color:#A5F8D4; /* #A5F8B5 */
text-decoration:line-through;
color:#DF4400; /* orange foncé */
}

tr.suisinscritLAannule td{
background-color:#C2D486;
text-decoration:line-through;
color:#DF4400; /* orange foncé */
}


.TabConnectesFemme {
text-align:left;
}

.TabConnectesHomme {
text-align:left;
}

.statsgagneplace {
color: #00B400;
}

.statsperdplace {
color: #DF4400; /* orange foncé */
}



/* ------------------------------------------------ */
/* inscription */
.TableFine { background-color:#632280; /* violet foncé */ }
.TableFine tr {
	text-align:center;
	background-color:#FFFFFF; /* blanc */
}
.TableFine tr.InscTitre {
	font-weight:bold;
	color:#FFFFFF; /* blanc */
	background-color: #632280; /* violet foncé */
}
.TableFine td { font-size:12px; padding:7px; }
.TableFine tr td.InscTitreVide { background-color:#FFFFFF; /* blanc */ }
.TableFine tr td.InscTitreBordure { border:1px solid #FFFFFF; /* blanc */ }
.TableFine tr td.InscPromo {
font-size:18px;
color:#DF4400; /* orange foncé */
}
.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;
}
.cb_cgu{
  cursor: pointer;
  margin-right: 6px;
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
}
[required] {
   border: 2px dotted #DF4400;
}
input:required:valid {
   box-shadow: 0 0 2px 1px green;
   border: 0px;
}
/* Dans l'appli, couleur du rouge sur fond foncé :#FFC0B0 */
/* Faire copier/coller pour la remplacer */