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

body { background:#000000;}

a:link, a:active, a:focus { color: #D8041C;}
a:visited { color: #D8041C !important;}
a:hover { color: #505559; }

h1 { background: url(admin/M/block/ExtranetReed/img/standard/puces/puce3_noir.gif) no-repeat 10px 9px; padding:10px 10px 10px 35px;}

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

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

.border { border: 2px solid #C8C8C8; }
.titreInfobulle{ color: #505559; }

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

#infoTop{ 
color:#FFFFFF;
height:27px;
padding:0 5px 0 0;
}
#baseline{padding:2px 0 2px 5px;color:#000}
#langue { padding:2px; }
#langue a:link,#langue a:active,#langue a:focus,#langue a:visited { color:#FFFFFF; }
#fondHeader { 
height:120px;
background-color: #000000;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}
#logoTop {padding-top:20px;}

#bandeauTunnel{
	height:100px;
	margin-left:0px;
	width:762px;
	text-align:center;
	color:#FFFFFF;
}
#bandeauTunnel span { color:#FFFFFF; }
#bandeau 
{
	float:right;
	padding:0px 10px 0pt 0pt;
	width:730px;
}
#deadline {
	color: #FFF;
	padding-top:11px;
}

#accesRapide {
	padding-top:11px;
}
*html #deadline {
	/*padding-top:11px;*/
	float:none;
	position:absolute;
}
*html #accesRapide 
{
	/*float:none;*/
	padding-top:11px;
	position:absolute;
	left:850px;
	width:250px
}
/*#accesRapide, #accesRapide a { color: #FFF; }*/
#accesRapide a:hover { text-decoration: underline }

#cdf {
background: #000000;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
padding:0px 0px 0px 20px;
color:#FFFFFF;
height:27px;
font-size:0.9em;
 }
 #cdf a:hover{
text-decoration:underline;
 }
 #cdf a{
color:#FFFFFF;
font-weight:700;
 }
/*************************************/
/*  CONTENU DIVERS
**************************************/

.contenu h2 { color: #505559; border-bottom: 1px solid #505559; }
td{font-size:1em;}

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


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

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


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

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

.puceCarre { background: #505559; }

.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 a.bt-ok { background: #505559; color: #FFFFFF; }

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


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

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

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

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


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

#Footer { background: #FFFFFF; border-top:2px solid #D8041C;}

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

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

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

/* ECRAN : LOGIN*/


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


/* ECRAN : TROIS BOUTONS */

#activation.ecran1 .stepTunnel { color: #FFF;background:#000 } 
#activation.ecran1 .tableBouton a.form-submit-huge {color:#505559}

/* ECRAN : JE VALIDE MES INFOS */

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


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

fieldset{ border: 1px solid #d0d1d2; }

legend{ color: #505559; } 

.form-blocfield { margin: 0 0 0 170px; }

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

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

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

.form-submit { color: #505559; }

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

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

}

.error { background-color: red; }


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

#bloc-warning{ border:1px solid #FF001A; padding: 10px; margin: 10px 0;}
#bloc-warning h3{ font-weight: bold; font-size: 1.5em; color: #FFF; background:#FF001A; 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: #505559; }

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

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

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

.style-3 { background: #CECECE; }
.style-3 a{ color: #D8041C !important; }


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

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


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

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


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

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

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

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


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

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

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

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


/*******************************/
/*   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 #505559; margin-bottom: 30px;}
.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; }


/*******************************/
/*   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: #5a524f;}
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:#5A524F; padding-left: 10px; background: #ededed;}
.tableau_produit th.soustitre{ color: #5A524F; 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
/*******************************/

#requeteur SELECT {border:1px solid #36C9FF;}
#requeteur SELECT:hover {border:1px solid #D8041C}
/*#requeteur INPUT {border:none;} ??????????????
#requeteur INPUT.form-field:hover {border:none;background:#eee}
#requeteur INPUT:hover {border:none;}
#requeteur input.form-submit {border:none;} */

#requeteur {} /* container de la fonctionnalité*/
#requeteur .intro { margin: .75em 0 } /* texte d'introduction a la fonction */
#reqIntro {}   /* tableau d'introduction */
#reqSelect{ margin:20px 0} /* tableau de selection*/

#reqSelect th,#reqSelect td ,#reqSearch td {text-align: center; border-bottom: 1px solid #CCC;}
#reqSelect td,#reqSelect .selections td,#reqSearch td  {}
#reqSelect th ,#reqSearch th {
vertical-align: bottom; 
border: 1px solid #aaaaaa;
border-width: 0 1px 1px 0; 
white-space: normal;
/*border-right: 1px solid #757575;
border-bottom: 1px solid #4CB6DE;*/
}

#reqSelect th.entete-tableau , #reqSearch th.entete-tableau,#reqGabMail th.entete-tableau ,#recapGabEmail th.entete-tableau  {border:1px solid #5ED4FF;background:#5ED4FF;color:#FFF;letter-spacing: 2px;font-variant:small-caps; font-size: 15px;}

#reqSelect .selections th,#reqSearch th {color:#224F79;padding:0;}
#reqSelect .selections a:hover { font-weight: normal}
#reqSelect .selections a{ font-size:0.8em}
#reqSelect .bg1{ background: #eee}

#reqSelect .txtDessus,#reqSearch  .txtDessus {padding:10px 5px; background:#fcfcfc}
#reqSelect .txtDessous ,#reqSearch  .txtDessous{padding:10px 5px;background:#fcfcfc}
#reqSelect td.sFont { font-size:0.8em}

#reqSearch {} /* tableau de recherche */
#reqSearch .titreResult {text-align:center;border:1px solid #AAA; background:#5ED4FF;color:#FFF;letter-spacing: 2px;font-variant:small-caps;  font-size: 15px;}
#reqSearch td .reqSearchCriteria td {text-align:left}
#reqSearch .reqSearchCriteria  select {margin: 8px 0;}

#reqSelect .noBrdB,#reqSearch .noBrdB {border-bottom:none;}
#reqSelect .noBrd,#reqSearch .noBrd {border:none;}

#reqSearch .spacer {height: 16px;}
#reqSearch .titreResult {font-weight: bold; color:#FFF; letter-spacing: 1px;}

#searchResult { background:#fcfcfc;color: #454545 } /* affichager des resultats */
#searchResult td {text-align: right; padding: 0 0.5em; border-bottom: 1px solid #999;}
#searchResult td {font: small Verdana, "Andale Mono", Courier, "Courier New", monospace;}
#searchResult td {letter-spacing: -1px;}

#searchResult td.tdresult input  { background:none;border:none;font-weight:bold;color:#4D4D4D;text-align:right}
#searchResult td.total  {font-weight: bold; border-bottom: 1px solid #999; background:#AAB8D5}
#searchResult td.total {border: 1px solid #999; border-width:0 1px 1px 0}
#searchResult td.tdresult {background: #FFFFFF; border: 1px solid #9CD5FF;}
#searchResult tr.coulL1 { background: #DDD; border-bottom: 1px solid #666;}
#searchResult tr.coulL2 { background:#DDD; border-bottom: 1px solid #666;}
#searchResult tr.alertQuota { background:#eee; }
#searchResult tr.alertQuota td { border:1px dotted #ffcc00; }

/* EMAIL */

#reqGabMail {}
#recapGabEmail {}

/* classes */
.reqGabValid { margin: 12px 0; font-weight: bold; color:#1C3957; }
.reqSearchResult { padding:16px 0; color:#757575;}
.previsu,.bouton-lien { background: url(img/hand_r.png) 0 1px no-repeat; text-indent: 30px;padding-bottom:6px;float:left }
.bouton-lien { float:none; }
.brd {border:1px dotted #224E79;}
.infoGabarit{ color: red; text-align: center; }
.noPad {padding:0;}
.noBrdR {border-right:none;}
.noBrdB {border-bottom:none;}
.pad { padding: 10px 0; }

/*******************************/
/* Badges - VIP -
/*******************************/

#formVip { padding: 0 10px; }
#formVip h2  {color:#376A95; position: relative; top: 7px; left: 20px; background: #FFF; padding: 0 5px; border-bottom: 1px solid #505559; margin-bottom: 30px;}
#badgesVip h3 { color:#376A95; }
#badgesVip a { color:#4CB6DE; }
td.vipNumbers { border-right:1px dotted #204B76; padding:5px; text-align:center; background: #eee;}
td.vipLink { background: #eee; text-align:center; padding:5px; }
.brdR { border-right:1px dotted #224E79; }
td.vipListitem { padding:5px; background: #eee;}

#vipForm {}
#badgesVip td{ padding: 3px 0;}
#badgesVip .form-label {float: left; text-align: right; padding: 0 10px 0 0; color:#505559; font-weight:bold; width: 150px; margin: 3px 0 0 0; }

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

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

/*********************************/
/*   FORMULAIRE GUIDE NOUVEAUTE
/*********************************/

.tableau_nouveaute td{ padding:2px 0; text-align:left;}
.tableau_nouveaute td.title{ font-weight: bold; font-size: 0.9em; color: #D8041C; border-bottom: 1px solid #D8041C; padding: 10px 0 0 0;}
.tableau_nouveaute td span.xsmalltexte{font-size: 0.9em;}

.tableau_nouveaute span.form-label{color:#505559;font-weight:bold;}
.tableau_nouveaute .form-separator{font-size:14px; color: #505559; font-weight:bold; padding:10px 0 5px 0;border-bottom:1px solid #505559; }
.tableau_nouveaute input.form-field{width:280px;}
.tableau_nouveaute .compteur .form-field{width:auto;}

.listenouveaute .entete{background-color:#4CB6DE;color:#000000;font-weight:bold;padding:5px 0;}
.listenouveaute .item{background-color:#F4F4F4;color:#19436D;padding:3px 0;}

#accesnouveaute h4 { clear: both; margin: 10px 0; }
#accesnouveaute ul.nomen{ margin: 0; float: left; width: 50%; }
#accesnouveaute ul.nomen li{ list-style-type: none; }

#accesnouveaute td h2 { margin: 0; }

/*********************************/
/*   FORMULAIRE GUIDE NOUVEAUTE
/*********************************/

#accesaccessibilite h4 { clear: both; margin: 10px 0; }
#accesaccessibilite ul.nomen{ margin: 0; float: left; width: 50%; }
#accesaccessibilite ul.nomen li{ list-style-type: none; }

#accesaccessibilite td h2 { margin: 0; }


/*************************************/
/*  FORMULAIRE EINVITATION
**************************************/

.form-label{ margin: 10px 0 0 0; }
.mailSent{ color: #F00; font-weight: bold; text-align: center; padding: 5px; }


/*************************************/
/*  BADGE VIP
**************************************/

.special { margin-bottom: 3px;}




/*******************************************************************************/
/* Accès tracking */
/*******************************************************************************/
.titreOrangePale { background:#D8041C none repeat scroll 0 0;color:#FFFFFF; font-weight: 700; font-size: 16px;padding: 5px 10px;}

.acces-tracking { padding:5px; }
/*
.demarrer { line-height: 20px; background: #E65011;  padding: 2px 10px 2px 10px; }
.demarrer a { color: #F4A804 !important; font-weight: 700; }
.demarrer a:hover { text-decoration: none !important;  }
*/

/*MENU TRACKING*/

.acces-tracking .menu { text-align:center; margin-bottom: 20px; background:url(img/tracking/tracking_menu_bck.png) no-repeat 0 0; height:40px; }
.acces-tracking .menu li { display: inline; font-weight: 700; margin-right: 5px; height:40px; line-height:40px}
.acces-tracking .menu li a { font-size: 14px !important; background:#D8041C; padding:5px 10px; color:#fff !important;}
.acces-tracking .menu li a:hover { background:#fff; color:#000 !important; }


/*TITRE PRINCIPAL*/

.acces-tracking .titreOrangePale {margin-bottom: 10px;}
.acces-tracking h2 { font-size:19px; padding-bottom:7px}
.acces-tracking h3 {
	color: #E65011;
	font-weight: 700; 
	font-size: 14px; 
	border-bottom: 1px solid #008000; 
	margin: 0 0 10px 0 !important; 
	padding: 0 0 2px 0 !important;
}


/*TABLEAU*/


.entete-tableau {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	background: #333;
	/*background: url(img/bg_th.gif) repeat-x 0 0 #e9600f;*/
	color: #fff;
	padding: 5px 10px 2px 10px;
	font-weight: 700;
}

.entete-tableau div { font-size: 14px !important; }
.entete-tableau img { padding: 0 !important; margin:0 !important; }

.tab_track_content { border:1px solid #333333 }
.tab_track_content td {padding:5px;}
.tab_track_content .submitControl { margin-bottom:0 }
.tab_track_content .submitControl .btnWrap { margin:0 }
.tab_track_content .elem { text-align:left; }
.entete_infos { background: #eee; }



.acces-tracking .case  {
	text-align: center;
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	height: 30px;
}


.acces-tracking .item { font-weight: 700; text-align: center;}
.acces-tracking .item_title { font-weight: 700; text-align: left;}
.acces-tracking .item a { color:#D8041C !important; font-size:13px}
.acces-tracking .item a:hover { color:#333 !important; }
.acces-tracking .item1 {padding: 0 10px; font-weight: 700; text-align: left; font-size: 15px;}


.form-sep { color:#000; font-size:14px; font-weight:bold; text-transform:uppercase}


#stand { border:1px solid #ccc }

#total_visiteur .total { color:#D8041C ; background:none }

.case-stand { text-align: center; background: #fff; border-right:1px solid #ccc;  }
.case-stand.last { border-right:none  }
.case-stand img { padding: 0 !important; margin:0 !important; }
.case-stand .titre { font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; padding: 5px 0; margin-bottom:10px; background:#ccc}
/*Suite BUG sur form-submit IE8, FF3*/
.case-stand2 { text-align: center; background: #FFFFFF; border: 1px solid #D8041C; }
.case-stand2 .titre { font-size: 12px; font-weight: 700; color: #183f8e; text-transform: uppercase; padding-top: 5px;}
.case-stand td { vertical-align: middle }
.case-stand .submitControl .btnWrap { margin:0 }

.tab_track_content #stand td { padding:0 }

.total b { font-size:14px; }

/*DETAIL VISITEUR*/
#infos_self { padding:5px; border:1px solid #ccc }
#infos_self .infos td { padding:6px;}
#infos_self .infos .form-sep { background:#333; padding:5px; color:#fff !important}
#infos_self .submitControl { margin:0 }
#infos_self .submitControl .btnWrap { margin-bottom:0 }

.detail_visi_content { border:1px solid #333 }
.submit .submitControl { text-align:right }
.info_content {  border:1px solid #D8041C }
.info_content td {  padding: 5px;}
.thanks_mail { background:#eee; padding:10px; }

.offcolor td { background:#f6f6f6 }
.oncolor td { background:#fff }


/*STATS*/
.table-stats .title { padding:5px !important; background:#D8041C; color:#fff; }



/*DETAIL EMAIL*/
.detailsemail .form-label { margin-top:0}
.detail_all .tab_track_content td { padding:5px; }


.title { padding:5px 0; background:#ccc}
.title label { font-size:13px;}
.elem { padding:5px 0; background:#eee }
.nb { padding:5px 10px; background:#eee; color:#D8041C; font-weight:bold; font-size:14px;}
.total { background:#eee }

.result-stand { margin-top:20px; background:#fff; border:1px solid #ccc; padding:5px; }
.result-stand tr td { padding:5px 0; }

INPUT.tracking-search{ width:90px; BORDER:#000 1px solid; font-size:11px; background: #FFF; height:16px;}
INPUT.tracking-searchok{ background: #E65011; color:#FFF; font-weight:bold; border:none; font-size:11px; }


table.result-stand td { text-align: center;  border-bottom: 1px solid #ccc; }
table.result-stand a:hover { color:#333 !important }

.detail-visiteur  img { padding: 0 !important; margin:0 !important; }
.detail-visiteur .infos td { padding: 0 0 10px 0; } 
.detail-visiteur .form-sep { padding: 0 0 10px 0; }
.titre-vert { background: #D8041C; padding: 5px 10px; color: #FFFFFF; }
.titre-gris { background: #E1E1E1; padding: 5px 10px;}

.expoiter li { list-style-type: disc !important; list-style-position: inside; margin-bottom: 5px; background: none !important; color: #000; font-size: 13px;}
.expoiter li a { color:#777 !important }
.expoiter label { color:#D8041C }

td.actionLien span { color:black ; font-weight:bold ;}
.bloc-right .contenu { margin-bottom:10px;}





















