/* CSS Document */

*	{ padding:0px; margin:0px; }
img	{ border:none; vertical-align:middle; }
input	{ vertical-align:middle; }

input, textarea	{ font-family:Arial, sans-serif; font-size:12px; line-height:16px; }
input[readonly="readonly"], select[readonly="readonly"]	{ color:#888888; background-color:#EFEFEF }

body
	{
	font-family:Arial, sans-serif;
	background-color:#F6F6F6;
	background-image:url(Habillage/Fond-Body.png); background-attachment:fixed; background-repeat:repeat-y; background-position:center top;
	}

h1,h2,h3,h4,p,ul,ol,table	{ padding:5px; padding-top:3px; padding-bottom:2px; font-size:11px; }
td, th	{ padding:4px; }

h1	{ font-size:18px; color:#000000; font-weight:bold; padding:5px; padding-left:10px; }
h2	{ font-size:12px; color:#444444; font-weight:bold; }
h3	{ font-size:11px; color:#333333; font-weight:bold; padding-bottom:2px; }

a		{ color:#666666; text-decoration:none; }
a:hover	{ color:#000000; text-decoration:none; }


.Ligne0 td,.Ligne0 th,		li.Ligne0	{ background-color:#EEEEEE; }
.Ligne1 td,.Ligne1 th,		li.Ligne1	{ background-color:#F8F8F8; }
.Over td, .Over th, li.Over
	{
	background-image:url(Habillage/Fond-Over.png); background-repeat:repeat-x; background-position:top; background-attachment:scroll;
	}

.CarreTheme1,.CarreTheme2,.CarreTheme3,.CarreTheme4	{ width:12px; height:12px; border:1px #999999 solid; margin-right:5px; }
.CarreTheme, .CarreTheme0	{ display:none; }
.CarreTheme1	{ background-color:#FFD24E; }
.CarreTheme2	{ background-color:#33A23D; }
.CarreTheme3	{ background-color:#F20017; }
.CarreTheme4	{ background-color:#007D9A; }


#BlocLogin
	{
	background-image:url(Habillage/Fond-Login.jpg); background-repeat:no-repeat; background-position:top; background-attachment:scroll;
	height:600px; width:600px;
	}

#BlocOver	{ display:none; position:absolute; z-index:2000; top:50px; left:50px; background-color:#FEFEFE; border:1px #999999 solid; font-size:11px; }
.ListeImages	{ width:400px; height:250px; padding:10px; overflow:auto; }
.ListeImages li	{ list-style:none; padding:0px; }
.ListeImages li.Over	{ cursor:pointer; }
.ListeImages li img	{ margin-right:5px; }

.Sexe0			{ color:#444444; }
.Sexe0 a		{ color:#444444; text-decoration:none; }
.Sexe0 a:hover	{ color:#444444; text-decoration:underline; }
.Sexe1			{ color:#3E7CFF; }
.Sexe1 a		{ color:#3E7CFF; text-decoration:none; }
.Sexe1 a:hover	{ color:#3E7CFF; text-decoration:underline; }
.Sexe2			{ color:#EA0075; }
.Sexe2 a		{ color:#EA0075; text-decoration:none; }
.Sexe2 a:hover	{ color:#EA0075; text-decoration:underline; }

.Avatar	{ border:1px #888888 solid; margin:2px; }
.Photo	{ border:1px #000000 solid; }
.Emoticon	{ margin-left:2px; padding-right:2px; }
.Petit	{ font-size:9px; }
.Gris	{ color:#999999; }

#FilAriane	{ font-size:12px; font-weight:bold; padding:5px; padding-left:10px; padding-top:0px; }

#BlocPrincipal
	{
	width:980px; float:none; clear:both; border:none;
	margin:0px; margin-left:auto; margin-right:auto; padding:0px; padding-top:30px;
	}

/****************** MENU ******************/
#Menu
	{
	height:24px; width:980px; float:none; clear:both; z-index:1000; top:0px;
	font-family:Tahoma, sans-serif; color:#000000; font-size:11px;
	position:fixed; display:block; clear:both; background-color:#BBBBBB;
	background-image:url(Habillage/Fond-Menu.png); background-attachment:scroll; background-position:top; background-repeat:repeat-x;
	}
#Menu dl { height:24px; float:left; }
#Menu dt { display:block; height:24px; }
#Menu dt del	{ display:block; padding:4px; padding-left:18px; padding-right:18px; color:#BBBBBB; text-decoration:none; }
#Menu dt a		{ display:block; padding:4px; padding-left:18px; padding-right:18px; color:#000000; text-decoration:none; }
#Menu dt a:hover	{ background-color:#999999; }
#Menu dd { background-color:#FFFFFF; border:1px #ACA899 solid; display:none; position:absolute; }
#Menu ul { padding:0px; margin:0px; min-width:150px; }
#Menu li { background-color:#FFFFFF; list-style-type:none; padding:0px; margin:0px; }
#Menu li.clr	{ height:1px; width:150px; background-color:#ACA899; line-height:1px; clear:both; display:block; }
#Menu li img	{ margin-right:5px; }
#Menu li del	{ min-width:150px; height:16px; margin:0px; padding:4px; padding-left:8px; padding-right:8px; color:#BBBBBB; text-decoration:none; display:block; }
#Menu li a		{ min-width:150px; height:16px; margin:0px; padding:4px; padding-left:8px; padding-right:8px; color:#000000; text-decoration:none; display:block; }
#Menu li a:hover	{ background-color:#999999; color:#FFFFFF; }

#Menu dl.Actif dt	{ background-color:#999999; }
#Menu dl.Actif dt a	{ color:#FFFFFF; }
#Menu dl.Actif dd	{ display:block; }

#Logout	{ float:right; text-align:right; margin-left:50px; }
#Logout	dt a	{ padding-top:5px; padding-bottom:3px; }
#Logout img	{ margin-right:2px; }

/******************************************/

.clr	{ clear:both; float:none; line-height:0px; font-size:0px; }

/****************** BLOCS ******************/

.Colonne20, .Colonne40, .Colonne60, .Colonne80, .Colonne100
	{ }

.Colonne20		{ width:195px; float:left; }
.Colonne40		{ width:390px; float:left; }
.Colonne60		{ width:585px; float:left; }
.Colonne80		{ width:780px; float:left; }
.Colonne100		{ width:975px; float:left; }

.Bloc, .Bloc20, .Bloc40, .Bloc60, .Bloc80, .Bloc100
	{
	float:left; margin:0px; margin-bottom:5px; margin-left:5px; min-height:100px;
	background-image:url(Habillage/Bloc100.png); background-position:top left; background-attachment:scroll; background-repeat:no-repeat;
	}

.Bloc h2, .Bloc20 h2, .Bloc40 h2, .Bloc60 h2, .Bloc80 h2, .Bloc100 h2
	{
	padding-top:5px; padding-bottom:3px; padding-left:20px; margin-left:5px; margin-right:5px;
	font-size:12px; font-family:Arial, sans-serif; font-weight:bold;
	border-bottom:1px #BBBBBB solid;
	background-image:url(Habillage/Fond-Titre.png); background-position:0px 5px; background-attachment:scroll; background-repeat:no-repeat;
	}

.Bloc100, .Colonne100 .Bloc			{ width:970px; background-image:url(Habillage/Bloc100.png); }
.Bloc100 h2, .Colonne100 .Bloc h2	{ }

.Bloc80, .Colonne80 .Bloc			{ width:775px; background-image:url(Habillage/Bloc80.png); }
.Bloc80 h2, .Colonne80 .Bloc h2		{ }

.Bloc60, .Colonne60 .Bloc			{ width:580px; background-image:url(Habillage/Bloc60.png); }
.Bloc60 h2, .Colonne60 .Bloc h2		{ }

.Bloc40, .Colonne40 .Bloc			{ width:385px; background-image:url(Habillage/Bloc40.png); }
.Bloc40 h2, .Colonne40 .Bloc h2		{ }

.Bloc20, .Bloc						{ width:190px; background-image:url(Habillage/Bloc20.png); }
.Bloc20 h2, .Bloc h2				{ }

.Contenu
	{
	width:560px; height:400px; overflow:auto; margin:10px; padding:9px; border:1px #666666 solid;
	font-family:Verdana, sans-serif; font-size:10px; color:#000000;
	}
.Contenu h1	{ }
.Contenu h2	{ padding:3px; font-family:Arial, sans-serif; font-size:13px; color:#CC2200; background:none; }
.Contenu h3	{ padding:3px; font-family:Arial, sans-serif; font-size:11px; color:#00CC22; }
.Contenu p	{ padding:3px; text-align:justify; }
.Contenu ul	{ padding:3px; margin-left:24px; }
.Contenu ol	{ padding:3px; margin-left:24px; }
.Contenu li	{ padding:2px; }

.NoBG	{ background:none; }

/* ======================== ARBO ======================== */
#Arbo
	{
	font-family:Arial, sans-serif; font-size:11px;
	}
#Arbo ul
	{
	margin:0px; padding-bottom:2px; display:block;
	background-image:url(Habillage/Arbo/Tirets.png); background-repeat:repeat-y; background-position:0px 0px; background-attachment:scroll;
	}
#Arbo ul li
	{
	background-image:url(Habillage/Arbo/Tirets-Droite.png); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll;
	padding-left:16px; min-height:18px; list-style:none; color:#000000;
	}

#Arbo a			{ color:#006600; text-decoration:none; }
#Arbo a:hover	{ color:#000000; text-decoration:underline; }
#Arbo img		{ cursor:pointer; margin-right:2px; }
/* ====================================================== */


#ArboCatalogue	{ font-size:11px; margin:0px; padding:0px; }
#ArboCatalogue li	{ list-style:none; }

#ListeNoeuds	{ margin:0px; padding:0px; margin:5px; }
#ListeNoeuds li	{ margin:0px; padding:0px; list-style:none; }
#ListeNoeuds li table	{ margin:0px; padding:0px; }


#Corbeille
	{
	min-height:150px; min-width:150px; background-color:#EEEEEE; border-bottom:1px #CCCCCC solid; text-align:center;
	background-image:url(Habillage/Corbeille.png); background-attachment:scroll; background-position:top center; background-repeat:no-repeat;
	}

input	{ padding:2px; padding-bottom:1px; }
textarea	{ padding:4px; }

a.Fermer
	{
	background-image:url(Habillage/a.Fermer.png); background-attachment:scroll; background-position:0px 0px; background-repeat:no-repeat;
	padding-left:16px; color:#CC0000;
	}
a:hover.Fermer	{ background-position:0px -32px; color:#920714; }

a.Plus
	{
	background-image:url(Habillage/a.Plus.png); background-attachment:scroll; background-position:0px 0px; background-repeat:no-repeat;
	padding-left:16px; color:#006600;
	}
a:hover.Plus	{ background-position:0px -32px; color:#003300; }

ul.ListeDragnDrop	{ margin:0px; padding:0px; }
ul.ListeDragnDrop li	{ list-style:none; margin:0px; padding:0px; }

/****************** LISTE DE PAGES ******************/
.ListePages	{ clear:both; float:none; height:18px; }

.ListePages a, .ListePages .EnCours, .ListePages .Inactif
	{
	font-family:Arial, sans-serif; font-size:9px; display:block;
	float:left; clear:none; padding:0px; padding-top:6px; height:16px; width:24px; list-style:none; text-align:center;
	background-image:url(Habillage/Fond-ListePages.png); background-repeat:no-repeat; background-position:2px 0px;; background-attachment:scroll;
	}
.ListePages a:hover		{ background-position:2px -22px; text-decoration:none; }
.ListePages .EnCours	{ background-position:2px -44px; }
.ListePages .Inactif	{ background-position:2px -66px; }

.ListePages li a		{ color:#000000; text-decoration:none; }
.ListePages li a:hover	{ color:#000000; text-decoration:underline; }

/****************** LISTE ITEMS ******************/
ul.ListeItems, ul.ListeItems5, ul.ListeItems10	{ margin:0px; padding:0px; clear:both; float:none; }
ul.ListeItems	{ padding-bottom:5px; }
ul.ListeItems5	{ padding-bottom:5px; }
ul.ListeItems10	{ padding-bottom:10px; }

ul.ListeItems li, ul.ListeItems5 li, ul.ListeItems10 li
	{
	margin:0px; padding:5px; display:block; clear:none; float:left;
	line-height:12px;
	background-color:#FFFFFF; border:1px #CCCCCC solid;
	background-image:url(Habillage/Fond-Item.png); background-position:top left; background-attachment:scroll; background-repeat:no-repeat;
	}
ul.ListeItems li		{ margin-top:10px; margin-left:10px; }
ul.ListeItems5 li		{ margin-top:5px; margin-left:5px; }
ul.ListeItems10 li		{ margin-top:10px; margin-left:10px; }

li.Item48			{ width:52px; min-height:64px; border:1px #AAAAAA solid; }
li.Item48 .handle	{ width:52px; height:16px; clear:both; }
li.Item48 img		{ margin:2px; }

li.Item96			{ width:106px; min-height:100px; border:1px #AAAAAA solid; text-align:center; }
li.Item96 .handle	{ width:106px; height:26px; clear:both; }
li.Item96 img		{ margin:4px; }


/****************** BARRES DE STATS ******************/
.BarreStat, .BarreStatFond, .BarreStatMax	{ height:11px; width:11px; padding:0px; padding-top:2px; margin-top:2px; line-height:9px; font-size:9px; display:block; float:left; vertical-align:middle; white-space:nowrap; overflow:hidden; }
.BarreStat		{ background-color:#8FB5DA; color:#FFFFFF; font-weight:bold; }
.BarreStatFond	{ background-color:#CFCFCF; color:#000000; }
.BarreStatMax		{ background-color:#CFCFCF; color:#555555; }


/************ Personnalisation ************/

#Menu, #Menu dt a:hover , #Menu li a:hover, #Menu dl.Actif dt	{ background-color:#1C3584; }
a, h2 a	{ color:#1C3584; }

.DragnDrop, td.DragnDrop
	{
	cursor:move;
	background-image:url(Habillage/Drag-n-Drop.png); background-attachment:scroll; background-position:center center; background-repeat:repeat;
	}