/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);
@import url(top.css);
@import url(bottom.css);
@import url(mooflow.css);

/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
	padding: 0;
	margin: 0;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	background: #171612 url(../img/bg.jpg) repeat-x top;
	color:#817B6B
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #00f;
}

*:focus {
	outline: none;
}

#conteneur {
	background:url(../img/header.jpg) no-repeat top;
}

#header {
	width: 980px;
	height: 226px;
}

h1 {
	background:url("../img/logo.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:185px;
	margin:20px 0 0 15px;
	padding:0;
	text-indent:-9999px;
	width:368px;
}

#header  h1 a{
	float:left;
	width:368px;
	height:185px;
	text-indent:-9999px;
}


#header  ul{
	float:left;
	height:14px;
	margin:52px 0 0 304px;
	padding:0;
	width:280px;
}

#header ul li{
	display:block;
	float:left;
	background:url(../img/bg_li.jpg) no-repeat bottom;
	margin:0;
	height:34px;
	padding:0;
	
}

#header ul li a{
	color:#D0B99A;
	float:left;
	height:19px;
	padding-bottom:5px;
	font-size:11px;
	margin-right:4px;
	margin-left:4px;
}

#header ul li a:hover{
	color:#87C613;
}

#header2 {
	width: 980px;
	height: 46px;
}

#header2 ul.menu_bas{
	float:left;
	height:44px;
	margin:1px 0 0 0;
	padding:0;
	width:623px;
}

#header2 ul.menu_bas li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin:0;
	width:206px;
	height:44px;
	margin-right:1px;
}

#header2 ul.menu_bas li a{
	color:#DC9C9C;
	text-align:center;
	display:block;
	float:left;
	text-transform:uppercase;
	width:206px;
	height:30px;
	padding-top:14px;
	font-size:12px;
}

#header2 ul.menu_bas li a:hover{
		background:url(../img/bg_li_hover.jpg) repeat-x;
		color:#FFFFFF;
}

form#newsletter{
	float:left;
	height:44px;
	margin-top:1px;
	width:354px;
}

#newsletter .id_text{
	border:0 none;
	color:#DEDFB3;
	height:17px;
	margin-left:107px;
	margin-top:12px;
	position:absolute;
	width:172px;
	background:none;

}

#newsletter .sub{
	background:url("../img/b_ok.jpg") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	height:24px;
	margin:11px 0 0 286px;
	position:absolute;
	width:62px;
}

.arbo {
	width:980px;
	float:left;
	height:36px;
/*	padding-top:8px;*/
	color:#FFFFFF;
}

.arbo a{
	color:#FFFFFF;
	text-decoration:none;
		height:28px;
	padding-top:8px;
	margin-right:10px;
	float:left;
}

.arbo a:hover{
	color:#8DC41E;
}

.acc{
	background-color:#FF00FF;
	width:81px;
	background:url("../img/bg_arbo.jpg") repeat-x;
	height:33px;
	text-align:center;
	display:inline;
	color:#FFFFFF;
}






/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */


#page {
	width: 980px;
	margin: auto;
}

#body {
	margin: 0;
	background-color:#eceade;
	float:left;
}

#body #wrapper {
	height: 100%;
	float: right;
}

#body #left {
	margin: 0;
	width: 266px;
	float: left;
	min-height: 300px;
}

#body .center {
	width: 714px;
	float: left;
	min-height: 300px;
}

div#accordion{
	width: 226px;
}

#accordion h2{
	margin:0;
	padding:0;
	width:226px;
	height:30px;
}

#accordion h2 a{
	margin:0;
	padding:0;
	display:block;
	width:204px;
	background:url(../img/bg_h2.jpg) no-repeat bottom;
	height:23px;
	padding-left:22px;
	padding-top:7px;
	color:#817E6D;
	font-size:14px;
	font-weight:normal;
}

#accordion h2 a:hover{
	background:url(../img/bg_h2_hover.jpg)  no-repeat left;
	color:#5B832A;
}

.acc_element h3 {

}

.acc_element h3 a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	margin-bottom:4px;
	margin-left:29px;
}

.acc_element h3 a:hover{
text-decoration:underline;

}

div#actualite{
	width:260px;
	height:244px;
	margin-top:15px;
}

div#actualite{
text-align:center;
}









/* --- Articles --- */

h2.titre {
 margin: 0;
 font-size: 17px;
 color: #88816E;
 width:681px;
 padding-left:30px;
 padding-top:3px;
 height:36px;
 font-weight: bold;
background:url(../img/bg_titre.jpg)  no-repeat left;
}

.article h2 {
 margin: 0;
 font-size: 17px;
 color: #88816E;
 font-weight: bold;
 width:681px;
 padding-left:30px;
 padding-top:3px;
 height:36px;
background:url(../img/bg_titre.jpg)  no-repeat left;
}

.article .contenu {
 text-align: justify;
 padding-right:20px;
 font-size: 12px;
 overflow : hidden;
}

.article .contenuMention{
 padding: 0 10px;
 text-align: justify;
 font-size: 12px;
 height:480px;
 overflow:auto
}


.article a.plus {
	 display: block;
	 margin:0;
	 padding:0;
	 margin-bottom:10px;
	 margin-left:537px;
	 width:95px;
	 height:40px;
	 background:url(../img/plus.jpg)  no-repeat top ;
}

.article a.plus:hover {
 color: #000;
}



#footer {
	margin:0;
	padding:0;
	background:url(../img/footer.jpg) no-repeat bottom center;
  min-height: 438px;
}

#footer #cont{
	width:980px;
	height:222px;
	margin:0 auto
}

a#ekinoxe{
	width:131px;
	height:51px;
	display:block;
	margin-top:54px;
	float:left;
}

#coord{
	color:#998C7C;
	float:left;
	height:34px;
	line-height:20px;
	margin-left:89px;
	font-size:13px;
	margin-top:53px;
	text-align:center;
	width:507px;
}



div.bas_menu{
	float:right;
	margin-top:67px;
	width:750px;
	text-align:right;
	margin-right:50px;
	color: #3F392D;
}

div.bas_menu a{
color: #3F392D;}

div.bas_menu a:hover{
text-decoration:none;
color:#3F6400}


a.bouton_suivant{
font-size:13px;
color: #3F392D;
font-weight:bold;
margin-left:300px;}

li.sitemap a{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#402F44
}
li.sitemap a:hover{
	text-decoration:underline;
	color: #FECC06;
}

div.top_contact{
margin-top:38px;}

div#wbc{
width:236px;
height:170px;
margin-top:10px;}