/*
  
  Toute reproduction est interdite sans autorisation.
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-image: url('http://img7.xooimage.com/files/5/9/1/background-2ff021a.png');
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

/* General font families for common tags */
font,th,td,p { font-family: georgia; font-size : 11px; color : #000000; } 
a:link,a:active,a:visited { color : #444444; text-shadow : 2px 2px 2px #4F6DAE; }
a:hover		{ text-decoration: underline; color : #4F4F4F; }
hr	{ height: 0px; border: solid #484848 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #D8D8D8;
				border: 1px #353535 solid;
				-moz-border-radius: 60px;
                                -webkit-border-radius: 60px;
                                border-radius: 60px;
                                -moz-box-shadow: 4px 4px 6px #0D111C;
                                -webkit-box-shadow: 4px 4px 6px #0D111C;
                                box-shadow: 4px 4px 6px #0D111C;
}

/* Coins arrondis pour bloc mp */

.bodylinemp	{ background-color: #BBBBBB;
				border: 0px #353535 solid;
				-moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                                border-radius: 5px;
                                -moz-box-shadow: 4px 4px 6px #0D111C;
                                -webkit-box-shadow: 4px 4px 6px #0D111C;
                                box-shadow: 4px 4px 6px #0D111C;
}

/* This is the outline round the main forum tables */
.forumline	{ background-color: #CCCCCC;
                  border: 1px #CCCCCC solid;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
                  border-radius: 5px;
                 -moz-box-shadow: 2px 2px 6px #888;
                 -webkit-box-shadow: 2px 2px 6px #888;
                 box-shadow: 2px 2px 6px #888;
}


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #BBBBBB;  } 
td.row2	{ background-color: #BBBBBB;  } 
td.row3	{ background-color: #BBBBBB;  } 


/*
  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;
		background-image: url('http://img9.xooimage.com/files/1/b/f/cellpic2-2fe16e9.png');
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #393939; font-size: 11px; font-weight : bold;
	background-color: #272727; height: 25px;
	background-image: url('http://img7.xooimage.com/files/7/e/d/cellpic3-2fe1bd5.png');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url('http://img9.xooimage.com/files/9/7/3/cellpic1-2ff3c78.png'); background-repeat: repeat-x;
			background-color:#D2D2D2; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  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 :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 28px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
	background-color: #808080; border: #FFFFFF; border-style: solid; 
	background-color: #BBBBBB;
	}

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


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


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #555555; }
a.gen,a.genmed,a.gensmall { color: #555555; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #545454; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #555555 }
a.mainmenu		{ text-decoration: none; color : #4F4F4F;  }
a.mainmenu:hover{ text-decoration: underline; color : #999999; }


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


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


/* 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 : #555555;}
a.nav			{ text-decoration: none; color : #484848; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #4F4F4F; }
a.topictitle:link   { text-decoration: none; color : #484848; }
a.topictitle:visited { text-decoration: none; color : #9B9B9B; }
a.topictitle:hover	{ text-decoration: underline; color : #545454; }


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

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #484848 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #545454}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #3D3D3D;
	border: #404B55; border-style: solid; background-color: #9B9B9B;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
	box-shadow: 2px 2px 6px #5B5B5B;
	border-radius:20px;
	}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3D3D3D; line-height: 125%;
	border: #404B55; border-style: solid; background-color: #9B9B9B;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
	box-shadow: 2px 2px 6px #5B5B5B;
	border-radius:20px;
	}


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


/* Form elements */
input,textarea, select {
	color : #4F4F4F;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #CCCCCC;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
	background-color: #BBBBBB;
	border-radius:5px;
	box-shadow: 2px 2px 6px #5B5B5B;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #CCCCCC;
	color : #4F4F4F;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border-radius:5px;
	box-shadow: 2px 2px 6px #5B5B5B;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
	border-radius:5px;
	box-shadow: 2px 2px 6px #5B5B5B;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
	border-radius:5px;
	box-shadow: 2px 2px 6px #5B5B5B;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #C0C0C0; border-style: none; }

/* Liens utiles */

.onglets_liens {
	text-align:left;
	margin-left:10px;
}

.onglets_liens2 {
	text-align:center;
}

.onglet {
	display:inline-block;
	margin-left:1px;
	margin-right:1px;
	padding:3px 10px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px ;
	-moz-border-radius-topright : 5px;
	-webkit-border-top-right-radius : 5px;
	cursor:pointer;
	box-shadow: 2px 2px 6px #888;
}

.onglet_0 { /*onglet inactif*/
	background:#BBBBBB;
}
.onglet_1 { /*onglet actif */
	background-color: #ECECEC;
	padding-bottom:4px;
}

.contenu_onglet, .contenu_onglet2
{
	text-align:justify;
	background-color: #BBBBBB;
	-moz-border-radius: 5px;
    -webkit-border-radius : 5px ;
	margin-top:-1px;
	padding:5px;
	height:210px;
	overflow:auto;
	display:none;
	box-shadow: 2px 2px 6px #888;
}

.contenu_onglet2 {
	text-align:center;
	display:block;
	vertical-align:middle;
}

.contenu_onglet h1 {
	margin:0px;
	padding:0px;
}
		.fade {
			display:inline-block;
			background: -moz-linear-gradient(left, rgb(51,51,51) 0%, rgba(51,51,51,0) 100%);
			background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(51,51,51)), color-stop(1.00, rgba(51,51,51,0)));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#00333333, GradientType=1);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#00333333, GradientType=1)";
		}
		.blur {
			display:inline-block;
			color:#ddd;
			text-shadow: 0 0 2px #aaaaaa;
			text-shadow: 0 0 4px #aaaaaa;
			text-shadow: 0 0 6px #aaaaaa;
			-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
			filter:
				progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
				progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
		}
		.flipH {
			display:inline-block;
			-moz-transform:scale(-1,1);
			-o-transform:scale(-1,1);
			-webkit-transform:scale(-1,1);
			transform:scale(-1,1);
			-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
			filter: progid:DXImageTransform.Microsoft.Matrix(
				M11=-1,
				M12=0,
				M21=0,
				M22=1,
				SizingMethod="auto expand");
		}
		.flipV {
			display:inline-block;
			-moz-transform:scale(1,-1);
			-o-transform:scale(1,-1);
			-webkit-transform:scale(1,-1);
			transform:scale(1,-1);
			-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
			filter: progid:DXImageTransform.Microsoft.Matrix(
				M11=1,
				M12=0,
				M21=0,
				M22=-1,
				SizingMethod="auto expand");
		}
		
		
		
/*
---------------------------------
CSS de l'en-tête
---------------------------------
*/

.pa_css {

}

.pa_css h1 {
	font-family:"Courier New", Courier, monospace;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	margin-left:15px;
}

.pa_css h1:before {
	content:"? ";
	color:#353535;
}

.pa_box {
	background-color: #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:2px 5px;
	padding:2px 5px;
	text-align:justify;
	margin-bottom:8px;
	box-shadow: 2px 2px 6px #888;
}

.pa_box p {
	font-size:12px;
	font-variant:Arial;
	line-height:1.4em;
	text-indent:1em;
	margin:3px;
}

.pa_box p:first-letter {
	font-size:20px;
	font-family:georgia, serif;
	color:#353535;

}