/*********************************************************************
******************* TOP BOTTOM ARTICLE GALERIE **********************
*********************************************************************/

@import url(galerie.css);


/*********************************************************************
****************************** GENERAL ******************************
*********************************************************************/

body, html {
background-color:#31070F;
background-image:url(../img/bg_all.jpg);
background-position:top;
background-repeat:repeat-x;
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFD4FE;
font-weight:normal;
}

body{
background:url(../img/bg-body.jpg) top center no-repeat
}

.clear{
clear:both;
}
input{
background:none;
border:none;
padding:0px;
margin:0px;
}
.basMenu ul, #header ul{
padding:0px;
margin:0px;
}
img {
border: none;
}

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

*:focus {
outline: none;
}
h2{
padding:0px;
margin:0px;
}

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

.acc_toggler {
margin: 0;
padding: 0;
cursor: pointer;
} 
.acc_toggler a{
background-image:url(../img/bg_toggler.jpg);
width:158px;
height:19px;
padding-right:7px;
display:block;
font-size:14px;
font-weight:normal;
color:#FFD4FE;
text-align:right;
margin-bottom:15px;
padding-top:2px;
}
.acc_toggler a:hover{
background-image:url(../img/toggler-hover.jpg);
color:#400914;
}
.acc_element h3 {
margin: 0;
padding: 0;
} 
.acc_element h3 a{
background-image:url(../img/bg_element.png);
background-position:right;
background-repeat:no-repeat;
padding-right:18px;
width:146px;
display:block;
font-size:12px;
font-weight:normal;
color:#A1687B;
text-align:right;
margin-bottom:8px;
}
.acc_element h3 a:hover{
 color:#FFD4FE;
}
/* ------ GALERIES ------ */

div.galeries {
}

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

h2.galerie {

}

div.photos {
display: block;
}

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

img.photo {
max-width: 125px;
max-height: 93px;
}

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

/* ------ CONTACT ------ */
input.bouton_suivant, a.bouton_suivant{
background-image:url(../img/bg_toggler.jpg);
width:165px;
height:21px;
color:#FFFFFF;
margin-right:195px;
display:block;
float:right;
text-align:center;
}
input.botton{
background-image:url(../img/bg_toggler.jpg);
width:165px;
height:21px;
color:#FFFFFF;
margin-right:186px;
.margin-right:176px;
}
div.contact_frame {
}

div.contact_line {
padding: 6px 6px 10px 6px;
}

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 {
}

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

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

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

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

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

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

div.block {
padding: 5px;
}

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

#conteneur {
position:relative;
border-left:4px solid#FF9CCF;
border-right:4px solid#FF9CCF;
}

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

#FlashID{
position:absolute;
z-index:0
}

#header {
height:295px;
width:980px;
padding-top:10px;
position:absolute;
z-index:1
}
#header a{
color:#B96B8E;
font-size:12px;
}
#header a:hover{
color:#FFD4FE;
}
#header a.shiva{
width:122px;
float:left;
margin-left:103px;
display:block;
}
#header a.recommander{
background-image:url(../img/recommander.png);
background-position:bottom;
background-repeat:no-repeat;
padding-top:2px;
width:13px;
height:12px;
float:left;
margin-left:16px;
display:block;
}
#header a.recommander:hover{
background-image:url(../img/recommander_hover.png);
}
#header a.favori{
background-image:url(../img/favori.png);
background-position:bottom;
background-repeat:no-repeat;
padding-top:2px;
width:14px;
height:12px;
float:left;
margin-left:12px;
display:block;
}
#header a.favori:hover{
background-image:url(../img/favori_hover.png);
}
#header a.plan{
background-image:url(../img/plan.png);
background-position:bottom;
background-repeat:no-repeat;
padding-top:2px;
width:11px;
height:12px;
float:left;
margin-left:11px;
display:block;
margin-right:56px;
}
#header a.plan:hover{
background-image:url(../img/plan_hover.png);
}
#header li{
float:left;
width:60px;
text-align:left;
list-style:none;
}
#header li.li{
background-image:url(../img/bg_element.png);
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
}
#header a.fr{
background-image:url(../img/fr.jpg);
width:16px;
height:11px;
float:left;
display:block;
margin-left:265px;
}

#header a.eng{
background-image:url(../img/eng.jpg);
width:17px;
height:11px;
display:block;
float:left;
margin-left:11px;
}
#header a.nl{
background-image:url(../img/nl.jpg);
width:16px;
height:11px;
float:left;
display:block;
margin-left:11px;
}
#header a.artShiva{
width:223px;
height:35px;
display:block;
margin-top:58px;
margin-left:240px;
}
#header .tel{
background-image:url(../img/tel.png);
width:254px;
height:26px;
margin-top:14px;
margin-left:240px;
}
/******************************************/
#body {
padding:380px 0 0 30px;
}

#body #wrapper {
float: right;
}
/***********************************************/
#body #left {
width: 240px;
float: left
}
.actuel{
width:202px;
margin-left:38px;
}
.actuel h2{
background-image:url(../img/bg_h2_actualite.png);
width:172px;
height:22px;
text-align:right;
padding-right:30px;
font-size:16px;
font-weight:normal;
padding-top:5px;
}
/**********************************************************/
#body .center {
width: 660px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
float: left;
}
.news{
background-image:url(../img/bg_news.jpg);
width:200px;
height:67px;
float:right;
margin:191px 126px 0 0;
padding:4px 0px 0px 4px;
}
.news span{
font-size:13px;
font-weight:bold;
}
.article h2, h2.galerie, .center h2 {
background-image:url(../img/bg_h2.jpg);
width:501px;
height:19px;
color: #FFD4FE;
font-size:15px;
font-weight:normal;
padding-left:32px;
padding-top:2px;
.margin-bottom:15px;
}
.article .article_contenu {
margin-left: 5px;
width:530px;
text-align:justify;
}
.news input.id_text{
background-image:url(../img/bg_input_news.jpg);
width:152px;
height:18px;
margin-top:6px;
font-size:11px;
padding-left:2px;
}
.news input.go{
background-image:url(../img/bouton_news.jpg);
width:41px;
height:42px;
float:left;
margin-left:2px;
cursor:pointer;
}
.news .leftNews{
width:154px;
float:left;
}
.navigation{
width:167px;
margin-left:70px;
min-height:345px;
}
#arbo {
padding: 5px 5px 3px 5px;
display:none;
}
/*****************************************************/
#footer {
margin-top:60px;
margin-left:70px;
width:830px;
padding-bottom:50px;
}
#footer .Allinfo{
width:550px;
float:left;
margin-top:8px;
}
#footer .basMenu{
width:520px;
margin-top:26px;
}
.basMenu ul{
float:left;
}
.basMenu a{
color:#A66D80;
font-size:11px;
font-weight:normal;
float:left;
display:block;
}
.basMenu span{
float:left;
}
.basMenu a, .basMenu span, .basMenu a.lien{
background-image:url(../img/bg_element.png);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
list-style:none;
float:left;
color:#A66D80;
font-size:11px;
margin-right:2px;
}
.basMenu a:hover, .basMenu a.lien:hover{
color:#E0B5DA;
}
.basConteneur{
background-image:url(../img/bas_site.jpg);
width:294px;
height:141px;
position:absolute;
right:0px;
bottom:0px;
}
#footer  .ekinoxe{
width:203px;
float:left;
text-align:right;
}
a.logo{
background-image:url(../img/logo_ekinoxe.jpg);
width:130px;
height:50px;
display:block;
float:right;
}
.ekinoxe span{
font-size:11px;
color:#A66D80;
}
/***********************/
#actualites h3 {
background-image:url(../img/bg_h2_actualite.png);
width:172px;
height:22px;
text-align:right;
padding-right:30px;
font-size:16px;
font-weight:normal;
padding-top:5px;
}
ul.depth-0{
margin-left:20px;
} 
ul.depth-1{
margin-left:20px;
} 
depth-1 a, .depth-0 a, .depth-2 a{
 color:#A66D80;
} 
/**********************/

.article_contenu ul li{
background-image:url(../img/bg_element.png);
background-position:left;
background-repeat:no-repeat;
padding:5px;
padding-left:18px;
list-style:none;
margin-left:10px;
}
.article_contenu ul li:hover{
color:#DE1111;
}
.ek-input-text {
width:60%;
}
div.galerie p{
width:530px;
}
.info span{
margin-right:5px;
}