/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #FFFFCC;
}
#general {
	width : 760px;
	background-color: #FFFFFF;
	border: 1px solid #99CC99;
	left: 50%;
	margin-left: -380px;
	top : 15px;
	position : absolute;
}
a img{
	border :0px;
}
h1{
color : #FFFFFF;
font-size : 18px;
font-weight : bold;
}
#img_demo{
position : absolute;
left : 340px;
top : 150px;
}

#bandeau {
	width : 760px;
	height : 128px;
	background-color : #FFFFFF;
}

#cibler{
	float : right;
	margin-left : -2px;
}

#logo{
	float : right;
}

#texte_bandeau{
	float : right;
	background-color : #FFFFFF;
	margin-top : -2px;
}

#contenu {
	background-color : #FFFFFF;
	width : 760px;
	position : relative;
}

#gauche{
	float : left;
	width : 173px;
	height : 100px;
	/*border: 1px solid #99CC99;*/
	margin-top : 27px;
	background-color : #FFFFFF;
}

.bandes{
	position : relative;
	margin-top : -2px;
	background-color : #FFFFFF;
}

#droite{
	margin-top : 27px;
	position : relative;
	width : 209px;
	float : right;
	margin-right : 3px;
	margin-bottom : -50px;
}




#centre{
	margin-top : 27px;
	position : relative;
	width : 340px;
	float : right;
	margin-right : 15px;
	margin-bottom : -50px;
}

#centre2{
	margin-top : 27px;
	position : relative;
	width : 551px;
	float : right;
	margin-right : 15px;
	margin-bottom : -50px;
	position : relative;
}

#flash_centre{
	margin-left : 10px;
	position : relative;
}
#flash_centre_droite{
margin-left : -7px;
	position : relative;
}
#flash_observer{
	top : 90px;
	position : absolute;
}
#liste_societe{
margin-left : 225px;

}
#img_societe{
position : absolute;
left : 20px;
top : 155px;
}

#cadre_central_centre {
	padding : 12px 10px 0px 15px;
	margin : -2px 1px 0px 1px;	
	background: url(images/ombrecote.gif) #FB6050 repeat-y top right;
}
#cadre_central_droite{
	padding-left : 15px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : -2px;
	background: url(images/interface/centre_droite_accueil.gif) repeat-y top right;
	padding-right : 7px;
	
}
#cadre_central_droite table{
	margin-left : -3px;
	margin-top : 0px;
}

.hauteur{

}
table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#cadre_central_droite img{
	margin-left : -2px;
	margin-top : 12px;
}
#cadre_central_droite a{
	color : #ffffff;
}

#haut_cadre{
	position : relative;
	margin-left : 1px;
	/*border: 0px solid #99CC99;*/
}

#bas_cadre2{
	position : relative;
	margin-left : 1px;
}

#pied1 { 
	width: 173px;
	clear: both !important;
}

#pied1_haut{
	margin-left : 0px;
}

#pied1_centre{
	width: 760px;
	margin-top : -3px;
}

#pied1_centre_droite{
	float : right;
	background: url(images/traitvert.gif) repeat-x;
	width: 211px;
	margin-top : 1px;
	height : 53px;
	position : relative;
}

#pied1_centre_centre{
	float : right;
	margin-top : 1px;
	position : relative;
}

#pied1_centre_gauche{

	float : right;
	margin-top : 1px;
	position : relative;
}
#pied{
	width : 760px;
	height : 30px;
	clear: both !important;
	position : relative;
	text-align : center;
}

#bordure_verte{
	background: url(images/bordureverte.gif) repeat-x;
	width: 760px;
	position : relative;
	height : 5px;
	padding-top : 3px;

}

#texte_pied a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#texte_pied a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
#liste{
margin-left : 240px;
clear: both !important;
position : relative;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top : 0px;
	padding-right : 10px;
	margin-top : 0px;
}
.hauteur_puce{
	margin-top : 4px;
}
#flash_source{
	position : absolute;
	left : 350px;
	top : 100px;
}

#flash_besoin{
	position : absolute;
	left : 330px;
	top : 100px;
}

.gras{
	font-weight : bold;
}
.italique{
	font-style : italic;
}
#img_savoir{
position : absolute;
top : 70px;
left : 320px;
}
.arialb{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
}
.arialb12{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
.arial12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.arialblue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000080;
}
.arialblueb{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000080;
}
.verda{
	font-family: Verdana;
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
}
.arialb9{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
}
/*------------------------------*/
/*			MENU				*/
/*------------------------------*/
#menu {
	position:absolute;
	top:27px;
	left:8px;
	margin:0;
	padding:10px 0 14px 24px;
	*padding-left:16px;
	width:155px;
	background:url("images/menu/fond-menugch.png") no-repeat left bottom;
}
#menu li {
	position:relative;
	list-style-type:none;
	list-style-position:outside;
}
#menu li#decohaute {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(images/menu/entete-accueil.png) no-repeat;
	width:173px;
	height:24px;
}
#menu li#li1 {
	list-style-image:url(images/menu/puce1.png);
}
#menu li#li2 {
	list-style-image:url(images/menu/puce2.png);
}
#menu li#li3 {
	list-style-image:url(images/menu/puce3.png);
}
#menu li#li4 {
	list-style-image:url(images/menu/puce4.png);
}
#menu li#li5 {
	list-style-image:url(images/menu/puce5.png);
}
#menu li#li6 {
	list-style-image:url(images/menu/puce6.png);
}
#menu li#li7 {
	list-style-image:url(images/menu/puce7.png);
}
#menu li#li8 {
	list-style-image:url(images/menu/puce1.png);
}
#menu li#li9 {
	list-style-image:url(images/menu/puce4.png);
}
#menu li a {
	display:block;
	padding-left:5px;
	margin-left:-7px;
	*margin-left:0;
	width:145px;
	height:20px;
	color:black;
}
#menu li a:hover {
	text-decoration:none;
}
#menu li#li1 a:hover, body.accueil #menu li#li1 a {
	background:url(images/menu/over1.png) no-repeat right top;
}
#menu li#li2 a:hover, body.homeobserver #menu li#li2 a {
	background:url(images/menu/over2.png) no-repeat right top;
}
#menu li#li3 a:hover, body.sources #menu li#li3 a  {
	background:url(images/menu/over5.png) no-repeat right top;
}
#menu li#li4 a:hover, body.besoins #menu li#li4 a  {
	background:url(images/menu/over4.png) no-repeat right top;
}
#menu li#li5 a:hover, body.formules #menu li#li5 a  {
	background:url(images/menu/over3.png) no-repeat right top;
}
#menu li#li6 a:hover, body.demo #menu li#li6 a  {
	background:url(images/menu/over6.png) no-repeat right top;
}
#menu li#li7 a:hover, body.savoirplus #menu li#li7 a  {
	background:url(images/menu/over7.png) no-repeat right top;
}
#menu li#li8 a:hover, body.societe #menu li#li8 a  {
	background:url(images/menu/over8.png) no-repeat right top;
}
#menu li#li9 a:hover, body.solutions #menu li#li9 a  {
	background:url(images/menu/over2.png) no-repeat right top;
}
body.solutions #contenu #centre2 h2 {
	font-weight:bold;
	border-top:1px solid white;
	padding-top:10px;	
	color:white;
	font-size: 14px;
}
body.solutions #contenu #centre2 img.picto {
	float:left;
	margin:2px 5px 0px 0;
}
body.solutions #contenu #centre2 a {
	background:url(images/pucejaune.png) no-repeat left center;
	padding-left:12px;
	line-height:14px;
	color:white;
}
body.solutions #contenu #centre2 #cadre_central_centre p{
	margin:0 0 0 80px;
	padding:0;
}