form {
    margin:                 10px 0;
    padding:                0;
}

.mandatory {
    color:                  #c7bc57;
    font-weight:            bold;
}

form.gridSearch {
    margin:                 10px 0 0;
}

input, textarea, select, button {
    margin:                 0;
    padding-top:            1px;
    padding-bottom:         1px;
    font-family:            inherit;
    font-size:              inherit;
}

.button-container {
    margin:                 20px 0 10px;
    text-align:             center;
}

a.button {
    display:                inline-block;
    padding:                5px 10px;
    background:             #ccc;
    border:                 1px outset #E8E8E8;
    color:                  #000;
    text-decoration:        none;
}

a.button:hover {
    background:             #eee;
}

select {
    padding:                1px;
}

textarea {
    margin:                 0;
}

textarea.htmlarea {
    width:                  99%;
    height:                 20em;
}

fieldset {
    margin:                 0 0 20px;
    padding:                10px 20px;
    border:                 none;
}

fieldset.content {
    padding:                0;
    border:                 none;
}

fieldset.content div {
    margin:                 0;
}

fieldset legend {
    margin:                 0;
    padding:                5px 10px;
}

fieldset div {
    margin:                 10px 0;
}

fieldset div.video object {
    margin:                 0 0 0 200px;
}

fieldset div label {
    display:                block;
    width:                  200px;
    height:                 19px;
    line-height:            19px;
    float:                  left;
    /*background:             #ccc;*/
}

fieldset div input, 
fieldset div textarea, 
fieldset div select {
    width:                  20em;
    padding:                2px;
    background:             #fff; /* url(images/input.gif) no-repeat -8px -8px; */
    border:                 1px solid #ccc;
}

fieldset div textarea {
    height:                 5em;
}

fieldset div input[type=file] {
    width:                  auto;
    background:             none;
    border:                 none;
}

fieldset div ul {
    width:                  360px;
    margin:                 0 0 0 200px;
    padding:                0;
    list-style:             none;
}

fieldset div ul ul {
    margin:                 0 0 0 20px;
}

fieldset div ul label {
    float:                  none;
    display:                inline;
    width:                  auto;
}

fieldset div ul input {
    width:                  auto;
}

fieldset div ul span.hint {
    width:                  auto;
    margin-left:            25px;
    margin-bottom:          10px;
}

fieldset div ul.images {
    margin:                 10px 0;
}

fieldset div ul.inline li {
    display:                inline;
    margin-right:           10px;
}

fieldset div iframe.map {
    margin:                 10px 0 10px 200px;
    border:                 1px solid #ccc;
}

fieldset hr {
    height:                 1px;
    margin:                 20px 0;
    padding:                0;
    background:             #ccc;
    border:                 0;
}

fieldset div p code {
    margin:                 10px 0;
    padding:                5px 10px;
    background:             #eee;
    border:                 1px solid #ddd;
}

form span.hint {
    display:                block;
    margin:                 2px 0 0 200px;
    color:                  #777;
    font-size:              .9em;
}

form span.hint span.hilight {
    background:             #ffc;
}

form span.hint code {
    font-family:            monospace;
    font-size:              1.1em;
}


/** type de données spéciaux **************************************************/

div.datetime input.date {
    width:                  75px;
    /*text-align:             center;*/
}

div.datetime input.time {
    width:                  40px;
    /*text-align:             center;*/
}


/** submitArea ****************************************************************/

.submitArea {
    margin:                 10px 0;
    text-align:             center;
}

form fieldset .submitArea {
    width:                  446px;
    margin:                 10px 0 10px 200px;
    padding:                0;
    text-align:             right;
}


/** recherche "inline" ********************************************************/

form.search {
    margin:                 20px 0 10px;
}

form.search fieldset {
    margin:                 0;
    background:             #f2f2f2;
}

form.search select {
    width:                  160px;
}


/** erreurs *******************************************************************/

div.form-errors {
    margin:                 20px 0;
    padding:                5px 15px;
    background:             #F1D8DB;
    color:                  #000;
}

div.form-errors p {
    margin:                 5px 0;
    padding:                0;
}

div.form-errors ul {
    margin:                 5px 0;
    padding:                0 25px;
    list-style:             square;
}

div.form-errors a {
    color:                  #595051;
}