html, body {
	margin:0;
	padding:0;
 }
 body {
	background:url('../images/static/blanc.gif');
}
#bandeau_1 {
	min-width: 800px;
	margin-bottom: 2px;
	border-width: 2px;
	/*border-style: ridge;
	border-color: white;*/
	font-family: Verdana;
	text-align: left;
	height: 52px;
}
#logo {
	position: absolute;
	top: 1px;
	left: 12px;
	width: 352px;
	height: 50px;
	background-image: url('../images/customizing/ameslia.gif');
	background-repeat: no-repeat;
}
#titre_page {
	position: absolute;
	white-space: nowrap;
	left: 38%;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	text-align: center;
    color:#000;
}
#date_mise_jour {
	float: right;
	width: 50px;
	height: 40px;
	font-family: verdana;
	font-size: 9px;
	text-align: right;
	padding: 2px 5px 0px 0px;
}
#date_mise_jour .miseajour {
	position: absolute;
	top: 40px;
	right: 2px;
}

div.colonneLangue{
	padding: 1px;
	width:40px
}
.flagActif:hover{
	cursor:default;
}
.flagSelect1:hover, .flagSelect2:hover{
	box-shadow: 6px 6px 6px #2D7176;
}
input.flagSelect1, .flagSelect2{
	border-radius: 3px;
}

#bandeau_2 {
	min-width: 800px;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	height: 52px;
}

#connexion {
	width: 250px;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#connexion div.co_lien {
	padding: 3px 0px 0px 0px;
	text-align: left;
}
#connexion div.co_lien a {
	font-weight: bold;
}
#connexion form.co_form {
	padding: 3px 0px 0px 0px;
	text-align: left;
}
#connexion form.co_form input{
	font-size: 12px;
	text-align: center;	
}
#connexion table.co_form {
	width: 0%;
	border: 0px;
	font-size: 12px;
	color: #AAA;
	text-align: left;	
}
#connexion form.co_form input.submit{
	border: 1px solid #006;
    background: #ccf;
}
#connexion form.co_form input.submit:hover {
    border: 1px solid #f00;
    background: #eef;
}
#espaceConnexion {
	width: 14px;
	float: left;
}
input[type=submit] {
	border: 0;
    line-height: 2.0;
    padding: 0 15px;
    border-radius: 5px;
	background-color: hsla(120,100%,50%,0.5);
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);

	font-weight: bold;
	cursor:pointer; 
}
input[type=submit]:hover{
   background-color: hsla(120, 100%,50%);
}

buttonOnglet

#Francais, #Europe, #Deutsch{
	float:left;
	width:34px;
}

.image_french_input
{
	background-image:url('../images/static/french.gif');
	width: 33px;
	border-width:0px;
}
.image_europe_input
{
	background-image:url('../images/static/europe.gif');
	width: 33px;
	border-width:0px;
}
.image_deutsch_input
{
	background-image:url('../images/static/deutsch.gif');
	width: 33px;
	border-width:0px;
}

.menu_conteneur a {
	display:table-cell;
	height:34px;
}

.menu_menu {
	float:left;
	position:relative;
/*	width:150px;*/
	margin: 10px 10px 0px 0px;
}

.menu_menu a{
	border: 0;
    line-height: 2.0;
	
    padding: 0 15px;
    border-radius: 5px;
	background-color: hsla(120,100%,50%,0.5);
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);

	font-weight: bold;
}

.menu_menu a:hover {
   background-color: hsla(120, 100%,50%);
}

.menu_rubrique_personnisation{
	background-image: url('../images/static/menu_rubrique_personnisation_bg.gif');
	border-radius: 8px;
	border-style: outset;
	border-color: white;
	margin: 0px 10px 0px 0px;
	background-color: hsla(120, 100%, 50%, 0.3);
	background-repeat: no-repeat;
	float:left;
	position:relative;
	width:50px;
	height:34px;
	text-align:center;
	display:table;
	font-family: Verdana;
	font-weight: bold;
}

.menu_rubrique_personnisation:hover{
	border-style: inset;
}

.menu_rubrique_personnisation:hover .menu_sousmenu{
	opacity:1;
	visibility:visible;
	top:34px
}

.menu_rubrique{
	background-image: url('../images/static/menu_rubrique_bg.gif');
	border-radius: 8px;
	border-style: outset;
	border-color: white;
	margin: 0px 10px 0px 0px;
}
.menu_rubrique{	
	background-color: hsla(120, 100%, 50%, 0.3);
}
.menu_rubrique{	
	background-repeat: no-repeat;
	float:left;
	position:relative;
	width:150px;
	height:34px;
	text-align:center;
	display:table;
	font-family: Verdana;
	font-weight: bold;
	/*font-size: 10px;*/
}
.menu_rubrique:hover{
	border-style: inset;
} 
.menu_rubrique:hover .menu_sousmenu{
	opacity:1;
	visibility:visible;
	top:34px
}
.menu_sousmenu{
	left:0;
	opacity:0;
	top:0;
	position:absolute
}	
.inscri_button{
	border-radius: 5px;
	background-color: hsla(120,100%,50%,0.5);
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);

	font-weight: bold;
	cursor: auto;
	padding: 2px;
}
.inscri_button:hover {
   background-color: hsla(120, 100%,50%);
   cursor: pointer;
}

#txtHint{
	text-shadow: 0 -1px 0 rgba(0,0,0,1);
	color:red;
	text-align: center;
}
/* le block conteneur */
.marquee {
	margin-left: auto;
    margin-right: auto;
    width: 800px;
}
/* le bloc défilant */
.marquee > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 80%;                    /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement 15s infinite linear alternate;
}
@keyframes defilement {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}

#corps{
	margin: 0 auto;
	min-width: 800px;
	font-family: Verdana;
	font-size: 12px;
	display: block
}
#corps a {
	font-family: Verdana;
}
#corps legend {
	/*font-family: Times New Roman;
	font-size: 10px;*/
	color: #0a165c;
}

.centered-element{
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
	width: 50%;
    /*width: 500px;*/
}

#Arborescence{
	/*position: absolute;*/
	left: 12px;
	display: inline-block;
}

em{
	font-weight: bold;
	color: red;	
}

#Etat{
	position:absolute;
	left: 450px;
	display: inline-block;
}

#navigationPageArticle{
	float: right;
	right: 12px;	
	display: inline-block;
}
#listeAffichageQuantite{
	float: right;
}
#nbElement{
	float: right;
}
#choixPageArticle {
	float: right;
	line-height: 27px;
	height: 27px;
	margin-left: 25px;
}
#choixPageArticle .element {
	margin-left: 6px;
	float: left;
}
#choixPageArticle .element.select {
	font-weight: bold;
	font-size: 18px;
}
#choixPageArticle .element a:hover {
	text-decoration: underline;
}
#choixPageArticle .element a img {
	margin-top: 9px;
	border: none;
}

#tableArticle{
	position: absolute;
/*	top: 190px;
	left: 12px;*/
	font-family: Verdana;
	text-align: left;
/*	height: 52px;*/
}

.disabledtableArticle {
    pointer-events: none;
    opacity: 0.25;
}

#tableHeard {
	font-family: Verdana;
	font-size: 24px;	
}

#tableBody{
	font-family: Verdana;
	font-size: 12px;
}

.adroite{
	text-align:right;
}

#fiedTableHeadNomaclature {
	border:2px solid #999;
	border-radius:8px;
	box-shadow:0 0 10px #999;
	background-color: #fed7da;
}

.legendNomaclature  {
	font-weight: bold;
}

/*
Couleurs systeme :
"ActiveCaption" : barre de titre
"ActiveCaptionText" : texte de la bare de titre
"ButtonFace: fond le la fenêtre
*/
 
/*********************************************************************************************/ 
/*** Styles de la boite de dialogue redefini pour IE inferieur version 8 dans exportIE.css ***/
.fond{
 /** Firefox **/
 position: fixed;
 top: 0px;
 left: 0px;
 
 height: 100%;
 width: 100%;
 z-index: 1000;
 display: none;
 border: none;
 background-color: #000000;
 /*-moz-opacity: 0.30;*/
 opacity: 0.30;
 /** IE **/
 /** exportIE.css **/
}
 
.conteneurPrompt{
 /** Firefox **/
 position: fixed;
 top: 25%;
 left: 25%;
 
 border: 3px outset #AAAAAA;
 /*height: 150px;*/
 width: 50%;
 display: none;
 z-index: 2000;
/** IE **/
/** exportIE.css **/
}
/*********************************************************************************************/ 


.titrePrompt{
 background-color: #AAAAFF;
 color: #000000;
 font-weight: bold;
 font-size: 11pt;
 font-family: Arial;
 text-align: center;
}
 
.contenuPrompt{
 background-color: #DDDDDD;
 color: #000000;
 font-size: 11pt;
 font-family: "Times New Roman";
 margin: 0px;
 padding: 20px;
}
 
.boutonsPrompt{
 text-align: center;
}
 
.ok, .annuler{
 width: 80px;
}
 
.ok{
 margin-right: 10px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
}
 
.annuler{
 margin-right: 0px;
 margin-left: 10px;
 margin-top: 0px;
 margin-bottom: 0px;
}

#calandier {
	
}

#calandier  > div{
  float:left;
}

#thisMonth{
 width: 50%;
}
#secondMonth {
 width: 50%;
}


/*** Fin des styles de la boite de dialogue ***/

.calculatrice
{
        width:300px;
        height:300px;
        background-color:#eeeeee;
        border:2px solid #CCCCCC;
        margin:auto;
        padding-left:5px;
        padding-bottom:5px;
}
.calculatrice td
{
        height:50px;/*16.66%*/
}
.calc_td_resultat
{
        text-align:center;
}
.calc_resultat
{
        width:270px;/*90%*/
        text-align:right;
		font-size:20px;
}
.calc_td_btn
{
        width:75px;/*25%*/
        height:50px;
}
.calc_btn
{
        width:75px;
        height:50px;
        font-size:20px;
}
.calc_btn_2
{
        width:75px;
        height:105px;
        font-size:20px;
}
.calc_btn_3
{
        width:155px;
        height:50px;
        font-size:20px;
}