/*mouvance.be v 1 - avril 2007 - David Ruzicka*/
* {
	/*Reset tous les elements block*/
	margin:0;
	padding:0;
}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

body {
	overflow:hidden;
}

.clear {
	clear:both;
}

/*##########################IMAGES#######################*/

body {
	/*background: #ffffff url(images/bcknd_body2.jpg) no-repeat center center;*/
}


#transparence {
	background: url(images/bcknd_transparence.png) no-repeat center center;
}

#mouvance {
	 background: url(images/bcknd_mouvance.gif) repeat-x top left;
}

#mouvancePage {
	 background: url(images/bcknd_pages.gif) repeat-x top left;
}

#right {
	 background: url(images/bcknd_left.png) no-repeat 300px 22px;
}

*+html #right {
	 background: url(images/bcknd_left.png) no-repeat 300px 21px;
}

.module div.articleText, .module #roadmap a.noflash, .montreLesChoix {
	background: url(images/bcknd_module.png) repeat;
}

.module h1.clear a.fleche, .module h1.tools a, .galerieModule h1 a.galerieFleche {
	background: url(images/fleche_titres.gif) no-repeat 0px 2px;
}

.chercher {
	background: url(images/bcknd_chercher.png) repeat top left;
}

.chercher input.rechercheBouton {
	background: url(images/bouton_chercher.gif) no-repeat top left;
}

.chercher input:hover.rechercheBouton {
	background: url(images/bouton_chercherhov.gif) no-repeat top left;
	color:#ffffff;
}

.module input.enregistrerBouton {
	background: url(images/bouton_enreg.gif) no-repeat top left;
}

.module input:hover.enregistrerBouton {
	background: url(images/bouton_enreghov.gif) no-repeat top left;
	color:#ffffff;
}

a.selectPrincipal {
	background:url(images/bcknd_select.gif) no-repeat top left;
}

a:hover.selectPrincipal {
	background:url(images/bcknd_selecthov.gif) no-repeat top left;
}

.montreLesChoix a.fermer {
	background: #ffffff url(images/fermer_select.gif) no-repeat top left;
}

.montreLesChoix a:hover.fermer {
	background: url(images/fermer_selecthov.gif) no-repeat top left;
}

.montreLesChoix {
	background: url(images/bcknd_select.png) repeat;
}

h1.logoImage {
	background: url(images/logo.gif) no-repeat top left;
}

h1.logoTexte {
	background: url(images/mouvance.png) no-repeat top left;
}

.ceJour {
	background: url(images/timeline_fade.gif) no-repeat top left;
}

.timeline ul li.moisAvant {
	background: transparent url(images/fleche_titres_bk.gif) no-repeat center right;
}

.timeline ul li.moisSuivant {
	background: transparent url(images/fleche_titres.gif) no-repeat center left;
}


/*##########################STRUCTURE GENERALE###########*/

#transparence {
	position: absolute;
	z-index:90;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
}

#mouvance {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 1001px;
     height: 616px;
     margin-left: -500px;
	 margin-top:-308px;
}

#right {
	float:right;
	padding-right:9px;
	width:300px;
}

#left {
	float :left;
	height:592px;
	width:692px;
}

/*##########################LOGO#########################*/

h1.logoImage {
	position: absolute;
	display:block;
	width: 112px;
	height:78px;
	top:141px;
	left:-7px;
	background-color:transparent;
}

h1.logoImage a {
	display:block;
	width: 112px;
	height:78px;
	text-indent:-99999px;
}

h1.logoTexte a {
	display:block;
	height:24px;
	top:219px;
	text-indent:-99999px;
}

h1.logoTexte {
	position: absolute;
	display:block;
	width: 213px;
	height:24px;
	top:219px;
	left:0px;
	background-color:transparent;
}

/*##########################MENU#########################*/

.menu {
	position: absolute;
	top:244px;
	left:0px;
}

/*##########################RELOADER######################*/

.reloader {
	position: absolute;
	top:181px;
	left:530px;
}

/*#########################ACCUEIL#######################*/

.accueil {
	position: absolute;
	top:268px;
	left:0px;
	height:104px;
	overflow:hidden;
	width: 288px;
	padding:2px 25px 0px 0px;
	text-transform:none;
	background-color:transparent;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
}

.accueil hr  {
	display:block;
	border: 0;
	height: 1px;
	margin: 4px 0px 4px 1px;
	padding: 0;
	background-color:#490e0e;
	color:#490e0e;
	width:287px;
}

*+html .accueil hr  {
	margin: -3px 0px -3px 1px;/*hack IE6-7 defaut margin sur hr haut et bas a 7px*/
}

.accueil h1 {
	width: 288px;
	height: 15px;
	padding:2px 5px 0px 5px;
	text-transform:uppercase;
	background-color:#490e0e;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.accueil h1 a, .accueil h1 a:visited, .accueil h1 a:active, .accueil h1 a:hover {
	text-transform:none;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:underline;
}

.accueil p {
	text-transform:none;
	background-color:transparent;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	padding:2px 0px 2px 5px;
}

.accueil a, .accueil a:active, .accueil a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
}

.accueil a:hover {
	text-decoration:none;
}

/*#########################GALERIE PHOTOS################*/

.galerieModule {
	position:absolute;
	top:373px;
	left:0px;
	clear:both;
	width:292px;
}

.galerieModule h1 {
	width: 288px;
	height: 15px;
	padding:2px 5px 0px 5px;
	text-transform:uppercase;
	background-color:#490e0e;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.galerieModule p {
	display:inline;
	text-transform:uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.galerieModule h1 p {
	float:left;
}

.galerieModule h1 a, .galerieModule h1 a:visited, .galerieModule h1 a:active {
	text-transform:uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.galerieModule h1 a:hover {
	text-decoration: underline;
}

.galerieModule h1 a.galerieFleche {
	position:absolute;
	top:3px;
	left:279px;
	display:block;
	width:14px;
	height:11px;
}

.galerieModule ul.falbum-recent {
	float:left;
	padding: 5px 5px 5px 5px;
}

.galerieModule ul.falbum-recent li {
	list-style:none;
}

.galerieModule ul.falbum-recent li a {
	display:block;
	width:237px;
	height:145px;
	overflow:hidden;
}

.galerieModule ul.falbum-recent li a:hover {
	background-color:white;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.galerieModule ul.falbum-recent li img {
	border:none;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.galerieModule ul.falbum-random {
	float:right;
	padding-top:5px;
}

.galerieModule ul.falbum-random li {
	list-style:none;
}

.galerieModule ul.falbum-random li a {
	display:block;
	width:45px;
	height:45px;
	margin-bottom:5px;
}

*+html .galerieModule ul.falbum-random li a {
	margin-bottom:1px;
}

.galerieModule ul.falbum-random li a:hover {
	background-color:white;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.galerieModule ul.falbum-random li img {
	border:none;
	width:45px;
	height:45px;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}



/*#########################TIMELINE######################*/

.timeline {
	position: absolute;
	top:546px;
	left:0px;
}

.timeline h1 {
	width: 288px;
	height: 15px;
	padding:2px 5px 0px 5px;
	text-transform:uppercase;
	background-color:#ffffff;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#490e0e;
}

.timeline h2 {
	position:absolute;
	width: auto;
	top: 2px;
	left:305px;
	text-transform:uppercase;
	background-color:transparent;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.line {
	float:left;
	height:3px;
	margin-top: 5px;
	background-color:white;
	font: normal 1px Arial, Helvetica, sans-serif;
}

.ceJour {
	float:left;
	width:12px;
	height:3px;
	margin-top: 5px;
	background-color:transparent;
	font: normal 1px Arial, Helvetica, sans-serif;
}

.timeline ul {
	clear:left;
	list-style: none;
	margin-left: 5px;
}

.timeline ul li {
	float:left;
	margin-top: 5px;
	margin-right: 6px;
	font: bold 9px Arial, Helvetica, sans-serif;
	color:#523636;
	text-transform:uppercase;
}

.timeline ul li a, .timeline ul li a:visited, .timeline ul li a:active {
	float:left;
	font: bold 9px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
}

.timeline ul li a:hover {
	text-decoration:underline;
}

.timeline ul li.moisAvant {
	padding-right: 20px;
	margin-left:10px;
}

.timeline ul li.moisSuivant {
	padding-left: 20px;
	margin-left:5px;
}


/*##########################LANGUES######################*/

.langues {
	float:right;
	margin-bottom:2px;
	margin-right:-8px;
	height:20px;
}

.langues ul {
	list-style:none;
	float:right;
}


.langues ul li {
	margin-left: 5px;
	float:right;
}

.langues ul li a {
	margin-left: 7px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#490e0e;
}

/*##########################CHERCHER#####################*/

.chercher {
	position: relative;
	height:28px;
	padding:9px 0px 0px 5px;
	clear:both;
}

*+html .chercher {
	height:30px;
	padding:7px 0px 0px 5px;
}

.chercher label {
	display:none;
}

.chercher input {
	width:181px;
	height:13px;
	padding: 3px;
	border:1px solid white;
	background-color:#523636;
	font: italic 9px Arial, Helvetica, sans-serif;
	color:#baa8a8;
}

.chercher input:focus, .chercher input.sffocus {
	background-color:#ffffff;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.chercher input.rechercheBouton {
	position: absolute;
	top:9px;
	left:228px;
	cursor:pointer;
	width:66px;
	height:19px;
	padding-top:12px;
	margin:1px 0 0 0 ;
	background-color:transparent;
	border:none;
	font: normal 1px Arial, Helvetica, sans-serif;
	color:#7e5957;
}

/*##########################MODULE#######################*/

.module {
	clear:both;
}

.module a, .module a:visited, .module a:active, .module a:hover  {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
}

.module hr  {
	display:block;
	border: 0;
	height: 1px;
	margin: 0px 0px 0px 1px;
	padding: 0;
	background-color:#490e0e;
	color:#490e0e;
}

*+html .module hr  {
	margin: -7px 0px -7px 1px;/*hack IE6-7 defaut margin sur hr haut et bas a 7px*/
}

.module h1 {
	clear:both;
	height: 15px;
	padding:2px 5px 0px 5px;
	text-transform:uppercase;
	border-left: 1px solid #490e0e;
}

.module h1 a, .module h1 a:visited, .module h1 a:active {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
}

.module h1:hover.dark, .module h1:hover.clear {
	background-color: #ffffff;
}

.module h1:hover.clear {
	background-color: #490e0e;
}

.module h1.dark {
	background-color: #490e0e;
}

.module h1.dark a {
	color:#ffffff;
}

.module h1.dark a:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
}

.module h1.clear a:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#b69d9d;
}

.module h1.clear {
	background-color: #b69d9d;
}

.module h1.clear a {
	color:#ffffff;
}

.module h1.clear a.fleche {
	padding-left:20px;
	color:#000000;
}

.module h1.clear a:hover.fleche {
	color:#ffffff;
}

.module h1.clear a.auteur {
	float:left;
	width:140px;
	text-align:left;
}

.module h1.clear a.date {
	float:right;
	width:140px;
	text-align:right;
}

.module div.articleText {
	display:block;
	padding:5px 4px 5px 4px;
	text-align:justify;
	border-left: 1px solid #490e0e;
	height:140px;
	overflow:hidden;
}

.module div:hover.articleText {
	cursor:pointer;
}

.module div.articleText p {
	font: normal 11px Arial, Helvetica, sans-serif;
}

.module #roadmap {
	display:block;
	float:right;
	height:151px;
	width:300px;
}

.module #roadmap a.noflash {
	display:block;
	height:141px;
	width:291px;
	padding:5px 4px 5px 4px;
	text-align:justify;
	border-left: 1px solid #490e0e;
	border-top: 1px solid #490e0e;
}

.fondModule {
	position:relative;
	background-color: #490e0e;
	float:left;
	width:100%;
}

.module label {
	display:block;
	padding:5px 4px 5px 4px;
	text-align:justify;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.module input {
	width:181px;
	height:13px;
	padding: 3px;
	border:1px solid white;
	background-color:#523636;
	font: italic 9px Arial, Helvetica, sans-serif;
	color:#baa8a8;
}

.module input:focus, .module input.sffocus {
	background-color:#ffffff;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.module input.enregistrerBouton {
	position: absolute;
	top:50px;
	left:202px;
	cursor:pointer;
	width:91px;
	height:19px;
	padding-top:12px;
	margin:1px 0 0 0 ;
	background-color:transparent;
	border:none;
	font: normal 1px Arial, Helvetica, sans-serif;
	color:#7e5957;
}

.module hr.tools  {
	display:block;
	border: 0;
	height: 2px;
	margin: 10px 0px 1px 0px;
	padding: 0;
	background-color:#b69d9d;
	color:#b69d9d;
}

*+html .module hr.tools  {
	margin: 3px 0px -7px 0px;/*hack IE6-7 defaut margin sur hr haut et bas a 7px*/
}

/*##########################FAUX SELECT##################*/

a.selectPrincipal, a:visited.selectPrincipal, a:active.selectPrincipal {
	display:block;
	width:279px;
	height:15px;
	margin-left:5px;
	padding:5px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
	background-color:transparent;

}

a:hover.selectPrincipal {
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.montreLesChoix {
	border:1px solid #7e5957;
	position:absolute;
	top:-185px;
	left:5px;
	width:286px;
	height:290px;
	z-index:89;
}

.montreLesChoix li {
	list-style:none;
}

*+html .montreLesChoix li {
	margin: -7px 0px -7px 0px;
}

.montreLesChoix a, .montreLesChoix a:active, .montreLesChoix a:visited {
	display:block;
	padding-left:4px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
}

.montreLesChoix a:hover {
	background-color:#523636;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:white;
}

.montreLesChoix a.fermer {
	position:absolute;
	top:5px;
	left:265px;
	display:block;
	width:15px;
	height:13px;
	background-color:transparent;
}

/*##########################TOOLS########################*/

.module h1.tools {
	clear: none;
	float:left;
	height: 17px;
	width:89px;
	margin-top: 10px;
	padding:2px 5px 0px 5px;
	text-transform:uppercase;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #490e0e;
	background-color: #b69d9d;
}

.module h1:hover.tools {
	background-color: #490e0e;
}

.module h1.tools a {
	padding-left:20px;
	color:#000000;
}

.module h1.tools a:hover {
	color:#ffffff;
}

/*##########################FOOTER#######################*/

#footer {
	clear :both;
	position: relative;
	float:left;
	width:100%;
	margin-top:4px;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	float:left;
	padding-right:3px;
	margin-right:3px;
	font: bold 8px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #490e0e;
	word-spacing:4px;
	border-right:3px solid #490e0e;
}

#footer ul li.dateDuJour {
	padding-left:0px;
	padding-right:12px;
	margin-left:0px;
	border-left:none;
	background-color:#490e0e;
	color: #ffffff;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:active {
	text-decoration:none;
	color: #490e0e;
}

#footer ul li a:hover {
	text-decoration: blink;
}

/*##########################LIST CACHEE DANS LE FLASH#########*/

.menuTree li {
text-indent:-9999px;
}

li.pagenav {
list-style: none;
float:left;
font: bold 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #490e0e;
}

li.page_item {
list-style: none;
float:left;
font: bold 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #490e0e;
margin-right:2px;
}

li.page_item a, li.page_item a:visited, li.page_item a:active, li.page_item a:hover {
font: bold 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
color: #490e0e;
}


.menu ul {
width: 610px;
}

li.pagenav {
list-style: none;
float:left;
font: bold 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #490e0e;
}

li.page_item {
list-style: none;
float:left;
font: bold 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #490e0e;
margin-right:2px;
}

li.page_item a, li.page_item a:visited, li.page_item a:active, li.page_item a:hover {
font: bold 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
color: #490e0e;
}

div.space {
width:100%;
height:5px;
border:none;
background-color:white;
}