/* @override 
	http://prospect-cs.sur-ambroisie/assets/templates/prospect-cs/prospect-cs-2007.css
	http://www.prospect-cs.be/assets/templates/prospect-cs/prospect-cs-2007.css
*/

/* styles des formulaires */
@import url(../../snippets/pcsForms/styles/prospect-cs-form-2007.css);

/* general */

* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #333;
    background: #fff;
}


div, p, img, a, td, ul, ol {
    font-size: 1em; 
}
#header #header-inner,
#intro,
#breadcrumbs-inner,
#content-inner,
#footer {
	width: 55.5em;
	margin: 0 auto;
}
.clear {
	clear: both;
	height: 4px;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	border-bottom: #003399 thin dotted;
	color: #003399;
}
* html a { /* IE */
	text-decoration: underline;
	border-bottom: 0;
}
a:hover, a:active {
	color: #DF5D1F;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

#content ul {
	list-style-type: none;
	margin-bottom: .7em;
	padding-left: 1.35em;
}
#content ul li {
	margin-bottom: .5em;
	background: transparent url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet.png) no-repeat 0 .35em;
	padding-left: 10px;
}
#content ul li ul {
	margin-top: .6em;
	padding-left: 1em;
}

/* header */

#header {
	display: block;
	width: 100%;
	min-height: 7.25em;
	border-bottom: #DF5D1F 4px solid;
	margin-top: 15px;
	/*margin-bottom: 1px;*/
}
	#header #header-inner {
		/*position: relative;*/
	}
		#header #header-inner #sitetitle {
			width: 66%;
			/*min-height: 87px;*/
			text-align: left;
			float: left;
		}
		* html #header #header-inner #sitetitle {
			/*height: 91px;	*/
		}
		#header #header-inner #sitetitle,
		#header #header-inner #shortcuts {
			/*min-height: 7.4em;
			margin-top: 1em;*/
		}
		* html #header #header-inner #sitetitle, /* IE */
		* html #header #header-inner #shortcuts {
			/*height: 5.4em;*/
		}
		* html #header #header-inner #sitetitle { /* IE only */
			/*background-position: 0 -2px;*/
		}
			#header #header-inner #sitetitle h1 {
				/*padding-top: 52px;*/
				/*margin-left: 91px;
				margin-top: 48px;*/
			}
				#header #header-inner #sitetitle h1 a {
					display: block;
					font-family: "Adobe Garamond", Georgia, Times, "Times New Roman", serif;
					font-size: 140%;
					width: 100%;
					min-height: 87px;
					background: transparent url(img/prospect-logo.png) no-repeat left bottom;
				}
				* html #header #header-inner #sitetitle h1 a { /* IE */
					height: 91px;
				}
					#header #header-inner #sitetitle h1 a span {
						margin-left: 95px;
						padding-top: 50px;
						display: block;
					}
				#header #header-inner #sitetitle h1 a,
				#menu #menu-inner ul li a {
					border: none;
					color: #051E4D;	
				}
				#header #header-inner #sitetitle h1 a:hover,
				#header #header-inner #shortcuts ul li,
				#menu #menu-inner ul li a:hover {
					border: none;
					color: #DF5D1F;	
				}
			#header #header-inner #shortcuts {
				/*padding-top: .05em;*/
			}
			* html #header #header-inner #shortcuts {
				/*padding-top: 2em;*/
			}
			#header #header-inner #shortcuts ul {
				padding-top: 36px;
				/*margin-bottom: 2em;*/
				/*margin-top: 3em;*/
			}
			* html #header #header-inner #shortcuts ul { /* IE */
				padding-top: 37px;
				/*padding-top: 0px;*/
			}
				#header #header-inner #shortcuts ul li {
					display: inline;
				}
					#header #header-inner #shortcuts ul li a {
						display: block;
						float: left;
						/*padding-top: 20px;*/
						border: none;
						font-size: 80%;
					}
					#header #header-inner #shortcuts ul li.contact a {
						background: transparent url(img/contact.png) no-repeat center top;
						margin-left: .3em;
					}
					#header #header-inner #shortcuts ul li.rss a {
						background: transparent url(img/rss.png) no-repeat center top;
						margin-left: 2em;
						margin-right: 1.8em;
					}
					#header #header-inner #shortcuts ul li {
						font-weight: bold;	
					}
					#header #header-inner #shortcuts ul li a {
						margin-left: 0.9em;
						padding-top: 1.9em;
					}

#header a {
	text-decoration: none;
}

/* menu */

#menu {
	display: block;
	background: #fff url(img/menu-bg.png) repeat-x left top;
	clear: both;
	margin-bottom: 1.3em;
	text-align: center;
	height: 2em;
}

#menu #menu-inner {
		padding-top: 7px;
		width: 55em;
		margin: auto;
		text-align: center;
}
	
#menu ul {
	padding: 0;
	list-style: none;
	display: inline-block;
	text-align: center;
}

#menu ul li {
	padding: 0;
	padding-left: 2em;
	padding-right: 2em;
	list-style: none;
	border-right: #000 1px solid;
	font-size: 85%;
	font-weight: bold;
	float: left;
	display: inline;
	text-align: center;
}	
		
#menu ul a {
	position: relative;
	display: block;
}

#menu ul ul {
	display: table;
	position: absolute;
	z-index: 999;
	top: 99%;
	background: #fff url(img/menu-bg.png) repeat-x left top;
	padding: 1ex;
	border-style: none;
	visibility: hidden;
	width: 16em;
	border-left: 1px solid #051E4D;
}

#menu ul ul li {
	position: relative;
	list-style: none;
	display: block;
	float: none;
/*	height: 2.5em;*/
	border-style: none;
	text-align: left;
	border-bottom: 1px dotted #051E4D;
	width: 16em;
	top: 0.5em;
	padding: 0.5em;
}

#menu ul li:hover ul,
#menu ul li a:hover ul,
#menu ul li ul:hover li {
	visibility: visible;
}

#menu ul ul li a {
	display: block;
}
		/* older version
		#menu #menu-inner ul li {
			display: inline;
			border-right: #000 1px solid;
			font-size: 85%;
			font-weight: bold;
			padding-left: .5em;
			padding-right: .9em;
			z-index: 1;
		}
		* html #menu #menu-inner ul li { // IE 
			margin-right: .1em;
			margin-left: .1em;
			padding-right: .6em;
			padding-left: .5em;
			font-size: 82%;
		}
		
		
		// begin dropdown 
		#menu #menu-inner ul li a {
			padding: .3em 0;
		}
		#menu #menu-inner ul {
			margin-bottom: 0;
		}
		#menu #menu-inner ul li ul {
			text-align: left;
			background: #fff;
			padding-top: .6em;
		}
		#menu #menu-inner ul li ul li {
			border: 0;
		}
		#menu #menu-inner ul li:hover ul li a,
		#menu #menu-inner ul li:hover ul li:hover ul li a {
			width: 12em;
			font-size: 1.2em;
		}
		#menu #menu-inner ul li ul li ul li a {
			font-size: 4em;
		}
		
		// end dropdown 
		*/
		
#menu a {
	text-decoration: none;
}

/* intro */

#intro {
	display: block;
	margin-bottom: 10px;
}
	#intro #intro-inner #intro-left {
		width: 37.5em;
		height: 145px;
		float: left;
		background-position: right top;
	}
	* html #intro #intro-inner #intro-left { /* IE only */
		height: 145px;
	}
	#intro #intro-inner form {
		min-height: 3em;
	}
	#intro #intro-inner form label {
		display: inline;
		float: left;
		width: 9em;
	}
	#intro #intro-inner form input.WLlogin {
		width: 8em;
	}
	#intro #intro-inner form input.WLemail {
		width: 15em;
	}
	#intro #intro-inner form#loginfrm,
	#intro #intro-inner form#loginreminder {
		/*max-height: 25px;*/
		margin: 0;
		padding: 0;
	}
	#intro #intro-inner #intro-right h2 {
		text-align: center;
	}
	#intro #intro-inner #intro-right ul {
		list-style-type: none;
		text-align: center;
		margin-top: 1.2em;
	}
	#intro #intro-inner #intro-right ul li {
		margin-bottom: .7em;
	}
	#intro #intro-inner #intro-right ul li a:hover {
		color: #12368e;
	}
	#intro #intro-inner form#loginfrm label,
	#intro #intro-inner form#loginreminder label {
		text-align: right;
		margin-right: 3px;
		width: 42%;
		vertical-align: top;
	}
	#intro #intro-inner form#loginfrm input.WLlogin,
	#intro #intro-inner form#loginreminder input.WLlogin {
		padding: .1em .2em;
		width: 11em;
		font-size: 90%; 
	}
	#intro #intro-inner div#WebLoginLayer0 h2 {
		margin-bottom: .8em;
	}
	#intro #intro-inner #intro-right {
		width: 18em;
		background-position: right top;
		text-align: left;
		color: #fff;
		float: right;
		min-height: 145px;
	}
	* html #intro #intro-inner #intro-right { /* IE only */
		height: 145px;
	}
	#intro #intro-inner #intro-left,
	#intro #intro-inner #intro-right {
		background-repeat: no-repeat;
	}
#intro #intro-inner #intro-right h2,
#intro #intro-inner #intro-right p,
#intro #intro-inner #intro-right form table table {
	margin: .3em .8em;
}
#intro #intro-inner #intro-right h2 {
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	margin-left: .6em;
}
#intro #intro-inner #intro-right p {
	font-size: 90%;
}
* html #intro #intro-inner #intro-right p { /* IE only */
	font-size: 80%;
}
#intro #intro-inner #intro-right a:hover {
	color: #003399;
}
#intro #intro-inner #intro-right ul.extranetFrame li {
	margin-bottom: .4em;
	font-size: 95%;
}

/* breadcrumbs */

#breadcrumbs {
	width: 100%;
	display: none;
}
#breadcrumbs-inner {
	text-align: left;
}
#breadcrumbs-inner span,
#breadcrumbs-inner span a {
	font-size: 95%;
}

/* content */
#content {
	clear: both;
}
h2,
h2 a,
h3,
h3 a,
h4,
h4 a {
	color: #DF5D1F;
}
h2 a,
h3 a,
h4 a {
	border-bottom: none;
}
h2 a:hover,
h3 a:hover,
h4 a:hover {
	border-bottom: #DF5D1F 1px dotted;
}
#post,
#sidebar {
	font-size: 90%;
}

#post {
	float: left;
	/* width: 475px; /* see #intro-inner */
	width: 15.5em;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: left;
	padding: 0 1.6em;
}
#message {
	padding: 2em .6em;
	text-align: center;
}
h2 {
	margin-bottom: 1.2em;
	font-size: 140%;	
}
h3 {
	margin-top: 1.6em;
	margin-bottom: .8em;
	font-size: 125%;
	background: transparent url(img/square-bicolor-medium.png) no-repeat 0 0.23em;
	padding-left: 15px;
}
h4 {
	margin-top: 1.6em;
	margin-bottom: .8em;
	font-size: 105%;
	background: transparent url(img/square-bicolor-small.png) no-repeat 0 0.3em;
	padding-left: 13px;
}
div#projectDetail ul {
	padding-left: 0;
	margin-top: 0;
}
p {
	margin-bottom: 1.2em;
	line-height: 150%;
	text-align: justify;
}
.arevoir {
	font-weight: bold;
	color: maroon;
	background-color: yellow;
	border: 1px solid maroon;
	padding: 2px;
	display: inline-block;
}
#sidebar {
	float: right;
	width: 33.3%;
	margin-top: 5px;
	text-align: left;
}
#sidebar #sidebar-inner {
	padding: .8em 1em;
}
#sidebar #sidebar-inner h4,
#sidebar #sidebar-inner p {
	text-align: left;
}
#sidebar,
#footer {
	background: #DDE3EB;
}

#content #content-inner #post {
	width: 57.5em;
	float: left;
}

.ditto_summaryPost h4 {
	margin: 0 0 .6em 1.4em;
}

/* footer */

#footer {
	margin-bottom: 5px;
	clear: both;
}
#footer #footer-inner {
	/* background : see above with sidebar */
	/*width: 475px;*/
	min-height: 2.7em;
}
#footer #footer-inner p {
	float: left;
	font-size: 80%;
	padding: 1.1em 0;
}
#footer #footer-inner p.copyright {
	/*margin-left: 1em;*/
	width: 33%;
}
#footer #footer-inner p.contact {
	width: 15%;
}
#footer #footer-inner p.madeby {
	width: 30%;
	text-align: right;
}
#footer #footer-inner p.linkTop {
	background: transparent url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/top.gif) no-repeat left center;
	width: 7%;
	text-align: left;
	margin-left: 2em;
	padding-left: 15px;
}
#footer #footer-inner p.contact,
#footer #footer-inner p.madeby {
	/*margin-left: 5.4em;*/
	/*margin-left: 3em;*/
}

/* autres */

form span.validation-message {
	clear: both;
	color: rgb(255,0,0);
	display: block;
}

/* test pour présentation projet détail : A REVOIR */
#projetDetail h4.oneLine {
	float: left;
	width: 250px;
}
#projetDetail p.oneLine {
	float: right;
}
/* /test */

/* tableaux */

table {
	/* pas de bordures au tableau, juste aux cellules
	border: thin solid #a8a8a8;*/
	border-collapse: collapse;
	width: 100%;
	font-size: 95%;
	margin-bottom: 1em;
}
th {
	border: thin solid #a8a8a8;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
td {
	border: thin solid #a8a8a8;
	padding: 5px;
}
td, tr.ligne1 td {
	background: #fff;
}
tr.ligne2 td {
	background: #f5f5f5;
}
caption {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 150%;
}
table.tabMiseEnForme {
	border-width: 0px;
	width: 100%;
}
table.tabMiseEnForme td,
table.tabMiseEnForme th {
	padding-bottom: 5px;
	border-width: 0px;
}

table.tableWithoutBorder {
	margin: 0 1.8em 1.5em 1em;
	width: 90%;
}
table.tableWithoutBorder,
table.tableWithoutBorder td {
	border: 0;
}
table.tableWithoutBorder td {
	vertical-align: top;
}
table.tableWithoutBorder td h4 {
	background-image: none;
	margin-top: 0;
}
table.tableWithoutBorder td.titleCell {
	width: 25%;
	text-align: right;
	padding-right: 1.2em;
	padding-top: .7em;
}
table.tableWithoutBorder td p,
table.tableWithoutBorder td strong {
	padding: 0;
}

.word {
	background: transparent url(img/icon_word.png) no-repeat left top;
	display: block;
	/*width: 16px;*/
	min-height: 16px;
	margin-right: 5px;
	padding-left: 20px;
	float: left;
}

#content {
	width: 100%;
}
* html #content-inner { /* décalage IE */
	margin: 0;
	padding: 0;
	margin-left: -41px; /* bto 20070510 */
	margin-top: -8px;
}

/* popup js (moodalbox) */
#mb_overlay, 
#mb_center, 
#mb_contents, 
#mb_bottom, 
#mb_close_link, 
#mb_caption {
	display: none;
}
#mb_contents {
	z-index: 2;
}


form label {
	font-size: 110%;
	/* letter-spacing: 110%; */
}
form input {
	padding: .1em .2em;
	border-top: #ccd5de 1px solid;
	border-left: #ccd5de 1px solid;
	border-right: #39517a 1px solid;
	border-bottom: #39517a 1px solid;
}
form div.radiowrapper input {
	border: none;
}

div.inputAndLabelWrapper {
	margin-left: 1.5em;
	margin-bottom: .3em;
	font-size: 100%;
}
div.inputAndLabelWrapper input {
	vertical-align: middle;
}
div.inlinefields div.inputAndLabelWrapper {
	float: left;
	display: block;
	margin: 0;
}
div.withgroups strong {
	margin-left: 1.5em;
	font-weight: bold;
}

div#captcha img#cryptogram {
	border: 0;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
}

/* style sur le nom des groupes de secteurs*/

span.sectorRuralDev {
	color: #cb24ae;
	font-weight: bold;
}
span.sectorEnvir {
	color: #00ad00;
	font-weight: bold;
}
span.sectorEnergy {
	color: #2326ad;
	font-weight: bold;
}

/* style sur les "li" qui se trouvent dans le conteneur
des offres présentées par groupes de secteurs */

div.sectorRuralDev,
div.sectorEnvir,
div.sectorEnergy,
div.sectorOther {
	margin-bottom: 3em;
}
div.sectorRuralDev ul li,
ul.sectorRuralDev li {
	background-image: url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet_ruralDev.gif);
}
/* bto 20070821 : test pour le carré coloré dans les titres
div.sectorEnvir h3 {
	background-image: url(img/square-bicolor-med_envir.gif);
}
*/
div.sectorEnvir ul li,
ul.sectorEnvir li {
	background-image: url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet_envir.gif);
}
div.sectorEnergy ul li,
ul.sectorEnergy li {
	background-image: url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet_energy.gif);
}
div.sectorGovernance ul li,
ul.sectorGovernance li {
	background-image: url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet_governance.gif);
}
div.sectorAid ul li,
ul.sectorAid li {
	background-image: url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet_aid.gif);
}
div.sectorEnergy ul li,
ul.sectorEnergy li {
	background-image: url(http://www.prospect-cs.be/assets/templates/prospect-cs/img/bullet_energy.gif);
}

/* style pour afficher des petites images dans du texte */

.imgInline {
	vertical-align: middle;
}

form h4 {
	font-weight: bold;
	border-bottom: 1px dotted gray;
	font-size: 115%;
	text-align: left;
	color: black;
	background-image: none;
	padding-left: 0;
	width: 100%;
}

form h5 {
	text-align: left;
	font-weight: bold;
}

.value,
.inputtext {
	display: inline-block;
	position: relative;
	padding: 1ex;
	top: 1ex;
}

textarea {
	display: block;
	margin-top: 1ex;
}

input {
	border: 1px solid silver;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}



#expertCount {
	bottom: 1ex; 
	left: 1ex; 
	position: fixed; 
	background-color: yellow; 
	opacity: 0.5;
	display: none;
	width: 200px;
	padding: 1ex;
	cursor: pointer;
}

#expertCount .ajaxResult {
	font-size: 200%;
	text-align: center;
	display: block;
	color: gray;
}

#expertCount .ajaxCount {
	color: black;
	display: block;
	text-align: center;
	font-size: 600%;
	font-weight: bold;
	opacity: 1; 
}

.ajaxLoading {
	/* nothing */
}


.cv201008-headers {
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	background-color: rgba(255,254,255,0.85);
}

.cv201008-warning {
	margin-bottom: 1em;
	color: red;
	font-weight: bold;
}

.cv201008-cv {
	vertical-align: text-top;
	text-align: left;
	padding-left: 16px;
	border-left: 16px solid white;
	padding-top: 1em;
}

.cv201008-form {
	vertical-align: text-top;
	margin-top: 1em;
	padding-bottom: 1em;
}

.cv201008-block {
	display: inline-block;
	width: 180px;
	top: 0;
	clear: none;
	vertical-align: top;
	margin-left: 1em;
}

.cv201008-names {
	text-align: center;
}

.cv201008-cv-odd {
	background-color: #e5e5e5;
}

.cv201008-cv-sameNameAsPrevious {
	border-left: 16px solid orange;
}

.cv201008-cv-knownReference {
	border-left: 16px solid rgba(0,143,42,0.5);
}

.cv201008-cv-knowninDB {
	border-left: 16px solid green;
}

.stopword_oneword {
	text-align: left;
	margin: 2ex 2ex 2ex 2em;
}

.stopword_ignore {
	color: red;
}

.stopword_theword {
	display: inline-block;
	width: 10em;
}

.stopword_occurences {
	display: inline-block;
	width: 7em;
}

.stopword_reference {
	display: inline-block;
	width: 10em;
	margin-left: 1em;
}