/*FEUILLE DE STYLE CREEE PAR M.P.
*/
/*PROPRIETES GENERALES DE LA PAGE*/
BODY {
      BACKGROUND: #FAF9F6 url('http://quatrelle.online.fr/images/fond.jpg');
      background-attachment: fixed;
      color:#606060;
      font-size:16px;
      font-family: Times new roman, times, Verdana, arial, helvetica; 
  margin: 0;
  padding: 0;
}
TABLE.def {
	COLOR: #808080; FONT-FAMILY: Verdana, arial, helvetica; FONT-SIZE: 12px; LINE-HEIGHT: 18px; MARGIN: 8px 50px
}
SPAN.titre {
	COLOR: #666666; FONT-FAMILY: arial, helvetica; FONT-SIZE: 16px; FONT-WEIGHT: bold; LINE-HEIGHT: 10px
}
SPAN.sujet {
	COLOR: #666666; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; LINE-HEIGHT: 10px
}
SPAN.soustitre {
	COLOR: #333333; FONT-SIZE: 9px
}
SPAN.petit {
	FONT-SIZE: 11px; LINE-HEIGHT: 12px
}
SPAN.small {
	COLOR: #808080; FONT-SIZE: 11px; LINE-HEIGHT: 12px
}
SPAN.copyright {
	FONT-SIZE: 9px; font-family: cursive; LINE-HEIGHT: 9px
}
SPAN.code {
	FONT-FAMILY: courier new
}
SPAN.question {
	CURSOR: help
}
SPAN.bartitre {
	COLOR: #333333; FONT-SIZE: 10px; LETTER-SPACING: 1.5pt
}
SPAN.barre {
	FONT-SIZE: 11px; LINE-HEIGHT: 13px
}
SPAN {
	COLOR: #333333; FONT-FAMILY: Arial, helvetica; FONT-SIZE: 11px; LINE-HEIGHT: 12px
}
H1 {
	COLOR: #dddddd; FONT-FAMILY: arial, helvetica; FONT-SIZE: 40px; FONT-WEIGHT: bold; LINE-HEIGHT: 18px; MARGIN: 8px 50px; /*TEXT-ALIGN: center*/
}
H2 {
	COLOR: #FF8000; FONT-FAMILY: Verdana, times new roman, times, arial, helvetica; FONT-SIZE: 30px; FONT-WEIGHT: normal; TEXT-ALIGN: center; LINE-HEIGHT: 30px; MARGIN: 15px 50px
}
H3 {
	COLOR: #FF8000; FONT-FAMILY: Verdana, times new roman, times, arial, helvetica; FONT-SIZE: 18px; FONT-WEIGHT: normal; TEXT-ALIGN: center; LINE-HEIGHT: 18px; MARGIN: 8px 50px
}
H4 {
	FONT-FAMILY: arial, helvetica; FONT-SIZE: 18px; FONT-WEIGHT: normal; TEXT-ALIGN: justify; LINE-HEIGHT: 18px; MARGIN: 8px 5px
}
H5 {
	COLOR: #666666; FONT-FAMILY: arial, helvetica; FONT-SIZE: 14px; LINE-HEIGHT: 12px; MARGIN: 8px 50px
}
P {
	FONT-FAMILY: 'Trebuchet MS', Tahoma, arial, Verdana, helvetica; TEXT-ALIGN: justify; FONT-SIZE: 16px; LINE-HEIGHT: 18px; MARGIN: 8px 5px
}
CODE {
	COLOR: #003300; FONT-FAMILY: courier new
}

A:visited {
	COLOR: #505050; TEXT-DECORATION: none
}
A:link {
	COLOR: #081038; TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF0000; TEXT-DECORATION: none
}
A:active {
	COLOR: #FFFF00; TEXT-DECORATION: none
}
.top {
	BACKGROUND-COLOR: #666666
}
.time {
	COLOR: #555555
}
.texte {
	BACKGROUND-COLOR: #d6d3ce
}
.resume {
	COLOR: #333333; FONT-FAMILY: Verdana, arial, helvetica; FONT-SIZE: 12px; LINE-HEIGHT: 18px; MARGIN: 8px 50px
}
.chapeau {
	COLOR: #808080; FONT-FAMILY: Times new roman, times, arial, helvetica; FONT-SIZE: 20px; FONT-WEIGHT: normal; LINE-HEIGHT: 18px; MARGIN: 8px
}
.line {
	BACKGROUND-COLOR: #333333
}
.bg {
	BACKGROUND-COLOR: #cccccc
}
.bartitre {
	BACKGROUND-COLOR: #a7ada7
}
.barre {
	BACKGROUND-COLOR: #c6c3bd
}
.saut {
	page-break-before: always
}
.nosaut {
	page-break-before: avoid
}
.small {
	COLOR: #808080; FONT-SIZE: 11px; LINE-HEIGHT: 12px
}
BLOCKQUOTE {
	COLOR: #333333; FONT-FAMILY: Verdana, arial, helvetica; FONT-SIZE: 12px; LINE-HEIGHT: 18px; MARGIN: 8px 70px
}
LI {
	FONT-FAMILY: 'Trebuchet MS', Tahoma, arial, Verdana, helvetica; TEXT-ALIGN: justify; FONT-SIZE: 16px; LINE-HEIGHT: 18px; MARGIN: 5px 5px
}
.clicdroit {
	PADDING-LEFT: 15px; PADDING-RIGHT: 10px
}
.stclic0 {
	BACKGROUND-COLOR: #a7ada7; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; CURSOR: default; FONT-FAMILY: verdana,geneva,arial; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 200px
}
.stclic1 {
	BACKGROUND-COLOR: #a7ada7; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; COLOR: #000000; CURSOR: default; FONT-FAMILY: verdana,geneva,arial; FONT-SIZE: 10px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 145px
}
aide {
  border-bottom: 1px dotted;
  cursor: help;
}


#masthead
{
  position: relative;
  background: url('../images/base/sky.png') repeat-x;
  margin: 0;
  padding: 0;
  height: 78px
}

#masthead h1
{
  position: relative;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}

#masthead h1 img
{
  position: relative;
  bottom: 0px;
  text-align: left;
}

#sprite
{
  background: url('../images/essuye_mini.gif');
  width: 82px;
  height: 70px;
  float: right
}

/* barre de navigation sup */

.buildbar
{
  text-align: center;
  vertical-align: bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #41683E;
  background-color: #487548;
  /* background-color: #CCFFCC; */
  /* background-color: #82ae7f; */
  /* background-color: #B0A05C; */
  /* background-color: #9DC49A; */
  /* background-color: #FFE3A3; */
  border-bottom: 1px solid #ddd;
  /* border-bottom: 1px solid #fff; */
  margin: 0;
  padding: 2px 3px;
}

.buildbar a
{
  background-color: transparent;
  color: #edffdf;
  font-weight: normal;
  font-size: 11px;
}

/* barre de navigation blanche */

.buildbar-fr {
  vertical-align: bottom;
  text-align: center; /*ajout test*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .8em;
  color:  #000;
  background-color: transparent;
  /* border-bottom: 1px solid #669900; */
  margin: 0;
  border-bottom: 1px solid #ddd;
  background-color: #EEEEEE;
  background-image: url('../images/base/hbar.gif');padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px
}
.buildbar-fr a {
  font-weight: normal;
}
/*Trois colonnes*/

#ccol
{
  position: relative;
  /*height: inherit;*/
  text-align: center;
}

#lcol
{
  margin-top: 5px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 120px;
  width: 175px;
  text-align: center;
  padding-bottom: 50px
}

#rcol
{
  margin-top: 5px;
  padding: 10px;
  position: absolute;
  right: 0;
  /* top: 99px; */
  top: 122px;
  width: 170px;
}

#pied
{
  border-top: 1px solid #000;
  padding: 2px 10px 0 0;
  position: relative;
  margin: 160px 5px 8px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  bottom: 0;
}

#mainpage
{
  margin-top: 10px;
  padding: 5px;
  margin-left: 185px;
  /*margin-right: 185px;*/
  min-height: 1230px;
}

#mainpage3
{
  margin-top: 10px;
  padding: 5px;
  margin-left: 185px;
  margin-right: 185px;
  /*min-height: 1230px;*/
}

#sidebar
{
  padding-top: 1.5em;
  width: 175px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidebarHeaderBox, .sidebar
{
  border: 1px dashed #41683E;
}

.sidebar
{
  color: inherit;
  background-color: #faf9f6;
  /*background-image: url('../images/fond.jpg');*/
  padding: 10px;
  margin-bottom: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.sidebar h3
{
  MARGIN: 0;
  margin-top: 0;
  margin-bottom: 1em;
  COLOR: #FF8000;
  FONT-FAMILY: Verdana, times new roman, times, arial, helvetica;
  FONT-SIZE: 17px; 
  text-align: center;
}

.sidebar UL
{
	/*list-style-type: none;*/
	list-style-position: inside;
	padding: 0px;
      margin: 0px 0px 0px 0px;
      /*text-indent: 0px;*/
}
.sidebar LI {
      FONT-SIZE: 14px;
      line-height: 18px;
	text-align: left;
      MARGIN: 0
}
/* *****************************************
	Billets
******************************************* */

.post{
	border-bottom: 1px solid #505050;
}
.post-title a {
	color: #FF8000;
}
.post-chapo{
	FONT-FAMILY: 'Trebuchet MS', Tahoma, arial, Verdana, helvetica;
 	color: #606060;
      text-align: justify;
}
.post-content{
	FONT-FAMILY: 'Trebuchet MS', Tahoma, arial, Verdana, helvetica;
 	color: #606060;
      text-align: justify;
}
.post-content a{
	color: #081038;
      FONT-WEIGHT: normal;
}