.sidebar-left #main, .sidebar-right #main {
    width:80%;
}
#logo, #branding, .sidebar {
    float: left;
}
#search {
    float: right;
}
#menu, #content, #footer {
    clear: both;
}
#main {
    padding: 0em 0 1.5em 0;
}

.sidebars #main {
    width: 45%;
}
.sidebar {
    width: 20%;
}
#sidebar ul {
    padding:0;
}
#sidebar ul li {
    list-style: none;
    padding:3px;
}

#toolbar {
	padding: 0 1em 1em 1em;
	background: #F8F8F8;
}
#filters {
    border: 0px solid #999;
    display:block;
    margin-bottom: 1em;
    padding: 0.5em;	 
}
#filters li{
    margin: 0 2px;
    display: block;
    list-style: none;
    padding: 0;
    line-height: 100%;
}

#sidebar-controls li {
    margin: 0 2px;
    display: block;
    list-style: none;
    float: right;
    padding: 0;
    line-height: 100%;
}

#map {
    width: 100%;
    margin:0 auto;
    height: 400px;
}

#sidebar {
    width:35%;
    float:right;
    border: 1px solid #CCC; 
    padding:0;
}

body {
    font: 13px/1.3 "Arial", sans-serif;
    margin: 0px 0 28px 0;
}

a, a:link, a:active, a:visited {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
#main .node .content a, #main .node .content a:link, #main .node .content a:active,
#main .help a, #main .help a:link, #main .help a:active {
    font-weight: bold;
}
#main .node .content a:hover, #main .node .content a:focus {
    text-decoration: underline;
}
#main .node .content a:visited {
}
#main .node .content a:visited:hover {
    text-decoration: underline;
}
html > body #main .node .content a:visited:after {
    content: "\00A0\221A";
    font-size: 0.8em;
    font-family: Times, serif;
}

h1 a,  h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a,  h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a,  h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, {
    text-decoration: none;
}
h2.title {
    font-size: 136%;
    margin: 1em 0 0 0;
}
h3.title {
    font-size: 114%;
    margin: 1em 0 0 0;
}
pre {
    font-size: 1.1em;
    font-family: monospace;
    overflow: scroll;
}
abbr, acronym {
    border-bottom: 0.1em dashed;
    cursor: help;
}
blockquote {
    padding: 0 0 0 1em;
    margin: 0 0 0 2em;
    font-style: italic;  
}
table {
    margin: 1em 0;
    width: 100%;
}
td {
    padding: 0.3em;
}

/********************************************************************
*  Wrapper
***********************************************************************/
#wrapper {
width: 90%;
    min-width: 750px;
    
    margin: 26px auto;
    padding: 0 0 0 0;
}
#content {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#main {  
    margin: 0 auto;
    min-width: 800px;
}

/*******************************************************************
*  Header
********************************************************************/
#header {
    padding: 0;
    margin: 0;
}
#header #logo {
    margin-left: 0px;
}
#branding {
  margin: 0em 1em 0em 1em; /* for IE */
  padding: 0;
}


#search {
    margin: 2em 1em 1em 1em; /* for IE */
}

#wrapper > #header #search { margin-right: 2em; }
#search input { 
    font-size: 1em;
    padding: 0.2em 0.4em
}
#search input.form-submit {
    padding: 0.125em
}

/******************************************************************
*  Menus
*******************************************************************/
#menu {
  position: absolute;
  left:0;
  top:66px;
  width:100%;
  z-index: 2;
}
.primary_menu {
  margin: 0;
  padding: 0;
}

#menu .secondary_menu {
  margin: 0;
  padding: 0 0.5em;
  width: auto;
  list-style-type: none;
  font-size: 0.85em;
}
.secondary_menu li {
  margin: 0 0 0 0;
  padding: 0;
  line-height: 210%;
}
.secondary_menu a,
.secondary_menu a:link,
.secondary_menu a:active,
.secondary_menu a:visited {
  text-decoration: none;
  padding: 0.5em 0 0.4em 0;
  font-size: 100%; 
}
.secondary_menu a.active,
.secondary_menu a.active:link,
.secondary_menu a.active:active,
.secondary_menu a.active:visited {
  text-decoration: underline;
}

/*****************************************************************
*  Sidebar
*****************************************************************/
.sidebar {
  padding: 1em 0 1em 0;
  margin: 0 0 0 0;
  overflow: hidden;
}
/* Blocks */
.sidebar .block {
  margin: 0;
  padding: 0.5em 0;
}
.sidebar .block .title {
  text-transform: lowercase;
  margin: 0 0 0 12px;
}
.sidebar .block .content {
  padding: 0 1em;
  overflow: hidden;
}
.sidebar a,
.sidebar a:link,
.sidebar a:active,
.sidebar a:visited {
  text-decoration: none;
}
.sidebar .block ul {
  padding-left: 0em
}
.sidebar .block-block ul {
  padding-left: 1.5em
}
.sidebar .block-user .item-list {
  margin-top: 1em;
}
.sidebar .block-user .item-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.8em
}
.sidebar .block-user .form-text {
  width: 95%;
}
#block-node-0 .content {
  padding: 0.5em 1em;
}

/********************************************************
*  Content
********************************************************/
#breadcrumb {
  margin: 0 0 1em 0;
}
#mission {
  margin: 0 0 3em 0;
  padding: 0;
}
#title  {
  margin: 1em 0;
  padding: 0 0 0 0;
  font-size: 152%;
  border-bottom: 5px solid #F2F2F2;
}
.messages {
  margin: 1em 0;
  padding: 0.5em;
}
.title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.info {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 90%;
  font-weight: bold;
}
.node .links {
  text-align: left;
  font-size: 12px;
  margin: 0 0 0 0;
  padding: 0;
}
.node .links li {
  padding-left: 0;
}
.node .meta {
  padding: 1em;
  margin: 1em 0 1em 0;
}
.node .taxonomy a {
  font-size: 13px;
}
.node .taxonomy {
  margin: 1em 0 1em 0;
  font-size: 13px;
}
.node.teaser {
  margin: 0 0 4em 0;
}
.node.teaser .calendar {
  float: left;
  width: 3.5em;
  margin: 0.5em 0 0 -0.5em; /* IE */
  padding: 0 0 0 0;
  font-size: 0.7em;
  text-align: center; 
}

#content > #main .node.teaser .calendar { margin-left: -1em; }
.node.teaser .calendar span {
  display: block;
}
.node.teaser .calendar .day {
  font-size: 1.5em;
  font-weight: bold;
}
.node.teaser .calendar .time {
  font-size: 0.9em;
}
.node.teaser .title {
  margin: 0.5em 0 0 0;
  padding: 0 0;
}
.node.teaser.cal .title {
  margin-left: 40px;
}
.node.teaser .content {
  clear: left;
  padding: 0 0 0 0;
}
.node.teaser.cal .content {
  padding-left: 40px;
}
.node.teaser.cal div.links {
  margin-left: 40px;
}
.node.teaser .taxonomy {
  margin: 0.5em 0 0.5em 0;
}
.node.teaser .author {
  margin: 0.5em 15px 0.5em 15px;
}
node.teaser .submitted {
  float: left;
  margin: 0.5em 0 0.5em 15px;
}
.node .box {
 font-size: 0.9em;
}
.book-navigation .menu {
  padding: 1em;
}
.book-navigation .page-links {
  margin: 2em 0;
  padding: 1em;
}
.comment {
  margin: 1em 0;
  padding: 1em;
}
.comment .id {
  margin: -0.3em 0 0 0;
  float: right;
  font-size: 2em;
  font-weight: bold;
}
.comment h3 {
  margin: 0 0 0 0;
}
.comment .submitted, .comment .links {
  text-align: right;
}
#comment_form .form-submit {
  display: block;
  clear: left;
  margin: 0.5em 0;
}
#attachments {
  width: 100%;
  margin: 1em 0 2em 0;
}
#pager a, #pager strong.pager-current {
  padding: 0 0.5em;
}

/*
 * Images
 */
.node .content img {
  padding: 5px;
}
a.image:after {
  display: none;
}

/*
 * Administration
 */
#block_admin_display {
  font-size: 0.7em;
}
#system_themes table img {
  width: 75%;
}

body {
  color: black;
  background: transparent url(/images/body.png) repeat-x;
  
}
a, a:link, a:active, a:visited,
h1, h2, h3, h4, h5, h6 {
  color: #47667F;
}
a img, a:link img, a:active img, a:visited img, a:hover img {
  border: none;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active,
h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
  color: #47667F;
  border: none
}
#main .node .content a:visited {
    color: #999;
}
blockquote {
    border-left: 1em solid #eee;
}


/*
*  Header
*/


#header > #branding { margin-left: 2em; }
#header h1 {
  font-size: 156%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-weight: bold;
  height: 80px;
  display: block;
   
}
#header h1 a {
  padding: 0;
  margin: 0;
  display: block;
  height: 100%;
  
  width: 300px;
  color: #fff;
}
#header h1 a:hover {
    text-decoration: none;
}
#header .slogan {
    margin: 0 0 0 0;
    padding: 0;
    color: white;
}

#header {
    background: url(/images/header.png) no-repeat right top;
    height: 97px;  
}

#header h1 {
    display:none;
}
#header h1 span {
	display:none;
}

#search input {
    color: white;
    background: #354E5F;
    border: 1px solid #999;
}
#search input:focus {
    background: #3E5B6F;
}
#search input.form-submit {
    color: white;  
    background: #2B3F4D;
    border-width: 1px;
    border-style: solid;
    border-top-color: #999;
    border-left-color: #999;
    border-right-color: #333;
    border-bottom-color: #333;
}
#search input.form-submit:focus {
  border-top-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #666;
  border-bottom-color: #666;
}

/*************************************************************************
*  Menus
*************************************************************************/
ul.primary_menu {  
    list-style-type: none;
    margin:0px;
    padding:0px 0px 0px 255px;
}
.primary_menu a {
    text-align: center;
    vertical-align: middle;
    color: white;
	font-size: 1.1em;
	line-height: 1.7em;
	font-family: Century Gothic, Tahoma;
}

ul.primary_menu li {
    margin: 0 2px;
    float: right;
    padding: 0;
    line-height: 100%;
}
.primary_menu a,
.primary_menu a:link,
.primary_menu a:active,
.primary_menu a:visited {
    text-decoration: none;
    padding: 0;
    vertical-align: middle;
    color: #F0F0F0;
    font-weight: 700;
    font-size: 100%;
}
.primary_menu .active a,
.primary_menu .active a:link,
.primary_menu .active a:active,
.primary_menu .active a:visited {
    text-decoration: underline;
    color: black;
    font-weight: 900;
    background: transparent url(/images/menu-active.png) no-repeat scroll 0%;
}
.primary_menu li{
	width: 96px;
	float:right;
}
.primary_menu a:active {
    color: black;
    background: transparent url(/images/menu-active.png) no-repeat;
}
.primary_menu a
{
  color: black;
  display: block;
  width: 96px;
  height: 27px;
  background: transparent url(/images/menu-normal.png) no-repeat;
  border-bottom: none;
}

.primary_menu a:link,
.primary_menu a:visited {
	
}
.primary_menu a:active {
    color: black;
    background: transparent url(/images/menu-active.png) no-repeat;
}
.primary_menu  a:hover,
.primary_menu  a:focus {
  color: black;
  background: #D7D7D7;
  background: transparent url(/images/menu-hover.png) no-repeat;
}
.primary_menu a:active,
.primary_menu  a.active:hover,
.primary_menu  a.active:focus {
  color: black;
  background: transparent url(/images/menu-active.png) no-repeat;
}
.primary_menu a:active {
  color: black;
  background: transparent url(/images/menu-active.png) no-repeat;
}

ul.primary_menu ul.secondary_menu li{
    float:right;
}
.secondary_menu {
  background: #F1F1F1;
  list-style-type: none;
  position: absolute;
  width: auto;
  right:0;
  padding: 5px 50px;
}
.secondary_menu a,
.secondary_menu a:link,
.secondary_menu a:active,
.secondary_menu a:visited {
    color: black;
    border-bottom: none;

    display: block;
    background: none;
}

.secondary_menu li {
float: left;
clear:none;
width: 100px;
}
.secondary_menu  a:hover,
.secondary_menu  a:focus {
  color: black;
  background: #e0e0e0;
}
.secondary_menu  a.active:hover,
.secondary_menu  a.active:focus {
  color: black;
}

/**********************************************************************************
*  Sidebar
************************************************************************************/
.sidebar {
	background: #fff;
}
#sidebar-right {
  
}
#sidebar-left {
  
}



/* Blocks */
.sidebar a,
.sidebar a:link,
.sidebar a:active,
.sidebar a:visited {
  color: #47667F;
  border-bottom: none;
}
.sidebar a:hover,
.sidebar a:focus {
  border-bottom: 1px solid #999;
}

/********************************************************************************
*  Footer
**************************************************************************************/

#footer p, #footer h2 {
  margin: 0;
}
#footer p a {
	color: #AAA;
}
#footer p a:hover {
	color: white;
}

#footer {
  width: 100%;
  padding: 0.5em 0;
  margin: 0;
  text-align: center;
  font-size: 85%;
  line-height: 220%;
  color: #999;
  border-top: 1px solid #777;
  background: #4C524F url(footer.png) top left repeat-x;
}

/*******************************************************************************
*  Content
********************************************************************************/
.messages {
  background-color: #f6f6f6;
}
.node .links {
  color: #999;
}
.node .meta {
  background: #f6f6f6;
}
.node .taxonomy {
  color: #999;
}
.node.teaser .calendar {
  color: #999;
  background: #f9f9f9 url(bg2.png) bottom repeat-x;
  border: 1px solid;
  border-top-color: #f6f6f6;
  border-left-color: #f6f6f6;
  border-bottom-color: #ddd;
  border-right-color: #eee;
} 
.node.teaser .calendar .time {
  color: #999;
}
.node.teaser .author {
  color: #999;
}
.book-navigation .menu {
  border: none;
}
.book-navigation .page-links {
  border: 1px solid #ccc;
}
.comment {
  background: #f6f6f6;
}
.comment .id {
  color: #eee;
}
.comment .id a, .comment .id a:link, .comment .id a:active, .comment .id a:visited {
  color: #eee;
}
.comment .submitted, .comment .links {
  color: #999;
}

/*****************************************************************************************
 * Images
 *************************************************************************************/
.node .content img {
  background: #eee;
  border: 1px solid #ddd;
}
a.image:hover img {
  background: #ccc;
}



/*********************************************************************************************
/* La carte
*************************************************************************************/
#sidebar-list{
height:300px;
    overflow-y:scroll;
	 overflow-x:hidden;
	 overflow: -moz-scrollbars-vertical; 
	 clear:all;
	 border: 1px solid #C9CCD5;
}
ul#sidebar-list {
    margin: 0 13px;
}

#map-sidebar {
    width:25%;
    display:block;
    float: left;
    height:500px;
}
#map-sidebar ul {
	margin:0;
}
#map-legend {
	background:white none repeat scroll 0%;
border:1px solid gray;
display:block;
height:400px;
left:50%;
margin-left:-200px;
opacity:0.89;
position:absolute;
top:200px;
width:400px;
z-index:100;
}
#map-legend dl {
    width:100%;
    margin: 5%;

}
#map-legend dl dt{
    width:30%;
    float: left;

}
#map-legend dl dd{
    width:50%;
    float: left;

}

#map-wrapper {
	position: relative;
	margin-left:26%;
	margin-right:0;
	height:100%;

}
#map-tags {
	display:block;
	width:22%;
	float:left;
	height: 500px;
	clear:left;
}


.content {
    width: 100%;
    max-width: 1200px;
}

#sidebar-list {
    list-style-type: none;
    width: 100%;
    padding:0; 
}
#sidebar-list li{
    display: block;
    margin: 0.4em;
    padding: 0.3em;
    background: #F3F3F3;
}
#sidebar-list li.current{
    border: 1px solid #c9ccd5;
    background: #efefef;
}

.sidebar-off #map-sidebar {
	display:none;
}
.sidebar-off #map-wrapper {
	margin-right:0;
}

#filters li {
	;
	padding: 0 4px
}

/* Tables */
th {
color: #999;
}
.even {
    background: #F3F3F3;
}

/* map sidebar */

#map-sidebar h4 {
    font-size:10px;
    color: #B9C3D5;
    margin:0;
}
#map-sidebar h3 {
    margin:0;
}
#map-tags h2,#map-tags h3 {
    margin:0;
}


#filters {
    background: #FFFBE1;
    margin: 5px;
    border: 1px solid #DAD1E5;
}


/*******************************************************
/* Tags
*********************************************************/
#tags {
    padding: 0 12px;
    list-style: none;
}
#tags li {
    display: inline;
}

/* Nuage de Tag*/

.nube1 {font-size: 1.0em;}
.nube2 {font-size: 1.2em;}
.nube3 {font-size: 1.4em;}
.nube4 {font-size: 1.6em;}
.nube5 {font-size: 1.8em;}
.nube6 {font-size: 2.0em;}

#map-sidebar .block-header {
    background: #F5F5F5 url(/images/onglet-bleu.png) top left no-repeat;
    margin:0;
    width: 120px;
    position: relative;
}
#map-sidebar .block-header h3{
    margin:0;
    padding:0;
}
#map-wrapper .block-header .help-link{
    position: absolute;
    top:0;
    right:0;
}

div#map-sidebar div.block-main {
    background-color: #F5F5F5;
    float:left;
} 
#map-wrapper .block-header {
    background: #FFFBE1 url(/images/onglet-orange.png) top left no-repeat;
    margin:0;
    width: 120px;
    position: relative;    
}
#map-wrapper .block-header h3{
    margin:0;
    padding:0;
}
#map-wrapper div.block-main {
    background: #FFFBE1;
    padding:10px;
} 

#map-tags .block-header {
background: #F5F5F5 url(/images/onglet-bleu.png) top left no-repeat;
    margin:0;
    width: 120px;
}
#map-tags .block-header h3{
    margin:0;
    padding:0;
}
#map-tags div.block-main {
    background: #F5F5F5;
    float:left;
} 
#filters-content ul li {

}

#map_help_link {
    background: url(/images/map-help-icon.png) no-repeat;
    padding-left: 16px;
}

#sidebar-controls {
    display: none;

}
#connexion_box{
    color: white;

}
#connexion_box a{
    color: white;

}

#tabs li {
float:left;
margin:0pt 0pt 0pt 2px;
min-width:54px;
}
ul#tabs
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt 0pt 0pt 4px;
	height: 15px;
}




ul#tabs li a
{
	color:#27537A;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	padding:0;
	position:relative;
	text-align:center;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	top:1px;
	white-space:nowrap;
	background:#EEEEFF;
	z-index:2;
	display:block;
	
}
.tabs-container
{
	background:white none repeat scroll 0%;
	border-top:1px solid #97A5B0;
	padding:1em 8px;
}

#tabs li a.active {
	background: white;
	
	
}
 #tabs a:hover span, #tabs a:focus span, #tabs li a:active span {
background-position:0pt -50px;
background: white;
}


#tabs a span
{
	display:block;
	padding: 0 4px;
	height:auto;
	width:auto;
}

input.example{
	color:#999;
	
}
div.forminput{
	margin-top:5px;
padding-bottom:0.5em;
overflow:auto;
	
	
}
div.formfield{
	float:left;
	
	
}

.fieldWithErrors input {
	border:red;
	background:#FFCCCC;
}
label {
	
	color: #505050;
	text-align:right;
	float:left;
	padding:0.2em 0.5em 0pt 0pt;
	width:25%;
}
.ex {
	
	display:block;
	width:18em;
}

#login form {
	
	
	background: #F4F4FF;
	padding:.5em;
}

#message, .errorExplanation{
	background: #FDC;
	padding:.5em;
}