/**
*		FEUILLE DE STYLE SECONDAIRE - site Axone Invest
*		  -> Accueil
*	(c) itiConseil (http://www.iti-conseil.com)
*		Juillet 2006
**/

/******************************************************/
/*
/*				Contenu de la page d'accueil
/*
/******************************************************/


/******************************************************/
/*
/*			Styles généaux
/*
/******************************************************/
body {
	background-color:#F6F3F5;
}
p {
	margin:0;
	padding:0;
}
img {
	border:0;
}

/******************************************************/
/*
/*			Placement des éléments principaux
/*
/******************************************************/
#identitaire {
	position:absolute;
	top:5px;
	width:936px;
	height:175px;
	background-image:url(../images/fond-identitaire.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-left:-468px ;
	left:50% ;
}
#menu {
	position:absolute;
	top:180px;
	width:936px;
	height:40px;
	background-image:url(../images/fond-menu.gif);
	background-repeat:repeat-x;
	margin-left:-468px ;
	left:50% ;
}
#contenu {
	position:absolute;
	top:220px;
	width:936px;
	height:427px;
	margin-left:-468px ;
	left:50% ;
}
#pied {
	position:absolute;
	top:647px;
	width:936px;
	height:45px;
	background-color:#F6F3F5;
	border-top:#CAC0B6 2px solid;
	border-bottom:#CAC0B6 2px solid;
	margin-left:-468px ;
	left:50% ;
	overflow:hidden ;
}
#mentions {
	position:absolute;
	top:696px;
	width:936px;
	height:27px;
	background-color:#E4DFDC;
	margin-left:-468px ;
	left:50% ;
}
#xitilogo {
	position:absolute;
	top:737px;
	width:936px;
	height:27px;
	text-align:center ;
	margin-left:-468px ;
	left:50% ;
}

/******************************************************/
/*
/*			La Zone identitaire
/*
/******************************************************/
#identitaire .logo {
	position:relative;
	margin-top:25px;
	margin-left:337px;
}
#identitaire .txt_presentation {
	position:relative;
	margin-top:10px;
	margin-left:337px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#867866;
	text-align:justify;
}
#identitaire .accroche {
	position:relative;
	margin-top:10px;
	margin-left:337px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#012D50;
}

/******************************************************/
/*
/*				Le menu principal
/*
/******************************************************/
#menu .left {
	float:left;
	width:9px;
}
#menu .right {
	float:right;
	width:9px;	
}
dl, dt, dd, ul, li, a, p {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
margin: 4px 0 0 0;
}
#menu dl.menu_axone {
	width:125px;
}
#menu dl.menu_solutions {
	width:180px;
}
#menu dl.menu_presse {
	width:127px;
}
#menu dl.menu_contact {
	width:130px;
}
#menu dt {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#012D50;
text-decoration:none;
font-weight:normal;
padding:6px 0px 6px 25px;
background-image:url(../images/menu-puce.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
#menu dd {
display:none;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
}
#menu p {
text-align: center;
padding:0;
margin:0;
height:16px;
}
#menu p a {
display:block;
margin:0;
height:13px;
padding:1px 0 2px 5px;
text-align:left;
/*padding:4px 5px 3px 5px;*/
background-color:#9FC8FE;
opacity: 0.9;
filter:alpha(opacity=90);
color:#012D50;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
background-image:url(../images/blanc.gif);
background-position:bottom;
background-repeat:repeat-x;
}
#menu p a:hover {
background-color:#012D50;
color:#9FC8FE;
opacity: 1;
filter:alpha(opacity=100);
}
#menu dt a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#012D50;
text-decoration:none;
font-weight:normal;
}
#menu dt a:hover {
text-decoration:underline;
}
#menu dt a.blog {
	font-weight:bold;
}

#menu dl.menu_blog {
	margin-left:125px;
	width:230px;
}
#menu dl.menu_blog dt {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#012D50;
text-decoration:none;
font-weight:normal;
padding:6px 0px 6px 15px;
background-image:url(../images/menu-puce-rsort.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

/******************************************************/
/*
/*				Pied de page
/*
/******************************************************/
#pied .gauche {
/*	float:left;*/
	color:#584832;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.ml {
	color:#584832;
	text-decoration:underline;
}
a.ml:hover {
	text-decoration:none;
}
#pied .droit {
	float:right;
	color:#584832;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:291px;
	padding-left:24px;
	background-image:url(../images/separateur-pied.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:45px ;
	overflow:hidden ;
}

#pied .droit p.b {
	width:110px ;
	margin-right:30px ;
	float:left ;
}

#pied .droit p.c {
	width:130px ;
	float:left ;
}

#pied h1, #pied div.pj {
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#584832;
	font-weight:normal;
	width:613px;
	height:30px;
}

/******************************************************/
/*
/*				Mentions en bas de page
/*
/******************************************************/
#mentions p {
	padding-top:10px;
	width:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#584832;
}
#mentions a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#584832;
	text-decoration:underline;
}
#mentions a:hover {
	text-decoration:none;
}
.refman{
	display:none;
}
/******************************************************/
/*
/*				CONETNU INTERNE
/*
/******************************************************/

/*************************************
*		Cadre FOCUS
*************************************/
#focus {
	position:absolute;
	top:0px;
	left:0px;
	width:321px;
	height:244px;
	background-image:url(../images/accueil/focus-fond.gif);
	background-repeat:no-repeat;
}
#focus .fo_titre {
	font-weight:bold;
	font-size:11px;
}
#focus .texte {
	position:absolute;
	top:17px;
	left:132px;
	width:176px;
	height:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#012D50;
}
#focus a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#012D50;
	text-decoration:none;
}
#focus a:hover {
	text-decoration:underline;
}
#focus .savoir_plus {
	position:absolute;
	top:212px;
	left:243px;
}
#focus .image {
	position:absolute;
	top:65px;
	left:22px;
	text-align:center;
}
#focus .image img {
	border:#FFFFFF 1px solid;
}

/*************************************
*		Cadre PROFESSIONNELS
*************************************/
#carre_pro {
	position:absolute;
	top:244px;
	left:0px;
	width:321px;
	height:183px;
	background-image:url(../images/accueil/pro-fond.gif);
}
#carre_pro .texte {
	position:absolute;
	top:43px;
	left:14px;
	width:155px;
	height:75px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#867866;
}
#carre_pro .texte_connexion {
	position:absolute;
	top:70px;
	left:14px;
	width:155px;
	height:75px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}
#carre_pro .savoir_plus {
	position:absolute;
	top:148px;
	left:18px;
}
#carre_pro .formulaire {
	position:absolute;
	top:43px;
	left:180px;
	width:127px;
	height:119px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#867866;
}
#carre_pro .champ {
	width:92px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#867866;
}
#carre_pro .bouton {
	width:21px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#867866;
	border:#B29172 1px solid;
	background-color:#FFFFFF;
}
#carre_pro a.perdu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF912F;
	text-decoration:underline;
}
#carre_pro a.perdu:hover {
	text-decoration:none;
}

#carre_particulier {
	position:absolute;	
	top:0;
	left:321px;
	width:616px;
	height:427px;
	background-image:url(../images/accueil/part-titre.gif);
	background-position:top;
	background-repeat:no-repeat;
}

/*************************************
*		Cadre INVESTISSEZ
*************************************/
#carre_particulier .part_investissez {
	float:left;
	margin-top:42px;
	width:204px;
	height:384px;
	background-image:url(../images/accueil/investissez-fond.jpg);
}
#carre_particulier .btn_investissez span {
	display:none;
}
#carre_particulier a.btn_investissez {
	display:block;
	width:186px;
	height:130px;
	background-image:url(../images/accueil/investissez-btn.jpg);
	background-position:0 0;
}
#carre_particulier a.btn_investissez:hover {
	background-position:0 -130px;
}
#carre_particulier .investissez_titre a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF6F2F;
	text-decoration:none;
}
#carre_particulier .investissez_titre a:hover {
	text-decoration:underline;
}
#carre_particulier .investissez_titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:12px;
	padding-top:10px;
	width:165px;
}
#carre_particulier .investissez_texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:12px;
	width:165px;
	height:115px;
}
#carre_particulier .investissez_texte a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF6F2F;
	text-decoration:none;
}
#carre_particulier .investissez_texte a:hover {
	text-decoration:underline;
}
#carre_particulier .investissez_puce {
	background-image:url(../images/accueil/investissez-puce.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#867866;
	padding-left:18px;
	width:165px;
	height:30px;
}
#carre_particulier .investissez_puce a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#867866;
}
#carre_particulier .investissez_puce a:hover {
	text-decoration:underline;
}
#carre_particulier .investissez_savoir_plus {
	text-align:right;
	padding:18px 22px 0 0;
}

/*************************************
*		Cadre REDUISEZ
*************************************/
#carre_particulier .part_reduisez {
	float:left;
	margin-top:42px;
	width:207px;
	height:384px;
	background-image:url(../images/accueil/reduisez-fond.jpg);
}
#carre_particulier .btn_reduisez span {
	display:none;
}
#carre_particulier a.btn_reduisez {
	display:block;
	width:189px;
	height:130px;
	background-image:url(../images/accueil/reduisez-btn.jpg);
	background-position:0 0;
}
#carre_particulier a.btn_reduisez:hover {
	background-position:0 -130px;
}
#carre_particulier .reduisez_titre a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF2D72;
	text-decoration:none;
}
#carre_particulier .reduisez_titre a:hover {
	text-decoration:underline;
}
#carre_particulier .reduisez_titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:12px;
	padding-top:10px;
	width:165px;
}
#carre_particulier .reduisez_texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:12px;
	width:165px;
	height:115px;
}
#carre_particulier .reduisez_texte a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF2D72;
	text-decoration:none;
}
#carre_particulier .reduisez_texte a:hover {
	text-decoration:underline;
}
#carre_particulier .reduisez_puce {
	background-image:url(../images/accueil/reduisez-puce.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#867866;
	padding-left:18px;
	width:165px;
	height:20px;
}
#carre_particulier .reduisez_puce a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#867866;
}
#carre_particulier .reduisez_puce a:hover {
	text-decoration:underline;
}
#carre_particulier .reduisez_savoir_plus {
	text-align:right;
	padding:18px 22px 0 0;
}

/*************************************
*		Cadre OPTIMISEZ
*************************************/
#carre_particulier .part_optimisez {
	float:left;
	margin-top:42px;
	width:204px;
	height:384px;
	background-image:url(../images/accueil/optimisez-fond.jpg);
}
#carre_particulier .btn_optimisez span {
	display:none;
}
#carre_particulier a.btn_optimisez {
	display:block;
	width:188px;
	height:130px;
	background-image:url(../images/accueil/optimisez-btn.jpg);
	background-position:0 0;
}
#carre_particulier a.btn_optimisez:hover {
	background-position:0 -130px;
}
#carre_particulier .optimisez_titre a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CB258D;
	text-decoration:none;
}
#carre_particulier .optimisez_titre a:hover {
	text-decoration:underline;
}
#carre_particulier .optimisez_titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:12px;
	padding-top:10px;
	width:165px;
}
#carre_particulier .optimisez_texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:12px;
	width:165px;
	height:115px;
}
#carre_particulier .optimisez_texte a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CB258D;
	text-decoration:none;
}
#carre_particulier .optimisez_texte a:hover {
	text-decoration:underline;
}
#carre_particulier .optimisez_puce {
	background-image:url(../images/accueil/investissez-puce.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#867866;
	padding-left:18px;
	width:165px;
	height:20px;
}
#carre_particulier .optimisez_puce a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#867866;
}
#carre_particulier .optimisez_puce a:hover {
	text-decoration:underline;
}
#carre_particulier .optimisez_savoir_plus {
	text-align:right;
	padding:18px 22px 0 0;
}