@import url(nav.css);

/* ---- CSS GENERALES ---- */

body {
	margin: 0;
	background-color: #DCDCDC;
	color: #3B3B3B;
	font-size: 11px;
	font-family: Arial;
}
#page {
	width: 740px;
	left: 50%;
	margin-left: -370px;
	position: absolute;
}
p {
	margin: 10px 0 10px 0;
}
a {
	color: #000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a.rouge {
	color: #990000;
	text-decoration:none;
}
a.rouge:hover {
	text-decoration:underline;
}

.cadre_noir {
	background-color:#464646;
	color:#F2F2F2;
	font-weight:bold;
	display:inline;
	padding: 3px;
	font-size:11px;
}
.cadre_vert {
	background-color:#CBE31F;
	color:#464646;
	font-weight:bold;
	display:inline;
	padding: 3px;
	font-size:11px;
}
.texte_intro {
	padding: 0 20px 0 7px;
}
.fermerture_div {
	clear: both;
	height: 1px;
	margin: 0;
	visibility:hidden;
}
h1 {
	font-size:14px;
	color:#000;
	margin-top:0;
}
h4 {
	font-size:11px;
	color:#000;
}
.onglet_vide {
	background-image: url(images/barre_titre_vide.gif);
	background-repeat: no-repeat;
	padding: 12px 0 0 20px;
	width: 456px;
	height: 17px;
}
.nom_societe {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3B3B3B;
	font-weight:bold
}
tr.fond_gris td {
	background-color: #F0F0F0;
	height: 20px;
}

tr.fond_blanc td {
	background-color: #FFF;
	height: 20px;
}
input,textarea {
	border: 1px solid #CEE432;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: White;
}
div.liens_societe {
	position: absolute;
	left: 380px;
	background-color: White;
	width: 115px;
	height: 16px; 
}
div.liens_societe a {
	color: #770900;
	text-decoration: none;
	font-size:10px;
}

div.liens_societe a:hover {
	color: #770900;
	text-decoration: underline;
}
.lien_pdf {
	color:#B40E00;
	text-decoration: none;
}

.lien_pdf:hover {
	color:#B40E00;
	text-decoration: underline;
}
.ligne_sep {
	line-height: 3px;
	height: 3px;
	background-image: url(images/ligne_pts_gris.png);
}
div.page_cours {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3B3B3B;
	background-image: url(images/bord_g_investire.png);
	background-repeat: no-repeat;
}

/*_____ HEADER _______*/

#header {
	width: 704px;
	height: 165px;
	background-color:#FFF;
	padding: 0 18px 0 18px;
	background-image: url(images/fond_master.gif);
}
#header .bandeau {
	width: 100%;
	height: 107px;
	background-image: url(images/div/header.jpg);
}
#header .alternext {
	width: 532px;
	padding: 3px 0 0 18px;
	float: left;
}
#header .logo {
	width: 120px;
	padding: 10px 0 0 30px;
	float: left;
}

/*_____ CORPS _______*/

#corps {
	width: 704px;
	background-color:#FFF;
	padding: 0 18px 0 18px;
	background-image: url(images/fond_master.gif);
	float: left;
}
#corps .conteneur {
	width: 100%;
	float: left;
}
#corps .contenu {
	width: 482px;
	padding: 0 0 20px 18px;
	float: left;
}
#corps .menu_droite {
	width: 200px;
	float: left;
}

/*_____ MENU DROITE _______*/

.droite {
	width: 195px;
	background-color: White;
	vertical-align: top;
	padding: 0 0 0 5px;
}
.droite * {
	padding: 0px;
	margin: 0px;
}
.droite div.titre_top_droite {
	background-image: url(images/fond_top_droite.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 183px;
	height: 26px;
	color: #2D2D2D;
}
.droite div.titre_top_droite div {
	color: #2D2D2D;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 5px;
}
.droite div.titre_droite {
	background-image: url(images/fond_droite_titre.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 183px;
	height: 46px;
}
.droite div.titre_droite div {
	color: #2D2D2D;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 12px;
	margin-top: 0px;
}
.droite div.data_droite {
	width: 183px;
	color: #030303;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EFEFEF;
}
.droite div.data_droite div {
	width: 163px;
	color: #030303;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EFEFEF;
	margin-left: 10px;
	margin-right: 10px;
}
.droite div.data_droite div.avantage {
	margin-bottom: 8px;
	color: #3B3B3B;
}
.droite div.data_droite p {
	width: 163px;
	color: #030303;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #EFEFEF;
	padding-bottom: 3px;
	margin-top: 0px;
	
}
.droite div.data_droite span.date {
	font-style: italic;
	color: #5B5B5B;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/*_____ FOOTER _______*/

#footer {
	width: 700px;
	height: 33px;
	color: #FFF;
	font-size: 10px;
	padding: 4px 20px 0 20px;
	background-image: url(images/fond_footer.gif);
	float: left;
}
#footer .copyright {
	width: 350px;
	float: left;
}
#footer .mentions_legales {
	width: 350px;
	text-align:right;
	float: left;
}
#footer .mentions_legales a {
	color: #FFF;
}
#footer .credits {
	width: 704px;
	color: #000;
	text-align:right;
	padding: 3px 0 0 0;
	float: left;
}

/* ---- HOME PAGE ---- */

/*_____ TROIS BLOCS _______*/

#trois-blocs {
	width: 290px;
	float: left;
}
#tri-blocs {
	width: 100%;
	height: 80px;
	margin-bottom: 5px;
	background-image: url(images/fond_l!.png);
}
#tri-blocs .marge_img {
	margin: 7px 15px 0 0;
	float: left;
}
#tri-blocs p {
	margin: 3px 0 3px 0;
}

/*_____ ZONE IMAGE _______*/

#zone-image {
	width: 185px;
	height: 255px;
	margin: 0 0 0 5px;
	float: left;
}

/*_____ TROIS BLOCS CAMPAGNE _______*/

#trois-blocs-campagne {
	width: 220px;
	float: left;
}
#tri-blocs-campagne {
	width: 100%;
	height: 80px;
	margin-bottom: 5px;
	background-image: url(images/campagne_auplata/fond_3_blocs.png);
	background-repeat:no-repeat;
}
#tri-blocs-campagne .marge_img {
	margin: 7px 10px 0 0;
	float: left;
}
#tri-blocs-campagne p {
	margin: 3px 0 3px 0;
}

/*_____ ZONE IMAGE CAMPAGNE _______*/

#zone-image-campagne {
	width: 257px;
	height: 255px;
	margin: 0;
	float: left;
}

/*_____ ACTUALITES / COMMUNIQUES _______*/

#actualites-communiques {
	width: 495px;
	height: 185px;
	font-size: 11px;
	font-family: Arial;
	padding: 0 0 5px 0;
	margin-left: -15px;
	*margin-left: -8px;
	background-image:url(images/fond_actu_com_hp.jpg);
	line-height: 13px;
	float: left;
}

#actualites {
	width: 268px;
	height: 120px;
	text-align: left;
	padding: 42px 0 0 25px;
	line-height: 15px;
	float: left;
}
#actualites a {
	font-weight:bold;
}
#communiques {
	width: 155px;
	height: 160px;
	padding: 30px 15px 0 25px;
	float: left;
}
#communiques a {
	color: #000;
	text-decoration:none;
}

/*_____ DEUX BLOCS _______*/

#duo-blocs-gauche {
	width: 225px;
	height: 240px;
	margin: 0 0 0 -1px;
	background-image: url(images/alternext_et_vous_g.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}
#alternext-vous {
	width: 210px;
	height: 215px;
	padding: 0 0 0 15px;
}
#alternext-vous p {
	margin: 5px 0 5px 0;
}
#alternext-vous ul {
	margin: 10px 0 0 -25px;
	*margin: 0 0 0 20px;
}
#alternext-vous li {
	display: list-item;
	list-style-image: url(images/puce_savoirplus.gif);
	vertical-align:middle;
}
#duo-blocs-droite {
	width: 255px;
	height: 240px;
	margin: 0 0 0 -5px;
	background-image: url(images/alternext_des_cotes_g.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}
#interview-dirigeant {
	width: 240px;
	height: 215px;
	padding: 0 0 0 15px;
}
#interview-dirigeant p {
	margin: 0px 0 5px 0;
	text-align: justify;
}
#interview-personne {
	width: 100%;
	height: 105px;
	padding: 5px 0 0 0;
	font-size: 10px;
}
#interview-personne img {
	margin: 6px 0 0 0;
	float: left;
}
#interviewe {
	width: 60px;
	height: 85px;
	padding: 5px 5px 0 5px;;
	float: left;
	
}
#lire-aussi {
	width: 78px;
	height: 96px;
	padding: 9px 5px 0 7px;
	background-image: url(images/fond_vert.png);
	float: left;
}

/*_____ TELECHARGEMENT _______*/

#telechargement {
	width: 470px;
	height: 65px;
	font-size:10px;
	padding: 35px 0 0 10px;
	margin: 0 0 0 -1px;
	background-image: url(images/fond_telechargement.jpg);
	float: left;
}
#telechargement a {
	font-weight:bold;
	font-size: 11px;
}

/* ---- FICHE SOCIETE ---- */

.zone_gris {
	color: #3B3B3B;
	background-image: url(images/zone_g_fond.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 20px;
}
div.zone_gris table.coordonnees {
	width: 400px;
}
div.zone_gris table.coordonnees td#tromb {
	background-repeat: no-repeat;
	background-image: url(images/zone_g_tromb_fond.png);
	width: 170px;
	height: 120px;
	font-size: 10px;
}
td#tromb div#tromb_data {
	padding: 16px 17px 2px 14px;
}
td#tromb span.nom {
	font-weight: bold;
	font-size: 12px;
}
td#tromb span.code {
	line-height: 11px;
	text-align: right;
	display: block; 
	margin: 0 10px 4px 0;
}
td#tromb span.link {
	margin-top: 10px;
	display: block;
	text-align: center;
}
td#tromb span.link a {
	color: #B3C91B;
	text-decoration: none;
}
td#tromb span.link a:hover {
	color: #B3C91B;
	text-decoration: underline;
}
div.retour {
	position: relative;
	top: 2px;
	left: 185px;
	width: 100px;
	height: 16px; 
}
div.retour a {
	display: block;
	border-bottom:1px dotted #CCC;
	background-color:#FFF;
	text-align:right;
	color:#660000;
	padding: 1px;
}

/* ---- FICHE SOCIETE EN COURS D'INTRODUCTION ---- */

#fiche_societe_candidate {
	padding: 0 15px 0 15px;
	background-image: url(images/div/bord_g_contenu.jpg);
	background-repeat:no-repeat;
}
#fiche_societe_candidate h4 {
	display: list-item;
	list-style-image: url(images/puce_l2.png);
	vertical-align:middle;
	font-size:11px;
	line-height:11px;
	margin: 15px 0 0 25px;
	*clear: left;
}
#fiche_societe_candidate .entete {
	height: 45px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	font-size:10px;
	border-bottom: 1px dotted black;
}
#fiche_societe_candidate .entete .logo_secteur {
	width: 75%;
	float: left;
	font-size:11px;
	font-weight: bold;
}
#fiche_societe_candidate .entete .logo_secteur img {
	margin: 0 10px 0 0;
	float:left;
}
#fiche_societe_candidate .entete .menu {
	width: 25%;
	float: left;
}
#fiche_societe_candidate .entete .menu ul {
	margin-top: 0;
	margin-left: -20px;
	*margin-left: 15px;
	text-align:right;
}
#fiche_societe_candidate .entete .menu li {
	display: list-item;
	list-style-image: url(images/puce_savoirplus.gif);
	vertical-align:middle;
}
#fiche_societe_candidate .bloc_contenu {
	text-align: justify;
	margin: 10px 0 15px 0;
}
#tableau-chiffres {
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	display:table;
	*clear: left;
}
#tableau-chiffres .annees {
	text-align: center;
	display: table-row;
}
#tableau-chiffres .annees .titre-bloc {
	width: 145px;
	padding: 5px 0 5px 0;
	background-color:#CBE31F;
	display: table-cell;
	vertical-align: middle;
	*float: left;
}
#tableau-chiffres .annees .annee {
	width: 100px;
	color: #FFF;
	padding: 5px 0 5px 0;
	background-color:#464646;
	border-left: 2px solid white;
	display: table-cell;
	vertical-align: middle;
	*float: left;
}
#tableau-chiffres .chiffres {
	text-align: right;
	display: table-row;
	*clear:left;
}
#tableau-chiffres .chiffres .titres {
	text-align: left;
	width: 145px;
	display: table-cell;
	*float: left;
}
#tableau-chiffres .chiffres .chiffre {
	text-align: right;
	width: 100px;
	display: table-cell;
	*float: left;
}

/* ---- INTRODUCTIONS EN COURS ---- */

#introduction_en_cours {
	padding: 15px 15px 0 15px;
	background-image: url(images/div/bord_g_contenu.jpg);
	background-repeat:no-repeat;
}
#introduction_en_cours .operations_en_cours {
	padding: 0 0 15px 0;
}
#introduction_en_cours .ligne-societe {
	height: 70px;
	border-bottom: 1px dotted black;
	clear:both;
}
#introduction_en_cours .ligne-societe div {
	margin-top: 10px;
	float: left;
}
#introduction_en_cours .ligne-societe .logo {
	padding-top: 10px;
	text-align:center;
	width: 30%;
}
#introduction_en_cours .ligne-societe .secteur {
	width: 45%;
}
#introduction_en_cours .ligne-societe .secteur .texte_rouge {
	font-weight:bold;
	color:#990000;
}
#introduction_en_cours .ligne-societe .menu {
	padding-top: 5px;
	width: 25%;
}
#introduction_en_cours .ligne-societe .menu ul {
	margin: 0;
	margin-left: -20px;
	*margin-left: 15px;
}
#introduction_en_cours .ligne-societe .menu li {
	display: list-item;
	list-style-image: url(images/puce_savoirplus.gif);
	vertical-align:middle;
	border-bottom: 1px dotted #CCC;
}
#introduction_en_cours .ligne-societe .menu li a:hover {
	display:block;
	background-color:#CBE31F;
	text-decoration:none;
}

/* ---- INTERVIEWS ---- */

#interviews {
	padding: 15px 15px 0 15px;
	background-image: url(images/div/bord_g_contenu.jpg);
	background-repeat:no-repeat;
}
#interviews .ligne-grande-interview {
	padding: 0;
}
#interviews .ligne-grande-interview div {
	margin-top: 5px;
	float: left;
}
#interviews .ligne-grande-interview .photo {
	width: 25%;
}
#interviews .ligne-grande-interview .texte {
	width: 75%;
}
#interviews .ligne-grande-interview .texte p {
	font-weight:bold;
}
#interviews .ligne-grande-interview .texte .texte_rouge {
	font-weight:bold;
	color:#990000;
}

#interviews .ligne-petite-interview {
	padding: 0;
}
#interviews .ligne-petite-interview div {
	padding: 5px 0 5px 0;
	*padding: 10px 0 0 0;
	float: left;
}
#interviews .ligne-petite-interview .personne {
	font-weight:bold;
	width: 30%;
}
#interviews .ligne-petite-interview .poste-societe {
	width: 40%;
}
#interviews .ligne-petite-interview .menu {
	width: 30%;
}
#interviews .ligne-petite-interview .menu ul {
	margin: 0;
	margin-left: -10px;
	*margin-left: 25px;
}
#interviews .ligne-petite-interview .menu li {
	display: list-item;
	list-style-image: url(images/puce_savoirplus.gif);
	vertical-align:middle;
	text-decoration:none;
	border-bottom: 1px dotted #CCC;
}

.question {
	display: block;
	font-weight:bold;
	padding: 5px 0 5px 0;
}
.reponse {
	padding: 5px 0 5px 0;
}

/* ---- ACTUALITE ALTERNEXT ---- */

#actualite_alternext {
	padding: 15px 15px 0 15px;
	background-image: url(images/div/bord_g_contenu.jpg);
	background-repeat:no-repeat;
}
.date_actu_altx {
	font-size: 13px;
	font-weight: bold;
}
#communique_pdf {
	margin-top: 15px;
	padding: 5px 0 5px 15px;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
}

/* ---- POURQUOI ALTERNEXT ---- */

div.pourquoialter {
	width: 464px;
	height: 301px;
}

span.emet {
	color: #760A00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 9px;
	margin-left: 75px;
	display: block;
}
span.emet_data {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 5px;
	margin-left: 15px;
	display: block;
	width: 197px;
	line-height: 13px;
}
span.invest {
	color: #760A00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 9px;
	margin-left: 80px;
	display: block;
	line-height: 13px;
}

span.invest_data {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 200px;
	margin-top: 5px;
	margin-left: 23px;
	display: block;
}

span.listing {
	color: #760A00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 16px;
	margin-left: 0px;
	margin-right: 25px;
	display: block;
	text-align: center;
}
span.listing_data {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 6px;
	margin-left: 12px;
	display: block;
	width: 196px;
}

span.capital {
	color: #760A00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 40px;
	margin-right: 25px;
	display: block;
	text-align: center;
}
span.capital_data {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 6px;
	margin-left: 26px;
	margin-right: 3px;
	display: block;
	width: 190px
}

div.pourquoialter div.un {
	width: 232px;
	height: 151px;
	background-image: url(images/alternext_fond1.png);
	float: left;
}

div.pourquoialter div.deux {
	width: 232px;
	height: 151px;
	background-image: url(images/alternext_fond2.png);
	float: left;
}

div.pourquoialter div.trois {
	width: 232px;
	height: 150px;
	background-image: url(images/alternext_fond3.png);
	float: left;
}

div.pourquoialter div.qautre {
	width: 232px;
	height: 150px;
	background-image: url(images/alternext_fond4.png);
	float: left;
}

/* ---- ACTUALITE SOCIETES ALTERNEXT ---- */

.ligne_actualite {
	padding:5px;
	border:1px solid #DDDDDD;
	margin-bottom: 10px;
}

/* ---- GLOSSAIRE ---- */

a.glossaire {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #CEE432;
	background-color: #ffffff;
	text-decoration: none;
	font-family: Arial;
	font-size:12px;
	line-height:20px;
}
a.glossaire:hover {
	color: #000000;
	background-color:#CEE432;
	text-decoration: none;
}
.lettre_sel {
	padding-right: 5px;
	margin-right: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #CEE432;
	text-decoration: none;
	font-family: Arial;
	font-size:12px;
	line-height:20px;
	background-color:#CEE432;
}
.page_sel {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #8E0600;
	text-decoration: none;
	font-family: Arial;
	font-size:12px;
	line-height:20px;
	background-color:#8E0600;
}