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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
html{
background: url('../img/html.jpg') repeat;
}
body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#551944;
font-size: 11px;
background: url('../img/bando1.jpg') repeat-x top left;
}
img {
border: none;
}
a {
text-decoration: none;
color: #551944;
}
a:hover {
text-decoration: underline;
color: #551944;
}
*:focus {
outline: none;
}
h1 {
text-indent: -9999px; 
margin: 0;
padding: 0;
}
#conteneur {
margin: auto;
min-height:297px;
background: url('../img/body.jpg') no-repeat top center;
}
#page {
width: 980px;
margin: auto;
}
#center h2 {
color: #561944;
min-height: 81px;
font-size:15px;
padding:20px 0 0 90px;
width:538px;
margin: 0;
background: url('../img/titre.png') no-repeat left;
}



div#contenu{
padding:0;
margin:0;
width:980px;
height: 100%;
float:left;
background: url('../img/ligne.jpg') repeat-y;
}
div#left{
padding:0;
margin:0;
width:356px;
min-height:700px;
float:left;
background: url('../img/gauche.jpg') no-repeat;
}

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

.menu_g {
margin:0;
padding:0;
width:356px;
padding-top:16px;
list-style:none;
}
.acc_toggler{
margin:0;
padding:0;
}
.acc_toggler a{
margin:0;
padding:0;
display:block;
color:#3F0C2D;
text-decoration:none;
font-size:13px;
padding-top:2px;
padding-left:38px;
width:318px;
height:24px;
text-align:left;
background: url('../img/menu01.png') no-repeat;
}
.acc_toggler a:hover  {
margin:0;
padding:0;
padding-top:2px;
padding-left:38px;
text-decoration:none;
color:#FFFFEB;
background: url('../img/menu02.png') no-repeat;
} 
.acc_element h3 {
 margin: 0;
 padding:0;
 width:356px;
 text-align:left;
 min-height:17px;
 
} 
.acc_element a {	
 margin: 0;
 padding:0;
 display:block;
 padding-left:52px;
 color:#26081D;
 font-size:12px;
 text-decoration:none;
 background: url('../img/slien1.png') no-repeat;
}
.acc_element a:hover {	
 margin: 0;
 padding:0;
 padding-left:52px;
 text-decoration: none;
 color:#9E79A3;
 background: url('../img/slien2.png') no-repeat;
}
h2, h3 {
 margin:0;
 padding:0;
 font-weight:normal;
} 
#flash{
margin:0;
padding:0;
width:356px;
height:261px;
margin-top:30px;
background: url('../img/flash.png') no-repeat;
}
div#flash_infos{
margin:0;
padding:0;
position:absolute;
width:269px;
height:155px;
margin-top:57px;
margin-left:74px;
color:#3F0C2D;
}
div#flash_infos a{
text-decoration:none;
font-weight:bold;
color:#3F0C2D;
}
div#flash_infos a:hover{
text-decoration:underline;
}


#adresse{
margin:0;
padding:0;
width:356px;
height:139px;
background: url('../img/adresse.png') no-repeat;
}
div#adresse_infos{
margin:0;
padding:0;
position:absolute;
width:164px;
height:72px;
margin-top:23px;
margin-left:181px;
color:#3F0C2D;
}

div#center{
padding:0;
margin:0;
width:624px;
min-height:700px;
float:left;
background: url('../img/center.jpg') no-repeat;
}

.article {
padding:0;
margin:0;
width:624px;
margin-top:25px;
clear: both;
}
.article h2 {
color: #561944;
min-height: 81px;
font-size:15px;
padding:20px 0 0 90px;
width:538px;
margin: 0;
background: url('../img/titre.png') no-repeat left;
}
.article_contenu {
margin-top:-50px;
margin-left:90px;
padding-bottom:15px;
width:501px;
}
/********** top **********/

#header {
min-height: 297px;
background: url('../img/top.jpg') no-repeat top center;
}

/********** MENU HORIZONTAL **********/

div#news{
padding:0;
width:220px;
height:22px;
position:absolute;
margin:11px 0 0 119px;
}
.champs{
width:168px;
height:16px;
position:absolute;
margin-top:2px;
margin-left:9px;
background:transparent;
font-size:11px;
color:#fff;
border:none;
}
.send{
width:23px;
height:19px;
position:absolute;
margin-left:192px;
background:transparent;
border:none;
cursor:pointer;
}
form{
margin:0;
padding:0;
}
div#logo{
padding:0;
position:absolute;
margin:43px 0 0 0;
width:344px;
height:203px;
}

#menu_haut{
padding:0;
position:absolute;
float:left;
list-style:none;
width:605px;
margin:261px 0 0 360px;
}
#menu_haut li{
padding:0;
margin:0;
color:#541944;
float:left;
}
#menu_haut a{
padding:0;
margin:0;
font-size:13px;
color:#541944;
text-decoration:none;
text-transform:uppercase;
padding-top:4px;
width:121px;
height:20px;
float:left;
text-align:center;
}
#menu_haut a:hover{
text-decoration:none;
color:#fff;
background: url('../img/menu2.png') no-repeat;
}
#horaires{
margin:0;
padding:0;
position:absolute;
width:151px;
height:45px;
margin-left:362px;
margin-top:8px;
font-size:16px;
font-family: Impact;
text-align:center;
color:#fff;
}



/*************************************bottom********************************/

div#bas {
margin:0;
padding:0;
width:980px;
height:244px;
clear:both;
vertical-align:middle;
background: url('../img/bas.jpg') no-repeat top center;
}

/********** MENU BAS **********/

div#menu_bas{
margin:0;
padding:0;
position:absolute;
margin-top:8px;
margin-left:440px;
font-size:10px;
width:500px;
height:30px;
color:#3F0C2C;
list-style:none;
}
#menu_bas a{
text-decoration:none;
color:#3F0C2C;
margin-left:5px;
margin-right:5px;
}
#menu_bas a:hover{
color:#FFFFEB;
text-decoration:none;
}

#menu_bas li {
display:inline;
border: none;
font-weight:normal;
float:left
}
#menu_bas ul {
margin:0px;
padding:0px
}

div#ekinoxe{
padding:0;
position:absolute;
margin:73px 0 0 502px;
width:84px;
height:93px;
}

div#email{
margin:0;
padding:0;
position:absolute;
margin-top:107px;
margin-left:590px;
font-size:11px;
width:302px;
height:15px;
color:#551944;
}

/********** ARBO **********/

#arbo{
margin:0;
padding:0;
margin-top:33px;
margin-left:16px;
width:500px;
height:27px;
text-align:left;
}
#arbo a{
width:90px;
height:22px;
padding-top:5px;
color:#561944;
text-align:left;
font-size:12px;
text-decoration:none;
}
#arbo a:hover{
text-decoration: underline;
}



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

div.galeries {
}

div.galerie {
 display: block;
 clear: both;
 width:624px;
 float:left;
 margin: 0 0 0 0;
 text-align:center
}

h2.galerie {
color: #561944;
min-height: 81px;
font-size:15px;
padding:20px 0 0 90px;
width:538px;
margin: 0;
background: url('../img/titre.png') no-repeat left;
text-align:left;
}

div.photos {
 display: block;
}

div.photo {
 float: left;
 margin: 0 0 0 10px;
 text-align: center;
 width: 243px;
 height: 143px;
 padding: 6px 2px;
 border: none;
}

img.photo {
 max-width: 243px;
 max-height: 143px;
  margin-left:40px;
}

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

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

div.contact_frame {
 border-top: 1px solid #eee;
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 border: 1px solid #eee;
 border-top: none;
}

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

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

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

div.contact_line.highlight {
 background: #f5f5f5;
}

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

div.contact_submit {
 float: right;
 margin: 10px 8px 0 0;
}

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: 400px;
}