/* LISTE DES COULEURS */
/*
    COULEUR 1 : #d0d84a
    COULEUR 2 : #eef1b5
    COULEUR 3 : #fbfdd7

    COULEUR LIEN : #656b04;
*/

/* CSS globales */
* {padding:0;margin:0;}

html, body { text-align: center;}
body { background-color:White; }
.water {font-size: 12px; color: #C0C0C0; font-style: italic;}

a, a:visited {color: #656b04; text-decoration: none;}
/* a:hover {text-decoration: underline;} */
a:hover { cursor:pointer; }
p { line-height:30px;}

h1 {font-size: 20px; color: #d0d84a !important;}
h2 {font-size: 14px; text-decoration:underline; color: #d0d84a !important;}
h3 {font-size: 14px; color: #d0d84a !important;}

.titre_erreur {font-size: 16px; color: #C10000; font-weight: bold;}

.color1 {background: #d0d84a;}
.color2 {background: #eef1b5;}
.color3 {background: #fbfdd7;}

.tcolor1 {color: #d0d84a;}
.tcolor2 {color: #eef1b5;}
.tcolor3 {color: #fbfdd7;}

/* CSS globales */

.button_colored {width: 100px; border: 1px solid #d0d84a; background: #FFFFFF; color: #d0d84a; font-size: 12px; font-weight: bold;}

.ModalPopup {width: 400px; border: 2px solid #d0d84a; background: #fff; padding: 10px; color:black;
             text-decoration:none; min-height: 200px; text-align: left;}
.ModalPopup:hover {text-decoration:none;}
.ModalPopup a:hover {text-decoration: underline;}

.ModalPopupError {width: 400px; border: 2px solid #C10000; background: #fff; padding: 10px; color:black;
             text-decoration:none; min-height: 200px; text-align: left;}
.ModalPopupImage {max-width: 950px; border: 2px solid #009ee0; background: #fff; padding: 10px; color:black;
             text-decoration:none; max-height: 600px; text-align: center; overflow:auto;}
.img_popup_visu  { border:solid 5px green; min-width:500px; max-width: 900px; min-height:300px; max-height: 600px;}           

.ModalBackGround {background-color:Gray; filter:alpha(opacity=60); opacity:0.6;}
.ModalPopupTitre {background-color:#d0d84a; border:solid 1px Gray; color:black; min-height:30px; font-size:18px; font-weight:bold; padding:3px; text-align:left;}
.ModalPopupTitre2 {color: #d0d84a; font-size: 16px; font-weight: bold;}
.ModalPopupCorps {min-height:150px; overflow:auto}
.popupToolTip {background-color:#fbfdd7; border:solid 1px Gray; color:black; min-height:30px; padding:3px; text-align:left;}

#conteneur {margin-left:auto; margin-right:auto; width:1000px; border:solid 0.01em #d0d84a; background:url("../images/illus-fond.jpg") no-repeat right bottom; min-height: 800px;}
#conteneurVitrine {margin-left:auto; margin-right:auto; width:1000px; border:solid 0.01em #d0d84a; background:url("../images/fond_vitrine2.png") no-repeat bottom right;}

/* BANDEAU */
#bandeau {background:url(../images/bandeau_printdoc.jpg) no-repeat; width:1000px; height:160px; 
          text-align:left;}
#rond {margin-left:20px; background:url(../images/rond.png) no-repeat; width:222px; height:157px;
       text-align:left; float:left;}
#logo {background:url(../images/logo.png) no-repeat; width:203px; height:53px; float:left; 
       margin-left:10px; margin-top:20px;}
#devprod {float:right; margin-top:10px; margin-right:10px;}
#cadretel {float: right; width: 250px; height: 145px;
           background: url("../images/bouton_tel.gif") no-repeat right bottom;}
#bouton_tel {width: 195px; height: 30px; margin-top: 115px; text-align:right;
             font-weight: bold; font-size: 14px;}
/* BANDEAU */

#principal {width:1000px; min-height:400px; float:left;}
#piedpage {width:1000px; height:174px; float:left;}
#infopiedpage {float:left; margin-top:155px; margin-left:10px; color: #d0d84a;}
#imgpiedpage {width:567px; height:174px; float:right; }
#imgpiedpageVitrine {background:url("../images/fond_vitrine2.qsdf") no-repeat; width:567px; height:174px; float:right; }
#menuprincipal {float:left; width:170px; margin-top:10px;}
#menuhaut {float:left; /*border:solid 1px black;*/ margin:10px 0 10px 0;}
#corpsprincipal {float:left; border:solid 1px #d0d84a; width:810px; margin-left:0px; min-height:370px; background: white;}
#admincorpsprincipal {float:left; border:solid 1px #009ee0; width:980px; margin:0px 10px 0px 10px; min-height:400px;}


div.divprincipal {float:left; width:800px; height:100%; text-align:left;}
div.divprincipalAdmin {float:left; width:980px; height:100%; text-align:left;}

div.divgauche {float:left; width:399px; height:100%; text-align:left;}
div.divcentre {margin-top:20px; float:left; width:1px; height:330px; background-image:url(../images/trait.gif); background-repeat:repeat-y;}
div.divdroite {float:right;	width:399px; height:100%; text-align:left;}
div.divgaucheAdmin {float:left; width:469px; height:100%; min-height:300px; text-align:left; padding-left:20px;}
div.divcentreAdmin {margin-top:20px; float:left; width:1px; min-height:300px; height:330px; background-image:url(../../images/images_client/5/trait.gif);
               background-repeat:repeat-y;}
div.divdroiteAdmin {float:right; width:469px; height:100%; min-height:300px; text-align:left; padding-left:20px;}

div.divselectionheader {width:330px;}
div.divselection {width:330px; max-height:310px; height:310px; overflow:auto;}

.titre {display: inline; float: left; font-size: 18px; color: #d0d84a;}
.titreclient {float: left; font-size: 18px; color:black;}
.sstitre {text-decoration: underline;}

.lnkTri {color:black; float:left;}
.imgTri {float:right; margin-right:8px; margin-top:5px;}

.bouton {float:right; margin-right:20px; margin-bottom:10px;}
div.divprincipal div.bouton {float:right; margin:0px; text-align:left;}

th {background-color:#d0d84a; color:black; padding:2px 0px 4px 4px; height:25px;}
tr {color:black;}
td {padding:2px 0px 2px 4px; text-align:left;}
.ligne1 {background-color: #eef1b5;}
.ligne2 {background-color: #fbfdd7;}
.lignecursorhand { cursor:url(../images/cursor-hand.gif), pointer;}

tr.ligneselecte { background-color:Gray; }
/***SAISIE***/
.infoSaisie										{ font-size:11px; color:green; margin-left:100px;}
.infoErreurSaisie								{ font-size:11px; color:red; margin-left:100px;}

/***PAGINATION**/
div.pagination {width:400px; float:right; font-size:14px; font-weight:bold; text-align:center;}

/***MENU***/
div.elementMenu {height:30px; margin-left:1px;}
div.elementMenuHaut {float:left; margin-left:10px;} 

/***IDENTIFICATION***/

.cadre_login {margin-left:auto; margin-right:auto; margin-top:90px; border:solid 0.01em #d0d84a; width:350px;}
.cadre_login .titre {background-color:#d0d84a; background-image:url(../images/utilisateurs.gif);
                     background-repeat:no-repeat; background-position:10px 8px; width:346px; height:40px;
                     margin:2px; padding-top:15px; color:white; text-align: left; text-indent: 50px;
                     font-weight: bold; font-variant: small-caps;}


/* ########### Client - Compte & Droits - Ajout ############ */
.client_ajout_titre {display: inline; float: left; margin: 10px 0 0 10px; font-size: 18px; color: #d0d84a;}
.client_retour {float: right; margin-right: 10px; margin-top: 10px;}
.client_conteneur_infos {width: 97%; margin: 0 auto 0 auto;}
.client_conteneur_infos .titre {text-decoration: underline;}
.client_conteneur_infos .infos_table {width: 700px;}
.client_conteneur_infos .infos_table .col_titre {text-align: right; width: 200px;}
.client_conteneur_infos .infos_table .col_contenu {text-align: left; width: 200px;}

.client_conteneur_encours {width: 97%; margin: 0 auto 0 auto;}
.client_conteneur_encours .titre {text-decoration: underline;}
.client_conteneur_encours .droits_table {width: 780px; margin: 0 auto 0 auto;}
.client_conteneur_encours .droits_table .row_normal {background-color: #fbfdd7;}
.client_conteneur_encours .droits_table .row_alt {background-color: White;}
.client_conteneur_encours .droits_table .col_titre {text-align: left; width: 50%;}
.client_conteneur_encours .droits_table .col_contenu {text-align: left; width: 50%;}

.client_conteneur_menu {width: 97%; margin: 0 auto 0 auto;} 
.client_conteneur_menu .gauche {width: 48%; float: left;}
.client_conteneur_menu .droite {width: 48%; float: right; border-left: 1px solid #d0d84a;}

.client_conteneur_bouton_valider {width: 97%; margin: 0 auto 20px auto; text-align:right;}

/* ########### Client - Compte & Droits - Ajout ############ */

/* ########### Client - Compte & Droits - Liste ############ */
.tbl_comptes {}
.tbl_comptes td {padding: 4px;}
/* ########### Client - Compte & Droits - Liste ############ */

/* ########### Client - Contacts - Liste ############ */
.contacts_top_conteneur {width: 100%; padding: 10px 0 0 10px;}
.contacts_top_conteneur .contacts_top_search {float: left; width: 300px;}
.contacts_top_conteneur .contacts_top_search .tbl_search {width: 100%;}
.contacts_top_conteneur .contacts_top_search .tbl_search td {background: none; color: Black;}
.contacts_top_conteneur .contacts_top_search .tbl_search .col_gche {width: 150px; text-align: left;}
.contacts_top_conteneur .contacts_top_search .tbl_search .col_gche input {height: 23px; max-height: 23px; width: 190px; padding-top: 2Px;}
.contacts_top_conteneur .contacts_top_search .tbl_search .col_drte {width: 150px; text-align: left;}

.contacts_top_conteneur .contacts_top_newentry {float: right; width: 200px;}
.contacts_top_conteneur .contacts_top_pagination {float: right; width: 200px; font-weight:bold; text-align:center;}

.contacts_liste_conteneur {width: 98%; margin: 0 auto 0 auto; padding-top: 10px; clear:both;}
.contacts_liste_conteneur .contacts_table {border: 1px solid #fbfdd7;}
.contacts_liste_conteneur .contacts_table td, .contacts_liste_conteneur .contacts_table th{border-right: 1px solid #eef1b5; border-left: 1px solid #eef1b5;}
.contacts_liste_conteneur .contacts_table .row_alt {background-color: #fbfdd7;}
.contacts_liste_conteneur .contacts_table .row_normal {background-color: White;}
.contacts_liste_conteneur .contacts_table .col_type {text-align: center; width: 60px;}
.contacts_liste_conteneur .contacts_table .col_nom {text-align: left; width: 120px;}
.contacts_liste_conteneur .contacts_table .col_prenom {text-align: left; width: 120px;}
.contacts_liste_conteneur .contacts_table .col_fonction {text-align: left; width: 110px;}
.contacts_liste_conteneur .contacts_table .col_email {text-align: left; width: 110px;}
.contacts_liste_conteneur .contacts_table .col_fixe {text-align: center; width: 80px;}
.contacts_liste_conteneur .contacts_table .col_mobile {text-align: center; width: 80px;}
.contacts_liste_conteneur .contacts_table .col_fax {text-align: center; width: 80px;}

.contacts_bottom_conteneur_1 {width: 100%; padding: 10px 0 0 10px;}
.contacts_bottom_conteneur_1 .contacts_bottom_pagination {float: right; width: 200px; font-weight:bold; text-align:center;}

.contacts_bottom_conteneur_2 {width: 100%; padding: 10px 0 0 10px;}
.contacts_bottom_conteneur_2 .titre {font-size: 12px; text-decoration: underline; color: black;}


.contacts_saisie_nouvelle_entree {width:500px; margin-left:100px; }
.contacts_saisie_nouvelle_entree .btn_saisie {margin-left:10px;}
/* ########### Client - Contacts - Liste ############ */

/* ########### Page Acces (DEV) ############ */
.acces_links_conteneur {border: 1px solid #d0d84a; width: 500px; height: 200px; margin: 50px auto 0 auto;
                        background: #eef1b5; padding-top: 40px; max-height: 160px;}
.acces_links_conteneur .blocs {float: left; margin: 15px; width: 115px; text-align: center; border: 0px solid red;}
.acces_links_conteneur .blocs .bloc_image {border: 1px solid #d0d84a; background:white; width: 50px; 
                                           height: 50px; margin: 0 auto 0 auto;}
.acces_links_conteneur .blocs .bloc_texte {font-variant: small-caps; color: #d0d84a; font-weight: bold;
                                           border: 0px solid blue; font-size: 16px;}
.acces_links_conteneur .blocs .bloc_texte a, 
.acces_links_conteneur .blocs .bloc_texte a:visited { color: #d0d84a; text-decoration: none;}                                           
.acces_links_conteneur .blocs .bloc_texte a:hover {text-decoration: underline;}
.acces_links_conteneur .Bloc1 {}
.acces_links_conteneur .Bloc2 {}
.acces_links_conteneur .Bloc3 {}
/* ########### Page Acces (DEV) ############ */

/* ########### Commande - NOUVELLE (DEV) ############ */
.newcmd_top_conteneur {width: 100%; padding: 10px 0 0 10px;}
.newcmd_top_conteneur .titre {display: inline; float: left; font-size: 18px; color: #d0d84a;}
.newcmd_top_conteneur .retour {float: right; margin: 0 10px 0 0;}
.newcmd_middle_conteneur {width: 100%; padding: 10px 0 0 10px;}
.newcmd_middle_conteneur .sstitre {text-decoration: underline;}
.newcmd_middle_conteneur .texte {width: 700px; padding: 10px; }
.newcmd_middle_conteneur .btn_next {float: right; margin-right: 10px;}

.newcmd_middle_conteneur div.divgauche {float:left; width:430px; min-height:300px;height:100%; text-align:left;}
.newcmd_middle_conteneur div.divgauche2 {float:left; width:500px; min-height:300px;height:100%; text-align:left;}
.newcmd_middle_conteneur div.divcentre {margin-top:20px; float:left; width:1px; min-height:300px;height:330px; background-image:url(../../images/images_client/5/trait.gif);
               background-repeat:repeat-y;}
.newcmd_middle_conteneur div.divdroite {float:left;	width:330px; min-height:300px;height:100%; text-align:left;}

div.saisie		{ float:left; text-align:left; height:auto; margin-bottom:10px;}
div.saisieligne	{ float:left; height:30px; clear:both; height:40px; width:305px;}
span.label		{ float:left; width:100px; text-align:right; font-weight:bold;}
.textbox		{ float:left; width:200px; text-align:left; }
span.textbox	{ float:left; width:400px; text-align:left; }
.textboxdomaine { width:100px; text-align:left; }
.erreurSaisie	{ font-size:11px; color:Red; margin-left:0px; text-indent:100px;float:left;}
.erreurSaisiePopup	{ font-size:11px; color:Red;}



.fileupload		{ float:left; width:400px;}

.ddl_choixoption {width:200px}

.pnl_panier { min-height:200px; margin:10px 0 20px 0; }
.pnl_navigation {margin:0 0 20px 0;}
.lbl_navigation {margin:0 10px 0 10px; font-size:14px}
.pnl_previsualisation_produit {text-align:center; width:400px;}
.pnl_etiq_visu	{width:360px; margin:20px auto 20px auto;}
.pnl_visu		{width:360px; margin:20px auto 20px auto;}

.pnl_supplement { width:500px;}
.pnl_supplement .ligne_supplement {width:100%; height:15px; }
.pnl_supplement .ligne_supplement .entete_supplement {width:250px; text-align:right; float:left;  }
.pnl_supplement .ligne_supplement .chk_supplement {width:50px; float:left; margin-left:10px; }
/* ########### Commande - NOUVELLE (DEV) ############ */

/* ########### ADMINISTRATION ############ */

#corpsprincipaladmin {float:left; width:800px; margin-left:0px; min-height:370px; background: white;}
#admincorpsprincipal {float:left; border:solid 1px #d0d84a; width:980px; margin:0px 10px 0px 10px; min-height:400px;}

div.divprincipalAdmin {float:left; width:980px; text-align:left;}
#admincorpsprincipal h1 {font-size: 20px; color: black; text-align:left; margin-left:20px;}
#admincorpsprincipal h2 {font-size: 14px; text-decoration:underline; color: black; text-align:left; margin:10px 0 10px 10px;}

div.divgaucheAdminavecmenu {float:left; width:389px; height:100%; text-align:left;}
div.divcentreAdminavecmenu {margin-top:20px; float:left; width:1px; height:330px; background-image:url(../images/trait.gif); background-repeat:repeat-y;}
div.divdroiteAdminavecmenu {float:right; width:389px; height:100%; text-align:left;}

.divprincipalAdmin .infoSaisie					{ font-size:11px; color:green; margin-left:0px; }
.divprincipalAdmin .infoErreurSaisie			{ font-size:11px; color:red;  margin-left:0px; }
.divprincipalAdminavecmenu .infoSaisie			{ font-size:11px; color:green; margin-left:0px; }
.divprincipalAdminavecmenu .infoErreurSaisie	{ font-size:11px; color:red;  margin-left:0px; }

.divprincipalAdmin span.label				{ float:left; width:150px; text-align:right; font-weight:bold; }
.divprincipalAdmin span.textbox				{ float:left; width:400px; text-align:left; }
.divprincipalAdmin .textbox					{ float:left; width:250px; text-align:left; }
.divprincipalAdmin .textboxdomaine			{ width:100px; text-align:left; }
.divprincipalAdmin .codepostal				{ float:left; width:40px; text-align:left;}
.divprincipalAdmin .ville					{ float:left; width:200px; text-align:left; margin-left:6px;}
.divprincipalAdmin .erreurSaisie			{ font-size:11px; color:Red; margin-left:150px; text-indent:100px;}

.divprincipalAdminavecmenu span.label		{ float:left; width:140px; text-align:right; font-weight:bold;}
.divprincipalAdminavecmenu span.textbox		{ float:left; width:200px; text-align:left; }
.divprincipalAdminavecmenu .textbox			{ float:left; width:200px; text-align:left; }
.divprincipalAdminavecmenu .textboxdomaine	{ width:100px; text-align:left; }
.divprincipalAdminavecmenu .codepostal		{ float:left; width:40px; text-align:left;}
.divprincipalAdminavecmenu .ville			{ float:left; width:100px; text-align:left; margin-left:6px;}
.divprincipalAdminavecmenu .erreurSaisie	{ font-size:11px; color:Red; margin-left:140px; text-indent:100px;}

/* ########### ADMINISTRATION ############ */

/* ########### PRODUITS - Liste ############ */
.produits_cadre {text-align: center; width: 97%; margin: 5px;}
.produits_cadre .titre_gauche {float: left; width: 48%;}
.produits_cadre .titre_droite {float: right; width: 40%; margin-right: 20px; text-align: right;}
/* ########### PRODUITS - Liste ############ */

/* ########### DETAIL COMMANDE ############ */

.pnlCommande					{margin-left:10px;}
.pnlLigneCommande				{margin-left:10px;}
.pnletapesuivante				{margin-left:10px;}
.pnlLigneEtat					{margin-left:10px;}
.pnlCommande span.label			{ float:left; width:150px; text-align:right; font-weight:bold;}
.pnlCommande span.textbox		{ float:left; width:150px; text-align:left; }

.divLigEntete, .divLig			{ float:left; width:790px; }
.divLigEntete					{ line-height:30px; background-color:#d0d84a; font-weight:bold}

.spanCellEntete, .spanCell		{ float:left; border:solid 1px white; line-height:14px }
.spanCell						{ line-height:20px; }

.pnlCommentaireCommande			{margin-left:10px;}
.pnlAjoutCommentaireCommande	{margin-left:10px;}
.divComment						{ float:left; width:770px; border:solid 1px #009ee0; padding:10px; }

/* ########### DETAIL COMMANDE ############ */


/*################## Administration - SAISIE TARIFS ##########################*/ 
.divEnTete              {   width:900px; padding-left:20px; text-align:left;}
.divEnTete .divTitre    {   float:left; margin-top:10px;} 
.divTables              {   text-align:left; padding-left:20px; width:900px;}
/*################## Administration - SAISIE TARIFS ##########################*/ 

/*################## Administration - Ajout Produit ##########################*/ 
.divAjoutProduit        {   width:700px; height:300px;}
/*################## Administration - Ajout Produit ##########################*/