html {
	/* height: 100%; */
}
body {
	color: #333333 ;
	Font-family: "arial régular", arial, helvetica;
	margin: 0;
	font-size: 16px;
}

img {
	border: 0;
}	

p {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

A:link , A:visited { text-decoration: none; color: #800000; font-weight: Normal; text-decoration: underline;}
A:active { color: #E10000; font-weight: Normal; }
A:hover {color: #E10000; }

textarea {
    resize: none; /* pour firefox, sinon on peut modifier la taille */
	font-family: arial;
}


ul {
	list-style-position: inside; /* evite bug puce en début de ligne sous Ie9 */
}


.clear {
	clear: both; /* pour mettre ligne basse en bas de tous les blocs */
	height: 0px; /* sinon hauteur 1px */
}

.dn {
	color : #FFFFFF;
	font-weight: normal;
	display: none;
	font-family: Tahoma, arial, helvetica, serif;
	text-decoration: none;
	border: 0;
}


.menuavenir {
	padding-top: 0.5em;
	margin : auto;
}

/* mnu */
#mnu_btnaccueil {
	margin-top: 3px;
	margin-bottom: 2px;
	border: 1px solid #C0C0C0; /*grey, white, #800000 */
	float: left;
	width: 245px; /* 680px */
	height: 36px; /* 50px */
	margin-left: 10px;	
	text-align: left;
	padding-left: 130px;
	color: brown;
	background: #ECECEC url(images/logo-datactif-dunm-h34.png) no-repeat top left  ;
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#mnu_btnaccueil:hover{
	color: red;
	cursor: pointer; /*  hand */
}

#mnu_logoaccueil {
	margin-top: 3px;
	margin-bottom: 2px;
	border: 1px solid #C0C0C0; /*grey, white, #800000 */
	float: left;
	margin-left: 10px ; /*350px*/
	background: white;

	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#mnu_login {
	float: right; 
	margin-right: 20px;
	margin-top: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #76AA8E; 
	color: #800000; /*  white #C00000 */ 
	background-color: #ECECEC ; /*  #E5E5E5 white, #800000 marron,  yellow ; #FDFEBC jaune clair*/
	padding-left: 1em;
	padding-right: 1em;
	font-size: 85%;
	border: 1px solid #C0C0C0; /*grey, white, #800000 */

	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}

#mnu_login input {
 	border: 1px solid #C0C0C0; /*  marron #800000 ,grey*/
}

#mnu_login:hover {
	/* cursor: pointer; /*  hand */
}

#mnu_logout {
	float: right; 
	margin-right: 20px;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: .5em;
	margin-top: 9px;
	color: brown; /* white #800000 marron #800000, white; marron ,  violet #800080; rouge soutenu #C00000*/
	font-size: 85%;
	background-color: #F9F9F9; /* #76AA8E #E5E5E5transparent, couleur client #C0FFFF,  white, #800000, #E7E7E7 */
	border: 1px solid #C0C0C0; /*grey, white, #800000 */
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}



#ulassistId{
	text-align: center;
	border: 1px solid #C0C0C0; /*grey*/
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}


/* image story */
#image_story{
	width: 600px;
	height: 110px;
	background: #ECECEC url(images/storyrond-notxt-600-b.png) no-repeat top left;
	margin-bottom: 50px;
}



.menuav {
	float: left;
	width: 190px; /*8em*/
	text-align: center;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: 10px;
	padding-bottom: 10px;
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.menuavmin {
	float: left;
	width: 190px; /*8em*/
	text-align: center;
/* 	padding-left: .2em;
	padding-right: .2em;
	padding-top: 10px;
	padding-bottom: 10px; */
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.menuav_acc {
	float: left;
	width: 196px;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
}


.menuav_accb {
	float: left;
	width: 192px;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
}

.crude {
	float: left;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0em;
}

.crude_crealign {
	/* text-align: center; */
	/* margin-left: 30px; */
	/* margin-right: 30px; */
	padding: .5em;
	padding-left: 3em;
	padding-right: 3em;
	/* font-size: 110%; */
	color: brown;	
}

.crude_crealign:hover {
	color: red;	
}	


#crude_crea {
	margin-left: 1.4em;
	color: green;
}

#crude_rech {
	color: #C000C0;
}

#crude_suppr {
	color: red;
}

.crude:hover {
	cursor: pointer;
}

.btn_pdf {
	font-size: 70%; 
	color: brown;
	border: 1px solid grey;
}

.btn_pdf :hover {
	color: red;
}	

.bt_supprm {
	width: 11px; /* 680px */
	height: 12px; /* 50px */
	background: white url(images/corbeillemin.png) no-repeat top left  ; 
	border: 0;
	cursor: pointer;
}

.ses {
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: 0em;
	font-size: 80%;
	/* width: 10em; */
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}


.ze {
	font-weight: normal;
	display: block;
	margin-bottom: .5em;
	margin-top: .5em;
	padding-top: .3em;
}

.zenum {
	color: brown;
	font-weight: bold;
	font-size: 120%;
}


#ses_clients, .c_client {
	background-color: #C0FFFF;
	color : blue;
}

#ses_produits, .c_produit {
	background-color: #FDFEBC;
}

.c_produit {
	padding-left: .2em;
	padding-right: .2em;
}


#ses_commandes, .c_commande {
	background-color: #D5F1D5;
}

#ses_livraisons, .c_livraison {
	background-color: #7EC092; /* #74D274 */
}

#ses_factures, .c_facture {
	background-color: #8BA58B;
}


.crea_conf {
	position : absolute;
	text-align: center;
	background-color: #40FF40;
	padding-bottom: 2px;
	border: 1px solid grey;
}

.rech_conf {
/* 	position : relative;
	top : -2em;
	bottom : 1em;
	left : 3em; */
	float : left; 
	text-align: center;
	background-color: #FF80FF;
	border: 1px solid grey;
}

.suppr_conf {
	position : absolute;
	text-align: center;
	background-color: red;
	padding: 2px;
	border: 1px solid grey;
}

.chge_conf {
	float : left;
	text-align: center;
	background-color: #F0F0F0;
	padding: 2px;
	border: 1px solid grey;
}

.bxTitre {
	float: left;
	/* text-align: left; */
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: 0px;
	padding-top: 0px;

	margin-right: .5em;
	color : grey;
	font-weight: normal;
	font-size: 83%;
	font-style: italic;
	background-color: #E6E4E4;
}

.bxTxt {
	font-size: 85%;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2.2em; /*2.2em; 1.5em  */
	padding-bottom: .5em;
}

.bxTxt p {
	margin-bottom: .3em;
}

.rech_table {
	border : 3px solid #FF80FF;
	font-size: 85%;
	background-color: white;
}


#bandeau{
/* 	min-width: 1180px; /* 60em; */ 
	min-width: 1248px;  /* 1232px */
 	/* background-color: red;  */
}
#bandeau_inner {
	margin: 0 auto;
	width: 1248px;  /* 1232px */
 	/* background-color: yellow; */
	height: 41px;
}

#corps {
	/* optimisé pour écran 1280px de large; */
	/* la zone utile de 1248 px tient compte de la largeur du scroll; */	
	min-width: 1228px;
	margin-left: 10px;
	margin-right: 10px;
	/* padding: 0 1em 1em 1em; */
}

#corps_inner {
	margin: 0 auto; 	
	width: 1228px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	
	border: 1px solid #C0C0C0; /*grey, white, #800000 */

	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}




.txt {
	/* width: 100%; */
	position: realtive;
	background: white; /* #DDDDDD #C0C0C0  grey;  #F1F1F1 gris super clair */
	padding-bottom: .5em;
	
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}


#copyright {
	text-align: center;
	margin-right: 1.5em; 
	padding-top: .5em;
	color: grey;
	font-size: 0.8em;
}

#copyright A {
	color: grey;
}

#talon {
	min-width: 1228px;
	margin-left: 10px;
	margin-right: 10px;
}	

#talon_inner {
	margin: 0 auto; 	
	width: 1248px;
}

.lgnb, .lgnbg, .lgnbc, .lgnbd, .lgnbg_p, .lgnbc_p, .lgnbd_p, .lgnbtri {
	border-bottom: 1px solid grey; /* #FFE6D1rgb(128,128,128)*/
	padding-left: 10px;
}


.lgn_devis{
	border-bottom: 1px solid #FFE6D1;
}	

.lgn_commande{
	border-bottom: 1px solid #D5F1D5;
}

.lgn_appro{
	border-bottom: 1px solid #DBC1C1;
}

.lgn_livraison{
	border-bottom: 1px solid #7EC092;
}

.lgn_facture{
	border-bottom: 1px solid #8BA58B;
}

.lgnbtri {
	color: grey;
	font-style: italic;
	text-align: left;
}


.lgnbg_p, .lgnbc_p, .lgnbd_p {
	font-size: 95%;
}

.lgnbg, .lgnbg_p {
	text-align: left;
}

.lgnbd, .lgnbd_p {
	text-align: right;
	vertical-align: middle;
}

.lgnbmodif {
	border: 1px solid red;
	padding-left: .5em;
	text-align: left;
}



.lgnblegend {
	/* border-bottom: 1px solid #FFE6D1; rgb(128,128,128) */
	/* font-style: italic; */
	font-size: 85%;
	color: Grey;
	padding-left: 10px;
	padding-right: 10px;
}


.lbl {
	text-align: right;
	color: grey;
	padding-right: 10px;
	font-family: arial;
	font-size: 80%;
	/* font-style: italic; */
}


.lbltet {
	text-align: right;
	color: grey;
	padding-right: 0px;
	font-size: 80%;
	line-height: 18px;
	display: inline-block; 
	/* background-color: yellow; */
	margin-top: 5px;
	font-style: italic;
}

.inptet {
	color: grey; 
	border: 1px solid grey;	
}

.inptetmodif {
	/* background-color: #ECECEC; */
	border: 1px solid #FDD3D3;	/*border: 1px solid red;*/
	color: grey;
}

.italgr {
	color: grey;
	font-style: italic;
}

.italgrp {
	color: grey;
	font-style: italic;
	font-size: 70%;
}


/* outer-center, inner-center :  afficher des div de largeurs minimum autour des textes dans les erreport et avreport*/
.outer-center {
    /* float: right;
    right: 50%;
    /* position: relative;
	position: absolute;  */	
}
.inner-center {
    /* float: right;
    right: -50%;
    /* position: relative;
	position: absolute;  */
}

.centered { 	/*https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/*/
  position: fixed;
  top: 10%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.erreport, .avreport { /* affichage des messages d'erreurs */
	/* position: relative; */
	margin-top: 60px;
	
	background: #FFFFFF; /* #F4F2F2 */
    text-align: center;

	/* margin-left: 2em;
	margin-right: 2em; */

	/* margin-bottom : -2em; */
	font-size: 90%;
	/* width: 100%;  */
	font-style: italic;

}


.avreport { /* affichage des messages d'avis */
	color : green; /* black; green;  */
	border: 1px solid grey;  /* 2px dashed yellow; 1px solid grey;  */
}

.erreport { /* affichage des messages d'erreurs */
	color : red ; /* black  */
	border: 1px solid grey; /*1px dashed red;  1px solid grey;  */
}



.avreport p, .erreport p  {
	padding-top: 1em;
	padding-bottom: .5em;
	padding-left: 2em;
	line-height: 1.8em;
}



/* modifications */

.modifcli {
	border: 1px solid #FDD3D3;	/*border: 1px solid red;*/
	color: blue;
	padding-left: 3px;	
}


.modifdevlign {
	border: 1px solid #FDD3D3;	/*border: 1px solid red;*/
	padding-left: 3px;
	font-size: 100%;
}


.visudevlign {
	border: 1px solid transparent;
	padding-left: 3px;
}

.visucli 
{
	border: 1px solid #DDDDDD; /*grey*/
	color: blue;
	padding-left: 3px;
	background-color: #EDEDED; /*#F5F5F5 */	
}

.visufour, .visupro, .visudevis, .visucommande, .visulivraison, .visufacture
{
	border: 1px solid #DDDDDD; /*grey*/
	color: black;
	padding-left: 3px;
	background-color: #EDEDED; /* #F8F8F8 #F1F1F1 #EDEDED, #F5F5F5 */	
}


.modiffour, .modifpro, .modifdevis, .modifcommande, .modifappro, .modiflivraison, .modiffacture {
	border: 1px solid #FDD3D3; /* red */
	color: black;
	padding-left: 3px;
}


.modifdevislct, .modifcommandelct {
	border: 1px solid #FDD3D3; /* red */
	color: black;
}


#liste_clients_lignes  {
	max-height: 14em;
	overflow: auto;
	margin-bottom: 3px;
	margin-top: 0px;
} 


#dvaclient, #dvasupport {
	width: 190px;
	height: 190px;
	/* margin-left: -1.4em;	 */
}

#dvasoutien {
	width: 190px;
	height: 108px;
}

#dvaclient{
	background: url(images/dva-client-380x.png) top left no-repeat;
}


#dvasupport{
	/* width: 188px;   /* 188 au lieu de 190 pour ligne à droite dans page accueil*/
	background: url(images/dva-support-380x.png) top left no-repeat;
	/* margin-left: -1.4em; */
}


#dvaclient:hover {
		/* background: url(images/dva-client-190.png) top left no-repeat; */
	background: url(images/dva-client-380x.png) bottom left no-repeat;
}


#dvasupport:hover {
		background: url(images/dva-support-380x.png) bottom left no-repeat;
}

/* */

#dvaclient96, #dvasupport96 {
	margin-top: 3px;
	width: 160px;
	height: 96px;
	/*border : 1px solid #C8C8C8; */
}

#dvaclient96{
	background: transparent url(images/dva-client-96.png) top center no-repeat;
}



#dvasupport96{
	background: transparent url(images/dva-support-96.png) top center no-repeat;
}


#dvablanc  {
	width: 190px; 
	height: 212px;
}



#menuav_acc_soutienId {
	margin-top: 8px;
	background-color: #FFE6D1; /* orange-jaune clair */
	border : 2px solid transparent; 
}






/* tournevis */
#tournevisko, #tournevis {
	font-size: 11px;
	height: 38px; 
/* 	margin-right: 3em; */
/* 	float: right;	 */
	border: 1px solid #C0C0C0;	/* grey */
	color: #800000; /* marron */	
}

#tournevis {
	width: 75px; /* 2.5em; */
	/* margin-top: 30px; */
	background: #DADADA url(images/Tournevis3-bl.png) top right no-repeat; /* #C0C0C0 */
	text-align: left;
	padding-left : 1em;
}

#tournevisko {
	width: 88px; /* 2.5em; */
	/* margin-top: 70px; */
	background: #DADADA url(images/TournevisSuppr3-bl.png) top right no-repeat; /* #C0C0C0 */
	text-align: left;
	padding-left : .8em;
}


/* tournevis_pos */
#tournevipId, #tournevipkoId {
	/* position: absolute; */
	/* float: right; */
	font-size: 11px;
	height: 38px; 
/* 	margin-right: 3em; */
/* 	float: right;	 */
	border: 1px solid #C0C0C0;	/* #C0C0C0 grey */
	color: #800000; /* marron */
	cursor: pointer;
}

#tournevipId{
	width: 75px; /* 2.5em; */
	/* margin-top: 30px; */
	background: #DADADA url(images/Tournevis3-bl.png) top right no-repeat; /* #C0C0C0 */
	text-align: left;
	padding-left : 1em;
	margin-right: 13px;
}

#tournevipkoId {
	width: 88px; /* 2.5em; */
	/* margin-top: 70px; */
	background: #DADADA url(images/TournevisSuppr3-bl.png) top right no-repeat; /* #C0C0C0 */
	text-align: left;
	padding-left : .8em;
}



#verou, #verouno, #veroub {
	/*float: left;
	margin-left: 300px;	*/
	float: right;
	margin-right: 4px;
	margin-top: 4px;	
	height: 40px;
	color: #800000; /* marron */
}


#verou:hover, #verouno:hover, #tournevis:hover, #tournevisko:hover  {
	color: #C00000; /* rouge soutenu */
}


#verou {
	width: 155px;	
	/* margin-top: .4em;	 */
	border: 1px solid #C0C0C0;	
	background: #DDDDDD url(images/CadenasFlou.png) top left no-repeat; /* #C0C0C0  #ECECEC*/
	padding-right: 8px;
	text-align: right;
}

#verouno {
	width: 180px;
	border: 2px solid #FDD3D3;	
	/* margin-top: .4em; */
	background: #DDDDDD url(images/CadenasOuvertFlou.png) top left no-repeat; /*  #C0C0C0  #ECECEC*/
	padding-right: 13px;
	text-align: right;
}

#veroub {
	width: 45px;	
	/* margin-top: .4em;	 */
	border: 1px solid #C0C0C0;	
	background: #DDDDDD url(images/CadenasFlou.png) top center no-repeat; /* #C0C0C0  #ECECEC*/
	padding-right: 8px;
}


#tournevisko:hover, #tournevis:hover{
	cursor: pointer; /* hand; */
}




.pointer {
	cursor: pointer;
}

/* ***********************/
.MnuAbloc {
	display: inline-block;
	width : 200px;
}

.lignerech, .lignerechfour, .ligneparentrech, .ligneparentfourech, .lignerechdev, .lignerechcom, .lignerechfac {
	background-color: white; /*#F1F1F1*/
}


.lignerechsel, .lignerechfoursel, .lignerechdevsel, .lignerechcomsel, .lignerechfacsel  {
	background-color: #E8E6E6; /*#C0C0C0*/
}

.lignerech:focus, .lignerech:hover {
	background-color: #D7FFFF;/* jaune poussière #EAEFD6 white */
	cursor: pointer;
	color: brown;
}

.lignerechfour:focus, .lignerechfour:hover{
	background-color: #EBEBD5;/* jaune poussière #EAEFD6 white */
	cursor: pointer;
	color: brown;
}


.ligneparentrech:hover{
	background-color: #D7FFFF;/* jaune poussière #EAEFD6 white */
	color: black;
}

.ligneparentfourech:hover{
	background-color: #EBEBD5;/* caca d'oie clair ,jaune poussière #EAEFD6 white */
	color: black;
}


.lignerechdev:focus, .lignerechdev:hover{
	background-color: #FFE6D1;
	cursor: pointer;
	color : brown;
}

.lignerechcom:focus, .lignerechcom:hover{
	background-color: #D5F1D5;
	cursor: pointer;
	color: brown;
}

.lignerechfac:focus, .lignerechfac:hover{
	background-color: #8BA58B;
	cursor: pointer;
	color: brown;
}

.btnx {
	float: right;
	color : grey;
	font-size: 50%;
	margin-left: .5em;
	margin-right: 0;	
	padding-left: 4em;
	padding-right: 4em;
	font-weight: bold;
}


.bt_suppr {
	width: 20px; /* 680px */
	height: 22px; /* 50px */
	background: transparent url(images/corbeille.png) no-repeat top left  ; 
	border: 0;
	cursor: pointer;
}


.bt_dup{
	width: 34px;
	height: 28px;
	background: white url(images/dupli-tr2.png) no-repeat top left  ; 
	/* border: 0; */
	cursor: pointer;
}

.bt_supprpt  { /* petit */
	width: 20px;
	height: 18px;
	background: transparent url(images/corbeille.png) no-repeat top left  ; 
	border: 0;
	cursor: pointer;
}


.btn_histo {
	margin-top: 10px;
	/* float: right; */
	width: 38px;
	height: 38px;
	background: #DFDFDF url(images/ico-historique.png) no-repeat top left  ; /*#DFDFDF*/
	border: 1px solid grey;
	cursor: pointer;
}


.bt_plus {
	color: grey;
	height: 18px;
	padding: 0 7px 0 7px;
	font-size: 85%;
	/* float: right; */
	margin-left: 0px;
	cursor: pointer;
	border: 1px solid #DDDDDD; /*grey*/	
}


.bx_histo {
	position: absolute;
	margin-left: 800px;
	margin-top: 10px;
	z-index: 2;	
	font-size: 85%;
	border: 1px solid #FF80FF;
	padding: 0em;
	max-width: 300px;
}

.bx_hisflow {
	max-height: 120px;
	overflow: auto;
	padding: 0 3px 0 3px;
}


.lgnhisto {
	border-top: 1px solid grey;
}	

.lgnhisto:hover {
	cursor: pointer;
	background-color: white;
}


.bt_chge20gr {
	width: 22px; /* 14+4 */
	height: 22px;
	margin-right: 4px;
	/* float: left;  */	
	background: #DADADA url(images/change20x20.png) no-repeat top left  ; /*#DFDFDF*/
	border: 1px solid #FF80FF;
	cursor: pointer;
}


.bt_crplus {
	border:0;
	padding-left: 1em;
	padding-right: 1em;
	color: grey;
	background-color: white;
	width: 12px;
	cursor: pointer;
	border: 1px solid #DDDDDD; /*grey*/		
}

.cadre_fourfic, .cadre_clific {
	float: right;
	width : 630px;
	margin-right: 10px;
}


.cadrescroll_fourfic, .cadrescroll_clific {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}


.lgder {
	text-align: right;
	padding-right: 0.5em;
}	

.clemolette, .clemolettequit {
	width: 34px;
	height: 24px;
	border: none;
	cursor: pointer;
	vertical-align: top;
	text-align: left;
	color: grey;
	margin-right: 24px;
}

.clemolette {
	background: url(images/clemolette24.png) top center no-repeat;
}

.clemolettequit {
	background: url(images/clemolette_ko24.png) top center no-repeat;
}

#boite_attention, #boite_note {
	z-index: 1000;
}	

.btn_livrer {
	text-align: center;
	margin-left: 50px;
	/* margin-right: 30px; */
	padding-left: 1em;
	padding-right: 1em;
	font-size: 90%;
	color: green;	
}

.lieprod {
	/* display: inline-block; */
	line-height: 1.8em;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FDFEBC; /* produit */
	float: right;
	/* text-decoration: none; */
	font-size: 70%
}