@charset "iso-8859-1";

body {
	font-family:  "Segoe UI", Verdana, arial, verdana, sans-serif;
	color: #666;
	background: #DDD url(img/bg6.jpg) top center fixed no-repeat; /* <------ background : bg.jpg + bg1.jpg à bg9.jpg */
}

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

a:hover { }	
	
img { border: 0; }	

hr { border: 1px solid #ccc; }

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

#header {
	width:960px;
	margin: 0 auto;
}

#header img {}

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

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

.copy { float:right; margin-right : 10px; }

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

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

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


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

/* -------------------- NEWS ------------------*/

#news {
	text-align: justify;
}

#news table { border: 0 none;}
#news a { text-decoration: none; }
#news img { max-width: 500px; }

#news .news_titre {	
	font-size:18px;
	font-weight: bold;
	color: #000;
	margin: 0;
}

#news .news_titre:first-letter {	
	font-size:26px;
}

#news .news_date {
	font-size:14px;
	line-height:14px;
	text-align:right;
	color: #aaa;
	margin: 0px;
	padding: 0px;
}									

#news .news_auteur {
	display: none;
}									

#news .news_commentaire {
	background: url(img/comment.png) center right no-repeat;
	font-size: 18px;
	line-height: 28px;
	text-align:right;
	margin: 0;
	font-weight: normal;
	padding-right: 40px;
}									

#news .news_commentaire a {
	color: #95BDFF;
	text-decoration: none;
	font-weight: bold;
}									

#news .news_commentaire a:hover {
	color: #528EC0;
	background: #fff;
}									
 
 
#news .news_page { 
	text-align: center;
	font-size: 18px;
 }

#news .news_page	a {
	color: #000;
	text-decoration: none;
	padding: 5px;
}									

#news .news_page	a:hover {
	color: #000;
	background:#ddd;
}									
 
#news .news_desc {
	color: #666;
	font-size:14px;
	line-height:20px;
}

#news hr { border: 1px solid #ddd; }



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

#desc { text-align: justify; }
#desc h1 { color : #009CC3; font-size: 36px; 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(img/messenger2009.jpg) no-repeat center left;
	padding-left: 130px;
	padding-top:20px;
	padding-bottom:20px;
	color: #528EC0;
	font-size: 18px;
}

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

#historique { text-align: justify; }

#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 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(img/dl.png) no-repeat center left; 
	padding-left: 40px;
}

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

#telecharger .source, #telecharger .source:hover { 
	background: transparent url(img/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(img/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; }



/*------------------  SOURCES ------------------ */

#sources { text-align: center; }
#sources img { max-width: 600px; }
#sources h1 { color: #000; font-size: 34px; }
#sources h2 { color: #000; }
#sources .telecharger { text-align: left; }



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

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



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

.partenaires { padding: 10px;}

.partenaires li { list-style-image: url(img/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; }


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

.contact { 
	color: #CFFFFF; 
	background: url(img/contact.png) no-repeat center left;
	padding-left: 30px;
	margin-left: 20px;
	}
	
.accueil { 
	color: #A641AC; 
	background: url(img/accueil.png) no-repeat center left;
	padding-left: 30px;
	margin-left: 20px;
	}
	
	
/*------------------  AUTRE ------------------ */	
	
.cite_name /* quand on cite du texte de l'interface */ {
	font-style: italic;
	font-weight:bold;
}

.bouton {
	background: url(img/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;
}


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