@charset "utf-8";
.cef:after {
    content: "";
    display: block;
    clear: both;
}

.image_bouton {
    filter: alpha(opacity=1);
    opacity: 1;
    -moz-opacity: 1;
    /*3 attributs relatifs à cet effet sont nécessaires pour être compatibles avec tous les navigateurs */
}


/* DEBUT -------------------------------------------------
Gabarit 
--------------------------------------------------------*/

.couleur_action_faite,
.couleur_action_faite a {
    color: #090;
    font-weight: bold;
}

.couleur_action_non_faite,
.couleur_action_non_faite a {
    color: #FF0000;
    font-weight: bold;
}

.couleur_action_faite_simple {
    color: #090;
}

.couleur_action_non_faite_simple {
    color: #FF0000;
}

.couleur_alerte,
.couleur_alerte a {
    color: red;
    font-weight: bold;
}

.couleur_action_annulee,
.couleur_action_annulee a,
.couleur_action_annulee div {
    text-decoration: line-through;
}

.class_mono_ligne {
    white-space: nowrap;
}

#entete {
    width: 980px;
    height: 125px;
    position: relative;
    margin: 0 auto;
    background-repeat: no-repeat;
}

#principal {
    border-top: 5px solid #868688;
    border-bottom: 5px solid #868688;
    background: #ececec;
    padding: 0 0 10px 0;
}

#contenu_acc {
    border-top: 5px solid #868688;
}

#contenu {
    margin: 0 auto;
    width: 980px;
}

#footer {
    width: 980px;
    margin: 0 auto;
}


/* FIN -------------------------------------------------
Gabarit 
--------------------------------------------------------*/


/*boutons speciaux */

.bouton_special,
.bouton_special:visited {
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 12px;
    transition: all .25s ease-in-out;
}

.bouton_special:active {
    top: 1px;
    left: 1px;
}

.bouton_special_inactif,
.bouton_special_inactif:visited {
    background-color: #f4f4f4 /*#CCCCCC*/;
    border-color: #ddd;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */
}

.couleur_action_neutre {
    color: #333;
}

.bouton_special_inactif:hover {
    background-color: #e7e7e7 /*#999*/;
    border-color: #adadad;
}

.bouton_special_actif,
.bouton_special_actif:visited {
    background-color: #ffcc00;
    border-color: #ffc400;
}

.bouton_special_actif:hover {
    background-color: #e7e7e7 /*#999*/;
    border-color: #adadad;
}


/* DEBUT -------------------------------------------------
Entête
--------------------------------------------------------*/

#logo {
    position: absolute;
    top: 20px;
    left: 50px;
}

#baseline {
    position: absolute;
    left: 300px;
    top: 40px;
    margin: 0;
    font-size: 20px;
    color: #fff;
}

#hautdroit {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    font-size: 11px;
}

#hautdroit p#info {
    color: #ebf1c0;
    margin: 5px 0 0 0;
}

#hautdroit p#info a {
    color: #ebf1c0;
    font-weight: normal;
}

#hautdroit p#bonjour {
    color: #fff;
    margin: 25px 0 0 0;
}

#hautdroit a#logout {
    color: #ebf1c0;
    font-weight: normal;
    padding: 0 0 0 20px;
    background: transparent url(images/picto_cle.png) no-repeat 0 2px;
}

ul.main_content {
    list-style-image: url(images/spacer.gif);
    list-style-position: outside;
    padding: 0;
    margin: 0;
    border: none;
}

ul.main_content li.ligne_main_content {
    display: inline;
    text-align: center;
    margin: 0 1px 0 0;
    padding: 0;
    overflow: hidden;
}

ul.main_content li.ligne_main_message_gauche {
    display: inline;
    /*float:left;*/
    text-align: center;
    margin: 0 1px 0 0;
    padding: 0;
    overflow: hidden;
}

ul.main_content li.ligne_main_message_droite {
    display: inline;
    text-align: center;
    margin: 0 1px 0 0;
    padding: 0;
    overflow: hidden;
}

#entete .menu {
    height: 22px;
    margin: 0 0 0 0;
    padding: 0;
    top: 103px;
    position: relative;
    bottom: 0;
}

#entete .menu li {
    height: 22px;
    display: block;
    float: left;
    text-align: center;
    margin: 0 1px 0 0;
    padding: 0 0 0 10px;
    width: 152px;
    background: transparent url(images/onglets.png) no-repeat 0 0;
}

#entete .menu li a {
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    color: #868688;
    height: 22px;
    padding: 0 10px 0 0;
    display: block;
    background: transparent url(images/onglets.png) no-repeat right -22px;
}

#entete .menu li:hover,
#entete .menu li.itemactif {
    background: transparent url(images/onglets.png) no-repeat 0 -44px;
}

#entete .menu li:hover a,
#entete .menu li.itemactif a {
    color: #fff;
    background: transparent url(images/onglets.png) no-repeat right -66px;
}

#entete .menu li #commandes {
    width: 165px;
}


/* FIN -------------------------------------------------
Entête
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
login
--------------------------------------------------------*/

#login {
    width: 427px;
    height: 199px;
    margin: 25px auto 0 auto;
    padding: 50px;
    background: transparent url(images/bloc_login.png) no-repeat 0 0;
}

#login h1 {
    margin: 0;
    text-align: center;
}

#login p {
    text-align: center;
    margin: 0 0;
    font-size: 11px;
}

#login form {
    margin: 35px 0 0 0;
}

#login .validation {
    text-align: left;
    margin: 1em 0 1em 42%;
}


/* FIN -------------------------------------------------
login
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
login
--------------------------------------------------------*/

#login_petit {
    width: 300px;
    height: 170px;
    margin: auto auto 0 auto;
    padding: 10px;
    background: transparent url(images/bloc_login_petit.png) no-repeat 0 0;
    position: absolute;
    right: 10px;
    top: 100px;
}

#login_petit h1 {
    margin: 0;
    text-align: center;
}

#login_petit p {
    text-align: center;
    margin: 0 0;
    font-size: 11px;
}

#login_petit form {
    margin: auto 0 0 0;
}

#login_petit .validation {
    text-align: left;
    margin: 1em 0 1em 42%;
}

#login_nouveau_compte {
    width: 300px;
    height: 170px;
    margin: auto auto 0 auto;
    padding: 10px;
    background: transparent url(images/bloc_login_petit.png) no-repeat 0 0;
    position: absolute;
    right: 10px;
    top: 280px;
}


/* FIN -------------------------------------------------
login
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
login_adresse
--------------------------------------------------------*/

#login_adresse {
    width: 300px;
    height: 170px;
    margin: auto auto 0 auto;
    padding: 10px;
    background: transparent url(images/bloc_login_petit.png) no-repeat 0 0;
    position: absolute;
    right: 10px;
    top: 460px;
}

#login_adresse h1 {
    margin: 0;
    text-align: center;
}

#login_adresse p {
    text-align: center;
    margin: 0 0;
    font-size: 11px;
}

#login_adresse form {
    margin: auto 0 0 0;
}

#login_adresse .validation {
    text-align: left;
    margin: 1em 0 1em 42%;
}


/* FIN -------------------------------------------------
login_adresse
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
contenu
--------------------------------------------------------*/

table {
    /* Fixe le bug de taille de police sur certains formulaires */
    /*font-size: 14px;*/
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.total {
    font-weight: bold;
    color: #e89932;
}

.vignette {
    border: 1px solid #e1e1e1;
}

.actions {
    margin: 0 0 10px 0;
}

.actions ul.ga {
    float: left;
    margin: 0;
}

.actions ul.dr {
    float: right;
    margin: 0;
}


/*---------- Légendes pictos ----------*/

.legende {
    margin: 2em 0 0 0;
}

.legende p {
    font-size: 11px;
    padding: 0 0 0 20px;
    min-height: 20px;
    margin: 0;
}

.legende .validcmd {
    background: #fff url(images/picto_valider.png) no-repeat 0 0;
}

.legende .remarque {
    background: #fff url(images/picto_bulle.png) no-repeat 0 0;
}

.legende .livraison {
    background: #fff url(images/picto_panier.png) no-repeat 0 0;
}

.legende .annule {
    background: #fff url(images/picto_annuler.png) no-repeat 0 0;
}

.couleur {
    background-color: #e5edac;
}

.pdf {
    background: #fff url(images/picto_pdf.png) no-repeat 0 0;
    padding: 0 0 0 20px;
}


/*---------- Blocs (mon compte, mes articles, ...) ----------*/

.blocs {
    float: left;
    width: 30%;
    margin: 0 3% 3% 0;
}

.nvlleligne {
    clear: both;
}

.blocs h2 {
    margin: 0;
}

.blocs h2 a {
    display: block;
    min-height: 30px;
    padding: 5px 0 0 40px;
    background: #fff url(images/fleche_off.png) no-repeat 0 0;
    text-decoration: none;
}

.blocs h2 a:hover {
    background: #fff url(images/fleche_on.png) no-repeat 0 0;
    color: #f3bd1b;
}

.blocs p {
    margin: 0;
    padding: 0 0 0 40px;
}


/*---------- Personnalisation de document ----------*/

.perso {
    float: left;
    width: 70%;
}

.perso_img {
    float: right;
    width: 30%;
    text-align: center;
}

.menu_second {
    height: 22px;
    margin: 3em 0 0 0;
    padding: 0;
    border-bottom: 5px solid #e1e1e1;
}

.menu_second li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    background-color: #eceded;
}

.menu_second li a {
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    color: #868688;
    height: 21px;
    padding: 0 10px;
    display: block;
}

.menu_second li:hover a,
.menu_second li.itemactif a {
    color: #000;
    background-color: #e1e1e1;
}


/*---------- Filtre de tri ----------*/

.tri {
    margin: 1em 0 2em 0;
}

.tri fieldset {
    margin: 0;
    padding: .5em 1em;
    border: 0px solid #e1e1e1;
    background-color: #f4ebc4;
}

.tri fieldset legend {
    font-weight: bold;
    font-size: 14px;
    background-color: #fff;
    padding: 2px 7px;
}

.tri .validation {
    text-align: left;
    margin: 1em 0 1em 41%;
}


/*---------- Styles de tableaux ----------*/

.tableaux {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    margin: 1em 0;
    background-color: #fff;
}

.tableaux.plus_sans_marge_haute_basse {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tableaux_sans_marge {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    margin: 0 0;
    background-color: #fff;
}

.tableaux thead,
.tableaux_sans_marge thead {
    background-color: #E1E3F0;
    /*#f4ebc4 ; */
    border: #f4ebc4;
}

.tableaux titre,
.tableaux_sans_marge titre {
    background-color: #aecbdd;
    border: #f4ebc4;
}

.tableaux th,
.tableaux_sans_marge th {
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
}

.tableaux thead tr,
.tableaux_sans_marge thead tr {
    height: 40px;
    border: 1px solid #c2c2c3;
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

.tableaux tbody tr:hover,
.tableaux_sans_marge tbody tr:hover {
    /*background-color: #f0f0f0;*/
}

.tableaux td,
.tableaux_sans_marge td {
    padding: 5px;
    border-bottom: 1px solid #e1e1e1;
}

.tableaux td.margin_padding_nul {
    padding-left: 0px;
    padding-right: 0px;
}

.bordure_gauche {
    border-left: 1px solid #e1e1e1;
}

.sans_bordure_basse td {
    border-bottom: none;
}

.bordure_droite {
    border-right: 1px solid #e1e1e1;
}

.bordures_gauche_droite {
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.bordure_gauche_double {
    border-left: 1px solid black;
}

.bordure_droite_double {
    border-right: 1px solid black;
}

.bordures_gauche_droite_double {
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.tableaux .equivthead,
.equivthead,
.tableaux_sans_marge .equivthead {
    background-color: #E1E3F0;
    /*#f4ebc4 ; */
    border: 1px solid #c2c2c3;
    font-weight: bold;
    height: 30px;
}

.tableaux .relief,
.relief,
.tableaux_sans_marge .relief {
    background-color: #FFEED5;
    /*#f4ebc4 ; */
    border: #f4ebc4;
    font-weight: bold;
}

.tableaux .remise,
.remise,
.tableaux_sans_marge .remise {
    background-color: #F9F;
    /*#f4ebc4 ; */
    border: #f4ebc4;
    font-weight: normal;
}

table .bord_masque,
table .bord_masque:hover,
.tableaux .bord_masque,
.tableaux .bord_masque:hover,
.tableaux_sans_marge .bord_masque,
.tableaux_sans_marge .bord_masque:hover,
table.bord_masque tr,
table.bord_masque tr:hover,
.tableaux.bord_masque tr,
.tableaux.bord_masque tr:hover,
.tableaux_sans_marge.bord_masque tr,
.tableaux_sans_marge.bord_masque tr:hover,
table.bord_masque tr td,
table.bord_masque tr td:hover,
.tableaux.bord_masque tr td,
.tableaux.bord_masque tr td:hover,
.tableaux_sans_marge.bord_masque tr td,
.tableaux_sans_marge.bord_masque tr td:hover {
    background-color: transparent;
    /*#f4ebc4 ; */
    border: none;
}

.tableaux.tableaux_reduits {
    font-size: 12px;
}

.tableaux.tableaux_reduits tr {
    height: 20px;
}

.tableaux.tableaux_reduits td {
    padding: 2px;
}


/*---------- Styles de tableaux_sans_cent ----------*/

.tableaux_sans_cent {
    text-align: left;
    border-collapse: collapse;
    margin: 1em 0;
    background-color: #fff;
    width: auto;
}

.tableaux_sans_cent thead {
    background-color: #E1E3F0;
    /*#f4ebc4 ; */
    border: #f4ebc4;
}

.tableaux_sans_cent titre {
    background-color: #aecbdd;
    border: #f4ebc4;
}

.tableaux_sans_cent th {
    padding: 0 5px;
}

.tableaux_sans_cent thead tr {
    height: 30px;
    border: 1px solid #c2c2c3;
}

.tableaux_sans_cent:not(.table):not(.table-hover) tbody tr:hover {
    background-color: #f0f0f0;
}

.tableaux_sans_cent td {
    padding: 5px;
    border-bottom: 1px solid #e1e1e1;
}

.col0 {
    background-color: #f4ebc4;
    border: #f4ebc4;
}

.tableaux_sans_cent .equivthead {
    background-color: #E1E3F0;
    /*#f4ebc4 ; */
    border: 1px solid #c2c2c3;
    font-weight: bold;
    height: 30px;
}

.tableaux_sans_cent .relief {
    background-color: #FFCA79;
    /*#f4ebc4 ; */
    border: #f4ebc4;
    font-weight: bold;
}

.tableaux_sans_cent .bord_masque,
.tableaux_sans_cent .bord_masque:hover {
    background-color: transparent;
    /*#f4ebc4 ; */
    border: none;
}


/* FIN -------------------------------------------------




   /*---------- Styles de tableaux ----------*/

.tableauxplanning {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    margin: 0em 0;
    background-color: #fff;
    font-size: 14px;
}

.tableauxplanning thead {
    background-color: #f4ebc4;
    border: #f4ebc4;
}

.tableauxplanning titre {
    background-color: #aecbdd;
    border: #f4ebc4;
}

.tableauxplanning a {
    font-size: 15px;
}

.tableauxplanning th {
    padding: 0 0px;
}

.tableauxplanning thead tr {
    border: 1px solid #c2c2c3;
}

.tableauxplanning tbody tr:hover {
    background-color: #f0f0f0;
}

.tableauxplanning td {
    padding: 0px;
    border-bottom: 1px solid #e1e1e1;
}


/* FIN -------------------------------------------------



    /*---------- Styles de tableaux ----------*/

.tableauxcentre {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    margin: 1em 0;
    background-color: #fff;
}

.tableauxcentre thead {
    background-color: #f4ebc4;
    border: #f4ebc4;
}

.tableauxcentre titre {
    background-color: #aecbdd;
    border: #f4ebc4;
}

.tableauxcentre th {
    padding: 0 5px;
}

.tableauxcentre thead tr {
    height: 30px;
    border: 1px solid #c2c2c3;
}

.tableauxcentre tbody tr:hover {
    background-color: #f0f0f0;
}

.tableauxcentre td {
    padding: 5px;
    border-bottom: 1px solid #e1e1e1;
}


/* FIN -------------------------------------------------



    /*---------- Styles de tableaux vides----------*/

.tableauxvides {
    text-align: center;
    border-collapse: collapse;
    margin: 0em 0;
    border: 0px;
    border-bottom: none;
}

.tableauxvides th {
    padding: 0 0px;
    border-bottom: none;
}

.tableauxvides tr {
    height: 0px;
    border-bottom: none;
}

.tableauxvides td {
    padding: 0 5px;
    border-bottom: none;
}


/* FIN -------------------------------------------------
contenu
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
Footer
--------------------------------------------------------*/

#footer .menu {
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

#footer .menu li {
    display: inline;
}

#footer .menu li a {
    text-decoration: none;
    margin: 0 10px;
    color: #868688;
    font-weight: normal;
}

#footer .menu li a:hover {
    text-decoration: underline;
    color: #000;
}

#message_pied {
    clear: both;
    color: #9d9d9e;
    font-size: 11px;
    text-align: center;
}

#message_pied p {
    margin: 0;
}


/* FIN -------------------------------------------------
Footer
--------------------------------------------------------*/


/* DEBUT -------------------------------------------------
formulaires
--------------------------------------------------------*/

fieldset {
    border: 0px solid #e1e1e1;
    background-color: #f6f6f6;
}

fieldset legend {
    font-weight: bold;
    font-size: 14px;
    background-color: #fff;
    padding: 2px 7px;
    color: #3c8dbc;
}

fieldset div {
    /*color: #000000;*/
}

.ligne_form {
    clear: both;
    margin: 5px 0;
}

.ligne_form .label_section,
.ligne_form .input_section {
    float: left;
}

.ligne_form .label_section {
    text-align: right;
    font-weight: bold;
    width: 40%;
    margin: 0 10px 0 0;
    padding: 5px 0 0 0;
}

.ligne_form .input_section p {
    margin: 4px 0 0 0;
}

input,
select,
textarea {
    border: 1px solid #d2d6de;
}

textarea {
    padding: 5px;
}

.validation {
    text-align: center;
    margin: 1em 0;
    clear: both;
}


/*
input.btn125, input.btn225 {
	display: inline;
	padding: 0px 0 5px 0;
	height: 20px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: middle;
	font-size: 12px;
}

.btn125, .btn225 {
	text-align: center;
	display: block;
	height: 25px;
	text-decoration: none;
	color: #663366;
	line-height: 25px;
	border: none;
	font-size: 12px;	
}

.btn125:hover, .btn225:hover {
    color: #e1e6c4;
}

.btn125 {
    width: 125px;
    background: transparent url(images/btn_125.png) no-repeat 0 0;
}

.btn125:hover {
    background: transparent url(images/btn_125.png) no-repeat 0 -25px;
}

.btn225 {
    width: 225px;
    background: transparent url(images/btn_225.png) no-repeat 0 0;
}

.btn225:hover {
    background: transparent url(images/btn_225.png) no-repeat 0 -25px;
}*/


/*div.classe_boutons_mondeviseur {
	display:inline;
	white-space: nowrap;
	font-family: arial;
	color: #006699 !important;
	font-size: 14px;
	text-shadow: 1px 1px 0px #7CACDE;
	box-shadow: 1px 1px 1px #EBEDF0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #3866A3;
	background: #AFB4F0;
	background: linear-gradient(top,  #E1E3F0,  #A8C6E5);
	background: -ms-linear-gradient(top,  #E1E3F0,  #A8C6E5);
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E3F0), to(#A8C6E5));
	background: -moz-linear-gradient(top,  #E1E3F0,  #A8C6E5);
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.classe_boutons_mondeviseur:hover {
  color: #EDF8FA !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}*/

div.classe_boutons_mondeviseur {
    display: inline-block;
    clear: both;
    white-space: nowrap;
    background: #ffe3b8;
    background-image: -webkit-linear-gradient(top, #ffe3b8, #ffa229);
    background-image: -moz-linear-gradient(top, #ffe3b8, #ffa229);
    background-image: -ms-linear-gradient(top, #ffe3b8, #ffa229);
    background-image: -o-linear-gradient(top, #ffe3b8, #ffa229);
    background-image: linear-gradient(to bottom, #ffe3b8, #ffa229);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    /*text-shadow: 1px 1px 3px #b07a2a;*/
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    border: solid #ffb300 1px;
    text-decoration: none;
    text-align: center;
    min-width: 125px;
    text-transform: none;
    font-weight: normal;
}

#colonne_gauche .classe_boutons_mondeviseur,
#colonne_droite .classe_boutons_mondeviseur {
    display: block;
    padding: 5px 5px 5px 5px;
    width: auto;
    min-width: 0px;
    max-width: 110px;
    font-size: 13px;
}

div.classe_boutons_mondeviseur:hover {
    color: #ffb300;
    background: #ffffff;
    text-decoration: none;
    text-shadow: 0px 0px 0px #FFFFFF;
}


/* FIN -------------------------------------------------
formulaires utilisateurs
--------------------------------------------------------*/

.barrecouleur_planning {
    clear: both;
    height: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.class_input_de_prix {
    text-align: right;
}

.class_input_de_prix_total_ht {
    text-align: right;
    font-weight: bold;
    color: #e89932;
}


/*Placeholder */

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #919191;
	font-style: italic;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #919191;
    opacity: 1;
	font-style: italic;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #919191;
    opacity: 1;
	font-style: italic;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #919191;
	font-style: italic;
}

/* .classe_mise_en_page_fenetre {
    width: auto;
    height: auto;
    border: 1px solid #969696;
    background-color: #F7F3EA;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
} */
.classe_mise_en_page_fenetre {
	width: auto;
	height: auto;
	border: 1px solid #F7ECAE;
	background-color: #fcf8e3;
	vertical-align: middle;
    margin: 10px auto;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.classe_mise_en_page_fenetre:empty {
    display: none;
}

#ui-datepicker-div,
.ui-datepicker {
    z-index: 99999 !important;
}


/*fait monter le datepicker au dessus */

.class_texte_barre {
    text-decoration: line-through !important;
}
.width_100pc_important {
	width:100% !important;
}
.width_100pc {
	width:100%;
}
/* Texte cour des listings */
table.table tr th.small-column,
table.table tr td.small-column{
    width: 0;
    white-space: nowrap;
}

table.table tr td.small-column .btn{
    margin: 0;
}
.listing-detail-article-col{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

.listing-detail-article-col + .voir-plus{
    display: block;
    text-align: center;
    margin-top: 3px;
}

.listing-detail-article-court{
    -webkit-line-clamp: 5;
}
/* FIN texte court des listings */

/* calculateur */
.web_ligne_variable_saisie  .class_saisie_type_textarea textarea{
	width:100% !important;
}
/*Fin calculateur */