@charset "utf-8"; 

/* ---------------------------------------------------------  */ 
/* ------------ Modification des balises -------------------  */
/* ---------------------------------------------------------  */ 

body {margin: 0; background: #fff url(../Images/bg.jpg) top repeat-x; }

p {line-height: 17px; color: #555A5B; font: 12px arial, verdana, sans-serif;}



/* /by Drinou@////////////////////////////////////////////////////////////////////////////// */
h1 {font: bold 20pt Calibri; color:#000000; border:1px dotted #74BFFF;background-color:#EEEEEE;padding: 10px;}
h2 {font: bold 12pt Arial, Helvetica, sans-serif; color:#222222;border-bottom:1px dotted #222222; padding-bottom: 10px;}
h3 { font-family:Calibri,Tahoma;	font-size:45pt;	text-align:center; margin-top:-25px;	color:#74BFFF;}																	/*  Titre Serveur Newsgroups*/	
h4 {font-family:arial, verdana, sans-serif;	font-size:11pt;	color:#094069;	border-bottom:1px solid #74BFFF;	padding-bottom:2px; margin-top:-10px;}		/*  Titre abonnement,...*/	
.link_Serveur {	font-size:10pt;	font-family:arial, verdana, sans-serif;	text-align:center;	margin-top:-60px;	color:#168be4;}
.tblAbonnement {border:1px solid #BBBBBB;border-collapse: collapse;}																														/*  tableau abonnement */
.tblAbonnement th {border:1px solid #BBBBBB;color:#FFFFFF;font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;background-color:#002c7c;text-transform:uppercase;}
.tblAbonnement tr td {border:1px solid #BBBBBB;padding:3px;font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;color: #094069;}

/*  tableau vote */
.tblVote {border:1px solid #BBBBBB;border-collapse: collapse;}																														
.tblVote th {border:1px solid #BBBBBB;color:#FFFFFF;font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;background-color:#002c7c;text-transform:uppercase;}
.tblVote tr td {border:1px solid #BBBBBB;padding:3px;font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;color: #094069;}



.txt_barre {text-decoration:line-through;	font-family:arial, verdana, sans-serif;	font-size:9pt;}											 								   /* texte barr */
.bloc_Offre {font-family:arial, verdana, sans-serif;font-size:10pt;background-color:#EEEEEE;padding:12px;border:1px dotted #74BFFF;}		
.txt_blokred {border:1px solid #FFFFFF; padding:3px;color:#FFFFFF;background-color:#FF0000;}
.listServeurs {border-collapse:collapse;font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;}
.listServeurs td {border:1px solid #EEEEEE; background-color:#F8F8F8;}

/******* --- <*html > =version IE 6*********/
* html h3 { font-family:Calibri,Tahoma;	font-size:50pt;	text-align:center; margin-top:-40px;	color:#74BFFF;}
* html h4 {font-family:arial, verdana, sans-serif;	font-size:11pt;	color:#094069;	border-bottom:1px solid #74BFFF;	padding-bottom:2px;}		/*  Titre abonnement,...*/	
* html .link_Serveur {	font-size:10pt;	font-family:arial, verdana, sans-serif;	text-align:center;margin-top:-20px;}
* html .tblAbonnement th {border:1px solid #BBBBBB;	color:#FFFFFF;	font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;background-color:#002c7c;text-transform:uppercase;}
* html .tblAbonnement tr td {border:1px solid #BBBBBB;	padding:3px;font-family:arial, verdana, sans-serif;font-size:9pt;text-align:center;color: #094069;}
* html .bloc_Offre {font-family:arial, verdana, sans-serif;font-size:10pt;background-color:#EEEEEE;padding:12px;border:1px dotted #74BFFF;}	
/*****************************************/

#topMenuRecherche {float:right;padding:10px;font-family:arial, verdana, sans-serif;font-size:9pt;margin:-70px 0 0 0;}
input {border:1px solid #666666; font-family:Arial,verdana,sans-serif;font-size:8pt;}

/* ------------ Colonne Gauche (News+Remember) -------------------  */
#colonneGauche {margin:10px 0 0 40px;width:160px;float:left; padding:10px;background-color:#F8F8F8;font-family:Arial,verdana, sans-serif;color:#666666;font-size:8pt;	}
* html #colonneGauche { margin:10px 0 0 40px;width:160px;float:left; padding:10px;background-color:#F8F8F8;font-family:Arial,verdana, sans-serif;color:#666666;font-size:8pt;	}
.SavoirPlus{ float:right; padding:2px; border:1px solid #74BFFF; background-color:#74BFFF; color:#FFFFFF; margin-top:10px;}


a.txtPrice:link {text-decoration:none; color:#FFFFFF;}
a.txtPrice:visited{text-decoration: none; color:#FFFFFF;}
a.txtPrice:hover {text-decoration: none; color:#000000;}
a.txtServeur:link {text-decoration:none; color:#000000;}
a.txtServeur:visited{text-decoration: none; color:#000000;}
a.txtServeur:hover {text-decoration: none; color:#0000FF;}
/* /////////////////////////////////////////////////////////////////////////////// */


a:link {text-decoration: underline; color:#168be4;}
a:visited {text-decoration: underline; color:#168be4;}
a:hover {text-decoration: underline; color:#000;}

.vote {	background:url(../fond_vote.png) center top no-repeat ;}


/* ------------------------------------------------------  */
/* ------------ Mise en forme du site -------------------  */
/* ------------------------------------------------------  */


/* ------------ Header -------------------  */
#header {background: url(../Images/headerBg.jpg) no-repeat; height: 90px; padding-top: 132px; width: 100%; margin: 0 auto; background-position:center; }

/* ------------ Header Menu Serveurs -------------------  */
#headerlist {background: url(../Images/header_list.jpg) no-repeat; height: 100%; padding-top: 0px; width: 	900px; margin: 0 auto; margin-top:-10px; margin-left:20px;}
/* ------------ Header Menu Serveurs IE6 -------------------  */
* html #headerlist {background: url(../Images/header_list.jpg) no-repeat; height: 100%; padding-top: 0px; width: 	900px; margin: 0 auto; margin-top:-10px;}

/* ------------ Menu principal -------------------  */
#topMenu {width: 900px; height: 45px; margin:0 auto 0 auto; padding: 0 25px 0 25px; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#topMenu ul {height: 45px; margin:0; padding:0; list-style:none;}
#topMenu li  {float:left; background-Image: url(../Images/topMenuSeparateur.jpg); background-repeat:no-repeat; background-position:top right; width: 88px;}
#topMenu li.ImageSeparateur {float:left; width:1px; height: 45px; }
#topMenu a {display: block; width: 87px; height: 30px; margin: 0; padding:15px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
.pageActive {width: 87px; height: 30px; margin: 0; padding:15px 0 0 0; text-align:center; text-decoration: none; background-Image: url(../Images/topMenuActif.gif); background-repeat:no-repeat; background-position:bottom center;color:#d0f9ff;}
#topMenu a:visited { color:#ffffff;}
#topMenu a:hover {background-Image: url(../Images/topMenuHover.gif); background-repeat:no-repeat; background-position:bottom center; color:#ff0000;}

/* ------------ Menu Serveurs -------------------  */
/*#topMenuList {width: 900px; height: 45px; margin:0 auto 0 auto; padding: 0 0px 0 0px; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}*/
#topMenuList {width: 900px; height: 45px; margin:0 auto 0 auto; padding: 0 0px 0 0px; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}

#topMenuList ul {height: 45px; margin:0; padding:0; list-style:none;}
#topMenuList li  {float:left; background-repeat:no-repeat; background-position:top right; width: 88px; vertical-align:middle;}
#topMenuList a {display: block; width: 87px; height: 30px; margin: 0; padding:15px 0 0 0; text-align:center; text-decoration: none; color:#0900b6;}
#topMenuList a:visited {color:#0900b6;}
#topMenuList a:hover {background-Image: url(../Images/topMenuHover.gif); background-repeat:no-repeat; background-position:bottom center; color:#f500fe;}



/* ------------ Container de contenu -------------------  */
#contenu { width: 900px; margin: 0 auto; padding: 10px 0 40px 0; background-color: #fff; }

/* ------------ Menu secondaire -------------------  */
#menuSecondaire { width: 120px; height:auto; padding: 50px 15px 30px 15px; }
#menuSecondaire ul {margin: 0 0 0 0; padding: 0; list-style:none; }
#menuSecondaire li {height:19px; padding: 0; text-align: center;}
#menuSecondaire a {display:block; width:165px; height:19px; padding-left:20px; padding-top:5px; background:url(../Images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#menuSecondaire a:link {color: #6b6b6b;}
#menuSecondaire a:visited {color: #6b6b6b;}		
#menuSecondaire a:hover {color: #000; text-decoration: none; background-Image:url(../Images/puceMenuGaucheOver.gif);}


/* ------------ Colonne Centre (texte)-------------------  */

#colonneCentre {width: 680px; float: left; padding:20px; border-left:1px solid #EEEEEE;}
.positionDroit {float:right; margin-left: 15px; border:none;}
.sansBordure { border: none;}


/* ------------ Colonne Droite (pub) -------------------  */

#colonneDroite {width: 130px; padding: 20px 0 0 5px; float: right;}

#patch {clear: both;} 



/* ------------ Bas de page, footer -------------------  */

#footer {height: 50px; margin:0 auto 0 auto; padding-top: 35px; background: url(../Images/footerBg.jpg) top center no-repeat;}
#footer p {font-size: 9px; text-align: center;}




/* ------------ Formulaire contact -------------------  */
.formulaireBoite {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #6b6b6b; border:1px solid #bfc4ca; background-color: #fff; margin: 2px 0; padding:1px;}

.galerieBtn {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; border:none; background-color: #013042; margin: 2px 0; padding:4px;}