FONT  {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
TD {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
BODY {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
P {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
DIV {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
}
.bodyline {
   background : #e5e8ee url(../images/kit/bg_cat4.gif) repeat;
   border : 2px ridge #80073A;  
}
body {
   background : #e5e8ee url(../images/kit/bg_cat2.gif) repeat;
   color : #000000;
   font : 12px Verdana, Arial, Helvetica, sans-serif;
}

/* test 364d67     text-decoration : underline; */ 
A:link {
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;  
}
A:active {
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;  
}
A:visited {
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;  
}
A:hover {
   color : #0000FF;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
.title {
   background : none repeat;
   color : #000000;
   font-size : 14px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.titreforum{
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.content {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
}

/*
titre dans bloc 
*/ 
.block-title {
   background : none repeat;
   color : #80073A;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}

/*
titre news
*/ 
.storytitle {
   background : none repeat;
   color : #80073A;
   font-size : 12px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.storycat {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : underline;
}
.boxtitle {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.boxcontent {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
}
/*
Ajout LB de la classe suite pour changer la couleur du texte suite dans les news
*/ 

a.news { 
color : #67062F; 
} 

/*
Ajout LB de la classe suite pour changer la taille du texte s inscrire dans bloc enreg
*/ 
a.inscrit { 
font-size : 12px; 
} 

.option {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : bold;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.tiny {
   background : none repeat;
   color : #000000;
   font-size : 10px;
   font-weight : normal;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}
.small {
   background : none repeat;
   color : #000000;
   font-size : 9px;
   font-weight : normal;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
}

/* Form elements */
input , textarea , select {
   color : #000000;
   font : normal 11px Verdana, Arial, Helvetica, sans-serif;
}
      
/* The text input fields background colour */
input.post , textarea.post , select {
   background : #ffffff;
}
input {
   text-indent : 2px;
}
      
/* The buttons used for bbCode styling in message post */
input.button {
   background : #efefef;
   border : 1px solid;
   color : #000000;
   font : 11px Verdana, Arial, Helvetica, sans-serif;
}
      
/* The main submit button option */
input.mainoption {
   background : #fafafa;
   font-weight : bold;
}
      
/* None-bold submit button */
input.liteoption {
   background : #fafafa;
   font-weight : normal;
}

/* Main table cell colours and backgrounds */
td.row1 {
   background : #eaedf4;
   color : #000000;
}
td.row2 {
   background : #e1e9f2;
   color : #000000;
}
td.row3 {
   background : #d7e2ef;
   color : #000000;
}


td.top_left{
background: url(../images/kit/top_left.gif);
height:28px;
}

td.top_center{
background: url(../images/kit/top_center.gif);
}

td.top_right{
background: url(../images/kit/top_right.gif);
}


td.top_left2{
background: url(../images/kit/top_left2.gif);
height:28px;
}

td.top_center2{
background: url(../images/kit/top_center2.gif);
}

td.top_right2{
background: url(../images/kit/top_right2.gif);
}



td.top_left3{
background: url(../images/kit/top_left3.gif);
background-repeat:no-repeat;
text-align:right;
width:40px; 
height:9px;
}

td.top_center3{
background: url(../images/kit/top_center3.gif);
background-repeat:repeat-x;
height:9px;
}

td.top_right3{
background: url(../images/kit/top_right3.gif);
background-repeat:no-repeat;
text-align:left;
width:40px;
height:9px;
}



td.bottom_left
{
background: url(../images/kit/bottom_left.gif);
background-repeat:no-repeat;
width:40px;
text-align:right
}

td.bottom_center
{
background: url(../images/kit/bottom_center.gif);
background-repeat:repeat-x;
}

td.bottom_right
{
background: url(../images/kit/bottom_right.gif);
background-repeat:no-repeat;
width:40px;
text-align:left;
}

td.topbg2{
background: url(../images/kit/topbg2.gif);
height:110px;
text-align:center;
width:100%;
}


/*
  Modif LB : couleur jaune de la barre de titre sous la banniere #F4C81C en #CFCFCF puis en #993366
*/

td.header{
background:#A9708B;
}



/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
   background-color : #ffffff;
}

/* Header cells - the blue and silver gradient backgrounds */

th , td.th {
   color : #3a5370;
   font-size : 12px;
   font-weight : bold;
   background-color : #ffcc00;
   height : 26px;
}
td.cat , td.catHead , td.catSides , td.catLeft , td.catRight , td.catBottom {
   background-color : #d1d7dc;
   height : 28px;
}
td.th2 {
   background-color : #d1d7dc;
   height : 20px;
   color : #ffffff;
}
td.spaceRow {
   background-color : #d1d7dc;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/


/* The largest text used in the index page title and toptic title etc. */
h1 , h2 {
   font-weight : bold;
   font-size : 18px;
   font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
   line-height : 120%;
   color : #000000;
}

/*
  Modif LB 
*/

.maintitle {
   font-weight : bold;
   font-size : 18px;
   font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-decoration : none;
   line-height : 120%;
   color : #364d67;
}
.subtitle {
   font-size : 16px;
   font-family : Arial, Helvetica, sans-serif;
   text-decoration : none;
   font-weight : bold;
   color : #ffffff;
}

/* General text */
.gen {
   font-size : 12px;
}
.genmed {
   font-size : 11px;
}
.gensmall , .gensmall2 {
   font-size : 10px;
}
.gen , .genmed , .gensmall {
   color : #000000;
}

/*
  Modif LB 364d67
*/
a.gen , a.genmed , a.gensmall {
   color : #364d67;
   text-decoration : underline;
}
a.gen:hover , a.genmed:hover , a.gensmall:hover {
   color : #ff6600;
   text-decoration : underline;
}

/* The register, login, search etc links at the top of the page */
.mainmenu {
   font-size : 11px;
   color : #000000;
}
a.mainmenu {
   text-decoration : underline;
   color : #364d67;
}
a.mainmenu:hover {
   text-decoration : underline;
   color : #ff6600;
}

/* Forum category titles */
.cattitle {
   font-weight : bold;
   font-size : 12px;
   letter-spacing : 1px;
   color : #364d67;
}
a.cattitle {
   text-decoration : underline;
   color : #364d67;
}

/* 2c3e52 en  80073A cause contour image zoom */
a.cattitle:visited {
   text-decoration : underline;
   color : #80073A;
}
a.cattitle:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.cattitle:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Forum title: Text and link to the forums used in: index.php  */
.forumlink {
   font-weight : bold;
   font-size : 12px;
   color : #364d67;
}
a.forumlink {
   text-decoration : underline;
   color : #364d67;
}
a.forumlink:hover {
   text-decoration : underline;
   color : #ff6600;
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
   font-weight : bold;
   font-size : 11px;
   color : #000000;
}
a.nav {
   text-decoration : underline;
   color : #364d67;
}
a.nav:hover {
   text-decoration : underline;
   color : #ff6600;
}

/* titles for the topics: could specify viewed link colour too */
.topictitle {
   font-weight : bold;
   font-size : 11px;
   color : #000000;
}
a.topictitle:link {
   text-decoration : underline;
   color : #364d67;
}

/* 2c3e52 en  80073A cause contour image zoom */
a.topictitle:visited {
   text-decoration : underline;
   color : #80073A;
}
a.topictitle:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.topictitle:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {
   font-size : 11px;
   color : #000000;
}
a.name:link {
   text-decoration : underline;
   color : #364d67;
}

/* 2c3e52 en  80073A cause contour image zoom */
a.name:visited {
   text-decoration : underline;
   color : #80073A;
}
a.name:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.name:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Location, number of posts, post date etc */
.postdetails {
   font-size : 10px;
   color : #000000;
}

/* The content of the posts (body of text) */
.postbody {
   font-size : 12px;
}
a.postlink:link {
   text-decoration : underline;
   color : #364d67;
}

/* 2c3e52 en  80073A cause contour image zoom */
a.postlink:visited {
   text-decoration : underline;
   color : #80073A;
}
a.postlink:hover {
   text-decoration : underline;
   color : #ff6600;
}
a.postlink:active {
   text-decoration : underline;
   color : #ff0000;
}

/* Quote & Code blocks LB : Bordure saisie user et pswd */
.code_php {
   font-family : Courier, 'Courier New', sans-serif;
   font-size : 11px;
   color : #000000;
   background-color : #f1f4f8;
   border : 1px dotted #80073A;
}
.quote {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   color : #3a5370;
   line-height : 125%;
   background-color : #f1f4f8;
   border : 1px dotted #80073A;
}

/* Pour l'option [panneau] du bbcode*/
.panneau {
	padding:4px;
	line-height: 10px;
	font-family:verdana,arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	border: 1px solid #333333;
	background-color:#d4d4d4
}

/* Copyright and bottom info */
.copyright {
   font-size : 10px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #444444;
   letter-spacing : -1px;
}
a.copyright {
   color : #444444;
   text-decoration : none;
}
a.copyright:hover {
   color : #000000;
   text-decoration : underline;
}

/* Lightbox */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* pour le chat express Copier-coller ce fichier dans le repertoire "style" de votre thème et adapter le à vos besoins ! */
/*     Je pense que l'utilisation de chaque style est assez explicite.     */

/* div contenant les messages */
#s_zo {
    width:98%;
	height:180px;
	overflow:auto;
	padding:1px 1px 1px 5px;
	border: 1px solid #000;
	text-align:left;
}

/* barre de séparation entre deux posts */
#s_zo hr {
   border : 1px solid #000;
}

/* en-tête du post contenant le pseudo et la date */
.head_sh00t {
    background-color:#DBD7D9;
	border:1px solid;
	padding-left:5px;
	margin:0px 0px 5px -4px;
}

/* pseudo du posteur */
.pseudo_sh00t {
    font-weight:bold;
}

/* date du post */
.date_sh00t {
    font-style:italic;
}
/* FIN chat express */