#header {
  float:left;
  width:100%;

  font-size:93%;
  line-height:normal;
}

#header ul {
  margin:0;
  padding:0 10px 0 10px;
  list-style:none;
}

#header li  { background: url("../_images/left.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; float: left }

#header a  {  font-weight: bold; color: #FFFFFF; text-decoration: none; background: url("_images/right.gif") no-repeat right top; display: block; margin: 0; padding: 5px 15px 4px 6px; float: left }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
  color:#333;
}
#header #current  { background-image: url("../_images/left_on.gif") }
#header #current a  { color: #333; background-image: url("../_images/right_on.gif"); padding-bottom: 5px }

/* import: sliding door ------------------------------------*/
body {color: #666; font-family:'Verdana',Tahoma, Arial, Helvetica, sans-serif;font-size:12px;margin-left:2%;margin-right:2%;}

a:link    { color: #666; text-decoration: none }
a:visited {color: #666;text-decoration: none;}
a:hover {color: #666; background:#DCE1E6;text-decoration: underline;}

.inverse a:link {color:#ffffff ;text-decoration: none;}
.inverse a:visited {color:#ffffff;text-decoration: none;}
.inverse a:hover {background:#ffffff;text-decoration: none;}

.caps ul{padding:2px;margin:0px;list-style-type:none;}
.caps li{padding-left:2px;padding-top:3px;padding-bottom:3px;list-style-type:none;}
.spip_surligne{background:#DCE1E6}

.col1{width:49%;float:left;}
.col2{width:49%;float:right;}

.caps{border:1px solid #CCCCCC; margin:2px;padding:2px;display:block;}
.lui-meme{font-size:10px;border:1px solid #CCCCCC; margin:2px;padding:2px;}

.rech {clear:left; width:100%;margin-top:10px;}
.info {font-size:14px;color:red;margin-top:5px;}
.logo{float:right;}
.logo .sousrub { font-size: 10px; font-weight: bold }
img {border:0}


.bouton {font-size:10px;text-align :right;margin-bottom:5px;}
.bouton2 {font-size:10px;font-weight:bold;color:#ffffff;}
.navig {font-size:10px;text-align :left;margin-bottom:5px;float:left;}

#nav2  { margin: 2px; padding: 2px; position: relative; width: 100%; clear: both; border-top: 1px }
#nav {width:100%;position:relative;clear:both;padding:0px;margin:0px;}

.page{font-size:10px;}
.page-inverse{float:right;}
.contenu  { margin: 2px; padding: 2px; width: 100%; border-width: 1px }
.contenu .titre  { font-size: 16px; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px } 
.contenu .texte {margin-bottom:2px;}

.rep {font-size:10px;font-style:italic;text-align:left;}
#erreur {margin-top:10%;text-align:center;}
ht;font-style:italic;}
/*------------------------les contenus-------------------------------*/
.contenus {width:80%;float:left;}
/*---------------------------articles------------------------------*/
.articles {clear:left;position:relative;width:100%;margin-bottom:5px;}

.articles .titre-bloc  { color: #ffffff; font-size: 14px; font-weight: bold; background: #8000ff; width: 100% } 
.articles .titre {font-size:14px;padding-left:25px;font-weight: bold;background:url(img_pack/article.gif) no-repeat left ;
	margin-top:5px;height:25px; }
.articles .date { font-size: 10px; text-decoration: none }
.articles .chapo { font-size: 12px; text-decoration: none }

/*=====================  squelette article  ======================*/
#article {width:100%;padding:2px;margin-top:0px;}

.titre-article  {color: #666; margin-top: 0; margin-bottom: 5px; padding: 4px; position: relative; width: 100%; border-top: 1px; border-bottom: 1px }  
  
.titre-article .logo{float:right;}
.titre-article .titre  { font-size: 18px; font-weight: bold; letter-spacing: 2px } 
.titre-article .descrip  { font-size: 12px; margin-top: 5px }
.titre-article .auteurs {font-size:10px;font-style:italic;}
.titre-article .date {font-size:10px;}
.titre-article .chapo  { font-size: 14px; font-weight: bold; margin-top: 5px }

.contenu-article {float:left;width:70%;margin-bottom:5px;padding:2px;}
.contenu-article .sommaire{font-size:12px;}
.contenu-article .texte{font-size:12px;  text-align: justify;  }
.contenu-article .ps{font-size:12px;font-style:italic;}
.contenu-article .note { font-size: 10px; margin: 2px; border-width: 1px }

.imprim-article {width:100%;float:left;}
.imprim-article .sommaire{font-size:12px;}
.imprim-article .texte{font-size:12px;text-align: justify;}
.imprim-article .ps{font-size:12px;font-style:italic;}
.imprim-article .note{font-size:10px;}

.autres-articles  { padding: 2px; width: 29%; float: right; border-bottom: 1px; border-left: 1px }
.autres-articles .titre-bloc { color: #ffffff; font-size: 12px; font-weight: bold; background: #8000ff; margin-bottom: 5px; padding: 1px; width: 100% }
.autres-articles .date  { font-size: 10px; margin-top: 4px; width: 70%; border-bottom: 1px }
.autres-articles .titre {font-size:10px;background:   url(puce.gif) no-repeat left;padding-left:10px;margin:2px;}

.lui-meme{font-size:10px;border:1px solid #CCCCCC; margin:2px;padding:2px;}

.doc-article {position:relative;clear:both;width:100%;}
.doc-article .titre-bloc { font-size: 14px; font-weight: bold; text-decoration: underline; margin-top: 5px }

.doc-article .ligne-doc{float:left;width:45%;}

.doc-article .ligne-doc  .titre {font-size:12px;font-weight:bold;}
.doc-article .ligne-doc  .descrip {font-size:10px;font-style:italic;}
.doc-article .ligne-doc  .taille {font-size:10px;}
/* ----------------------  article album  ----------------------*/

.autres-articles .vignettes {text-align:center;margin-bottom:5px;}

.contenu-article .image {text-align:center;margin-bottom:5px;text-align:center;text-decoration:none;}
.contenu-article .image-texte{font-size:12px;padding-left:5px;margin-top:10px;}
.contenu-article .image-info{font-size:10px;width:80%;padding:5px;}
.contenu-article .image-titre{font-weight:bold;}

/*-----------------------article diaporama ----------------------*/

.diaporama {text-align:center;width:100%;}
.diaporama .image {margin:5px 0 5px 0;}
.diaporama .image-texte{font-size:12px;padding-left:5px;}
.diaporama .image-titre{font-weight:bold;}


/* Main tags ------------------------------------*/
html, body  { font: x-small Arial, Verdana, sans-serif; background: #C7DFF3; text-align: center; margin: 0; padding: 0 }

#container {  /* sorry, we are using a container because ie badly support body tag*/
	margin: 12px auto;
	min-height: 300px;
	width: 750px;
	/*border-top: 2px solid #000;*/
	
	text-align: left;
	/*background: transparent url(../interface/bg_container.png) repeat-y left top;*/
	background: #fff;
	border: 1px solid #333;
	padding: 0;
	font-size: 14px;
	line-height: 120%;
}

a  { margin: 3px 0 }

a:hover  { }


img { border: 0 }

h3 span{	
	display:none;
}


/* structure ------------------------------------*/
#banner {
	background: #ffffff;
      color: #FFFFFF;
/*
#00BBF3;
*/
	/*text-align: center;
	margin: 9px;
	border: 1px solid #ddd;*/	
}
#bannerprint {display:none;}

#main {
	/*background: yellow;*/
	float: left;
	width: 68%; /*BUG IE MAC 9 72%; */
	padding: 5px 18px 5px 14px;	
	text-align: justify;

	margin: 0;
}

#menu {
	/*background: blue;*/
	width: 21%;
	float: left;
	padding: 0;
	margin: 10px 0 0 5px;
	font-size: 12px;	
}

#footer {
	clear: both;
	border: 0;
	border-top: 1px solid #717457;
	background: #C26124;
	color: #FFFFFF;
	padding: 2px 0 5px 0;
	margin: 15px 0 0 0;
	text-align: center;
	font-size: 11px;
	line-height: 90%;
}

#footerprint {display:none;}

/* elements -------------------------------------- */
#menumain   { line-height: 136%; background: url("../_images/menu_pop_sommaire.png") no-repeat 3px 0; margin: 40px 0 0; padding: 40px 5px 0 4px; width: 170px }

#menumain a  {
	display: block;
	text-decoration: none;
	color: #224314;
}

#menumain a:hover {	
	color: #96A68F;
}


/* icone bref, syndication ... */
h3.breve, h3.rubrique, h3.web, h3.link, h3.keyword, h3.tools, h3.agenda, h3.search {
	margin:  4px 0 0 0;
	padding: 0;
	min-width: 160px; 
	height: 36px;
}

h3.breve     { background: url("../_images/menu_pop_breve.png") no-repeat left bottom }
h3.search    { background: url("../_images/menu_pop_search.png") no-repeat left bottom; margin-top: 8px }
h3.agenda    { background: url("../_images/menu_pop_agenda.png") no-repeat left bottom }
h3.rubrique  { background: url("../_images/menu_pop_rubrique.png") no-repeat left bottom }
h3.web       { background: url("../_images/menu_pop_web.png") no-repeat left bottom }
h3.link      { background: url("../_images/menu_pop_link.png") no-repeat left bottom }
h3.keyword   { background: url("../_images/menu_pop_keyword.png") no-repeat left bottom }
h3.tools     { background: url("../_images/menu_pop_tool.png") no-repeat left bottom; margin-bottom: 3px }


.item {
	margin: 2px 0 8px 0;
	}

.titre { 
	text-decoration: none;
	color: #008CBC;
}
.date {
	margin: 0 4px 0 0;
	font-size: 90%;
}

/* footer -------------------------------------- */
#footer a, #footer a:active, #footer a:link { 
	color: #FFFFFF; 
	text-decoration: none; 
	margin: 0 3px;
}

#footer a:hover {color: #C26124;}
#footerprint {	display: none;}

/* spip article typo -------------------------------------- */
.surtitre  {
	font-weight: bold;
	margin: 5px 0;
}

h1, h1 a  { font-size: 22px; color: #008CBC; line-height: 22px; text-decoration: none; margin: 9px 0 4px; padding: 0 }

h1 a:hover {
	text-decoration: none;
} 

h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0;	
}

h4 {
	font-size: 16px;
	margin: 10px 0 0 0;
}

h4 a {
	text-decoration: none
}

.date2 {
	color: #777;
	text-align: right;
	margin: 0 7px;
	font-size: 12px;
}

.logo {
	float:right;
	margin: 20px 0 0 10px;
}

.logo2 {
	margin: 20px 0 0 10px;
}


.auteur {	
	text-align: right;
	margin: 3px 7px;
}

.soustitre { 
	margin: 10px 0 0 0;
	font-style: italic;
}
.chapo     {
	padding:   8px 30px 8px 60px;
	margin: 5px 0;
	line-height: 100%; 
}

.texte {}
.hyperlink {}

.ps {
	border-top: 1px solid #98DEFB;
	margin-top: 5px;
}

.note {
	margin: 5px 0;
	font-size: 12px;
}

.doc-item { font-weight: bold;}
.doc-legend { color: #666;}
.doc-descro {}

.metarub {
	color: #999;
	font-size: 12px;
}

.keywords {
	color: #999;
	font-size: 12px;	
}

/* rubrique *************************************/
.sousrubrique {margin-left: 40px;}
.sousrubrique a  { font-size: 16px; font-weight: bold; text-decoration: none }

.preview a{
	color: #224314;
	text-decoration: none;		
}

.preview a:hover{
	color: #778A6F;
}

.spacer {	
	clear: both;
}

#pagination {
	font-size: 12px;
	margin: 15px 0 0 0;
}

#pagination a, #pagination a:hover{
	text-decoration: none;
}

/* misc elements *************************************/

#path  { font-size: 12px; font-weight: normal; line-height: 100%; margin: 0; padding: 6px 0 }

#path a  { text-decoration: none; letter-spacing: 2px; margin: 0 4px }

#path a:hover  { text-decoration: none }

/* spip main class -------------------------------------- */
b.spip  {font-weight: bold;}
p.spip  {padding-left: 3px;}
hr, hr.spip {
	display:block;
	height: 0;	
	color: white;
	border-style:solid;
	border-color: #98DEFB;
	border-width:0 0 1px 0; 
}

.spip_encadrer {	
	margin: 10px 30px 0 30px;
	font-size: 12px;
	padding: 0;
}

.spip_encadrer b{	
	display: block;	
	background: #eee;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #98DEFB;
	border-top: 1px solid #ccc;		
}

a.spip_in, a.spip_out { 
	text-decoration: none; 	
}

a.spip_in:hover,  a.spip_out:hover{
	text-decoration: none;
}

.spip-admin {
	position:absolute;
	display:inline;
	top: 2px;
	left:2px;
	background: #fff;
	padding: 3px;
}


/* forum -------------------------------------- */
#forumreply { font-weight: bold; margin: 15px 0 0; padding: 1px 5px; border-bottom: 1px }

.forumbg {
	background: #eee;	
	margin: 0;
	padding: 7px 10px;
	text-align: right;
}


.forum {	
	margin: 0;
	padding: 10px;	
	background: #eee;	
}

.forumtitle {
	display: block;	
	padding: 4px;
	font-weight: bold;
	background: #eee;
}

.forummeta { 
	color: #666;
	padding-left: 20px;
	background: #eee;
}

.forumbody { 
	color: black;
	padding: 4px;
	background: #eee;
}
.forumps  {
	padding: 4px;
	background: #eee;
	color: #666;	
}

.forumthread {
	padding-left:60px;
	background: #eee;
}

.forumblink {
	padding: 10px;
	margin-left: 20px;
	background: #eee;
}

/* plan site -------------------------------------------- */
.plan ul {
	margin: 2px 0 0 20px;
	padding: 2px;	
}

.plan li {
	line-height: 110%; 
	list-style-type: none;
	padding: 2px; 	
	margin: 0;		
}

ul li a.plan,  ul li a.plan:hover{
	text-decoration: none; 
	/*padding-left: 10px;*/
	color: #224314;
}

ul li a.plan:hover{
	color: #96A68F;
}

ul li a.planrubrique { font-weight: bold; text-decoration: none }

ul li a.planrubrique:hover{	
	text-decoration: none;
}
  

/* form elements -------------------------------------- */
form {
	margin: 0;
	padding: 2px 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin: 1px;
	padding: 1px;
	font-size: 11px;	
}
/*
input#session_remember[type=checkbox], input[type=checkbox] {
	border: 1px solid #fff;
}
*/

input.buttonwhite {
	border: 1px solid #FFF;
}

.radiobut {
	border: 0px solid white;
}
/* rss elements -------------------------------------- */
.rss {	
	/*width: 45%;*/
	border: 1px solid #bbb;
	margin: 5px 0;
	font-size: 12px;
	padding: 0 4px 5px 12px;
	text-align: left;
}

.rss h1 a { font-size: 16px; font-weight: bold; text-decoration: none }

.rss h1 a:hover{text-decoration: none;}

/* misc elements -------------------------------------- */
a.special {
	text-decoration:none;
	color:#333;
	margin:4px 0 0 2px;
}
a.special:hover {
	text-decoration:none;
	color:#666;
}

a.creative {
	display:block;
	text-align: center;
	margin: 10px 0 7px 0;	
}

.red {	color: #f00;}
.green {color: #0a0;}
td { font-size: 11px}

#header {
  background : #C26124 ;
  color: #FFFFFF;
  float:left;
  width:100%;

  font-size:93%;
  line-height:normal;
}

#header ul {
  margin:0;
  padding:0 10px 0 10px;
  list-style:none;
}

#header li  { background: url("../_images/left.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; float: left }

#header a   { font-weight: bold; text-decoration: none; color: #FFFFFF; background: url("_images/right.gif") no-repeat right top; display: block; margin: 0; padding: 5px 15px 4px 6px; float: left }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
  color:#333;
}
#header #current  { background-image: url("../_images/left_on.gif") }
#header #current a  { color: #333; background-image: url("../_images/right_on.gif"); padding-bottom: 5px }