/* Mise en forme du body */

body { background-color:#323232; background-image:url('../images/fond.gif'); background-repeat: repeat; margin: 0px}



/* ID(#) - Mise en forme de la page en DIV -  */

#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:170px; width: 845px; background-image:url('../images/headerExtra.png'); padding: 0px; margin-top: 22px}

#menu { margin:0 auto; height: 100px; width: 740px; background-image:url('../images/bgMenuH.png'); padding-left: 52px; padding-right: 53px}

#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 27px; width: 845px; background-image:url('../images/sheader.png'); padding: 0px;}

#contenuBg {margin:0 auto; height:auto; width: 845px; background-image:url('../images/contenuBg.png'); background-repeat: repeat-y; padding: 0px;}

#boiteMenuG{float: left; width: 159px; height: auto; margin-top: 0px; padding-left: 25px;}
#boiteMenuG a:link {color: #ffffff; text-decoration: none;}
#boiteMenuG a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuG a:hover {color: #ffffff; text-decoration: underline;}

#boiteTexte{float: left; width: 800px; height: auto; padding: 0px 0px 0px 0px; margin-left: 27px;  margin-right: 35px;}

#boiteMenuD{float: left; width: 159px; height: auto; margin: 0px 0px 0px 0px; padding-right: 25px;}
#boiteMenuD a:link {color: #ffffff; text-decoration: none;}
#boiteMenuD a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuD a:hover {color: #ffffff; text-decoration: underline;}

#footer {margin:0 auto; height: 75px; width: 845px; background-image:url('../images/footer.png'); background-repeat: no-repeat; text-align:center}

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}

ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2e82e0; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}
.bouton {background-image:url('../images/bouton.gif'); background-repeat:no-repeat; height:19px; width: 129px; color: #fff; font-size: 10px; padding-left: 30px; padding-top: 5px; font-weight: bold; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px}
.elementMenu {background-color: #000; background: url('../images/bgMenuG.gif') no-repeat; height: 20px; width: 129px; margin: 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px}
.fieldset_annonce {background-color :      #FFFFFF;width: 750px;height: 120px;border-color:#F00;}
.fieldset_annonce_accueil {background-color :      #FFFFFF;width: 750px;height: 200px;border-color:#F00;}
.fieldset_annonce_accueil_2 {background-color :      #FFFFFF;width: 750px;height: 250px;border-color:#F00;}
.legend_annonce {position :relative;top :-1em;padding :0.4em;color:#F00;}
.td_red { color:#FFF; font-weight:bold; border:#999 1px dotted; background-image:url(../images/fond_fichier_infos/td_fond_red.gif)}
.td_blue { color:#000; font-weight:bold; border:#999 1px dotted; background-image:url(../images/fond_fichier_infos/td_fond_blue.gif)}

/* Liens par défault */

a:link {color: #2e82e0; text-decoration: underline;}
a:visited {color: #2e82e0; text-decoration: underline;}
a:hover {color: #2e82e0; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none; text-align:center;}

.menuPadding {padding-top: 15px;  margin: 0px 0px 0px 0px; vertical-align:top;}
.menuPaddingactive {background-image:url('images/boutonActif.gif');}
.menuSeparateur {padding: 0px; margin: 0px; background: url('../images/separateurH.gif') no-repeat; width: 2px}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #dddddd; border: 1px solid #929292; background-color: #474747; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#dddddd; font-weight:normal; margin: 0px 0px 0px 0px}

/* Halotemplate.free.fr */

.textePetitgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1955A3;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	margin: 0px;
	padding:0px;
	text-align:center;
	color: #999999;

}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DD6900;
	font-weight: bold;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #008000;
	font-weight: bold;
}

/* Liens pour menu 2 - Doir être appliqué sur la cellule est non sur le texte*/

.menu2 {
height: 60px;
}

.menu2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373737;
	font-weight:bold;
	text-decoration: none;
}

.menu2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373737;
	font-weight:bold;
	text-decoration: none;
}

.menu2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1955A3;
	font-weight:bold;
	text-decoration: none;
}

.menu2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1955A3;
	font-weight:bold;
	text-decoration: none;
}


/*///////////////////////*/
/*     Autres Codes      */
/*///////////////////////*/

/* popup */
div#popup{ text-align:left; color:#FFF; font-weight:bold; font-size:18px; }
div#popup-fond{ position:absolute; z-index:1000; width:100%; height:1200px; background:#333; filter:alpha(opacity=60); -moz-opacity:0.60; opacity: 0.60; text-align:center; line-height:normal; clear:both; }
div#popup-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#popup-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background-image:url('http://www.ledrakkarnoir.com/prez/images/font_pop2.gif'); background-repeat: repeat; color:#FFF; }
div#popup-cadre b{ font-size:14px; color:black; }
div#popup-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#D82020; }
div#popup-cadre a:hover{ color:#FF2626; }

/* Mise en page des Cadres */

fieldset {
    position :              relative;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
    background-color :      #ECFFFF;
	border:                 1px solid #4475ce;
	text-align:             justify;
    margin-right:           10px;
    margin-left:            10px;

}
legend {
    position :              relative;
    top :                   -1em;
    padding :               0.4em;
}

/*Suppression du cadre autour des images-liens */
a img {
border:0;
}

/*Alignement du texte avec les affiches*/
div#affiche { 
   line-height: 1em; 
}

div#affiche img, span { 
   vertical-align: top; 
}

div#affiche span { 
   padding-left: 10px; 
}

/*/////////*/
/* Contenu */
/*/////////*/

/* Image de fond du contenu */
#contenu {
color:#000; /* Couleur du trait : noir */
width: 800px; /* Largeur de l'image */
margin-left:20px;
padding:0;
}

/* Information sur le contenu */
.cont {
color:#000; /* Couleur du trait : noir */
text-align:left; /* On place le texte à gauche */
text-align:justify; /* On justifie le texte */
margin:5px 140px; /* On fais une marge de 150 pixel à droite pour éviter que le texte ne colle à la bordure */
padding:0;
}

/* Mise en page des puces */
.cont li {
list-style-type : disc; /* On utilise des cercles noirs pleins */
margin-left:70px; /* On fais une marge de 50 pixel à droite pour éviter que le texte ne colle à la bordure et aussi pour décaler le texte des puces par rapport au texte normal */
margin-right:10px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
padding-right:10px !important; /* Corrige un problème sur les listes */
padding-right:0;  /* Cette ligne corrige un bug de IE  */
}

.logiciels {
width: 725px; /* Largeur de l'image */
margin-left:4px; /* On fais une marge de 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.films {
width: 725px; /* Largeur de l'image */
margin-left:4px; /* On fais une marge de 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.series {
width: 725px; /* Largeur de l'image */
margin-left:4px; /* On fais une marge de 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.jeux {
width: 720px; /* Largeur de l'image */
margin-left:9px; /* On fais une marge de 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.albums {
width: 725px; /* Largeur de l'image */
margin-left:4px; /* On fais une marge de 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
/* ------------------------------------- */
/* LISTES DE LIENS */
/* ------------------------------------- */
.liste_liens li,.liste_liens2 li {
	padding-left: 8px;
	overflow: hidden;
}
.liste_liens li {
	background: url(http://image.jeuxvideo.com/skin/sk_defaut/sk_img/puce_bleue_liste.gif) no-repeat left;
}
.sep {
	background: url(http://image.jeuxvideo.com/skin/sk_defaut/sk_img/sep_bleue.gif) repeat-x center;
}
ul {
	list-style-type: none;
}
p, ul{
	margin: 0;
	padding: 0;
}
#info
{
margin: 0;
padding: 0 0 0 0;
}
DL.hidebox {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #d8d8d8 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #d8d8d8 1px solid; BACKGROUND-COLOR: #ffffff
}
DL.hidebox DT {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 0.8em; MARGIN-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; BORDER-BOTTOM: #cccccc 1px solid
}
DT.unhide {
	COLOR: #339900
}

/* code pour les news page acceuil */

#n_titre {background-image:url(../images/b_n_titre.png);background-repeat:no-repeat;height:5px;width:187px;height:19px;margin-left:3px;text-indent:25px;}
#n_titre2 {background-image:url(../images/b_n_titre1.png);background-repeat:no-repeat;height:5px;width:187px;height:19px;margin-left:3px;text-indent:25px;}

#new {width:690px;margin-left:3px;text-indent:5px; }
#newh {background-image:url(../images/new_h.png); background-repeat:no-repeat;height:5px;}
#newc {background-image:url(../images/new.png); background-repeat:repeat;}
#newb {background-image:url(../images/new_b.png); background-repeat:no-repeat;height:5px;}

span.tooltip1 em {
    display:none;
}
span.tooltip1:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
span.tooltip1:hover em {
    font-style: normal;
	font-size:12px; 
    display: block; 
    position: absolute;
	vertical-align:middle; 
    top: 40px; 
    left: -250px; 
    padding: 5px;  
    width:610px;
	height:70px;
}
span.tooltip1:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 12px;  
    margin:0; 
    padding: 0; 
    border: 0;
}

/* Types de forums */

.vbipb {
	background-image:url(http://prez.ledrakkarnoir.com/images/vbipb.png);
	background-position:center;
	background-repeat:no-repeat;
	width:500;
	height:40;
}

.phpbb {
	background-image:url(http://prez.ledrakkarnoir.com/images/phpbb.png);
	background-position:center;
	background-repeat:no-repeat;
	width:500;
	height:40;
	
}

.punbb {
	background-image:url(http://prez.ledrakkarnoir.com/images/punbb.png);
	background-position:center;
	background-repeat:no-repeat;
	width:500;
	height:40;
}

.drakprez {
	background-image:url(http://prez.ledrakkarnoir.com/images/phpbb3drakkar.png);
	background-position:center;
	background-repeat:no-repeat;
	width:500;
	height:40;
}

.blog {
	background-image:url(http://prez.ledrakkarnoir.com/images/codehtml.png);
	background-position:center;
	background-repeat:no-repeat;
	width:500;
	height:40;
}

.mini_phpbb {
	background-image:url(http://prez.ledrakkarnoir.com/images/mini_phpbb.png);
	background-position:center;
	background-repeat:no-repeat;
	width:150;
	height:38;
}

.mini_vbulletin {
	background-image:url(http://prez.ledrakkarnoir.com/images/mini_vbulletin.png);
	background-position:center;
	background-repeat:no-repeat;
	width:150;
	height:38;
}

.mini_ipb {
	background-image:url(http://prez.ledrakkarnoir.com/images/mini_ipb.png);
	background-position:center;
	background-repeat:no-repeat;
	width:150;
	height:38;
}

.mini_punbb {
	background-image:url(http://prez.ledrakkarnoir.com/images/mini_punbb.png);
	background-position:center;
	background-repeat:no-repeat;
	width:150;
	height:38;
}

.drakmoviesug {
	background-image:url(http://prez.ledrakkarnoir.com/images/bancinemoviesug.png);
	background-position:center;
	background-repeat:no-repeat;
	width:715;
	height:29;
}

.drakmovieliste {
	background-image:url(http://prez.ledrakkarnoir.com/images/bancinemovieliste.png);
	background-position:center;
	background-repeat:no-repeat;
	width:715;
	height:29;
}

.drakmovieelse {
	background-image:url(http://prez.ledrakkarnoir.com/images/bancinemovieelse.png);
	background-position:center;
	background-repeat:no-repeat;
	width:715;
	height:29;
}


.dhtmlgoodies_question{
	font-size:12px;
	width:100%;
	margin-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top;	
	height:39px;
	font-weight: bold;
	text-align: center;
	border: none;
	vertical-align: top;
	padding-top: 12px;
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{
	width:100%;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{
	padding:1px;
	font-size:0.9em;	
	position:relative;
}

.cadre {
	border:1px solid #4475ce;
}

.td { 
	border:#999 1px dotted;
	background-color:#FFF
}

.alert {
	color: #990000;
	font-size: 11px;
}

img.notselect {
	border:none;
	height:80px;
	width:80px;
}

img.selected {
	border: 2px solid #FF9600;
	height:80px;
	width:80px;
}

font.screentout {
	float:right;
	padding-right:5px;
}

span.tooltip em {
    display:none;
}

span.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}

span.tooltip:hover em {
    font-style: normal;
	font-size:12px; 
    display: block; 
    position: absolute; 
    top: 40px; 
    left: -10px; 
    padding: 5px; 
    color: #333; 
    border: 1px solid #FF6600; 
    background: #FFFFCC; 
    width:170px;
}

span.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 12px; 
    background: transparent url(images/span.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}

#mar_ge{ width:580px; height: 40px; border: 0px; } 
 
#notre_div, #mar_ge{ 
 border: 0px solid #CCCCCC; 
 font-family: Arial; 
 font-size: 70%; 
 color : #323232; 
 width:580px; 
 height: 40px; 
 overflow:hidden; z-index: 1 } 
 
#comm_and{ 
 TEXT-ALIGN: center; 
 width: 580px; 
 height: 19px; 
 z-index: 2 } 
 
.img_outil{ 
 width:18px; 
 height: 19px; 
 border: 0px; 
 cursor:pointer }
 
 #hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color:#fff;
width: 900px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

#Ppages{ width:auto; height:58px; padding:0px 20px 0px 20px; border:1px solid #000; background:#333 url(../images/bg_affpage_black.png) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px;}
#Ppages a{ float:left; width:24px; height:24px; line-height:24px; margin:15px 3px 15px 3px; text-align:center; border:1px solid #969696; background:#fff url(../images/bg_affpage_white.png) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:0.8em; font-weight:bold; color:#333; text-decoration:none !important;} 
#Ppages a, x:-moz-any-link { background:#000; }  
#Ppages a, x:-moz-any-link, x:default { background:#fff url(../images/bg_affpage_white.png) repeat-x; } 
#Ppages a:hover{ color:#000; border:1px solid #000;}
#Ppages a:focus{ color:#000; border:1px solid #000;}
#Ppages .active{ color:#fff; border:1px solid #000; background:#fff url(../images/bg_affpage_effet.png) repeat-x; } 
#Ppages .buttonLarge{ width:auto; padding:0px 10px 0px 10px;font-weight:bold;} 
 -->