/* - - - - - - - - - - - - - - - - - - - - -
Title : systemFLAM base styles
Author : Pierre Jahan
URL : JahanDesign.com

Created : 21 juillet 2005
Modified : 11 octobre 2006
- - - - - - - - - - - - - - - - - - - - - */

/* ----- IMPORTED STYLES ----- */

@import url("menu.css");

* {border:0; margin:0; padding:0; background:transparent; } 
html { height:100%; }

/* ----- stop WinIE6 from calculating width of 
italicized text twice, thereby wrecking layout ----- */
* html em {
  font-style: italic;
  font-weight: normal;
  }
	
body {
	background: #fff url(../img//bg_top.gif) top center repeat-x;
  text-align:center;
	font-size:80%;
	line-height:1.4em;
	font-family: 'Lucida Grande', Tahoma, 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
  color:#555;
  }

/* ----- PAGE ----- */

#wrapper {
	background:#fff url(../img/bg_body.gif) no-repeat;
  margin:0 auto;
  width:900px;
  }
#container {
	width: 870px;
	margin: 0px auto;
	background-color: #fff;
  }

/* ----- HEADER ----- */

#header {
	position:relative;
	width:870px;
	height:145px;
  background:#fff;
	text-align:left;
	}
#header a { text-indent:-999em; }
a.lien_home {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:600px;
	height:145px;
}
a.lien_olsix {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:240px;
	height:145px;
}
#navigation {
	position:relative;
	width:871px;
	margin-left:0px;
	height: 48px;
	background: #fff url(../img/bg_nav.gif) repeat-x bottom center;
  font:12px/25px !important;
	z-index:100;
}

/* ----- HEADINGS ----- */

h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
	font-family:'Trebuchet MS', Helvetica, Arial, Sans-serif;
	font-weight:bold;
	color:#798FA6;
}
h2 {
  margin-bottom:.4em;
	text-transform:uppercase;
  font-size:1.5em;
	line-height:1.2em;
  }
h3 {
  margin-bottom:.5em;
  font-size:1.35em;
	line-height:1.2em;
  }
h4 {
  margin-bottom:.5em;
  font-size:1.2em;
  }
h5 {
	text-transform:uppercase;
	font-size:12px;
	color:#aaa;
	}
h6 {
	font-size:11px;
	}

/* ----- PARAGRAPHS ----- */

p {
  margin:0.3em 0 .75em;
  padding:0;
  }
div.lead {
	margin:0 0 1.2em;
	font-size:1.1em;
	color:#000;
	}
p.spip { 
}
q {
	text-align: right;
	color: #fff;
	display: block;
	font-size: 14px;
	margin-top: 1em;
	}

/* ----- MISCELLANEOUS ----- */

hr { display: none; }

/* ----- STRUCTURE CONTENUS ----- */

/* ----- 
#content {
	padding:20px 30px;
	background-color:#fff;
	text-align:left;
	height:300px;
  }
* > html #content {
	height:auto;
	min-height:300px;
}
----- */
#content {
	padding:20px 30px;
	background-color:#fff;
	text-align:left;
	height:auto;
	min-height:300px;
}
a {
  color:#798FA6;
  text-decoration: none;
  }
a:hover {
  color:#6B2E30;
	text-decoration:underline;
  }
#content-home {
  float:left;
  width:580px;
	}
#col-home {
  float:right;
  width:200px;
  margin-bottom:20px;
  font-size:.9em;
	}
#content-rub, #content-main {
  float:right;
  width:580px;
	}
.top-main, .news-main {
	clear:left;
  margin-bottom:2em;
  }
#content-home .news-main, #content-home .top-main {
	border-top:1px dotted #CFDBE8;
	border-right:1px dotted #CFDBE8;
	padding-top:8px;
	padding-right:8px;
  }
#content-main p { padding:0; }
#content-side {
  float:left;
  width:200px;
  margin-bottom:20px;
  font-size:.9em;
  line-height:1.3em;
  text-align:right;
  }
.logoArticle { 
	float:right;
	margin:0 0 .8em 1.5em;
}
.logoArticle img { 
	padding:2px;
	border:1px solid #bbb;
	background-color:#eee;
}
#inset-right {
  float:right;
  width:200px;
  margin-bottom:20px;
	margin-left:20px;
  font-size:.9em;
  line-height:1.3em;
}
#col-home h4, #content-side h4, #inset-right h4 {
	line-height:1.3em;
	}
#breadcrumb {
	margin:0;
	padding: 0 10px 10px;
	font-size:.9em;
}

/* ----- SIDE NAV & SOLUTIONS HOME ----- */

#content-subnav {
	margin-bottom:20px;
	background-color:#eee;
	}
#content-subnav h6 {
  display:block;
	margin:0;
  padding:3px 10px;
	color:#051338;
	background-color:#C9D6E4;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
}
#content-subnav h6 a {
  text-decoration:none;
}
#content-subnav h6.linkon a, #content-subnav h6 a:hover  {
	background:#C9D6E4 url(../img/bullet_arrow.gif) center right no-repeat;
  color:#6B2E30;
  }
#content-subnav ul.subnav {
  margin:0;
  padding:0;
  }
#content-subnav .subnav li {
  margin:0;
  padding:0 10px;
  background:none;
  font:1em/1.3em "Trebuchet MS",Verdana,Sans-serif;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;

  }
* html #content-subnav .subnav li { height:1%; }
#content-subnav .subnav li a {
  display:block;
	margin:0; 
  padding:2px 10px;
  text-decoration:none;
	color:#051338;
  font-weight:normal;
	background:transparent url(../img/bullet_arrow_r2.gif) center right no-repeat;
	}
* html #content-subnav .subnav li a { width:160px; }
#content-subnav .subnav li a:hover, #content-subnav .subnav li a.linkon  {
	background:transparent url(../img/bullet_arrow.gif) center right no-repeat;
  color:#6B2E30;
  }

/* ----- SEARCH FORM ----- */

.formulaire_recherche {
	margin:0 0 20px 10px;
	width:190px;
	z-index:100;
}
.formulaire_recherche * { 
	display: inline !important; 
	vertical-align: middle; 
}
.formulaire_recherche label { display: none !important; }
.formulaire_recherche input.forml { 
	width: 140px; 
	color: #666; 
	background: #EEE;
	border: 1px inset #CCC;
	padding-left: 1px;
}
.formulaire_recherche .spip_bouton { 
	border:none;
	background-color:transparent;
	padding:1px 3px;
}
.formulaire_spip * { font: 11px Verdana, Helvetica, Arial, sans-serif; }

/* ----- SEARCH BOX ----- */

#search {
  margin:0 0 10px 0;
	padding:0 10px;
	text-transform:uppercase;
	font-family:'Trebuchet MS', Helvetica, Arial, Sans-serif;
	font-size:10px;
	color:#888;
	}
* html #search { height:1%; }
#search .formrecherche {
	width:130px;
  font:11px Monaco,Monospace;
	background-color: #fff;
  border:1px solid;
  border-color:#aaa #ddd #ddd #aaa;
	padding:2px;
}
#search .spip_bouton { 
	border:none;
	background-color:#fff;
	padding:1px;
}

/* ----- QUOTE & HIGHLIGHT & FEATURES BOXES ----- */

#content-quotebox, #content-highlight { margin-bottom:20px; }
.home #content-quotebox, .home #content-highlight { background:#899CAE url(../img/bg_fade_grey.gif) left top repeat-x; }
.rouge #content-quotebox, .rouge #content-highlight { background:#A12930 url(../img/bg_fade_rouge.gif) left top repeat-x; }
.vert #content-quotebox, .vert #content-highlight { background:#41764C url(../img/bg_fade_vert.gif) left top repeat-x; }
.bleu #content-quotebox, .bleu #content-highlight { background:#2868B0 url(../img/bg_fade_bleu.gif) left top repeat-x; }
.bleu_fonce #content-quotebox, .bleu_fonce #content-highlight { background:#012756 url(../img/bg_fade_bleu_olsix.gif) left top repeat-x; }
.bleu_clair #content-quotebox, .bleu_clair #content-highlight { background:#899CAE url(../img/bg_fade_grey.gif) left top repeat-x; }
.quotebox, .highlight {
  margin:0;
	padding:10px;
	color:#fff; 
	background: transparent url(../img/bg_features_dotted.gif) bottom left repeat-x;
}
.quotebox h5, .highlight h5 { 
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	color:#fff;
	}
.quotebox h6, .highlight h6 { 
	color:#fff; 
	margin-top:.3em; 
	margin-bottom:.7em; 
	}
.quotebox a, .quotebox h4, .quotebox h4 a, .quotebox h6, .quotebox h6 a { 
	color:#fff; 
	background:transparent;
	}
.highlight h6 { 
	padding-right:10px;
	background:transparent url(../img/bullet_arrow_w.gif) right no-repeat;
	}
.quotebox a:hover, .quotebox h4 a:hover, .quotebox h6 a:hover, 
.highlight h4 a:hover, .highlight h6 a, .highlight h6 a:hover { color:#fff; }

/* ----- LISTS ----- */

ul { list-style:none; }
li { margin:0; padding:0; }
#content ul, #content ol {
  margin:.25em 0 1em 1em;
  padding:0 0 0 10px;
  }
#inset-right ul { margin-bottom:1.5em; }
#content ul li, #content ul ul li {
  background:url(../img/bullet_dot.gif) 0 .6em no-repeat;
  margin:0;
  padding:0 0 0 1.5em;
  line-height:1.6em;
  }
#content ol li, #content ol ol li {
  margin:0 0 0 1.5em;
  padding:0;
  line-height:1.6em;
  }

/* ----- MISC ----- */

.reset {
  clear:both;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
abbr, acronym {
	cursor: help;
	border-bottom:1px dotted #666;
}
p.lire a { 
	padding-right:8px;
	background:transparent url(../img/bullet_arrow.gif) center right no-repeat;
	}
p.lire-w a { 
	padding-right:8px;
	background:transparent url(../img/bullet_arrow_w.gif) center right no-repeat;
	color:#fff;
	border-color:#fff;
	}
p.lire a:hover, p.lire-w a:hover { 
	background:transparent url(../img/bullet_arrow_r.gif) center right no-repeat;
	color:#6B2E30;
	border-color:#6B2E30;
	}
p.intro { font-weight:bold; }
p.photo { margin-bottom:6px; }
p.photo img { display:block; }
img.left {
  float:left;
  margin:2px 8px 6px 0;
  }
img.right {
  float:right;
  margin:2px 0 6px 8px;
  }
.texte-gris { color:#888; }
.document {
	margin:15px 0;
	padding:10px 0;
	border-top:1px dotted #555;
	}
.hyperlien {
  margin-top:2em;
	font-weight:bold;
	font-size:11px;
	line-height:1.3em;
	color:#888;
	}

/* ----- SPIP ----- */

hr.spip { }
strong.spip { }
blockquote.spip {
	margin:1em 1em 1em 2em;
	border:solid 1px #ddd;
	background-color:#eee;
	padding:5px 10px;
}
h3.spip { 
  margin:1.2em 0 .8em;
	color:#CC666A;
	font-weight:bold;
}
ul.spip, ol.spip {
  margin:.25em 0 1em 1em;
  padding:0 0 0 10px;
  }
ul.spip {
  list-style:none;
  }
.spip_puce {
	list-style-position: inside;
	border-width: 0px;
}
.spip_surligne {
	background-color:#FF6;
}
.spip_bouton {
	background-color: #cc666a;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
  border:1px solid;
  border-color:#aa9 #ffe #ffe #aa9;
	padding: 0 2px;
}
#features .spip_logos { 
	margin:0 5px 2px 0;
}
#quotebox .spip_logos { 
	margin:0 0 2px 5px;
}
.spip_logo {
	margin:.4em 0 .4em 1em;
	padding:2px;
	border:1px solid #CCC;
	float:right;
}
.spip_logo_titre {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	border:none;
}
.spip_documents{
	font-size : 70%;
}
.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}
.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}
.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}
table.spip {
	margin:0 auto 1em;
	border: 1px solid #999;
	border-collapse:collapse;
	border:1px solid #aaa;
}
table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	margin:0 auto;                                                       
	padding: 3px;
	font-size:1.1em;
	font-weight: bold;
	text-align: center;
}
table.spip td, table.spip th {
	padding:.5em 1em;
	border:1px solid #ccc;
	text-align:left;
	width:auto;
	vertical-align: middle;
}
table.spip th { text-align:center; }
table.spip tr.row_first th {
	background-color: #012756;
	color:#fff;
	width:auto;
	font-size:1.1em;
}
table.spip tr.row_odd td { background-color: #C9D6E4; }
table.spip tr.row_even td { background-color: #F0F0F0; }
.spip_encadrer {
	width:95%;
	background-color:#eee;
	margin-top:2em;
	padding:5px 10px;
	border:1px #ccc dotted;
	font-style:italic;
}

/* ----- ROUNDED CORNERS ----- */

/* set background images for corners */
.rbtop div { background: url(../img/bkd_corner_tl.gif) no-repeat top left; }
.rbtop { background: url(../img/bkd_corner_tr.gif) no-repeat top right; }
.rbbot div { background: url(../img/bkd_corner_bl.gif) no-repeat bottom left; }
.rbbot { background: url(../img/bkd_corner_br.gif) no-repeat bottom right; }

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 5px;
	font-size: 1px;
}

/* ----- FOOTER ----- */

#footer {
	width:810px;
	margin:0 auto;
	padding:0;
  background:#CFDBE8 url(../img/bg_top.gif) repeat-x center top;
  color:#fff;
	text-align:center;
  }
#footer-menu {
  margin-top:8px;
  padding:0;
  font-size:.9em;
  }
#footer-copyright {
  padding:10px 0;
  font-size:.8em;
  }
#footer a { 
	text-decoration:none;
	color:#fff; 
}
#footer a:hover { 
	text-decoration:underline;
}