/* Style nouveau menu du haut*/
#menu {
font: bold 12px arial;
list-style-type: none;
padding: .3em 0;
margin-left: 0;
border-bottom: 1px solid #ccc;
}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}

#menu li {
display: inline;
margin: 0;
}

#menu li a {
text-decoration: none;
padding: .3em .7em;
margin-right: .3em;
border: 1px solid #0073B6;
border-bottom: none;
background-color: #e6f8ff;
color: #000;
}

#menu li a:visited {
color: #2d2b2b;
}

#menu li a:hover {
background-color: #47beea;
color: #000;
}

#menu li a:active {
color: #000;
}

#menu li.selected a {
background-color: #47beea;
color: #000;
position: relative;
top: 1px;
padding-top: .4em;
}

#menu #current a {
color: #000;
background-color: #47beea;
}

/* Style nouveau menu de droite*/

#menud {
list-style-type: none;
margin: .5em 0;
padding: 0;
width: 200px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

#menud li a {
background: #fff url('images/puce.gif') no-repeat 5px center;
font-size: 12px;
font-weight: bold;
color: #000;
display: block;
width: auto;
padding: .5em 0;
padding-left: 2em;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

* html #menud li a { /* IE */
width: 180px;
}

#menud li a:visited, #menud li a:active {
color: #000;
}

#menud li a:hover {
color: #9c0000;
background-color: #f4f4f4;
background-image: url('images/puce_on.gif');
}

#menud #current a {
background-color: #f4f4f4;
background-image: url('images/puce_on.gif');
color: #9c0000;
}

/* Autres menus de la colonne droite*/

.menud1 { 
  list-style:none; 
  border-bottom:#5dbef5 solid 5px;
  background-color:#ffffff; 
  width:100%; height:27px; 
  line-height:27px;
  margin:10px 0 0 0; 
  }
.menud1 li { 
  float:left; 
  margin-left:10px;
}
 
.menud1 li a {
  display:block; 
  float:left; 
  height:27px; 
  line-height:27px; 
  color:#aaa; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  font-size:11px;
  padding:0 0 0 7px; 
  cursor:pointer; 
}
.menud1 li a b {
  float:left; 
  display:block; 
  padding:0 14px 0 7px;
}
 
.menud1 li.current a {
  color:#fff; 
  background: url(belmondo.jpg);
}
.menud1 li.current a b {
  background:url(belmondo.jpg) no-repeat right top;
}
 
.menud1 li a:hover {
  color:#fff; 
  background: url(belmondo.jpg);
}
 
.menud1 li a:hover b {
  background:url(belmondo.jpg) 
  no-repeat right top;
}

/* Menu 17 */

/*--- Menu 17--- */

#menu17 {
width: 100%;
margin: 0px;
}

#menu17 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu17 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu17 li a:link, #menu17 li a:visited {
color: #FFF;
display: block;
background: url(menu17.gif);
padding: 8px 0 0 35px;
}

#menu17 li a:hover {
color: #FFF;
background: url(menu17.gif) 0 -32px;
padding: 8px 0 0 35px;
}

#menu19 {
width: 100%;
margin: 0px;
border-style: solid  none solid;
border-color: #889944;
border-size: 1px;
border-width: 1px;
}

#menu19 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu19 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu19 li a:link, #menu19 li a:visited {
color: #889944;
display: block;
background: url(menu19.gif);
padding: 8px 0 0 25px;
}

#menu19 li a:hover {
color: #889944;
background: url(menu19.gif) 0 -32px;
padding: 8px 0 0 27px;
}

/*--- Menu 20---*/

#menu20 {
width: 100%;
margin: 0px;
}

#menu20 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu20 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 22px;
text-decoration: none;
} 


/* N'oubliez pas de renseigner l'adresse des images */
#menu20 li a:link, #menu20 li a:visited {
color: #666;
display: block;
background: url(menu20.gif);
padding: 10px 0 0 35px;
}

#menu20 li a:hover {
color: #000;
background: url(menu20.gif) 0 -32px;
padding: 10px 0 0 35px;
}

/*--- Menu 21---*/


#menu21 {
width: 100%;
margin: 0px;
}

#menu21 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu21 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu21 li a:link, #menu21 li a:visited {
color: #C7377D;
display: block;
background: url(menu21.gif);
padding: 8px 0 0 10px;
}

#menu21 li a:hover {
color: #C7377D;
background: url(menu21.gif) 0 -32px;
padding: 8px 0 0 10px;
}

/*--- Menu 22 ---*/


#menu22 {
width: 100%;
margin: 0px;
}

#menu22 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu22 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images */
#menu22 li a:link, #menu22 li a:visited {
color: #333;
display: block;
background: url(menu22.gif);
padding: 8px 0 0 10px;
}

#menu22 li a:hover {
color: #FFF;
background: url(menu22.gif) 0 -32px;
padding: 8px 0 0 10px;
}

/* -------[Menu 1]-------- */

#menu1 {
width: 100%;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
margin: 0px;
}
#menu1 ul {
list-style: none;
margin: 0;
padding: 0;
} 
#menu1 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images que vous avez téléchargé */ 
#menu1 li a:link, #menu1 li a:visited {
color: #5E7830;
display: block;
background: url(menu1.gif);
padding: 8px 0 0 10px;
}

#menu1 li a:hover {
color: #26370A;
background: url(menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#menu1 li a:active {
color: #26370A;
background: url(menu1.gif) 0 -64px;
padding: 8px 0 0 10px;
}

/*----- Menu 11----- */

#menu11 {
width: 100%;
margin: 0px;
border-style: solid solid none solid;
border-color: #BCD2E6;
border-size: 1px;
border-width: 1px;
}

#menu11 ul {
list-style: none;
margin: 0;
padding: 0;
} 

#menu11 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images que vous avez */
#menu11 li a:link, #menu11 li a:visited {
color: #8BADCF;
display: block;
background: url(menu11.gif);
padding: 8px 0 0 10px;
}

#menu11 li a:hover {
color: #627EB7;
background: url(menu11.gif) 0 -32px;
padding: 8px 0 0 10px;
}

/*---- Menu 15 ---- */

#menu15 {
width: 100%;
margin: 0px;
}

#menu15 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu15 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 


/* N'oubliez pas de renseigner l'adresse des images */
#menu15 li a:link, #menu15 li a:visited {
color: #FFF;
display: block;
background: url(menu15.gif);
padding: 8px 0 0 30px;
}

#menu15 li a:hover {
color: #FFF;
background: url(menu15.gif) 0 -32px;
padding: 8px 0 0 30px;
}

#menu5 {
width: 100%;
border-style: none solid none solid;
border-color: #D0D0D0;
border-width: 1px;
margin: 0px;
}

#menu5 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu5 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 

/* N'oubliez pas de renseigner l'adresse des images que vous avez téléchargé */ 
#menu5 li a:link, #menu5 li a:visited {
color: #777;
display: block;
background: url(menu5.gif);
padding: 8px 25px 0 10px;
text-align: right;
}

#menu5 li a:hover {
color: #fff;
background: url(menu5.gif) 0 -32px;
padding: 8px 25px 0 10px;
text-align: right;
}

#menu5 li a:active {
color: #fff;
background: url(menu5.gif) 0 -64px;
padding: 8px 25px 0 10px;
text-align: right;
}

/* -------[Menu 6]-------- */

#menu6 {
width: 100%;
margin: 0px;
}

#menu6 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu6 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
}

/* Renseignez l'adresse des images que vous avez téléchargé */ 
#menu6 li a:link, #menu6 li a:visited {
color: #8D9179;
display: block;
background: url(menu6.gif);
padding: 8px 0 0 10px;
}

#menu6 li a:hover, #menu6 li a:active {
color: #6C7250;
background: url(menu6.gif) 0 -32px;
padding: 8px 0 0 10px;
}

/* Pagination des numéros de page*/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{ 
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*Pour bug IE6.*/
margin-right: 5px;
padding-right: 0;
}

/* Conception des styles type facebook pour les messages de confirmation Modeste AVESSE*/

.z-alertes {
	padding:10px;
	background-color:#fff9d7;
	border-left:1px solid #e2c822;
	border-right:1px solid #e2c822;
	border-top:1px solid #e2c822;
	border-bottom:1px solid #e2c822;
}

.z-alertes-texte {
	font-weight:bold;
	margin-bottom:2px;
	font-size:11px;
}

.errorbox{
	position:relative;
	background:#FCF5F5;
	border:1px solid #db9ea0;
	margin:0 0 30px;
	padding:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}
	.errorbox2{
	position:relative;
	background:#FCF5F5;
	border:1px solid #db9ea0;
	margin:0 0 0px;
	padding:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}
	
	.successbox{position:relative;
	background:#e5f4e1;
	border:1px solid #d1e7ca;
	margin:0 0 30px;
	padding:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}
	
	.z-boxMessage{
		padding:10px;
		border-width:1px;
		border-style:solid
		}
.z-boxMessage .z_message{
	margin:4px 0 0;
	}
	
.z-status{
	background-color:#fff9d7;
	border-color:#e2c822;
	}
	
.z-error{
	background-color:#ffebe8;
	border-color:#dd3c10;
	}
	
.z-error a{
	color:#dd3c10;
	}

/* Style annuaire des développeurs: Modeste AVESSE*/

.devel_fiche {
  border: 1px solid silver;
  padding: 10px;
  float: left;
  margin: 10px;
  width: 220px;
  height: 100px;
}

.devel_image {
  border: 1px solid black;
  margin-right: 10px;
}

.devel_texte {
  font-size: 10px;
  color: gray;
}

a.devel_texte {
  text-decoration: none;
  color: gray;	
}

/* Style de comptage des caractères dans un textarea */

#contentbox
{
width:450px; height:50px;
border:solid 2px #006699;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

}
#bar
{
background-color:#5fbbde;
width:0px;
height:16px;
}
#barbox
{
float:right; 
height:16px; 
background-color:#FFFFFF; 
width:100px; 
border:solid 2px #000; 
margin-right:3px;
-webkit-border-radius:5px;-moz-border-radius:5px;
}
#count
{
float:right; margin-right:8px; 
font-family:'Georgia', Times New Roman, Times, serif; 
font-size:16px; 
font-weight:bold; 
color:#666666
}