/*
 * file: isak.css
 * author: Philippe Archambault, philippe.archambault@savoirfairelinux.com
 *
 * style de base (général)
 ************************************************/

body, td, th, tr { 
	margin: 0; padding: 0; 
	background-color: #fff; 
	text-align: center;
	font: .77em/1.5em Arial, Helvetica, sans-serif;
}

img { border: 0; }

.clear { 
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
.container { margin: 0 auto; width: 768px; min-width: 768px; text-align: left; }

span.isak:first-letter { color: red; }


a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
a:visited {
	color: #5a3696;
}
a:active {
	color: #faa700;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}
a.new, #p-personal a.new {
	color: #ba0000;
}
a.new:visited, #p-personal a.new:visited {
	color: #a55858;
}


/*
 * wrapper pour que le footer reste en bas meme si ya pas de contenu
 ************************************************/
#wrapper { 
	min-width: 768px;
}

/*
 * header
 ************************************************/
#header { 
	display: block;
	border-top: 6px solid #575c79;
	border-bottom: solid thin #eee;
	vertical-align: bottom;
	background-color: #C8D5E4;
}

#header-logo { margin-left: 30px; }


/*
 * onglet-principal
 ************************************************/
#onglet-principal ul {
	margin: 0; padding: 0; 
	position: absolute;
	top: 6px;
	left: 60%;
}

#onglet-principal li {
	display: inline;
	white-space: nowrap;
	margin: 0; padding: 0;
}
#onglet-principal a {
	display: block;
	float: left;
	padding: 2px 10px;
	background-color: #990021;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-left: 3px solid #C8D5E4;
}
#onglet-principal a:hover {
	text-decoration: underline;
}
#onglet-principal a.current {
	color: #fff;
	background-color: #575c79;
}


/*
 * langue
 ************************************************/
#onglet-langue a { font-weight: normal; background: transparent; text-decoration: none; color: #666; }
#onglet-langue a:hover { color: #fff; }

/*
 * nav (simili tab)
 ************************************************/
#nav { float: right; }
#nav ul { margin: 0; padding: 0; font-weight: bold; list-style: none; position: relative; } /* Contains floated elements, therefore is it included in clear.css */
#nav ul li { float: left; display: inline; margin: 0 1px; padding: 0; background: transparent url(../images/bg-menu.gif) bottom left repeat-x; }
#nav ul li a { display: block; padding: 3px 12px; text-align: center; color: #666; text-decoration: none; }
#nav ul li a:hover,
#nav ul li.current a { background-color: #575c79; color: #fff; }

/*
 * main contenu principal à 2 colonnes
 ************************************************/
#main { 
	padding-bottom: 4em;
	background: transparent url(../images/bg-main.gif) top left repeat-x; 
	color: #4f546e;
}
#content-left {
	/*width: 441px;*/
	width: 49%;
	float: left;
	border: 0;
}
#content-right {
	/*width: 317px;*/
	width: 49%;
	float: right;
	border: 0;
}

#main h1 {
	font-family: georgia;
	color: #9bbce1;
	font-size: 150%;
}

#main .important { color: red; }

/*
 * footer
 ************************************************/
html { height: 100%; }
body { height: 100%; }
#wrapper { 
	position: relative;
	min-height: 100%;
}
* html #wrapper {
	height: 100%;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #ccc;
	background-color: #eee;
	color: #666;
	line-height: 2.2em;
	text-align: center;
}
#footer a {
	text-decoration: none;
	color: #666;
}
#sfl-logo { 
	filter: alpha(opacity=50);
	opacity: .5;

}
#footer a:hover #sfl-logo { 
	filter: alpha(opacity=100);
	opacity: 1;
}
#footer a:hover { color: #333; }

/*
 * Bullet SFL
 ************************************************/
ul {
	line-height: 1.5em;
	list-style-type: none;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(../images/sfl-li-bleu.gif);
}

/*
 * Liste deux colonnes
 ************************************************/
#list2cl ul
{
  width: 100%;
  margin-bottom: 5px;
}
#list2cl .left
{
  width:49%; 
  float:left; 
  margin:0;
}
#list2cl .right
  width:49%; 
  float:right; 
  margin:0;
}
#list2cl li
{
  width: 100%;
}
#list2cl .clear
{
  width:100%;
  clear: both;
}  

/*
 * Menu de droite page d'accueil
 ************************************************/
#content-right #menudroite
{
float: left;
width: 319px;
padding: 0;
list-style: none;
list-style-type: none;
margin: 0;
padding:0;
list-style-image: none;
}

#content-right #menudroite li
{
	border: 1px solid #ccc;
	background-color: #eee;
	margin-bottom: 10px;
	list-style: none;
	list-style-type: none;
}

#content-right #menudroite li:hover,
#content-right #menudroite li.hover
{
	background: #c8d5e4;
}

#content-right #menudroite li a
{
	display: block;
	padding: 1.2em 20px 1.2em 60px;
	text-decoration: none;
	color: #333;
}

#content-right #menudroite li a strong
{
	display: block;
	color: #000;
}

#content-right #menudroite li#droite-opensource a
{
	background: url(../images/opensource-transparent.gif) no-repeat 5px center;
}
#content-right #menudroite li#droite-opensource a:hover
{
	background-image: url(../images/opensource-transparent.gif);
}
#content-right #menudroite li#droite-sfl a
{
	background: url(../images/sfl.gif) no-repeat 5px center;
}
#content-right #menudroite li#droite-sfl a:hover
{
	background-image: url(../images/sfl.gif);
}
#content-right #menudroite li#droite-integration a
{
	background: url(../images/lock-plug-plain.gif) no-repeat 5px center;
}
#content-right #menudroite li#droite-integration a:hover
{
	background-image: url(../images/lock-plug-plain.gif);
}