@charset "utf-8";
/* CSS Document */

/* CSS Document ====================== */
/* Auteur : Virginie Fernandez
/* =================================== */

/* =============== */
/* STYLE PRINCIPAL */
/* =============== */

* html #element { height: 1px; }


body {
background:url(../images/fond.jpg) top left repeat-x #fff;
background-attachment:scroll;
margin:0;
padding:0;
text-align:center;
}

html, body {
height:100%;
width:100%;
}

/*================================================*/
/*  Style structure de la page  */
/*================================================*/

#conteneur{
width:941px;
padding:0px;
position:relative;
text-align:left;
margin:0px auto;
background:url(../images/bg_conteneur.gif) repeat-y;
}

#contenu{
padding:0px;
min-height:300px !important;	
height:auto !important;
height:300px;
text-align:center;
margin:0px;
top:0px;
background:url(../images/back_finentiel.jpg) top no-repeat;
margin:0px auto;
width:920px;
}

#haut {
height:337px;
margin:0 auto;
padding:0;
position:relative;
text-align:center;
top:0px;
width:920px;
background:url(../images/haut_finentiel3.jpg) no-repeat top left;
}

#liens {
height:25px;
text-align:right;
padding: 5px 10px 0px 0px;
color:#FFFFFF;
}

#liens a, #liens a:link, #liens a:visited, #liens a:active{
color:#FFFFFF;
}
#liens a:hover {
color:#333;
}

#actions td{
padding:2px;
}

#actions td{
padding:2px;
}

#texte {
width:100%;
/*  Adaptez la hauteur d'affichage de votre site */
min-height:300px !important;	
height:auto !important;
height:300px;
text-align:left;
float:left;
display:inline;
margin:0px;
padding:20px 0px;
top:0px;
}

#int {
margin: 0px 20px;
}

#bas{
margin:0px;
padding:12px 18px 0px 0px;
position:relative;
text-align:right;
clear:both;
background:url(../images/bas_finentiel.jpg) bottom left no-repeat;
height:41px;
font-size:10px;
}
#bas a, #bas a:link, #bas a:visited, #bas a:active{
color:#FFFFFF;
font-size:10px;
}

#bas a:hover{
color:#333;
font-size:10px;
}

#droite {
margin:0px;
width:650px;
text-align:justify;
float:left;
}



/* =============== */
/* STYLES GENERAUX */
/* =============== */
p{
	margin:0;
	padding:0;
}
div{
	margin:0;
	padding:0;
}




/* ===================== */
/* STYLES TYPOGRAPHIQUES */
/* ===================== */

body, table, td, p, .texte, select, textarea, input {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
.texte{
	text-align:left;
	color:#666666;
}

.texte_blanc{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fefef8;
}

.petit_texte {
font-size:10px;
color:#418ace;
}

table{
	border-collapse:collapse;
	border:0;
	padding:0;
	margin:0;
}
a:link, a:visited, a:active{
	color:#398bd5;
	text-decoration:none;
}

a:hover{
	color:#333;
	text-decoration:none;
}

h1{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:inline;
}

h2 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
}
h3 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
}

/* LISTES */
ul, li {
	margin-left:15px;
	padding:0;
}
ul{
	margin:0px;
}
li{
	padding:0px;
	/*list-style-image:url("images/signet.gif");*/
}


/* ================== */
/* FORMULAIRE CONTACT */
/* ================== */
form{
	margin:0;
}
div.contact input, div.contact textarea, div.contact select, div.contact fieldset{
	border:1px solid #ccc;
	margin:2px 0;
	background:#fff;
	color:#666;
	font-weight:normal;
	padding:1px 5px;
	width:160px;
}

/* bouton d'envoi de formulaire */
div.contact input.bt-envoi{
	background:#fff;
	padding:2px 5px;
	font-size:10px;
	font-weight:bold;
	color:#666;
	border:0px;
	width:160px;
	height:20px;
	cursor:pointer;
}
/* boite a cocher (pour enlever le fond de couleur) */
.coche{
	background:none;
	border:0;
	width:auto;
}

div.contact .focus1{
background:#fff;
}
div.contact .focus {
background-color:#feeeac;
}

input.amis{
background:url(../images/bt_ami.png) no-repeat center #fff;
width:16px;
height:16px;
border:0;
padding:0;
margin:0;
cursor:pointer;
}

input.rappel{
background:url(../images/bt_tel.png) no-repeat center #fff;
width:16px;
height:16px;
border:0;
padding:0;
margin:0;
cursor:pointer;
}

/* ================== */
/* PAGE PRESENTATION */
/* ================== */
.bloc{
	 width:146px; 
	 padding:210px 13px 0px 13px;
	 margin:0px 20px 0px 0px;
	 float:left;
}
.bloc_tendances{
	width:401px; 
	padding:50px 13px 0px 13px;
	float:right;
	margin:0px;
	background:none;
	height:200px;
}

.tab_tendances {
width:95%;
position:relative;
}
.tab_tendances td{
padding:5px;
border-bottom:1px dotted #ccc;
}

.tab_tendances th{
padding:5px;
border-bottom:1px dotted #ccc;
background-color:#feeeac;
}
.trait {
width:1px;
height:250px;
margin:0px 0px 0px 25px;
float:left;
background-color:#FFFFFF;
}
/* ================== */
/* PAGE PROJETS */
/* ================== */
.blocvide{
	 width:146px; 
	 padding:10px 13px 0px 13px;
	 margin:0px 0px 0px 20px;
	 float:right;
}
.blocpage{
	 width:274px; 
	 padding:10px 10px 0px 10px;
	 margin:0px 0px 20px 40px;
	 float:right;
}
.bloc_projets{
	 width:146px; 
	 padding:210px 13px 0px 13px;
	 margin:0px 0px 0px 20px;
	 float:right;
}
/* ================== */
/* MISE EN FORME FORMULAIRE */
/* ================== */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin:0;
	background-color:#fff;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;

}
legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color:#feeeac;
}
label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #ccc;
}
.radioCheck {
	margin: 0 1em 0 0.25em;	
}
input.text, textarea {
	width: 40%;
	background-color: #FFF;
	border: 0;
	margin-right: 0.25em;
	border:1px solid #ccc;	
	width:160px;
}

.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}
hr {
	clear: both;
	color: #cde5fb;
	background-color:#cde5fb;
	height: 1px;
	border: 0;
}
span.note {
	font-size: 0.75em;
}
span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}
div.simul .focus1{
	width: 40%;
	background-color: #FFF;
	border: 0;
	margin-right: 0.25em;
	border:1px solid #ccc;	
	width:160px;
}
div.simul .focus {
	width: 40%;
	background-color: #feeeac;
	border: 0;
	margin-right: 0.25em;
	border:1px solid #ccc;	
	width:160px;
}

/* ================== */
/* LEXIQUE */
/* ================== */

.lexique{clear:both; font-size:11px; color:#ccc; font-family:Arial, Helvetica, sans-serif; padding:5px; font-weight:bold; background-color:#FFFFFF;}
.lexique a{ color:#398bd5; font-weight:bold; padding: 0 2px 0 2px; text-decoration:none;}
.lexique a:hover{ background-color:#666; color:#fff; font-weight:bold;}

.zone_texte span
{
display:block;
padding: 10px 0 2px 0;
margin: 0 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#398bd5;
border-bottom:1px solid #ccc;
}
.zone_texte strong
{ clear:both; width:100%;float:left; display:block; padding: 10px 0 5px 0;font-size:12px;}
.zone_texte ul
{ clear:both; margin: 0 0 0 10px; padding: 0}
.zone_texte ul li
{ color:#0099CC;}

.zone_texte h2
{ padding:5px; background-color:#eee}




a.info_aide {
	position:relative;
	text-decoration:none;
	color:black;
	cursor:default;
	/*border-bottom: 1px gray dotted;*/
}

a.info_aide span {
	display:none;
}
a.info_aide:hover {
	background:none;
	text-decoration:none;
	cursor:default;
}

a.info_aide:hover span {
	display:inline;
	position:absolute;
	z-index:500;
	top:30px;
	left:20px;
	background:#ccc;
	text-align:center;
	color:#000;
	padding:5px;
	width:200px;
	text-align:left;
}