/* @override 
	http://annuaire49.clement.crci.ez.mediacd.fr/design/designannuairecci49/stylesheets/annuaire.css
*/

/* CSS Spécifique annuaire */

#annuaire {
	width: 579px;
	font-size: 0.85em;
}
#annuaire h1 {
	margin: 0px; padding: 0px;
}
#search_steps ul li, #consult_steps ul li, #annuaireContent ul li {
	list-style: none;
}

#search_steps ul, #consult_steps ul {padding: 0px; margin: 0px 0px 0px 5px;background: #b2374c;}

#search_steps ul {margin: 0 !important;}

#consult_steps ul {
 width:  574px;
position: relative;
top:1px;
}
/* = Onglets moteur de recherche
------------------------------- */
#search_steps {
	border-top: 3px #fff solid;
	border-bottom: 3px #fff solid;
	float: left;
	color: #ebebeb;
}

#search_steps :after {
	content: "-";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#search_steps span {
	display: block;
	padding: 8px 35px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#search_steps a {
	text-decoration: none;
	color: #fff;
}

#search_steps a:hover {
	color: #009ec8;
}

#search_steps li {
	font-size: 93%;
	width: 193px;
	height: 2.69em;
	background: #002970 url(../images/ongletsEtapes.png) no-repeat;
	float: left;
	position: relative;
}

#search_steps li.selected {
	color: #fff;
}

#search_steps li#st1 {
	background-position: 0 -102px;
}

#search_steps li#st2 {
	background-position: -194px 0;
}

#search_steps li#st3 {
	background-position: -388px 0;
}

#search_steps li#st1.selected {
	background-position: 0 0;
}

#search_steps li#st2.selected {
	background-position: -194px -34px;
}

#search_steps li#st3.selected {
	background-position: -388px -68px;
}

#search_steps li#st1ns {
	background-position: 0 -34px;
}

#search_steps li#st2ns {
	background-position: -194px -68px;
}

/* = Onglets de consultation
--------------------------- */
#consult_steps {
	background: #b2374c;
	padding: 0.3em 0 0 0em;
}

#consult_steps h2 {
	border: 0 !important;
	margin: 0;
	padding: 0 0 0 0.5em !important;
	color: #fff !important;
}

#consult_steps :after {
	content: "-";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#consult_steps li {
	width: 145px;
	height: 40px;
	margin-left: 1px;
	float: left;
	background: transparent url(../images/bgOnglets.png) no-repeat;
	color: #fff;
}

#consult_steps li a {
	color: #001B46;
	text-decoration: none;
	display: block;
	height: 100%;
	color: #fff;
}

#consult_steps li.selected {
	background-position: -145px 0;
	color: #009ec8;
	/*font-weight: bold;*/
}

#consult_steps span {
	display: block;
	height: 100%;
	padding: 3px 0 0 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* = Onglets edition
--------------------------- */
#edit_steps {
	border-bottom: 1px #009ec8 solid;
	height: 2em;
	font-size: 90%;
	color: #001B47;
}

#edit_steps li {
	width: 160px;
	height: 2em;
	float: left;
	text-align: center;
}

#edit_steps li.selected {
	font-weight: bold;
}

#edit_steps li.selected span {
	border-bottom: 5px #009ec8 solid;
}

#edit_steps span {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: 2em
}

/* = Outils de contenu
--------------------- */
.tools {
	height: 25px;
	margin: 0 0 1em 0;
}

.tools li {
	float: right;
	margin-right: 10px;
}

.tools .print a {
	display: block;
	background: transparent url(../images/btnImprimer.png) no-repeat;
	width: 75px;
	height: 25px;
	text-indent: -1000em;
}

.tools .export a {
	display: block;
	background: transparent url(../images/btnExportPDF.png) no-repeat;
	width: 116px;
	height: 25px;
	text-indent: -1000em;
}

.tools li a:hover {
	background-position: 0 -25px;
}

/* = Bloc annuaire
----------------- */
#annuaire {
	color: #001B47;
}

#annuaire p {
	font-size: 85%;
	margin: 0 0 .8em 0;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}

#annuaire h1 {
	font: bold 116% Trebuchet MS, sans-serif;
	background: #fff;
	color: #009ec8;
	padding: .8em .8em .8em 0em;
}

#annuaire h2 {
	font: bold 108.1% Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #b2364c;
	padding: 0 0 2px 0;
	border-bottom: 1px #b2364c solid;
	margin: 0 0 0.8em 0;
}

#annuaire h3 {
	font: bold 108% Arial, Helvetica, sans-serif;
	margin: 0 0 0.8em 0;
}

#annuaire td,#annuaire th {
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}

#annuaireContent {
	border: 1px solid #b2374c;
	border-right: 1px solid #b2374c;
	border-bottom: 1px solid #b2374c;
	/*background: #C7DEF3 url(../images/bgAnnuaire.png) repeat-x 0 -10px;*/
	float: left;
	width:  557px;
	padding: 5px 10px 10px 10px;
}

.section {
	font-size: 1em;
	font-weight: bold;
}

/* = Table de liste de résultats
------------------------------- */
table.resultList {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 5px 0;
}

.resultList td {
	padding: 5px;
	border-bottom: 1px solid #666666;
}

.resultList td a {
	color: #001B47;
}

.resultList td a:visited {
	color: #950921;
}

.resultList th {
	font-weight: bold;
	color: #fff;
	background: transparent url(../images/bgDegrade-rouge.png) repeat-x top left;
	white-space: nowrap;
	border-bottom: 2px #950921 solid;
	padding: 5px;
}

.resultList tr.line_odd td {
	background: #ebebeb;
}

.resultList .small {
	font-size: 70% !important;
}

/* = Table consultation données entreprises
------------------------------------------ */
table.listeDatas {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 1em 0;
}

.listeDatas tr {
	padding-bottom: 5px;
}

.listeDatas td {
	color: #000;
}

.listeDatas th {
	text-align: right;
	width: 40%;
	padding-right: 10px;
	vertical-align: top;
}

/* =TEMP, etat des table ?-------------  */
.listeDatas.green {
	border: 1px green solid;
}

.listeDatas.red {
	border: 1px red solid;
}

/* = Pagination
-------------- */
.pagination {
	height: 2em;
	line-height: 2em;
	position: relative;
	background: url(../images/bgDegrade-bleu.png) repeat-x top left;
	text-align: center;
	color: #fff;
	width:  557px;
}

.pagination a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	top: 0;
}

.pagination .prev {
	left: 5px;
}

.pagination .next {
	right: 5px;
}

/* = Formulaires
----------------*/
	/* =Formulaire génériques-------------  */
.defaultbutton,.contactbutton {
	background: url(../images/bgDegrade-rouge.png) repeat-x top left;
	color: #fff;
	font: bold 116% Arial, Helvetica, sans-serif;
	padding: .2em .5em; 
	border: 0;
}

.contactbutton {
	font-size: 12px;
	float: right;
}

.contact_info_hidden {
	background-color: #CCCCCC;
}

/* =Formulaire -------------  */
#annuaire p.field_line {
	font-size: 85%;
	margin: 0 0 .8em 0;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

#annuaire p label {
	width: 30%;
	float: left;
	text-align: right;
	padding: 0px 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;

}

#annuaire form div.field_value {
	width: 65%;
	float: left;
	font-size: 85%;
	margin: 0 0 .8em 0;
	padding: 0 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

#annuaire form p.field_valid {
	text-align: right;
}

form .help {
	margin-top: .3em;
	display: block;
	font-size: smaller;
	font-family: Arial, Helvetica, sans-serif;
}

/*Erreurs, avertissements*/
.warning {
	padding: .5em;
	margin: 1em;
	color: #555;
	border: 2px #b2374c solid;
	background: #FFCF78;
}

.warning p,.warning ul {
	font-size: 85%;
}

.warning p,.warning ul,.warning h1,.warning h2,.warning h3,.warning h4,.warning h5,.warning h6
	{
	margin: 0 0 .8em 0;
}

.warning h1,.warning h2,.warning h3,.warning h4,.warning h5,.warning h6
	{
	font-weight: bold;
}

.error {
	display: block;
	padding: .2em;
	margin: 0 0 .1em 0;
	font-size: 95%;
	background: #ffe;
}

/* =Table Edition des données-------------  */
.edit td,.edit th {
	/*border-bottom: 1px #8BA9C9 solid;
	border-top: 1px #8BA9C9 solid;*/
	padding-bottom: 2px;
	padding-top: 2px;
}

.edit .locked td {
	background: transparent url(../images/lock.png) no-repeat 100% 0;
	padding-right: 15px;
}

/* CLEMENT ajout */
.contact_locked {
	background: transparent url(../images/lock.png) no-repeat 100% 0;
}

.edit .editAdmin td{
	background: transparent url(../images/pencil.png) no-repeat 100% 0;
	padding-right: 15px;
}

.deleteContact {
	height: 16px;
	width: 16px;
	background: transparent url(../images/cross.png) no-repeat 100% 0;
	cursor: pointer;
	float: right;
}
.undoDeleteContact {
	height: 16px;
	width: 16px;
	background: transparent url(../images/arrow_undo.png) no-repeat 100% 0;
	cursor: pointer;
	float: right;
}

/* /CLEMENT */ /* =Classes-------------  */
.infos {
	background: #E9F2FD url(../images/infos.png) no-repeat 0 50%;
	padding: .2em .2em .2em 18px;
	border: 1px #fff solid;
}

/* =Recap commande-------------  */
.commandeliste {
	border-bottom: 1px #999 solid;
	padding-bottom: .5em;
	margin-bottom: .3em;
}

.commandeliste h3 {
	font-size: 95% !important;
}

/* = navOngletAnnuaire */
#navOngletAnnuaire {
	margin: 0 0 10px 0;
}

#navOngletAnnuaire li {
	float: left;
	font-size: 93%;
	color: #fff;
	padding: 0.5em;
	margin: 0 1px 10px 0;
	background-color: #009ec8;
}

#navOngletAnnuaire li a {
	color: #fff;
	text-decoration: none;
}

/* =Liste de fichiers-------------  */
a.top {
	height: 25px;
	display: block;
	text-align: right;
	padding: 0 20px 0 0;
	text-decoration: none;
	font-size: 93%;
	color: #08489D;
	background: transparent url(../images/flcTop.gif) no-repeat top right;
}

.fileList {
	background: #F6FFE7;
	/*border-top: 3px #BEEA71 solid;*/
	padding: .2em;
	margin-bottom: 1.5em;
}

.fileList div {
	margin: 0;
	font-size: 93%;
	padding: 0.5em 0.5em 0em 0.5em;
}

.fileList div {
	border-bottom: 1px #BEEA71 solid;
	padding-bottom: .3em;
	margin-bottom: .4em;
}

.fileList div input {
	vertical-align: middle;
}

.fileList div:after {
	content: "-";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.fileList .fileName {
	font-size: 90%;
}

.fileList .lnkInfos {
	float: right;
	font-size: 85%;
}

p.lnkInfos {
	display: block;
	width: 99%;
	background: transparent url(../images/itemPlusAnnuaire.gif) no-repeat
		top right !important;
}

p.lnkInfos a {
	display: block;
	float: right;
	padding: 0.2em;
	margin: 0 20px 0 0;
	color: #fff;
	text-decoration: none;
	border: 1px #ffff solid;
	background-color: #009ec8;
	cursor: pointer;
	cursor: hand;
}

.fileDetail p.moins {
	background: transparent url(../images/itemMoinsAnnuaire.gif) no-repeat
		top right !important;
}

.filePrice {
	font-weight: bold;
	font-size: 93%;
	color: #466C06;
	display: block;
	float: none;
	padding-left: 1.5em;
}

.filePrice br {
	display: none;
}

.fileShortDesc {
	font-weight: bold;
}

/*detailExtended */
.detailExtended {
	clear: both;
	color: #08499E;
	border: 1px #08489D solid !important;
	background-color: #fff;
}

.detailExtended .filePrice,.detailExtended .fileShortDesc,.detailExtended .fileLongDesc
	{
	border: 0;
}

.detailExtended .filePrice {
	color: #08499E;
}

.detailExtended .fileShortDesc {
	color: #08499E;
}

.detailExtended .fileLongDesc {
	color: #08499E;
}

/* =Utils-------------  */
.nobraique {
	white-space: nowrap;
}
.ac_results {
	font-family: "Trebuchet MS";
	font-size: 72%;
	padding: 3px;
	border: 1px solid #b2374c;
	background-color: #fff;}
	
.ac_results ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results ul li {
	margin: 0.5em 0 0 0;
	color: #4f4f4f;
}

ul.other_search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}

ul.other_search a {
	color: #333;
}

.ac_input {
	width: 180px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	max-height:200px;
	height: expression(this.scrollHeight > 200 ? "200px" : "auto"); /* IE5+ */
	overflow-y: scroll;
	overflow-x: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:180px;
	height: 200px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : white url('../images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

span.other_help { color: #666; padding-left: 10px; font-size:0.8em;}
ul.other_search li {
	padding: 5px 0 5px 30px;
}

ul.other_search2 {
	padding: 0;;
}
ul.other_search2 li {
	padding: 0 0 0 50px;
}