body {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    line-height:157%;
    color: #666666;
    font-size: 13px;
    letter-spacing:0px;
    min-width:960px;
    margin-top:40px;
}
body h1 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 120%;
}
.row_5 h1 {
    text-align: left;
}
.customClass-tbody1 h1 {
    color: #FFFFFF;
    text-align:center;
}
body h2 {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 120%;
}
body h3 {
    color: #5F5F5F;
    font-size: 20px;
    font-weight: normal;
    line-height: 120%;
}
body h4 {
    color: #5F5F5F;
    font-size: 14px;
    font-weight: bold;
}
body p {
    font-size:13px;
    color: #666666;
    line-height:157%;
}
body a {
    color: #0000FF;
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
    line-height:157%;
}
body a:active, body a:hover {
    color: #FF0000;
}
body a:visited {
    color: #7A1A8B;
}
.main_wrapper {
    clear: both;
    min-height: 452px;
    width: 960px;
    margin: 0px auto;
    background-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
    border-color:#EBEBEB;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    position: relative;
    box-shadow: 0 0 4px #444;
}
table tr td {
    border-bottom: 1px #fff solid;
    padding-top: 5px;
    padding-bottom: 5px;
}
.row_1 {
    clear: both;
    min-height: 40px;
    width: auto;
    position: relative;
}
.list {
    font-family : Arial, Helvetica, sans-serif;
    text-align : center;
    width: 100%;
    font-size : 14px;
    line-height : 250%;
    list-style-type:none;
    padding-left:0px;
    min-height:35px;
    margin-top:0px;
    margin-bottom:5px;
    /*background-color:#E0C436;*/
    background-color: #2188C5;
    -webkit-border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    overflow: hidden;
}
.list li {
    display: inline-block;
    width:auto;
    float: left;
    /*min-height:0px;*/
    /*padding:5px 7px;*/
    text-transform: uppercase;
    /*border-left:1px solid #FFFFFF;*/
    /*border-right: 1px solid #fff;*/
    color:#FFFFFF;
    /*margin-left: 5px;*/
    margin-right: -5px;
}

.list a,
.list a:visited,
.list a:link,
.list a:active
{
    color: #fff;
    padding: 10px 7px;
}

.list .active { background: #9f2000; }
.deconnexion {
    position: absolute;
    right: 10px;
    top: 65px;
    color: #000;
}
.deconnexion a{ color: #000;}
.deconnexion a:visited{ color: #000;}
.deconnexion a:active{ color: #000;}
.deconnexion a:link{ color: #000;}
.row_2 {
    clear: both;
    min-height: 26px;
    width: auto;
}
.row_3 {
    clear: both;
    min-height: 354px;
    width: 960px;
}
.row_5 {
    clear: both;
    min-height: 43px;
    width: auto;
    padding:15px;
}
.row_6 {
    clear: both;
    min-height: 174px;
    width: auto;
    padding:15px;
}
.row_10 {
    clear: both;
    min-height: 87px;
    width: auto;
}
.row_11 {
    clear: both;
    min-height: 26px;
    width: auto;
    margin-top:12px;
}
.column_1 {
    float: left;
    width: 750px;
    min-height: 26px;
}
.column_2 {
    float: right;
    /*width: 180px;*/
    min-height: 26px;
    text-align: right;
}
.row_7 {
    clear: both;
    min-height: 65px;
}
.row_8 {
    clear: both;
    min-height: 30px;
    width: auto;
    /*background-color:#E0C436;*/
    background-color:#2188C5;
}
.row_9 {
    clear: both;
    min-height: 35px;
    width: auto;
    padding:15px;
}
.row_4 {
    clear: both;
    min-height: 14px;
    /*background-color:#E0C436;*/
    background-color:#2188C5;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    width: 960px;
    position: absolute;
    bottom: 0px;
}
.list li.item {
    width: auto;
    min-height:35px;
    border-left:1px solid;
}
.list li:hover {
    color: #FFFFFF;
    background-color:#A80D4B;
}
.list li:hover {
    background-color: #9f2000;
}
p.paragraph {
    text-align: right;
    padding-right:8px;
    min-height:22px;
    margin-top:2px;
    margin-bottom:2px;
    padding-left:8px;
}
img.image1 {
    max-width: 100%;
    height:30px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.customClass-tbody {
    min-height: 25px;
    background-color:#9f2000;
}
.customClass1 {
    background-color: #BBFABB;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.customClass0 {
    background-color: #EBEBEB;
}
.customClass2 {
    background-color: #F5AE78;
}
.customClass-tbody1 {
    min-height: 25px;
    text-align: center;
    color: #FFFFFF;
}
p.paragraph1 {
    text-align: left;
}
p.paragraph2 {
    text-align: left;
}

p.paragraph3 {
    text-align: left;
}
p.paragraph4 {
    min-height: 28px;
    margin-top:0em;
    margin-bottom:0em;
}

.row-900 {
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
}
.row-901 {
    /*width: auto;*/
    /*margin-right: 30px;*/
}
.row-901 a {
    /*width: 100%;*/
}
/** COLONNE **/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}

/* Flash message */
.flashmessage .list-unstyled {
    list-style: none;
}
.flashmessage .alert-success {
    background: #BBFABB;
}
.flashmessage .alert-danger {
    background: #F5AE78;
}

.hidden {
    display: none;
}

/** Bouton de tri **/
.btn-tri {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 5px 10px;
    margin-right: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    margin-bottom: 15px;
}

.btn-tri:visited { color:#000;}
.btn-tri:hover { color:#000;}
.btn-tri:active { color:#000;}

.btn-tri.-en-tous {
    background: #E0C436;
}
.btn-tri.-en-ligne {
    background: #BBFABB;
}
.btn-tri.-en-attente {
    background: #F5AE78;
}
.btn-tri.-en-avant {
    background: #19e055;
}
.btn-tri.-en-archiver {
    background: #EBEBEB;
}
.btn-tri.-en-rubrique {
    background: #9F2000;
    color: #fff;
    margin-bottom: 10px;
}

/** Btn Pagination **/
.btn-page{
    display: inline-block;
    margin-right: 3px;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
    padding-top: 1px;
    text-align: center;
    background: #bbb;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-page:visited { color: #fff;}
.btn-page:active { color: #fff;}
.btn-page:link { color: #fff;}
.btn-page-active {
    background: rgb(158, 44, 72);
}

table a { color: inherit; }
table a:visited { color: inherit; }
table a:active { color: inherit; }
table a:link { color: inherit; }


/** FORM **/
form {
    padding-left: 10px;
    margin-bottom: 20px;
}
form div {
    /*margin: 15px 0;*/
}
form hr {
    border-style: dotted;
    width: 90%;
    margin: 20px;
    color: #bbb;
}
.required:after {
    content: " *";
    color: red;
}
.form-group {
    /*width: 96%;*/
    /*width: 100%;*/
    /*margin:0px;*/
    /*padding: 0 13px;*/
}
.form-column label{
    display: block;
}
.form-column, .form-inline {
    /*margin-right: 3px;*/
    /*padding: 0 5px;*/
    /*padding-right: 1%;*/
}
input[type="text"], input[type="password"] {
    /*width: 95%;*/
    width: 100%;
    /*width: auto;*/
    margin: 0px;
    line-height: normal;
    border: 1px solid #ccc;
    /*width: 200px;*/
    padding: 5px 0px 5px 5px;
    /*margin-right: 13px;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.input-fail {
    box-shadow: 0px 0px 2px red;
}

button[type="submit"], .add-field {
    display: inline-block;
    height: 30px;
}
.form-inline button[type="submit"], .form-inline .add-field {
    position:relative;
    top: 15px;
    vertical-align: middle;
}
textarea {
    width: 100%;
    border: #bbb solid 1px;
}
.text-red {
    color: red;
}

.errorfield {
    color: red;
    /*margin-left: 10px;*/
    display: inline-block;
    /*width: 40%;*/
}

.help-text {
    font-size: 12px;
    font-style: italic;
}

.liste-thematique {
    margin: 0; padding: 0;
    list-style: none;
}

.select-rubrique {
    padding: 10px;
}

.btn {
    background-color: #f2f2f2;
    padding: 5px 5px;
    border: solid 1px #ccc;
}
.btn:hover {
    box-shadow: 0 0 1px #777;
}

a.btn,
a.btn:hover,
a.btn:active,
a.btn:visited {
    color: #000;
}
.badge {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: bottom;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.badge-actu {
    /*background-color: #0BA608;*/
    background-color: #CF1411;
    color: #fff;
}
.badge-actu:before {
    content: "A";
}
.badge-sortie {
    background-color: #CF1411;
    color: #fff;
}
.badge-sortie:before {
    content: "S";
}
.badge-actu-cij {
    background-color: #FFDC56;
    color: #CF1411;
}
.badge-actu-cij:before {
    content: "A";
}
.badge-agenda {
    background-color: #FFDC56;
    color: #fff;
}
.badge-agenda:before {
    content: "A";
}

.badge-actu.sortie {
    box-shadow: 0 0 5px red;
}

.hide {
    display: none;
}

.form-inline label {
    display: inline-block;
}

table.text-align-middle td {
    vertical-align: middle;
}

/**
 * Jquery UI
 */
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.ui-widget .ui-button {
    position: absolute;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
}

.btn-new-record,
.btn-new-record:active,
.btn-new-record:link,
.btn-new-record:visited
{
    color: #fff;
    background-color: #9F2000;
    padding: 5px 10px;
}
.btn-new-record:hover {
    background-color: #fff;
    color: #9F2000;
    border: solid 1px #9F2000;
}


.table-actu-diffusion {
    width: 90%;
}
.table-actu-diffusion th {
    width: 50%;
    background-color: #2188C5;
    color: #fff;

}
.table-actu-diffusion tr th,
.table-actu-diffusion tr td {
    border: solid 1px #cacaca;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
/*.table-actu-diffusion .border-red td {*/
    /*border-color: red;*/
/*}*/