/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #fff;
	margin: 0;
	text-align: left;
	font-size: 1em;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
td {
	vertical-align:middle;
}
img, table, ul { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
li {list-style:square;}
table.spip {
	width:500px;
}

body.sommaire {
	background-color:#fff;
	margin: 0;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
body.sommaire td {
	vertical-align:top;
}
body.sommaire #main {
	position:absolute;
	left:50%;
	margin-left:-385px;
	margin-top:20px;
	width:750px;
	height:575px;
	background-color:#54b847;
	border:#dcddde 5px solid;
	padding-top:13px;
	font-size:0.71em;
}
body.sommaire .rightPadding {
	padding-right:2em;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#main {
	position:absolute;
	left:50%;
	margin-top:20px;
	margin-left:-385px;
	width:750px;
	border:#dcddde 5px solid;
}
/* Header */
#header {
	height:107px;
	padding-top:13px;
	background-color:#54b847;
}
.topLogo {
	padding:0 20px 0 0;
}
/* Nav1 with Drop Down */
#nav1 {
	height:25px;
	background-color:#dbedd4;
	border-top:#fff 2px solid;
	border-bottom:#fff 2px solid;
}
#nav1 div {
	display:none;
	border:#355a68 2px solid;
	border-bottom:#355a68 1px solid;
	background-color:#fff;
	position:absolute;
	top:144px;
	width:134px;
	z-index:2;
}
#smenu1 {
	left:158px;
}
#smenu2 {
	left:298px;
}
#smenu3 {
	left:438px;
}

/* Middle */
#middle {
	background-image:url(../images/bg_nav2.gif);
	background-repeat:no-repeat;
	z-index:1;
}
/* Nav2 on the left */
#nav2 {
	position:absolute;
	float:left;
	width:158px;
}
#nav2 td {
	border-bottom:#fff 2px solid;
}
/* Content */
#content, #contentBasic, #contentCourse { 
	width:492px;
	position:relative;
	left:158px;
	padding:35px;
	min-height:530px;
}
#content img {
	padding-bottom:25px;
	padding-right:10px;
}
#contentBasic img {
	padding-bottom:5px;
}
#contentCourse { 
	width:492px;
	position:relative;
	left:158px;
	padding:35px;
	min-height:530px;
}
#contentCourse .illustration{
	padding-bottom:25px;
	padding-right:10px;
}
#footer {
	position:relative;
	top:2px;
	text-align:right;
}

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body #main{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.71em;
}
.date {
	color:#355a68;
	font-size:0.82em;
	font-style:italic;
	text-align:center;
	width:168px;
}
#nav1 div h1 {
	border-bottom: #355a68 1px solid;
	font-size: 0.82em;
	font-weight: bold;
	font-style: italic;
}
#nav2 h6 {
	font-size:0.82em;
	font-weight:bold;
	font-style:italic;
	padding-left:5px;
}
#nav2 h6 .select {
	color:#000;
}
#content h1, #contentBasic h1 {
	line-height:20px;
	font-weight:bold;
	color:#3b4b5b;
}
#contentCourse h1 {
	font-size:1.15em;
	font-weight:bold;
	color:#3b4b5b;
}

#content h3 {
	font-style:italic;
	padding-bottom:20px;
}
#content h1 ul {
	color:#000;
}
#contentCourse li.spip, #contentBasic li.spip {
	list-style:square;
	margin-left:20px;
}
#contentCourse .upper,  #content .upper, #contentBasic .upper {
	text-transform:uppercase;
}
#footer {
	font-size:0.82em;
}


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: underline; color: #393; }
#footer .bo { text-decoration: none; font-weight:bold; color: #f60; }
#footer .spip { text-decoration: none; font-weight:bold; color: #54b847; }
#content .doc, #contentBasic .doc { text-decoration: underline; color:#c00; }
#contentCourse .doc { text-decoration: underline; color:#c00; }
#contentCourse a.tools { text-decoration: underline; color:#000; }
#nav2 a { text-decoration: none; color:#fff;}
#nav2 a:hover { color:#000;}
#nav1 div h1 a { text-decoration: none; color:#355a68; display:block; border:#fff solid 5px;}
#nav1 div h1 a:hover { background-color:#dbedd4; display:block; border:#dbedd4 solid 5px;}
table.spip .spip_out {color:#c00;}