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


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 background:#18001C;
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 color:#FFCCFF;
}

img {
 border: none;
}

a {
 text-decoration: underline;
 color: #FF3399;
}

.clear{
 clear:both;
}
div#adresse{
padding:20px 0 0 50px;
float:left;
margin-top:20px;
text-align:center
}
/* ------ 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;
}
/*
h2.galerie {
 background: #777 url('../img/bg-h2.jpg') top left repeat-x;
 color: #fff;
 font-size: 14px;
 padding: 3px 0 3px 8px;
}
*/

div.photos {
 display: block;
}

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

img.photo {
 max-width: 119px;
 max-height: 161px;
}

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

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

div.contact_frame {
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 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 {
}

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;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

.center h2{
 font-size:13px;
 padding-bottom:10px;
}

div.block {
 padding: 5px;
}

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

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

#page {
 width: 866px;
 margin: auto;
 padding-left:130px;
 position:relative;
}

#header {min-height: 250px;position:relative;}

#body {
}

#body #wrapper {
 height: 100%;
 float: right;
 width:533px;
 margin-right:108px;
 min-height:415px;
}

#body #left {
 width: 225px;
 float: left;
 position:absolute;
}

#body #right {
 background: #ecc;
 float: right;
 width: 200px;
 min-height: 300px;
}

#body .center {
 width:403px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
 min-height: 300px;
}

#arbo {
 padding: 5px 5px 3px 5px;
}

#arbo a {
 color:#FF3300;
 text-decoration:none;
}

#arbo a:hover {
 color:#FF0066;
 text-decoration:none;
}

.ff {
 width:100%;
 background:url(../img/footer.png) no-repeat center top;
 min-height: 319px;
}

#footer {
margin:auto;
min-height:39px;
padding-left:66px;
padding-top:280px;
width:940px;
}

span.news{float:left; padding-right:10px;}
#newsletter{float:left;}

.menuleft{
float:left;
margin-right:40px
}
a.home{
 background:url(../img/home.png);
 width:11px;
 height:9px;
 display:block;
 float:left;
 margin-right:11px;
}
a.recommander{
 background:url(../img/recommander.png);
 width:13px;
 height:11px;
 display:block;
 float:left;
 margin-right:11px;
}
a.favorie{
 background:url(../img/favorie.png);
 width:14px;
 height:10px;
 display:block;
 float:left;
 margin-right:11px;
}
a.plan{
 background:url(../img/plan.png);
 width:11px;
 height:9px;
 display:block;
 float:left;
}
a:hover.home{
 background:url(../img/home-hover.png);
}
a:hover.recommander{
 background:url(../img/recommander-hover.png);
}
a:hover.favorie{
 background:url(../img/favorie-hover.png);
}
a:hover.plan{
 background:url(../img/plan-hover.png);
}
.block-newsletter{float:right;color:#765D79;margin-top:6px;margin-right:42px;}
.id_text{ 
background:url(../img/inputnews.png) no-repeat;
width:155px;
height:16px;
border:none;
}
.bt{
background:url(../img/valider.png);
width:51px;
height:16px;
border:none;
}

#lien-video{
clear:both;
width:198px;
height:49px;
display:block;
float:right;
margin:10px 40px 0 0
}

a.logo{background:url(../img/logo.png);width:408px;height:150px;position:absolute;top:40px;left:150px;}
.banner {
height:211px;
left:40px;
position:absolute;
top:8px;
width:594px;
}
.acc_toggler a{
background:url(../img/bgactualiter.png);
color:#FFCCFF;
display:block;
font-size:13px;
height:26px;
padding-right:20px;
text-align:right;
text-decoration:none;
width:166px;
padding-top:3px;
}
.acc_toggler a:hover{
color:#fff;
}
.titreactualiter{
 background:url(../img/bgnews.png);
 width:186px;
 height:77px;
 float:right;
 margin-top:40px;
}
#actualites h3 {
 display:none;
}

#actualites p {
 margin: 0;
 padding: 4px 6px;
 text-align:right;
}
#actualites a.actu_suite {
 display: block;
 color: #DF0D07;
 text-decoration: none;
 text-align: right;
 background:url(../img/puce.png) no-repeat left;
 padding-left:10px;
 width:78px;
}
span.title{
 display:block;
 font-size:18px;
 margin-top:10px;
 margin-bottom:10px;
}
img.img1{
 float:left;
 margin-right:15px;
 margin-bottom:10px;
}
.hotess1{
 background:url(../img/hotess1.png);
 width:191px;
 height:571px;
 position:absolute;
 top:144px;
 left:23px;
}
.hotess2{
 background:url(../img/hotess2.png);
 width:313px;
 height:589px;
 position:absolute;
 right:-8px;
 top:152px;
}
span.siret{
 float:left;
 color:#994E93;
}
span.realis{
 float:right;
 color:#994E93;
}
span.web{
 color:#FF6600;
}
a.ekinoxe{
 color:#994E93;
 text-decoration:none;
}
.center li.depth-2{
 font-size:14px;
 padding-left:15px;
 margin-left:95px;
 margin-top:10px;
}
.center li.sitemap{
 list-style:none;
 margin-left:15px;
 background:url(../img/puce.png) no-repeat left;
 padding-left:40px;
 line-height:20px
}
.center li.sitemap a{
 color:#FF6633;
}
.center li.sitemap a:hover{
 color:#FF6633;
 text-decoration:underline;
}
.tableau{
 background:url(../img/tableau.png);
 width:387px;
 height:427px;
 position:absolute;
 top:250px;
 left:287px;
}
.hotess1A{
 background:url(../img/hotess1A.png);
height:570px;
left:20px;
position:absolute;
top:110px;
width:368px;
z-index:1;
}
.hotess2A{
 background:url(../img/hotess2A.png);
height:592px;
position:absolute;
right:-6px;
top:91px;
width:480px;
z-index:1;
}
a.entrer{
 display:block;
 background:url(../img/entrer.png);
 width:107px;
 height:34px;
 float:left;
 margin-left:60px;
 margin-top:32px;
 margin-bottom:3px;
 position:relative;
 z-index:1000;
}
a:hover.entrer{
 background:url(../img/entrer-hover.png);
}
a.sortir{
 display:block;
 background:url(../img/sortir.png);
 width:107px;
 height:34px;
 float:left;
 margin-left:65px;
 margin-top:32px;
 position:relative;
 z-index:1000;
}
a:hover.sortir{
 background:url(../img/sortir-hover.png);
}
span.avert{
 padding-left:132px;
 font-size:18px;
 color:#fff;
}
p.avertisement{
 text-align:center;
 font-size:11px;
 color:#fff;
 margin-top:2px;
}
.avertisement a{
 text-decoration:none;
 font-size:14px;
 color:#fff;
 position:relative;
 z-index:1000;
}
.acc_element a{
 text-decoration:none;
 padding-left:107px;
 color:#FFFFFF;
 font-weight:normal
}