/* Global Styles */

html, body {
	margin:0px;
	background-color: #f2f2f2;
	height:100%;
	font-size: 12px;
	color: #000000
	}
a:link {
	color:#333333;
	cursor: pointer;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
	}
a:hover {
	color: #FF0000;
		
}

#Nav   {
position: relative;
height:25px; 
background: url(sectionF.png);
margin:0 auto 0 auto;
width:100%;
color: #FFFFFF;
text-align: center;
font: georgia;
}   

 div#Nav a {color:#FFFFFF; width:100px;height: 25px; text-align:center;font-size:12px}
 div#Nav ul {padding: 0 0 0 0; margin:0px; height: 25px; text-align:center;}
 div#Nav li {background: url(sectionF.png); height: 25px; text-align:center;}
 div#Nav li:hover {background: url(sectionFS.png); height: 25px; text-align:center;}
 div#Nav li.active a {background: url(sectionFA.png); height: 25px; text-align:center;}
 div#Nav li.sousmenu:hover {background: url(sectionFS.png); height: 25px; text-align:center;}

 /* rejout couleur de fond 
div#Nav li.sousmenu {background: url(IMG/sectionF.png); height: 25px;}*/
 /* rajout pr pour fleche direction bas et couleur de fond
 div#Nav li.plop { background: url(IMG/sectionF.png); height: 25px;}*/

 /* une petite bordure en top*/
 div#Nav ul li {position:relative; list-style: none; float:left; border-top:0px solid;text-align:center;}
 div#Nav ul ul {position: absolute;display:none; width:70px; text-align:center;}
 div#Nav li a {text-decoration: none;text-align:center; padding: 0 0 0 0; display:block;width:70px}
 div#Nav li.long a {text-decoration: none; padding: 0 0 0 0; display:block;width:110px; text-align:center;}
 div#Nav ul.niveau1 li.sousmenu:hover ul.niveau2,
 div#Nav ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
 div#Nav ul.niveau3 {top:-1px; left: 70px;}
 div#Nav ul.niveau4 {top:-1px; left: 70px;}

/* rajout de couleur de fond et de survol */
 div#Nav ul.niveau3 li {background: url(sectionF.png); height: 25px;}
 div#Nav ul.niveau3 li:hover {background: url(sectionFS.png); height: 25px;}

 /* rajout de couleur de fond et de survol */
 div#Nav ul.niveau4 li {background: url(sectionF.png); height: 25px;}
 div#Nav ul.niveau4 li:hover {background: url(sectionFS.png); height: 25px;}

#header     {
height:172px; 
background-color: #8C8C8C;
margin:0 auto 0 auto;
width:100%;
color: #000000;
text-align: center;
font : georgia; 
}   

#hlogo {
width:12%;
float:left;
margin:auto 10px auto 10px;
background-color:transparent;

height:172px;
padding: 0;
text-align:center
}

#hpub {
width:60%;
margin:auto auto auto auto;
background-color:transparent;
height:172px;
padding: 0;
text-align:center
}

#hlecteur {
width:20%;
float:left;
margin:auto auto auto auto;
background-color:transparent;
height:172px;
padding: 0;
text-align:center
}
#hco {
width:20%;
float:right;
margin:auto auto auto auto;
background-color:transparent;
height:172px;
padding: 0;
text-align:center
}
#hco2 {
width:20%;
float:left;
margin:auto auto auto auto;
background-color:transparent;
height:172px;
padding: 0;
text-align:center
}
#conx {
border:1px solid #FFFFFF;
-moz-border-radius:4px;
width:200px;
min-height:110px;
float:left;
}

#Niveau     {
height:34px; 
background:url(ms.png);
margin:0 auto 0 auto;
width:100%;
color: #000000;
text-align: center;
font : georgia; 
position: relative;
}  

#act     {
background:#CCCCCC;
border-left:2px solid #666666;
width:100%;
}

#acta     {
background:#CCCCCC;
border-left:2px solid #FF0000;
width:100%;
}

#space2     {
float:right;
height:50px; 
background-color: #8C8C8C;
margin:0 auto 0 auto;
width:100%;
color: #000000;
text-align: center;
font : georgia; 
}   

 div#Niveau a {color:#000000; height: 34px; width:100px; text-align:center;font-size:16px}
 div#Niveau ul {padding: 0 0 0 0; margin-top:0px; height: 34px; text-align:center;}
 div#Niveau li {background: url(ms.png); height: 34px; text-align:center;}
 div#Niveau li.on {background: url(msA.png); height: 34px; text-align:center;}
 div#Niveau li.logon{background: url(msA.png); height: 34px; text-align:center;}
 div#Niveau li.tlog{background: url(msA.png); height: 34px; text-align:center;}
 div#Niveau li:hover {background: url(msS.png); height: 34px; text-align:center;}
 div#Niveau li:active {background: url(msA.png); height: 34px; text-align:center;}
 div#Niveau li.sousmenu:hover {background: url(msS.png); height: 34px; text-align:center;}

 /* rejout couleur de fond 
div#Nav li.sousmenu {background: url(IMG/sectionF.png); height: 25px;}*/
 /* rajout pr pour fleche direction bas et couleur de fond
 div#Nav li.plop { background: url(IMG/sectionF.png); height: 25px;}*/

 /* une petite bordure en top*/
 div#Niveau ul li {position:relative; list-style: none; float:left; border-top:0px solid;text-align:center;}
 div#Niveau ul ul {position: absolute;display:none; width:70px; text-align:center;}
 div#Niveau li a {text-decoration: none;text-align:center; padding: 0 0 0 0; display:block;width:70px}
 div#Niveau li.long a {text-decoration: none; padding: 0 0 0 0; display:block;width:110px; text-align:center;}
 div#Niveau li.tlong a {text-decoration: none; padding: 0 0 0 0; display:block;width:150px; text-align:center;}
 div#Niveau li.logon a {text-decoration: none; padding: 0 0 0 0; display:block;width:110px; text-align:center;}
 div#Niveau li.tlog a {text-decoration: none; padding: 0 0 0 0; display:block;width:150px; text-align:center;}
 div#Niveau ul.niveau1 li.sousmenu:hover ul.niveau2,
 div#Niveau ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
 div#Niveau ul.niveau3 {top:-1px; left: 70px;}
 div#Niveau ul.niveau4 {top:-1px; left: 70px;}

/* rajout de couleur de fond et de survol */
 div#Niveau ul.niveau3 li {background: url(ms.png); height: 34px;}
 div#Niveau ul.niveau3 li:hover {background: url(msS.png); height: 34px;}

 /* rajout de couleur de fond et de survol */
 div#Niveau ul.niveau4 li {background: url(ms.png); height: 34px;}
 div#Niveau ul.niveau4 li:hover {background: url(msS.png); height: 34px;}




#main {
float:right;
background-color: #f2f2f2;
width:100%; 
min-height:100%;
}

#conteneur {
background-color: transparent;
margin:0 auto 0 auto;
width:100%; 
min-height:100%;
}

#left {
width:60%;
float:left;
margin:10px 10px 10px 10px;
background-color:#f2f2f2;
padding: 20px;
position: relative;
text-align:left;
}

#left2 {
width:50%;
float:left;
margin:10px 10px 10px 10px;
background-color:#f2f2f2;

position: relative;
text-align:center;
}

#left3 {
width:20%;
float:right;
margin:10px 10px 10px 10px;
background-color:#f2f2f2;

position: relative;
text-align:center;
}

#right {
width:15%;
float:right; 
margin:10px 10px 10px 10px;
padding: 10px;
background:url(tige.png)repeat-y;
min-height:100%;
position: relative;
text-align:center;
font-size: 12px
}

#right2 {
width:45%;
float:right; 
margin:10px 10px 10px 10px;
padding-left: 10px;
background:url(tige.png)repeat-y;
min-height:100%;
position: relative;
text-align:center;
font-size: 12px
}

#right3 {
width:70%;
float:right; 
margin:10px 10px 10px 10px;
padding-left: 10px;
/*background:url(tige.png)repeat-y;*/
min-height:100%;
position: relative;

font-size: 12px
}

#NEWS {
float:right; 
margin:10px 10px 10px 10px;
padding-left: 23px;
padding-top:6px;
line-height: 1.82;
background:url(NEWS.png)repeat-y;
min-height:100%;
width:350px;
font-size: 12px
}



#footer {
float:right;
height:25px; 
background: url(sectionF.png);
margin:0 auto 0 auto;
width:100%;
color: #FFFFFF;
text-align: center;
font : georgia; 
}

.Style2 {
	font-family: "Borg 9";
	font-weight: bold;
}
.Style3 {color: #FF0000}
.Style4 {color: #00FF00}

#chanlist a small {  /*--panel tool tip styles--*/
	text-align: center;
	margin:0 auto 0 auto;
	width:500px;
	
	/*--padding: 5px 5px 11px;--*/
	display: none; /*--Hide by default--*/
	color: #FFFFFF;
	font-size: 12px;
	text-indent: 0;
}
#chanlist a:hover small{
text-align: center;
	display: block; /*--Show on hover--*/
	
	position: absolute;
	top: 50px;
	margin-left:100px;

	
}
.piedpage {color: #FFFFFF}
.texte {
color: #000000;
font-size: 12px
}
/*noir gras*/
.titrecadre {color: #000000; font-weight: bold; }
/*rouge gras*/
.Style26 {
	color: #FF0000;
	font-size: 12px
}
.Style28 {font-size: 12px}
.info {
color: #FF0000;
text-decoration: blink;
}

/*blanc gras*/
.titre {
	color: #0000FF;
	font-weight: bold;
	font-size: 18px;
}
.titreR {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}
.Style1 {
	font-size: 9px;
	color: #FF0000;
}
.c0 {color: #FFFFFF}
.c1 {color: #000000}
.c2 {color: #000099}
.c3 {color: #006600}
.c4 {color: #FF0000}
.c5 {color: #330000}
.c6 {color: #990099}
.c7 {color: #FF6633}
.c8 {color: #FFFF00}
.c9 {color: #00FF00}
.c10 {color: #006666}
.c11 {color: #00FFFF}
.c12 {color: #0000FF}
.c13 {color: #FF00FF}
.c14 {color: #666666}
.c15 {color: #999999}


hr{background-color:#FF0000;color:#FF0000;border:0;height:1px;}
hrG{font-weight: bold;}
hrI{font-style: italic;}
hr0{background-color:transparent;color:#FFFFFF;border:0;height:1px;}
hr1{background-color:transparent;color:#000000;border:0;height:1px;}
hr2{background-color:transparent;color:#000099;border:0;height:1px;}
hr3{background-color:transparent;color:#006600;border:0;height:1px;}
hr4{background-color:transparent;color:#FF0000;border:0;height:1px;}
hr5{background-color:transparent;color:#330000;border:0;height:1px;}
hr6{background-color:transparent;color:#990099;border:0;height:1px;}
hr7{background-color:transparent;color:#FF6633;border:0;height:1px;}
hr8{background-color:transparent;color:#FFFF00;border:0;height:1px;}
hr9{background-color:transparent;color:#00FF00;border:0;height:1px;}
hr10{background-color:transparent;color:#006666;border:0;height:1px;}
hr11{background-color:transparent;color:#00FFFF;border:0;height:1px;}
hr12{background-color:transparent;color:#0000FF;border:0;height:1px;}
hr13{background-color:transparent;color:#FF00FF;border:0;height:1px;}
hr14{background-color:transparent;color:#666666;border:0;height:1px;}
hr15{background-color:transparent;color:#999999;border:0;height:1px;}
hrS0{background-color:#f2f2f2;border:0;height:0px;}
hrS1{background-color:#000000;border:0;height:1px;}
hrS2{background-color:#000099;border:0;height:1px;}
hrS3{background-color:#006600;border:0;height:1px;}
hrS4{background-color:#FF0000;border:0;height:1px;}
hrS5{background-color:#330000;border:0;height:1px;}
hrS6{background-color:#990099;border:0;height:1px;}
hrS7{background-color:#FF6633;border:0;height:1px;}
hrS8{background-color:#FFFF00;border:0;height:1px;}
hrS9{background-color:#00FF00;border:0;height:1px;}
hrS10{background-color:#006666;border:0;height:1px;}
hrS11{background-color:#00FFFF;border:0;height:1px;}
hrS12{background-color:#0000FF;border:0;height:1px;}
hrS13{background-color:#FF00FF;border:0;height:1px;}
hrS14{background-color:#666666;border:0;height:1px;}
hrS15{background-color:#999999;border:0;height:1px;}
hreG{font-weight: normal;}
hreI{font-weight: normal;}
hreCC{color: #000000;}
hreC{background-color:transparent;}
hreS{background-color:transparent;}
hreg{font-weight: normal;}
hrei{background-color:#f2f2f2;}
hrec{background-color:transparent;color:#000000}
hres{background-color:transparent;}


#plop {
       text-decoration: blink;
	color:#FF0000;
}


* html .friendsList li{display:none;}
.clearfix:after{content:"";display:none;height:0;clear:both;visibility:hidden;list-style-type: none; }
.friendsList{margin:0 0 0px 0;list-style-type: none; }
.friendsList li{float:left;margin:0 5px 5px 0;list-style-type: none;}
.friendsList .avatar{margin:0;height:82px;text-align:center;}
.friendsList li.extended{width:192px;padding:5px;border:1px solid #E6E6E6;margin:0 9px 9px 0;position:relative;list-style-type: none;}
.friendsList li.extended ul{float:left;overflow:hidden;width:98px;line-height:1.2em;list-style-type: none;}
.friendsList li.extended li{float:left;margin:0;list-style-type: none;}
* html .friendsList li.extended li{display:block;}
.friendsList li.extended .avatar{margin-right:7px;float:left;list-style-type: none;}
div.avatar .imageWrapoff{display:block;overflow:hidden;background:#FF0000;padding:0;}
div.avatar .imageWrapon{display:block;overflow:hidden;background:#00CC00;padding:0;}
div.avatar .imageWrap{display:block;overflow:hidden;background:#CCCCCC;padding:0;}

div.avatar.male .imageWrapon{border-top:2px solid #68BEFF;}
div.avatar.female .imageWrapon{border-top:2px solid #FF9FC4;}
div.avatar.male a.imageWrapon:hover,div.avatar.male:hover a.imageWrapon{border-top:2px solid #00A6FF;}
div.avatar.female a.imageWrapon:hover,div.avatar.female:hover a.imageWrapon{border-top:2px solid #FF6795;}


div.avatar.male .imageWrap{border-top:2px solid #68BEFF;}
div.avatar.female .imageWrap{border-top:2px solid #FF9FC4;}
div.avatar.male a.imageWrap:hover,div.avatar.male:hover a.imageWrap{border-top:2px solid #00A6FF;}
div.avatar.female a.imageWrap:hover,div.avatar.female:hover a.imageWrap{border-top:2px solid #FF6795;}

div.avatar.male .imageWrapoff{border-top:2px solid #68BEFF;}
div.avatar.female .imageWrapoff{border-top:2px solid #FF9FC4;}
div.avatar.male a.imageWrapoff:hover,div.avatar.male:hover a.imageWrapoff{border-top:2px solid #00A6FF;}
div.avatar.female a.imageWrapoff:hover,div.avatar.female:hover a.imageWrapoff{border-top:2px solid #FF6795;}

div.avatar.male .age{background:#00A6FF;top:45px;}
div.avatar.female .age{background:#FF6795;top:45px;}
div.avatar.male .online{background:#FF0000;top:45px;}
div.avatar.female .online{background:#FF0000;top:45px;}
div.avatar{float:left;width:80px;position:relative;text-align:center;font-size:10px;overflow:hidden;}
div.avatar .nick{text-decoration:none;display:block;border-bottom:2px solid #ccc;width:76px;padding:0 2px;overflow:hidden;}
div.avatar a.nick:hover,div.avatar:hover a.nick{border-bottom:2px solid #F1F1F1;text-decoration:none;}
div.avatar .imageWrapoff{display:block;height:60px;overflow:hidden;background:#FF0000;padding:0;}
div.avatar .imageWrapon{display:block;height:60px;overflow:hidden;background:#00CC00;padding:0;}


div.avatar .imageWrap{display:block;height:60px;overflow:hidden;background:#CCCCCC;padding:0;}


div.avatar .age{position:absolute;top:43px;right:3px;background:#666;color:#fff;padding:2px;line-height:1em;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
div.avatar.male .age{background:#00A6FF;top:45px;}
div.avatar.female .age{background:#FF6795;top:45px;}
div.avatar.male .online{background:#FF0000;top:45px;}
div.avatar.female .online{background:#FF0000;top:45px;}
ul.padded {position:absolute;padding:0 0 0 0;list-style-type: none;color:#FF0000; top:1px;left: 95px; }
ul.padded li {display:block;width:80px;padding:0 0 0 0;list-style-type: none;color:#FF0000;} 







.friendsList li.extendedstats{width:270px;padding:5px;border:1px solid #E6E6E6;margin:0 9px 9px 0;position:relative;list-style-type: none;}
.friendsList li.extendedstats ul{float:left;overflow:hidden;width:98px;line-height:1.2em;list-style-type: none;}
.friendsList li.extendedstats li{float:left;margin:0;list-style-type: none;}
* html .friendsList li.extendedstats li{display:block;}
.friendsList li.extendedstats .avatar{margin-right:7px;float:left;list-style-type: none;}
div.avatar .imageWrap{display:block;overflow:hidden;background:#CCCCCC;padding:0;}
div.avatar.stats .online{background:#FF0000;top:45px;}
div.avatar.stats .imageWrap{border-top:2px solid #006600;}
div.avatar.stats a.imageWrap:hover,div.avatar.stats:hover a.imageWrapon{border-top:2px solid #006600;}

div.avatar.stats .age{background:#006600;top:45px;}
ul.paddedstats {position:absolute;padding:0 0 0 0;list-style-type: none;color:#FF0000; top:1px;left: 95px; }
ul.paddedstats li {display:block;width:160px;padding:0 0 0 0;list-style-type: none;color:#FF0000;} 

.stats{border:1px solid #C0C0C0;font-size:8pt;padding:10px;font-weight:normal;text-align:justify;-moz-border-radius:4px;}
.stats1{background-color:rgb(190,170,220);margin:0;min-height:15px;text-align:center;}





.submit{
     background-color:#999999;
	 text-decoration:none;
	 font-size:8pt;
	-moz-border-radius:4px;
	 /*border:none;*/
     color:#fff;
}
.submit2{
     background-color:#666666;
	 text-decoration:none;
	 font-size:8pt;
	-moz-border-radius:4px;
	 /*border:none;*/
     color:#fff;
}