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


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

img {
 border: none;
}

a {
 text-decoration: none;
 color: #296823;
}

*:focus {
 outline: none;
}

/* ------ MENU ACCORDEON ------ */

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_element h3 {
 margin: 0;
 padding: 0;
} 

/* ------ GALERIES ------ */

div.galeries {
}

div.galerie {
 display: block;
 clear: both;
 margin: 10px 0 10px 0;
}


div.photos {
 display: block;
}

div.photo {
 float: left;
 margin: 0 8px 0 0;
 text-align: center;
 width: 120px;
 height: 120px;
 padding: 6px 2px;
}

img.photo {
 max-width: 100px;
 max-width: 100px;
}

div.photo div.photoName {
 padding: 6px 0;
}

/* ------ CONTACT ------ */

div.contact_frame {
	overflow:hidden;
	.height:500px;
	margin:10px 0 0 45px
}

div.contact_line {
 padding: 0 6px 4px;
 .padding:0;
 border-top: none;
}

div.contact_line div.contact_field_name {
 float: left;
 width: 150px;
 padding: 7px 0 0 0;
 font-weight: bold;
 color:#666
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_line.highlight {
}

div.contact_line input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit {
 margin: 0 0 0 166px;
}

div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 width: 347px;
}

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

h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h2.block {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

div.block {
 padding: 5px;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#conteneur {
	background:url('../img/conte.jpg')  top center no-repeat ;
	overflow:hidden;
	margin:0;
	padding:0
}

#page {
 width: 986px;
 margin:0 auto;
 min-height:569px;
}

#header {
 min-height: 269px;
 width:986px;
 margin:0 auto;
 position:relative
}

#body {
	margin:0 auto;
	padding:0;
	width:986px;
	min-height:300px;
	overflow:hidden;
	.margin-top:-5px
}
#footer_vis{
	background:url('../img/footer_vis.jpg') top right no-repeat;
	display:block;
	height:263px;
	width:986px;
	margin:0 auto
}
	
#body #wrapper {
 height: 100%;
 float: right;
 width:821px;
}

#body #left {
 width: 165px;
 float: left;
 min-height: 300px;
 margin-top:5px
}

#body #right {
 float: right;
 width: 175px;
 min-height: 300px;
 .margin-top:12px
}

#body .center {
 float: left;
 background:url('../img/corp.png') top right no-repeat;
 .background:url('../img/corps.png') top right no-repeat;
min-height:315px;
padding:0 25px;
width:591px;
.margin-top:5px
}

#arbo {
	padding:6px;
	}

#footer {
  min-height: 263px;
  background:url('../img/footer_bg.jpg') top left repeat-x;
  .margin-top:-15px
}


#header ul#links_1{
	margin:35px 0 0;
	float:right;
}
#header ul#links_1 li{
	display:inline;
	list-style:none;
}
#header ul#links_1 li a{
	display:block;
	float:left;
	text-align:center;
	color:#FFF;
	margin-right:13px;
	height:11px;
	width:15px
}
#header ul#links_1 li a.home{
	background:url('../img/home.jpg') no-repeat top center;
}
#header ul#links_1 li a.command_ami{
	background:url('../img/ami.jpg') no-repeat top center;
}
#header ul#links_1 li a.favori{
	background:url('../img/fav.jpg') no-repeat top center;
}
#header ul#links_1 li a.site_map{
	background:url('../img/sitemap.jpg') no-repeat top center;
}
#header ul#links_1 li a.home:hover{
	background:url('../img/home_over.jpg') no-repeat top center;
}
#header ul#links_1 li a.command_ami:hover{
	background:url('../img/ami_hover.jpg') no-repeat top center;
}
#header ul#links_1 li a.favori:hover{
	background:url('../img/fav_hover.jpg') no-repeat top center;
}
#header ul#links_1 li a.site_map:hover{
	background:url('../img/sitemap_hover.jpg') no-repeat top center;
}


#header ul#links_2{
	margin:15px 0 0;
	float:right;
	clear:right
}
#header ul#links_2 li{
	display:inline;
	list-style:none;
}
#header ul#links_2 li a{
	display:block;
	width:89px;
	height:28px;
	padding:8px 2px;
	float:left;
	text-align:center;
	margin-right:5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#E3E3E3;
	text-indent:-9999px
}

#header ul#links_2 li a.accueil{
	background:url('../img/acc.jpg') no-repeat top center;
}
#header ul#links_2 li a.presentation{
	background:url('../img/pre.jpg') no-repeat top center;
}
#header ul#links_2 li a.contact{
	background:url('../img/conta.jpg') no-repeat top center;
}
#header ul#links_2 li a.plan{
	background:url('../img/plan.jpg') no-repeat top center;
}
#header ul#links_2 li a.accueil:hover{
	background:url('../img/acc_hover.jpg') no-repeat top center;
}
#header ul#links_2 li a.presentation:hover{
	background:url('../img/pre_hover.jpg') no-repeat top center;
}
#header ul#links_2 li a.contact:hover{
	background:url('../img/cont_hover.jpg') no-repeat top center;
}
#header ul#links_2 li a.plan:hover{
	background:url('../img/plan_hover.jpg') no-repeat top center;
}

.mp{
	width:596px
}
.news{
	background:url('../img/newsletter.png') no-repeat center left;
	position:absolute;
	bottom:10px;
	right:60px;
	.bottom:5px;
	.right:40px;
	width:270px;
	height:88px;
	padding-left:50px;
	.padding-top:5px;
	.height:78px;
}
.news h2{
	text-indent:-9999px;
}
#newsletter .id_text{
	background:url('../img/input_text.png') no-repeat left center;
	border:none;
	padding:4px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	margin-right:5px;
	display:block;
	float:left
}
#newsletter .submit, .sub, a.bouton_suivant{
	background:url('../img/ok.jpg') no-repeat left center;
	border:none;
	display:block;
	width:71px;
	height:21px;
	float:left;
}
.sub{
	.margin-left:-5px;
}
a.bouton_suivant{
	text-indent:-9999px;
	margin-left:208px
}
h2.acc_toggler a{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	background:url('../img/left_menu.jpg') no-repeat left center;
	height:25px;
	width:144px;
	text-align:right;
	line-height:25px;
	padding-right:15px;
	margin-bottom:4px
}
h2.acc_toggler a:hover{
	color:#5A4D13;
	background:url('../img/left_menu_hover.jpg') no-repeat left center;
}
.acc_element h3 a{
	display:block;
	margin:0 15px;
	background:url('../img/puce.png') no-repeat right center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom:3px;
	text-align:right;
	padding-right:10px;
}
.act{
	display:block;
	height:21px;
	width:181px;
	background:url('../img/infos.png') no-repeat right center;
	text-indent:-9999px;
	margin:15px 0 0
}
#header a#logo{
float:left;
height:38px;
margin-top:20px;
width:233px;
position:absolute
}
#contact{
	display:block;
	margin-left:240px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	.margin-top:-15px
}
#contact p a{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#666;
	margin:5px 0
}
.article h2,.center h2{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#296823;
	background:url('../img/h2.jpg') no-repeat left center;
	height:23px;
	padding:15px 0 0 41px;
	margin:0 0 0 5px;
}
h2.galerie {
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#296823;
	background:url('../img/gal.jpg') no-repeat left center;
	height:22px;
	padding:3px 0 0 41px;
	margin:0 0 0 5px;
}

.article_contenu p, .galerie p, .center p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666D66;
	text-align:left;
	margin-left:50px;
	width:460px
}
.article_contenu p.gras{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#666
}
.article_contenu p.pict{
	width:535px;
}

.article_contenu img{
	margin-right:15px
}
#footer_vis ul{
	display:block;
	float:left;
}
#footer_vis ul li{
	list-style:none;
}
#footer_vis ul li a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	height:15px;
	width:87px;
	text-align:left;
	padding-left:8px;
	margin-bottom:6px
}
#footer_vis ul li a:hover{
background:url('../img/bot_menu_hov.png') no-repeat top center;
}
#footer_links{
	margin:53px 0 0 250px;
	.margin-top:63px;
	height:80px;
	width:502px;
	float:left;
	display:block
}
#ekinoxe{
	display:block;
	float:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-align:right;
	margin:45px 10px 0
}
ul.sitemap li a{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#666