@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoon.eot?srf3rx");
    src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Markel Sans";
    src: url(../fonts/markel/MarkelSans-Regular.woff2) format("woff2"),url(../fonts/markel/MarkelSans-Regular.woff) format("woff"),url(../fonts/markel/MarkelSans-Regular.eot) format("eot");
    font-weight: 400
}

@font-face {
    font-family: "Markel Sans";
    src: url(../fonts/markel/MarkelSans-Medium.woff2) format("woff2"),url(../fonts/markel/MarkelSans-Medium.woff) format("woff"),url(../fonts/markel/MarkelSans-Medium.eot) format("eot");
    font-weight: 500 600
}

@font-face {
    font-family: "Markel Sans";
    src: url(../fonts/markel/MarkelSans-Bold.woff2) format("woff2"),url(../fonts/markel/MarkelSans-Bold.woff) format("woff"),url(../fonts/markel/MarkelSans-Bold.eot) format("eot");
    font-weight: 700
}
@font-face {
    font-family: simple-line-icons;
    src: url(../fonts/markel/Simple-Line-Icons.woff2);
    src: url(../fonts/markel/Simple-Line-Icons.eot) format("embedded-opentype"),url(../fonts/markel/Simple-Line-Icons.woff2) format("woff2"),url(../fonts/markel/Simple-Line-Icons.ttf) format("truetype"),url(../fonts/markel/Simple-Line-Icons.woff) format("woff"),url(../fonts/markel/Simple-Line-Icons.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

/* Définition de règle */
/* auteur: GORDIAS / KREATEC */
/* Derniere modification: 06/09/2023 */
.BoutonAlignRight {
    float: right;
    text-align: center;
}

.BoutonBleuCentre {
    float: left;
    padding: 3px 4px 0 0;
    margin: 2px 0 2px 0;
}


.BoutonBleuCentre a {
    font-weight: bold;
    color: #F4F2EB;
    margin-left: 5px;
    margin-right: 10px;
}

.BoutonBleuCentre a:hover {
    text-decoration: underline;
    color: #FF4E00;
}

.BoutonBleuDroite {
    float: left;
    padding: 0 2px 2px;
}

.BoutonBleuGauche {
    float: left;
    padding: 0 2px 2px;
}


td.filetOr {
    height: 1px;
    width: 922px;
    background-color: #B3A95E
}

#header *,
#fondtexte * {
    padding: 0;
    margin: 0;
}


#fondtexte {
    background-color: #6d6f94; /* gris clair */
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.spacer {
    clear: both;
}

/* page de présentation */

#bonreduction {
    position: absolute;
    left: 840px;
    top: 55px;
    z-index: 1000;
}

#presentation {
    background-image: url(../gifs/poulain.jpg);
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

#flashcontent {
    padding-top: 7px;
    padding-left: 7px;
    float: left;
    width: 340px;
    height: 253px;
}

#video img {
    padding-top: 7px;
    padding-left: 7px;
    float: left;
}

#specialiste img {
    padding-top: 7px;
    padding-bottom: 1px;
    margin-bottom: 5px;
    float: right;
    padding-right: 4px;
    border-bottom: 1px solid #0b0f4d; /* bleu foncé */
    margin-right: 5px;
}

#credits {
    position: absolute;
    left: 778px;
    top: 406px;
}

#disciplines {
    padding-bottom: 4px;
    float: right;
    clear: right;
    padding-right: 4px;
    margin-right: 25px;
    padding-left: 4px;
    border-right: 1px solid #0b0f4d;
    border-left: 1px solid #0b0f4d;
    margin-bottom: 6px;
}

#disciplines div {
    margin: 0;
    padding: 0;
}

#texte {
    clear: left;
    width: 415px;
    padding-top: 50px;
    padding-left: 85px;
}

#texte p {
    width: 415px;
    color: #ffffff;
    text-align: left;
    padding-bottom: 1.5em;
}

#bandeau {
    color: #434674;
    background-color: #dadcdf;
    /* margin-top: 227px; */
    margin-left: 7px;
    width: 547px;
    height: 15px;
    padding: 2px;
    position: absolute;
    left: 0;
    top: 275px;
}

/* page des garanties */

#garanties {
    padding-top: 0;
    padding-left: 12px;
    width: 740px;
}

#garanties .cadre {
    float: left;
    margin-top: 12px;
    border: 1px solid #3f4273;
    margin-right: 12px;
}

#garanties .entete {
    margin-top: 12px;
    margin-bottom: 12px;
}

#garanties p {
    padding-bottom: 12px;
}

#garanties .lien_formulaire {
    float: right;
}

#garanties .lien_formulaire a {
    color: #ffffff;
    text-decoration: none;
}

/* page contact */

#contact {
    padding-top: 50px;
    padding-left: 85px;
}

#contact a {
    text-decoration: none;
    color: #0b0f4d; /* pour le mailto */
}

#contact address {
    color: #FFFFFF;
    font-style: normal;
    padding-bottom: 12px;
}

#contact h2 {
    font-size: 0.875em;
    color: #0b0f4d;
    margin: 9px 0;
}

#contact h3 {
    font-size: 0.875em;
    font-weight: normal;
    color: #0b0f4d;
    margin: 12px 0;
}

#contact p {
    text-align: left;
    padding-bottom: 12px;
}

#contact img {
    padding-top: 12px;
    padding-left: 40px;
    padding-bottom: 60px;
}

/* page news */

#news {
    padding-top: 50px;
    padding-left: 85px;
    width: 650px;
}

#news a {
    text-decoration: none;
    color: #6D6F94;
    font-size: 13px;
}

#news .textLien {
    color: #FFFFFF;
    text-decoration: underline;
}

#news address {
    color: #FFFFFF;
    font-style: normal;
    padding-top: 35px;
    padding-bottom: 60px;
}

#news .AvantConditionGenerale {
    color: #F4F2EB;
    font-style: normal;
    padding-top: 35px;
    padding-bottom: 0;
}

#news h2 {
    font-size: 14px;
    color: #0b0f4d;
    margin: 9px 0;
}

#news h3 {
    font-size: 14px;
    font-weight: normal;
    color: #0b0f4d;
    margin: 12px 0;
}

#news p {
    text-align: justify;
    padding-bottom: 12px;
    color: #F4F2EB;
    font-size: 13px;
}

#news img {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

#news .imageLien {
    text-align: center;
}

#news ul {
    color: #F4F2EB;
    font-size: 13px;
    padding-left: 15px;
    text-align: justify;
}

#news li {
    padding-bottom: 5px;
}

#news .basDePage {
    padding-top: 35px;
    padding-bottom: 60px;
}

#news .basDePage2 {
    font-size: 16px;
    padding-top: 35px;
    padding-bottom: 60px;
}

#news .basDePage2 a {
    font-size: 16px;
    font-weight: bold;
    padding-top: 35px;
    padding-bottom: 60px;
}

.TextEtape {
    float: left;
    margin: 0;
    padding: 5px 0 0 24px;
    line-height: 16px;
}

.TabMilieu.a {
    padding-top: 2px;
}

/* Css anglets de la zone centrale*/
.Tab,
.Tab10 {
    font-family: "Markel Sans", sans-serif;
    font-size: 0.875em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    width: 800px;
    border-top: 5px solid #DBD6D3;

}

.Tab20 {
    font-family: "Markel Sans", sans-serif;
    font-size: 0.875em;
    height: 25px;
    line-height: 30px;
    width: 800px;
    margin-bottom: 1px;
}

.TabGlobal {
    background-color: #424242;
    color: #F4F2EB;
    float: left;
    border-right: 1px solid #F4F2EB;
    /*border-top: 1px solid #F4F2EB;*/
}

.Tab .TabGlobal:last-child,
.Tab10 .TabGlobal:last-child,
.Tab20 .TabGlobal:last-child {
    border-right: none;
}

#ContentMilieu a,
#ContentMilieu td,
#ContentMilieu p,
#ContentMilieu br,
#ContentMilieu li,
#ContentMilieu ol,
#ContentMilieu ul,
#ContentMilieu sup,
#ContentMilieu select,
#ContentMilieu input,
#ContentMilieu textarea,
#ContentMilieu dd,
#ContentMilieu dt,
#ContentMilieu span,
#ContentMilieu dl {
    font-family: "Markel Sans", sans-serif;
}

.ContentMilieuText {
    background-color: #F4F2EB;
    font-family: "Markel Sans", sans-serif;
    font-size: 11px;
    padding: 8px;
    /*border: 1px solid #424242;*/
}

.ContentMilieuTab {
    width: 800px;
    margin-top:3px
}

#ContentMilieuErreur {
    float: left;
    height: 400px;
    margin: 0;
    padding-top: 100px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 15px;
    position: relative;
    width: 960px;
}

.TabGaucheBg {
    background: transparent url(../gifs/asgOr_lc.gif) no-repeat scroll left top;
    float: left;
    height: 30px;
    padding: 0;
    width: 7px;
    display: none;
}

.TabMilieuBg {
    background: #FF4E00;
    float: left;
    height: 20px;
    font-size: 0.875em;
    padding: 0 11px 10px;
}

.TabMilieuBg b {
    color: #F4F2EB;
}

.TabDroiteBg {
    background: transparent url(../gifs/asdOr_lc.gif) no-repeat scroll left top;
    float: left;
    height: 30px;
    padding: 0;
    width: 9px;
    display: none;
}

.TabGauche {
    background: transparent url(../gifs/asgOrClair_lc.gif) no-repeat scroll left top;
    float: left;
    height: 20px;
    padding: 0;
    width: 7px;
    display: none;
}

.TabMilieu {
    background: #424242;
    float: left;
    font-weight: bold;
    height: 20px;
    padding: 0 11px 10px;
}
.TabMilieu a {
    color: #F4F2EB;
}

.TabDroite {
    background: transparent url(../gifs/asdOrClair_lc.gif) no-repeat scroll left top;
    float: left;
    height: 20px;
    padding: 0;
    width: 9px;
    display: none;
}

/* page rapport d'activité */

.tableRapport {
    color: #005682;
}

.tdRapportEnTete {
    background-color: #FFFFFF;
}

.titre_etape_devis {
    /*    background-color:#6d6f94;
        color:#FFFFFF;*/
    /*padding-left: 100px;*/
}

.tdRapportEntreUser {
    background-color: #6D6F94;
    line-height: 6px;
    border: solid 1px black;
}

.teteColonne {
    height: 45px;
}

.tdRapport {
    background-color: #FFFFFF;
    width: 125px;
    border: solid 1px black;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tableInterne {
    width: 100%;
}

.tdForm {
    border-color: #000000;
    width: 312px;
}

.titreRapport {
    font-weight: bold;
}

.tablePresentation {
    color: #005682;
    width: 100%;
}

.tdPresentation {
    font-weight: bold;
    background-color: #FFFFFF;
}

/* page devis en ligne */

#devisenligne {
    background-image: url(../gifs/pouliniere.jpg);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    padding-top: 20px;
}

#devisenligne .entete {
    margin-top: 0;
    margin-bottom: 12px;
}

#devisenligne #particulier {
    /*background-color: yellow;*/

    width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

#particulier p {
    color: #ffffff;
}


#contact p {
    color: #ffffff;
}

#garanties p {
    color: #ffffff;
}


#devisenligne #professionnel {
    /*background-color: red;*/

    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}

#devisenligne h1 {
    font-size: 0.875em;
    padding: 4px;
}

#devisenligne #professionnel h1 {
    color: #ffffff;
    text-align: center;
}

#professionnel .row {
    width: 366px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding-top: 4px;
}

#professionnel .row .label {
    color: #ffffff;
    float: left;
    width: 100px;
    font-weight: bold;
    text-align: right;
}

#professionnel .row .label2 {
    color: #ffffff;
    float: left;
    width: 150px;
    font-weight: bold;
    text-align: right;
}

#professionnel p {
    padding-left: 90px;
    color: #ffffff;
    padding-bottom: 6px;
}

#professionnel input {
    color: #6d6f94;
    font-weight: bold;
    font-size: 0.875em;
}

#professionnel .formbutton {
    background-color: #6d6f94;;
    color: #FFFFFF;
    font-family: "Markel Sans", sans-serif;
    font-weight: bold;
    font-size: 0.875em;
}

#professionnel .row .formw .form_button_bleu_fonce_lc {
    background-color: #6d6f94;;
    color: #FFFFFF;
    font-family: "Markel Sans", sans-serif;
    font-weight: bold;
    font-size: 0.875em;
}

#professionnel .row .input_error {
    float: left;
    color: #e85136;
    font-size: 0.875em;
    font-weight: bold;
    width: 350px;
    text-align: center;
    font-family: "Markel Sans", sans-serif;
}

#professionnel .row .formw {
    padding-left: 3px;
    float: left;
}

#professionnel .row .formw input,
#professionnel .row .formw select {
    color: #6d6f94;
    font-weight: bold;
    font-size: 0.875em;
}

#professionnel .row2 {
    color: #FFFFFF;
}


#professionnel .row .formw .formbutton {
    background-color: #6d6f94;;
    color: #FFFFFF;
    font-family: "Markel Sans", sans-serif;
    font-weight: bold;
    font-size: 0.875em;
}

#devisenligne a {
    color: white;
    font-weight: bold;
}

#devisenligne #particulier h1 a {
    font-size: 14px;
    padding-right: 1em;

}

#devisenligne p {
    text-align: left;
    padding-bottom: 7px;
}

#devisenligne .footer {
    margin-top: 390px;
}

#devisenligne .footer2 {
    margin-top: 85px;
}


#logo {
    position: absolute;
    left: 5px;
    top: 0;
    margin: 0;
    /*padding: 0 0px 0px 20px;*/
}

#tagline p {
    position: absolute;
    left: 16px;
    top: 65px;
    font-size: small;
    font-weight: bold;
    color: white;
    font-style: italic;
    margin: 0;
    padding: 0 0 0 20px;
    width: 300px;
}

.boxtext a,
.boxtext td,
.boxtext p,
.boxtext br,
.boxtext li,
.boxtext ol,
.boxtext ul,
.boxtext sup,
.boxtext select,
.boxtext input,
.boxtext textarea,
.boxtext dd,
.boxtext dt,
.boxtext span,
.boxtext dl {
    font-family: "Markel Sans", sans-serif;
    font-size: 11px;
    margin: 5px 0 5px 0;
}

.boxtext {
    /* background-color:#006699; */
    background-color: #0b0f4d;
    color: #FFFFFF;
    white-space: normal;
}

.entete_bloc {
    font-weight: bold;
    text-decoration: underline;
}

#a:link {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    font-family: "Markel Sans", sans-serif;
}

#a.navbar:visited {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    font-family: "Markel Sans", sans-serif;
}

#a.navbar:hover {
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    font-family: "Markel Sans", sans-serif;
}

a.form_url:link {
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.form_url:visited {
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.form_url:hover {
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.list_url:link {
    color: #005682;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.list_url:visited {
    color: #005682;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.list_url:hover {
    color: #005682;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

.detaillist {
    color: #005682;
    font-weight: normal;
    font-family: "Markel Sans", sans-serif;
}

.detaillist_bleu_fonce_lc {
    /*color: #424242;*/
    font-weight: normal;
    font-size: 12px;
}

.detaillist_bleu_fonce_fp {
    /*color: #424242;*/
    font-weight: normal;
}

.detaillist_header {
    color: #005682;
    background-color: #FFFFFF;
    font-weight: bold;
}

.detaillist_header_bleu_fonce_lc {
    /*color: #424242;*/
    font-weight: bold;
}

.detaillist_header_bleu_fonce_fp {
    color: #424242;
    font-weight: bold;
}

.horizon1 {
    /*color: #005682;
    background-color: #FFFFFF;*/
    font-size: 14px;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

A.horizon1:link {

    font-size: 14px;
    font-family: "Markel Sans", sans-serif;
}

A.horizon1:visited {

    font-size: 14px;
    font-family: "Markel Sans", sans-serif;
}

A.horizon1:hover {

    font-size: 14px;
    font-family: "Markel Sans", sans-serif;
}

.horizon2 {

    font-size: 14px;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

.horizon2b {

    font-size: 13px;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

.horizon3 {

    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

.horizon3bis {

    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

.horizon4 {

    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.titre_finance {

    font-size: 0.875em;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.titre_assurance {

    font-size: 0.875em;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.colonne_assurance_left {

    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: left;
}

.titre_assurance_fond_bleu {

    font-size: 0.875em;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}


.titre_finance_fond_vert {
    color: #006600;
    background-color: #CCFFCC;
    font-size: 0.875em;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.colonne_finance {

    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.colonne_finance_left {
    color: #006600;
    background-color: #FFFFFF;
    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: left;
}

.table_finance {
    color: #000000;
    background-color: #ffffff;
    border-color: #808080;
}


.horizon_pied {
    color: #000000;
    background-color: #FFFFFF;
    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.horizon_red {
    color: #FF0000;
    background-color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.horizon_blue {
    color: #005682;
    background-color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.horizon1_red {
    color: #FF0000;
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

.horizon_red2 {
    color: #FF0000;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: center;
}

.produit1 {
    color: #005682;
    background-color: #E0E9F6;
    font-size: 14px;
    line-height: 130%;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

a.produit1:link {
    color: #103994;
}

a.produit1:hover {
    color: #103994;
}

a.produit1:visited {
    color: #103994;
}

.produit2 {
    color: #005682;
    background-color: #E0E9F6;
    font-size: 16px;
    line-height: 140%;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

a.produit2:link {
    color: #103994;
}

a.produit2:hover {
    color: #103994;
}

a.produit2:visited {
    color: #103994;
}

.produit3 {
    color: #005682;
    background-color: #E0E9F6;
    font-size: 18px;
    line-height: 150%;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
    text-align: justify;
}

a.produit3:link {
    color: #103994;
}

a.produit3:hover {
    color: #103994;
}

a.produit3:visited {
    color: #103994;
}

.detail_sep {
    border-top-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
    border-top-style: dashed;
    border-top-width: 1px
}

.detaillist_link {
    color: #424242;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

.detaillist_link_bleu_fonce_lc {
    color: #424242;
    font-weight: bold;
    display: block;
    min-width: 70px;
}

.detaillist_link_bleu_fonce_fp {
    color: #424242;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

.form_button {
    background-color: #424242;
    font-weight: bold;
    color: #F4F2EB;
}

/*  98b3df  */

.form_button_vert_coin {
    background-color: #7FBC5C;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_vert_coin {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #7FBC5C
}

.form_button_orange_april {
    background-color: #FE6601;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */

input[disabled] {
    color: #808080;
    background-color: #DBD6D3;
}

.entete_orange_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #FE6601
}

.form_button_vert_fonce_april {
    background-color: #3EAAAB;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_vert_fonce_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #3EAAAB
}

.form_button_vert_fonce_fp {
    background-color: #006600;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_vert_fonce_fp {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #006600
}


.form_button_vert_april {
    background-color: #228148;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_vert_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #228148
}

.form_button_vert_clair_april {
    background-color: #80BB5B;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_vert_clair_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #80BB5B
}

.form_button_bleu_metalise_april {
    background-color: #1A7893;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_bleu_metalise_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #1A7893
}

.form_button_marron_april {
    background-color: #AE3F16;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_marron_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #AE3F16
}

.form_button_rose_april {
    background-color: #E43C7F;
    font-weight: bold;
    color: #FFFFFF
}

/*  98b3df  */
.entete_rose_april {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #E43C7F
}

#ContentMilieu .form_button_bleu_fonce_lc {
    background-color: #D32300;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

/*  98b3df  */

button {
    background-color: #424242;
    color: #F4F2EB;
    font-size: 12px;
    font-family: "Markel Sans", sans-serif;
    padding: 6px 10px;
    border: none;
    text-decoration: none;
    /*border: 0 solid #D32300;*/
    /*margin-top: 10px !important;*/
}

button:hover {
    background-color: #FF4E00;
    color: #F4F2EB;
    border: none;
    /*border: 1px solid #D32300;*/
}

.entete_bleu_fonce_lc {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #005682
}

.form_button_bleu {
    background-color: #0055BB;
    font-weight: bold;
    color: #FFFFFF
}

.Etape {
    background-color: #F4F2EB;
    color: #424242;
    white-space: nowrap;
    text-align: left;
    height: 20px;
    font-family: "Markel Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #424242;
}

.EtapeGauche {
    padding-left: 8px;
    padding-top: 3px;
    margin: auto;
    display: inline-block;
}

.EtapeDroite {
    padding-right: 8px;
    padding-top: 3px;
    margin: auto;
    text-align: right;
    display: inline-block;
    float: right;
}

.EtapeGauche span {
    font-size: 12px !important;
}

.boxtext {
    background-color: #F4F2EB;
    color: #424242;
    white-space: normal;
}

.boxheader_bleu {
    background-color: #0055BB;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_bleu {
    background-color: #E0E9F6;
    color: #005682;
    white-space: normal;
}

.boxheader_bleu_fonce_lc {
    background-color: #B3A95E;
    color: #FFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_bleu_fonce_lc {
    /* background-color: #0b0f4d; */
    background-color: #CCCCFF;
    color: #005682;
    white-space: normal;
}

.boxtext_bleu {
    background-color: #E0E9F6;
    color: #005682;
    white-space: normal;
}

.boxheader_rose_april {
    background-color: #E43C7F;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_rose_april {
    background-color: #F9CFE1;
    color: #8C1447;
    white-space: normal;
}

.boxheader_vert_coin {
    background-color: #7FBC5C;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_vert_coin {
    background-color: #E0EFD7;
    color: #2A5D0B;
    white-space: normal;
}

.boxheader_orange_april {
    background-color: #FE6601;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_orange_april {
    background-color: #FFDBC3;
    color: #562200;
    white-space: normal;
}

.boxheader_vert_fonce_april {
    background-color: #3EAAAB;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_vert_fonce_april {
    background-color: #E1F5F5;
    color: #0B6362;
    white-space: normal;
}

.boxheader_vert_april {
    background-color: #228148;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_vert_april {
    background-color: #DCF6E6;
    color: #084E24;
    white-space: normal;
}

.boxheader_vert_clair_april {
    background-color: #80BB5B;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}


.boxheader_vert_fonce_fp {
    background-color: #006600;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_vert_fonce_fp {
    background-color: #CCFFCC;
    color: #000000;
    white-space: normal;
}

.boxtext_vert_clair_april {
    background-color: #E3F0DA;
    color: #377210;
    white-space: normal;
}

.boxheader_bleu_metalise_april {
    background-color: #1A7893;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_bleu_metalise_april {
    background-color: #C4E9F4;
    color: #073F4F;
    white-space: normal;
}

.boxheader_marron_april {
    background-color: #AE3F16;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: left;
}

.boxtext_marron_april {
    background-color: #FAE1D8;
    color: #571F0B;
    white-space: normal;
}

.bandeau_haut {
    background-color: #FFFFFF;
    color: #666782
}

.input_field {
    background-color: #ffffff;
    color: #424242;
}

/* couleur de fond pour les champs obligatoires */
#ContentMilieu .input_field_obligatoire {
    color: #424242;
}

input[type=radio]:disabled, input[type=checkbox]:disabled {
    color: #424242;
    cursor: not-allowed;
    background-color: #DBD6D3;
}

#ContentMilieu .textarea-read-only,
#ContentMilieu .read-only,
#ContentMilieu .select-read-only,
#ContentMilieu input[type=radio]:disabled, input[type=checkbox]:disabled,
#ContentMilieuSansMenu .textarea-read-only,
#ContentMilieuSansMenu .read-only,
#ContentMilieuSansMenu .select-read-only,
#ContentMilieuSansMenu input[type=radio]:disabled, input[type=checkbox]:disabled {
    color: #424242;
    cursor: not-allowed;
    background-color: #DBD6D3;
}


.x-combo-list .x-combo-selected {
    background-color: #FF7800;
    color: #FFFFFF;
}

.x-combo-list {
    background-color: #ffc8b0;
    border-color: #424242;
}

.x-combo-list-inner {
    background-color: #ffc8b0;
}

.x-combo-list-item {
    border-color: #ffc8b0;
}

.mauve {
    color: #ffffff;
    background-color: #990066;
}

.lisere {
    background-color: #424242;
}

.alt_vert_fonce_fp {
    background-color: #DBD6D3;
}

.alt_bleu_fonce_lc {
    background-color: #DBD6D3;
}

.alt_bleu_fonce_fp {
    background-color: #DBD6D3;
}

.fond_ciel {
    background-color: #DBD6D3;
}

.fond_vert {
    background-color: #FFD7C6
}

.fond_blanc2 {
    background-color: #F4F2EB;
}

.fond_blanc {
    background-color: #F4F2EB;
    /* background-color: #006699; */
    text-align: left;
}

.fond_blanc_onglet {
    background-color: #F4F2EB;
    text-align: left;
}

/*.fond_combo {background-color: #E0E9F6;}*/

.fond_combo {
    background-color: #FFFFFF;
}

.fond_noir {
    background-color: #424242;
}

#ContentMilieu .input_error {
    color: #D32300;
    font-weight: bold;
}

#ContentMilieu .information {
    color: #D32300;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    padding-bottom: 15px;
}

#ContentMilieu .information a {
    color: #FF4E00;
    text-decoration: underline;
}

.menu_h {
    background-color: #F4F2EB;
    color: #424242;
    font-family: "Markel Sans", sans-serif;
}

a.menu_h:link {
    text-decoration: none;
    color: #F4F2EB;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.menu_h:visited {
    text-decoration: none;
    color: #F4F2EB;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

a.menu_h:hover {
    text-decoration: underline;
    color: #FF4E00;
    font-weight: bold;
    font-family: "Markel Sans", sans-serif;
}

.lien_inactif_0 {
    color: #F4F2EB;
    font-weight: bold;
    font-size: 13px;
    font-family: "Markel Sans", sans-serif;
}

.lien_inactif_1 {
    color: #F4F2EB;
    font-weight: normal;
    font-size: 0.875em;
    font-family: "Markel Sans", sans-serif;
}

.lien_inactif_2 {
    color: #F4F2EB;
    font-weight: normal;
    font-size: 11px;
    font-family: "Markel Sans", sans-serif;
    font-style: italic;
}

a.menu_0:link, a.menu_0:visited {
    text-decoration: none;
    color: #F4F2EB;
    font-weight: bold;
    font-size: 13px;
    font-family: "Markel Sans", sans-serif;
    white-space: nowrap;
}

a.menu_0:hover {
    text-decoration: underline;
    color: #FF4E00;
}

a.menu_1:link, a.menu_1:visited {
    text-decoration: none;
    color: #F4F2EB;
    font-size: 0.875em;
    font-weight: normal;
    font-family: "Markel Sans", sans-serif;
}

a.menu_1:hover {
    text-decoration: underline;
    color: #FF4E00;
}

a.menu_2:link, a.menu_2:visited {
    text-decoration: none;
    color: #F4F2EB;
    font-size: 11px;
    font-weight: normal;
    font-family: "Markel Sans", sans-serif;
    font-style: italic;
}

a.menu_2:hover {
    text-decoration: underline;
    color: #FF4E00;
}

#ContentMilieu a.onglet_1 {
    text-decoration: none;
    color: #F4F2EB;
    font-size: 0.875em;
    font-weight: bold;
}

#ContentMilieu a.onglet_1:hover {
    background-color: #FF4E00;
}

#ContentMilieu .TabMilieu:hover, #ContentMilieu .TabMilieu:hover a {
    background-color: #FF4E00;
    color: #F4F2EB;
}

#ContentMilieu a.onglet_1:active {
    text-decoration: none;
    color: #FF4E00;
    font-size: 0.875em;
    font-weight: bold;
}

.texte_bandeau {
    color: #FF4E00;
    text-decoration: underline;
    background-color: #E0E9F6;
    font-weight: bold;
    font-size: 11px;
    font-family: "Markel Sans", sans-serif;
}

a.texte_bandeau {
    color: #FF4E00;
}

.trait_horizontal {
    background-color: #424242;
}


/* Fin de la section de style généré par WebExpert le 31/05/2003 22:58:39 */

#nav, #nav ul {
    float: left;
    /* width: 36em; */
    width: 100%;
    list-style: none;
    line-height: 1px;
    background: white;
    font-weight: bold;
    padding: 0;
    border: solid #ddd;
    border-width: 1px 0;
    margin: 0 0 6px 0; /* marge entre le menu et le bloc */
    /* text-align: center; */
}

#nav a {
    display: block;
    width: 10em;
    color: #005682;
    text-decoration: none;
    padding: 0.25em 2em;
}

#nav a.daddy {
}

#nav li {
    float: left;
    padding: 0;
    width: 10em;
}

#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 14.4em;
    font-weight: normal;
    border: solid #0055bd; /* ajouté */
    border-width: 1px; /* border-width: 0.25em; */
    background: #E7EBF7;
    margin: 0;
}

#nav li li {
    padding-right: 1em;
    width: 13em
}

#nav li ul a {
    width: 13em;
}

#nav li ul ul {
    margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    background: #0055BD; /* sélection */
}

/* pour IE */

#nav a.sfhover {
    color: white;
}

#nav a.daddysfhover {
    color: white;
}

/* pour firefox */

#nav li:hover > a {
    color: white;
}

#nav li:hover > a.daddy {
}

.corps_blanc {
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}

.corps_bleu {
    COLOR: #000000;
    BACKGROUND-COLOR: #a6cdf3
}

.entete_bleu {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #003399
}

.corps_mauve {
    COLOR: #000000;
    BACKGROUND-COLOR: #f3d8ff
}

.entete_mauve {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #993399
}

.carre_mauve {
    COLOR: #000000;
    BACKGROUND-COLOR: #c36b8d
}

.corps_orange {
    COLOR: #000000;
    BACKGROUND-COLOR: #ffdfa4
}

.entete_orange {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #ff6600
}

.corps_cyan {
    COLOR: #000000;
    BACKGROUND-COLOR: #bdeeff
}

.entete_cyan {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #3366cc
}

.corps_vert {
    COLOR: #000000;
    BACKGROUND-COLOR: #bedcdf
}

.entete_vert {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #008241
}

.fond_vert_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #bfffbf
}

.cadre_bleuvert {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #008080
}

.fond_bleuvert_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #80ffff
}

.cadre_rouge {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #ff0000
}

.fond_rouge_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #ffb9b9
}

.cadre_bordeau {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #b40000
}

.fond_bordeau_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #ff9191
}

.cadre_jaune {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #e5ca15
}

.fond_jaune_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #feffaf
}

.cadre_orange {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #ff8429
}

.fond_orange_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #ffd7af
}

.cadre_mauve {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #990066
}

.fond_mauve_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #ffd9f2
}

.cadre_bleunoir {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #000064
}

.fond_bleunoir_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #afb7ff
}

.cadre_bleu {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #103994
}

.fond_bleu_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #c4d5fb
}

.fond_bleu_clair_fp {
    background-color: #CCCCFF;
}

.cadre_marron {
    COLOR: #ffffff;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #804000
}

.fond_marron_clair {
    COLOR: #424242;
    BACKGROUND-COLOR: #FAE1D8
}

.produit_ferme {
    COLOR: #606060
}

.produit_ferme_gras {
    FONT-WEIGHT: bold;
    COLOR: #606060
}

.acces {
    COLOR: #103994
}

.acces_gras {
    FONT-WEIGHT: bold;
    COLOR: #103994
}

.acces_fiche {
    COLOR: #000000
}

.acces_fiche_gras {
    FONT-WEIGHT: bold;
    COLOR: #000000
}

TD.themeimg {
    /*  color: white;
        font-family: Tahoma,Geneva,sans-serif;*/
}

TD.theme {
    color: white;
}

IMG.headerfd {
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    WIDTH: 761px;
    BORDER-BOTTOM: 0;
    HEIGHT: 65px
}

IMG.headerbal {
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    WIDTH: 118px;
    BORDER-BOTTOM: 0;
    HEIGHT: 14px
}

IMG.headergo {
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    WIDTH: 58px;
    BORDER-BOTTOM: 0;
    HEIGHT: 19px
}

TABLE.header {
    WIDTH: 761px;
    HEIGHT: 78px
}

TABLE.breadcrumb {
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    WIDTH: 100%;
    BORDER-BOTTOM: 0;
    HEIGHT: 34px
}

.chemingris {
    FONT-SIZE: 10px;
    COLOR: #919191;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.chemingris:link {
    TEXT-DECORATION: underline
}

A.chemingris:visited {
    TEXT-DECORATION: underline
}

A.chemingris:active {
    TEXT-DECORATION: none
}

.cheminnoir {
    FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.texte_bleu {
    COLOR: #424242;
    font-family: "Markel Sans", sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 11px
}

.texte_rouge {
    COLOR: #D32300;
    font-family: "Markel Sans", sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 11px
}

.titre_rouge {
    COLOR: #D32300;
    font-family: "Markel Sans", sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 16px;
    font-weight: bold
}

.texte_bleu_16px {
    COLOR: #005682;
    font-family: "Markel Sans", sans-serif;
    TEXT-DECORATION: none;
    FONT-SIZE: 16px
}

#ContentMilieu .centaure_bleu_fonce {
    background-color: #fff;
    color: #424242;
    font-weight: bold;
}

#ContentMilieu .centaure_rouge {
    color: #424242;
    border: 1px solid #424242;
    font-weight: bold;
}

#ContentMilieu .centaure_point_clef {
    color: #424242;
    background-color: #ffffff;
    font-weight: bold;
}

#ContentMilieu .taux_utilisation th {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 0.875em;
    font-weight: bold;
    color: #424242;
    padding: 2px 12px 2px 12px;
    text-align: center;
}

#ContentMilieu .taux_utilisation td {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 11px;
    font-weight: normal;
    color: #424242;
    padding: 0 8px 0px 8px;
    height: 20px;
}

#ContentMilieu .taux_utilisation input {
    text-align: right;
    font-weight: bold;
    color: #424242;
    font-size: 11px;
    /* padding: 0 8px 0px 8px; */
}

#ContentMilieu .saisie_taux_utilisation {
    text-align: center;
}

#ContentMilieu .race_utilisation th {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 0.875em;
    font-weight: bold;
    color: #424242;
    padding: 10px;
    text-align: center;
}

#ContentMilieu .race_utilisation td {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 10px;
    font-weight: normal;
    color: black;
    padding: 10px;
}

/* taux du contrat loisirs */

#ContentMilieu .taux_loisirs th {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 0.875em;
    font-weight: bold;
    color: #424242;
    padding: 4px 6px;
    text-align: center;
}

#ContentMilieu .taux_loisirs td {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 11px;
    font-weight: normal;
    color: #424242;
    padding: 0 6px 0px 6px;
    height: 20px;
}

#ContentMilieu .taux_loisirs input {
    text-align: right;
    font-weight: bold;
    color: #424242;
    font-size: 11px;
    /* padding: 0 8px 0px 8px; */
}

#ContentMilieu .taux_loisirs th input {
    text-align: right;
    font-weight: bold;
    color: #595307;
    background-color: white;
    font-size: 11px;
    /* padding: 0 8px 0px 8px; */
}

#ContentMilieu .saisie_taux_loisirs {
    text-align: center;
}

/* param prélèvement */

#ContentMilieu .taux_prelev th {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 0.875em;
    font-weight: bold;
    color: #424242;
    padding: 4px 12px;
    text-align: center;
}

#ContentMilieu .taux_prelev td {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    font-size: 11px;
    font-weight: normal;
    color: #424242;
    padding: 4px 8px;
    height: 20px;
}

#ContentMilieu .taux_prelev input {
    text-align: right;
    font-weight: bold;
    color: #424242;
    font-size: 11px;
}

#ContentMilieu .taux_prelev th input {
    text-align: right;
    font-weight: bold;
    color: #595307;
    background-color: white;
    font-size: 11px;
}

#ContentMilieu .saisie_taux_prelev {
    text-align: center;
}

#ContentMilieu .taux_prelev td.total_taux_prelev {
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    color: rgb(128, 128, 128);
}

#ContentMilieu .taux_prelev td.total_taux_prelev_ok {
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    color: green;
}

#ContentMilieu .taux_prelev td.total_taux_prelev_nok {
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    color: red;
}

/* échéancier prélèvement AFP309 */

#ContentMilieu .echeancier_prelev th {
    background-color: #DBD6D3;
    border-style: solid;
    border-width: 1px;
    border-color: #424242;
    font-size: 0.875em;
    font-weight: bold;
    padding: 2px 12px 2px 12px;
    text-align: center;
}

#ContentMilieu .echeancier_prelev td {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #424242;
    font-size: 0.875em;
    font-weight: normal;
    padding: 4px 8px;
    height: 20px;
}

/* pour le menu vertical */

#menu {
    /*background-color: red;*/
    width: 200px;
    margin: 0;
    padding: 0;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*padding-left: 12px;*/
    padding-bottom: 10px; /* 10px */
}

#menu a {
    color: #424242;
    text-decoration: none;
    font-size: 0.875em;
    font-weight: bold;
    word-wrap: normal;
}

#menu .menu1 .raquo {
    vertical-align: top;
    display: inline !important;
    border: 0 none !important;
}

#menu .menu_2 .raquo,
#menu .menu_actif_2 .raquo {
    margin-left: 15px;
}

#menu a:hover {
    color: #FF4E00;
    text-decoration: underline;
}

#menu a:hover span.raquo {
    text-decoration: none;
}

#menu a.menu_0 {
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    word-break: break-word;
    white-space: normal;
}

#menu a.menu_1 {
    font-size: 0.875em;
    font-weight: bold;
    /*padding-left: 5px;*/
}

#menu a.menu_2 {
    font-size: 11px;
    font-weight: normal;
    /*padding-left: 5px;*/
}

#menu li.menu_0 {
    padding-top: 10px;
    word-break: break-word;
    white-space: normal;
}


#menu li.menu_1 {
    padding-top: 6px;
}

#menu li.menu_2 {
    padding-top: 3px;
}

#menu a.menu_actif_0 {
    font-size: 0.875em;
    font-weight: bold;
    color: #FF4E00;
    text-transform: uppercase;
}

#menu a.menu_actif_1 {
    font-size: 0.875em;
    font-weight: bold;
    color: #FF4E00;
}

#menu a.menu_actif_2 {
    font-size: 11px;
    font-weight: bold;
    color: #FF4E00;
}

#menu li.menu_actif_0 {
    padding-top: 10px;
}

#menu li.menu_actif_1 {
    padding-top: 6px;
}

#menu li.menu_actif_2 {
    padding-top: 3px;
}

#menu .lien_inactif_0 {
    font-size: 0.875em;
    font-weight: bold;
    font-style: italic;
    padding-top: 10px;
    color: #424252;
    opacity: 75%;
}

#lbl_fiche_con_fou_logique106 {
    font-size: 0.875em;
    font-weight: bold;
}

#div_fiche_con_fou_logique24b {
    background-color: #ffc8b0;
}

#lbl_fiche_con_fou_logique24 {
    color: #0B0F4D;
    font-size: 0.875em;
    font-weight: bold;
}

#vlr_fiche_con_fou_logique11,
#vlr_fiche_con_fou_logique12,
#vlr_fiche_con_fou_logique75,
#vlr_fiche_con_fou_logique76,
#vlr_fiche_con_fou_logique81,
#vlr_fiche_con_fou_logique82,
#vlr_fiche_con_fou_logique83,
#vlr_fiche_con_fou_logique84,
#vlr_fiche_con_fou_logique85,
#vlr_fiche_con_fou_logique86,
#vlr_CENfiche_con_fou_logique11,
#vlr_CENfiche_con_fou_logique12,
#vlr_CENfiche_con_fou_logique75,
#vlr_CENfiche_con_fou_logique76,
#vlr_CENfiche_con_fou_logique81,
#vlr_CENfiche_con_fou_logique82,
#vlr_CENfiche_con_fou_logique83,
#vlr_CENfiche_con_fou_logique84,
#vlr_CENfiche_con_fou_logique85,
#vlr_CENfiche_con_fou_logique86 {
    float: right;
}

.banniere_stat th {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #B3B4B5;
    font-size: 0.875em;
    font-weight: bold;
    color: #424242;
    padding: 2px 12px 2px 12px;
    text-align: center;
}

.banniere_stat td {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #B3B4B5;
    font-size: 11px;
    font-weight: normal;
    color: #424242;
    padding: 0 8px 0px 8px;
    height: 20px;
}

#recommander_ami a:hover {
    color: #B3A95E;
    text-decoration: underline;
}

#recommander_ami a {
    color: #B3A95E;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

#recommander_ami {
    color: #B3A95E;
    font-size: 11px;
    letter-spacing: 0.8px;
    padding-bottom: 14px;
    padding-left: 12px;
    padding-top: 10px;
}

#page_note {
    font-size: 11px;
    color: #424242;
    font-weight: normal;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

#page_note p {
    font-size: 11px;
    font-weight: normal;
}

#position_assoc_suppr {
    margin: auto;
    width: 115px;
}

#position_assoc_tout {
    margin: auto;
    width: 48px;
}

#position_assoc_aucun {
    margin: auto;
    width: 48px;
}

#grouper_par {
    margin: auto;
    width: 105px;
}

#position_assoc_up {
    margin: auto;
    /*padding:auto;*/
    width: 58px;
}

#position_assoc_down {
    margin: auto;
    /*padding:auto;*/
    width: 70px;
}

#position_assoc_ajout {
    float: right;
}

#position_retour {
    float: right;
}

#position_table1_aucun {
    float: right;
}

#position_table2_aucun {
    float: right;
}

#position_assoc_left {
    float: right;
}

#position_assoc_right {
    float: left;
}

#FooterTop {
    clear: both;
}

.x-form-field-wrap .x-form-trigger {
    height: 18px;
    display: inline-table;
}

/*** style des radio ***/

.style_radio {
    background-image: none;
    border: none;
    margin-left: 0;
    vertical-align: middle;
    margin-top: 4px;
}

.style_radio_horizontal_right {
    margin-left: 0;
    margin-right: 0;
    min-height: 10px;
}

.style_radio_vertical_right {
    margin-left: 0;
    margin-right: 0;
    min-height: 10px;
}

.style_radio_vertical_left {
}

.span_libelle_radio {
    margin-right: 15px;
    vertical-align: 3px;
}

.espace_entre_radio {
    margin-right: 10px;
}

.input_error {
    display: block;
    color: #D32300;
    font-weight: bold;
}

.information {
    color: #01D758;
    font-weight: bold;
    text-align: left;
}

.message_info {
    /*color: #096A09 !important;*/
    color: #3A9D23 !important;
    font-weight: bold;
    text-align: center;
}

.message_error {
    color: #D32300 !important;
    font-weight: bold;
    text-align: center !important;
}

/* taille des radio boutons */

#ContentMilieu #vlr_fiche_con_fou_logique80 span,
#ContentMilieu #vlr_fiche_con_fou_char92 span,
#ContentMilieu #vlr_fiche_con_fou_logique91 span,
#ContentMilieu #vlr_fiche_con_fou_logique98 span,
#ContentMilieu #vlr_fiche_con_fou_logique28 span,
#ContentMilieu #vlr_fiche_con_fou_logique29 span,
#ContentMilieu #vlr_fiche_con_fou_logique32 span,
#ContentMilieu #vlr_fiche_con_fou_logique114 span,
#ContentMilieu #vlr_fiche_con_fou_logique128 span,
#ContentMilieu #vlr_fiche_con_fou_logique117 span,
#ContentMilieu #vlr_fiche_con_fou_logique97 span,
#ContentMilieu #vlr_fiche_frais_valide span,
#ContentMilieu #vlr_fiche_nouveau_sinistre span,
#ContentMilieu #vlr_fiche_con_fou_char121 span {
    font-size: 14px;
    vertical-align: middle;
}

.Recherche {
    float: right;
}

#no_message_CEN129 p,
#no_message_CEN131 p,
#no_message_CEN132 p,
#no_message_CEN133 p {
    padding-top: 8px;
}

#no_message_CEN132 p a {
    font-weight: bold;
    font-size: 1.1em;
}

.titre_etape_devis td {
    color: #FF4E00;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 8px;
}

form[name=form_validation] textarea,
form[name=form_recherche] textarea,
form[name=form_modification] textarea {
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
}

form[name=form_validation] input[type=text],
form[name=form_modification] input[type=text],
form[name=form_recherche] input[type=text] {
    width: -webkit-calc(100% - 4px);
    width: -moz-calc(100% - 4px);
    width: calc(100% - 4px);
}

form[name=form_validation] select,
form[name=form_modification] select,
form[name=form_recherche] select {
    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
}

.button_standard {
    text-align: center;
}

tr#div_fiche_rib_domiciliationa ~ tr fieldset {
    margin-top: 0;
}

.ACCtab_quittance {
    width: 100%;
}

.ACCtab_quittance th,
.ACCtab_quittance td {
    border: 1px solid #F4F2EB;
    padding: 0 5px;
    font-weight: normal;
}

.ACCnobordertl {
    border-top: none !important;
    border-left: none !important;
}

.ACCtab_quittance td:nth-child(2),
.ACCtab_quittance td:nth-child(5),
.ACCtab_quittance td:nth-child(6),
.ACCtab_quittance td:nth-child(7) {
    white-space: nowrap;
}

.ACCpaiement {
    width: 100%;
}

.ACCpaiement td {
    padding: 0 5px;
}

.ACCnav_quittance {
    width: 100%;
    margin-bottom: 10px;
}

.ACCnav_quittance td {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    height: 18px;
    border: 1px solid #FF4E00;
    background-color: #F4F2EB;
    color: #FF4E00 !important;
}

.ACCnav_quittance td.selected,
.ACCnav_quittance td:hover {
    border-right: 1px solid #FF4E00;
    border-top: 1px solid #FF4E00;
    background-color: #FF4E00;
    color: #fff !important;
}

.ACCnav_quittance td:hover {
    cursor: pointer;
}

.x-form-field-wrap {
    padding-right: 17px;
}

#jselect_periode {
    width: 100px;
}

.alt_fond_blanc, .alt_bleu_fonce_lc {
    overflow-wrap: anywhere;
}

img[alt="Aide"] {
    display: inline-block;
}

::selection {
    background-color: lightgrey;
    color: black;
}

span.lbl_class img {
    margin-bottom: 3px;
}

#div_fiche_con_fou_char115a td div {
    height: 40px;
    margin-top: 5px;
}
tr#div_fiche_con_fou_logique106b td,tr#div_CENfiche_con_fou_logique24b td {
    padding-left: 28px;
    font-size: 1em;
}
.Tab .TabGlobal:last-child,
.Tab .TabGlobal:last-child .TabMilieu,
.Tab .TabGlobal:last-child .TabMilieuBg,
.Tab10 .TabGlobal:last-child,
.Tab10 .TabGlobal:last-child .TabMilieu,
.Tab10 .TabGlobal:last-child .TabMilieuBg,
.Tab20 .TabGlobal:last-child,
.Tab20 .TabGlobal:last-child .TabMilieu,
.Tab20 .TabGlobal:last-child .TabMilieuBg {
    border-radius: 0 3px 0 0;
}

.Tab .TabGlobal:first-child,
.Tab .TabGlobal:first-child .TabMilieu,
.Tab .TabGlobal:first-child .TabMilieuBg,
.Tab10 .TabGlobal:first-child,
.Tab10 .TabGlobal:first-child .TabMilieu,
.Tab10 .TabGlobal:first-child .TabMilieuBg,
.Tab20 .TabGlobal:first-child,
.Tab20 .TabGlobal:first-child .TabMilieu,
.Tab20 .TabGlobal:first-child .TabMilieuBg {
    border-radius: 3px 0 0 0;
}

.Tab .TabGlobal:first-child:last-child,
.Tab .TabGlobal:first-child:last-child .TabMilieu,
.Tab .TabGlobal:first-child:last-child .TabMilieuBg,
.Tab10 .TabGlobal:first-child:last-child,
.Tab10 .TabGlobal:first-child:last-child .TabMilieu,
.Tab10 .TabGlobal:first-child:last-child .TabMilieuBg,
.Tab20 .TabGlobal:first-child:last-child,
.Tab20 .TabGlobal:first-child:last-child .TabMilieu,
.Tab20 .TabGlobal:first-child:last-child .TabMilieuBg {
    border-radius: 3px 3px 0 0;
}

#div_fiche_con_fou_logique81b .input_error,
#div_fiche_con_fou_logique82b .input_error,
#div_fiche_con_fou_logique83b .input_error,
#div_fiche_con_fou_logique84b .input_error,
#div_fiche_con_fou_logique85b .input_error,
#div_fiche_con_fou_logique86b .input_error,
#div_fiche_con_fou_logique11b .input_error,
#div_fiche_con_fou_logique12b .input_error {
    text-align: center;
}
ul > li > a > img.logo-auto-complete {
    width:60px;
    height:40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}