body {
	 background-color: #dedddd;	
 	margin: 0;
	padding: 0;
  background: url("images/dotclear/fond-baniere.png");
  background-repeat: repeat-x;
  background-color: #ebe8e3;
	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}


h2{font-size: 1.2em; margin: 1em 0;}
h3{font-size: 1em; margin: 0.8em 0;}
h4{font-size: 1em; font-weight: normal}

a:link{color:#000; background:transparent;}
a:visited{color:#844; background:transparent;}
a:hover{color:#000; background:transparent;}
a img{border: none;}

code { 
  font-size: 135%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

/* menu */

div.menu {
 padding-right: 5px;
}

div.menu ul{
	list-style-type: none;
	margin-left: 5px;  
	padding: 0;
        padding-bottom: 5px;
}

div.menu a{
	text-decoration: none;
}



div.menu li a{
	display: block;
	color: #666;
	background: transparent;
}

div.menu li a:hover{
	color: #333;
}

div.menu ul li.menu_avantbut{
	border: 1px solid #CCC;
        margin-top: 5px;
}

div.menu ul li{
	border-bottom: 1px solid #CCC;
	padding: 0.5ex 0;
}


div.panneau_menu {
  padding-top: 20px;
  background: url("images/dotclear/degrade-menu.jpg");
  background-repeat: no-repeat;
  margin-left: 10px;
  width: 200px;
  float: left;
  clear: both;
}


div.menu_prepied {
	margin-top: 30px;
	text-align: right;
	color: #666;
	font-size: 90%;
	
}


/* main */






div.principale {
 background: url("images/dotclear/fond.png");
  background-repeat: repeat-y;
	width: 750px;
	margin: 0 auto;
        padding-left: 5px;
	padding-right: 5px;
}


div {
  margin: 0px;
  padding: 0px;
}



/* entete */
/*div.entete{
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 width: 100%;
 height: 150px;
 background-color: blue;
 z-index: 0;
 text-align: center;
  background: url("images/dotclear/fond-baniere.png");
  background-repeat: x-repeat;
}*/

div.baniere {
 width: 760px;
 height: 150px;
 margin-left: -5px;
 
}

div.baniere1 {
  background: url("images/dotclear/fond-baniere-g.png");
  background-repeat: no-repeat;
  width: 5px;
  height: 150px;
  float: left;
}

div.baniere2 {
  height: 150px;
  width: 750px;
  background: url("images/dotclear/dotclear-header.jpg");
  background-repeat: no-repeat;
  float: left;
}

div.baniere3 {
  background: url("images/dotclear/fond-baniere-d.png");
  background-repeat: no-repeat;
 height: 150px;
 background-color: black;
 width: 5px;
 float: right;
}



/* corps */
div.corps {
 background-color: white;
 width: 100%;
}


div.contenu {
 margin-right: 10px;
 width: 510px;
 text-align: justify;
 margin-left: auto;
 padding-top: 10px;
 padding-bottom: 50px;
}

div.separateur {
 background-color: white;
 clear: both;
}


/* pied */

div.pied {
  background: url("images/dotclear/fond-baniere.png");
  background-repeat: repeat-x;
  margin-top: 0px;
  font-size: 70%;
  text-align: right;
  color: #979189;
  padding: 5px;
  
}

div.pied p {
  margin: 0;
}

div.pied  a {
	text-decoration: none;
}

/* articles */

div.article {
 margin-top: 30px;
 margin-bottom: 10px;
}

div.article li {
 padding-bottom: 5px; 
 list-style-image : url("images/dotclear/puce-petite.png");
list-style-position: outside;
}

div.article ul {
  padding-left: 30px;
}

div.article_hg {
  padding-left: 25px;
background: url("images/dotclear/puce-lune.png");
  background-repeat: no-repeat;

}

div.article_hd {
 font-family: "Trebuchet MS", sans-serif;
 font-size: 1.5em; margin: 1em 0;
 font-weight: bold;
 margin-bottom: 5px;
}

div.article_d div {
	text-align: center;
}

div.article_pied {
  background: url("images/dotclear/pied-article-c.png");
  background-repeat: repeat-x;
  border: 0px;

}

div.article_bd {
  background: url("images/dotclear/pied-article-d.png");
  background-position: right top;
  background-repeat: no-repeat;
  height: 30px;
  padding-top: 7px;
  padding-right: 1em;
  text-align: right;
  color: #666;
}

div.article_bg {
  background: url("images/dotclear/pied-article-g.png");
  background-repeat: no-repeat;
  height: 30px;

}


/* panorama */

div.simple_centre {
   margin: auto;
  text-align: center;
}

strong.titre {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 150%;
}

div.panorama_haut {
  width: 100%;
  background: url("images/dotclear/onglet-haut.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-left: 20px;
  padding-bottom: 20px;
}


div.panorama_principal {
 padding-left: 10px;
 padding-right: 10px;
}


div.miniatures {
  padding: 10px;
}




div.miniature  {
 float: left;
 width: 24%;
  padding: 0.2em;
  text-align: center;

}

hr.fin_bloc_flottant {
 clear: both;
  height: 1px;
  visibility: hidden;
  margin: 0;
  padding: 0;

}

a.lien_clair {
  padding-left: 10px;
  margin-top: 30px;
  color: #666;
  text-decoration: none;
}


div.lien_retour {
	display: inline;
       margin-right: 0.8em;
}

div.lien_affichage {
	display: inline;
}

div.lien_retour a{
	text-decoration: none;
}
div.lien_affichage a{
	text-decoration: none;
}

/* navigation dans le panorama */
div.panorama_defile_gauche {
	width: 250px;
	float: left;
	text-align: right;
}


div.panorama_defile_centre {
	width: 250px;
	float: left;
	text-align: center;
}

div.panorama_defile_droit {
	width: 250px;
	float: left;
	text-align: left;
}


div.panorama_defile_centre_elem {
  float: left;
  width: 33%;
  text-align: center;
  font-weight: bold;
}


div.panorama_defile_gauche_elem {
  float: right;
  width: 33%;
  text-align: center;
  font-weight: bold;
  padding:0px;
}

div.panorama_defile_centre_elem img {
  margin-left: -8px;
}

div.panorama_defile_droit_elem {
  float: left;
  width: 33%;
  text-align: center;
  font-weight: bold;
}

div.panorama_defile a {
  text-decoration: none;
}

a.fleche_gauche,a.fleches_gauches{
  display: block;
  background: url("images/dotclear/fleche-gauche.png");
  background-repeat: no-repeat;
  background-position: 2px 12px;
  width: 50px;
  height: 80px;
  border: 0;
  margin: auto;
}


a.fleche_gauche:hover,a.fleches_gauches:hover{
  background: url("images/dotclear/fleche-gauche.png");
  background-repeat: no-repeat;
  background-position: 0px 12px;
}



a.fleche_droite,a.fleches_droites{
  display: block;
  background: url("images/dotclear/fleche-droite.png");
  background-repeat: no-repeat;
  background-position: 0px 12px;
  width: 50px;
  height: 80px;
  border: 0;
  margin: auto;
}


a.fleche_droite:hover,a.fleches_droites:hover{
  background: url("images/dotclear/fleche-droite.png");
  background-repeat: no-repeat;
  background-position: 2px 12px;
}

div.panorama_date p {
	padding-left: 30px;
	text-align: left;

}

/* select */

input.active_button{
  border: 1px #333 solid;
  color:#333;
  background-color:#ebe8e3;
  margin-left: 1em;
}

input.active_button:hover{
  background-color:#f5f4f0;
}

input.saisie {
  border: 1px #333 solid;
  color:#333;
  background-color: #FFFFFF;
  padding-left: 0.1em;
  padding-right: 0.1em;
  margin: 0em;
  text-align: right;
}

input.saisie_nom_fichier {
  border: 1px #333 solid;
  color:#333;
  background-color: #FFFFFF;
  padding-left: 0.1em;
  padding-right: 0.1em;
  margin: 0em;
  text-align: left;
}

div.erreur,div.entravaux { 
  margin-top: 80px;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 20px;
}

.surprise {
	display: none;
}