body {
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
}

fieldset {
    border: 1px solid #103184;
    padding: 0px;
}

legend {
    font-size: 15px;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
}

h1,
h2,
h3,
h4 {
    color: #103184;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

a {
    color: #103184;
}

label {
    display: block;
    font-size: 13px;
    margin-right: 5px;
    color: #444;
    text-align: right;
}

label,
input,
button,
select,
textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

input[type="text"] {
    background-color: #F3F4F8;
    border: 1px solid #314982;
}

input[type="password"] {
    background-color: #f3f4f8;
    border: 1px solid #314982;
}

select {
    background-color: #f3f4f8;
    border: 1px solid #314982;
}

div.page {
    margin: auto;
    position: relative;
    width: 980px;
}

div.content {
    background: url("../img/ombre_droite.jpg") repeat-y scroll 973px 0 rgba(0, 0, 0, 0);
    height: auto;
    min-height: 400px;
    overflow-y: auto;
    padding: 20px 12px 0 15px;
    position: relative;
    width: 970px;
}

div.header {
    border: 1px solid #e9ecf3;
    height: 95px;
    position: relative;
    text-align: justify;
    width: 945px;
}

div.bloc_droite {
    height: 85px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 600px;
}

.bloc_droite_bienvenue {
    font-weight: bold;
    font-size: 16px;
    margin-top: 12px;
}

.bloc_droite_bienvenue2 {
    font-size: 14px;
}

.bloc_droite_bienvenue3 {
    font-size: 14px;
    /*margin-top: 10px;*/
    color: #103184;
    line-height: 15px;
}

div.menu_nav {
    background: url("../img/bg_nav.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
    height: 28px;
    margin-bottom: 10px;
    width: 945px;
    z-index: 3000;
}

div.menu_nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 940px;
    z-index: 2000;
}

ul.dropdown {
    float: left;
    position: relative;
    width: 940px;
    z-index: 2000;
}

div.menu_nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 940px;
    z-index: 2000;
}

ul.dropdown {
    float: left;
    position: relative;
    width: 940px;
    z-index: 2000;
}

ul.dropdown li a {
    color: #103184;
    display: block;
    font-size: 9px;
    height: 11px;
    padding: 7px 8px 7px 0;
    text-align: center;
    text-transform: uppercase;
}

div.menu_nav a {
    text-decoration: none;
}

ul.dropdown li a.homeSelected {
    background-image: url("../img/btn_home_over.gif");
    margin-left: 0;
    width: 26px;
}

ul.dropdown li a.entreprise {
    background-image: url("../img/bg_btn_entreprises.jpg");
    text-transform: uppercase;
    width: 135px;
}

ul.dropdown li a.entreprise:hover {
    background-image: url('../img/btn_entreprises_over.jpg');
    color: #FFFFFF;
}

.menu_nav_item {
    float: left;
}

.content_page {
    display: inline-block;
    height: auto;
    overflow: visible;
    width: 940px;
}

div.large {
    padding: 0 0 15px;
    width: 710px;
}

div.colonne_centre {
    float: left;
    padding: 0 0 0 15px;
    width: 522px;
}

.large {
    font-size: 18pt;
}

.colonne_droite:after {
    clear: both;
    content: "";
    display: block;
}

div.home div.colonne_droite {
    margin-top: 0;
}

div.colonne_droite {
    float: left;
    margin: 18px 0 0 7px;
    width: 200px;
}

div.large {
    padding: 0 0 15px;
    width: 700px !important;
}

div.largexxl {
    padding: 0 !important;
    width: 950px !important;
}


}
div.colonne_centre {
    float: left;
    padding: 0 0 0 15px;
    width: 522px;
}
.large {
    font-size: 18pt;
}
.encart {
    background: none repeat scroll 0 0 #efebea;
    padding: 5px 10px;
    width: 205px;
}
.encart p {
    color: #333;
    font: 17px/20px Arial;
    margin: 0 0 10px;
}
.encart {
    border-bottom: 1px solid #c4c2c1;
    color: #333;
    font: 11px Arial;
}
div.bg_page_bas {
    background: url("../img/ombre_bas.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 5px;
    margin: auto;
    width: 975px;
}
div.footer {
    background: url("../img/bg_footer.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 34px;
    margin-top: 5px;
    padding-right: 5px;
    width: 968px;
}
div.footer2 {
    float: left;
    margin-top: 5px;
    width: 7px;
}
div.footer ul {
    float: right;
    margin-top: 5px;
    padding: 0;
    text-align: right;
    width: 968px;
}
div.footer ul li {
    color: #5d5f5d;
    display: inline;
    font-size: 10px;
}
div.footer ul li a {
    color: #5d5f5d;
    font-size: 10px;
    text-decoration: none;
}
.box .box-content:after {
    clear: both;
    content: "";
    display: table;
}
.box .box-content {
    background: none repeat scroll 0 0 #fff;
    padding: 20px;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-horizontal .control-group:after {
    clear: both;
}
.form-horizontal.form-bordered .control-group {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0;
}
.form-horizontal .control-label {
    text-align: left;
    width: 140px;
    float: left;
    padding: 8px;
}
.form-horizontal.form-bordered .control-group .controls:after {
    clear: both;
    content: "";
    display: table;
}
.form-horizontal.form-bordered .control-group .controls {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #ddd;
    padding-left: 4px;
}
.form-horizontal .controls {
    margin-left: 160px;
    padding-top: 10px;
}
.input_large {
    width: 300px;
}
.erreurs {
    font-weight: bold;
    color: #A50008;
    font-size: 12px;
    width: 98%;
    padding: 5px;
    border: 1px solid #A50008;
    background-color: #D19497;
    list-style-type: none;
}
.attentions {
    font-weight: bold;
    color: #FF6A00;
    font-size: 12px;
    width: 98%;
    padding: 5px;
    border: 1px solid #FF6A00;
    background-color: #FFCEAD;
    list-style-type: none;
}
.confirmation {
    font-weight: bold;
    color: #129112;
    font-size: 12px;
    background-color: #9EE2A1;
    border: 1px solid #00B712;
    width: 98%;
    padding: 5px;
}
.confirmation2 {
    font-weight: bold;
    color: #FFFFFF !important;
    font-size: 14px;
    background-color: #508ec3;
    border: 1px solid #103184;
    width: 98%;
    padding: 5px;

}
.confirmation2 a{
    color: #FFFFFF !important;

}
.button_submit {
    background-color: #103184;
    color: #FFF;
    border: 0px;
    padding: 5px;
    margin-top: 30px;
    font-weight: bold;
    float: right;
}
.button_submit:hover {
    background-color: #2F70A9;
    cursor: default;
}
.button_cancel {
    background-color: #EEEEEE;
    color: #000;
    border: 0px;
    padding: 6px;
    margin-top: 30px;
    font-weight: bold;
    width: fit-content;
    text-decoration: none;
}
.button_cancel:hover {
    background-color: #CCCCCC;
    cursor: default;
}
.button_delete {
    border: 1px solid #A50008 !important;
    background-color: #A50008 !important;
    color: #FFFFFF;
    padding: 4px;
    margin-top: 30px;
    font-weight: bold;
    width: 100px;
    text-decoration: none;
    float: right;
}
#ajouter_salaire_reference {
    background-color: #EFEFEF;
    padding: 8px;
    border-top: 1px solid #103184;
    margin-top: 30px;
}
#ajouter_pass_reference {
    background-color: #EFEFEF;
    padding: 8px;
    border-top: 1px solid #103184;
    margin-top: 30px;
}
.titre_rubrique {
    color: #103184;
    font-size: 14px;
    margin-bottom: 5px;
}
.date_calendar {
    width: 70px;
}
.label_from {
    float: left;
}
.label_to {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.input_from {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
#pecule_annees .th {
    background-color: #103184;
    color: #FFFFFF;
}
.recuperer_joueur {
    border-bottom: 1px solid #103184;
}
.recuperer_joueur_titre {
    font-size: 16px;
    font-weight: bold;
}
.width_100px {
    width: 100px !important;
}
table.dataTable {
    font-size: 11px;
}