/* vBulletin 3 CSS For Style 'Hex'
*/

body
{
background: #161616 url(images/background.gif);
color: #A6A6A6;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 10px 0px 10px;
padding: 0px;
}



 /* Vignettes des nouveautés visible in IE5.5+ */


a.bubulle {font-size: 14px;color: #FFFFFF}
a.bubulle span {display:none}
a.bubulle:hover {border: 0;position: relative;z-index: 500;text-decoration:none}
a.bubulle:hover span {font-weight:300;font-style: normal;display: block;position: absolute;top: 18px;left: -18px;padding: 5px;color: #fff;background-color:#000000;border:2px solid red;width:185px;font-size: 12px;margin-top: 14px;text-indent: 0px}





















a:link, body_alink
{
color: #D0D0D0;
}
a:visited, body_avisited
{
color: #D0D0D0;
}
a:hover, a:active, body_ahover
{
color: #FF0000;
}




.page
{
background: #161616;
color: #A6A6A6;
font-size: 11px;
text-decoration: none;
}
.page a:link, .page_alink
{
color: #D0D0D0;
text-decoration: none;

}
.page a:visited, .page_avisited
{
color: #D0D0D0;
text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
color: #FF0000;
text-decoration: underline;
}








td, th, p, li
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #161616;
color: #A6A6A6;
font-size: 11px;
border-left: 1px solid #161616;
border-top: 1px solid #161616;
border-right: 0px solid #161616;
border-bottom: 1px solid #161616;
}
.tcat
{
background: #161616 url(images/gradient_tcat_middle.gif);
color: #FFFFFF;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 40px;
text-align: center;
vertical-align: middle;
background-position: center;
background-repeat: repeat-x;
}
.tcat a:link, .tcat_alink
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.thead
{
background: #555555 url(images/gradient_thead.gif);
color: #8B8B8B;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 20;
background-repeat: repeat;
vertical-align: middle;
background-repeat: repeat-x;
border-left: 1px solid #3D3D3D;
border-top: 0px solid #3D3D3D;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
.thead a:link, .thead_alink
{
color: #B4B4B4;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #B4B4B4;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #D5D5D5;
text-decoration: none;
}
.tfoot
{
background: #161616 url(images/gradient_tfoot_middle.gif);
color: #A6A6A6;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 20px;
text-align: center;
background-repeat: repeat-x;
background-position: center;
vertical-align: middle;
}
.tfoot a:link, .tfoot_alink
{
color: #949494;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #A3A3A3;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #B7B7B7;
text-decoration: none;
}
.alt1, .alt1Active
{
background: #262626;
color: #A6A6A6;
font-size: 11px;
border-left: 1px solid #353535;
border-top: 1px solid #353535;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
padding: 3px;
}
.alt2, .alt2Active
{
background: #232323;
color: #A6A6A6;
font-size: 11px;
border-left: 1px solid #353535;
border-top: 1px solid #353535;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
padding: 3px;
}
td.inlinemod
{
background: #353535;
color: #BDBDBD;
font-size: 11px;
border-left: 1px solid #4C4C4C;
border-top: 1px solid #4C4C4C;
border-bottom: 1px solid #181818;
border-right: 1px solid #181818;
padding: 3px;
}
td.inlinemod a:link, td.inlinemod_alink
{
color: #BDBDBD;
}
td.inlinemod a:visited, td.inlinemod_avisited
{
color: #BDBDBD;
}
td.inlinemod a:hover, td.inlinemod a:active, td.inlinemod_ahover
{
color: #FFFFFF;
}
.wysiwyg
{
background: #1E1E1E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
background: #1E1E1E;
color: #FFFFFF;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #4A4A4A;
}
.button
{
background: #5E5E5E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 2px solid #242424;
}
select
{
background: #454444;
color: #ffffff;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px Verdana, Tahoma, Arial, sans-serif;
}


.medfont
{
font: 12px Verdana, Tahoma, Arial, sans-serif;
}



.description
{
font: 11px Verdana, Tahoma, Arial, sans-serif;
}


.time
{
color: #A6A6A6;
font-size: 11px;
}
.navbar
{
background: #222222 url(images/gradient_navbar.gif);
color: #808080;
font: bold 10px Verdana, Tahoma, Arial, sans-serif;
background-position: center;
background-repeat: repeat-x;
margin:0px 0px 0px 0px;
height: 27px;
text-align: center;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
}








/* Class ajouté par OLIVERS */


.navbar3
{
background: #222222 url(images/gradient_navbar.gif);
color: #808080;
font: bold 10px Verdana, Tahoma, Arial, sans-serif;
background-position: center;
background-repeat: repeat-x;
margin:0px 0px 0px 0px;
height: 27px;
text-align: center;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
}





.navbar3 a:link, .navbar3_alink
{
color: red;
text-decoration: none;
}




.navbar3 a:link, .navbar3_alink
{
color: red;
text-decoration: none;
}
.navbar3 a:visited, .navbar3_avisited
{
color: red;
text-decoration: none;
}
.navbar3 a:hover, .navbar3 a:active, .navbar3_ahover
{
color: #ffffff;
text-decoration: none;

}


/* Fin de Class ajouté par OLIVERS */

















/* Class ajouté par OLIVERS */


.navbar2
{
background: #222222 url(images/gradient_navbar.gif);
color: #808080;
font: bold 10px Verdana, Tahoma, Arial, sans-serif;
background-position: center;
background-repeat: repeat-x;
margin:0px 0px 0px 0px;
height: 27px;
text-align: center;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
}








.navbar2 a:link, .navbar2_alink
{
color: green;
text-decoration: none;
}




.navbar2 a:link, .navbar2_alink
{
color: green;
text-decoration: none;
}
.navbar2 a:visited, .navbar2_avisited
{
color: green;
text-decoration: none;
}
.navbar2 a:hover, .navbar2 a:active, .navbar2_ahover
{
color: red;
text-decoration: none;

}


/* Fin de Class ajouté par OLIVERS */




.navbar a:link, .navbar_alink
{
color: #8B8B8B;
text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
color: #8B8B8B;
text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
color: #ffffff;
text-decoration: none;
}



.highlight
{
color: #FF0000;
font-size: 11px;
font-weight: bold;
}
.panel
{
background: #242424;
color: #A6A6A6;
font-size: 11px;
padding: 10px;
border: 1px solid #353535;
}
.panelsurround
{
background: #161616;
color: #A6A6A6;
font-size: 11px;
}
legend
{
color: #A6A6A6;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #161616;
color: #FFFFFF;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
background-position: center;
text-align: center;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #D0D0D0;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #D0D0D0;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_popup
{
background: #161616;
color: #A6A6A6;
font-size: 11px;
border: 1px solid #353535;
}


input.mainoptionbouton {
text-decoration: none;

}

.vbmenu_option
{
background: #161616;
color: #A6A6A6;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #A6A6A6;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #A6A6A6;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #A6A6A6;
text-decoration: none;
}
.vbmenu_hilite
{
background: #575757;
color: #C1C1C1;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 12pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; padding: 5px;}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.WWU002postbit td {padding-left:2px;padding-right:2px;}
.WWU002postbit img.i,.WWU002postbit img.im,.WWU002postbit img.il,.WWU002postbit img.ir {background-color:#000000;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #808080;border-bottom:1px solid #808080;}
.WWU002postbit img.im {border-left:none;border-right:none;}
.WWU002postbit img.il {border-right:none;}
.WWU002postbit img.ir {border-left:none;}
/* ***** ***** */
/* ***** fixed category strip used in redirect pages ***** */
.tcat_fixed
{
background: #161616 url(images/gradient_tcat.gif);
color: #FFFFFF;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 40px;
width: 750px;
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
}
/* ***** left side of the category strip ***** */



.tcat_left
{
background-image: url(images/gradient_tcat_left.gif); 
height: 40px;
width: 190px;
vertical-align: middle;
text-align: center;
background-repeat: no-repeat;
}
/* ***** right side of the category strip ***** */
.tcat_right
{
background-image: url(images/gradient_tcat_right.gif);
height: 40px;
width: 190px;
vertical-align: middle;
text-align: center;
background-repeat: no-repeat;
}
/* ***** text on the category strip ***** */
.div.tcat
{
BACKGROUND: url(images/gradient_tcat_middle.gif);
}
/* ***** fixed table footer used in redirect pages ***** */
.tfoot_fixed
{
background: #161616 url(images/gradient_tfoot.gif);
color: #A6A6A6;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 20px;
width: 750px;
text-align: center;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
/* ***** left side of table footer ***** */
.tfoot_left
{
background: #161616 url(images/gradient_tfoot_left.gif);
color: #A6A6A6;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 20px;
width: 190px;
text-align: center;
background-repeat: no-repeat;
}
/* ***** right side of table footer ***** */
.tfoot_right
{
background: #161616 url(images/gradient_tfoot_right.gif);
color: #A6A6A6;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 20px;
width: 190px;
text-align: center;
background-repeat: no-repeat;
}
/* ***** text on the table footer ***** */
.div.tfoot
{
BACKGROUND: url(images/gradient_tfoot_middle.gif);
}
/* ***** alternative table header used in some areas ***** */
.thead1
{
background-image: url(images/gradient_thead1.gif);
height: 25px;
text-align: center;
background-position: center;
background-color: #1F1F1F;
background-repeat: repeat-x;
font-weight: bold;
border-left: 1px solid #353535;
border-top: 1px solid #353535;
border-bottom: 1px solid #000000;
border-right: 1px solid #353535;
color: #A6A6A6;
padding: 2px;
font-size: 10px;
}
.thead1 a:link, .thead1 a:visited, .thead1 a:active
{
font-weight: bold;
text-decoration: none;
color: #BCBCBC;
font-size: 10px;
padding: 2px;
}
.thead1 a:hover
{
color: #EBEBEB;
text-decoration: none;
font-weight: bold;
font-size: 10px;
padding: 2px;
}
/* ***** alternative table header used for the category description ***** */
.thead_desc
{
background-image: url(images/gradient_thead1.gif);
height: 23px;
text-align: center;
background-position: center;
background-color: #1F1F1F;
background-repeat: repeat-x;
font-weight: bold;
color: #A6A6A6;
padding: 2px;
font-size: 10px;
border-left: 1px solid #3D3D3D;
border-right: 1px solid #000000;
}
.thead_desc a:link, .thead_desc a:visited, .thead_desc a:active
{
font-weight: bold;
text-decoration: underline;
color: #A6A6A6;
font-size: 10px;
padding: 2px;
}
.thead_desc a:hover
{
color: #FF0000;
text-decoration: underline;
font-weight: bold;
font-size: 10px;
padding: 2px;
}
/* ***** alternative table header used in search pages ***** */
.thead_search
{
background-image: url(images/gradient_thead1.gif); 
height: 25;
background-position: center;
background-color: #1F1F1F;
background-repeat: repeat-x;
font-weight: bold;
border-left: 1px solid #353535;
border-top: 1px solid #353535;
border-bottom: 1px solid #000000;
border-right: 1px solid #353535;
color: #A6A6A6;
padding: 5px;
font-size: 10px;
}
.thead_search a:link, .thead_search a:visited, .thead_search a:active
{
font-weight: bold;
text-decoration: underline;
color: #A6A6A6;
font-size: 10px;
padding: 5px;
}
.thead_search a:hover
{
color: #FF0000;
text-decoration: underline;
font-weight: bold;
font-size: 10px;
padding: 5px;
}
/* ***** strip containing thread options ***** */
.thead_toolbar
{
background: #555555 url(images/gradient_thead.gif);
color: #8B8B8B;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 25px;
background-repeat: repeat-x;
border-left: 1px solid #3D3D3D;
border-top: 0px solid #3D3D3D;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
.thead_toolbar a:link, .thead_toolbar a:visited, .thead a:active
{
color: #C5C5C5;
text-decoration: none;
font-weight: bold;
}
.thead_toolbar a:hover
{
color: #E2E2E2;
text-decoration: none;
font-weight: bold;
}
/* ***** alternative header for strip containing calendar links ***** */
.thead_calendar
{
padding: 3px 6px 3px 6px;
white-space: nowrap;
background-image: url(images/gradient_thead.gif);
background-position: center;
color: #8B8B8B;
font-size: 10px;
font-weight: bold;
text-decoration: none;
height: 25px;
border-left: 1px solid #3D3D3D;
border-top: 1px solid #3D3D3D;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
.thead_calendar a:link, .thead_calendar a:visited, .thead_calendar a:active
{
font-weight: bold;
text-decoration: none;
color: #A6A6A6;
font-size: 10px;
}
.thead_calendar a:hover
{
color: #D4D4D4;
text-decoration: none;
font-weight: bold;
font-size: 10px;
}
/* ***** alternative table border that fixes spacing issues ***** */
.tborder1
{
background: #161616;
color: #A6A6A6;
font-size: 11px;
border-left: 0px solid #161616;
border-right: 0px solid #161616;
border-bottom: 0px solid #161616;
border-top: 0px solid #161616;
}
/* ***** font with more space around it ***** */
.paddedfont
{
font-size: 10px
font-family: Verdana, Tahoma, Arial, sans-serif;
padding: 5px;
}
/* ***** forum description ***** */
.desc
{
font-size:11px;
color:#8B8B8B;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
.desc a:link, .desc a:visited, .desc a:active
{
font-size:10px;
color:#A1A1A1;
text-decoration: underline;
font-weight: normal;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
.desc a:hover
{
font-size:10px;
color:#BABABA;
text-decoration: underline;
font-weight: normal;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
.members, a:link.members, a:visited.members, a:active.members {font-weight: bold; color: #e89901;}

.memberlink2		{ font-weight: bold; font-size: 10px; text-decoration: none; color : #e89901; }




/* ***** breadcrumb hyperlink text ***** */
.breadcrumb_text
{
background-color: #262626;
color: #8B8B8B;
font-size: 11px;
}
.breadcrumb_text a:link, .breadcrumb_text a:visited, .breadcrumb_text a:active

{
color: #9C9C9C;
}
.breadcrumb_text a:hover
{
color: #C3C3C3;
}
/* ***** middle area of the banner past the logo ***** */
.banner_bg
{
background: url(images/logo.png);

background-position: center;
height: 166px;
}






/* ***** scrollbar colors ***** */
html
{
scrollbar-face-color: #292929;
scrollbar-shadow-color: #202020;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #202020;
scrollbar-darkshadow-color: #171717;
scrollbar-track-color: #171717;
scrollbar-arrow-color: #999999;
}
/* ***** left gradient bar ***** */




.gradient_border_haut
{
height:17px;
background-color: #161616;
background-image: url(images/gradient_border_haut.gif);
background-repeat: repeat-x;
}



.gradient_border_left
{
width: 11px;
background-color: #161616;
background-image: url(images/gradient_border_left.gif);
background-repeat: repeat-y;
}
/* ***** right gradient bar ***** */
.gradient_border_right
{
width: 11px;
background-color: #161616;
background-image: url(images/gradient_border_right.gif);
background-repeat: repeat-y;
}
.avatar_forumdisplay {
padding:0px 5px 0px 0px;
}
/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #403f3f; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
	overflow: auto; max-height: 400px;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: red; line-height: 125%;
	background-color: #161616; border: red; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

img { border-style: none; }
body { font-family: {T_FONTFACE1} }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.nowrap { white-space: nowrap; }
.bold { font-weight : bold; }
.italic { font-style : italic; }
.spacer { height: 1px; font-size: 0; }
.complet { width: 100%; }
.demi { width: 50%; }
.tiers { width: 33%; }
.quart { width: 25%; }
.w200px { width: 200px; }

.forumline { margin: 2px 0; }


/* Formulaires */
form { margin: 0; padding: 0; }
input { margin: 0; }
input.gen { height: {T_FONTSIZE3}px; }
input.genmed { height: {T_FONTSIZE2}px; }
input.gensmall { height: {T_FONTSIZE1}px; }
/* Alignements */
.lt { text-align: left; vertical-align: top; }
.rt { text-align: right; vertical-align: top; }
.ct { text-align: center; vertical-align: top; }
.jt { text-align: justify; vertical-align: top; }
.lm { text-align: left; vertical-align: middle; }
.rm { text-align: right; vertical-align: middle; }
.cm { text-align: center; vertical-align: middle; }
.jm { text-align: justify; vertical-align: middle; }
.lb { text-align: left; vertical-align: bottom; }
.rb { text-align: right; vertical-align: bottom; }
.cb { text-align: center; vertical-align: bottom; }
.jb { text-align: justify; vertical-align: bottom; }
/* Flottement */
.fl { float:left; }
.fr { float:right; }
.clear { clear: both; visibility: hidden; }

fieldset { margin: 2px 30px; border: none; }
blockquote { margin: 0; padding: 3px; }
blockquote.code>div { white-space: nowrap; width: 100%; max-height: 400px; overflow: auto; }

/* Début Mod Bulle */
.hg {
	background:none;
	border:none;
	width:52px;
	height:33px;
	padding:0px;
	cursor:default;
}
.contenu {
	background:#D1DAFF;
	border-bottom:double 2px #000000;
	border-left:solid 1px #000000;
	border-right:double 2px #000000;
	border-top:solid 1px #000000;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	empty-cells:hide;
	cursor:default;
}
a.bubule {
   background: none;
   z-index: 5000;
   cursor:pointer;
   color:#000000;
   border-bottom:double #FFA384;
   text-decoration:none;
}
a:hover.bubule {
   background: none;
   z-index: 5000;
   cursor:pointer;
   color:#000000;
   text-decoration:none;
   border:none;
}
a.bubule div {
	display:none;
}
a:hover.bubule div {
	position:absolute;
	display:inline;
}