body,html  {

/*       font-family: "Galaxy BT", Arial, helvetica, sans-serif;
*/       font-family: Arial, helvetica, sans-serif;
}

table
{
      font-family: Arial, helvetica, sans-serif;
}
table th
{
/*       font-family: "Galaxy BT", Arial, helvetica, sans-serif;
*/       font-family: Arial, helvetica, sans-serif;
}

body {
       font-size: 12px;
       overflow-x:hidden;
       overflow-y:scroll;
       color:black;
 }

html {
       font-size: 12px;
       color:black;
 }


.content
{
  /*background: url('/images/fond.gif') top left repeat;*/
 }

div,span {
       font-size: 12px;
       color:black;
       }

.flash_error{
              margin: 20px;
               background-color: red;
               color: white;
 }

.flash_notice{
              margin: 20px;
               background-color: green;
               color: white;
 }

#erreur {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          border: 2px solid white;
          z-index: 10;
          background-color: red;
          color: white;
          padding: 3px;
 }

img {
      border:0;
      }


.erreur_html {
               background-color: red;
               color: white;
               position: relative;
               z-index: 20;
 }

h1 {
     margin: 0;
     padding: 0;
     font-size: 1.4em;
 }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 color: black;
 background:white;
 font-weight: normal;
 padding: 5px;
 border: 1px solid #888;
 font-size: 1em;
 border-color:#888 #ccc #ccc #888;
 }
.ui-datepicker table {
                       background-color: #e1eaf2;
 }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
                                                                                                     background-color: #578ab8;
                                                                                                     border: 1px solid #FCEFA1;
                                                                                                     color: white;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
                                                                                                     background-color: #e1eaf2;
                                                                                                     border: 3px solid #578ab8;
}

input:focus {
    outline: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
    outline: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
           border: 1px solid #888;
           border-width: 2px 1px 1px 2px;
           border-color:#888 #ccc #ccc #888;
       font-family: Arial, Helvetica, sans-serif;
           font-size: 1em;
           padding:2px;
 }

#fiche_numero_crss
{
  width: 100px;
  text-align: center;
}

.ui-menu .ui-menu-item a {
           line-height: 1;
           padding: 0;
 }



/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}


.ui-button-icon-only .ui-icon {
	left: 50%;
/*	margin-left: -3px;*/
}

.ui-datepicker-trigger{
                        float:left;
                        padding-top: 1px;
 }



.cadre {
         background-color:#e1eaf2;
         width: 1000px;
         margin-top: 5px;
 }

.cadre2 {
         width: 1000px;
         margin-top: 5px;
 }

.cadrecommande {
                 background-color:#e1eaf2;
                 width: 1000px;
                 margin-top: 5px;
                 background:url(/images/cadre/fondbarre.gif) repeat-x;
                 position:relative;
                 padding:0;
                 margin:0;
                 height:52px;
                 text-align:right;
 }


.contentcontrole {
                   margin-left:5px;
 }
.contentcontroleabs {
                   position:absolute;
 }

.titrecadreidx,
.titrecadre {
              font-weight:bold;
              color:white; /*#578ab8;*/
              font-size: 1.4em;
              position: relative;
              top: 5px;
              left: 10px;
              padding-bottom: 0;
              padding-left:5px;
              text-align: left;

              /* border: 10px solid #274975; */
              /* border-width: 0 0 0 10px; */
              /* float: left; */
              }

.itemsau,.itemsau2 {
    width:250px;
    height: 20px;
    float: left;
    position: relative;
    margin: 3px;
    margin-right: 20px;
}

.itemsau2 {
    width:990px;
    height: 20px;
    float: left;
}

.itemsau2 span, .itemsau span {
    position: absolute;
    top: 3px;
    left:  0;
}

.itemsau2 img, .itemsau img,
.itemsau2 input, .itemsau input,
.itemsau2 ul, .itemsau ul,
.itemsau2 textarea, .itemsau textarea
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left:  230px;
}

.itemsau2 textarea {
    height: 60px;
}

.itemsau2 ul input, .itemsau ul input,
.itemsau2 ul li, .itemsau ul li
{
    display: inline;
    position: unset;
    vertical-align: middle;
    margin-left: 4px;
}

.controle,
.controleabs
 {
            vertical-align: top;
 }
.controleabs
{
            position: absolute;

}
.controle
{
            float:left;

}
.controle span
 {
            float: left;
}

.controleabs span
{
  }


.contentcadrepopup {
                     overflow-x:hidden;
                     overflow-y:auto;
                     width:100%;
                     height:348px;
                     padding:0;
 }




span.controle input[id$="_date"] {
                                   width: 80px;
 }

span.controle input[id$="_heure"] {
                                   width: 20px;
 }

span.controle input[id$="_minute"] {
                                   width: 20px;
 }

span.controle input[id$="_temps"] {
                                   width: 50px;
                                              text-align: center;
 }


span.contentcontroleabs input[id$="_date"] {
                                   width: 80px;
 }

span.contentcontroleabs input[id$="_heure"] {
                                   width: 20px;
 }

span.contentcontroleabs input[id$="_minute"] {
                                   width: 20px;
 }

span.contentcontroleabs input[id$="_temps"] {
                                   width: 50px;
                                              text-align: center;
 }


.gradienthautx {

             border-radius: 20px;
             moz-border-radius: 20px;
             khtml-border-radius: 20px;
            width:970px;

            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjExIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  rgba(30,87,153,1) 8%, rgba(30,87,153,0.11) 90%, rgba(30,87,153,0.06) 95%, rgba(125,185,232,0.05) 96%, rgba(125,185,232,0) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgba(30,87,153,1)), color-stop(90%,rgba(30,87,153,0.11)), color-stop(95%,rgba(30,87,153,0.06)), color-stop(96%,rgba(125,185,232,0.05)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-8 */

            height:40px;
            padding:5px;
            position:absolute;
            top:-50px;
            left:0px;
            font-weight:bold;
            font-size:1.4em;
            color:#ffffff;
            text-align:center;

            }

.gradienthautx {
             border-radius: 20px;
             moz-border-radius: 20px;
             khtml-border-radius: 20px;
                background-color:#274975;
                width:1000px;
                height:30px;
                position:absolute;
                top:-50px;
                left:0px;
                font-weight:bold;
                font-size:1.4em;
                color:#ffffff;
                text-align:center;
                padding-top:7px;
                }

.gradienthaut {
                background-color:transparent;
                width:1000px;
                height:30px;
                position:absolute;
                top:-60px;
                left:0px;
                font-weight:bold;
                font-size:1.5em;
                color:#578ab8;
                text-align:center;
                padding-top:11px;
                }

input:disabled,
textarea:disabled,
select:disabled
{
  background:white;
  color: green;
 }


.gerer
{
  background-color: transparent;
 }

button {
  background-color: transparent;
 }

.titrefenetre
{
  font-size:1.4em;
  vertical-align:middle;
  height:30px;
  background-color:#578ab8;
  color:white;
  font-weight:bold;
  position:relative;
  text-align:left;
  padding-left:5px;
  padding-top:2px;
  cursor: pointer;
  }

#titrefenetre
{
  color:white;
  padding-left:5px;
  padding-top:5px;
  font-size: 1em;
  }


div.itemvers
{
position:absolute;
left: 50px;
}

span.itemvers {
color:#578ab8;
width:400px;
text-align:left;
font-size:1.3em;
 }

#version
{
z-index:1000;
position:absolute;
left:50%;
margin-left:-200px;
top:200px;
width:400px;
height:200px;
border:2px solid #578ab8;
background-color:white;
display:none;

 }

  #sablier {
    display:none;
    z-index:200;
    position:fixed;
    top:25%;
    left:50%;

        -webkit-animation-name: load-animation;
        -webkit-animation-duration: 3000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: load-animation;
        -moz-animation-duration: 3000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: load-animation;
        -ms-animation-duration: 3000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;

        animation-name: load-animation;
        animation-duration: 3000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
       }

    @-moz-keyframes load-animation {
        from { -moz-transform: rotate(0deg); }
        to { -moz-transform: rotate(360deg); }
    }
    @-webkit-keyframes load-animation {
        from { -webkit-transform: rotate(0deg); }
        to { -webkit-transform: rotate(360deg); }
    }
    @keyframes load-animation {
        from {transform:rotate(0deg);}
        to {transform:rotate(360deg);}
    }


.ui-menu-item a {
  border-radius:0;
  background: none;
  background-color: white;
}

.ui-menu-item a.ui-state-focus,
.ui-menu-item a.ui-state-active {
  background: none;
  background-color: #578ab8;
  color: white;
  font-weight: bold !important;
}

.etiquette_numero {
/*  font-family: Courier new;
*/}

.etiquette_numero_grand {
  top: -2px;
/*  font-family: Courier new;
*/  font-size: 1em;
 background-color:#e1eaf2;
 color:#5e8db9;
  padding:5px;
  margin-left: 2px;
}


#flux_distant_url {
    width: 240px;
}


/* page login */

#contenu #login {
    position:absolute;
    left:263px;
    top:346px;
}

#contenu #pwd {
    position:absolute;
    left:263px;
    top:435px;
}

#contenu #login.ambu {
    left:303px;
    top:361px;
}

#contenu #pwd.ambu {
    left:303px;
    top:430px;
}


#contenu #pwd input,
#contenu #login input {
    width: 329px;
    color: black;
    border:0;
    height:30px;
    font-size:25px;
}

#contenu #pwd.ambu input,
#contenu #login.ambu input {
    width: 318px;
}


#contenu #login input {
  width: 567px;
}

#contenu #login.ambu input {
  width: 532px;
}


#contenu, #image
{
  position:absolute;
     left: 50%;
     margin-top: 20px;
     margin-left: -472px;
 }

#goxx
{
  position:absolute;
     left: 50%;
     margin-top: 290px;
     margin-left: 160px;
border:0;
}

#contenu #go {
    position:absolute;
    left:629px;
    top:428px;
}

#go input {
  cursor: pointer;
  width:224px;
  height: 49px;border:0;
  padding:0;
  background: #fff url(/images/boutonlogin.png) no-repeat left top;
}

#contenu #go.ambu {
    position:absolute;
    left:644px;
    top:424px;
}

#go input.ambu {
  cursor: pointer;
  width:201px;
  height: 46px;border:0;
  padding:0;
  background: #fff url(/images/boutonlogin-ambu.png) no-repeat left top;
}