/* clear both 21st century method */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



body {
  background-color: #4c9ed0;
  background-image: url(../images/bg/bg.jpg);
  background-repeat: repeat-x;
  background-attachment: fixed;
}

.container {
  /*background-color: white; /*#f2f2f2;*/
  border-right: 5px solid #499dd2;
  border-left: 5px solid #499dd2;
}

#header {
  background-image: url(../images/bg/header_bg.jpg);
  background-repeat: no-repeat;
  height: 150px;
  color: white;
  position: relative;
}

#logo {
  margin: 15px 0 0 15px;
  padding: 10px;
  background-color: #529c00;
}

#toolbar {
  background-color: #f2f2f2;
  border: none;
}

#rootline-search {
  background-color: #666;
  color: white;
  text-align: right;
}

#first_column {
  
  }

#second_column {
  background-color: white;
  padding-top: 10px;
}

#banner {
  /*background-image: url(../images/bg/banner_bg.jpg);
  background-repeat: no-repeat;
  background-position-y: 50%;
  height: 60px;
  padding: 10px;
  margin-top: 1px;
  margin-bottom: 10px;
  display: none;
  */
  clear: both;
  background-color: white;
}

/* Bottom Rootline */

#bottom_rootline {
  background: #fff;
  line-height: 2.5em;
  /*font-size: .8em;*/
  padding: 1em 0;
  /*margin-top: 1em;
  margin-bottom: 1em;*/
}
#bottom_rootline p {
  margin-bottom: 0;
}
#bottom_rootline span.here {
  width: 230px;
  float: left;
  margin-right: .5em;
  padding-right: 1.5em;
  text-align: right;
  color: white;
  /*background-color: #ffcc33;*/
  background-image: url(../images/bg/youarehere_bg.jpg);
  background-position: center right;
}

#bottom_rootline a:link {
}

#bottom_rootline a:visited {
}

#bottom_rootline a:hover {
}

#bottom_rootline a:active {
}

#footer {
  #background-image: url(../images/bg/footer_bg.jpg);
  #background-repeat: repeat-x;
  #background-color: #499dd2;
  color: white;
  /*text-align: center;*/
  /*line-height: 2.5em;*/
  font-size: 1.2em;
  border-top: solid 5px #529c00;
}

#footer #sitemap,
#footer #copyright {
  font-size: 0.9em;
}

/* menus/lists */

ul {
  list-style: none;
  margin: 0;
}


.box ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 1em;
}


#iconbar li {
  display: inline;
}

ul#menu-t1,
ul#menu-access
 {
  
  
  font-size: 1.3em;
  color: white;
}

ul#menu-t1 {
  background-color: #499dd2;
  border-bottom: 5px solid #529c00;
}

ul#menu-t1 li {
  line-height: 2em;
  border-top: 2px solid white;
  padding-left: 10px;
}

ul#menu-t1 li.active,
ul#menu-t1 li.current {
  color: #151515; /*#151515;*/
  background-color: white;
}


ul#menu-t1 li ul.unactive {
  display: none;
}

ul.menu-t2 {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}

ul#menu-t1 ul.menu-t2 li {
  background-color: #f2f2f2;
  padding-left: 0;
}

ul#menu-access {
  background-color: #5aa02c;
  margin-top: 30px;
  font-size: 1.2em;
}

ul#menu-access li {
  line-height: 1.5em;
  border-top: 2px solid white;
  padding-left: 10px;
}

#services {
  margin-top: 10px;
  border-top: 3px solid #75c036;
}

#services li,
#services li a {
  display: block; 
  position: relative;
}

#services li {
  padding: 0;
  margin: 0;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

#services li:hover {
  background: url(../images/bg/address_bg.jpg) repeat-x;
}

#agenda ul {
  margin-bottom: 10px;
}

#agenda ul li {
  border-bottom: 1px solid #666;
  padding: .5em 0;
}


#footer ul {
  margin: 0;
}

#footer ul li {
  float: left;
  /*display: inline;
  margin-left: 15px;
  margin-right: 15px;*/
}

#footer ul li ul li{
  float: none;
  /*display: block;
  margin-left: 15px;
  margin-right: 15px;*/
}

#address {
  /*color: black;
  background-color: #bad2e0 url(../images/bg/address_bg.jpg) repeat-x;*/
}

#copyright ul {
  margin: 0;
}

#copyright ul li {
  display: inline;
}

/* headers */

h1 {
  color: #499dd2;
  padding-top: .5em;
  padding-left: .5em;
}

h2,
h3 {
  color : #5aa02c;
}

#header h4,
#rootline-search h3,
#banner h2,
.teaser-box h2 {
  color: white;
}
  
.teaser-box h2 {
  background-color: #529c00;
  text-indent: .8em;
}

.news-box h3 {
  font-size: 1.3em;
  line-height: 1.5em;
}

#footer h3 {
	color: #cce5f5;
	padding: .5em 0 0;
}

/* links */

a {
  text-decoration: none;
  color: white;
}

a:hover {
  text-decoration: underline;
}

#iconbar a {
  color: #666;
}

#iconbar a:hover {
  text-decoration: none;
  color: #499dd2;
}

ul#menu-t1 a:hover,
ul#menu-access a:hover {
  color: #f2f2f2;
  /*#151515;*/
}

ul#menu-t1 li.active a {
  color: #529c00;
}

ul.menu-t2 a,
ul#menu-t1 li.active ul.menu-t2 a {
  color: #499dd2;
}

ul#menu-t1 ul.menu-t2 a:hover,
ul#menu-t1 li.active ul.menu-t2 a:hover {
  color: #5aa02c;
}

#services li a {
  background: white none 1em 50% no-repeat;
  padding: 10px 0 0 70px;
  text-decoration: none;
  color: gray;
  padding-bottom: 10px;
  border-bottom: 3px solid #75c036;
}

#services li a:hover {
  color: #75c036;
  background-color: transparent /*url(../images/bg/services_bg.jpg) repeat-x*/;
}

#services li:hover a:hover {
  /*color: white;*/
}

h3 a {
  color: #499dd2;
  text-decoration: underline;
}

#second_column a,
p a {
  color: #499dd2;
  font-weight: bold;
  text-decoration: underline;
}

#second_column a:hover,
p a:hover {
color: #9ccbf7;
}

#agenda a,
.news-box a,
.teaser-box .box a {
  padding: 0.5em;
  background-color: #cce5f5;
}

#agenda a:hover,
.news-box a:hover,
.teaser-box .box a:hover {
  color: #529c00;
}

#agenda ul li a {
  color: #5aa02c;
  padding: 0;
  background: none;
}

.teaser-box .box a,
.news-box a {
  color: #499dd2;
}

#second_column .teaser-box .box a:hover,
#second_column .news-box a:hover {
  color: #5aa02c;
}

#footer a:hover {
  /*color: #75c036;*/
}

#sitemap ul li a {
  font-weight: bold;
  text-decoration: underline;
  color: #cce5f5;
}

#sitemap ul li a:visited {
	/*color: black;*/
	text-decoration: none;
}
#sitemap ul li a:hover {
  text-decoration: underline;
  color: #b3ed83;
}

#sitemap ul li ul li a {
  font-weight: normal;
  text-decoration: none;
  color: #f2f2f2;
}

#sitemap ul li ul li a:visited {
  color: #ccc;
}

#sitemap ul li ul li a:hover {
  color: #b3ed83;
}

#copyright a:link {
  color: #cce5f5;
}

#copyright a:visited,
#copyright a:hover {
  color: black;
}

#copyright a:active {
  color: yellow;
}


/* boxes */

.box {
  background-color: #E5FFEB;
}

#iconbar .box,
#rootline-search .box {
  background-color: #f2f2f2;
  color: #666;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}


.teaser-box .box,
.news-box {
  background-color: #f2f2f2;
}

.teaser-box .box {
  margin-bottom: 10px;
}

#sitemap .box {
  background: none;
}

#footer p#copyright {
  /*background-color: #75c036;*/
  background: none;
  border: 2px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}

/* images */

a:hover img#logo  {
	background-color: #499DD2;
}

#iconbar img {
  margin-right: 10px;
  vertical-align: middle;
  line-height: 30em;
}


.teaser-box img,
.news-box img,
.news-single-item img {
  float: left;
  margin-right: 10px;
}

.news-box img,
.news-list-item img,
.news-single-item img {
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 3px;
} 

.news-box a:link img,
.news-list-item a:link img {
  border-bottom: 5px solid #499dd2;
} 

.news-box a:hover img,
.news-list-item a:hover img {
  border-bottom: 5px solid #5aa02c;
} 

.csc-textpic-image img {
	padding: .5em;
	background-color: #529c00;
}

.csc-textpic-image a:hover img {
	background-color: #499dd2;
}

.csc-textpic-intext-left div.csc-textpic-imagewrap  {
	padding-right: 1em;
	
}

/* forms */

#rootline-search #search {
  background-color: #529c00;
  padding: 1em;
  text-align: left;
}

#search fieldset {
  border: none 0;
  margin: 0;
  padding: 0;
}

#search label {
  color: white;
  text-decoration: underline;
}

#search input {
  vertical-align: middle;}

/* Tables */

table.csc-uploads {
	clear: both;
	/*float: left;*/
}


table { background: #fff; }
td { padding: 1em; }
tr.tr-even { background: #eee; }
tr.tr-last { background: #C3D9FF; }
tr.tr-last td { font-weight:bold; }

caption {
	background: none;
	color: #5AA02C;
	font-size: 1.3em;
	font-weight: bold;
	padding: 1em;
	text-align: center;
}

td[headers=col6005-1].td-1 { text-align: center; } /* propre à l'élément de contenu 6005 */

/* Others */

#site_info {
  position: absolute;
  top: 15px;
  width: 20em;
  right: 0;
  padding: 10px;
  /*margin-bottom: 0;*/
  background-color: #499dd2;
  min-width: 200px;
  color: white;
}

#site_title {
  font-size: 3em;
}
 
#tagline {
  font-size: 1.3em;
  }

#iconbar span {
  margin-right: 10px;
}

#second_column .news-latest-image a { padding: 0 }

.news-single-item hr {
  background-color: #499dd2;
}

.news-list-date {
  font-size: 0.8em;
  color: black;
  }
  
.news-single-timedata {
  color: #aaa;
  padding: 0.2em;
  background-color: #D2F6CF;
}
  
dd.csc-textpic-caption {
  background-image: url(../images/bg/caption_bg.jpg); 
  background-repeat: repeat-x;
  padding: .5em;
  color: white;
}

div.csc-textpic-imagewrap {
	margin-bottom: 1em;
}

div.csc-textpic-clear {
	height: 2em;
}

#services li a span {
  /*margin-top: 10px;*/
  
  color: #499dd2;
  font-weight: bold;
  font-size: 1.2em;
}

#services li:hover a span {
  /*color: #E6FDA0;*/
}

#newsletter {
  /*background-image: url(../images/png/onstage/newsletter.png);*/
  background-image: url(../images/icons/onstage/newsletter.png);
}

#map {
  background-image: url(../images/icons/onstage/map.gif);
}

#albums {
  background-image: url(../images/icons/onstage/albums.png);
}

#forums {
  background-image: url(../images/icons/onstage/forums.png);
}
#emergency {
  background-image: url(../images/icons/onstage/emergency.png);
}
#downloads {
  background-image: url(../images/icons/onstage/downloads.png);
}

#services #marches-publics a {
  background-image: url(../images/icons/euro-48x48.png) !important;
  background-image: url(../images/icons/euro-48x48.gif); /* for IE6 this basterd ! */
}

#services #reseau-mediatheques a {
  background-image: url(../images/icons/reseau-mediatheques.jpg);
}

#services #au-fil-de-lhelpe a {
  background-image: url(../images/icons/newspaper-48x48.png) !important;
  background-image: url(../images/icons/newspaper-48x48.gif); /* for IE6 this basterd ! */
}

#services #deliberations a {
  background-image: url(../images/icons/marianne-48x48.png) !important;
  background-image: url(../images/icons/marianne-48x48.gif); /* for IE6 this basterd ! */
}

#services #services-en-ligne a {
  background-image: url(../images/icons/page_down_48.png) !important;
  background-image: url(../images/icons/page_down_48.gif); /* for IE6 this basterd ! */
}

/* Extensions */

.tx-indexedsearch-percent {
	font-weight: bold;
	color: #5AA02C;
}

.tx-indexedsearch h3 { position: relative; }
.tx-indexedsearch .percent-tmpl-css {
	margin: 0;
	position:absolute;
	right:0;
	top:0;
}

.tx-spbettercontact-pi1 input { margin-bottom: 1em; }
.tx_spbettercontact_message { display: block; text-align: right; color: red; }

.tx-dropdownsitemap-pi1 img { margin-right: 1em; }


.tx-rvvnfeuseradministration-pi1 form { margin: 0 0 3em; }
.tx_rvvnfeuseradministration_fieldset legend { color: #5aa02c; font-size: 1.8em;}
.tx_rvvnfeuseradministration_row {
   position:relative;
   clear:both;
   float:left;
   width:100%;
   margin:1em 0 0;
   padding:0;
}
.tx_rvvnfeuseradministration_label {
   position:relative;
   clear:both;
   float:left;
   text-align:right;
   width:210px;
   margin:0 1em 0 0;
   padding:0;
}
.tx_rvvnfeuseradministration_input {
   position:relative;
   float:left;
   width:380px;
   margin:0;
   padding:0;
   }
.tx_rvvnfeuseradministration_message .error{
   display: block;
   clear: both;
   color: red;
   margin-top: 6em;
}
.tx_rvvnfeuseradministration_message .success{
   color: green;
}
.tx_rvvnfeuseradministration_required {
   color: orange;
}
.tx_rvvnfeuseradministration_radio { position:relative; float: left; margin-left: 2em;  }
.tx_rvvnfeuseradministration_radio_label { position:relative; float: left;}
.tx_rvvnfeuseradministration_select_label,
.tx_rvvnfeuseradministration_select { vertical-align: middle; margin-right: .5em; line-height: 2em; }
.tx_rvvnfeuseradministration_submit { float:right; margin:-1em 3em 3em 0; }

.tx-rtmeteofr-pi1 { float:none; }


/* Réduction de la languette droite du bandeau - 25.11.2009 */

#site_info { padding:10px; top:75px; width:210px; }