body  {
	background-image: url(../tranches/images/fd_gite_des_hortensias_plouguerneau_08.gif);
	background-repeat: no-repeat;
	background-position:center center;
	margin-top: 0px;
	/*background-color: #d8c9b0;*/
	background-color:#ecd6b2 ;	
    }

    .twoColFixLtHdr #container { 

    	width: 950px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */

        margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */

    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}
.fond  {
	background-image: url(../tranches/images/fd_gite_des_hortensias_plouguerneau_04.gif);
	background-repeat: no-repeat;   
/*background-color:#f0eae0 ;*/
width:950px;
background-color:#f0e2cc	;
    }
	.fondHaut  {
	background-image: url(../tranches/images/fd_gite_des_hortensias_plouguerneau_01.gif);
	background-repeat: no-repeat;   
/*background-color:#f0eae0 ;*/
width:950px;
background-color:#f0e2cc	;
    }
    
	.titre {
	font-weight: bold;
	font-size: 16pt;
	line-height: 19pt;
	color: #1371a2;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	text-decoration: none;
	}
	.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 16pt;
	color: #3086b4;
	text-decoration: none;
	}
	.introBis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	color: #3086b4;
	text-decoration: none;
	margin-top : 12px;
	margin-bottom : 14px;
	}
	.textereferencement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-style: normal;
	line-height: 10pt;
	font-weight: normal;
	color: #7B7B7B;
	text-decoration: none;
	}
	.pied {
	font-size: 8pt;
	color: #9c8b6e;
}
.piedPage
{
	/*background-color:#e2d7c4;*/
	background-color:#fae8cb;
}
	.boite {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 40px;
}
.boite2 {
	padding-top: 30px;
	padding-right: 37px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.boite2resa {
	padding-top: 30px;
	/*padding-right: 40px;*/
	padding-bottom: 25px;
	padding-left: 0px;
}
.boite3 {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 30px;
}
.boite4 {
	padding-bottom: 15px;
}
.boite5 {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.boite6 {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7b7b7b;
	font-style: normal;
	line-height: 16pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.texteevenement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #7b7b7b;*/
	color:#3086b4;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom : 5px;
	margin-top : 7px;
	}
	.texteEncartEvent
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7b7b7b;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}
.lienImageTitre
{
	border : none;
	text-decoration : none ;
}
.lienImageTitre:hover
{
	border : none;
	text-decoration : none ;
}
div#menu {
          width: 185px;
		  margin:0px;
         }

div#menu ul {
             padding: 0;
             width: 185px;
             border:0px solid;
             margin:0px;
            }

/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/
               }

div#menu ul ul {
                position: absolute;
                top: 0;
                left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
               }  

div#menu li a {
font-size: 12pt;
	line-height: 25pt;
	color: #7b7b7b;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
               text-decoration: none; /* plus de soulignement pour les liens */
              }
			  div#menu li a:hover {
font-size: 12pt;
	line-height: 25pt;
	color: #1371a2;
	font-family: "Times New Roman", Times, serif;
              }

/*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
                      /*background: yellow;*/
                     }
					 /* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: 5px;
                left: 180px;
                display:none
               }
div#menu ul.niveau2 a
{
border-bottom:0px solid;
	font-size: 10pt;
	line-height: 18pt;
	font-weight: bold;
	padding-left : 5px;
}
div#menu ul.niveau2
{
width : 135px;

}

div#menu ul.niveau2 li
{
width : 135px;
border-bottom:1px solid;
}



/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
												   background: #ffffff;
                                                 }
div#menu ul.niveau1:hover li.sousmenu:hover ul.niveau2:hover,
div#menu ul.niveau2:hover li.sousmenu:hover ul.niveau3:hover {
                                                  display:block;
												   /*color : red;*/
                                                 }
												  /* fond blanc pour le menu */
div#menu a {
            color:#000000
           }

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/

div#menu li:hover {
                   /*background: #EDD;*/
                  }

div#menu li.sousmenu:hover {
                            /*background: #EBB;*/
                           }

/* Rajout d'une petite fleche pour les sous menu (j'ai pioché cette astuce sur le web ;) )*/
div#menu li.sousmenu {
                      /*background: url(fleche.gif) 95% 50% no-repeat;*/
                     }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {
               text-decoration: none;
               
			   /*padding-left : 10px;*/
               display:block; 
			   /*border-left:8px solid #BBB; */
			   width:185px ;
              }

/* la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {
                     /*border-left-color: red;*/
                    }
div#menu ul ul li a:hover {
                           /*border-left-color: #00FF00;*/
                          }
div#menu ul ul ul li a:hover {
                              /*border-left-color: #0000FF;*/
                             }
.retour
{
font-style: italic;
	font-size: 9pt;
	color: #5ba6cd;
}
.retour:hover
{
	text-decoration: none;
	color: #1371a2;
}
a {
	font-size: 10pt;
	color: #5ba6cd;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #1371a2;
}
a:hover {
	text-decoration: none;
	color: #1371a2;
}
a:active {
	text-decoration: none;
	color: #1371a2;
}
a.link2 {
	font-size: 8pt;
	color: #9c8b6e;
}
a.link2:hover {
	text-decoration: none;
	color: #1371a2;
}

a.link3 {
	font-size: 12pt;
	color: #1170a2;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	clip: rect(auto,auto,auto,auto);
}
.link3 {
	font-size: 12pt;
	color: #1170a2;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	clip: rect(auto,auto,auto,auto);
}

a.link3:hover {
	color: #1170a2;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
a.link3bis {
	font-size: 12pt;
	color: #5ba6cd;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	clip: rect(auto,auto,auto,auto);
}
a.link3bis:hover {
	color: #1170a2;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}


a.link4 {
	font-size: 12pt;
	line-height: 25pt;
	color: #7b7b7b;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
a.link4:hover {
	font-size: 12pt;
	line-height: 25pt;
	color: #1371a2;
	font-family: "Times New Roman", Times, serif;

}
.listeCatSej
{
	font-size: 12pt;
	line-height: 25pt;
	color: #3086b4;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.listeCatSej:hover
{
	font-size: 12pt;
	line-height: 25pt;
	color: #1371a2;
	font-family: "Times New Roman", Times, serif;
}
.speSej {
	font-size: 12pt;
	line-height: 25pt;
	color: #7b7b7b;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.lienSejour {
	font-size: 8pt;
	color: #5ba6cd;
	text-decoration: none;
	border:0px solid;
}
.lienSejour:link {
	text-decoration: none;
	border:none;
}
.lienSejour:visited {
	text-decoration: none;
	color: #1371a2;
	border:none;
}
.lienSejour:hover {
	text-decoration: none;
	color: #1371a2;
	border:none;
}
.lienSejour:active {
	text-decoration: none;
	color: #1371a2;
	border:none;
}
.cat
{
	font-size: 11pt;
	color: #5ba6cd;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	/*font-weight: bold;*/
	/*clip: rect(auto,auto,auto,auto);*/
}
.cat:visited
{
	font-size: 11pt;
	color: #5ba6cd;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	/*font-weight: bold;*/
	/*clip: rect(auto,auto,auto,auto);*/
}
.cat:hover
{
	color: #1170a2;
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	font-style: normal;
	/*font-weight: bold;*/
	font-variant: normal;
}
.asterix
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*color: #7b7b7b;*/
	color: #7b7b7b;
	font-style: italic;
	line-height: 10pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-top : 15px;
}
.titreGalerie
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #7b7b7b;*/
	color:#3086b4;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom : 5px;
	
}
.titreSejour
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #7b7b7b;*/
	color:#3086b4;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom : 5px;
	
}
.imageSejour
{
border:none;
	float: right; 
	margin: 5px 0px 0px 6px;
	width:200px;
	height:155px;

}
.imageAccueil
{
border:none;
	float: right; 
	margin: 5px 0px 0px 6px;
	width:130px;
	height:95px;

}
.imageAccueil2
{
border:none;
	float: left; 
	margin: 5px 6px 0px 0px;
	width:130px;
	height:95px;

}
.imageSejourBis
{
border:none;
	float: left; 
	margin: 5px 6px 0px 0px;
	width:200px;
	height:155px;

}
.imageSejourListe
{
border:none;
	width:95px;
	height:70px;
}
.listeCat td
{
padding-right:5px;
padding-bottom:2px;
}
.imgPres
{
border:none;
	float: right; 
	margin: 5px 0px 0px 6px;
	width:120px;
	height:56px;
}
.imgPres2
{
border:none;
	float: right; 
	margin: 5px 0px 0px 6px;
	width:110px;
	height:46px;
}
.info
{
	margin: 0px 0px 10px 0px;
}
.promo
{
	color: #eb4747;
	text-decoration: none ; 
	
}
.promoTarif
{

	color: #eb4747;
	text-decoration: none ; 
	margin-top : 8px;
margin-bottom : -5px;
font-size: 10pt;
	
}
.promo a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #eb4747;
	/*color:#3086b4;*/
	/*color:red;*/
	letter-spacing:1px;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	
	
	
}

.espaceArticle
{
height:5px;
	margin-top:0px;
}
.espaceArticle2
{
height:15px;
	margin-top:0px;
}
.listeEvent
{
	margin-top:5px;
}
.listeEvent2
{
	margin-top:-5px;
}
.event
{
	margin-bottom:15px;
}
.imageEvent
{
	margin-top : 5px;
	margin-bottom : 5px;
}
.textBoxContact
{
	width:270px;
}
.textarea
{
	width:270px;
	resize:none;

}
.espace
{
text-align : center ;
	margin-top : 7px;
}
.calendrier
{
	width:600px;
	height:1035px;
}
.listeTarifs
{
	margin-bottom : 9px;
}
.banniere
{

	height : 252px;
}
.bannierebis
{
	width:950px;
	height : 252px;
}

.mailto {
	font-size: 9pt;
	color: #5ba6cd;
}
.mailto:link {
	text-decoration: none;
}
.mailto:visited {
	text-decoration: none;
	color: #1371a2;
}
.mailto:hover {
	text-decoration: none;
	color: #1371a2;
}

.partenaires
{
	width:79px;
	height:28px;
	border:0;
}
.logo_partenaires
{
	position : relative ;
	float : left ;
	margin : 5px ;
}
    /* placer les corrections pour le modèle de boîte css pour IE 5.x dans ce commentaire conditionnel */

   /* .twoColFixLtHdr #sidebar1 { width: 230px; }*/

  

    /* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */

    /*.twoColFixLtHdr #sidebar1 { padding-top: 30px; }

    .twoColFixLtHdr #mainContent { zoom: 1; }*/

    /* la propriété propriétaire zoom ci-dessus transmet à IE l'attribut hasLayout nécessaire pour éviter plusieurs bogues */