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

body { background: url(img/2012/body.png) 50% 0 no-repeat; color: #000000; }

a:link, a:active, a:focus, a:visited { color: #CA0266;}
a:hover{color: #CA0266}

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

.txtColor { color: #CA0266; }
.imp { color: #CA0266; }


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

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

.titreInfobulle{ color: #CA0266; }


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


/*#fondHeader,#infoTop {background: #FCEEEC; color:#CA0266;}*/
#fondHeader,#infoTop {color:#000000;background: #CA0266 !important;}
#fondHeader .txtColor{ color:#000000; }
#infoTop { background:#fff; }

#fondHeader {
position: relative;
background: #fff;
border-bottom:1px solid #000000;}

#logoTop { position: absolute; top: -13px; padding: 0 0 0 10px; }

#baseline {margin-left:240px;}

#deadline { color: #000000; }
#deadline span { color: #000000; }

#accesRapide, #accesRapide a { color: #000000; }
#accesRapide a:hover { text-decoration: underline }

#cdf { background: url(img/extranet/bg_nav.gif) repeat-x 0 0; }

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

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

#global{ width: 1000px; margin: 10px auto 0 auto; }

/*************************************/
/*  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: #609129; color: #FFF; }
#marquee a { color: #902543; }


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

#onglets ul a { color: #CA0266; }
#onglets ul li.current a, #onglets ul li.current a:hover { color: #CA0266; }


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

.tableVue th { background: #CA0266; color: #fff; }

.puceCarre { background: #333; }

.tableVue.date .actionLien a { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce1_vert.gif) no-repeat 0 4px;  }
.tableVue.produit .actionLien a { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce1_rose.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 a.bt-ok { background: #CA0266; color: #FFFFFF; }

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


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

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

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

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


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

#Footer {background: url(img/2010/footer.png) repeat-x top left; }
/*#Footer, #Footer a { color: #333; }*/
#Footer a:hover { color: #CA0266; }

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

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

#bandeauTunnel { float: none; width: 100%; margin: 0; text-align: center; }

#bandeauTunnel td ( color: #FFFFFF !important; ) /*Ne marche pas??*/

/* ECRAN : LOGIN*/


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


/* ECRAN : TROIS BOUTONS */

#activation.ecran1 .stepTunnel { color: #fff; background:#605B5D} 


/* ECRAN : JE VALIDE MES INFOS */

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

.ModifInfos .form-bloc label{width: 200px;text-align:left;}

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

#activation.ecran1 .tableBouton a.form-submit-huge { color:#CA0266 }

fieldset{ border: 1px solid #d0d1d2; }

legend{ color: #CA0266; } 

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

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

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

.form-submit { color: #CA0266; }

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

.form-bloc{ float: left; }

.separator_entete
{
	padding:10px 0 5px 0;
	font-weight:bold;
	font-size:14px;
	color:#CA0266;
}

.tab-form td { padding: 5px; }
.tab-form th{ background-color: #E52B59; padding: 5px; color: #fff; }

#ecard .form-bloc{float:none;}

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

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


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

.page h2 { color: #CA0266; }

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

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

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

.style-3 { background: #F4DBDB; }


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

.TableCommandes th { background: #CA0266; color: #fff; }


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

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


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

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

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

#aide .rubrique { color: #7AB51D;  }
#aide .rubrique a { color: #7AB51D; }
#aide .rubrique a:hover { color: #E52B59; }


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

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

.entete-rech a.bt-ok { background: #E52B59; color: #FFFFFF; }

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


/*******************************/
/*   FORMULAIRE CATALOGUE
/*******************************/

.page.form{ margin: 0 0 20px 0;}

.page div.lien{ text-align: center; margin: 20px 0;}
.page div.lien a{ font-weight: bold; }
.page.form h2 span{ position: relative; top: 7px; left: 20px; background: #FFF; padding: 0 5px;}
.page.form h2 { border-bottom: 1px solid #E52B59; margin-bottom: 20px;}
.bouton.recap{ margin: 0 auto; float: none; width: 199px; }

.tableauRecap h2{ width: 75%; }
.lienModif{ float:right; margin: 7px 0 0 0;}
.lienModif a{ font-weight: bold; }

#label_CATLETTRE{display:inline;float:none;}
#bloc_CATLETTRE{display:inline;}

/*******************************/
/*   FORMULAIRE BADGE
/*******************************/

.tableau_badge{ border: 1px solid #d0d1d2; padding: 3px; margin: 20px 0 0 0; }

tr.form-label{ text-align: center; }
tr.form-label.white{ background: #fff;}
tr.form-label.grey{ background: #e6e6e6; }

tr.form-label th{ width: 27%; height: 20px; color: #fff; background: #E52B59;}
tr.form-label td{ width: 27%; padding: 10px 0;}


/*******************************/
/*   FORMULAIRE PRODUIT
/*******************************/

.tableau_produit{ border: 1px solid #d0d1d2; padding: 3px; margin: 20px 0 0 0; }
.tableau_produit th.titre{ border:1px solid #D0D1D2; color:#CA0266; padding-left: 10px; background: #ededed;}
.tableau_produit th.soustitre{ color: #CA0266; border-top: 1px solid #D0D1D2; border-bottom: 1px solid #D0D1D2; padding: 0 0 0 10px;}

/*.bouton.produit .form-submit{ font-size: ; }*/

.preview{height:30px; padding:0 0 0 90px; width:600px; }

/*******************************/
/*   REQUETEUR VISITEUR
/*******************************/

.infoGabarit{ color: red; text-align: center; }


/*******************************/
/*   MDP OUBLIE / DEMANDE DE MODIF
/*******************************/

#confirmation{ padding: 20px; }

.page.form.reqEmail h3{ border:1px solid #D0D1D2; color:#CA0266; padding-left: 10px; background: #ededed; margin: 10px 0; font-size: 1.2em;}


/*******************************/
/*   JQUERY SELECT
/*******************************/
a.multiSelect {
	background: #FFF url(img/dropdown.blue.png) right center no-repeat;
	border: solid 1px #BBB;
	padding-right: 20px;
	position: relative;
	cursor: default;
	text-decoration: none;
	color: black;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
}

a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
	color: black;
	text-decoration: none;
}

a.multiSelect span
{
	margin: 1px 0px 1px 3px;
	overflow: hidden;
	display: -moz-inline-stack;
	display: inline-block;
	white-space: nowrap;
}

a.multiSelect.hover {
	background-image: url(img/dropdown.blue.hover.png);
}

a.multiSelect.active, 
a.multiSelect.focus {
	border: inset 1px #000;
}

a.multiSelect.active {
	background-image: url(img/dropdown.blue.active.png);
}

.multiSelectOptions {
	margin-top: -1px;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #B2B2B2;
	background: #FFF;
}

.multiSelectOptions LABEL {
	padding: 0px 2px;
	display: block;
	white-space: nowrap;
}

.multiSelectOptions LABEL.optGroup
{
	font-weight: bold;
}

.multiSelectOptions .optGroupContainer LABEL
{
	padding-left: 10px;
}

.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL
{
	padding-left: 18px;
}

.multiSelectOptions input{
	vertical-align: middle;
}

.multiSelectOptions LABEL.checked {
	background-color: #dce5f8;
}

.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
	background-color: #3399ff;
	color: white;
}



#bloc_CATLETTRE { float: none !important; display: inline !important; margin: 0 !important; }

.form-bloc .display { padding-top: 3px !important; }

#popup .form-submit { font: bold 12px Arial !important; color: #000000 !important; }