BODY {min-height:100%;margin:auto; font-size:11px; font-family:Verdana; background-color:#DFDFDF;background-image:url(./media/gif/bgbody.gif); background-repeat:repeat-y; background-position:center;}
BODY,#header,#content {width:780px;}
BODY {width:781px;}

/*images de base*/
A IMG,
A:hover IMG {border:none;}

/*liens*/
A {color : #5F1924;font-weight: bold;}
A:hover {color : #2F5119;}
/*H */
H1,H2,H3,H4,H5,H6 {padding:0px; margin:0px;}
H3,H2 {text-decoration:underline;}
H2 {margin-top:5px;margin-bottom:5px; font-size:15px;}
H3 {font-size:12px;}
/*T */
.t1 {font-size:120%;}
.t2 {font-weight:bold; font-size:100%;}
.t3 {font-size:100%;}
/*p*/
p { line-height:20px;}

/*entete*/
#header {float:left;}
#header #nouvelle #breves H3 {margin-top:2px;}
#header #nouvelle #breves {width:252px; text-align:center;height:211px; background-color:#DFF3F4;float:right;}
#header #nouvelle #breves .breve {margin-top:12px;padding:0px 3px;}
#header #nouvelle #pict {float:left;background-color:#DFF3F4;height:211px;}
#header #nouvelle #pict {}

#header #bandeau {height:119px;}
#header #menu {background-color:#FFF; height:35px;float:left;clear:both; width:780px;}
#header #menu A {display:block;float:left;text-decoration:none; height:100%; padding-top:7px;padding-left:10px; padding-right:12px; text-align:center; }
#header #menu A:hover {color:#FFF;}
#header #menu A.selected {color:red;}

/*jquery - image*/
.pics {  
    height:  528px;  
    width:   211px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    border:none;/*  1px solid #ccc;  */
    background-color: #eee;  
    width:  528px; 
    height: 211px; 
    top:  0; 
    left: 0 
}

/*contenu*/
#content {clear:both;float:left; background-color:#B28B78;border:none;font-size:12px;}
#content IMG {border:solid 1px #000;}

/*position des zones*/
#content #stitre {float:left;width:776px;clear:both; padding-left:5px;border-bottom:solid 1px #FFF;}
#content #lzone {float:left;width:140px; text-align:center; padding-top:8px;}/*border:solid 1px red;}*/
#content #lzone IMG {margin-top:20px;margin-bottom:20px;}
#content #czone {float:left;width:387px; text-align:center;border-right:solid 1px #FFF;padding-top:8px;}/*border:solid 1px black;}*/
#content #rzone {float:right;width:242px; text-align:center;padding-left:5px;padding-right:5px;padding-top:8px;}/*border:solid 1px yellow;}*/
#content #rzone #tarif,
#content #rzone #liens {display:none;}
#content #czone {min-height:265px;}

/*pied de page*/
#footer {float:left;width:780px;height:50px;padding-top:10px;text-align:center;background-color:#B28B78;border-top:solid 1px #FFF;}
#footer #pygmoo {margin-top:10px;}

/*contact*/
#contact IMG {border:none;}

/*liens*/
#liens H2 {text-align:center;}
#liens .lien {margin-bottom:15px;margin-top:15px;}

/* SPECIFIQUE RUBRIQUE */
/* Accueil */
.r1 #content #czone p { line-height:20px;}

/*Chambre et chalet pas de zone de gauche*/
.r2 #content #lzone,.r3 #content #lzone {display:none;}
.r2 #content #czone,.r3 #content #czone {width:507px; padding-left:10px;padding-right:10px;}

/* les chambres, affichage des tarifs*/
.r2 #content #czone {text-align:justify;}
.r2 #content #czone .spip_documents_right {margin-left:5px;}
.r2 #content #rzone #tarif {display:block;}
.r2 #content #rzone #tarif .txt {text-align:center;}
.r2 #content #rzone #contact {display:none;}
.r2 #content #czone table.spip {width:100%;}
.r2 #content #czone table.spip TR dl {height:50px;padding:0px;} 
/* Le chalet */
.r3 #content #czone {text-align:justify;}
.r3 #content #czone dt {text-align:center;}
.r3 #content #czone .spip_documents_right {margin-left:5px;}
.r3 #content #czone dl {padding:5px;}
.r3 #content #czone table.spip TR dl {height:50px;padding:0px;} 
.r3 #content #czone table.spip TD { line-height:20px;}
.r3 #content #czone { padding-bottom:35px;}
/* Tarifs */
.r6 #rzone #contact .spip_document_59 {display:none;}
.r6 #rzone #contact .spip_document_59 IMG {border:solid 1px black;}
.r1 #rzone #contact .spip_document_59 IMG {border:solid 1px black;}
.r3 #rzone #contact .spip_document_59 IMG {border:solid 1px black;}

/* cordon et alentours, affichage des liens et on cache contact*/
.r4 #content #rzone #liens {display:block;}
.r4 #content #rzone #contact {display:none;}
.r4 #content #czone IMG {border:none;}
.r4 #content #czone, .r4 #content #rzone {text-align:left;}

/*photos*/
.r5 #content #rzone, .r5 #content #lzone {display:none;}
.r5 #content #czone {width:780px;border:none;}