/************* GÉNÉRIQUES *************/
body {
  height:                          100%;
  width:                           100%;
  background-color:      rgb(153,82,38);
}
* {
  font-family :                   Arial,
                              Helvetica,
                             sans-serif;
  font-size :                      12px;
  color:                          black;
  margin:                             0;
  padding:                            0;
  border:                             0;
}
p, h2 {
  margin-top: 6px;
}

/*************** ENTÊTE ***************/
#entete {
  position:                    absolute;
  background-color:      rgb(243,229,6);
  text-align:                    center;
  top:                             11px;
  left:                            11px;
  right:                           11px;
  height:                         146px;
  overflow:                        auto;
  border:          rgb(8,8,8) 3px solid;
}
#main {
  position:                    absolute;
  float:                          right;
  right:                            5px;
  top:                              8px;
}
#menu {
  position:                    relative;
  top:                             11px;
  width:                           100%;
  z-index:                            3;
	text-align:                    center;
}
#menu td {
	width:                          100px;
	height:                          30px;
	line-height:                     30px;
	text-align:                    center;
	text-transform:             uppercase;
	font-size:                     larger;
	letter-spacing :                  3px;
}
#menu td a {
	color:                        #F6E7CA;
	text-decoration:                 none;
}
#menu td .actif {
	color:                rgb(255,255,51);
	font-weight:                     bold;
	letter-spacing :                  2px;
}
#menu td a:hover {
	color:                 rgb(255,223,0);
	letter-spacing :                  0px;
}
#titre {
  position:                    relative;
  top:                             30px;
  z-index:                            1;
}
#langues {
  position:                    absolute;
  float:                           left;
  left:                            11px;
  bottom:                          11px;
  z-index:                            2;
}

/*********** CORPS - COMMUN ***********/
#cadre {
  position:                    absolute;
  background-color:      rgb(243,229,6);
  top:                            170px;
  bottom:                          11px;
  left:                            11px;
  right:                           11px;
  overflow:                        auto;
  padding:                         11px;
  border:          rgb(8,8,8) 3px solid;
}
#cadre h2 {
  color:                  rgb(160,42,6);
}
.pleineLargeur {
  width:                           100%;
}
.legende {
  font-weight:                     bold;
  color:                 rgb(55,151,51);
  margin-top:                       6px;
  text-align:                    center;
}

/*********** CORPS - PAGES ************/
#accueil,
#galerie,
#bio,
#contact {
  text-align:                    center;
}
#metier,
#conseils {
  text-align:                      left;
}

#accueil #commode {
	border-style:                   ridge;
	border-width:                     6px;
	border-color:        rgb(204,102,102);
  margin:                             0;
}
#accueil #mail {
	font-weight:                     bold;
	font-family:                    serif;
	font-style:                    italic;
	font-size:                       200%;
	text-decoration:                 none;
}
#metier #canettes {
  float:                           left;
  margin-right:                    11px;
  margin-top:                         0;
}
#metier h2 {
  margin-left:                       9%;
}
#bio input {
  background-image:      url(barre.gif);
  color:                          white;
  width:                          150px;
  cursor:                       pointer;
}
#galerie .vignette,
#galerie .vignActive {
	border-style:                   ridge;
	border-width:                     6px;
  margin:                           2px;
}
#galerie .vignette {
	border-color:        rgb(255,255,153);
}
#galerie .vignActive {
	border-color:        rgb(204,102,102);
}
#galerie hr {
  width:                            90%;
}
#galerie .comment {
	font-weight:                     bold;
	font-family:                    serif;
	font-style:                    italic;
	font-size:                       110%;
	letter-spacing:                   4px;
	border-top-style:               solid;
	border-bottom-style:            solid;
	border-width:                     2px;
	padding:                          5px;
	margin:                           5px;
}
#galerie .fleche {
  margin:                           2px;
  margin-bottom:                    6px;
}
#contact p {
  margin-bottom:                   12px;
}
#contact h1 {
  margin-top:                      36px;
}
#contact #noteTrad {
  padding-top:                      11px;
  text-align:                       left;
  font-style:                     italic;
 }
#conseils h1 {
	font-weight:                     bold;
	font-size:                       120%;
}
#conseils ol {
  margin:                           20px;
  margin-left:                       20%;
}
#conseils li {
  margin-top:                        8px;
}