@charset "UTF-8";

/* Feuille de style Maison des Algues par david viard The Theme - version v4.b1 du vendredi 5 mai 2006 9:51:26
-------- ATTENTION!!!!!!!! -------
///	width et height sont exclusif des borders, padding et margins - sauf IEwindows et IEMac avant la v6 ///
/// Cette feuille de style ne spécifie pas de comportrement pour les navigateurs Netscape 4.x et IE 5 ///
*/
body {
margin : 0;
padding : 0;
border : none;	
font-family : 'zyxxy', Verdana, Arial, Helvetica, sans-serif, zyxxy;
background-color:#000000;
}

/*  redéclaration des tags p, Hn etc.... la directive font-family ne passe pas sous IE MAC si elle est uniquement dans body IE Mac est officiellement abandonné */
a img    {border : none;} /* supprime les encadrés sur les images-liens et all‚àö¬Æge le code HTML de l'attibut border=0 */
hr {margin:2em auto; width:40%;}
h1, h2, h3, h4, h5, h6  {font-family :'zyxxy', Verdana, Arial, Helvetica, sans-serif, zyxxy; font-weight : bold;}
p, ul, ol, li   {font-family :'zyxxy', Verdana, Arial, Helvetica, sans-serif, zyxxy;}
p { font-size : 0.67em; line-height : 117%; margin : 0.5em 2.2em; text-align : justify;}
h1  {font-size : 1.25em; margin : 0em 0.5em 1em;	font-weight : bold;line-height:115%; text-align : left;}
h1 strong {font-weight : normal; color:#FF0099;}
h2 { font-size : 0.85em;  margin : 1em; line-height: 115% ;color:#000000; font-weight:600; text-align:justify;	}
h3	{font-size : 0.78em; margin : 1em 1.2em ;}
h4	{font-size : 0.75em; margin : 1em  1.2em 0em;}
h5  {font-size : 0.70em; margin : 1em  3em 0.8em; letter-spacing : 0.02em;}
h6  {font-size : 0.55em; margin : 1em 0.5em 0.5em 4em;  text-transform : uppercase;}
/* définiton des listes */
ol  {font-size : 0.7em; margin : 0.25em 3.5em; padding-left:3em; list-style : upper-roman inside;}
ul  {font-size : 0.7em; margin : 0.25em 3.5em; padding-left:3em; list-style : square inside;line-height:1.2em;}
code{font-size : 0.7em; font-family:'Courier New', Courier, mono, sans-serif;}

/* Ensuite les couleurs selon le fond et par le contexte avec inherit */
h3    {color:#605E59;}
h4    {color : #FFB400;}
h5, h6, p   {color : inherit;} /*implique d'appliquer l'attribut style color clair ou sombre au container parent, IE n'en prend pas compte*/
h5 {border-bottom:#ccc 1px solid;} 

/* pseudo-classes */
* a, a:link    {color : #8686B2;	text-decoration : none;}
* a:active    {color : #FFCC00;}
* a:hover    {color : #d0f600;}

/*Generic classes.*/
*.defTitle    {font-size : 0.8em; font-weight:bold; margin : 0 1em 0.15em;} 
*.definition    {font-size : 0.65em;}
*.SubDef    {font-size : 0.7em;	margin : 0 2em;}
*.legende    {font-style:italic;	font-size : 0.6em;	margin :1em; }
*.signature    {font-style:italic;	font-size : 0.65em;	margin : 0.25em auto 0.90em 0em; color : #666666;}
*.legendeImage    {
	text-align : justify;
	font-style:italic;
	margin :0.25em 1em 1.5em;
	font-size : 0.8em;
}

/* éléments personnalisés */

/*
/////--------- Layout essentials ---------//////
*/
/* les div relatives */
div#fullWidth, div#MainCenter, div#top, div#topbar, div#Main, div#footer {position:relative;}
div#fullWidth, div#MainCenter, div#top, div#topbar, div#Main, div#footer { z-index : 6;}

/* Construction de base */	
div#fullWidth    {
	margin :0;
	min-height : 420px;
	width : 100%;
	overflow : visible;
}
div#MainCenter {/*centrage du contenu */
	width:955px;
	margin:0 auto;
	height:auto;
	min-height:inherit;
	padding:0.5em;
	padding-top:0;
	overflow:hidden; /* Le container s'étend en fonction du contenu, attention aux largeurs */
	/*color : #444444;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#FFF;*/
}
div#Main   {/* Le contenu des pages s'affiche à l'intérieur de cette division */
/* !!!!!!!! Attention à ses valeurs (margin/padding) par rapport à la navigation de gauche) probl‚àö¬Æme avec IE */
	float:right;
	min-height : 420px;
	width : 800px;
	/*color : #444444;*/
	margin : 0 ;
/* à supprimer, pour repérage uniquement
	background-color : #cccccc;*/
}

/*
////--------- Téti‚àö¬Ære et Navigations ---------////
*/
/* --- Construction de la téti‚àö¬Ære ---*/
/*div#topbar {
margin-right:0;margin-top:0;
width:955px;
background: scroll #FFFFFF url(/img/gui/fdnav.png) 0 0 no-repeat;}*/
div#banner, div.banner {float : left; width:756px; height:128px; }
div.banniere {float : left; width:508px; height:128px;}


/*/// Sous menus et navigations ///*/
/* --- La navigation principale  ---*/ 
div#top { /* ok */
	margin:0;
	padding-top : 0.25em;
	width:100%;
	border-bottom : 1px solid #d0f600;
 /* Hack for IE win6 */
	height:70px;
	overflow : hidden;
/* End of Hack */
	}

div#topbar {
	margin-right: auto ;
	margin-left: auto ;
	margin-top: 1em ;
	width:955px;
	}
	
div#logo {
margin-right:1em;
	float:left;
}	

div#nav {
	padding: 0;
	padding-top:0.7em;
}

/* --- Navigation interne à une rubrique (raccourcis) ---*/
div#subnav  {
	width:80%;
	margin : 0 auto 2em;
	padding : 0.35em;
	border: 1px solid #d0f600;
	border-top: none;
	text-align: left;
	font-size:0.9em;
	/*background-color:#E5E5E5;*/
	/*color:#000000;*/
	}
div#subnav ul {
margin :0 0.15em 0;
display: inline;}
div#subnav ul li {
padding-left:1em;
padding-right:1em;
display: inline;
}
div#subnav ul li {list-style-image : none ;white-space: nowrap;}

/* Les couleurs doivent être contextuelles */
div#subnav li a { color : #FFF;}
div#subnav li a:hover { color:#d0f600;}


/* definition des liens en mode liste  dans la sous navigation */
div#nav ul  {
font-size:0.70em;
margin :0 0.15em 0;
padding:0;
display: inline; }

div#nav ul li {
padding-left:1em;
padding-right:1em;
display: inline; 
}

/*l'attribut display:inline aligne les éléments de liste à la queue leu-leu et efface le prefixe de liste (safari, shiira, omniweb, camino, firefox Mac, Opera Mac), mais on le précise si un navigateur le supporte()*/
div#nav ul li {list-style : circle inside url(/img/gui/puce-mda.png);}
div#nav li:before {content: url(/img/gui/puce-mda.png);}
/* div#nav ul {list-style : circle inside url(/img/gui/puce-mda.png);}  Ne passe pas sur IE voir pourquoi */

div#nav li a { color : #999999;}
div#nav li a:hover { color:#d0f600;}
div#nav li a:active {color : #d0f600;}

/*Pseudo Classes */
/*div#Main h1:first-child   { margin:3em;}*/
h1+p {font-weight:bolder;font-size : 0.75em;  line-height : 130%; color:#666666;margin-bottom:2em;}
h5+p {margin-left:3em; font-size:0.6em;}
.date {font-size : 0.65em; text-align : right;}

/*//--------- styles de colonnages et positionnement ---------//*/
*#hangRight, *.hangRight {float : right;}
*.hangRight, #hangRight {margin:0 0.15em;}

/* ////// From Budd ////// */
/* block des liens ou ref clients */
*#refsBlock {
	margin : 3.7em 0;
	text-align : right;
	padding-right : 0.5em;
	border-right : 1px solid #d0f600;
	line-height : 1.65em;
}
*#refsBlock p, h4 {	margin : 0.4em 0 ;}
*#refsBlock h4 {
	color: #d0f600;
	font-weight: bold;
}
*#refsBlock li {
list-style:none;
margin-right:0;
margin-left:0;
}

/*+++ pour les alignements tabulaires +++*/
* div.labelRow {  clear: both;  }

* div.labelRow  span.clabel {
  float: left;
  padding-left :0em;
  width: 20%;
  text-align: right;
  font-weight : bold;
  }

* div.labelRow  span.cdata {
 /*float: left;*/
  padding-left : 0;
  text-align: left;
  }

div.labelRow span.formw {
  float: left;
  padding-left :1em;
  width: 300px;
  text-align: left;
  }
  
  
div#on2colsRight, div#on2colsLeft, 
.on2colsRight, .on2colsLeft {/* container divisant un block en 2 colonness égales */
	margin : 0;
	text-align:justify;
	width : 49%;
	padding : 0 0 20px;
}
div#on2colsRight, .on2colsRight {/* colonne de droite (sur 2 colonnes) */
	float : right;
}
div#on2colsLeft, .on2colsLeft {
	float : left;
}

#columnLeft, .columnLeft { /* contenu de la col de gauche (mise en page avec n colonnes) */
 float : left;
 width : 45%;
 margin-top : 0;
 margin-right : 0em;
 padding : 0 0.2em 0.4em;
}
#columnRight,  .columnRight{/* contenu de la col de droite (mise en page avec n colonnes) */
 float : right;
 padding-left : 0.2em;
 margin-top : 0;
 padding-top : 0;
 width : 38%;
}

/*//// Les Encarts ////*/
#encart_gauche, .encart_gauche, .encart_gauchex { /* Définition de l'encart gauche (mise en page avec 1 colonne). Valeur par défaut de cet encart*/
 float : left;
 width : 25%;
 margin: 0 0 0 10% ;
 padding : 0 1em 0.4em;
 font-weight:600;
}
#encart_droit, .encart_droit { /* Définition de l'encart droit. Valeur par défaut de cet encart*/
 float : right;
 width : 30%;
 margin: 0;
 padding : 0 0.35em 0.4em;
 color:#666666;

}
#one_column_encarts, .one_column_encarts { /* contenu de la colonne de contenu principale (si encarts gauche/droit) */
 float : left;
 width : 33%;
 margin:0;
 padding : 0;
}
#one_column_encarts h4, .one_column_encarts h4 { /* contenu de la colonne de contenu principale (si encarts gauche/droit) */
 margin:1em 0 0.25em;
 padding : 0;
}
/* mise en page avec encart */
#one_column_encart_droit, .one_column_encart_droit { /* contenu de la col de gauche (si un encart est à droite) */
 float : left;
 width : 50%;
 margin: 0em 0 0.5em 10%;
 padding : 1em;
}
#one_column_encart_gauche, .one_column_encart_gauche { /* contenu de la col de droite (si un encart est à gauche) */
 float : left;
 width : 50%;
 margin: 0em 0em 0.5em 0em;
}
/* définition des contextes d'encarts */
*.clabel { /*------------------------ à modifier*/
color: #97555B;
}
#one_column_encarts img, *.one_column_encarts img {margin : 0.8em;}
#one_column_encarts p, *.one_column_encarts p {margin : 0.5em;}
#encart_gauche p,  .encart_gauche p {margin:0.25em; /*font-weight:bold;*/ font-size:0.6em;}
#encart_droit p,  .encart_droit p {margin:0.25em;}
/* Modif pour tester le centrage des images dans les encarts
#encart_droit img,  .encart_droit img {margin : 4em 1em 0;} */
#encart_droit img,  .encart_droit img {margin : 2em 1em auto;}

/*Pseudo Classes */
#encart_droit h3+p, .encart_droit h3+p,
#encart_gauche h3+p, .encart_gauche h3+p {padding : 0 ; }
#encart_gauche img, .encart_gauche img {margin : 0 auto; }

#encart_droit h3, .encart_droit h3,
#encart_gauche h3, .encart_gauche h3 {
margin:1.5em 0.4em 0.25em; 
border:#999999 1px solid;
padding:0.25em;
color:white;
background-color:#666666;
}
#encart_droit h4, .encart_droit h4,
#encart_gauche h4, .encart_gauche h4 {
margin:1.5em 0.4em 0.4em; 
padding:0.5em 0 0; 
font-size:0.7em; 
color:#999933;
border-top:1px solid #CCCCCC;
}
#encart_droit h5, .encart_droit h5,
#encart_gauche h5, .encart_gauche h5 {
	margin:0.4em 0.35em 0em 0.35em ;
	padding : 0.4em;
	letter-spacing:normal;
	background-color:#999933;
	color:#FFFFFF; 
	border:1px solid #999999; 
	border-bottom:none;
	}
#encart_droit ol, .encart_droit ol, 
#encart_gauche ol, .encart_gauche ol {
margin:0em 0.4em 1em; 
padding : 1em; 
/*font-size:0.6em; debug pour les navigations */
color:#999999;  /* voir à ne pas mettre la couleur et utiliser l'inhéritence */
list-style: inside lower-alpha  none; 
border:1px solid #999999;}
#encart_droit ul, .encart_droit ul, 
#encart_gauche ul, .encart_gauche ul  {
margin:0em 0.4em 1em; 
padding : 1em; 
/*font-size:0.6em; debug pour les navigations */
color:#999999; /* voir à ne pas mettre la couleur et utiliser l'inhéritence */
list-style:inside none; 
}

/*////-------------- //// styles de cadre //// -------------- ////*/
/* //// cadre 1 - Les bandeaux jaunes //// */
div#miseEnValeur {/* ok */
	position:relative;
	margin : 1em auto;
	padding :0.35em;
	width : 50%;
	overflow : visible;
	background-color : transparent;
	border : 1px solid;
	color : inherit;
	text-align : left;
}

div#miseEnValeurIntro {/* ok */
	position:relative;
	margin : 1.2em;
	padding :0.5em;
	overflow : visible;
	background-color : transparent;
	color : inherit;
	text-align : left;
}
div#miseEnValeur a {
	color: #FF6633; /* attention!!! à cette définition de couleur qui bloque les surcharges de style */
}

div#miseEnValeurIntro {/* ok */
	border : 1px solid #444444;
	width : 65%;
}

div.banniere {float : left; width:auto; height:128px;}

*.cadre1 {
background-color : #a4919e;
height:141px;
overflow:hidden;
}
*.cadre1 div.infoBanner {
margin:0.5em;
height:135px;
overflow:auto;
}
*.cadre1 div.infoBanner p {padding:0;font-size:0.6em; line-height:1.2em;font-weight:bold;}
*.cadre1 div.infoBanner em {color:#d0f600;font-style:normal;font-weight:bold;}

/* 

//// cadre 2 - Zone de commentaire //// 
en cours
*/
div.cadre2 { width:100%;margin:1em auto;}
div.cadre2>p {padding:1.25em;color:#333333; margin:2em auto; background-color:#E7E7CA;font-style:italic;font-size:0.65em;width:70%;}
div.cadre2 div.cadre2 {padding:1.25em;color:#333333; margin:2em auto; background-color:#E7E7CA;font-style:italic;font-size:0.9em;width:70%;}
div.cadre2 img {border:#666666 1px solid;}
div.cadre2 div.cadre1 {margin:1.5em auto; width:70%; padding:0.25em; border : thick red solid; background-color:white; color:#666; height:auto;} /*warning */
div.cadre2 div.cadre1:before {content:"ATTENTION !"; font-weight : bold;color:red; padding-left:1.5em; display:inline;}
div.cadre2 div.cadre3 {margin:1.5em auto; width:90%; padding:0em; border-top : 1px #666 solid; background-color:white; color:#666; font-style:italic; height:auto;} /*warning */
div.cadre2 div.cadre4 {margin:1.5em auto; width:80%; padding:0.15em; border : 1px #666 solid; background-color:#DFEFDA; color:#666;  height:auto;} /*warning */
div.cadre2 div.cadre5 {
margin:1.5em auto; width:60%; padding:0.15em; border : 1px #ccc solid; background-color:white; color:#ccc; font-style:italic; font-size:0.6em; height:auto;
border-bottom:0; border-top:0;} /*warning */
div.cadre2 div.cadre5 p{color:#999999;}
/* 

//// cadre 3 - Pour les pages et blocs de présentation de liens //// 

*/
div.cadre3 { clear:both; padding:0.25em; margin:0.75em 0em;}
div.cadre3 h1 { margin: 1em 0em;}
div.cadre3 h2+p strong {color:#FF33CC;}
div.cadre3 h3 {color:#CCCCCC; font-size:2em;margin-top:0;}
div.cadre3 h4 {
color:#666699;
margin :0 0.25em;
padding:0.45em;
font-size:0.7em;
letter-spacing:normal;
border:1px solid #666699;}
div.cadre3 h5 {
background-color: #FFCC00;
color:#666699;
margin : 0em  0.25em 0;
padding:0.45em 0.45em;
letter-spacing:normal;
border:1px solid #CCCCCC;
border-bottom:1px solid #877779;}
div.cadre3 ol  {
font-size : 0.7em;
font-weight:bold;
line-height : 165%; 
margin :0 0.25em 2em; 
list-style:lower-alpha inside;
border:1px solid #666699; border-top:none;
background-color:#EDEDED;
padding-bottom:0.35em; padding-top:0.35em;}
div.cadre3 ul  {
background : #EBEBEB url(/img/gui/gradient_grey.jpg) 0 0 repeat-x; 
border:1px solid #CCCCCC; border-bottom:5px solid #FFCC00;
font-size : 0.7em;
font-weight:900;
line-height : 175%;
margin :0 0.25em 2em;
padding:0;
list-style : disc inside ;}
div.cadre3 ul li {
border-bottom:1px solid #CCCCCC;
padding-left:1.5em; padding-right:1.5em;}
div.cadre3 * li a {color:#74739A;}
div.cadre3 * li a:hover {color:#FF6600;}

div.cadre3 div.encart_droit {border-left:1px solid #CCCCCC;}

/* 

//// cadre 4 - Définitions d'un encadrement fond jaune //// 

*/
div.cadre4 {
position:relative;
margin : 1em 0;
overflow : visible;
background-color : transparent;
color : #5b7855;
border:#d0f600 solid 1px;
}
div.cadre4 h4 {
color:#666699; /* attention!!! couleur sombre vis à vis du fond du cadre */
margin :0 0.25em;
padding:0.45em;
font-size:0.6em;
letter-spacing:normal;
border-bottom:1px solid #CCCCCC;
}
div.cadre4 p { color : #000;  font-size:0.65em;} /* attention, définition de couleur contradictoire avec celle définie dans le cadre */

/* 
//// cadre 5 - Pour les pages et blocs de présentation de liens //// 
*/
div.cadre5 {
position:relative;
margin : 1em auto;
padding :0.35em;
width : 70%;
overflow : auto;
background-color : #49233e;
border : 1px solid #666666;
text-align : left;}
div.cadre5 h4 { color : #FFFFFF;} 
div.cadre5 p { color : #FFFFFF;}
div.cadre5 img {margin : 0.56em 1.5em; border : white 1px solid;}
div.cadre5 * li a {color:#003399; }
div.cadre5 * li a:hover {color:#CC3300; }
/* 
//// cadre 6 - Bloc encadré avec header //// 
*/
div.cadre6 {
position:relative;
margin : 1em auto;
padding :0;
width : 80%;
overflow : visible;
background-color : #4B4B4B;
border : 1px solid #666699;
color : #FFFFFF;
text-align : left;}
div.cadre6 h4 {
	color:#49233e;
	margin :0;
	padding:0.45em;
	font-size:0.65em;
	letter-spacing:normal;
	border-bottom:1px solid #CCCCCC;
	background-color: #d0f600;
}
div.cadre6 h5 {
	color:#666699;
	margin :0;
	padding:0.45em;
	font-size:0.55em;
	letter-spacing:normal;
	border-bottom:1px solid #FFCC00;
	background-color: #FFFFFF;
}
div.cadre6 img {margin-bottom : 1em;}
div.cadre6 p { margin: 1.25em; color:inherit;}
div.cadre6 div.cadre6 p {font-size:0.65em;}

div.cadre6 div.cadre4 { margin: 0.5em auto; width:80%;}
div.cadre6 div.cadre4 p {color:#CCCCCC;}
div.cadre6 div.cadre4 h3 {} 
div.cadre6 div.cadre4 h4 {color:#FFFFFF;background-color:transparent;}
div.cadre6 div.cadre4 h5 {color:#FFCC00;background-color:transparent;}

div.cadre6 div.cadre1 {overflow : auto;}
div.cadre6 div.cadre1 p {color : #000000; font-weight:normal;line-height:normal;}
div.cadre6 ul {
padding : 0 0.5em;}
div.cadre6 li {
margin-bottom : 0.35em;}
/* //// cadre 7 -  gras vert //// */
div.cadre7 {
position:relative;
margin-top :  3em;
overflow : visible;
background-color : transparent;
color : #5b7855;
}
div.cadre7 p { font-weight:800; font-size:0.65em;}

/* filets et encadrements */
.frameDashGrey {	border : 1px dashed #999999;}

.frameGrey {	border : 1px solid #E3E3E3;}
.edgeTopGrey {	border-top : 1px solid #E3E3E3;}
.edgeLeftGrey {	border-left : 1px solid #E3E3E3;}
.edgeRightGrey {	border-right : 1px solid #E3E3E3;}
.edgeBasGrey {	border-bottom : 1px solid #E3E3E3;}

.frameOrange {	border : 1px solid #FFB309;}
.edgeTopOrange {	border-top : 1px solid #FFB309;}
.edgeLeftOrange {	border-left : 1px solid #FFB309;}
.edgeRightOrange {	border-right : 1px solid #FFB309;}
.edgeBasOrange {	border-bottom : 1px solid #FFB309;}

.frameWhite {	border : 1px solid #FFFFFF;}
.edgeTopWhite {	border-top : 1px solid #E3E3E3;}
.edgeLeftWhite {	border-left : 1px solid #E3E3E3;}
.edgeRightWhite {	border-right : 1px solid #E3E3E3;}
.edgeLRWhite {
	border-left: thin solid #FFFFFF;
	border-right: thin solid #FFFFFF;
}

/* couleurs */
.FDwhite {background-color:#FFFFFF;}
.FDdarkGrey {background-color:#666666;}
.FDlightGrey {background-color:#b2b2b2;}
.FDxlightGrey {background-color:#dcdcdc;}
.FDbordeauxMDA {background-color:#49233e;}
.FDvertMDA {background-color:#d0f600;}

.lightGrey {color:#b2b2b2;}
.bordeauxMDA {color:#49233e;}
.vertMDA {color:#d0f600;}


/* Modifications par sections et par page */
/*Pour accueil */
div#one_column_encarts.darkGlass {
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
div.chambres h1+p {font-weight:normal;font-size : 0.67em;  line-height : 117%;  margin : 0.5em 2.2em; color:#FFFFFF;margin-bottom:0;}
div.chambres .encart_gauche { 
margin:0;
padding:0;
float:left;
}
/* div.chambres p {color:#FFFFFF;}  attention!!! ceci est une fausse définition, la couleur est définie pour chaque chambre ou groupe de chambre */
div.chambres #columnLeft p  {margin:0;}
div.chambres #columnLeft h1  {margin:0; margin-bottom:0.75em;}
div.chambres * h2 {color:inherit;}
div.chambres div#MainCenter {/*nettoyage alignement MainCenter */
	padding:0;
}

.salicorne {
background:#fbfbfb url(/img/pages/visite/ch_salicorne/gradient_grey.jpg) 0 0 repeat-x;
color:#333333;}
.salicorne .reserver {
border:#49233e 1px solid;
}
.kombu {
background:#fed195 url(/img/pages/visite/ch_kombu/kombu_fond.jpg) top left no-repeat;
color:#333333;}
.kombu .reserver {
border:#49233e 1px solid;
}

.spiruline { /* OK */
background:#000000 url(/img/pages/visite/ch_spiruline/masque.png) 0 0 no-repeat;
color:#FFFFFF;}
.spiruline .reserver {/* ok */
border:#49233e 1px solid;
}
.spiruline h1 {
color:#d0f600;
}
.saccharine {/* ok */
background:#000000 url(/img/pages/visite/ch_saccharine/saccharine_fond.jpg) top right no-repeat;
color:#FFFFFF;}
.saccharine .reserver {
border:#dedede 1px solid;
}
.saccharine h1 {
color:#d0f600;
}
.wakame {
background:#FFFFFF url(/img/pages/visite/ch_wakame/wakame_fond.jpg) top right no-repeat;
color:#333333;}
.wakame .reserver {
border:#49233e 1px solid;
}

.reserver {/* ok */
padding:0.15em; 
margin:1em 3em;}

.reserver p {text-align:center;}/* ok */

.parc {
background:#FFFFFF url(/img/pages/visite/ch_wakame/xxxx.png) 0 0 no-repeat;
color:#333333;}

.heliport {
background:#FFFFFF url(/img/pages/visite/ch_Wakame/xxxx.png) 0 0 no-repeat;
color:#333333;}

.environs {
background:#e7d8ad url(/img/gui/gradient.jpg) 0 0 repeat-x;
color:#333333;}

.etlereste {
background:#000000 url(/img/pages/visite/etlereste/fond_etlereste.png) center top no-repeat;
color:#000;}

.etlereste .cadre7{
color:#FFF;}

/* l'espace pictos animés */
div#pictos {
margin : 0 auto;
width : 760px;}

/* l'espace partenaires */
div#partners {
border-top : #d0f600 1px solid;
margin : 0 auto;
width : 950px; /*760px;*/}
/* et notre pied de page */
div#footer  {
	clear : both;
	margin : 0 auto;
	padding-bottom : 1em;
	border-top:#d0f600 1px solid;
	background-color : transparent;
	font-size : 0.88em;
	color : #777777;
	width:100%;
	white-space: nowrap;
	}
div#footer p {	text-align : center;}
div#footer span.webmaster {margin-left : 300px;}
/*
---
---
*/
/* Redéfinition des tableaux. */
table {
	margin : 1.5em 0;
	border : 0; 
	padding : 0;
}
th   { text-align : center;	vertical-align : middle;}
td    {
	padding : 0.25em;
	vertical-align : middle; 
	/*border-bottom : 1px solid #ccc;*/
	empty-cells:show;
	}
tr { border-bottom : 1px solid #ccc;}
table * p    {vertical-align : middle; margin:0; padding:0;}
th h2    {vertical-align : middle; font-size:10px; margin:0; padding:0;}

/* Autres définitions contextuelles de table  */
table * a:active {background-color:#EBE3D8;}

/* 
---
---
*/
/* habillage des Formulaires, champs et boutons... */
label[for]    {cursor : pointer; }
input.pbutton, input.button    {font-size : 0.7em;	font-weight : normal;	color : black;}
input.pbutton    {font-weight : bold !important;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover    {color : #FFAA55;}
input[disabled][type="text"], input[disabled][type="password"]    {background-color : #D6D8DA;}
select    {
font-size : 0.80em;
font-weight : normal;
color : #666666;}
input.text, textarea    {font-size : 0.75em;	font-weight : normal;	color : black;}
input[type="file"]    {font-size : 0.7em;	font-weight : normal;	color : black;
	border-color : #FFFFFF #E3E3E3 #FFD281 #FFB309;
border-width : 1px;}
/*
  Malgré la propriété font-family dans body, textarea n'en tient pas compte, 
  que ce soit dans un navigateur gecko ou IE... On redéclare..
 */
textarea    {font-family : 'zyxxy',Verdana,Arial,Helvetica,sans-serif,zyxxy;}
input.text    {text-indent : 2px;}
input.text, textarea    {background-color : #FAFAFA;	border : 1px inset #666; padding:0.25em;}
input.text:focus, textarea:focus    {background-color : white;	border-style : solid;}


/* themes */
div#promoHeader {
width:234px;
height:70px;
background: url(/img/pages/home/promoHead.png) no-repeat left bottom;
margin:1em auto 0;
}
div#promo {
width:234px;
min-height:100px;
height:auto;
overflow:auto;
background: #cddc28;
margin:0 auto 1em;
}
div#promo p {
color :#ec1010;
padding:1em 0.35em 0.25em;
text-align:center;
font-weight:normal;
font-size:0.8em;
}
div#promo p.moreInfo {
text-align:right;
}
div#promo p.moreInfo a:hover {
color:#000;
}