/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "../admin/fckeditor/css/fck.css";

/************************************************************ STYLE CONTENU */
#texte{
	float:left;
	width:635px;
	padding-bottom: 20px;
}
#texte br{line-height: 0.8em;}



#texte h1{
	width: 633px;
	border-bottom: 1px solid #AF8392;
	margin-bottom: 20px;
  margin-top:20px;
  font-family: Times New Roman;
  font-size: 17px;
  color: #F5E9AF;
}
/*#texte h1 span {display: none;}    */
/*#texte h1.index{ background: url(../images/titres/titre-index.gif) left top no-repeat; height: 44px;}
#texte h1.tradition{ background: url(../images/titres/titre-tradition.gif) left top no-repeat; height: 67px;}
#texte h1.rose{ background: url(../images/titres/titre-rose.gif) left top no-repeat; height: 44px;}
#texte h1.prestige{ background: url(../images/titres/titre-prestige.gif) left top no-repeat; height: 67px;}
#texte h1.vieilli{ background: url(../images/titres/titre-vieilli.gif) left top no-repeat; height: 67px;}
#texte h1.selection{ background: url(../images/titres/titre-selection.gif) left top no-repeat; height: 44px;}
#texte h1.huile{ background: url(../images/titres/titre-huile.gif) left top no-repeat; height: 44px;}
#texte h1.chambre{ background: url(../images/titres/titre-chambre.gif) left top no-repeat; height: 44px;}
#texte h1.salle{ background: url(../images/titres/titre-salle.gif) left top no-repeat; height: 44px;}
#texte h1.evenements{ background: url(../images/titres/titre-evenements.gif) left top no-repeat; height: 44px; margin-bottom: 0px;}
#texte h1.commande{ background: url(../images/titres/titre-commande.gif) left top no-repeat; height: 44px;}
#texte h1.mentions{ background: url(../images/titres/titre-mentions.gif) left top no-repeat; height: 44px;}*/

#texte h2{
	font: bold 1.3em/1.6em Arial;
	text-align:left;
	color: #FFE6B0;
	padding-bottom: 10px;
	letter-spacing: 0.01em;
}

#texte h3{
	font: bold 1.3em/1.7em Arial, Helvetica, sans-serif;
	text-align:center;
	color: #770109;
	padding-bottom: 10px;
}

#texte p{
  font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #770109;
	padding-bottom: 10px;
}
#texte .couleur{
  color: #FFE6B0;
	font-weight: bold;
}

#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #FFE6B0;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:none;
	color: #770109;
}

#texte ul{
  margin-left: 50px;
	margin-bottom: 10px;
}
#texte .liste li{
	font: normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #770109;
	background: url(../images/charte/puce.gif) left top no-repeat;
	padding-left: 20px;
	list-style-type: none;
}

#texte .separateur{
  border-top: 1px dotted #AF8392;
	line-height: 0.5em;
	clear: both;
}
#texte .separateur-01{
  border-top: 1px dotted #AF8392;
	line-height: 0.1em;
}

#texte .photo-droite{
  float: right;
	margin-left: 20px;
}
#texte .photo-gauche{
  float: left;
	margin-right: 20px;
}

#bgTexte{
	background: url(../images/charte/bg-texte.jpg) left top no-repeat;
	width: 633px;
	margin: 0 auto;
	display: table;
}
#bgTexte .bottomLeft{
	width: 300px;
	padding: 20px 0px 20px 15px;
	float: left;
}
#bgTexte .bottomRight{
	padding: 20px 15px 20px 0px;
	width: 300px;
	float: right;
}
#bgTexte .bottomRight p{
	text-align: right;
}

/********************* ADMIN *****************************/

#texte .title-admin{
	font: bold 1.4em/1.7em Arial, Helvetica, sans-serif;
	text-align:left;
	color: #770109;
	padding-bottom: 10px;
}
#texte .thumb-right{
  background: url(../images/charte/bg-photo-right.gif) center top no-repeat;
	width:140px;
	height:140px;
	text-align:center;
}
#texte .thumb-left{
  background: url(../images/charte/bg-photo-left.gif) center top no-repeat;
	width:140px;
	height:140px;
	text-align:center;
	margin-right: 10px;
}

#texte .thumb-right2{
  background: url(../images/charte/bg-photo-right.gif) center top no-repeat;
	width:140px;
	height:140px;
	text-align:center;
	float: right;
}
#texte .thumb-left2{
  background: url(../images/charte/bg-photo-left.gif) center top no-repeat;
	width:140px;
	height:140px;
	text-align:center;
	margin-right: 10px;
	float: left;
}

/****************** Contact *************************/

#texte .adresse-contact{
	width: 155px;
	float: left;
}

#texte .horaires{
	width: 200px;
	float: right;
}

#texte .horaires p{
	text-align: right;
}


/***************** label *****************/
#texte .label-left{
	width:85px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:justify;
	color:#FEF3BD;
}
#texte .label-right{
	width:70px;
	float:right;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:justify;
	color:#FEF3BD;
}

/***************** input *****************/
.input-left{
	float:left;
	margin-bottom: 2px;
}
.input-right{
  float:right;
	margin-bottom: 2px;
}
.br-form{
	clear: both;
	padding: 0px;
	margin: 0px;
}
.inputForm{
  border: 1px solid #E2B3C3;
	background: url(../images/charte/bg-input.jpg) left top repeat-x;
  width:205px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#770109;
}
.inputFormOver{
  border: 1px solid #770109;
  background-color: #FEF3BD;
	width:205px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#770109;
}

/***************** btns *****************/
.envoyer{
	background: url(../images/charte/envoyer.gif) right top no-repeat;
	background-color: transparent;
	width: 100px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}
.envoyerOver{
	background: url(../images/charte/envoyer-hover.gif) right top no-repeat;
  background-color: transparent;
	width: 100px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}
.retablir{
	background: url(../images/charte/retablir.gif) right top no-repeat;
	background-color: transparent;
	width: 104px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}
.retablirOver{
	background: url(../images/charte/retablir-hover.gif) right top no-repeat;
	background-color: transparent;
	width: 104px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}

#texte p.text-contact{
  font: normal 1.1em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FEF3BD;
}
#texte .requis{
  color: #770109;
	font-size: 1.1em;
}