.bloc-horizontal{
	clear:both;
}

.ma_colonne{
      float:left;
      width:45%;
      background-color: white;
      margin-bottom:0%;
      margin-top:0px;
      margin-left:1%;
      padding:0%;
}

.clear{
	clear:both;
}

/* Basic Structure */
	body {
		margin: 0 0 0 0;
		text-align: center;
		min-width: 800px;
	}

	#main {
		background-color: rgb(221, 221, 221);
		margin: 0px auto 0px auto;
		width: 794px;
		text-align: left;
	}

	#container {
		background: rgb(221, 221, 221) url("sidesbg.jpg") repeat-y;
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0 0 0 0;
		width: 794px;
	}

	#status_bar{
		margin: 1em 20px 0 20px;
	}
	
	#mBody {
		clear: both;
		padding: 0 20px 0 20px;
	}

	/* Individual Structure */
	/* <HEADER> sommaire*/
	#header {
		position: relative;
		background: url("bg_sommaire.jpg") bottom center no-repeat;
		height: 250px;
		padding: 15px 20px 0 20px;
	} #ignored {}
	
	#citation {
		position: absolute;
		top: 110px;
		right: 0;
		padding: 0 20px 0 0;
		width: 200px;
	}
	
	#header_news {
		position: absolute;
		top: 200px;
		left: 35px;
	}
	
	#header ul {
		width: auto;
		position: absolute;
		bottom: 0;
		right: 30px;
		margin: 0;
		padding: 0 0 0 0;
		list-style: none;
	}
	#header li {
		display: inline;
		white-space: nowrap;
		float: right;
		padding: 0px 1px 0px 1px;
		margin: 0 1px 0px 0;
	}
	#header ul a {
		padding: 0px 4px 0px 4px;
		font-size: small;
		color: #000;
		text-decoration: none;
	}
#header ul a:hover {
 	color: rgb(102, 153, 204);
}
	
	
	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form input { font-size: 85%; }
	
	#header form #formulaire_recherche {
		width: 165px;
		font-size: 85%;
		border-style: none;
		background: #fff url("loupe.jpg") no-repeat 98% 50%;
		padding: 1px 0px 2px 5px;
		-moz-border-radius: 8px;
	}
	#header form #formulaire_recherche:hover, #header form #formulaire_recherche:focus {
		border:	1px solid #9097A2;
	}
	/* Individual Structure */
	/* <HEADER> article*/
	#header_article {
		position: relative;
		background: url("bg_article.jpg") bottom center no-repeat;
		height: 150px;
		padding: 15px 20px 0 20px;
	} #ignored {}
		
	#header_article ul {
		width: auto;
		position: absolute;
		bottom: 85px;
		right: 30px;
		margin: 0;
		padding: 0 0 0 0;
		list-style: none;
	}
	#header_article li {
		display: inline;
		white-space: nowrap;
		float: right;
		padding: 0px 1px 0px 1px;
		margin: 0 1px 0px 0;
	}
	#header_article ul a {
		padding: 0px 4px 0px 4px;
		font-size: small;
		color: #000;
		text-decoration: none;
	}
#header_article ul a:hover {
 	color: rgb(102, 153, 204);
}
	
	#header_article form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header_article form input { font-size: 85%; }
	
	#header_article form #formulaire_recherche {
		width: 165px;
		font-size: 85%;
		border-style: none;
		background: #fff url("loupe.jpg") no-repeat 98% 50%;
		padding: 1px 0px 2px 5px;
		-moz-border-radius: 8px;
	}
	#header_article form #formulaire_recherche:hover, #header_article form #formulaire_recherche:focus {
		border:	1px solid #9097A2;
	}


	/* Sommaire */
	.leftcolumn{
		width: 60%;
		float: left;
		padding-left: 15px;
	}

	.rightcolumn{
		width: 30%;
		float: left;
		padding-left: 35px;
	
	}
	
	.leftcolumn1 {
		width: 100%;
		float: left;

		margin-top: 20px;
	}
	.leftcolumn2 {
		width: 100%;
		float: left;

		margin-top: 20px;
	}
	
	.rightcolumnnews {
		width: 100%;
		float: left;

		margin-top: 30px;
	}
	.rightcolumnpostit {
		width: 100%;
		float: left;
		background: #eee;
		border: 1px solid #ccc;
		padding:5px 5px 0px 15px;
		margin-top: 20px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	/* Sommaire */
	#sidebar{
		display:block;
		width: 20%;
		float: left;
		margin: 20px 0 0 0;
	}
	#mainbar{
		width: 70%;
		float: left;
	}
	#mainbarLarge{
		width: 100%;
		float: left;
	}

	.sidebar{
		width: 20%;
		float: left;
		margin: 20px 0 0 0;
	}
	.mainbar{
		width: 70%;
		float: left;
	}
	
	.sidebar1 {
		width: 100%;
		float: left;
		padding: 0px 10px 10px 10px;
	}
	.sidebar2 {
		width: 100%;
		float: left;
		padding: 0px 10px 10px 10px;
	}
	
	.mainbar1 {
		width: 100%;
		float: left;
		padding: 30px 10px 10px 30px;
	}
	.mainbar2 {
		width: 100%;
		float: left;
		background: #eee;
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		padding: 0px 10px 10px 10px;
		margin: 100px 0 0 20px;
	}

	#bottom {
		background: url("bottom.gif") no-repeat ;
		height: 31px;
		width: 794px;
	}
	
	/* Footer */

	#footer {
		clear: both;
		width: 754px;
		margin: 0 auto 0 auto;
		padding: 10px 0 0 0;
		text-align: center;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
		padding: 0 1em;
	}
	
/* Info_Bar */

	#chemin{
		float:left;
	}

	#mailandpdf{
		float: right;
		padding: 0 1em 0 1em;
	}

	#auth{
		font-size: X-small;
		float: right;
		padding: 0 1em 0 1em;
		background-color: #FFF0C8; 
		border:1px solid rgb(191, 80, 16);
	}
	auth a{
		text-decoration: none;
	}

	#auth_form{
		padding:3em 0 3em 0;
		clear:left;
	}
	
	#login_form{
		position: absolute;
		right: 20px;
		top:200px;
		border:1px solid rgb(191, 80, 16);
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding: 0em 1em 1em 1em;
		background-color: #FFF0C8;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity: 0.9;
		visibility:hidden;
	}

/* SideBar */
	#SideMenu{
		padding: 5px 0 5px 10px;
		margin: 0 0 0 -10px;
		border: 1px solid #ccc;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	#SideMenu ul{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	#SideMenu li {
		display: inline;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	#SideMenu li span {
		display: block;
		padding: 0 0 0 0;
	}
	
	#SideMenu li li span {
		display: block;
		padding: 0 0 0 1em;
	}
	
	#SideMenu li li li span {
		display: block;
		padding: 0 0 0 2em;
	}
	
	#SideMenu li span:hover {
    	text-decoration: underline;
	}
	
	#SideNews{
		padding-left: 5px;
	}

#archives_options{
	position: absolute;
	border:1px solid rgb(191, 80, 16);
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0em 1em 1em 1em;
	background-color: #FFF0C8;
	margin: 1em 1em 1em 0em;
	visibility:hidden;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

#agenda{
	position: absolute;
	left:20px;
	visibility:hidden;
}

#formmail{
	position: absolute;
	border:1px solid rgb(191, 80, 16);
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0em 1em 1em 1em;
	background-color: #FFF0C8;
	top: 100px;
	right left:50% 50%;
	visibility:hidden;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

#formmail2{
	position: absolute;
	border:1px solid rgb(191, 80, 16);
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0em 1em 1em 1em;
	background-color: #FFF0C8;
	margin: 1em 1em 1em 0em;
	visibility:hidden;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

.close_x{
	text-align:right;
	vertical-align: middle;
	border-bottom:1px solid rgb(191, 80, 16);
	margin: 0 -1em 1em -1em;
	padding: 0 1em 3px 1em;
	background-color: #c8bd9e;
}


/* Tabbed area */
div.tabs {display: block ! important;height: 28px; width: 552px;}
ul.tabs {float: left; height: 28px;margin: 0; _margin: 0 0 -10px 0; padding:0;list-style-type: none;}
 /*Internationalization: ul.tabs li used to be: padding: 7px 18px 0 9px;*/
ul.tabs li {display: block; float: left; height: 20px;_height: 20px; /*_height: auto;*/margin: 0 1px 0 0;padding: 7px 5px 0 5px;border-width: 0 0 0 1px;max-width: 150px;}
ul.tabs li a {text-decoration: none;} 
ul.tabs li.active a { font-weight: bold;}  
div.infoBlock {_position: relative;_top: -2px; display: none; width: auto;min-width:530px; _height: 218px; min-height: 218px; _z-index: 0;margin-bottom: 20px; padding: 15px 5px 15px 5px;border-width: 0 1px 1px 1px;}
div.infoBlock#about {display: block;} 
div.infoBlock {float: left; /*margin: 0 23px 5px 0; _margin: 0 10px 5px 0;*/ margin: 0 -10px 0 0;}

/* Tabbed area */
div.tabs {display: block ! important;/*background: url(/zsys/img/default/bg_tab-list.gif) top left repeat-x;*/}
/*ul.tabs {background: url(/zsys/img/default/bg_tab-list.gif) top left repeat-x;}*/
ul.tabs li {/*background: url(/zsys/img/default/bg_tab.gif) top left repeat-x;*/ border: solid #D0CFCF; border-width: 1px 0 0 1px;}
/*ul.tabs li a {color: #000 ! important;}*/
ul.tabs li.active {/*background: #FFF url(/zsys/img/default/bg_tab-active.gif) top left repeat-x;*/ border-left: 1px solid #93BFEB; border-top: 1px solid #93BFEB; border-right: 1px solid #93BFEB ! important; border-bottom: 1px solid #FFF;}
ul.tabs li.active a {color: #477ACC ! important;}
ul.tabs li.last {border-right: 1px solid #D0CFCF;}
div.infoBlock {border: solid #93BFEB; border-width: 1px 1px 1px 1px;}  

#zoomedImage{
	position: absolute;
	z-index: 22;
	margin: -15px;
	padding:15px;
	border:1px solid white;
}

#mask1{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index: 20;
	filter:alpha(opacity=0);
	opacity: 0;
}

#mask0{
	display: none;
}

table{
	width:100%;
}

table.form_res_table{
	background-color: rgb(244, 248, 253);
}
td.form_res_table_head{
	background-color: rgb(234, 238, 243);
}

td.form_res_title{
	font-weight: bold;
}

#entetephoto{
	background-color:rgb(234, 238, 243);
	border-bottom:2px solid white;
	padding:0 13px 0 13px;
}

#entetephoto:hover{
	background-color:rgb(244, 248, 253);
}

/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #c4e0e0;
}
ul ul .forum-chapo {
	background: #d4e8e8;
}
ul ul ul .forum-chapo {
	background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
	background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}