/* Balises standard */
* { margin: 0;padding:0;}
body { font-family:Arial,sans-serif;font-size:11px;margin-top:10px;}
dt{padding:5px;margin:0px;}
dd{margin:2px 2px 2px 2px;padding:2px;}
li{padding:2px;}
p {margin:0px;}

a {text-decoration:none;color:#8AD61D;}
a:hover {text-decoration:underline;}

/* Xiti */
#Xiti { margin:20px;  filter:alpha(opacity=80);opacity:0.8;}
#Xiti img {margin:20px 0px 0px 0px;}

/* On définit clairement les valeurs des titres pour les différences entre les navigateurs*/
	h1,h2 {font-family:trebuchet MS,sans-serif;margin:0px;color:#84DD06;font-weight:normal;}
	h3,h4,h5,h6 {font-family:trebuchet MS,sans-serif;margin:0px;color:#84DD06;font-weight:bold;}
	h1 {font-size:22px;}
	h2 {font-size:18px; margin:0.2em 0 0.9em 0;}
	h3 {font-size:15px;margin-bottom:3px;}
	h4 {font-size:13px;}
	h5 {font-size:11px;}
	h6 {font-size:10px;}
	form {padding:0;margin:0;}




/* Menu haut*/
	#Configuration {margin-left:200px;}
	#Aide{margin-left:-15px;}
	#Aide .Statique a {margin-bottom:5px;width:35px;line-height:20px;display:block;background-image:url('../images/FondMenuTop_1.jpg');font-weight:bold;color:#8AD61D;}
	#Aide .Statique a:hover {background-image:url('../images/FondMenuTopOv_1.jpg');}
	#Quitter{margin-left:410px;}
	#Quitter .Statique a {margin-bottom:5px;width:85px;line-height:20px;display:block;background-image:url('../images/FondMenuTop_3.jpg');font-weight:bold;color:#8AD61D;}
	#Quitter .Statique a:hover {background-image:url('../images/FondMenuTopOv_3.jpg');}
	#MonCompte{margin-left:70px;}
	#MsgErreur, #MsgOk{padding:5px;border:1px solid;visibility:; filter:alpha(opacity=90);opacity:0.9;width:300px;height:100px;position:absolute;margin:auto;margin-top:100px;font-size:14px;}
	#MsgErreur {border-color:#FF0000;background-color:#990000;color:#EEE;}
	#MsgErreur h4{color:#FFF;}
	#MsgOk {background-color:#008800;color:#FFF;}

	#sousmenu1, #sousmenu2, #sousmenu3    { font-family:arial,sans-serif;/* pour ie :( */ filter:alpha(opacity=95);opacity:0.95;z-index:99;width:180px;display:none;position:relative;top:25px;}
	#sousmenu1 ul, #sousmenu2 ul, #sousmenu3 ul   { display:block;}

	#sousmenu1 img, #sousmenu2 img, #sousmenu3 img {float:left;padding:0px;margin-right:4px;width:16px; height:16px;text-decoration:none;border:none;}
	#sousmenu1 ul, #sousmenu2 ul, #sousmenu3 ul  {display:block;margin:0px;padding:0px;border:none;}
	#sousmenu1 li, #sousmenu2 li, #sousmenu3 li {line-height:20px;list-style-type:none;color:#000;font-size:13px;font-weight:normal;font-family:Arial,sans-serif;margin:0;padding:0px;}
	#sousmenu1 .top,#sousmenu2 .top, #sousmenu3  .top {background-image:url('../images/top_menu_haut.gif');background-position:bottom;background-repeat:no-repeat;}
	#sousmenu1 .bottom,#sousmenu2  .bottom, #sousmenu3  .bottom {background-image:url('../images/bottom_menu_haut.gif');background-repeat:no-repeat;height:7px;border:none;}
	#sousmenu1 a,#sousmenu2 a,#sousmenu3 a  {background-color:#C9F18E;padding:1px 0px 1px 10px;height:20px;color:#333;text-decoration:none;display:block;}
	#sousmenu1 a:hover,#sousmenu2 a:hover, #sousmenu3 a:hover { color:#000;background-image:url('../images/fond_menu_haut_a_hover.jpg');}
/* Fin menu haut */

/* Second Menu Haut  (messagerie, etc) */
	#SecondMenu { font-size:12px;list-style-type:none; margin:20px 0px 20px 0px;}
	#SecondMenu li {display:inline; padding:0;}
	#SecondMenu li a { display:block; float:left; padding:3px; margin:2px 1px; border:1px solid #CCC;}
	#SecondMenu li a:hover {background-color:#FFF; text-decoration:none;}
	#SecondMenu li a sub { font-family:arial,verdana,sans-serif;background-color:#CCC; font-size:9px;color:#FFF;padding:0px 2px 0px 2px;margin:2px 3px 0px 0px;}
	#SecondMenu li a:hover sub, #SecondMenu li a #On {background-color:#FF0000;  color:#FFF;}

/* Images des blocs */
	#ImgGaucheHaut	{ z-index:0;position:absolute; margin-top:62px; margin-left:-3px;}
	#ImgGaucheBas	{ float:left; }
	#ImgDroiteHaut 	{ z-index:0;position:absolute;margin-top:-5px;margin-left:-18px;}
	#ImgDroiteBas 	{ z-index:0;position:absolute;margin-left:-11px;}
	#ClearImgDB		{ line-height:0px; margin:0; clear:right;}

/* Divers blocs */
	#BlockBas 		{clear:both;}
	#BlockGauche {float:left;}
	#BlockGauche .Separateur { line-height:2px;border-bottom:1px solid #AAA;margin:5px;margin-left:0;}
	#BlockGauche a {color:#000;}
	#BlockGauche a:hover {color:#8AD61D;text-decoration:none;}
	#BlockGauche #Logo {margin:0px 7px 7px 0px;border:none;padding:0;}

	#BlockGauche #Bas{ width:223px; background-image:url('../images/FondGaucheF.gif');padding:15px 0px 0px 2px;				}
	#BlockGauche #Bas p {padding:0px 5px 0px 5px;font-size:11px;font-family:MS Sans serif,sans-serif;}
	#BlockGauche #Bas h3 {padding-left:5px;}
	#BlockGauche hr {margin:0; padding:0;}
	#BlockGauche ul {border-top:1px solid #ADACA8;list-style-type:none;padding:0;width:222px;}
	#BlockGauche li {background-image:url('../images/FondMenuGauche.jpg');line-height:22px;
			text-indent:20px;border-bottom:1px solid #ADACA8;font-size:12px;font-weight:bold;}
	#BlockGauche li a {color:#888;}
	#BlockGauche li a:hover {text-decoration:underline;}
	#BlockGauche dt{font-weight:bold;font-size:13px;color:#000;line-height:22px;}
	#BlockGauche ol{font-weight:normal;padding:0px;margin:0px;line-height:14px;}
	#BlockGauche .Plus a:hover{ color:#000; }

	#BlockGauche #identification { width:170px;padding:2px;padding-left:5px;margin:3px auto 2px auto;}
	#BlockGauche #identification p { padding:0;text-align:left;margin-top:7px;}
	#BlockGauche #identification a{ font-size:10px;margin:2px;font-weight:normal;text-decoration:underline;}
	#BlockGauche #identification input{ font-size:12px;height:15px;width:80px;background-color:#F2FBE3;border-color:#8AD223;border:1px solid;margin-top:1px;}
	#BlockGauche #identification #Entrer { border-color:#84DD06;  height:20px;font-weight:bold;width:150px;margin:2px;}

	#BlockGauche .Boutons li {font-weight:normal;}

	#BlockGauche  #Recherche {margin-left:5px;padding:3px; }
	#BlockGauche  #Recherche select {width:200px; margin:1px; border:1px solid #CCC;}
	 #AvPhoto {  margin:5px 0px 5px 10px;}
	#BlockGauche 	 #Recherche #SubR	{ margin: 10px 0px 0px 40px;}


	#BlockDroite { font-size:12px; float:right; background-image:url('../images/FondDroiteF.gif');    
			padding:0px 10px 0px 10px; width:518px; 
	}
	#PiedPage {clear:both;margin-top:20px;font-size:10px;text-align:center;}

	.ClearLeft { clear:left; }
	.ClearRight { clear:right; }
/* Bloc Gauche membre */
	#GaucheMembre .Photo { float:left;width:80px;margin:2px 6px 2px 6px ; }



/* Spécifique aux pages */


/* Page d'accueil */


	#Intro #Carre		{ margin-left:5px;font-size:14px;font-family:Trebuchet MS;line-height:16px; background-image:url('../images/fond_1.gif');width:286px;padding:15px 3px 15px 10px;}
	#Intro #GoInsc		{ text-align:center; clear:left; margin: 30px 0px 30px 0px;}
	#Intro #GoInsc a 	{ text-decoration:underline;font-size:14px;font-weight:bold;}
	#Intro	ul			{ list-style-type:square; padding:10px 20px 10px 30px; width:260px;}
	#Intro	li		{ margin:1px 0 1px 0; }
	#Intro			{ border-bottom:8px solid #EEE; margin:0 0 1em 0;}
	/* Vignettes */
	.Intro 			{  font-family:Arial,verdana,sans-serif;font-size:11px; }
	.Intro li 		{ list-style-type:none; width:7.6em; display:block; float:right; margin:0.6em; border:1px solid #CCC;}
	.Intro li a 		{ display:block; padding:0.3em;}
	.Intro li a:hover 	{ background-color:#EEE; text-decoration:none;}
	.Intro li a img		{ display:block;width:7em;border:none;}
	.Intro li span		{ color:#000;font-size:10px; }

    #CarreIntro {margin-left:5px;font-size:14px;font-family:Trebuchet MS;
    line-height:16px;background-image:url('../images/fond_1.gif');height:130px;width:286px;padding:15px 3px 15px 10px;}

/* Inscription */
	#Inscription 		{ padding:10px;background-color:#E0FFB5;font-family:MS Sans serif,Arial,sans-serif;}
	#Inscription h3 	{ font-size:19px;font-weight:normal;color:#8AD61D}
	#Inscription input	{ border:1px solid #8AD61D;}
	#Inscription select	{ border:1px solid #8AD61D;}
	#Inscription p 		{ margin:10px 0px 10px 40px;font-size:12px; line-height:20px;}
	#Inscription p span { display:block;float:left;width:110px;}
	#Inscription .Erreur{ color:#FF9900;margin:0px;padding:0;line-height:16px;}

/* Accueil Membres */
	.BlocDs { margin:2px; text-align:right; width: 180px; border:1px solid #CCC;font-size:11px;  }
	.BlocDs h4 { text-align:left; font-size:14px; display:block; padding: 2px 2px 2px 5px; background-color:#EFEFEF; }
	.BlocDs ul { list-style-type: none;padding:0; }
	.BlocDs li { margin:3px; }
	.BlocDs li span { text-align:left; display:block;float:left;}
	.BlocDs li .GL {display:block; text-align:center; background-color:#EEE; padding:3px; font-size:12px;}
	.BlocDs li .GL:hover {background-color:#DEDEDE; }
	#AccueilMDroite {float:right; margin:5px 5px 10px 10px;}
   	 #AccueilMGauche {width:300px;}


/* Formulaire profil */
	#FormProfil { width:95%; font-size:12px;}
	#FormProfil h3 {margin:5px 0 10px 5px;}
	#FormProfil p {display:block;text-indent:10px;line-height:12px;margin:2px 0 2px 0;}
	#FormProfil input {border:1px solid #CCC; font-size:12px;padding:2px;margin:1px;}
	#FormProfil textarea {}
	#FormProfil table  { margin-left:10px;}
	#FormProfil .ModPhoto { display:block; clear:left;border:1px solid #CCC; padding:1px; margin:1px;}
	#FormProfil .ModPhoto img {}
	#FormProfil .ModPhoto .TxtPhoto { width:65%;float:right;}
	#FormProfil .ModPhoto dfn {font-size:11px; color:#AAA;}
	#FormProfil .Bouton {text-align:center;}
	#FormProfil .Para1 p {text-indent:0;margin-left:60px;}
	#FormProfil  #TabProfil {width:100%;}
	#ConseilPhoto {margin:10px 0px 20px 40px;;}
	#ConseilPhoto li { margin:5px 0px 5px 0px;}

/* Formulaire contact admin */
	#ContactAdmin {text-align:center;margin-left:auto;margin-right:auto;width:300px;margin-top:40px;border:1px solid #CCC;padding:10px;}
	#ContactAdmin textarea{ width:250px;height:190px;}
	#ContactAdmin input {padding:0px;line-height:16px;font-size:13px;}

/* Fiche profil */
	#FicheProfil { width:95%; margin:20px auto 0px auto;background-color:#EFFFD1;border:1px solid #CFFF9F;  padding:10px;}
	#FicheProfil #Photo {border:1px solid #CCC;}
	#FicheProfil #Detail {width:330px;list-style-type:none;border:1px solid #CCC;margin:0px auto 0px auto;}
	#FicheProfil #Detail li { line-height:17px;background-color:#FFF; margin:1px;}
	#FicheProfil #Detail li span { padding-left:10px;line-height:17px;background-color:#EEE; display:block;width:110px;margin-right:5px;float:left; }
    	#FicheLiens .Etat0	{  background-color:#CC0000;color: #FFF;margin:2px; line-height:22px;display:block; float:left; padding:0px 10px 0px 10px;}
	#FicheLiens .Etat1	{  background-color:#84DD06;color:#FFF;font-weight:bold;margin:2px; line-height:22px;display:block; float:left; padding:0px 10px 0px 10px; }

   	#FicheLiens ul {width:98%;margin:10px auto 0px auto; }
	#Annonce { text-align:left;width:300px;margin:5px 0px 10px 10px;}
	#Annonce p {padding:10px;}
	#FichePhoto 		{ text-align:center; }
	#FichePhoto a 		{ }
	#FichePhoto img 	{ margin:2em; }

	.CellGauche {font-weight:bold; color:#333;  display:block; background-color:#EEE;
    width:140px; float:left; margin-right:3px;  }

	#ProfilLook li, #ProfilStyle li, #ProfilPerso li, .CellGauche{ line-height:1.7em;}
	#ProfilAttend { clear:left; }
	#ProfilAttend ul { font-size:13px; list-style-type:none; font-size:1.2em; text-align:center;}
	#ProfilLook { clear:left;}
	#ProfilLook ul {list-style-type:none;padding:10px;}

	#ProfilStyle {clear:left; }
	#ProfilStyle ul {list-style-type:none;padding:10px;}

	#ProfilPerso {clear:left;}
	#ProfilPerso ul {list-style-type:none;padding:10px;}
	#ProfilPerso ol { margin:1em 1em 1em 2em;}
	#ProfilAime { clear:left;}
	#ProfilDeteste {clear:left;}


/* Liste des membres */

	.Pages 			{border:1px solid #CCC;display:block; text-align:center;width:90%;margin:10px auto 10px auto;}
	.Pages a 		{ display:block; line-height:20px;}
	.Pages a:hover	{ text-decoration:none; }
	.Pages .PPrec 	{ background-color:#EEE; display:block; width:140px;}
	.Pages .PSuiv 	{ background-color:#EEE;  display:block;width:140px;}
	.Pages .Num 	{ width:100%;}
	.Pages .Num span {padding:2px;}
	.Pages .Num a 	{display:inline;}

	#ListeAffine {margin:10px; background-color:#EFFFD1;border:1px solid #CFFF9F; padding:5px;}
	#ListeAffine h3 {color:#000;margin-bottom:10px;}
	#ListeAffine p {line-height:20px;}
	#ListeAffine input { border:1px solid #CCC;}

	.ListeMembres 		{border:1px solid #CCC; width:98%;margin-left:auto;margin-right:auto;margin-bottom:10px;}
	.ListeMembres td 	{margin:0;}
	.ListeMembres tr 	{margin:0;}
	.ListeMembres .TdPhoto 			{ width:100px;}
	.ListeMembres .TdPhoto 	img		{ width:100px;}
	.ListeMembres .TdDesc 			{ padding:3px;}
	.ListeMembres .TdDesc .Pseudo 	{ font-family:trebuchet MS,sans-serif;font-size:16px;color:#84DD06;font-weight:bold;}
	.ListeMembres .TdDesc .Infos 	{ font-weight:bold; font-size:11px;;}
	.ListeMembres .TdDesc .Infos span { font-weight:normal;}
	.ListeMembres .TdDesc .Annonce  { padding:5px 0px 0px 5px;}
	.ListeMembres .TdLiens 		{ }
	.ListeMembres .TdLiens .Etat0 ,
	.ListeMembres .TdLiens  .Etat1,
	.ListeMembres .TdLiens a 	{ margin:1px 1px 2px 1px; line-height:18px;display:block; float:left; padding:0px 10px 0px 10px;border:1px solid #CCC;}
	.ListeMembres .TdLiens .Etat0	{  background-color:#CC0000;color: #FFF;}
	.ListeMembres .TdLiens .Etat1	{  background-color:#84DD06;color:#FFF;font-weight:bold}
	.ListeMembres .TdLiens a 	{  background-color:#EEE;}


/* Plan du site */
	.N1 {font-weight:bold;font-size:13px;margin:10px 10px 0px 10px;list-style-type:none;}
	.N2 {margin:0px 0px 0px 30px;list-style-type:square;}
	.N3 {margin:0px 0px 0px 40px;list-style-type:circle;}


/* Pages de messagerie */

	 #MessagerieMenu 	{margin:0; }
	 #MessagerieMenu li 	{ border:1px solid #DDD; display:inline;float:left;width:150px;line-height:28px;margin:1px;}
	 #MessagerieMenu li a	{ display:block;}
	 #MessagerieMenu li a:hover	{ background-color:#DDD;text-decoration:none;color:#000;}
	 #MessagerieMenu li img	{ border:none;float:left;margin:2px;}
	 #MessagerieListe {width:100%;border:1px solid #DDD;}
	 #MessagerieListe tr {line-height:20px;}
	 #MessagerieListe tr:hover{background-color:#F7FDE3;}
	 #MessagerieListe th {font-size:13px;text-align:left; padding:5px;}
	 #MessagerieListe td {text-indent:5px;}
	 #MessagerieListe td img {border:none;margin:0;}
	 #MessagerieListe .action {text-align:center;}
	 #MessagerieListe .nouveau {font-weight:bold;background-color:#EEE;}
	 #MessagerieListe .l2 		{ background-color:#EEF5E5; }
	 #MessagerieListe .Enveloppe { float:left;margin:2px 3px 3px 3px;}
	 #MessagerieListe .MsgExpDest { width:110px;}
	 #MessagerieListe .MsgSujet {}
	 #MessagerieListe .MsgDate { width:140px;}

/* Formulaire nouveau message*/
	 #MessagerieNouveau 		{border:1px solid #DDD; }
	 #MessagerieNouveau input    {padding:2px;width:295px;border:1px solid #DDD; }
	 #MessagerieNouveau textarea {padding:2px;width:305px;border:1px solid #DDD;}
	 #MessagerieNouveau input:focus, #MessagerieNouveau textarea:focus ,
	 #MessagerieNouveau input:hover, #MessagerieNouv textarea:hover
	{background-color:#F7FDE3;border-color:#D6F671;}
	 #MessagerieNouveau .Titres{font-size:13px;text-align:right;background-color:#EEE;padding:5px;}
	 #MessagerieNouveau table {margin:10px auto 10px auto;}

/* Message envoyé */
	  #Envoye	 #Envoye2{ position:absolute;margin-left:-50px;margin-top:30px;}
	  #Envoye	 		{ padding:10px;padding-left:110px;
	border:1px solid; border-bottom:3px solid; background-color:#F7FDE3;border-color:#D6F671;font-size:16px; font-weight:bold;}


/* Détail d'un message */
	 #MessagerieDetail {border:1px solid #DDD;}
	 #MessagerieDetail #MsgDate {padding:3px 5px 3px 5px;background-color:#EEE;margin:0;}
	 #MessagerieDetail #Msg {padding:10px;}
	 #MessagerieDetail #MsgAction { text-align:right;}
	 #MessagerieDetail #MsgAction a 		{ border:1px solid #DDD;line-height:28px;margin:2px;padding:5px 5px 5px 5px;text-align:center;}
	 #MessagerieDetail #MsgAction  a:hover	{ background-color:#DDD;text-decoration:none;color:#000;}


/* Page identification */
	.FormsIdent {
		padding:0.5em 1em; background-color:#EEE; border:1px solid #CCC; text-align:center; margin:1em;
	}

/* Classes  générales */
	#CT {width:772px;margin:0px auto 0px auto;}
	#Rappel {position:absolute;top:-9999px;left:-9999px;width:0px;height:0px;}
	.Statique {Color:#CC0000;text-align:center;}
	.Statique a {margin-bottom:5px;width:123px;line-height:20px;display:block;background-image:url('../images/FondMenuTop.jpg');font-weight:bold;color:#8AD61D;}
	.Statique a:hover {background-image:url('../images/FondMenuTopOv.jpg');}
	dl .Statique,dl #sousmenu1,dl #sousmenu2,dl #sousmenu3 {position:absolute;padding:0;margin:0;margin-left:20px;}
	dl .ReservMembres{color:#CCC;font-style:italic;}
	.InfoMsg {text-indent:10px;font-family:arial,sans-serif;font-size:11px;}
	.InfoMsg strong {color:#FF0000;}

	.Informations { background-color:#EFFFD1;border:1px solid #CFFF9F; border-width:1px 0px;padding:10px; margin:5px;}
	.Informations p {font-size:13px;display:block; margin-left:60px;}

	.Bloc { margin:0 0 2em 0;}
	.Bloc p { font-size:1em;text-align:justify; }
	.Description { font-style:italic;color:#666;}
	#Fil {margin-top:30px;margin-bottom:10px;font-size:12px;}
	#Fil a {color:#000;}
	#Erreur {border:2px solid #CC0000;width:350px;color:#CC0000;padding:10px;margin:10px;}
	#Erreur h1,#Erreur h2,#Erreur h3,#Erreur h4 {color:#FF0000;}
	.Erreur { color:#CC0000; font-weight:bold; font-size:12px; padding:2px;}

	.Img48G { float:left;margin:0px 4px 0px 2px;}

   	.TiteMarge {margin:5px;}
         .GrdeMarge {margin:15px;}
         .TitPadd {padding:5px;}
         .GrdPadd {padding:15px;}