/*******************************/
/* EXTRANET REED - STANDARD
/*******************************/


body { font: 12px Arial, Helvetica, "sans-serif"; color: #5A524F; background: #e41270; }

a:link, a:active, a:focus, a:visited { color: #333;padding-left:10px;}
a:hover { color: #E41270 }


h1 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce2_noir.gif) no-repeat 0 3px; }

.txtColor { color: #E41270; }
#bandeauTunnel .txtColor{ color: #FFFFFF; }
.imp { color: #E41270; }

#global { width: 1010px; }


/*******************************/
/*   OVERLIB
/*******************************/

.border{ border: 2px solid #333; }

.titreInfobulle{ color: #E41270; }

/*******************************/
/*   HEADER
/*******************************/

#Header { background: #E41270; }

#fondHeader { padding: 10px 0 0 15px; }

#deadline span { color: #000000; }

#accesRapide { }

#cdf { clear: both; padding: 5px 0 3px 15px; background: url(img/2010/extranet/extranet_cdf.jpg) repeat-x 0 0; }

#infoTop {
	color:#FFFFFF;
	font:12px Arial;
	background: #CA226D;
	padding: 10px  0 0 0
	}

#infoTop a { color: #fff; }
#infoTop a:hover { text-decoration: underline; }


#baseline,
#langue { padding: 0 10px 10px 10px; }

#deadline,
#accesRapide, #accesRapide a,
#cdf, #cdf a { color: #fff; }


/*************************************/
/*  CONTENU DIVERS
**************************************/

.contenu h2 { color: #E41270; border-bottom: 1px solid #E41270; }

/*************************************/
/*  ENTETES
**************************************/

.entete h2 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce3_noir.gif) no-repeat 0 4px; }


/*************************************/
/*   MARQUEE - TXT DEFILANT
**************************************/

#marquee .FlashInfo { background: #E41270; color: #FFF; }
#marquee a { color: #E41270; }

/*************************************/
/*   ONGLETS
**************************************/

#onglets ul  { padding : 0 10px; }
#onglets ul a { color: #333; }
#onglets ul li.current a, #onglets ul li.current a:hover { color: #E41270; }


/*************************************/
/*   TABLE VUES
**************************************/

.tableVue th {  background: #222; color: #FFFFFF; }

.puceCarre { background: #E41270; }

.tableVue.date .actionLien a { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce1_noir.gif) no-repeat 0 4px;  }
.tableVue.produit .actionLien a { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce1_noir.gif) no-repeat 0 4px;  }


/*************************************/
/*   BLOC RECHERCHE
**************************************/

#bloc-recherche h2 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce3_noir.gif) no-repeat 10px 9px; }

#bloc-recherche input.bt-ok { background: #E41270; color: #FFFFFF; }

#bloc-recherche p.lien a { color: #E41270; }

/*************************************/
/*   BLOC LOGIN
**************************************/
#bloc-login h2 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce3_noir.gif) no-repeat 10px 9px; }


/*************************************/
/*   BLOC MENU
**************************************/

#bloc-menu li.current a { color: #E41270; }

/*************************************/
/*   BLOC RIGHT
**************************************/

.bloc-right li { color: #E41270; }


/*********************************************/
/*    FOOTER
/*********************************************/

#Footer { background:url(img/2010/footer_container.png) repeat-x scroll left top transparent;
height: 40px; padding: 5px 10px; }

#Footer ul { padding: 15px 0 0 0; }
#Footer, #Footer a { font-weight: normal; color: #333333; }

#Footer #logoReed { padding: 5px 0 0 0; }
#logoReed img { display: none; }
#logoReed a { display: block; height: 33px; width: 154px; background: url(img/2010/reed.gif) left top no-repeat; }

/*************************************/
/*  TUNNEL
**************************************/

#Main-tunnel  a.lienPuce1 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce1_noir.gif) no-repeat 0 4px;  }


/* ECRAN : LOGIN*/

#login #boite h2 { color: #E41270; }


/* ECRAN : TROIS BOUTONS */

#activation.ecran1 .stepTunnel { color: #E41270; } 


/* ECRAN : JE VALIDE MES INFOS */

#activation h2 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce2_noir.gif) no-repeat 0 7px; }
#activation.ecran1 .stepTunnel {background-color:#000000;}
#activation th { color: #E41270; }


/*************************************/
/*  FORMULAIRES
**************************************/

fieldset{ border: 1px solid #d0d1d2; }

legend{ color: #E41270; } 

.form-blocfield{ padding-left: 160px; } 
.longlabel .form-blocfield{ margin-top: 3px; } 
.display{ padding: auto; }

.form-field{ width: 250px; }
.nowidth, textarea.form-field,#logosociete_logo.form-field{ width: auto; }

.form-field:hover { border: 1px solid #333; }

textarea:hover { border: 1px solid #333; }

select:hover { border: 1px solid #333; }

.form-submit { color: #E41270; }

.bouton a { color: #E41270 !important; }

.contenu.form h2 span { background: #fff;}

.txtDessus{margin: 0 0 20px 0;}
.txtDessous{margin: 20px 0 0 0;}

.compteur{ font-style: italic; margin: 2px 0 0 0; }
.compteur .form-field{ width: auto; }
*.compteur{ padding: 0 3px; }

/*Champs arborescents*/

ul.hqcmField{ margin: 5px 0; }
ul.hqcmField li{ list-style-type: none; list-style-position: inside; margin: 0 0 0 5px;}
*html ul.hqcmField li, { list-style-position: outside;}

h4.hqcmField{ text-decoration: underline; font-size: 1em; color: #E41270;}

/*Styles pour le double colonnage des input choix et choix arborescent*/
.form-bloc.twoColumns label{ margin: 10px 0; float: left; width: auto;}
.form-bloc.twoColumns .form-blocfield{ clear: both; display: inline; width: 100%;}
.form-bloc.twoColumns .c1, .form-bloc.twoColumns .c2{ float: left; width: 329px;}
.form-bloc.twoColumns .form-blocfield.display{ width: 100%; }

.form-info{ font-style: italic; text-align: center; }

.form-tab{ margin: 20px 0; border: 1px solid #ccc; padding: 10px; }
.form-tab td{ padding: 0 5px; }
.recap td{ padding: 5px; }

.full{ background-color: #EDEDED; }
.empty{ background-color: #FFFFFF; }

/*******************************/
/*   FORM PRODUIT
/*******************************/

.tabForm{ border: 1px solid #CCC; padding: 5px; margin-top: 20px; }
.tabForm td{ padding: 5px; }
.tabForm tr.full td{ background-color: #EEEEEE; }

.produitFieldInfo{ display: inline; position: relative; color: #666; top: 0; padding: 0; left: 0; font-size: 1em; font-weight: normal; vertical-align: top; }

h2 .produitFieldInfo{ font-size: 0.9em; }

.produitFieldInfo em{
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	display:none;
	height:45px;
	padding:10px;
	position:absolute;
	right:-270px;
	width:250px;
	z-index:2;
}

.info{ font-size: 0.8em; margin: 2px 0 0 0; }
.emptyList{ font-style: italic; text-align: center; padding: 5px; border: 1px solid #CCCCCC; }


/*******************************/
/*   PAGE
/*******************************/

.page h2 { color: #E41270; }

.page a { color: #E41270 !important; }

.style-1 h2 { border-bottom: 1px solid #E41270; }

.style-2 { border: 1px solid #E41270; }

.style-3 { background: #cfedfe; }


/*******************************/
/*   MES COMMANDES
/*******************************/

.TableCommandes th { background: #222; color: #FFFFFF; }


/*******************************/
/*   MES COMMUNICATIONS
/*******************************/

.com th { background: #222; color: #FFFFFF; }


/*******************************/
/*   CONFIRMATION FORMULAIRE
/*******************************/

#TableConfirmForm td.num-etape span { color: #E41270; }

/*******************************/
/*   AIDE
/*******************************/

#aide .rubrique { color: #E41270;  }
#aide .rubrique a { color: #E41270; }


/*******************************/
/*   PAGE RECHERCHE
/*******************************/

.entete-rech td.gauche h3 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce2_noir.gif) no-repeat 0 4px; color: #E41270; }
.entete-rech td.droite h3 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce3_noir.gif) no-repeat 25px 0; color: #E41270; }

.entete-rech input.bt-ok { background: #E41270; color: #FFFFFF; }

#rech-alpha .lettre.sel a { color: #E41270; }

/*************************************/
/*  WARNING
**************************************/

#bloc-warning{ border:1px solid #AF2D18; padding: 10px; margin: 10px 0;}
#bloc-warning h3{ font-weight: bold; font-size: 1.5em; color: #FFF; background:#AF2D18; padding: 5px 0 5px 15px; margin: 0 0 10px 0;}
#bloc-warning li{ list-style-type: none; margin: 3px 0 3px 10px; }



.demat #infoTop { background: none !important; }

td.form-bloc label { width:148px; }

.contenuLibre td {padding: 5px 10px; }