@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */ /* import core styles | Basis-Stylesheets einbinden */
@import url(../../../yaml/core/base.css);

/* import print layout | Druck-Layout einbinden */
@import url(../../../yaml/print/print_draft.css);

@media screen , projection {
	/*-------------------------------------------------------------------------*/
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body {
		padding: 0;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #fff;
		background: #000;
	}
	.body-noir {
		background: #000;
	}
	a,a:visited {
		color: #666 !important;
		text-decoration: none !important;
		font-weight: bold;
	}
	a:hover {
		color: #093;
	}
	/* Layout Alignment | Layout-Ausrichtung */
	.page_margins {
		margin: 0 auto;
	}
	/* Layout Properties | Layout-Eigenschaften */
	.page_margins {
		width: auto;
		min-width: 950px;
		max-width: 950px;
		background: #fff;
	}
	.page {
		padding: 0px;
		background: #000;
	}
	#header {
		padding: 0px 0 0 20px;
		background: #000;
	}
	#header a,a:visited {
		color: #fff !important;
		text-decoration: none;
		font-weight: normal;
	}
	#topnav {
		position: static;
		background: transparent;
		text-align: left;
	}
	#main {
		margin: 0 0;
		padding: 0;
		background: #fff;
		width: 950px;
		height: 530px;
	}
	#footer {
		padding: 0;
		background: #000;
		min-height: 27px;
	}
	/*-------------------------------------------------------------------------*/
	/**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */
	#main {
		padding: 0px 0px;
	}
	/*-------------------------------------------------------------------------*/
	/*  la cellule de droite (recherche) */
	#header .c20r {
		background: url(../images/common/fond_bouton_recherche.jpg) no-repeat;
		padding: 5px 0px 5px 0px;
	}
	/*  la cellule de gauche (recherche) */
	#header .c80l {
		padding: 5px 0px 5px 0px;
	}
	/*  la cellule de droite */
	#footer-col1 {
		float: right;
		width: 300px;
	}
	#footer-col1_content {
		padding: 10px 0 0 0;
	}
	#footer-col2 {
		/*margin: 0 300px 0 0;*/
		margin: 0 120px 0 0;
		width: auto;
		background: 000;
	}
	#footer-col2_content {
		padding: 0;
		background: 000;
	}
	#presentation {
		padding-top: 30px;
		width: 50%;
		font-style: italic;
		background: #000;
		color: #999;
	}
	/* Les Blocs */
	.bloc {
		color: #ccc;
		padding: 5px 0 5px 10px;
	}
	.bloc a,.bloc a:visited {
		font-weight: bold;
	}
	.bloc .transparent {
		background: transparent;
	}
	.bloc .titre {
		font-size: 14px;
		font-weight: bold;
	}
	.texte img {
		padding: 3px;
	}
	#logo {
		background-image: url(../images/accueil/im_localisation_accueil.png);
		background-repeat: no-repeat;
		height: 174px;
		width: 174px;
		position: relative;
		right: -690px;
		top: 301px;
		z-index: 2;
	}
	#copyright {
		font-size:0.9em;
font-style:italic;
left:470px;
position:relative;
text-align:right;
top:510px;
white-space:nowrap;
width:50%;
	}
	#copyright a,#copyright a:visited {
		font-weight: normal;
	}
	.bloc.diaporama .titre {
		padding-bottom: 5px;
	}
	.bloc.diaporama .pics {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		position: relative;
	}
	.bloc.diaporama .pics>div {
		width: 100%;
	}
	.bloc.diaporama .pics img { /*padding: 2px;*/
		/*border: 1px solid #ccc;*/ /*background-color: #eee;*/
		display: block;
		margin: 0 auto 0 auto;
	}
	ul.pager-container a {
		width: 50px;
		padding: 3px;
		display: block;
		padding: 3px;
	}
	ul.pager-container a.activeSlide {
		background: #c4bd87;
	}
	ul.pager-container a:focus {
		outline: none;
	}
	/* CAROUSEL */
	.jcarousel-container {
		position: relative;
		width: auto;
		margin: 10px auto 0 auto;
		padding: 0 40px;
	}
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	.jcarousel-item {
		float: left;
		list-style: none;
		margin: 0;
		padding: 5px;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 50px;
		height: 50px;
	} /**
*  Horizontal Buttons
*/
	.jcarousel-next-horizontal {
		position: absolute;
		top: 10px;
		right: 5px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: transparent url(../images/common/control.png) no-repeat 0 0;
	}
	.jcarousel-next-horizontal:hover {
		opacity: 1.5;
	}
	.jcarousel-next-horizontal:active {
		background-position: -64px 0;
	}
	.jcarousel-next-disabled-horizontal,.jcarousel-next-disabled-horizontal:hover,.jcarousel-next-disabled-horizontal:active
		{
		cursor: default;
		opacity: .5;
	}
	.jcarousel-prev-horizontal {
		position: absolute;
		top: 10px;
		left: 5px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: transparent url(../images/common/control-180.png) no-repeat
			0 0;
	}
	.jcarousel-prev-horizontal:hover {
		opacity: 1.5;
	}
	.jcarousel-prev-horizontal:active {
		background-position: -64px 0;
	}
	.jcarousel-prev-disabled-horizontal,.jcarousel-prev-disabled-horizontal:hover,.jcarousel-prev-disabled-horizontal:active
		{
		cursor: default;
		opacity: .5
	}
	/* Bloc galerie */
	.bloc-galerie {
		
	}
	.bloc-galerie li {
		float: left;
		margin: 8px;
		list-style: none;
		float: left;
		width: 100px;
		text-align: center;
	}
	.bloc-galerie .legende {
		font-size: .8em;
	}
	.bloc-galerie a:focus {
		outline: none;
	}
	.bloc-galerie .thumbs {
		clear: left;
	}
	.bloc-galerie div.pagination {
		text-align: center;
		clear: both;
	}
	.bloc-galerie div.pagination.top {
		margin-top: 12px;
	}
	.bloc-galerie div.pagination.bottom {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.bloc-galerie div.pagination a,div.pagination span.current,div.pagination span.ellipsis
		{
		margin-right: 2px;
		padding: 4px 7px 2px 7px;
	}
	.bloc-galerie div.pagination a:hover {
		background-color: #eee;
		text-decoration: none;
	}
	.bloc-galerie div.pagination span.current {
		font-weight: bold;
		background-color: #fff;
		border: 1px solid #ccc;
		color: #000;
	}
	.bloc-galerie div.pagination span.ellipsis {
		border: none;
		padding: 5px 0 3px 2px;
	}
	.slide-content .slide-titre {
		text-align: center;
	}
	.slide-content .slide-legende {
		float: left;
		font-style: italic;
		width: 60%;
	}
	.slide-content .slide-copy {
		float: right;
	}
	.slide-content .slide-lieux {
		clear: both;
	}
	#recherche {padding0;
		vertical-align: middle;
		position: absolute;
		top: 3px;
	}
	#recherche input[type=image] {
		vertical-align: middle;
		height: 15px;
	}
	#recherche input.recherche {
		border: none;
		width: 100%;
		width: 155px;
		padding: 0;
	}
	#colorbox {
		color: #000;
	}
	
/* Pager */
	.pager {
		padding-bottom: 20px;
	}
	.pager ul.pages {
		border: none;
		padding: 0;
		text-align: center;
	}
	.pager ul.pages li {
		list-style: none;
		display: inline;
		/*border: 1px solid #ccc;*/
		text-decoration: none;
		padding: 4px 4px 2px 4px;
	}
	.pager ul.pages li:hover {
		background-color: #eee;
	}
	.pager ul.pages li.pgEmpty {
		color: #ccc;
	}
	.pager ul.pages li.pgCurrent {
		font-weight: bold;
		background-color: #000;
		border-color: #000;
		color: #fff;
	}
	
	.actu-description-courte {
		font-size: 1em;
		font-style: italic;
	}
	.actu-en-savoir-plus {
		font-size: 0.8em;
		font-style: italic;
		display: block;
		float: right;
	}
.liste-titre {
text-align:left;
		font-weight: bold;

		border-bottom: 1px solid #aaa;
	margin-bottom:5px;
	}
}