@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------- ------------
logo mon oklat 
----------------------------------------------------------------------------------------------------------------- ------------*/
#logomonoklat{
	position:relative;
	width:900px;
	height:80px;
	background:#0000FF;
	margin:30px 2px 10px 10px;
	padding-left:4px;
	padding-right:2px;

}
#monoklat{
background:#FFFFFF;
}
/*----------------------------------------------------------------------------------------------------------------- ------------
colone de menu
----------------------------------------------------------------------------------------------------------------- ------------*/
#colmenu{
}


/*----------------------------------------------------------------------------------------------------------------- ------------
Menu 
----------------------------------------------------------------------------------------------------------------- ------------*/
ul#menu 
{			   
  margin    :   0;              /* Marge extrieur nulle */
  padding   :   1px 1px 0;      /* Marge intrieur  1px sauf pour le bas */ 
  width     :   900px;          /* Largeur de notre liste*/ 
  font-size:18px;          /* Taille de notre police */
  margin    	:   10px 2px 60px 18px;
  _margin-bottom : 20px;
    padding-right:2px;
 
}

ul#menu li 
{						  
  list-style-type   :  none;            /* Aucunes puces associes */
  margin-bottom     :   1px;            /* Ajout d'une marge en bas */
  display:inline;
  float:right;

  
}

ul#menu li a
{
  padding           :   4px;             /* Dfinition des marges intrieures */  
  text-decoration   :   none;            /* Suppression du soulignement */
  display           :   block;           /* Dfinition sous forme de block */
  padding-left		:	20px;
  padding-right		:	20px;
  font-size:16px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:800;

}

ul#menu li a:link
{
  color: #333333 ;            /* Couleur de la police */
  background-color  :   #FFFFFF;         /* Dfinition de la couleur de fond */ 
  border            :   1px solid #FF772C; /* Ajout d'une bordure */	
  border-left-width :   4px;               /* Modification de la bordure gauche */
}
 
ul#menu li a:visited
{
  border            :   1px solid #FF772C;  /* Ajout d'une bordure */	
  border-left-width :   4px;                /* Modification de la bordure gauche */
  background-color  :   #FFFFFF ;
}

ul#menu li a:hover
{
         /* Changement de la couleur de la police initiale */
  background-color  :   #CCCCCC      ;         /* Changement de la couleur de fond initiale */
  border-left-width :   4px;             /* Modification de la bordure gauche */
  color             :   #FFFFFF;
}

ul#menu li a#activecompte
{
  color             :   #FFFFFF;            /* Changement de la couleur de la police initiale */
  background-color  :   #808080;            /* Changement de la couleur de fond initiale */	
  border-left-width :   4px;                /* Modification de la bordure gauche */
}				
#colcompte:{
width:90px;
}
#cadre-inscription{
	margin-top:50px;
	margin-bottom:20px;;
	background:#FFFFFF;
	height:auto;
	border:2px double #E5E5E5;
	padding:5px;
}
/*----------------------------------------------------------------------------------------------------------------- ------------
inscription
----------------------------------------------------------------------------------------------------------------- ------------*/
#inscription {
	margin-top:1px;
	margin-bottom:1px;;
	background:#F7F7F7;
	height:auto;
	padding-bottom:20px;
	padding-top:10px;
} 
#inscription fieldset {
    background-color: #F2F9FE;
    border: 1px solid #AEDCF5;
    margin: 10px 0 20px;
    padding: 20px 15px 10px;
    position: relative;
} 
#inscription fieldset:hover {
    background-color: #FFFCCD;
    border: 1px solid #FFDB60;
} 
#inscription fieldset:hover input, #inscription fieldset:hover textarea {
    background-color: #FFFFFF;
    border: 1px solid #FFDB60;
} 
#inscription fieldset:hover select {
    background-color: #FFFFFF;
    border: 1px solid #FFDB60;
}
#inscription legend {
    color: #FF5A00;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    left: 10px;
    position: absolute;
    top: -8px;
} 
#inscription fieldset:hover legend, .designField:hover legend {
    color: #3F87E9;
} 
#inscription label {
	font-size:15px;
	margin-left:20px;
	font-weight:bold;
	padding-right: 40px;

}
#inscription input {
    color: #400040;
    font-size: 13px;
	font-weight:bold;
	line-height: 24px;
    height: 18px;
    padding:1px 1px 1px 1px;
	width:200px;
	border:1px solid #E5E5E5;
}
#inscription img {
    color: #400040;
    font-size: 13px;
	font-weight:bold;
	line-height: 24px;
    padding:1px 1px 1px 1px;
	margin-left:20px;
	border:1px solid #E5E5E5;
}

#inscription span {
	margin-right: 20px;
	display:block;
	float: left;
	width: 190px;
	text-align: right;
}

#inscription textarea {
    border: 1px solid #E5E5E5;
    color: #3F87E9;
    font-size: 1em;
    width: 215px;
	height:200px;
}
#inscription select {
    color: #3F87E9;
    font-size: 12px;
	font-weight:bold;
    height: 24px;
	margin-left:20px;
	width:150px;
	border:1px solid #E5E5E5;
	color:#400040;

}
#inscription select option {
	padding-left: 10px;
}
#inscription select:hover {
   /* border: 1px solid #41A9D8;*/
} 
#inscription p {
	text-align: center;
}


#inscription #submitbutton {
    font-size: 15px;
	font-weight:bold;
	margin-left:20px;
	height:25px;
	margin-top:10px;
	margin-left:20px;
    color:#FFFFFF;
	background:#CCCCCC;
	border:1px solid #CCCCCC;
	padding-bottom:5px;
	padding:1px 1px 1px 1px;
	width:100px;
	text-align:center;
	cursor:pointer;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;         
    -webkit-border-top-left-radius: 2px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 2px; /* pour Chrome */
}

.errors{
color:#FF0000;
background:inherit;
list-style:none;
font-weight:bold;
margin-left:20px;
width:auto;
margin-top:1px;
font-size:13px;
}