<style type="text/css">

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 0px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background: #5f5e5e url("forumm/styles/1thank/theme/images/body-bg.gif") 0 0 repeat-x;
    	background-color: #5F5E5E;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 12px;
	margin: 0;
	padding: 0px 0;
}

.titre {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #000000;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

.Titre {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #000000;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #000000;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

.soustitre {
	/* Forum header titles */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #444444;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #444444;
	margin-top: 20px;
}
h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

h5 { border:1px solid #B0C4DE;background-color:#CDEB8B;-moz-border-radius:8px;-webkit-border-radius:8px; font:  normal 13px verdana, Sans-Serif; color:#000000; margin: 2 0 00;}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Border
---------------------------------------- */
.border-left { 
    background: url("./styles/1thank_green/theme/images/border_left.gif") #FFFFFF repeat-y 0 0;
}

.border-right {
    background: url("./styles/1thank_green/theme/images/border_right.gif") repeat-y 100% 0;
}

.border-top { 
    background: url("./styles/1thank_green/theme/images/border_top.gif") repeat-x 0 0; 
}

.border-top-left {
    background: url("./styles/1thank_green/theme/images/border_top_left.gif") no-repeat 0 0;
}

.border-top-right {
    background: url("./styles/1thank_green/theme/images/border_top_right.gif") no-repeat 100% 0;
    width: 100%;
}

.border-bottom { 
    background: url("./styles/1thank_green/theme/images/border_bottom2.gif") repeat-x 0 100%;
}

.border-bottom span {
    background: url("./styles/1thank_green/theme/images/border_bottom.gif") no-repeat 0 0;
    display: block;
    height: 18px; 
}

.border-bottom span span { 
    background-position: 100% -18px;
}

.inside { 
    padding: 17px 27px 10px 27px;
}

#footer {
    background: #272727 url("./styles/1thank_green/theme/images/footer-bg.gif") 0 100% repeat-x;
}

#foot-r {
    height: 130px;
    background: url("./styles/1thank_green/theme/images/footer-r.gif") 100% 100% no-repeat;
}

#foot-l {
    background: url("./styles/1thank_green/theme/images/footer-l.gif") 0 100% no-repeat;
}

#footerarea {
    padding: 10px;
    color: #ccc;
}

#footerarea a:link, #footerarea a:visited {
    color: #a0a0a0;
}

#footerarea a:hover {
    color: #ccc;
    text-decoration: none;
}


.minitext { color:black;font:normal 70% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif; }
.pwd { color:red;font:normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif; }

.text {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 12px;
	margin: 0;
	padding: 0px 0;
}

a { text-decoration: none; }
a:link, a:visited, a:active, a:focus { text-decoration : none; outline: none; color : blue; }
a:hover { text-decoration : underline ; color : blue; }
a img { border: none; } 
a.menu { text-decoration: none; }
a.menu:link, a.menu:visited, a.menu:active, a.menu:focus { text-decoration : none; outline: none; ; }
a.menu:hover { outline: none; text-decoration : underline ; }

a.linkvert { border:1px solid #B0C4DE;background-color:#CDEB8B;-moz-border-radius:8px;-webkit-border-radius:8px; font:  normal 13px verdana, Sans-Serif; color:#000000; margin: 2 0 00;}

.month { font-size : 9px; line-height : 9px; color : #111111; text-transform : uppercase; }
.day { font-size : 21px; font-family : 'Arial'; font-weight : bold;  line-height : 19px; color : #000000; letter-spacing : -1px; }


.bouton {
  font-family:arial;	
  font-size:12px;
  padding:5px 10px 5px 10px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  line-height:50px;
  height:30px;
  background:url(js/images/bg.png) 0 0 repeat-x #363636;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 2px 2px #bcbcbc;
  -webkit-box-shadow: 0 2px 2px #bcbcbc;
  text-shadow: 0 -1px 1px #565656;
  position: relative; 
  cursor: pointer;
  }

.petit.bouton {  font-size:10px;  }
.moyen.bouton {  font-size:12px;  }
.grand.bouton {  font-size:14px;  padding:8px 12px 8px 12px;  }
.long.bouton {  font-size:12px;  padding:8px 12px 8px 12px; width:150px; }

.bleu.bouton {  background-color:#1083d4;  text-shadow: 0 -1px 1px #1083d4; color:#fff; }
.vert.bouton {  background-color:#71b100;  text-shadow: 0 -1px 1px #71b100; color:#fff; }
.orange.bouton {  background-color:#e59210;  text-shadow: 0 -1px 1px #e59210; color:#fff; }
.rouge.bouton {  background-color:#ee361e;  text-shadow: 0 -1px 1px #e59210; color:#fff; }
.violet.bouton {  background-color:#c8298f;  text-shadow: 0 -1px 1px #e59210; color:#fff; }


/**********index***********/
/*  Boîte */ 
.boxgrid{
position:relative;
border:solid 3px #363636;
width:160px;
height:240px;
overflow: hidden; 
float:left;
background:#161613; 
margin:20px;
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}


/*  Légende cachée */ 
.boxcaption {
position:absolute;
left:0px;/*important pour IE6 et 7*/
height:120px;
width:100%;
background-color: #000000;
padding:5px;
opacity:0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /*  IE 5-7 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*  IE 8 */  
}

/*  Légende Semi-apparente */ 
.caption .boxcaption {
position:absolute;
top:210px;
}

/*  Boîte */ 
.grandeboxgrid{
position:relative;
border:solid 3px #363636;
width:360px;
height:240px;
overflow: hidden; 
float:left;
background:#161613; 
margin:20px;
}

.grandeboxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}


/*  Légende cachée */ 
.grandeboxcaption {
position:absolute;
left:0px;/*important pour IE6 et 7*/
height:120px;
width:100%;
background-color: #000000;
padding:5px;
opacity:0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /*  IE 5-7 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*  IE 8 */  
}

/*  Légende Semi-apparente */ 
.caption .grandeboxcaption {
position:absolute;
top:210px;
}
	@media print {
		body {
		font-size : 10pt;
		line-height : 120%;
		background-color : #ffffff;
		color : #000000;
		}
	#menu, #pub468x60, #pubDroite {
	display : none;
	}
}

	@media print {
		body {
		font-size : 10pt;
		line-height : 120%;
		background-color : #ffffff;
		color : #000000;
		}
	#menu, #pub468x60, #pubDroite {
	display : none;
	}
}
</style>

