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

body { background: url(img/body_bg.png) repeat-x 0 0 #004e5e; }


a:link, a:active, a:focus, a:visited { color: #004e5e; }
a:hover { color: #EE2B74 }


h1 {  background: url(img/puce_verte.gif) no-repeat 0 0; color: #004E5E; padding: 0 10px 0 20px;  }

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


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

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

.titreInfobulle{ color: #EE2B74; }


/*******************************/
/*   GLOBAL
/*******************************/

#infoTop { background: #001f20; height: 40px; color: #FFF;  }
#baseline, #langue { padding-top: 10px; }
#langue a { color: #FFF; }
#langue a:hover { color: #c8d32d; }

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

#Header { background: url(img/degrade_bg.png) repeat-x 0 0; }

#logoTop { padding: 20px 0 0 15px;  }

#accesRapide, #deadline { color: #c8d32d; }
#deadline span { color: #fff; }
#accesRapide a { color: #fff; }
#accesRapide a:hover { color: #c8d32d; }

#cdf { background: #FFFFFF no-repeat top left; color: #91a89a; border-bottom: 1px solid #dedede; }

#cdf a { color: #91a89a; }


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

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

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

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

#form-breadcrumb{ background-color:#EAEAEA; color:#015BA5; margin: 10px 0 10px 20px;}
#form-breadcrumb .selected{ font-weight: bold; }
#form-breadcrumb a{ color: #EE2B74; }
#form-breadcrumb a:hover{ text-decoration: underline; }

.page li{ margin: 0 0 0 10px;}

.page  td.td-droite{
	text-align: right;
}

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

.entete h2 { background: url(img/puce_verte.gif) no-repeat 0 5px; color: #004E5E; }


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

p.infoPage{ font-weight: normal; }

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

*html #marquee marquee{ width: 84%; }


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

#onglets ul { padding: 0 0 0 20px; }
#onglets ul a { color: #004e5e; }
#onglets ul li.current a, #onglets ul li.current a:hover { color: #EE2B74; }


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

.tableVue th { background: #c8d32d; color: #004e5e; }

.puceCarre { background: #bac700; }

.tableVue.date .actionLien a { background: url(img/puce_verte_small.gif) no-repeat 0 2px; padding-left: 15px; }
.tableVue.produit .actionLien a { ²: url(img/puce_verte_small.gif) no-repeat 0 2px; padding-left: 15px; }

.titreSection { color: #e4146b; }


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

#bloc-recherche h2 { background: url(img/puce_verte.gif) no-repeat 10px 9px; color: #004E5E; }

#bloc-recherche .bt-ok { background: #bac700; color: #004e5e; }
#bloc-recherche .bt-ok:hover { background: #e4146b; color: #fff; }


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


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

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

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

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


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

#Footer { background: #001f20; padding: 10px 20px; color: #FFF;  }
#Footer a { color: #FFF; font-weight: normal; }
#Footer a:hover { color: #c8d32d; }

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

#bandeauTunnel { color: #c8d32d; }

#Main-tunnel  a.lienPuce1 { background: url(img/puce_verte_small.gif) no-repeat 0 2px; padding-left: 15px; }


/* ECRAN : LOGIN*/

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


/* ECRAN : TROIS BOUTONS */

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


/* ECRAN : JE VALIDE MES INFOS */

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


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

fieldset{ border: 1px solid #d0d1d2; }

legend{ color: #902543; }

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

textarea:hover { border: 1px solid #004e5e; }

select:hover { border: 1px solid #004e5e; }

.form-submit { color: #EE2B74; }

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

.xsmalltexte{ font-size: 0.75em; }

.full{ background: #E9E9E9; }
.empty{ background: none; }
.tableForm th { background: #5a8992; color: #FFFFFF; padding: 3px;}
.tableForm td {padding: 3px;}

.tab-form th { background-color: #C8D32D; color: #004E5E; }
.error{ background-color: #FF0000; color: #FFFFFF; }

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

table.tableau-form th { text-align:left; 	padding-left:10px;	font-size:14px; font-weight:bold; }

input.input-texte { margin : 2px 0; padding : 2px; font-size : 11px; border: 1px solid #015BA5; color: #015BA5; font-size:12px; }

textarea.input-texte { margin : 2px 0; 	padding : 2px; font-size:12px; border: 1px solid #015BA5; color: #015BA5; }
select.input-texte { margin : 2px 0; padding : 2px; font-size:12px; border : 1px solid #015BA5; width:160px; color: #015BA5; }

.libelle { vertical-align:top; padding-top:5px; font-size:12px; }
.libelle2{ border-bottom:1px solid #000000; font-weight:bold; color:#000000; }
.Field-recap{ 	vertical-align:top; padding-top:5px; color: #015BA5; }

.Separator,.SubSeparator{ padding: 0; border-bottom: 1px solid #769da5; }
.Separator h3, .SubSeparator h3{ float: left; color: #004E5E; text-align:left; font-size: 12px; padding: 0 0 0 20px; background: url("img/page/onglet_vert.png") no-repeat top left; }
.Separator h3 span, .SubSeparator h3 span{ float: left; padding: 4px 20px 4px 0; background: url("img/page/onglet_vert.png") no-repeat top right}

.SubSeparator h3{ color: #fff; background: url("img/page/onglet_rose.png") no-repeat top left; }
.SubSeparator h3 span{ background: url("img/page/onglet_rose.png") no-repeat top right; }

form a{ font-size: 12px; font-weight: bold; color: #015BA5; }

.cata-code{ margin : 2px 0; padding : 2px; font-size : 11px; border: 1px solid #8C8C8C; color:red; }

.tableau-form{ font-size:12px; }

.coul1{ text-align:left; }


/*************************************/
/*  FORMULAIRE BADGES
**************************************/

#Civility.input-texte{ width: auto; }


/*************************************/
/*  FORMULAIRE TROPHEES
**************************************/

.form .intro{ font-weight: bold; font-style: italic; }


/*************************************/
/*  FORMULAIRE CLUB
**************************************/

.form .date div,
.form td.statut-annonce { color : #015BA5; font-size : 10px; padding : 0 5px 5px 0; text-align : right;}

.pagination { text-align : center;}
#toplist, #bottomlist { padding : 10px 0;}

.annonceur, .refannonces {  width : 100%;  background : #999;}
.annonceur td, .refannonces td {  text-align : center !important;  width : 33%;  font-size : 11px !important;  color : #fff;}

table.infos { background : #E6E6E6;  width : 100%;}
table.infos td {  vertical-align : bottom;}
table.infos .titre { color : #fff;  font-weight : 700; }
.date div, td.statut-annonce { color : #015BA5; font-size : 10px; padding : 0 5px 5px 0; text-align : right;}
.contenuAnnonce {  background : #eee; }
.contenuAnnonce p {  padding : 5px;  margin : 0;}
.pusher {  margin-bottom : 10px;}
.reponses  {  margin : 0px 0 10px 30px !important;}
.unereponse {  background : #eee;  margin : 5px 0 10px 0 !important;}
.unereponse table {  width : 100%;}
.reponse-note {  padding : 5px 10px;}
.rep-infos td {  font-size : 11px;  background : #ccc;  width : 33%;  color : #000;  border-bottom : 1px solid #999;}

.repondre {
  text-align : right;
  font-size : 11px;
  font-weight : bold;
  border-bottom : 1px solid #999;
  margin-bottom : 10px;
  padding : 0 2px 1px 0;
  background : #eee;
}

.actions-reponse {
  font-size : 11px;
  font-weight : bold;
  border-bottom : 1px solid #999;
  margin-bottom : 10px;
  padding : 0 2px 1px 0;
  background : #eee;
  text-align : right;
}

/*************************************/
/*  FORMULAIRE REQUETEUR
**************************************/

.errorWarning{ font-weight: bold; text-align: center; color: red; margin: 10px 0;}

/*Recherche*/
.searchResults .showResults{ padding: 10px 0 0 0; }
.showResults td{ padding: 3px 0; }
.searchCriterias td{ padding: 3px 0; }
.searchCriterias td.libelle{ padding: 8px 0 0 0; }

/*Selection*/
.selectList th{ background-color:#5a8992; color: #fff; padding: 3px;}
.selectList td{ padding: 3px 5px;}
.selectList tr.full{ background-color: #DBDBDB;}
.selectList tr.empty{ background-color: #E9E9E9;}

/*Gabarit*/
.txtImportantInfo{ color: red; border: 1px solid red; padding: 10px; }
.tableGabarit td{ padding: 3px 5px;}
.tableGabarit .title{ background-color:#5a8992; color: #fff; font-weight: bold; padding: 5px;}


/*************************************/
/*  FORMULAIRE DEMANDE DE VISA
**************************************/

.tableVisa td{ padding: 3px 0; }
.tableVisa td.libelle{ font-weight: bold; width: 200px; padding: 5px 10px 0 0; text-align: right;}


/*******************************************************************************/
/* Accès tracking */
/*******************************************************************************/

.titreOrangePale { background:#00343C ;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:#fff; padding:5px 10px; color:#000 !important;}
.acces-tracking .menu li a:hover { background:#ddd; 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: #C8D32D;*/
	height:30px ;
	background: url(img/tracking/bg_th.png) no-repeat left top;
	color: #000;
	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 #C8D32D /*background:#f1f1f1*/ }
.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: #003C47;
	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:#4E848F !important; font-size:13px}
.acces-tracking .item a:hover { color:#003C47 !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 #00343C }

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

.case-stand { text-align: center; background: #fff; border-right:1px solid #00343C;  }
.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: #fff; text-transform: uppercase; padding: 5px 0; margin-bottom:10px; background:#00343C}
/*Suite BUG sur form-submit IE8, FF3*/
.case-stand2 { text-align: center; background: #FFFFFF; border: 1px solid #4E848F; }
.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 #4E848F }
.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:#00343C; 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:#EE2B74; 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: #4E848F; 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:#4E848F }


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

.page h2 { color: #EE2B74; }

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

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

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

.style-3 { background: #EE2B74; color: #fff;}


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

.TableCommandes th { background: #5a8992; color: #FFFFFF; }


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

.com th { background: #5a8992; color: #FFFFFF; }


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

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

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

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


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

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

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

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


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

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