/* @group Core Elements */

/* ce qui change de template_width_tog.css a min_template_width_tog.css */
/* #bottright { width:360px / 400px; } */
/* #bottleft { width:360px / 400px; } */
/* #bottcenter	{ margin-right:360px / 400px; margin-left:360px / 400px;} */
/* shadow-bottom_r400.png remplace par shadow-bottom_r360.png dans glass et smoke */
/* .loginelement {padding: 10px 10px 0px 10px; au lieu de 15 px x4 */
/* #inset,#inset-mod {height: 41px contre 51px ;margin-bottom:5px;} */
/* #user1 h2, #user1 h3, #user1 h4, #user1 h5 {	margin: 5px au lieu de 15 px */;

html {
	margin-bottom: 1px;
}

#user1, #user1 td {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	height: 100%;
}
/*	line-height: 135%;  */

#user1 p {
  margin-top: 10px;
  text-align:justify;
}
/* setup some more readable paragraph spacing */
/*  margin-bottom: 15px; */

p.tbpane:first-letter {font-size:16px; font-style:italic; font-weight: bold;color:#ff0000;}
/*  font-size: 135%; glass */
p.tpanel:first-letter {font-size:16px; font-style:italic; font-weight: bold;color:#ffff99;}

#user1 h2, #user1 h3, #user1 h4, #user1 h5 {
	padding-bottom: 5px;
	padding-left: 0px;	
	margin: 5px 0;
	display: list-item;
	list-style-image: url('../../../images/arrow2.gif');
	text-indent: 20px;
}
	/* ../../../images/disabled_1b.gif */
	/* setup some more readable header spacing */


#user1 h1 {
	padding-bottom: 5px;
	margin: 15px 0;
}
	/* setup some more readable header spacing */

#user1 h1 { font-size: 175%; }
#user1 h2 { font-size: 150%; }
.smoke #user1 h3 {color:#ffffcc; font-size: 14px; }
.glass #user1 h3 {color:#996633; font-size: 14px; }
#user1 h4 { font-size: 110%; }

/* #user1 h1 { font-size: 200%; } */
/* #user1 h2 { font-size: 175%; } */
/* #user1 h3 { font-size: 150%; } */
/* #user1 h4 { font-size: 120%; } */

a {	text-decoration: none; }

a:hover { text-decoration: underline; }

/* @end */

h2 span {background: url(../../../images/translucent_background_cff3.gif) 0 top repeat;}

/* @group Smoke */

.smoke .shadow_left {
	background: url(../images/smoke/shadow-tleft.png) 0 top repeat;
}

.shadow_left {
	height: 39px; 
	margin-right: 100px; 
}
	/* min-height:39px; pour ie7 */

.smoke .shadow_right {
	background: url(../images/smoke/shadow-tright.png) right 0 no-repeat;
}

.shadow_right {
	float:right;
	height: 39px;
	width:100px;
	margin-left: 0px;
}

  /* + special ie6 */

.smoke #shadow-middle {
	background: url(../images/smoke/shadow-mleft800.png) 0 0 repeat-y;
}

#shadow-middle {
	margin-right: 25px;
	height: 100%;
}

.smoke #shadow-middleright {
	background: url(../images/smoke/shadow-mright800.png) right 0px  no-repeat;
	}

#shadow-middleright {
	height: 100%;
	float:right;
	width:25px;
	margin-left: 0px;
	}

  /* + special ie6 */

.smoke #bottcenter	{
	background: url(../images/smoke/shadow-bottom_mid.png) 0 0 repeat-y;
	}

#bottcenter	{
	margin-right:360px;
	margin-left:360px;
	height:60px;	}
         
.smoke #bottright	{
	background: url(../images/smoke/shadow-bottom_r360.png) 0 0 repeat-y;
	}

#bottright	{
	float:right;
	height:60px;
	width:360px;	}
		
.smoke #bottleft	{
	background: url(../images/smoke/shadow-bottom_l400.png) 0 0 repeat-y;
	}

#bottleft	{
	float:left;
	height:60px;
	width:360px;	}

  /* + special ie6 */
  
  
.smoke .sections td,
.smoke #mainframe td#left,
.smoke #mainframe td#right,
.smoke #mainframe #user1,
.smoke #mainframe #page {
	background: url(../images/trans-15.png);
}
/* , .smoke blockquote */

blockquote {
	background: url(../images/blockquote_3.png);
}

.smoke #inset {
	background: url(../images/smoke/login-smoke_min.png) 0 0 no-repeat;
}
/* @end */

/* @group Glass */

.glass .shadow_left {
	background: url(../images/glass/shadow-tleft.png) 0 top repeat;
}

.glass .shadow_right {
	background: url(../images/glass/shadow-tright.png) right 0 no-repeat;
}

  /* + special ie6 */

.glass #shadow-middle {
	background: url(../images/glass/shadow-mleft800.png) 0 0 repeat-y;
}

.glass #shadow-middleright {
	background: url(../images/glass/shadow-mright800.png) right 0px  no-repeat;
}
	
  /* + special ie6 */

.glass #bottcenter	{
	background: url(../images/glass/shadow-bottom_mid.png) 0 0 repeat-y;
	}

.glass #bottright	{
	background: url(../images/glass/shadow-bottom_r360.png) 0 0 repeat-y;
	}

.glass #bottleft	{
	background: url(../images/glass/shadow-bottom_l400.png) 0 0 repeat-y;
	}

  /* + special ie6 */

.glass .sections td,
.glass #mainframe td#left,
.glass #mainframe td#right,
.glass #mainframe #user1,
.glass #mainframe #page {
	background: url(../images/trans-10.png);
}
/*	, .glass blockquote */

.glass #inset {
	background: url(../images/glass/login-glass_min.png) 0 0 no-repeat;
}

/* @end */

/* @group Structure */

div.wrapper {
	margin: 0px -30px 0px -10px;
	width: 100%;
	text-align: left;
}
/* 	margin: 0 auto; */
/* 	width: 925px; */

#shadow-middle {
	padding: 0 24px; 
}

#shadow-bottom {
	padding: 0 24px 20px 24px;
}

#shadow-middle .padding {
	padding: 0px 0px 0px 24px;
}

#shadow-rocket {
	height: 60px;
	text-align: center;
}

img#rocket {
	width: 200px;
	height: 40px;
	border: 0;
}

#content {
	padding-top: 75px;
}

#showcase {
	background: url(../images/trans-20.png);
}

.sections {
	border-collapse: collapse;
	padding: 0;
	margin-top: 20px;
	width: 100%;
}

#mainframe {
	border-collapse: collapse;
	padding: 0;
	margin-top: 0;
	width: 100%;
}

#shadow-bottom .sections {
	margin-top: 0;
}

#user1 {
	margin-bottom: 0px;
	height:  1%;
}

#page {
	padding: 20px 10px;
}

#inset,
#inset-mod {
	float:right;
	width: 461px;
	height: 41px;margin-bottom:5px;
}

/* @end */

/* @group Table Control */

#mainframe td,
.sections td {
	padding: 0;
}

#mainframe td.spacer,
.sections td.spacer,
.glass .sections td.spacer,
.smoke .sections td.spacer {
	width: 20px;
	background: none;
	border: 0;
}

td.spacer img {
	width: 20px;
}

#mainframe tr {
	vertical-align: top;
}

/* @end */

/* @group Login/Logout */

.loginelement {
	width: 100%;
	text-align:center;
	float:  left;
	padding: 8px 10px 0px 12px;
}

/* @end */

/* @group Modules */

.moduletable {
	padding: 10px;
	height: 1%;
	margin-bottom: 15px;
}

.moduletable h3 {
	height: 33px;
	line-height: 33px;
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: -11px -10px 10px -10px;
	padding-left: 22px;
}

/* @end */


/* @group RokSlide */

.smoke #frame div.button#right {
	background: url(../images/arrow-right.png) 0 0 no-repeat;	
}

.smoke #frame div.button#left {
	background: url(../images/arrow-left.png) 0 0 no-repeat;
}

.glass #frame div.button#right {
	background: url(../images/arrow-right3.png) 0 0 no-repeat;	
}

.glass #frame div.button#left {
	background: url(../images/arrow-left3.png) 0 0 no-repeat;
}

.smoke #mainframe td#right {border: 1px solid #9BA5A5;}
.glass #mainframe td#right {border: 1px solid #F5F7F5;}

/* @end */

/* @group Typography */

blockquote {
	font-style: italic;
	font-size: 100%;
	width: auto;
	padding: 3px 3px 0 3px;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 120%;
}
/*	line-height: 150%; */
/*	padding: 10px; */
/*	margin: 15px 0; */

blockquote.b {
	font-weight: bold;	
}

/* @end */

.clr {
	clear:both;
}

/* @end */


.moduletable h3 {
	background: url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x;	
}

/* rokslide stuff */

.brown ul#rokslide-toolbar {	background: url(../images/headers/brown/header-bg.png) 0 0 repeat-x;	}
.brown #rokslide-toolbar li {	background: url(../images/headers/brown/header-sep.png) 100% 0 no-repeat;	}
.brown #rokslide-toolbar li.active { 	background: url(../images/headers/brown/header-over.png) 0 0 repeat-x;	}
.brown #rokslide-toolbar li.current { 	background: url(../images/headers/brown/header-over_dc.png) 0 0 repeat-x;	}

.blue ul#rokslide-toolbar {	background: url(../images/headers/blue/header-bg.png) 0 0 repeat-x;	}
.blue #rokslide-toolbar li {	background: url(../images/headers/blue/header-sep.png) 100% 0 no-repeat;	}
.blue #rokslide-toolbar li.active { 	background: url(../images/headers/blue/header-over.png) 0 0 repeat-x;	}
.blue #rokslide-toolbar li.current { 	background: url(../images/headers/blue/header-over_dc.png) 0 0 repeat-x;	}
