html{
background:#FEFDF8 url('..//img/bg_html.jpg') top repeat-x
}

body {
background:url('../img/bg_body.jpg') top center no-repeat;
padding: 0;
margin: 0;
font-family: "Arial", sans-serif;
font-size: 12px;
}

img {
border: none;
}

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

a:hover{
color:#B5AC9A
}

*: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;
}

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 {
border: 1px solid #888;
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 {
margin:0 0 20px 80px;
}

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 {
font-weight: bold;
}

div.contact_line.highlight {
}

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

div.contact_submit {
margin: 10px 0 0 227px;
}

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

/* ------ 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;
float:left
}

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

#conteneur {
}

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

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

#header #anim{
position:absolute;
z-index:0;
margin:0 0 0 6px
}

#header #langue{
position:absolute;
z-index:1;
margin:7px 0 0 250px
}

#header #langue a{
opacity:0.7;
margin:0 5px
}

#header #langue a:hover{
opacity:1
}

#header a.btn_contact{
position:absolute;
top:7px;
left:135px;
background:url('../img/btn_contact.png') top no-repeat;
width:13px;
height:11px;
}

#header a.btn_contact:hover{
background:url('../img/btn_contact.png') bottom no-repeat;
width:13px;
height:11px;
}

#header a.btn_accepte{
position:absolute;
top:7px;
left:160px;
background:url('../img/btn_accepte.png') top no-repeat;
width:14px;
height:11px;
}

#header a.btn_accepte:hover{
background:url('../img/btn_accepte.png') bottom no-repeat;
width:14px;
height:11px;
}

#header a.btn_plan{
position:absolute;
top:7px;
left:185px;
background:url('../img/btn_plan.png') top no-repeat;
width:11px;
height:9px;
}

#header a.btn_plan:hover{
background:url('../img/btn_plan.png') bottom no-repeat;
width:11px;
height:9px;
}

#header .bg_logo_chatelaine{
position:absolute;
margin:0 0 0 378px;
width:211px;
height:208px;
}

#header .bg_logo_chatelaine a{
display:block;
width:211px;
height:208px
}

#header .bg_newsletter{
background:url('../img/img_enveloppe.png') left center no-repeat;
position:absolute;
top:0;
left:640px;
width:320px;
height:34px;
padding-left:15px;
}

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

.text_newsletter{
font:12px Arial, Helvetica, sans-serif;
color:#353028;
float:left;
margin-top:9px;
}


.id_text{
background:url('../img/bg_input.png') no-repeat;
width:169px;
height:18px;
text-align:center;
  color: #fff;
  font:11px Arial, Helvetica, sans-serif;
float:left;
border:none;
margin:2px 0 0 6px;
padding:2px 0 0 0;	
}



.btn_ok{
background:url('../img/btn_valider.png') no-repeat;
width:60px;
height:18px;
margin:2px 0 0 7px;
float:left;
border:none;
cursor:pointer;
}

#header .menu_haut{
position:absolute;
top:219px;
left:120px;
background:url('../img/bg_menu_haut1.png') no-repeat;
width:717px;
height:44px;
padding-left:40px;
}

#header .menu_haut ul{
list-style:none;
}

#header .menu_haut h3{
background:url('../img/bg_li.png') right no-repeat;
margin:0px 4px 0 0;
width:80px;
padding-right:13px;
display:block;
font:14px/37px Arial, Helvetica, sans-serif;
color:#B8AF9C;
float:left;
height:37px

}

#header .menu_haut h3 a{
width:80px;
text-align:center;
display:block;
font:14px/37px Arial, Helvetica, sans-serif;
color:#B8AF9C;

}

#header .menu_haut h3 a:hover{
background:url('../img/bg_menu_hover.png') no-repeat center center;
color:#FF6699;
}

#body {
margin: 5px 0;
}

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

#body #left {
background: #cce;
width: 200px;
float: left;
min-height: 300px;
}

#body #right {
float: right;
width: 230px;
}

#right .topside{
background:url('../img/bg_actualite1.png') top right no-repeat;
text-align:right;
padding:100px 70px 0 0;
font:12px Arial, Helvetica, sans-serif;
color:#999999;
}

#actualites h3{
display:none;
}


#body .center {
margin:0;
width: 680px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
min-height:200px;
float: left;
background:url('../img/img_top_left.png') top left no-repeat;
padding:95px 0 0 50px;
}

.bg_text_exclase{
margin:0 0 0 100px;
width:352px;
height:54px;
margin:-93px 0 0 250px;;
}

h2.article{
/*display:none;*/
}

.article_plus{
display:none;
}



.article_contenu{
font:12px Arial, Helvetica, sans-serif;
color:#635046;
margin-top:50px;
}

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

#footer {
min-height: 100px;
width:100%
}

#footer .text_logo_e{
width:150px;
margin:auto;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color:#B1ABA5;
}

#footer .text_logo_e span{
color:#FF9900;
}

#footer .bg_logo_e{
width:104px;
height:37px;
margin:auto;
margin-top:10px;
}


#footer .menu_bas {
font:12px Arial, Helvetica, sans-serif;
color:#BFBDBD;
text-align:center;
overflow:hidden;
margin:35px 0 10px
}

#footer .menu_bas a{
color:#BFBDBD;
display:-moz-inline-block;
display:inline-block
}
*+html #lien_mention {
margin-left:5px
}
#footer .menu_bas ul{
list-style:none;
display:inline;
margin:0;
padding:0
}

#footer .menu_bas ul li{
font:12px Arial, Helvetica, sans-serif;
color:#BFBDBD;
margin-left:5px;
display:inline;
}

#footer .menu_bas ul li a{
color:#BFBDBD;
background:url('../img/puce.jpg')  no-repeat center right;
padding-right:8px
}

#footer .menu_bas ul li a:hover{
color:#FF6A9B;
}

.bottom_side{
background:url('../img/bg_bottom_side.png') top no-repeat;
min-height:122px;
width:972px;
padding-top:80px;
}

.bottom_side .text_logo{
background:url('../img/bg_text_chatelaine.png') top center no-repeat;
margin:auto;
width:500px;
text-align:center;
font:13px Arial, Helvetica, sans-serif;
color:#5B5750;
padding-top:60px;
}

.bottom_side .text_logo span{
font:11px Arial, Helvetica, sans-serif;
color:#847D71;
}

.btnAvert{
display:block;
width:152px;
height:44px;
margin:20px 0 20px 65px;
float:left
}

.navigation{
background:#F3F1EB url(../img/bg-menu.png) top left no-repeat;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:right;
padding:15px 10px;
width:230px
}

.navigation a{
color:#FF6A9B;
text-decoration:none;
display:block;
padding:5px;
opacity:0.7
}

.navigation a:hover{
background:#FFFDF7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}