/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial;
	line-height: 155%;
}

body.f-smaller {
	font-size: 10px;
}

body,
body.f-default {
	font-size: 12px;
}

body.f-larger {
	font-size: 15px;
}
/*
td {
vertical-align:top;
}
*/
p {
  /* setup some more readable paragraph spacing */
   padding:0;
  margin:0;
 margin-top: 10px;
  margin-bottom: 15px;
}

.module p, .user4 p, .user5 p  {
  /* setup some more readable paragraph spacing */
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 15px 0;
}

h1 { 
	font-size: 200%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

a {
	text-decoration: none;
	color: #ab0900;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading, .contentheading {
	font-size: 180%;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #5b4a42;
	text-align:left;
	font-weight: normal;
	padding-bottom:0px;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 7px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}



.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
  background: #F3FBFF;
  border-bottom: 1px solid #CEE0E4;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  text-align: left;
  padding: 4px 0 4px 4px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #CEE0E4;	
}

.sectiontableentry2 {
	background: #F3FBFF;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

/* @end */


/* @group Modules */

.moduletable,
.moduletable-hilite1 {
	margin-top: 0px;	
	margin-bottom: 20px;
}

.moduletable h3,
.moduletable-hilite1 h3 {
	background: #DAEFFA url(../images/module-h3.png) 0 0 repeat-x;
	padding: 5px 0 5px 8px;
	font-family: Tahoma, Helvetica, Arial Narrow;
	font-size: 120%;
	color: #02576B;
	border-top: 1px solid #B7ECF5;
	border-left: 3px solid #B7ECF5;
	border-right: 3px solid #B7ECF5;
	border-bottom: 1px solid #B7ECF5;
	margin: 5px 0 10px 0;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
padding-right:17px;

}

#horiz-menu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#horiz-menu li {	
	margin: 0;
	padding: 0;
	text-align:right;
	height:25px;
	line-height:25px;
	background:none;
	float:right;
	padding: 0px 0px 0px 0px;
}

#horiz-menu span {	
	margin: 0;
	padding: 0;
	padding-left:5px;
}

#horiz-menu a {
	font-size:14px;
	white-space: nowrap;
	color: #949494;	
	font-weight: normal;
	text-transform:uppercase;
	padding: 0px 10px 0px 10px;
	background: url(../images/separateur.png) 0 2px no-repeat;
}

#horiz-menu a.last {
	background: none;
}

#horiz-menu li.active,
#horiz-menu li.active_menu {
	
}

#horiz-menu li.active a,
#horiz-menu li.active_menu a {
	color: #de2a31;
}

#horiz-menu a:hover {
	text-decoration: none;
	color: #de2a31;	
}




/* @end */


/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 20px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 120%;
	background: none;
	color: #ab0900;
}

a.sublevel {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	line-height: 25px;
	padding-left:  5px;
	text-indent: 30px;
	display: block;
	float: left;
	width: 80%;
}

/* @end */

/* @group Content Styles */

/* @group Readon */

.readon {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	display: block;
	margin: 10px 0 0px 0;
	background: #E2F6F9 url(../images/readon.png) 100% 50% no-repeat;
	text-decoration: none;
	color: #333;
	padding: 3px 15px 3px 5px;
	border: 1px solid #F3FBFD;
	width: 75px;
}

a.readon:hover {
	text-decoration: underline;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 1.2em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-left: 10px;
}

span.pathway img {
	float: left;
	width: 9px;
	height: 11px;
	padding-right: 10px;
	background: url(../images/bullet.png) 0 50% no-repeat;
}

span.pathway a {
	float: left;
	padding: 0 10px 0 0;
}

/* @end */

/* @group Typography */

ul {
	padding-left: 0;
	margin-left: 10px;
}

ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../images/bullet-3.png) 0 6px no-repeat;
}

pre {
	padding: 10px;
	background: #F3FBFF;
	border: 1px solid #CEE0E4;
	color: #02576B;
}

blockquote {
	color: #02576B;
	font-style: italic;
	font-size: 110%;
	line-height: 150%;
	width: auto;
	padding: 10px 10px 10px 30px;
	margin: 15px 0;
	background: #F3FBFF url(../images/quote.png) 0 0 no-repeat;
	border: 1px solid #CEE0E4;
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

/* @end */

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}

.clr {
	clear:both;
}

fieldset.input {
	border: 0;
}

/* Pour enlever les maudite border dot autour des link image  */ 
a img {border:none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }


/* System Messages */
#system-message
{
margin:10px 0 20px 0;
padding: 0 !important;
background:#fff;
border:solid 0px;
}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0;  font-weight: bold; text-indent: 0px;background:#fff;padding:0 }
#system-message dd ul { color: #93246F; margin-bottom: 10px; list-style: none; padding: 0px; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { background: #F2E3ED}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #ce171f; list-style: none; background: #fff ; border-top: 1px solid #ce171f; border-bottom: 1px solid #ce171f;margin:0}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #93246F; list-style: none; background: #F2E3ED; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;}

.back_left {
	background-image: url(../images/back_left.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.back_right {
	background-image: url(../images/back_right.jpg);
	background-repeat: no-repeat;
}
.back_top {
	background-image: url(../images/logo_back_rouge.jpg);
	background-repeat: no-repeat;
	height: 132px;
	width: 122px;
	line-height:28px;
	padding:0px 15px 0px 13px;
	overflow:hidden;
}
.back_user1 {
	background-image: url(../images/back_user1.jpg);
	background-repeat: no-repeat;
	height: 132px;
	width: 611px;
}
.back_menu {
	background-image: url(../images/back_menu.jpg);
	height: 33px;
	width: 980px;
	
	margin:0px 10px 0px 10px;
}
.back_main_loop {
	background-image: url(../images/back_main_loop.jpg);
	background-repeat: repeat-y;
}
.back_main {
	background-image: url(../images/back_main.jpg);
	height: 564px;
	width: 980px;
	background-repeat: no-repeat;
}
.back_footer {
	background-image: url(../images/back_footer.jpg);
	height: 34px;
	width: 980px;
}
.back_footer_loop {
	background-image: url(../images/back_footer_loop.jpg);
	height: 34px;
	background-repeat: repeat-x;
}
.clean_t_l {
	background-image: url(../images/clean_t_l.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
}
.clean_t_r {
	background-image: url(../images/clean_t_r.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
}
.clean_b_r {
	background-image: url(../images/clean_b_r.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
}
.clean_b_l {
	background-image: url(../images/clean_b_l.png);
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
}
.clean_t_m {
	background-image: url(../images/clean_t_m.png);
	background-repeat: repeat-x;
	height: 6px;	
}
.clean_b_m {
	background-image: url(../images/clean_b_m.png);
	background-repeat: repeat-x;
	height: 6px;	
}
.clean_l_m {
	background-image: url(../images/clean_l_m.png);
	background-repeat: repeat-y;	
	width: 6px;
}
.clean_r_m {
	background-image: url(../images/clean_r_m.png);
	background-repeat: repeat-y;	
	width: 6px;
}
.separateur_mod {
	background-image: url(../images/separateur_mod.png);
	background-repeat: repeat-y;
	width: 1px;
}

.mod_t_l {
	background-image: url(../images/mod_t_l.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 17px;
}
.mod_t_r {
	background-image: url(../images/mod_t_r.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 17px;
}
.mod_b_r {
	background-image: url(../images/mod_b_r.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 17px;
}
.mod_b_l {
	background-image: url(../images/mod_b_l.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 17px;
}
.mod_t_m {
	background-image: url(../images/mod_t_m.png);
	background-repeat: repeat-x;
	height: 16px;
}
.mod_b_m {
	background-image: url(../images/mod_b_m.png);
	background-repeat: repeat-x;
	height: 16px;
}
.mod_l_m {
	background-image: url(../images/mod_l_m.png);
	background-repeat: repeat-y;	
	width: 17px;
}
.mod_r_m {
	background-image: url(../images/mod_r_m.png);
	background-repeat: repeat-y;	
	width: 17px;
}

.left {
	padding-left:20px;
}



.left ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.left li {	

	margin: 0;
	padding: 0;
text-align:right;
	height:25px;
	line-height:25px;
position: relative;
background:none;
}
.left span {	
	background: url(../images/btn_left.png) 0 50% no-repeat;
	margin: 0;
	padding: 0;
padding-left:5px;

}
.left a {
	white-space: nowrap;

	color: #484848;
	
	font-weight: normal;
	padding: 0px 5px 0px 0px;
	background: url(../images/btn_right.png) 100% 50% no-repeat;
}

.left li.active,
.left li.active_menu {
	
}

.left li.active a,
.left li.active_menu a {
	color: #de2a31;
}

.left a:hover {
	text-decoration: none;
	color: #de2a31;	
}


.left {
width:190px;
padding-left:30px;
}


div.left ul.menu ul {
	position: absolute;
	top: 6px;
	left: -9990px;  
	float:right;
	padding: 0px 0px 0px 0px;
	text-align:left;
	list-style: none;
	margin-left:3px;
}
/*  Ou le div va aparetre */
div.left li:hover ul, div.left li.sfhover ul {
	left:150px;  
	z-index: 100;
}

.left ul.level2 li {	
	margin: 0;
	padding: 0;	

	background:none;	
	width: 100%;  
	padding-left:30px;
	height:20px;
	line-height:20px;
}

.left ul.level2 span {		
	background:none;
}

.left ul.level2 li a {
	white-space: nowrap;
	
	color: #484848;
	background:none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size:12px;
	text-align:left;
	float:left;
}

.left ul.level2 li.active,
.left li.active_menu {
	font-size:12px;
	color: #de2a31;
}

.left ul.level2 li.active a,
.left ul.level2 li.active_menu a {
	font-size:12px;
	color: #de2a31;
}

.left ul.level2 a:hover {
	text-decoration: none;
	color: #de2a31;
	font-size:12px;
}



#footer-menu {
padding-right:18px;
}

#footer-menu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#footer-menu li {	

	margin: 0;
	padding: 0;
text-align:right;
	height:25px;
	line-height:25px;
background:none;
float:right;
}
#footer-menu span {	
	margin: 0;
	padding: 0;
padding-left:5px;

}
#footer-menu a {
font-size:12px;
	white-space: nowrap;
	color: #949494;	
	font-weight: normal;
	padding: 0px 7px 0px 7px;
	background: url(../images/separateur.png) 0 1px no-repeat;
	text-transform:uppercase;
}

#footer-menu a.last {
	background: none;
}

#footer-menu li.active,
#footer-menu li.active_menu {
	
}

#footer-menu li.active a,
#footer-menu li.active_menu a {
	
	color: #000;
}

#footer-menu a:hover {
	text-decoration: none;
	color: #000;	
}

.row1 {
	padding:5px 23px 10px 5px;
}

.left .module {
	padding-bottom:10px;
}

.module td {
	padding:0px;
	margin:0px;
}


#imageLeft {
	position: relative;
	overflow: hidden;
}

#imageLeft ul {
	list-style: none;
	margin: 0px;
	display: block;	
		margin: 0;
	padding: 0;
}

#imageLeft ul li {	
	background:none;
		margin: 0;
	padding: 0;
}

#imageLeft ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;	
		margin: 0;
	padding: 0;
}

#imageLeft ul li.linuxpme a {
	background: url(/images/stories/accordion/acc_linux_pme.png) 0 0 no-repeat;
	height: 45px;
	width:301px;
}

#imageLeft ul li.joomla a {
	background: url(/images/stories/accordion/acc_joomla.png) 0 0 no-repeat;
	height: 45px;
	width:301px;
}

#imageRight {
	position: relative;
	overflow: hidden;
}

#imageRight ul {
	list-style: none;
	margin: 0px;
	display: block;	
		margin: 0;
	padding: 0;
}

#imageRight ul li {	
	background:none;
		margin: 0;
	padding: 0;
}

#imageRight ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;	
		margin: 0;
	padding: 0;
}

#imageRight ul li.ssl a {
	background: url(/images/stories/accordion/acc_ssl.png) 0 0 no-repeat;
	height: 45px;
	width:298px;
}

#imageRight ul li.server a {
	background: url(/images/stories/accordion/acc_server.png) 0 0 no-repeat;
	height: 45px;
	width:298px;
}

.clear {
	clear: both;
}

.user1 {
	padding-left:15px;
}