/*#############################################################


© 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 { border-bottom-width: thin; border-left-style: none; border-bottom-style: dotted; border-right-style: none; border-top-style: none; border-bottom-color: #666666; padding: 0.20em 0.20em; list-style-type: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:-1.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: #181818;
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: black;
font-size:1em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:link
{
color: black;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:visited
{
color: black;
font-style:normal;
font-weight:normal;
text-decoration:none;
}


a:hover
{
color: maroon; 
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: #f2f2f2;
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.png) 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: white;
margin-top:0px;
margin-bottom:0px;
padding:10px;
width: 930px;
border-bottom:1px solid #eaeaea;
color:#555;

}

#content h1
{ 
font-size:1.6em;
color: #505050;
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;
}

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



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







#boxcontainer
{
float:left;
clear:both;
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: #808080;
}



#footer {
	clear: both;
	margin: 0px;
	text-align: center;

	font-size: 1em;
	line-height:3em;
	font-family: arial;
	font-weight: normal;
	color: #191919;
	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: #4c4c4c;
text-align: center;
}

#footer a:hover 

{
text-decoration: underline;
font-weight: normal;
color: #4c4c4c;
text-align: center;
}