/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


body {
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  background: url("../images/zen_posture.jpg") no-repeat scroll top left;
  margin-bottom: 60px; /* Pour IE. */
}

/*//////////////  GABARIT ///////////////*/

#stem { /* Div qui englobe le site pour pouvoir afficher la tige à l'extérieur. */
  width: 900px;
  margin: 50px 0 60px 100px;  /* Descend le div de 50px et le centre. */
  /*border: 1px solid black;*/
  background: url("../images/orchidee_tige.jpg") no-repeat scroll top right;
}

#global {
  width: 850px;
  /*border: 1px solid black;*/ /* Bordure tout autour du div. */
  background: url("../images/orchidee.jpg") no-repeat scroll top right;
}

#header{
  overflow: hidden; /* Contexte de formatage. */
  height: 280px;
  /*background: url("../images/zen_posture.jpg") no-repeat scroll top left;
  /*border-bottom: 1px solid black;*/ /* Bordure en bas du div. */
}

/* Menu de navigation */
#navigation {
  overflow: hidden; /* Contexte de formatage. */
  height: 80px;
  background: url("../images/stones_menu.jpg") no-repeat scroll top left;
  /*border-bottom: 1px solid black;*/ /* Bordure en bas du div. */
}

/* Englobe les 2 divs content et lefter. */
#center {
  overflow: hidden; /* Contexte de formatage. */
  width: 100%;
}


#content{
  overflow: hidden; /* Contexte de formatage. */
  background-color: #669966;
  /*border-bottom: 1px solid black;*/
  /*background-color: #;*/ /* A définir. */
}


#footer{
  overflow: hidden; /* Contexte de formatage (fusion des marges). */
  padding: 5px;
  text-align: center;
  background: url("../images/yoga_postures.gif") no-repeat scroll top center;
  /*border: 1px solid black;*/
}


/*/////// ELEMENTS TEXTES DE ZITE /////////*/

/*  Placement des différents éléments textes. */
#sitename { /* Nom du site */
  font-family: arial, helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: white;
  margin: 15px 0 0 170px;
  /*border:1px solid #000000;*/
}

#sitesubtitle { /* Sous titre du site */
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin: 15px 0 5px 25px;
}

#zitelink {/* Lien vers le site de Zite */
  font-family: arial, helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  margin: 0 0 5px 25px;
}

/*-------------------------------*/


/*/////// ELEMENTS HTML /////////*/

img {
  border: 0;
}

a {
  text-decoration:none;
  color: #204204;
  font-weight:bold;
  font-size:12px;
}

a:hover {
  color: #cccc99; /* Le texte change de couleur */
}
/*-------------------------------*/


/*/////// ELEMENTS TEXTES GENERAL /////////*/

h1 {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 20px 0 5px 10px;
}

h2 {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 5px 0 5px 30px;
}

p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin: 0 10px 10px 10px;
text-align: justify;
}

/*-------------------------------*/


/*/////// FORMULAIRE DE CONTACT /////////*/

form.contact {
width: 100%;
/*margin: 40px auto 40px auto;*/
color: white;
/*border: 1px solid black;*/
margin: 0;
padding: 0;
}

form.contact input{
/*border: none;*/
margin: 5px 5px 5px 5px;
}

form.contact label{
font-family: arial, helvetica, sans-serif;
font-size:9pt;
font-weight: 600;
vertical-align: middle;
display:block;
width:60px;
float:left;
margin-top: 5px;
}

form.contact fieldset{
font-family: arial, helvetica, sans-serif;
font-size:10pt;
font-weight: 600;
border: 1px solid white;
padding: 10px;
}
/*label {
display:block;
width:120px;
float:left;
}*/
/*-------------------------------*/


/*/////// STYLE ZITE - BACKOFFICE /////////*/

#zadmin {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 0 2px;
  margin: 3px 0 0 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
}

#zadmin a {
  margin-left: 10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-decoration: none; /* Supprime le trait sous le lien. */
}

.ztable {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 0 2px;
  margin: 5px 0;
  width: 100%;
}

.ztable a {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-decoration: none; /* Supprime le trait sous le lien. */

}

.zalert {
  border: 1px solid #C00;
  background-color: #FEA;
  padding: 0 2px;
}