* { margin: 0; padding: 0; font-family : Verdana, Helvetica, sans-serif; font-size: 8pt; text-align:justify; }
/*body,table,tr,td,li,div { padding: 1px; border-collapse:collapse;      }*/
form { display:inline; }
/*
body { background : url('background.jpg') no-repeat fixed center bottom; }
*/
.hidden { display:none; }
.arrondis {
border:2px solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
}

div#postitt { width:212px;height:15px; vertical-align:middle; background-image : url("/_img/sticky_top.gif"); }
div#postitm { width:212px;height:auto; background-image : url("/_img/sticky_middle.gif"); }
div#postitc { width:190px;padding:10px;height:auto; }
div#postitb { width:212px;height:33px; background-image : url("/_img/sticky_bottom.gif"); }

div.som  { position:absolute; left: 20px; top:150px ; float:left; background-color:transparent; font-family:Verdana; font-size: 8pt; color:black; width:140px; height:auto;}

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

#fondpri { background : url('../111111111111111111.jpg') no-repeat fixed top center;}

h1 {font-family : Verdana,Arial; font-size:12pt; color: black;text-decoration: underline;text-align:center;}
h2 {font-family : Verdana,Arial; font-size:11pt; color: black;}
h3 {font-family : Verdana,Arial; font-size:10pt; color: black;}
h4 {font-family : Verdana,Arial; font-size: 9pt; color: black;}
h5 {font-family : Verdana,Arial; font-size: 8pt; color: black;}
h6 {font-family : Verdana,Arial; font-size: 7pt; color: black;}



/* ONGLETS */
ul#tabnav { font-weight: bold;  list-style-type: none; padding-bottom: 24px; border-bottom: 3px solid #bbb; margin: 0;}
ul#tabnav li {
float: left; height: 21px; background-color: #67e76f; margin: 2px 2px 0 2px; border: 1px solid #bbb;
background:#67e76f;
border:2px solid #bbb;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
  }
ul#tabnav li.active { border-bottom: 1px solid #fff; background-color: #fff; }
ul#tabnav li.active a { color: #000; }
#tabnav a { float: left; display: block; color: #666; text-decoration: none; padding: 4px; }
#tabnav a:hover { background: lightgreen;

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
  }

/* liens par defaut */
a,a:link,a:visited,a:active {text-decoration: none; }
a:hover {color: red; text-decoration: underline; }

/* formulaires par defaut */
/*form {  border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;}*/
input {  border: 1px green groove; background-color: #67e76f; color: #000000; font-family : Verdana, Helvetica, sans-serif; font-size: 7pt;}
input.radio  {  background-color: #FFF;border: 0px;}
input.image  {  background-color: transparent;border: 0px;}
input.search {  border:0px white groove ; background-color: #FFF; color: #000000; font-family : Verdana, Helvetica, sans-serif; font-size: 7pt; z-index:2;}
textarea {  border: 1px green groove; background-color: #67e76f; color: #000000; font-family : Verdana, Helvetica, sans-serif; font-size: 7pt;}
select {  border: 1px groove; background-color: #FFF; color: #000000; font-family : Verdana, Helvetica, sans-serif; font-size: 7pt;}
input.input2 {  border:0 ; background-color: #67e76f; color: #000000; font-family : Verdana, Helvetica, sans-serif; font-size: 7pt;}


/* essai bouton SUPPRIMER */ 
ul.btn { margin: 0 ; padding: 0 ; list-style-type: none ; }/* suppression du margin, du padding et des puces du <ul> */
ul.btn li { margin: 0 ; padding: 0 ; }
ul.btn li#btndel a { 
display: block ; /* on passe les liens en éléments de type block pour leur donner des propriétés de taille */
	 float:left;
	 width: 20px ;
	line-height: 20px ;
	color: transparent ; 	/*text-indent: 40px ; /* on décale le texte de 40px du bord gauche */
	text-decoration: none ;
	border: 0px solid #dbd ;

background: url("/_img/btn/btndel.png") no-repeat 0 0 ; /* on met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */ }
ul.btn li#btndel a:hover
{
	background: url("/_img/btn/btndel.png") no-repeat -20px 0px ; /* et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* essai bouton MAJ */ 
ul.btn li#btnupd a {
	display: block ; /* on passe les liens en éléments de type block pour leur donner des propriétés de taille */
	float:left;
	width: 20px ;
	line-height: 20px ;
	color: transparent ; 	/*text-indent: 40px ; /* on décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url("/_img/btn/btnupd.png") no-repeat 0 0 ; /* on met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}
ul.btn li#btnupd a:hover
{
	background: url("/_img/btn/btnupd.png") no-repeat -20px 0px ; /* et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}


/* essai bouton surprimer liste */ 
ul#listdel { margin: 0 ; padding: 0 ; list-style-type: none ; }/* suppression du margin, du padding et des puces du <ul> */
ul#listdel li { margin: 0 0 0px 0 ; padding: 0 ; /* suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */ }
ul#listdel li a {
	display: block ; /* on passe les liens en éléments de type block pour leur donner des propriétés de taille */
	
	width: 20px ;
	line-height: 20px ;
	color: transparent ;
	/*text-indent: 40px ; /* on décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("/_img/btn/btn-del.png") no-repeat 0 0 ; /* on met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#listdel li a:hover
{
	background: url("/_img/btn/btn-del.png") no-repeat -20px 0px ; /* et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}