@charset "iso-8859-1";

body {
	font-family:  "Segoe UI", Verdana, arial, verdana, sans-serif;
	color: #555;
	background: #333;
}

a { 
	color: #6BBEEB; 
	text-decoration:none;
	font-weight: bold;
}

a:hover { text-decoration:none; background: none; }	

img { border: none; padding: 0; margin: 0; }	
hr { border: 1px solid #ccc; }

/* -------------------- HEADER ------------------*/

#header {
	width:960px;
	margin: 0 auto;
	text-align: center;
}


/* -------------------- FOOTER ------------------*/

#footer {
	width:960px;
	margin: 0 auto;
	color: #fff;
	clear:both;
}

#footer a {
	color: #fff;
}

.copy { margin-left : 10px; }
.copy2 { 
	margin-left : 10px;
	font-size: 12px;
	}

/* -------------------- STRUCTURE ------------------*/

#contenu {
	width:960px;
	margin: auto;
	background: url(images/wrap.png) center repeat-y;
	line-height: 22px;
	display: block;
	} 

#texte {
	width:620px;
	position: relative;
	padding: 0px 30px;
	margin: 0;
	}
#texte a {}
#texte a:hover { 	
	color: #fff;
	background:#6BBEEB;
	}
	
	
#sidebar {
	width:240px;
	padding: 15px;
	float:right;
	position: relative;
	}


#top {
	background: url(images/top.png) bottom center no-repeat;
	height: 20px;
	padding: 0;
	margin: 0;
}

#bottom {
	background: url(images/footer.png) top center no-repeat;
	height: 20px;
	padding: 0;
	margin: 0;
}


/* -------------------- Accueil -----------------*/

#accueilmsncouleur h1 { 
	color: #aaa;
	text-align: center;
}

#accueilmsncouleur h2 { color: #0092C3; }

#accueilmsncouleur a { color: #00A9E1; }
#accueilmsncouleur a:hover { background-color: #00A9E1; color: #fff; }

.presentation {
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}
.presentation strong {
	font-weight: normal;
}

.intro {
	background: #eee url(images/intro.png) no-repeat right;
	color:#333;
	font-size: 16px;
	line-height: 24px;
	height: 230px;
	padding-right: 280px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	border: 1px solid #ddd;
	text-align: justify;
	margin-bottom: 20px;
}

.news {
	margin-bottom: 20px;
	text-align: justify;
}

.news li {
	list-style-image: url(images/li.png);
}

.datenews {
	font-size: 24px;
	color: #aaa;
	float: right;
}


/* -------------------- DESCRIPTION -----------------*/

#desc { text-align: justify; }
#desc h1 { color : #009CC3; font-size: 36px; line-height: 44px;  text-align: center; }
#desc h2 { color: #78C0FF; font-size:22px; }
#desc li { line-height: 24px; padding-bottom: 15px; }
#desc em { color: #888; }

#desc .compatible {
	background: url(images/messenger2009.jpg) no-repeat center left;
	padding-left: 130px;
	padding-top:20px;
	padding-bottom:20px;
	color: #528EC0;
	font-size: 18px;
}
#desc li {
	list-style-image: url(images/li3.png);
}

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

#caract_spe { text-align: center; line-height: 28px; color: #000; }
#caract_spe h1 { color : #9700A5; font-size: 36px; text-align: center; }
#caract_spe h2 { color: #6E00A5; font-size:26px; }

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

#visages { text-align: center; line-height: 28px; color: #000; }
#visages h1 { color : #1399E4; font-size: 36px; text-align: center; }
#visages h2 { color: #6E00A5; font-size:26px; }

#visages input { 
	margin: 5px;
	font-size: 28px; 
	text-align: center;
	padding: 5px;
}

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

#pseudos { text-align: left; line-height: 28px; color: #000; }
#pseudos h1 { color : #666; font-size: 36px; line-height: 44px; text-align: center; }
#pseudos h2 { color: #6E00A5; font-size:26px; }
#pseudos a { color: #000; }
#pseudos a:hover { color: #fff; background: #000; }

#pseudos input { 
	font-size: 14px; 
	padding: 5px;
}

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

#deco { text-align: center; line-height: 28px; color: #000; }
#deco h1 { color : #4BBD25; font-size: 36px; line-height: 44px; text-align: center; }
#deco h2 { color: #F66464; font-size:26px; }
#deco a { color: #000; }
#deco a:hover { color: #fff; background: #000; }

#deco input { 
	font-size: 20px; 
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
}


/* ------------------ HISTORIQUE ------------------ */

#historique { text-align: justify; line-height: 26px; }

#historique .numversion {
	font-weight:bold;	
	text-decoration: underline;
}	
#historique  h1 {
	color: #FF4000;
	text-align: center;
}

#historique a { color:#FF4000; }
#historique a:hover { color: #fff; background: #FF4000; }

#historique li {
	list-style-image: url(images/li2.png);
}

#historique p .versiondesc { }
#historique .date { font-style: italic; }
#historique .versioninfo { text-decoration: underline; }
#historique a.versioninfo { text-decoration: underline; }
#historique .nbdl { font-style: italic; }
#historique .descinfo { font-style: italic; }


/*------------------  TELECHARGER ------------------ */


#telecharger { text-align: justify; }

#telecharger h1 {
	color: #7BCE1D;
	line-height: 40px;
	text-align: center;
}

#telecharger  h1 strong{
	color: #2CA500;
}

#telecharger h2 {
	color: #7BCE1D;
	line-height: 40px;
	text-align: center;
}

#telecharger a { color: #000; font-size: 18px; line-height: 36px; }
#telecharger a:hover { color: #7BCE1D; background: #fff; }



#telecharger .dl, #telecharger .dl:hover { 
	background: transparent url(images/dl.png) no-repeat center left; 
	padding-left: 40px;
}

#telecharger .exe, #telecharger .exe:hover { 
	background: transparent url(images/exe.png) no-repeat center left; 
	padding-left: 40px;
}

#telecharger .source, #telecharger .source:hover { 
	background: transparent url(images/source.png) no-repeat center left; 
	padding-left: 40px;
}


/* -------------------- AIDE -----------------*/

#aide { text-align: justify; }

#aide a { color: red; }
#aide a:hover{ color: #fff; background: red; }

#aide h1 {
font-size:36px;
color: red;
text-align:center;
line-height: 45px;
}

#aide h2{
	background-color:transparent;
	color:#CC33FF;
	font-size:130%;
}

 #aide h3{
	background-color:transparent;
	color:#FF33FF;
	font-size:115%;
	font-weight:bold;
}

#aide h4{
	background-color:transparent;
	color:red;
	font-size:100%;
	font-weight:bold;
}	

#aide  .attention {
	background: #eee url(images/attention.png) center left no-repeat;
	padding: 10px 10px 10px 80px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	color: #333;
	text-align: justify;
	font-size: 14px;
}

#aide .attention a { color:#333; }
#aide .attention a:hover { background: none; color: #000; text-decoration: underline; }


#aide li { line-height: 24px; padding-bottom: 15px; }
#aide h2 li,
#aide h3 li ,
#aide h4 li  { padding-bottom: 0px; }

#aide .sommaire li{ line-height: 22px; padding-bottom: 5px; color: #C30000; }

#aide  .astuce {
	color:#7DB4F4;
	font-size: 18px;
	line-height: 30px;
}
#aide  .astuce strong { color: #5A8ACA; }



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

#liens h1 { color: #000; text-align: center;}
#liens h2 { text-decoration: underline; }



/*------------------  BLOC PARTENAIRES ------------------ */

.partenaires { padding: 10px;}

.partenaires li { list-style-image: url(images/link.png); }
.partenaires a { color: #000; }
.partenaires a:hover { text-decoration: underline; }

.partenaires h4 { color: #aaa; font-size: 18px; letter-spacing: 1px; line-height: 18px; padding: 0px; margin: 5px; }


/*------------------  BLOC OUTILS ------------------ */

.outils { padding: 0px; margin: 0px;}

.outils ul li { 
	list-style-type: none;
	padding: 0px;
	margin-left: -20px;
	height: 36px;
	font-size: 18px;
 }
.outils a { color: #000; }
.outils a:hover { text-decoration: none; }

.outils h4 { 
	color: #aaa; 
	font-size: 18px; 
	letter-spacing: 1px; 
	line-height: 18px; 
	padding: 0px; 
	margin: 5px;
}


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

.info {
	background: #EDE7D6;
	text-align: center;
	border: 1px solid #EDDEB1;
	color: #D7AC00;
	margin: 10px 0px;
	padding: 5px;
	font-weight: bold;
	font-style: italic;
}


/*-- icones menu --*/

.retour_accueil,
.news_log,
.description,
.telecharger,
.historique,
.texte_carac,
.caract_spe,
.pseudos,
.deco,
.visages,
.forum,
.liens,
.facebook,
.contact {
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 28px;
}

.retour_accueil:hover,
.news_log:hover,
.description:hover,
.telecharger:hover,
.historique:hover,
.texte_carac:hover,
.pseudos:hover,
.caract_spe:hover,
.deco:hover,
.visages:hover,
.forum:hover,
.liens:hover,
.facebook:hover,
.contact:hover {
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 28px;
}


.retour_accueil{ 
	background-image: url(images/icones/home.png);
}
.retour_accueil:hover { 
	background-image: url(images/icones/home.png);
	color: #1399E4;
}


.news_log { 
	background-image: url(images/icones/13.png);
}
.news_log:hover{ 
	background-image: url(images/icones/13.png);
	color: #F8B935;
}


.description { 
	background-image: url(images/icones/info.png);
}
.description:hover { 
	background-image: url(images/icones/info.png);
	color: #1890C1;
}

.telecharger { 
	background-image: url(images/icones/dl.png);
}
.telecharger:hover { 
	background-image: url(images/icones/dl.png);
	color: #4BBD25;
}

.historique { 
	background-image: url(images/icones/hist.png);
}
.historique:hover { 
	background-image: url(images/icones/hist.png);
	color: #F66464;
}

.texte_carac { 
	background-image: url(images/icones/character-set.png);
}
.texte_carac:hover { 
	background-image: url(images/icones/character-set.png);
	color: #12CDE8;
}

.caract_spe { 
	background-image: url(images/icones/redesign.png);
}
.caract_spe:hover { 
	background-image: url(images/icones/redesign.png);
	color: #E9385C;
}

.pseudos { 
	background-image: url(images/icones/pseudos.png);
}
.pseudos:hover { 
	background-image: url(images/icones/pseudos.png);
	color: #C766F8;
}

.deco { 
	background-image: url(images/icones/stock_insert_special_character.png);
}
.deco:hover { 
	background-image: url(images/icones/stock_insert_special_character.png);
	color: #7DEA10;
}

.visages { 
	background-image: url(images/icones/face-smirk.png);
}
.visages:hover { 
	background-image: url(images/icones/face-smirk.png);
	color: #F4C80F;
}


.forum { 
	background-image: url(images/icones/forum_24.png);
}
.forum:hover { 
	background-image: url(images/icones/forum_24.png);
	color: #5FAEF0;
}

.liens { 
	background-image: url(images/icones/emblem-symbolic-link.png);
}
.liens:hover { 
	background-image: url(images/icones/emblem-symbolic-link.png);
	color: #aaa;
}

.facebook { 
	background-image: url(images/icones/facebook.png);
}
.facebook:hover { 
	background-image: url(images/icones/facebook.png);
	color: #5671A9;
}

.contact { 
	background-image: url(images/icones/mail.png);
}
.contact:hover { 
	background-image: url(images/icones/mail.png);
	color: #6E8889;
}



/*------------------  FOOTER ------------------ */

	
	
/*------------------  AUTRE ------------------ */	
	
.cite_name /* quand on cite du texte de l'interface */ {
	font-style: italic;
	font-weight:bold;
}

.bouton {
	background: url(images/bouton.png) repeat-x center;
	border: 1px solid #ddd;
	padding: 4px 10px;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}	

.kbd {
	padding : 0 1px 0 1px;
	border-width : 1px 2px 2px 1px;
	border-style : solid;
	background : #faf6f6;
	color : #333;
	border-color : #edd #baa #baa #eed;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 2px;
	padding-top : 2px;
	font-size: 14px;
}


#pseudos .plus_sur_msncouleur,
#visages .plus_sur_msncouleur,
#caract_spe  .plus_sur_msncouleur,
#deco  .plus_sur_msncouleur {
	border: 1px solid #DECEE6;
	background: #EAE1EF;
	color: #7411A9;
	margin: 30px 0px;
	font-size: 18px;
	padding: 10px;
}
#pseudos .plus_sur_msncouleur a,
#visages .plus_sur_msncouleur a,
#caract_spe  .plus_sur_msncouleur a,
#deco  .plus_sur_msncouleur a {
	color: #5B0E84;
}

#pseudos .plus_sur_msncouleur a:hover,
#visages .plus_sur_msncouleur a:hover,
#caract_spe  .plus_sur_msncouleur a:hover,
#deco  .plus_sur_msncouleur a:hover{
	background: #5B0E84;
	color: #fff;
}