/*#############################################################
© 2007
Author: Igor Jovic
URL: http://spinz.se
#############################################################*/

/* default elements */
*{margin:0px;padding:0px}


/* spip elements */

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

#hierarchie { margin-bottom: 2em; font-size: 0.90em; }
#hierarchie { color: #666; }

/* Listes d'articles et extraits introductifs */
.liste { margin-bottom:2em; }
.liste .liste-items { margin-left: 0; padding-left:0; }
.liste .liste-items .item { padding: 0.20em 0.20em; list-style-type:none; border:none;}
.liste .liste-items .item .h3 { margin: 0.30em 0 0.1em 0; }
.item .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.liste .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.liste .liste-items .item .introduction { margin-top: 0.30em; line-height: 22px; }
.info-publi {font-size:0.9em;}
.h1 + .info-publi {margin-top:-1em;}

.meta-publi {margin-top:-0.3em; margin-bottom:2em;}

.documents_portfolio {margin-bottom:2em;}
.documents_portfolio .spip_logos {
	margin:5px; padding:5px; border:1px solid #bbb; background:#ddd;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
}
.documents_portfolio a:hover .spip_logos {border-color:#888; background:#aaa; }

/* cartouche */
.cartouche { margin-bottom: 2em; overflow:auto; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.menu .menu-liste {margin-left:0;}
.menu .menu-liste .menu-liste {margin-left:1.5em;}
.menu .menu-liste .menu-entree {list-style-type:none;}
.menu .menu-liste .menu-entree .on {text-decoration:underline;}
.menu .menu-liste .menu-entree .menu-entree {list-style-type:disc; border:none;}

#content .formulaire_spip{margin:2em 0;}

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }


/* comments list */
ul.forum,ul.forum ul {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #F0F0F0;	
	border-width: 1px 1px 0 1px;
	}
ul.forum ul.spip {border:0;}
ul.forum ul { margin:0; }
.forum li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #F0F0F0; 
	background:#fafafa;
	}
.forum ul.spip li {border:0;padding:0;}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
	}
.forum li cite img {
	float: left;
	margin-right: 10px;	
	}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
	}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
	}
.forum li.alt {
	background: #f8f8f8 
	}

/* Habillage des petitions
---------------------------------------------- */

/* barre typo */
table.spip_barre{margin:0 0 2px 0px;padding:0; width:auto;}
table.spip_barre tr{height:auto;}
table.spip_barre tr td{border:0; padding:0;}
table.spip_barre tr td a img{background:#fcfcfc; padding:5px; border:#999 solid 1px !important; margin:0 2px 0 0 !important;}
table.spip_barre tr td a:hover img{background:#D9E6F1 !important; border:#467AA7 solid 1px !important;}
table .barre{display:none;}
/* */

ul.spip{margin-bottom:1em;}
ol.spip{margin-bottom:1em;}
ul.spip li{border:none;}
ol.spip li{border:none;}

.notes{clear:both; float:right; width:300px;  font-size:0.9em;}
.ps{clear:both; float:right; width:300px; font-size:0.9em;}
#content h2{clear:both;}

hr{width:40%;}

#content table.spip  {margin:10px; width:500px; border:solid 1px #467AA7; border-collapse:collate;}
#content .spip th {background:#e0e0e0; padding:5px 15px 5px 15px; color:#666; font-weight:bold; text-align:left; border:0; border-bottom:1px solid #467AA7;}
#content .spip td {border:0; padding:5px 15px 5px 15px; border-right:#467AA7 solid 1px;}
#content .spip tr {background-color:#fff;}
#content .spip tr.row_odd {background-color:#f3f3f3;}

#content .formulaire_spip{background:#fafafa; padding:0.5em; border:1px solid #eee;}

/* html */

h1,.h1 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:2.2em; 
	font-weight: bold;
	color:#333333;
	line-height:1.6em
	}

h2,.h2 { 
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.8em;
	color: #6d6d6d;
	font-weight:normal;
	padding-bottom:10px;
	line-height:1.2em;
	}

h3,.h3 {
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.6em; 
	font-weight: normal;
	color:#333333;
	line-height:1.2em;
	}

h3.spip {
	font-size:1.4em; 
	font-weight: normal; 
	line-height:1.2em;
	text-align:left;
	margin:1em 0;
	}
	
p {
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:1em; 
	font-weight: normal;
	color:#555;
	line-height:1.6em;
	padding:0 0 20px 0;
	}

.quote, blockquote, blockquote.spip {
	background:url(img/quote.jpg) no-repeat top left;
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-style: italic;
	margin-left:0px;
	padding-left:80px;
	padding-top:0px;
	line-height:1.6em;
	float:left;
	min-height:80px;
	border:0;
	}
blockquote.spip_poesie {
	background-image:none;
	border:0;
	padding:0 80px;
	}
blockquote.spip_poesie div{
	margin-left:0; 
	text-indent:0em;
	}

/* Special Formatting */
code{
	font-size:0.8em;
	margin: 0 3px; padding:0 2px;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;  
	background: #FAFAFA;
  	border: 1px solid #f2f2f2;
	color:#444;}
.spip_code{color:#444;font-size:0.9em;}
.spip_cadre {
  color:#666;
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 0.9em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #999999;
}

.right {
	background-color:black;
	float:right;
	}

a {
	color:#467AA7;
	font-size:1em; 
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	}

a:link {
	color:#467AA7;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	}

a:visited {
	color:#467aa7;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}

a:hover {
	color:#ff6600; 
	font-style:normal;
	text-decoration:none;
	}

ul, ol {
	margin-left:1.5em;
	}
li {
	line-height:1.5em;
	border-bottom:1px dotted #ccc;
	padding:3px 0;
	}
	
/* Layout */
body {
	margin: 0;
	padding:0;
	font-size:0.8em;
	font-family: Verdana,'Lucida Grande', Verdana, Helvetica, sans-serif;
	background-image:  url(img/bg.jpg);
	background-repeat: repeat-x;
	background-color:#ffffff;
	list-style:none;
	}

#wrapper {
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	width:1000px;
	background:transparent;
	}

#header {
	position:relative;
	width: 950px;
	height:172px;
	background: url(img/b.jpg) repeat-x;
	}

#header #head {
	width:400px;
	float:left;
	margin-top:70px;
	color:white;
	padding-left:20px;
	}

#header .accueil {
	/*float:left;*/
	display:block;
	border: none;
	font-size:2.3em;
	font-family:Arial,verdana,helvetica,sans-serif;
	font-weight:normal;
	color:white;
	}
#header .accueil strong{font-weight:normal;}
#header .accueil img {display:none;}

#formulaire_menu_lang {
	font-size:1em;
	position:absolute;
	top:25px; 
	right:40px;
	}
#formulaire_menu_lang label {
	color:#666; display:inline;
	margin-right:5px;
	width:auto;
	}

#formulaire_menu_lang select { width:auto; }

#nav {width: 540px; height: 170px; overflow:hidden;}

#nav ul {
	display:block;
	float:right;
	list-style:none;
	margin-top:80px;
	margin-right:20px;
	}


#nav li {
	float:left;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-right:19px;
	border:0;
	}


#nav ul li a {
	float:left;
	border-left:4px solid #858383;
	display:block;
	margin-right:1px;
	padding-right:5px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	color: #ffffff;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	}

#nav  li a:hover { color: #ffffff; border-left:4px solid #facd00; }

#nav .on a { color: #ffffff; border-left:4px solid #facd00; }
#nav .menu-entree .menu-liste{ display:none; }

#content {
	clear:both;
	float:left;
	background-color:transparent;
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	width:920px;
	border-bottom:1px solid #eaeaea;
	color:#555;
	}

#content h1 { 
	font-size:1.6em;
	color: #6d6d6d;
	font-weight:normal;
	padding-bottom:10px;
	}

#col1 {
	float:left;
	background-color:transparent;
	margin-top:20px;
	margin-bottom:5px;
	padding:10px 30px 10px 10px;
	width: 550px;
	border-right:1px solid #eaeaea;
	}

#col1 .articles li{margin:10px 10px 10px 0;}

#col2 {
	float:right;
	background-color:transparent;
	margin-top:20px;
	margin-bottom:5px;
	padding:10px 0 10px 15px;
	width: 310px;
	}

#boxcontainer {
	float:left;
	clear:both;
	background-color:transaprent;
	margin-top:0px;
	margin-bottom:15px;
	padding:10px;
	width: 920px;
	}

.box {
	width:167px;
	float:left;
	margin-left:0px;
	padding-right:5px;
	margin-top: 8px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom:8px;
	border-right:1px dotted #dadada;
	}

.box p {
	font-size:0.9em;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:#555555;
	}

.box h1 {
	display:block;
	font-family: 'Trebuchet MS';
	font-size:1.2em;
	padding-top:0px;
	padding-left:10px;
	color:#619fde;
	}

#footer {
	clear: both;
	margin: 0px;
	background-color:#191718;
	text-align:center;
	font-size: 1em;
	line-height:3em;
	font-family: arial;
	font-weight: normal;
	color: #5b5b5b;
	padding: 0px 0 10px 10px;
	}

#footer, #footer img {vertical-align:middle;}

#footer #copyleft {
	padding-top: 0px;
	line-height:1em;
	}

#footer a {
	font-size: 1em;
	font-weight: normal;
	color: #facd00;
	text-align: center;
	}

#footer a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #facd00;
	text-align: center;
	}