@charset "UTF-8";
span.on{display:none;}
a img {border:0;}
/* CSS Document */
body
{
margin:0;
background:url(../images/body-bg.jpg) top left repeat-x #91b700;
font-family:Arial, Helvetica, sans-serif;}

.displayNone{
display:none;}

/*Div qui contient tout le site : càd ombre + main*/
#site{
width:997px;
margin:0 auto;
}

/* Div qui contient les éléments du site, hors ombres*/
#main{background-color:#fbecee;
margin:0 20px 0 20px;
}

/* Les ombres présentes sur le codé du site*/
/*Hack IE 6*/
/*
div#ombre-cotes {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.villagepommecannelle.com/images/shadow-bg.png', sizingMethod='scale')
}

html>body #ombre-cotes {
	filter: none;
	background: url('http://www.villagepommecannelle.com/images/shadow-bg.png') repeat-y
}
*/
#ombre-cotes{
background:url(../images/shadow-bg.png) top left repeat-y;
}
/*
* html #ombre-cotes{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.villagepommecannelle.com/images/shadow-bg.png');
background-image:none;
}
*/
/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo H E A D E R

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
#frise{
width:957px;
height:40px;
position:absolute;
background:url(http://www.villagepommecannelle.com/images/frise-bg.png) repeat-x top left;
z-index:4;
}
#header{
height:236px;/*238*/
position:relative;
z-index:2;
/*background:url(../images/header-bg.jpg) no-repeat top left;*/
}

#headerFlash{
height:245px;
position:absolute;
top:0;
left:0;
padding:0;
}

#contenu{
background:url(../images/contenu-bg.gif) repeat-x top left;
height: auto !important;
min-height:480px;
height:480px;
width:957px;
position:relative;}

/* ----------------------------------
LE   MENU
------------------------------------*/
#menu-header{
display:block;
left:53px;
position:absolute;
bottom:0;
z-index:8;
}

#menu{position:absolute;
top:0;
left:49px;
width:187px;
z-index:8;
}

#bloc-menu{
margin:0 4px 9px 4px;}

#menu-liste{
background-color:#e00060;
text-align:center;}

#menu-liste h1{margin:0;
font-size:12px;
color:#FFFFFF;
padding-bottom:5px;
}

#menu-liste h1 a{color:#FFFFFF}
/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo C O L O N N E    G A U C H E 

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
.rose{
color:#e00060
}

.paragraphe
{
background:url(../images/paragraphe-coin.gif) no-repeat top left;
padding:15px 30px;
}

#colonneGauche{
width:445px;
float:left;
padding-left:255px;
}

#colonneGauche-contenu{
/*position:relative;*/
width:590px;/*670*/
float:left;
padding-left:270px;/*250*/
background:url(../images/intro-bg.gif) no-repeat bottom right;
padding-right:70px;/*70*/
padding-bottom:30px;
/*
min-height:500px;
height:auto !important;
height:500px;
*/
}
#colonneGauche-contenu p{
font-size:11px;}
#colonneGauche-contenu h2{
color:#e00060;
font:bold 11px Arial, Helvetica, sans-serif;
}

#colonneGauche-contenu #bloc-droite{position:absolute;
top:30px;
right:20px;}

#colonneGauche-contenu h1{
margin-top:70px;
background:url(../images/intro-titre-bg.png) top left no-repeat;
padding-top:20px;
padding-left:30px;
}

#colonneGauche-contenu h1.plan {
margin:0;
padding:15px 0 15px 30px;/**/
font-size:14px;

}

#colonneGauche-contenu h1.plan a{color:#e00060;margin:0;padding:0;}
#colonneGauche-contenu h1.plan a p{margin:0;}
#intro-bloc{
padding-top:60px;
background:url(../images/intro-bg.gif) bottom right no-repeat;
height:auto !important;
height:400px;
min-height:400px;
}

#intro-bloc h1{
margin-top:0;
background:url(../images/intro-titre-bg.png) top left no-repeat;
padding-top:20px;
padding-left:30px;
}

#intro-logo{
float:left;
width:105px;
margin-left:6px;

}

#intro-texte{
width:290px;
float:left;
font-size:12px;
margin-left:20px;
}

#adresse{
margin-top:30px;
margin-bottom:15px;
font-size:12px;}
/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo C O L O N N E    D R O I T E 

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
#colonneDroite{
width:220px;
float:left;
margin-top:25px;
margin-left:20px;
}


#titre-newsletter
{color:#b23020;
font:bold 11px Arial, Helvetica, sans-serif;
}
#newsletter-texte{margin:5px 0;
color:#8f8f8f;
font:normal 11px Arial, Helvetica, sans-serif;}

#spip-listes{margin-top:25px;}

#mail_inscription_{width:160px;}

#newsletter-valider{}

#traduction{
font-size:11px;
color:#666666;}
#traduction a{color:#666666;
text-decoration:none;}

#bloc-newsletter{}

.promotion{
background:url(../images/promotion-bg.png) no-repeat top left;
position:relative;}
.promotion-logo{
padding:7px 6px;}
#promo-h1{margin-bottom:10px;}
.promotion-titre{position:absolute;
top:55px;
right:25px;/*75*/}
.promotion-titre{
height:18px;
}
.promotion-titre h2{
margin:0;
padding:0px 4px 0px 4px;
height:18px;/*5px*/
float:left;
color:#FFFFFF;
background-color:#e00060;
font:normal 11px Arial, Helvetica, sans-serif;
}

/* ===========================================

BLOC ADRESSE A COTE DU FORM DE CONTACT

=============================================== */
#contact-adresse{
position:absolute;
top:200px;
right:20px;
text-align:center;
float:left;
width:250px;
border:2px solid #FFCCCC;
padding:10px 0 ;}
#contact-adresse a{
color:#e00060;}
/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo F O O T E R

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
#footer{
background:url(../images/footer-bg.gif) repeat-x top left #e0e0da;
height:160px;
position:relative;
width:957px;
}

#signature{
float:right;
margin-top:45px;
margin-right:45px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#e00060;
width:422px;
}

#signature a{
color:#e00060;
text-decoration:none;}

#signature a:hover{
text-decoration:underline;}

#signature p{
margin:0;}

#signature-logo{
float:right;
margin-top:10px;
}

#signature-photos{
position:absolute;
top:-50px;
left:25px;
}

#plan{
background-color:#e0e0da;
text-align:center;
font:normal 11px Arial, Helvetica, sans-serif;
}
#plan a{
color:#e00060;
text-decoration:none;}
/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo B L O C     P R E C H E U R  

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
#bloc-precheur{

}

#bloc-precheur #photos{
float:left;
width:420px;
}

#bloc-precheur #photos a img{
border:3px solid #FFFFFF;
margin-right:10px;
}

#bt-precheur{
float:left;
margin-top:20px;
}

/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo B L O C     H E B E R G E M E N T

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
#heberg-tableau{
border:0;
background-color:none;}

#heberg-texte{
font-size:11px;}

#heberg-texte .paragraphe h1{
color:#FFFFFF;
font-size:12px;
background:url(../images/hebergement-titre.gif) no-repeat top left;
margin:0;
height:20px;
padding:3px 0 0 10px;
}

#heberg-texte .paragraphe .bloc-photos
{
width:240px;
float:left;
min-height:200px;
height:auto !important;
height:200px;
}

#heberg-texte .paragraphe .bloc-photos a img{
border:3px solid #FFFFFF;
}
#heberg-texte .paragraphe .bloc-contenu
{
width:345px;
float:left;
min-height:200px;
height:auto !important;
height:200px;
}

.heberg-vignette
{
margin-right:4px;
}
/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo T A B L E A U 

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/
.titre-rose{
text-align:center;
background-color:#f5bdce;
font-weight:bold;
border:1ps solid #333333;
font-size:14px;}
#tarifs td {
text-align:center;
font-style:italic;
font-size:12px;
}
.case-verte{
background-color:#d9d9a6}
.case-rose{
background-color:#fad4e5}
.case-blanche
{
background-color:#fbecee;}

#tarifs td.case-bs{color:#009900;font-size:16px}
#tarifs td.case-hs{color:#FF0000;font-size:16px}

.tabFooter{
padding:10px;
background-color:#dc004f;
color:#FFF}
td span{display:none;}

/*-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-

ooo F O R M    D E     C O N T A C T 

-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_-=-_*/

#formulaire_contact{width:315px;font-size:12px;}
#formulaire_contact a{color:#FFFFFF;}
#formulaire_contact .form_ligne{margin-bottom:6px;  width:150px;}
#formulaire_contact  label{
color:#666666
display:block;
font-weight:bold;
font-size:12px;
}

#formulaire_contact input{width:150px;}
#formulaire_contact textarea{ }
#formulaire_contact label{font-weight:bold;}
/**/