/* --------------------------------------------------------  */ 
/* -- WireTeam Par www.jfpariseau.com Pour Kitgrafik.com --  */
/* --------------------------------------------------------  */ 


@charset "utf-8"; 




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

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

/* --- Erreur Commentaires -- */
.erreur {line-height: 17px; color: #ff0000; font: 12px arial, verdana, sans-serif;}


p {line-height: 17px; color: #002c7c; font: 12px arial, verdana, sans-serif;}
h1 {font: bold 20px Calibri; color:#000000; background: url(../images/h1_soulignement.gif) 1px 23px repeat-x; padding-bottom: 10px;}
h2 {font: bold 13px Arial, Helvetica, sans-serif; color:#666; background: url(../images/h1_soulignement.gif) 1px 23px repeat-x; padding-bottom: 10px;}

/* /by Drinou@////////////////////////////////////////////////////////////////////////////// */
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,...*/	

h5 { font-family:Calibri,Tahoma;	font-size:10pt;	text-align:center;	color:#74BFFF;}
.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;}
.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;}		

/******* --- <*html > =version IE *********/
* 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 h5 { font-family:Calibri,Tahoma;	font-size:10pt;	text-align:center;	color:#74BFFF;}
* 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;}	

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


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: 900px; margin: 0 auto;}

/* ------------ 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 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 ul {height: 45px; margin:0; padding:0; list-style:none;}
#topMenuList li  {float:left; background-repeat:no-repeat; background-position:top right; width: 88px;}
#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;}

/* ------------ 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.gif); background-repeat:no-repeat; background-position:top right; width: 88px;}
#topMenu li.imageSeparateur {float:left; width:1px; height: 45px; background-image: url(../images/topMenuSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#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; color:#fff; background: url(../images/topMenuPageEnCours.gif) top center no-repeat; color:#fff;}
#topMenu a:visited {color:#fff;}
#topMenu a:hover {background-image: url(../images/topMenuHover.gif); background-repeat:no-repeat; background-position:bottom center; color:#ff0000;}



/* ------------ Container de contenu -------------------  */

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


/* ------------ Colonne Gauche (Menu secondaire) -------------------  */

#colonneGauche {width: 120px; float: left; padding-top: 45px; }
#menuSecondaire { width: 120px; height:auto; padding: 50px 15px 30px 15px; background: url(../images/menuSecondaireBg.jpg) no-repeat;}
#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: 650px; float: left; padding-left:60px;}
.positionDroit {float:right; margin-left: 15px; border:none;}
.sansBordure { border: none;}


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

#colonneDroite {width: 130px; padding: 100px 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;}

/* ---------------------------------------------------  */
/* ------------ CSS Commentaires ---------------------  */
/* ---------------------------------------------------  */


		/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

		.sidebox {
			margin: 0 auto; /* center for now */
			width: 600px; /* ems so it will grow */
			background: url(../images/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}
		.boxhead {
			background: url(../images/sbhead-r.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			width:600px;
			text-align: center;
		}
		.boxhead_add {
			background: url(../images/sbhead-r.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			width:600px;
			text-align: left;
		}		
		
		.boxhead_add h2 {
			background: url(../images/sbhead-l.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
		
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}		
		
		.boxhead h2 {
			background: url(../images/sbhead-l.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
		
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.boxbody {
			background: url(../images/sbbody-l.gif) no-repeat bottom left;
			margin: 0;
			width:600px;
			padding: 5px 30px 31px;
		}
		.widthlessbox {
			margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
			background: url(../images/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
		}