div.rangeeFormulaire label.lblJour{
    min-width: 20px;
    display: inline-block;
    vertical-align: 3px;
}

div.casesJours input[type='checkbox']{
    margin: 1px;
}

#frmActiviteHoraire div.colonne2{
    width: 36%;
}

#frmActiviteHoraire div.colonne1{
    width: 40%;
}

#frmActiviteHoraire div.colonne3{
    width: 20%;
}

button
{
    background: url("../bgButtons.png") repeat-x scroll 0 0 #3B67A0;
    border: 1px solid #3B67A0;
    color: white;
    letter-spacing: 0;
    opacity: 1;
    padding: 5px 8px;
    text-align: center;
    white-space: nowrap;
    word-spacing: 0;
    cursor: pointer;
    font-weight: bold;
    font-size:10pt;
}

button:hover
{
    background-color: #3F5878;   
    border-color: #3F5878;
}

button:focus
{
    background-color: #ababab;   
    border-color: #ababab;
    color: #000000;
}

button[disabled]
{
    background-color: #ababab;   
    border-color: #ababab;
    color: #DBEBFE;
}

fieldset 
{
    border:none;
    margin:0;
    padding:10px;
    border:1px dotted #5CA3F9;
    margin-bottom: 10px;
}

fieldset legend 
{
    font-size:1.1em;
    font-weight:700;
    color:#5CA3F9;
    margin-left: 10px;
    background-color:#FFFFFF;
}

fieldset legend.abonne
{
    font-size:1.3em;
    font-weight:800;
    color:#223d68;
    margin-left: 10px;
    background-color:#FFFFFF;
}

fieldset div.actif
{
    background-color: #F5F5F5;
}

div.rangeeFormulaire input[type=text], 
div.rangeeFormulaire textarea, 
div.rangeeFormulaire select, 
div.rangeeFormulaire input[type=email]
{
    border:solid 1px #CBCBCB;
    background-color:#FFFFFF;
    /*color: #666666;*/
    vertical-align: text-top;
    padding: 1px;
    outline:none;
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight:400;
    font-size:13px;
}

div.rangeeFormulaire input[type="text"]:disabled,
div.rangeeFormulaire textarea:disabled 
{
    background: #dddddd;
}

textarea
{
    overflow-y: scroll;
    width: 99%;
}

input[type=checkbox]
{
    background-color: transparent !important; /* Background pour IE */
}

input[type=text]:hover, textarea:hover, select:hover
{
    border-color: #999999;
    color: #666666;
}

input[type=text]:focus, textarea:focus, select:focus
{
    border-color: #1eaad9;
    box-shadow: none;
    color: #000000;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    font-family: 'Source Sans Pro', Sans-Serif;
    font-weight:400;
    font-size:0.9em;
}

input[type=text].error,
select.input-validation-error 
{
    border:1px solid red;
    background-color:#FFE6E6;
    width:150px;
}

input[type=text].date 
{
    margin-top: -5px;
}



span.label, div label
{
    font-size:12px;
    display: inline-block; 
    vertical-align: top; 
    text-align: left; 
    margin-bottom:2px;
}

span.label 
{
    width:160px;
}

span.label 
{
    font-weight:bold;
}

div#ongletPage table
{
    font-size: 11px; 
    font-weight: normal;
    border: none; 
}

div#ongletPage table tbody tr
{
    height: 20px;
    line-height: 20px;   
}
div#ongletPage table tbody tr th
{
    width: 150px; 
    font-size: 11px; 
    font-weight: normal;
    padding: 2px 10px; 
    text-align: left;  
    vertical-align: top;
}

/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */

div.ui-dropdownchecklist-item label
{
    display:  inline;
}


.ui-dropdownchecklist .ui-widget-content
, .ui-dropdownchecklist .ui-widget-header {
	border: none;
}
.ui-dropdownchecklist-indent {
	padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper
, .ui-widget.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0px;
}
.ui-dropdownchecklist-selector {
	padding: 1px 2px 2px 2px;
	font-size: 0px;
}
.ui-dropdownchecklist-text {
	font-size: medium;
}
.ui-dropdownchecklist-item
, .ui-dropdownchecklist-item input {
    vertical-align: middle;
}
.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}

.infobulle, div.rangeeFormulaire .infobulle
{
    width:16px;
    height:16px;
    background-image:url('../icones/information.png');
    background-position:center center;
    background-repeat: no-repeat;
    display:inline-block;
    position:relative;
    vertical-align:-6px;
}

.infobulle .contenu
{
    display:none;
}

.infobulle:hover .contenu.droite, .infobulle .contenu.droite:hover
{
    left:0px;    
}

.infobulle:hover .contenu, .infobulle .contenu:hover
{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    background-color:#FF0000;
    min-width: 350px;
    width:auto;
    border: 1px solid #DBEBFE;
    background: #F5F5F5; 
    padding: 10px;
    color: #000;
    text-align: left;
    z-index:1000;
    font-weight:normal;
    font-size:11px;
    font-family:Verdana,Arial,sans-serif;
}



div.colonne
{
    margin-left:2%;
    float:left;
}

div.colonne:first-child, div.colonneSurDeuxColonnes:first-child
{
    margin-left:0;
}

div.zoneSurDeuxColonnes,
div.zoneSurTroisColonnes,
div.zoneSurQuatreColonnes,
div.zoneSurSixColonnes
{
   width:100%;
}

div.zoneSurDeuxColonnes:after, div.zoneSurTroisColonnes:after, div.zoneSurQuatreColonnes:after, div.zoneSurSixColonnes:after
{
    content: "";
    display: table;
    clear:both;
}

div.zoneSurDeuxColonnes div.colonne
{
    width: 49%;
}

div.zoneSurTroisColonnes div.colonne
{
    width: 32%;
}

div.zoneSurQuatreColonnes div.colonne
{
    width: 23.5%;
}

div.zoneSurSixColonnes div.colonne
{
    width: 14.6%;
}

div.colonneSurDeuxColonnes
{
    margin-left:2%;
}

div.zoneSurTroisColonnes div.colonneSurDeuxColonnes
{
    float:left;
    width: 66%;
}

div.zoneSurQuatreColonnes div.colonneSurDeuxColonnes
{
    float:left;
    width: 50%;
}

table.tableau tr td.boutons
{
    text-align:center;
}

table.tableau tr td.boutons div.bouton
{
    display:inline-block;
    margin:0px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    width:16px;
    height:16px;
}

div.colonneSurDeuxColonnes div.rangeeFormulaire input[type=text],
div.colonneSurDeuxColonnes div.rangeeFormulaire select,
div.colonneSurDeuxColonnes div.rangeeFormulaire input.date[type="text"],
div.colonneSurDeuxColonnes div.rangeeFormulaire textarea
{
    width:95.2%;
    padding-right:0px;
}


div.rangeeFormulaire
{
    margin-top:2px;
    margin-bottom: 2px;
    line-height:15px;
    font-size:11px;
    padding:2px 0;
    display: inline-block;
    width: 100%;
}

div.rangeeFormulaire img.ui-datepicker-trigger
{
    position:relative;
}
div.datesAuditions img.ui-datepicker-trigger
{
    position:relative;
    top:3px; 
}

div.rangeeFormulaire input[type=text], div.rangeeFormulaire select
{
    width:90%;
    padding-right:0px;
}

div.rangeeFormulaire.court input[type=text], div.rangeeFormulaire.court select, div.rangeeFormulaire.court textarea
{
    display:inline-block;
    width:25%;
}

div.rangeeFormulaire.court.fixe input[type=text], div.rangeeFormulaire.court.fixe select, div.rangeeFormulaire.court.fixe textarea
{
    width:100px;
}

div.rangeeFormulaire.moyen input[type=text], div.rangeeFormulaire.moyen select, div.rangeeFormulaire.moyen textarea
{
    display:inline-block;
    width:50%;
}

div.rangeeFormulaire.moyen.fixe input[type=text], div.rangeeFormulaire.moyen.fixe select, div.rangeeFormulaire.moyen.fixe textarea
{
    width:250px;
}

div.rangeeFormulaire.long input[type=text], div.rangeeFormulaire.long select, div.rangeeFormulaire.long textarea
{
    display:inline-block;
    width:75%;
}

div.rangeeFormulaire.long.fixe input[type=text], div.rangeeFormulaire.long.fixe select, div.rangeeFormulaire.long.fixe textarea
{
    width:400px;
}

div.rangeeFormulaire input[type=text].date.avecHeure
{
    width:65%;   
}

div.rangeeFormulaire input[type=text].date.avecHeure + .heure
{
    width:20%;
    margin-left:4%;
}

div.rangeeFormulaire.fixe input[type=text].date
{
    width:85px;
}

div.rangeeFormulaire.fixe input[type=text].heureReel
{
    width:60px;
}

div.rangeeFormulaire.fixe input[type=text].heure
{
    width:150px;
}

div.rangeeFormulaire.fixe input[type=text].date.avecHeure + .heure
{
    width:35px;
    margin-left:1%;
}

div.rangeeFormulaire.intervalleDates input[type=text].date
{
    width:85px;
    vertical-align:middle;
}

div.rangeeFormulaire span.ui-widget,
div.rangeeFormulaire span.ui-widget span
{
    padding:0;
}

div.rangeeFormulaire label
{
    min-width:50px;
    font-size:11px;
    display: block; 
    vertical-align: top; 
    text-align: left;
    font-weight:bold;
}

div.rangeeFormulaire div.sousChamp label
{
    font-weight:normal;
    display:inline-block;
    vertical-align:-2px;
}

div.rangeeFormulaire label.pourCaseCocher, div.rangeeFormulaire label.pourRadioBouton
{
    font-weight:normal;
    display:inline-block;
}

div.rangeeFormulaire.listeRadioBoutons label, div.rangeeFormulaire.listeCasesCocher label, div.rangeeFormulaire.tableau label,
div.rangeeFormulaire.tableau div.bouton
{
    display:inline-block;
    vertical-align:2px;
}
div.rangeeFormulaire.listeRadioBoutons div
{
    /*Pour aligner avec le libellé.*/
    margin-top:-2px;
}

div.rangeeFormulaire.listeCasesCocher input[type='checkbox']
{
    /*Pour aligner avec le libellé.*/
    margin-top:1px;
}

div.rangeeFormulaire span
{
    font-size:11px;
    display: block; 
    vertical-align: top; 
    text-align: left; 
    word-break:break-all;
}
div.rangeeFormulaire span.ui-spinner
{
    display:inline-block;
    border: 1px solid #CBCBCB;
}
div.rangeeFormulaire span.ui-spinner input{
    border:none;
}
/*html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}*/

div.rangeeFormulaire span.indicateurObligatoire
{
    color:#FF0000;
    display:inline;
}


.rangeeFormulaire.tableau
{
    /*margin-bottom:10px;*/
}


div.rangeeFormulaire.tableau div.bouton
{
    margin-left:10px;
}

.boutonsActiviteHoraire{
    font-size:10pt;
    font-family:Verdana,Arial,sans-serif;
    padding-top:10px;
    text-align: right;
}

form .barreBoutons
{
    padding-top:10px;
    /*border-top:1px dotted #5CA3F9;*/
    margin-top:10px;
    text-align:right;
}

form .barreBoutons .informationMiseAJour
{
    font-size:11px;
    float:left;
}

form .barreBoutons.prorogationDissolution{
    float: left;
}

form .barreBoutons.prorogationDissolution > button{
    margin-right: 30px;
}

input[type="checkbox"]~label
{
    display:inline-block;
    vertical-align:3px;
}

.barreBoutons
{
    text-align:right;
    margin:10px 0 10px 0;
}

.barreBoutonAvis
{
    padding-top: 12px;
    text-align:left;
}

#dialog .barreBoutons
{
    margin:0px;   
    border-top:0;
}

#dialog .barreBoutons a
{
    color:#FFFFFF;
}

div.rangeeFormulaire.surlignerErreur input, 
div.rangeeFormulaire.surlignerErreur select, 
div.rangeeFormulaire.surlignerErreur textarea,
td.surlignerErreur input, 
td.surlignerErreur select, 
td.surlignerErreur textarea
{
    background-color: #ffe6e6 !important;
    border: 1px solid red !important;
    color: red !important;
}


.rangeeFormulaire.fixe.plusCourt
{
    width:15%;
}

.rangeeFormulaire.fixe.court
{
    width:25%;
}

.rangeeFormulaire.inline
{
    display:inline-block;
}

div.zoneFiltreBtn
{
    margin-bottom: 5px;
    text-align: right;
    margin-right: 0;
}

  .custom-combobox {
    position: relative;
    display: inline-block;
  }

  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    border: solid 1px #CBCBCB;
  }

  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    background-color: white;
  }