/* general */
* {

}
body {
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	font-family: Arial, Helvetica, sans-serif;
}
#page-entier{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.lefondtop {
	background-image: url(/img/lefondtop.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 1000px;

	}
.milieu22{
	background-image: url(/img/lefondmilieu.png);
	height: auto;
	background-repeat: repeat-y;
	width: 975px;
	padding-right: 25px;
	padding-left: 33px;
}
.pied-site{
	background-image: url('/img/lefondpied.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 1000px;
}
.TabKlekoonGene{

	width: 918px;
	/*
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 33px;
	*/
}

		/* hack Chrome / Safari */
/*		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.TabKlekoonGene {
				padding-left:5px;
			}
		}
*/		/*fin hack Chrome / Safari */
		
		
.TabHautKlekoonGene{width: 970px; padding-top: 4px;}
.TabKlekoonOmbre{
width: 800px;}
.general2{
	background-image: url(/img/lefondmilieu.png);
	background-repeat: repeat-y;
}
.tablemain {
	background-image: url(/img/main.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 2px;	
	
}
.blockDebug{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
font{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #8298FF;
	padding: 0px;
	
}
/*............................right.asp ...............*/
#banniere-right{
	height: auto;
	z-index:99;
	position:absolute;
	margin-left: -32px;
	padding-top: 28px;
}




/*............................menu top ...............*/
#top-page{
	height: 113px;
	margin: 0px;
	background-repeat: no-repeat;
	padding: 0px;
	width: 940px;
}
#top-conseiller{
	padding-bottom: 35px;	
}
#fond-login{
	height: 55px;
	width: 315px;
	padding-top: 10px;
	padding-left: 110px;
}
.logo-top{
	padding-left: 10px;
}
.banniere-top{padding-left: 4px;}
.se-connecter a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5796c4;
	text-decoration: underline;
	margin-left: 4px;
	font-weight: bold;
}
.passoublier a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	margin-left: 4px;
}
.se-connecter a:hover{
	color: #099;
}

	
	

/* Menu top */


.espace{
	width: 200px;
	padding: 0px;
	height: 20px;	

}

.tablePswChamp {
	padding-left: 5px;
	padding-bottom: 0px;
}

.textChamp {
	background-image: url(/img/fd-champ.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	font-weight: bold;
	height : 21px;
	border: 1px none #FFFFFF;
	background-repeat: no-repeat;
	width: 127px;
	padding-left: 4px;
	padding-top: 2px;
}
 .submit{
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	overflow: visible;	
	
 }
/*............................ fin menu top ...............*/

 #menu-deroulant {width:990px;height:26px;text-align:center;position:relative;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin: 0px; background-repeat: no-repeat;}
.level2{background: #deeef4;}
.level3{background: #deeef4; }
#menu-deroulant  ul {margin:0;padding:0;list-style:none;white-space:nowrap;text-align:left;}
#menu-deroulant  ul {display:inline-block; } 
#menu-deroulant  ul {display:inline;}
#menu-deroulant  li a.drop {background-color: transparent;background-image: url(/img/white-down.gif);background-repeat: no-repeat;background-position: right bottom;}
#menu-deroulant  li {margin:0; padding:0; list-style:none;}
#menu-deroulant  li {display:inline-block; display:inline;}
#menu-deroulant  ul ul {position:absolute; left:-9999px;}
#menu-deroulant  ul.level1 {display:table; margin:0 auto; }
#menu-deroulant  ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu-deroulant  b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu-deroulant  a {
	display:block;
	color:#28496a;
	line-height:25px;
	text-decoration:none;
	padding:0 17px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFC;
}
#menu-deroulant  ul.level1 li.level1-li a.level1-a {float:left; font-size:13px}
#menu-deroulant  ul li:hover > ul {visibility:visible; left:0; top:25px; }
#menu-deroulant  ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu-deroulant  li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu-deroulant  li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu-deroulant  a:hover ul {left:0; top:23px;}
#menu-deroulant  li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu-deroulant  li.left ul a {text-align:right;}
#menu-deroulant  a:hover a:hover ul, 
#menu-deroulant  a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu-deroulant  li.left a:hover a:hover ul, 
#menu-deroulant  li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu-deroulant  a:hover ul ul, 
#menu-deroulant  a:hover a:hover ul ul {left:-9999px;}
#menu-deroulant  li.left a:hover ul ul, 
#menu-deroulant  li.left a:hover a:hover ul ul {left:-9999px;}
#menu-deroulant  li a.fly {background:transparent url(/img/white-right.gif) no-repeat right center;}
#menu-deroulant  li.left ul a.fly {background:transparent url(/img/white-left.gif) no-repeat left center;}
#menu-deroulant  li a:hover,
#menu-deroulant  li a.fly:hover {color:#FFF;white-space:nowrap;} 
#menu-deroulant  li:hover > a,
#menu-deroulant  ul li:hover > a.fly {color:#FFF;white-space:nowrap;background-color: #75a2b5;}
#menu-deroulant  table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu-deroulant  table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu-deroulant  li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu-deroulant  li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}


#tabs {
	width:528px;
	text-align:center;
	background: url(img/top.gif);
	margin:0;
	position:relative;
	z-index:200;
	font:bold 11px verdana, arial, sans-serif;
	height: 254px;
	padding: 0px;
}
#tabs ul {padding:0; margin:0; width:525px; list-style:none; position:relative;}
#tabs ul li.outer {float:left; display:inline; margin:0 5px 3px 5px; width:70px; height:55px; line-height: 26px; color:#664;  padding:0 0 0 50px; cursor:pointer;}

#tabs ul li.one {
	background-image: url(img/moteur-appel-offre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#tabs ul li.two {background:#fff url(img/moteur-dc.jpg) no-repeat top left;}
#tabs ul li.three {background:#fff url(img/moteur-annuaire.jpg) no-repeat top left;}
#tabs ul li.four {background:#fff url(img/moteur-petite-annonce.jpg) no-repeat top left;}


#tabs ul li div {display:none;}

#tabs ul li.click {padding-bottom:0px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;}

#tabs ul li.click {color:#000; background-position:0 -60px; height:70px; cursor:default;}


#tabs ul li.click div {
	display:block;
	position:absolute;
	left:4px;
	top:69px;
	width:501px;
	height:118px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 7px;
}


.clear {clear:both; height:0; line-height:0; overflow:hidden;}


#tabs div h5 {font-size:11px; margin:0;}
#tabs div p {font-weight:normal; text-align:left; color:#000; margin-top:3px; line-height:15px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a.unlock:hover {border:0;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs .bold {
	color:#FFFFFF;
	padding-top:12px;
	padding-left:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 29px;
	text-align: left;
}
#tabs form {margin-top:-10px; padding:0;}
#tabs form fieldset {padding:0;}
#tabs p.buttons {text-align:center;}

.champcle{
	border: 1px solid #28496a;
	width: 504px;
}
.activitechamp{
	background-color: #deeffe;
	width: 506px;
	border: 1px solid #5796c4;
	border-radius: 5px;
//pour firefox
	-webkit-border-radius: 5px; // pour unix, linux
	border-radius: 5px;
	margin-bottom: 3px;
}
.btnrecherche{
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5796c4;
	text-decoration: underline;
	padding-left: 307px;
}
/*................................*/
h5{
	font-size: 11px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

.fondMainGauche{
background-image:url(/img/fondMainGauche.jpg);
height: 11px;
width: 43px;
background-repeat:no-repeat;

}

.fondMainMiddle{
background-image:url(/img/fondMainMiddle.jpg);
height: 11px;
width: 100%;
background-repeat: repeat-x;

}

.fondMainDroite{
	background-image:url(/img/fondMainDroite.jpg);
	height:11px;
	width:43px;
	background-repeat:no-repeat;
	
}



.plan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #C1D2EE;
}

a:visited.lienvisit{
color:#CC0066}



 
/* Interface entreprise */
.tabHauTGeneral {

}

.tabConnectHaut{
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 5px;	
	padding-right: 15px;
}

.utilisateur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8298FF;
	font-weight: bold;
	
}
.pictoMail{
	background-image: url(/img/pictoMail.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 29px;
	padding-right:15px;
}
.nameHaut {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	margin: 0;
	
}
.perso{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}

.config{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-left: 0px;	
}

.nameText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	margin: 0px;
}

.tabnormal1b {
	background-image: url(/img/ongletHaut.jpg);
	background-repeat: repeat-x;
	background-position: -4px;
	font-weight: bold;
	
}

.tabnormal2b {
	background-image: url(/img/ongletHaut.jpg);
	background-repeat: repeat-x;
	background-position: -4px;
	font-weight: bold;
}

.tabnormal1b a{ 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#FF9900;
	text-transform: uppercase;
	text-decoration:none;}
.tabover1{}
.tabnormal2b a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #375FFB;
	text-transform: uppercase;
	text-decoration:none;
}
.tabover2{}

.ongletHaut1{
	background-image: url(/img/ongletHaut1.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-left: 3px;
}

.ongletHaut2{
	background-image: url(/img/ongletHaut2.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}


/* Main */


.divHeader{
	float: left;
	padding-top: 30px;
	padding-left: 15%;
	clear: right;	
}


.gratuit{
	color: #FFFFFF;
	background-color: #66CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}


/*Activites*/

a.texteEspaceDemat{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-transform: uppercase;
}

a:hover.texteEspaceDemat{
	text-decoration: underline;
}


/*Mapa*/

.titre{
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	color: #0066FF;
}

.texte{
	font: 300 normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

a.formulaire{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
}

a:hover.formulaire{
text-decoration:underline;

}

/*Inscription*/

.titre_inscrip{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FF9B37;
	text-transform: capitalize;
}

.texteDescription{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.inputInscrip{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
.mdpPerdu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E81E1E;
}
a:hover.mdpPerdu{
text-decoration:underline;}

.texteValeur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066FF;
	
	
}
.ChoixInscription{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FE9B38;
}

a:hover.ChoixInscription{
	color: #005599;
}

/* -------------------------------  Formulaire --------------------------------*/

.titreformulaire
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9224;
	text-transform: uppercase;
}

.Erreur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D90000;
}

.enteteFormulaire{
	background-image: url(/img/fondEnteteForm.jpg);
	background-repeat: no-repeat;
	height: 30px;
}
.titreEnteteForm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;	
}

.descriptionForm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

.warning{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D90000;
	font-size: 9px;
}

.inputForm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.valeurForm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0033FF;
}
.TitreBleuInscrip{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0066FF;
}
.declarationForm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

.conteneurForm{
	height: 30px;
	width: 75px;
}
.TitreBleuInscrip2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

	color: #5796C4;
}
.gros{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	
}
/* BOAMP */
.pageBOAMP{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.titreBOAMP{
	font-size: 12px;
	background-color: #e8f1fa;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;

	font-family: Arial, Helvetica, sans-serif;
}
.dateBOAMP{
	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;
}
.departementBOAMP{
	font-size: 12px;
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
}
.peremption{
	font-size: 11px;

}
.titretop-dce{
	background-image: url(/img/titre-tableau.jpg);
	background-repeat: no-repeat;
	width: 741px;
	font-size: 14px;
	color: #29779c;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 22px;
	padding-top: 5px;
}
.resultatpied-dce{
	height: 28px;
	width: 741px;
	background-image: url(/img/legende-tableau.jpg);
	background-repeat: no-repeat;
	color: #276783;
	font-size: 11px;
	text-align: center;
	padding-top: 4px;
}
.description-boamp a{
	font-size: 13px;
/*	color: #276783;*/
	font-weight: bold;
	text-decoration: none;
}
a:visited.descriptionBOAMP{
	color: #CC3399;
}
a:hover.descriptionBOAMP{
text-decoration:underline;}
.voirDetail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099FF;
}
.perime{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EA0000;
}
.valide{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #33CC00;
}
a.url1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF8D1C;
	text-transform: uppercase;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:hover.url1{
text-decoration:underline}
.numPageBOAMP{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #276783;}
	
a.lienAppel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
}

a.consulterAnnonce{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}


.bordure{
	background-image: url(/img/filet-separateur.jpg);
	background-repeat: no-repeat;

}
/* -------------------------------  /dematernet/klesign/Test_Applet.asp --------------------------------*/
#cadre-cetif{
	font-size: 12px;
	padding: 10px;
	margin-left: 150px;
	border: 1px solid #F90;
	width: 460px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}