/* CSS Document */

body {
    margin-left:1%;
    margin-right:1%;
    background-color: #FFFFFF;
    }
	
div#header {
	height:120px;
        margin-top: 5px;
        padding-bottom: 5px;
	background-color: #006600;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;
}
	
div#logo {
	float:left;
	width:160px;
	height:auto;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;
}	
	
div#divLog {
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;
	}	
		
div#entete {	
	height:80px;
	margin-left:250px;
}
	
div#barre_menu_onglet {
	height:10px;
        margin-left:5%;
	margin-right:5%;
	background-color:#FFFFFF;
}
	
div#barre_menu {
	float:left;
	width:160px;
	height:auto;
	background-color:#9966FF;
	}
	
div#contenu {
	/* width:600px; */
	height:auto;
	padding:10px;       
	background-color:#FFFFFF;        
        border: 1px solid #006600;
	}
	
div#piedpage {
	height:30px;
        color:#FFFFFF;
        margin-bottom: 5px;
	background-color:#006600;
        text-align:center; 
	-moz-border-radius-bottomright: 25px 50px;
	border-bottom-right-radius: 25px 50px;
	-moz-border-radius-bottomleft: 25px 50px;
	border-bottom-left-radius: 25px 50px;
      }
	
div#userId{
    width:auto;
    height:auto;
    margin-right:20px;
    color:#FFFFFF;
    }
		
	
/* Style des sous menu a onglet */	
#onglets
{
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 24px; /* � modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #006600;
    text-align: center;
}

#onglets li
{
    float : left;
    height : 21px; /* � modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    width: 100px;
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #006600;	
    padding-left: auto;
    padding-right: auto;
    -moz-border-radius: 4em 4em 1em 1em;
    border-radius: 4em 4em 1em 1em;
}


#onglets a
{
    display : block;    
    color : #000;
    text-decoration : none;
    padding : 4px;
}

.active1 a {
  /* on d�finit la transition pour les navigateurs */
  -webkit-transition: all .3s; /* Chrome/Safari */
  -moz-transition: all .3s; /* Firefox (plus trop n�cessaire) */
  transition: all .3s; /* syntaxe officielle */
}

.active1 a:hover,
.active1 a:focus {
  border-bottom: 1px solid #fff;
  background-color: lawngreen  ;
  color:#FFFFFF;
  font-style: italic ;
  -moz-border-radius: 4em 4em 1em 1em;
  border-radius: 4em 4em 1em 1em;
  padding-left: 0px;

}

/*

button
{
	border-color:#0099FF;
	width:150px;	
}
/*
button:hover
{
	background-color: #0000FF;
	color:#FFFFFF;
	cursor: pointer;
}

form input[type="button"]
{
	border-color:#006600;
	width:150px;	
        -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="button"]:hover
{
	background-color: #006600;
	color:#FFFFFF;
	cursor: pointer;
        -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="submit"]
{
	border-color:#006600;
	width:150px;	
        -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="submit"]:hover
{
	background-color: #006600;
	color:#FFFFFF;
	cursor: pointer;
        -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="reset"]
{
    border-color:#006600;
    width:150px;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="reset"]:hover
{
    background-color: #006600;
    color:#FFFFFF;
    cursor: pointer;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="text"]
{
  border: 1px inset #006600 ;
  background: #F5F5F5;
  height: 20px;
  padding-left: 15px;
  padding-right: 15px;
  
   -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

form input[type="password"]
{
  border: 1px inset #006600 ;
  background: #F5F5F5;
  height: 20px;
  padding-left: 15px;
  padding-right: 15px;
  -moz-border-radius: 1em 1em 1em 1em;
   border-radius: 1em 1em 1em 1em;
}

form select
{
  border: 1px inset #006600 ;
  background: #F5F5F5;  
  height: 25px;
  -moz-border-radius: 1em 1em 1em 1em;
   border-radius: 1em 1em 1em 1em;
}

fieldset{
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
}

*/

/********************************************************************************************************/

div#message{
    display: none;
    height: auto;
    width: auto;
    border:  #FF0000;
    padding: 5px;
    padding-left: 20px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius:  10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
}