/* ================== Elements standards =============== */
/* http://browsers.evolt.org/ */
html {
	margin: 0px;
	padding: 0px;
	}
body {
	padding: 0px;
	margin: 0px;
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:justify;
	color:#333333;
	background-color:#ffffff;
	background: url(pics/tunnel.jpg) no-repeat top left;
	}

.dd1 { /* style dd1 */
font-style: italic;
color: #3a4956;
}
.dd2 { /* style dd2 */
font-size:90%;
color: #c77676;
}
.dd3 { /* style dd3 */
font-size:90%;
color: #eb964a;
}

img { /* images du document */
	border: 0px;
    }

img.img { /* Images dans le texte */
	vertical-align: middle;
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	border: 0px solid #666666;
	}

.score { /* score */
    margin: 0;
    padding: 0;
    border: 0px;
    }
    
.picture {
	clear: left;
	width: 100%; /* ie */
	}
	
.vignet { /*Style de vignettes dans les albums photos*/
	float:left;
	/* min-height: 90px; */
    /* height: 110px; */
	padding: 3px;
	margin : 4px 2px;
	background-color: #ebebeb;
	border: 1px solid #185f9f;
	text-align: center;
    width: 150px;
	}

	.vignet dt {
		width: 40px !important; /* pour surpasser celui defini plus loin */
		}		
	.vignet dd {
		padding: 0px;
		margin: 0px;
		display: inline;
		}
.vignet_admin { /* vignettes en admin */
    float: left;
	padding: 5px;
	margin : 5px 2px 5px 2px;
	background-color: #ebebeb;
	border: 1px solid #185f9f;
    text-align: left;
    width: 200px;
}

.clear {
	clear: left;
	}
.back { /* bouton retour back */
    background-image: url(pics/back.png);
    }
.powered { /* powered by CMS */
	text-align: right;
	}
.debug { /* messages de debuggage */
	background-color: #fff0aa;
	color: #039;
	font-size: 10px;
	font-family:sans-serif;
	text-align: left;
	text-indent: 10px;
	}
.addbillet { /* ajoute un billet */
      text-align:right;
      padding-right:5px;
      font-size: 10px;
      }
.trackback {
        clear: both;
        font-size: 10px;
        color: #999;
    }
.right {
    float:right;
}

.fil_fer a { /* ligne du fil de fer */
    text-decoration: underline;
    font-size: 9px;
    }
.rubrique { /* rubrique cote */
        background-color: #eee;
        border: 1px solid #999;
        padding: 2px;
    }
a { /* Liens du site */
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: none;
	font-weight: normal;
	color: #a79014;
	}
a:hover, a:active { /* Liens du site */
	text-decoration: underline;
	color: #ff9900;
	}
a.comment {background-image: url(pics/comment.png); padding: 2px 0 2px 20px;}
a.view {background-image: url(pics/view.png); padding: 2px 0 2px 20px;}
/* a.go {background-image: url(pics/go.png); padding: 2px 0 2px 25px;} */
a.back {background-image: url(pics/back.png); padding: 2px 0 2px 20px;}
a.next {background-image: url(pics/next.png); padding: 2px 0 2px 20px;}
a.download {background-image: url(pics/download.png); padding: 2px 0 2px 20px;}
a.detail {background-image: url(pics/detail.png); padding: 2px 0 2px 20px;}
a.yes {background-image: url(pics/yes.png); padding: 2px 0 2px 20px;}
a.no {background-image: url(pics/no.png); padding: 2px 0 2px 20px;}
a.notification {background-image: url(pics/mail.png); padding: 2px 0 2px 20px;}
a.fiche {background-image: url(pics/fiche.png); padding: 2px 0 2px 20px;}
a.edit {background-image: url(pics/document.gif); padding: 2px 0 2px 20px;}
a.disconnect {background-image: url(pics/disconnect.png); padding: 2px 0 2px 20px;}
a.mafiche {background-image: url(pics/fiche.png); padding: 2px 0 2px 20px;}
a.notification {background-image: url(pics/mail.png); padding: 2px 0 2px 20px;}
a.execute {background-image: url(pics/execute.png); padding: 2px 0 2px 20px;}

h2 { /* Titre de chaque page (entete) */
	color:#ff9900;
	font-size:120%;
	background-repeat: no-repeat;
	background-position: center left;
	border-bottom: 1px solid #ff9900;
	}
h3 { /* Titres niveau 3) */
    clear: left; /* pour images */
	color:#555556;
	font-size:105%;
	border-bottom: 1px solid #ff9900;
	}
h4 { /* titres niveau 4 : 1er titres wiki*/
	color: #207453;
	font-weight: 800;
	font-size:100%;
	}
h5 { /* Titres niveau 5 */
	color:#ff9900;
	font-size:0.9em;
	font-weight:600;
	font-size:100%;
	}
h6 {
    font-style : italic;
    font-size: 90%;
    color: #185d9c;
    }
dl { /* Zones de définition : usage varié dans le site ! */
	margin: 2px;
	padding: 0px;
	border: 0px; 
	}
	dl.comment { /*Commentaires*/
    font-size: 10px;
    border-left: 1px solid #ccc;
    padding: 0 0 0px 5px;
    margin: 0px;
    }	
      dl.formcomment { /*formlaire commentaires*/
            background-color: #ffa65f;
            border:1px solid #c42214;
      }	
      dl.comment dt{ /* titres Commentaires */
            background-color: #ffa65f;
      }
      
      dl.trackback {
        font-size: 10px;
        color: #999;
        border-top: 1px dotted #999;
        width: 50%;
      }
dt {
    clear: left; /* pour images */
	padding: 3px 0 1px 0px;
	color: #6d675b;
    font-weight: bold;
	}
    dt a {
        font-weight: bold;
    }
      dt.hidden { /* gere le masquage de zones hidden dans formulaires */
            display: none;
            }

dd {
	margin: 0px;
	padding:2px;
	}

      dd.hidden {
            display: none;
            }

table { /* Tableaux de données */
	border: 2px solid #bcbc57;
	border-collapse: collapse;
	font-size:11px; /* Opera */
	width: 80%;
	margin: 5px;
	}
th { /* Cellules d'entete */
	color:#c85b16;
	background-color: #cfcf88;
	text-align: center;
	}
tr.pair { /* lignes paires */
	background-color: #eee;
	}
tr.impair { /* lignes impaires */
	background-color: #ccc;
	}
td { /* Cellules */
	border: 1px solid #cfcf88;
	padding: 2px 0 2px 0;
	text-align: center;
	}
form { /* formulaires */
    font-size: 9px;
}
label { /* Label des formulaires */
  color: #555556;
  text-align: left;
  }
label.formbold { /* Labels des formulaires obligatoires*/
  font-weight: bold;
  color: #d74113;
  }
input { /* Champs texte */
  font-size: 9px;
  border:1px solid #207453;
  background-color:#cfcf88;
  padding: 1px;
  margin: 2px;
  }
input.bouton {
  border:2px outset white;
  cursor:pointer;
  }
input.bouton:hover {
  background-color:#ff9900;
  color:#d74113;
  }
select, option { /* Boutons options */
  font-size: 9px;
  background-color:#cfcf88;
  }
textarea { /* Zones de texte */
  font-size: 9px;
  border:1px solid #207453;
  background-color:#cfcf88;
  padding: 1px;
  margin: 2px;
  }	
pre { /* zone pre */
  width: 100%;
}
code { /* inline - code */
  /* width: 100%; */
  /* margin-left: 20px; */
  /* padding: 5px; */
  background-color: #dfe5ff;
  /* border: 2px solid #6880ef; */
}

cite { /* zone de citation */
  /*width: 100%; */
  margin-left: 20px;
  padding: 5px;
  font-size: 80%;
  background-color: #ff7800;
  border-right: 1px solid #ff7800;
}