/* CSS Document */
* {margin: 0; padding: 0;}



body {
font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size: 0.75em;/*12px*/
line-height:18px;
color: #464b4d;
background: #f5f5f5;
margin: 0; 
padding: 0;
}


table {
    font-size: 100%;
}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #B54420; }
a:hover {color: #403109;}

hr {
  border: 0;
  width: 99%;
color: #999;
height: 1px;
padding: 5px;
}

ol{
padding: 0px 10px 10px 30px;

}
#fullist {
padding-left: 0;
margin-left: 0;	
width: 90%;
}

#fullist li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #efefef;
}

#fullist li a { text-decoration: none; }

#fullist li a.on{ font-weight:normal;}
/* HEADERS */
h1 {
font-family: Arial, sans-serif;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 5px;
color: #707070;
border-bottom: 1px solid #707070;
voice-family: "\"}\""; 
  voice-family:inherit;
font-size: 12px;
}
html>body h1  {font-size: 12px;}

h2 {font: 1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
h3 {font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px;
  text-transform: uppercase;margin: 1.25em 0 0.25em;}
#content h2 {margin: 1.25em 0 0.25em; font-size: 1.5em; color: #000;}


h4 {
margin: 0 0 3px 0;
padding: 0;
color:#444;
font: bold 13px/15px  arial, lucida sans, verdana, helvetica, sans-serif;
border-bottom: none;
text-transform: capitalize;
}
h4 a,
h4 a:link,
h4 a:visited,
h4 a:active {
	color:#444;
	text-decoration:none;
}

h4 a:hover  {
	color:#693;/*B2D61F  */
	text-decoration:none;
}

h6 {font: normal 1.05em Georgia, "Times New Roman", serif; letter-spacing: 1px;}

/* LAYOUT */
#frame {
background: #fff url(../images/shadow_back.gif) repeat-y;
width: 770px;
margin: 0 auto;
}


#container {
width: 725px;
background: #fff;
margin: 0 auto;
padding: 0px 10px;
}

#border{
width: 725px;
background: #fff url(../images/header.gif) repeat-x;
height:30px;
border-bottom: 1px solid #fff;
}

#banner {
width: 725px;
height: 70px;
background: #fff url(../images/hdot.gif) bottom left repeat-x;
margin-bottom: 5px;
border-top: 1px solid #333;
}

#logo {
	float: left;
	padding: 0px 5px;
}

#permanav {
	float: right;
	margin-top: 7px;
	 
}


#navperm{ width: 200px; float: right;height: 23px;}

#navperm li {
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
display: inline;
list-style-type: none;
padding: 0px 2px 0px 16px;
}

#navperm li a, #navperm li a:visited {
color: #000;
text-decoration: none;
}

#navperm li a:hover {
color: #fff;
text-decoration: none;
padding-bottom: 8px;
background: transparent url(../images/wtriangle.gif)  no-repeat;
background-position: bottom center;
}

body#home li a#home, body#map li a#map, body#contact li a#contact{
color: #fff;
text-decoration: none;
padding-bottom: 8px;
background: transparent url(../images/wtriangle.gif)  no-repeat;
background-position: bottom center;
}


#page{
	float:left;
	width: 725px;
	background: #fff url(../images/back3.gif) top left repeat-y;
	}

#sidebar {
	float: left;
	width: 190px;
	padding: 0px;
}

.pad{padding: 5px;}

#sidebar h2 {
	text-transform: uppercase;
	border: 1px solid #ccc;
	font-size: 105%;
	padding: 2px;
}


#topnav {
	float: left;
	
}
#toplist{
padding: 0 0 0em 0;
margin-bottom: 1px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #ffc625;
color: #fff;
}

#toplist ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#toplist li {
border-bottom: 1px solid #f9e492;
margin: 0;
}

#toplist li a {
display: block;
padding: 4px 10px 4px 0.5em;
border-left: 10px solid #ecaf08;
border-right: 10px solid #FFD45C;
background-color: #FFC525;
color: #fff;
text-decoration: none;

}

html>body #toplist li a { width: auto; }

#toplist li a:hover {
border-left: 10px solid #FFD45C;
border-right: 10px solid #FFF0C8;
background-color: #FFE393;
color: #403109;
text-align: right;
}

#toplist li a.on{
border-left: 10px solid #FFD45C;
border-right: 10px solid #FFF0C8;
background-color: #FFE393;
color: #403109;
text-align: right;
}

/* LIST FOR SIDEBAR */
#sidemenu {
	margin-top: 35px;
	border-top: 1px solid #d9d9d9;
}
#sidemenu h5{
	border-bottom: 1px solid #d9d9d9;
	background: #e4e4e4;
	color: #464B4D;
	font-family: "Lucida Grande", serif;
	font-size:13px;
	font-weight: bold;
	margin: 0px;	
	line-height: 20px;	
	padding: 0px 0px 0px 5px;
}



#sidemenu h5 a {color: #464B4D;}

#sidemenu li {
	display: inline;
}

#sidemenu li a {
	background: #f4f4f4;
	color: #b54420;
	padding: 6px 10px;
	border-bottom: 1px solid #d9d9d9;
	display: block;
	width: 169px;
}

#sidemenu li a:hover {
	background: #f4f4f4;
	color: #464B4D;
}

#sidemenu li a.on {
background: #f4f4f4;
	color: #464B4D;
	font-weight: normal;
}

#content {
	text-align: left;
	margin-left:191px;
}

#sidebar .item  {
	border-bottom: 1px solid #d9d9d9;
	padding: 8px 0px 8px 5px;
	font-size: 90%;	
}

#sidebar .calitem  {
	border-bottom: 1px solid #d9d9d9;
	padding: 8px 4px 8px 5px;
	font-size: 90%;	
}

#sidebar .calitem h3  {
text-align: center;
}

#topimg {
	float: left;
	width: 534px;
	height: 227px;
	background: #fff;
	margin-bottom:2px;

}

.rubtitle {
text-align: right;
color: #fff;
font-size: 40pt;
line-height:30pt;
font-weight:bold;
font-family:"Trebuchet ms", serif;
margin-top: -180px;
padding: 0px 80px 0px 0px;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

.toptitle {
text-align: right;
color: #fff;
font-size: 20pt;
font-weight:bold;
font-family:"Trebuchet ms", serif;
margin-top: 10px;
padding: 0px 30px 0px 0px;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

#searchbox {
	float: left;
	width: 180px;
	height: 20px;
	padding: 5px;
	background: #ccc;
}
#announce {
	float: right;
	text-align: center;
	width: 523px;
		padding: 5px;
	height: 20px;
	background: #ddd;
	margin-bottom: 5px;
}
#ptitle {
font-family: Arial, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 8px;
margin-top: 10px;
color: #444;
padding-left: 5px;
border-bottom: 1px solid #ccc;
font-weight:bold;
}

.hr{
float: left;
width:100%;	
background: #fff url(../images/hr.gif) no-repeat bottom left;
padding-top: 10px;
margin-bottom: 20px;

}

.clear{padding: 1px; margin: 1px; clear:both;}
.more {
float: right;
padding: 0px 10px 0px 0px;
clear: both;
}

.text{

padding: 10px;
}
 .vignette{
 float: right;
 width: 150px;
 height: 150px;
 }

.pagination {padding: 5px 0px 5px 5px;}

#portfolio {
float: left;
border: 1px solid #ccc;
margin-left: 5px;
width: 150px;
margin-bottom: 5px;
text-align: center;
}
.portpic{
width: 150px;

border-bottom:1px solid #ccc;
}
.portitle {background:#efefef;font-size: 80%; font-weight:bold; padding: 2px;height:36px;}

#footer {
width: 725px;
margin: 4px auto;
background: #fff url(../images/footer.gif) repeat-x;
clear: both;
height: 30px;
}

#foot {
float: left;
padding: 8px;
color: #ddd;
}

.top {
float: right;
padding: 8px;
color: #ddd;
}

.top a, .top a:link, .top a:visited, .top a:hover {color: #ddd;}

.caption{
text-align: center;
margin-top: -15px;
}
/*FORMS*/
label{
	font: normal 10px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0px 2px;
	padding: 0px 0;
	color: #666;
}

.fsearch input{
font: normal 10px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	padding:2px 5px;
	margin: -1px 0px 0px 0px;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 65%;
	color: #666;
}

/* CLASSES */
.small{font-size: 80%}
#post{
float: left;
width:534px;
margin-bottom: 8px;
}
.post {
  float:left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;
  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.1em arial, sans-serif;
  color: #9B9B9D;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #656762;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}
/*
.post a.on{
visibility:hidden;
}
 */
.spip_surligne { background: #FF6; }
p.spip {margin: 10px 0px;}

/* Tableaux */
table.spip {
	margin: 0;
	margin-bottom: 1em;
	border: 0px solid;
	border-collapse: collapse; }
	
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFF; }
table.spip tr.row_odd { background: #fff; }
table.spip tr.row_even { background: #eee;}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

table.spip td {padding: 5px;}
/* Logos, documents et images */
img{  border: 0;}

.spip_logos { margin: 0px 0px 0px 0px; padding: 0;}

ul.spip { list-style: disc; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0.3em 0 0.3em 0.8em; list-style-position: outside; }



.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px;
	padding: 1px 2px;
	border: 1px solid #333;
	font-weight: normal;
	background:#444;
	font-size: 90%;
	color: #fff;
	float: right; }
.formulaire_spip label {font-weight: bold;}
.formulaire_spip .forml {
	width: 85%;
	padding: 2px;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit; }

.formulaire_spip fieldset {
display: block;
margin: 0.77em 0;
padding: 0.77em;
border: 1px dotted #707070; }

#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; }




.secteuroff { font-weight: normal; }
.rubriqueoff { font-weight: normal; }
.secteuron, .rubriqueon { font-weight: bold; color:#FF6666; }
.secteur, .rubrique { font-weight: normal;   }