/*
@import 'js_console.css';
*/

/* 	Styles de formulaires
--------------------------------------------------------*/

  #formulaire, #formulaire-install {
    float				: left;
    width 				: 100%;
    background-color	: #f5f5f5;
    margin				: 0;
  }

fieldset {
    display : block;
    clear : both;
    padding : 0 0.2em 0 0.2em;
    margin : 0;
    border : none;
    background : transparent;
}

#formulaire form h2 {
    font-size : 1.1em;
    font-weight : bold;
    margin : 0;
    padding : 0.5em 0 0.3em 0.4em;
}


 form div samp {
    display : block;
    clear : both;
    font-family : Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, Sans-Serif;
    font-size : 0.85em;
    color : #414141;
    padding-bottom : 0.3em;
 }

 .formsubmit-m,
 .formsubmit {
    float : left;
    clear : both;
    width : 99%;
 }

.formsubmit-m {
    width : 71%;
    padding-left : 25%;
 }

 .formrow-m,
 .formrow-s,
 .formrow-xs,
 textarea,
 select,
 input,
 label {
    float : left;
    clear : none;
 }


 textarea,
 select,
 input,
 label {
    font-size : 1em;
    font-family : Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, Sans-Serif;
 }

 .formrow-m,
 .formrow-s,
 .formrow-xs {
    padding : 0.4em 0.5em;
    margin : 0.3em 0;
}



 .formrow-m {
    display : block;
    float : left;
    clear : both;
    width : 98%;
 }


 .formrow-s {
    width : 48%;
 }

 .formrow-xs {
    width : 31%;
 }





/* Très petits champs (x3 par ligne)
--------------------------------------------------*/


 .formrow-xs label {
    width : 75%;
}


 .formrow-xs textarea,
 .formrow-xs select,
 .formrow-xs input {
    width : 19%;
}


 .formrow-xs .list-panel,
 .formrow-xs .ajax-list iframe {
    width : 19%;
    left  : 25.5%;
}


 .formrow-xs samp {
    margin-left : 52%;
}

.formrow-xs .calendar-field {
    width : 15%;
}


/* Petits Champs (x2 par ligne)
--------------------------------------------------*/


 .formrow-s label {
    width : 50%;
}



 .formrow-s textarea,
 .formrow-s select,
 .formrow-s input {
    width : 48%;
}

 .formrow-s .list-panel,
 .formrow-s .ajax-list iframe {
    width : 46%;
    left  : 25.5%;
}

 .formrow-s samp {
    margin-left : 50%;
    font-size : 0.85em;
}

.formrow-s .calendar-field {
    width : 36%;
}

/* Champs moyens (x1 par ligne)
--------------------------------------------------*/


 .formrow-m label {
    width : 24.5%;
}


 .formrow-m textarea,
 .formrow-m input {
    width : 73%;
}

 .formrow-m .list-panel,
 .formrow-m .ajax-list iframe {
    width : 72%;
    left  : 25.5%;
}


 .formrow-m select {
    width : 73.8%;
}

 .formrow-m samp {
    margin-left : 26%;
}


.formrow-m .calendar-field {
    width : 67%;
}





/* 	Classes des éléments spéciaux
--------------------------------------------------------*/

  .form-checkbox {
    float : left;
    clear : both;
    width : 98%;
    margin : 0.4em 0 0 0.4em;
    padding : 0;
  }

  .form-checkbox h2 {
    margin : 0.5em 0 0.3em 0;
  }

  .form-checkbox h2 span {
    text-transform : uppercase;
  }


  .form-checkbox .global-label,
  .form-checkbox p {
    float : left;
    clear : none;
    width : 24%;
    margin : 0;
    padding : 0;
  }

/*
  .form-checkbox input,
  .form-checkbox input:focus,
  .form-checkbox input:active {
    height : 13px;
    width : 20px;
    float : left;
    margin-left : 29%;
    margin-top : 0.4em;
    border : none;
  }


  .form-checkbox label {
    width : 60%;
    float : left;
    margin : 0;
    padding : 0;
  }*/

/*
  .form-checkbox p {
    width : 30%;
    float : left;
    clear : both;
  }

  .form-checkbox p input {
    width : 20%;
    float : left;
    border : none;
  }

  .form-submit {
    clear : both;
    background : red;
    width : 60%;
    float : left;
  }

  .form-submit input {
    float : left;
    margin : 0.4em 0.2em;
  }

  .extra-large {
    width : 99%;
  }

  .form-smaller input {
    width : 30%;

  }

  .submitbttn {
    margin-left : 31%;

  }
*/


/* Regroupement des champs
--------------------------------------------------*/
/*
  .field-group {
    float : left;
    width : 49%;
    margin : 0em;
  }

  .field-group input,
  .field-group input:focus,
  .field-group input:active
   {
    float : left;
    width : 48%;
    padding : 0.1em 0.1em;
    font-size : 0.9em;
  }

  .field-group label {
    float : left;
    width : 50%;
    font-size : 0.8em;
  }
*/

  .checkbox-group {
    float : left;
    clear : none;
    width : 32%;
    margin : 0.2em;
  }

  .checkbox-group input,
  .checkbox-group input:active,
  .checkbox-group input:focus {
    float : left;
    width : 20px;
    border : none;
    background : transparent;
  }

  .checkbox-group label {
    float : left;
    width : auto;
    font-size : 0.9em;
    line-height : 150%;
  }




/* Liste déroulante dynamique
--------------------------------------------------*/

.ajax-list var {
  display : none;
}

* html .ajax-list var {
  float : none;
}


.list-panel,
.list-frame {
  position : absolute;
  float : left;
  height : 10px;
  margin : 0;
  padding : 0;
  display : none;
  background : #fff;
  border : 1px solid #A5A5A5;
  border-color : #A5A5A5 #414141 #414141 #A5A5A5;
  border-width : 1px 2px 2px 1px;
}

.list-frame {
  border : none;
}


.list-panel ul {
  list-style-type : none;
  margin : 1px;
  padding : 0;
}


.list-panel li {
  color : #696969;
  font-style : italic;
}

.list-panel a:hover,
.list-panel a:focus,
.list-panel a {
  display : block;
  text-align : left;
  line-height : 1.6em;
  font-size : 0.9em;
  text-decoration : none;
  color : #000;
  border : 0;
  margin : 0;
  padding : 0;
  padding-left : 5px;
  font-style : normal;
}

.list-panel em {
  color : #a5a5a5;
}


.list-panel a:focus,
.list-panel a:hover {
  background : #1A48CE;
  color : #fff;
}

.list-panel em {
  color : #777;
}

.list-panel a:focus em,
.list-panel a:hover em {
  color : #bbb;
}


/* Affichage des messages utilisateur
--------------------------------------------------*/

#errorbox {
    background: #fff6bf url(../../img/alert.gif) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    margin : 1em 0;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}

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

#errorbox li {
    margin : 0;
    padding : 0;
}


#errorbox p {
    margin : 0;
    padding : 0.4em 0;
}



#infobox {
    background: #efffff url(../../img/information.gif) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    margin : 1em 0;
    border-top: 2px solid #a9aeff;
    border-bottom: 2px solid #a9aeff;
}




.error iframe {
   border : 1px solid #DF4242;
 }


.error input,
.error textarea,
.error select {
  border : 1px solid #DF4242;
  /*border-color : red;*/
  background : #fff url(../img/error_inputbg.jpg) repeat-y;
}


 .error input:focus,
 .error input:active,
 .error textarea:focus,
 .error textarea:active,
 .error select:focus,
 .error select:active {
   background : #fff;
   border-color : #f00;
 }


 form .error samp {
   font-weight : bold;
 }


span.live-editing {
    border-bottom : 1px dotted yellow;
    background : url(../img/live_editing_text.gif) no-repeat bottom left;
    padding-left : 0.5em;
}