#wrapper{ margin: 0 auto; width: 500px; font-family: verdana; font-size: 13px;}

#formulaire{
    float:left;
    width: 1000px;
    margin: 50px 0 0;
    border:2px solid #000;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
}

#formulaire > form > div, #formulaire > form div.sel_raison_autre{clear: left; float: left; margin-top: 30px; width: 500px; position: relative;}
#formulaire > form label{float: left; width: 200px;}
#formulaire > form input[type="text"]{float: left; width: 250px;}
#formulaire input[type="checkbox"]{ margin: 0 10px 0 5px;}
#formulaire select{float: left; width: 258px;}
#formulaire textarea{clear: left; float: left; width: 450px; margin-top: 5px;}
#formulaire div.sel_raison_autre{ display: none;}
#formulaire div{ margin-top: 10px; }
#formulaire div.fieldsError{ 
    position: absolute; 
    color: #FFF;
    background: #FF0000;
    width: 170px;
    right: 42px;
    top: -17px;
    text-align: center;
    font-weight: bold;
}
    /*custom error field*/
   #formulaire div#txt_confirmer_courriel_error{ width: 500px;}


#formulaire #domainsList{ font-size: 12px; font-family: arial; width: 1250px; border: 1px solid #333;}
#formulaire #domainsList td, #formulaire #domainsList th{  border-collapse: collapse; color: #000; min-width: 30px;}
#formulaire #domainsList td.border{ border: none; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: center;}
   
#formulaire #domainsList td:first-child,#formulaire #domainsList th:first-child{ display: none;}

#formulaire div.exception label{ width: 20px; padding: 0 12px;}
#formulaire div.exception input{ width: 81px;}
#formulaire div.exception label.first{ width: 200px; padding: 0;}

table.dataTable td.select-checkbox::before, table.dataTable td.select-checkbox::after{ top: 50%!important;}

input, select, textarea{ font-size: 12px; padding: 2px; border: 2px solid #555;}
input[type="submit"]{ border: 1px solid #333; background-color: #ccc; color: #333; float: right; padding: 4px 10px; font-size: 14px;}

.colName{ min-width: 200px;}

.fieldsError{ color:#FF0000;}
.fieldsNoError{ color:#17b70f;}
.float_r{ float: right;}
.float_l{ float: left;}
.clear-r{ clear: right;}
.clear-l{ clear: left;}
.clear-b{ clear: both;}
.reset_width{ width: inherit;}


.actionButton{ 
    float: left; 
    width: 200px; 
    margin: 20px; 
    font-family: arial; 
    font-size: 14px; 
    padding: 8px; 
    background: #888; 
    color: #FFF; 
    cursor: pointer;
    text-align: center;
}
.actionButton.delete{ background: #ff0000;} 

@media print{
    #formulaire form, #renewer, h2, td.border{ display: none; }
    
}



#formulaire #domainsList_wrapper select{ border: 1px solid #ccc; float: none; width: 50px; margin: 20px 0; }
#formulaire #domainsList_filter input{ width: 350px; padding: 3px 10px; }

#search{ display: none; }