/**********************************************************
 * Style communs aux parties Entrepreneur et Investisseur *
 **********************************************************/

* {
	padding: 0;
	margin: 0;
}

html {
	background-color: #1C3146;
	height: 100%;
	font-size: small;
}

body, div, p, td, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: small;
}

body {
	height: 100%;
}

b, strong {
	font-weight: bold;
}

small {
	font-size: 0.8em;
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #1C3146;
	padding: 0;
}

h1 {
	font-size: 1.3em; margin: 0.4em 0;
}

h2 {
	font-size: 1.2em; margin: 0.4em 0;
}

h3 {
	font-size: 1em; margin: 0.4em 0;
}

p {
	margin: 0.5em 0; text-align: justify;
}

abbr {
	cursor: help;
}

img {
	border: 0; padding: 0;
}

a {
	color: #BE900D;
	text-decoration: none;
}

a:hover {
	color: #1C3146;
}

a.strong {
	font-weight: bold;
}

table tr td {
	padding: 4px;
}

.radio {
	border: none;
	padding: 0;
	margin: 0;
	width: 12px;
	height: 12px;
}

/*
 * Classes générales
 */
.clear {
	clear: both;
}

.selected {
	color: #BE900D;
}

.sub_title {
	background: url(/images/bg_menu.png) repeat-x center;
	height: 45px;
	line-height: 40px;
	font-size: 150%;
	text-align: center;
	color: #FFFFFF;
}

.success {
	color: green;
}

.fade {
	color: silver;
	font-size: x-small;
}

.required {
	background: url(/images/light_required.png) no-repeat right center;
	padding-right: 12px;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.disabled {
	color: silver;
}

/*
 * Listes
 */
div#content ul {
	list-style: url('/images/bullet_ul_2.png') outside;
	padding: 0 0 0 1em;
	margin: 1em 0 0 4em;
}

div#content ul li ul {
	list-style: url('/images/bullet_ul_1.png') outside;
	padding: 1em 0 0 0;
	margin: 0 0 0 4em;
}

div#content ul.expand li {
	margin-bottom: 1em;
}

div#content ul.expand li ul li {
	margin: 1em 0;
}

div#content ol {
	margin: 1em 0 1em 5.4em;
}

div#content ol.expand li {
	margin-bottom: 1em;
}

div#content ol.expand li ul li {
	margin: 1em 0;
}

/*
 * Brève
 */
.news {
	background-color: #F0F4F9;
	padding: 0.5em;
}

.news h3 {
	border-bottom: 1px dashed #36609C;
}

.news p {
	margin-left: 1em;
}

/*
 * Message d'erreur
 */
#error_fade {
	border: 1px solid #990000;
	margin: 1em;
	padding: 1em;
}

#error_fade strong {
	color: #990000;
}

#error_fade ul li {
	list-style-image: url('/images/bullet3.gif');
}

/*
 * Accueil 
 */
div#frame {
	position: relative;
	background-color: #FFFFFF;
	margin: auto;
	width: 850px;
   	min-height: 100%;
}

div#logo {
	margin: auto;
	width: 250px;
	padding-bottom: 30px;
	padding-top: 15px;
}

div#entrepreneur {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

div#investisseur {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

a#link_e_txt {
	float: left;
	margin-top: 50px;
}

a#link_e_img {
	float: right;
	padding-bottom: 15px;
}

a#link_i_txt {
	float: right;
	margin-top: 70px;
	margin-right: 60px;
}

a#link_i_img {
	float: left;
	padding-bottom: 10px;
}

/*
 * Frame commun
 */
div#header {
	position: relative;
	background-color: #FFFFFF;
	height: 140px;
}

ul#general_menu {
	background: url(/images/bg_menu.png) repeat-x center;
	height: 45px;
	margin: 0 3px;
	list-style-type: none;
}

div#section {
	position: relative;
	height: 170px;
}

div#center {
	background-color: #FFFFFF;
	padding: 0 40px 0 10px;
	padding-bottom: 6em; /* Evite la superposition avec le footer */
}

div#sub_menu {
	float: left;
	width: 200px;
	padding-right: 40px;
}

div#content {
	float: right;
	width: 560px;
}

div#footer {
	background-color: #FFFFFF;
	width: 850px;
	height: 2.4em;
	position: absolute;
	bottom: 0;
}

ul#footer_link {
	list-style-type: none;
	text-align: center;
}

div#logo_home {
	position: absolute;
	top: 40px;
	left: 20px;
}

ul#user_link {
	position: absolute;
	bottom: 10px;
	right: 20px;
	list-style-type: none;
}

ul#user_link a.selected {
	color: #BE900D;
}

img#answer {
	position: absolute;
	top: 5px;
	right: 10px;
}

img#e_img {
	position: absolute;
	top: 14px;
	left: 4px;
}

img#e_txt {
	position: absolute;
	top: 40px;
	right: 90px;
}

img#i_img {
	position: absolute;
	top: 14px;
	left: 32px;
}

img#i_txt {
	position: absolute;
	top: 40px;
	right: 140px;
}

/*
 * Suppléments frame commun
 */
ul#user_link a {
	font-size: 180%;
	color: #1C3146;
	text-decoration: none;
}

ul#user_link a:hover {
	color: #BE900D;
}

ul#user_link li {
	text-align: right;
	padding: 0;
	margin: 0;
}

ul#general_menu a {
	font-size: 150%;
	color: #FFFFFF;
	text-decoration: none;
	
}

ul#general_menu a.selected {
	color: #BE900D;
}

ul#general_menu a:hover {
	color: #BE900D;
}

ul#general_menu li {
	float: left;
	padding-top: 0.6em;
	margin: 0 1.3em;
}

div#sub_menu a {
	font-size: 120%;
	color: #1C3146;
	text-decoration: none;
}

div#sub_menu a.selected {
	color: #BE900D;
}

div#sub_menu a:hover {
	color: #BE900D;
}

div#sub_menu dd {
	background: url(/images/bullet_sub_menu.png) no-repeat left center;
	margin-left : 14px;
	padding-left : 18px;
	margin-top : 6px;
}

ul#footer_link a {
	font-size: 110%;
	color: #1C3146;
	text-decoration: none;
}

ul#footer_link a:hover {
	color: #BE900D;
}

ul#footer_link li {
	display: inline; /* On utilise ceci plutôt que float: left; pour pouvoir centrer le ul dans le div */
	margin: 0 0.4em;
	padding: 0;
}

ul#footer_link li.tiret {
	background: url(/images/bg_li_footer.png) no-repeat right center;
	padding-right : 10px;
}

ul#footer_link a.selected {
	color: #BE900D;
}

/*
 * Plan du site
 */
.left_col {
	float: left;
}

.right_col {
	float: left;
}

/*
 * Formulaire de contact
 */
#inscription_form {
	width: 100%;
	border-bottom: 0.2em solid #BE900D;
	margin-left: 0em;
}

#inscription_form .field {
	text-align : right;
	padding: 0.3em;
}

.bg_inscription_e {
	background-color: #F0F4F9;
}

.bg_inscription_i {
	background-color: #F0F4F9;
}

.bg_inscription_e td, .bg_inscription_i td {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding: 4px;
}

.message {
	width: 28em;
	height: 6em;
}

#inscription_form input.text {
	width: 28em;
}

#project_form {
	width: 100%;
	border-bottom: 0.2em solid #BE900D;
	margin: auto;
}

.bg_admin_project {
	background-color: #F0F4F9;
}

.bg_admin_project td {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding: 4px;
}

.project {
	margin: 10px;
	padding: 6px;
	border: dotted 1px #C0C0C0;
	background-color: #FDF4DB;
}

.project_title {
	padding-bottom: 20px;
	margin-bottom: 4px;
	border-bottom: solid 1px #C0C0C0;
}

.project_fade {
	margin: 10px;
	padding: 6px;
	border: dotted 1px #C0C0C0;
	background-color: #EEEEEE;
}

.project_fade td {
	color: silver;
}

.project_fade .project_title {
	color: silver;
}