/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #FFFFCC;;
}
h1{
font-size : 18px;
font-weight : bold;
}
#general {
	width : 760px;
	background-color : #FFFFFF;
	border: 1px solid #9AAEC9;
	left: 50%;
	margin-left: -380px;
	top : 15px;
	position : absolute;
}
marquee{
	top : 430px;
	position : absolute;
	width : 327px;
	right : 8px;
}

#contact{
	border: 1px solid #FF9C00;
	width : 290px;
	padding-left : 10px;
	padding-top : 10px;
	padding-bottom : 5px;
	margin-left : 115px;
}

#pictos{
	position : absolute;
	left : 350px;
	top : 90px;
}
a img{
	border :0px;
}

#img_offre{
	position : absolute;
	top : 380px;
	left : 200px;
}

#bandeau {
	width : 760px;
	height: 132px;
	background: url(images/interface/bandeau.gif) top left no-repeat;
}

#zone_cliquable {    /* zone cliquable */
	float: left;
	width : 250px;
	height: 100px;
}

#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;
	min-height:230px;
}

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

.bandes{
	position : relative;
	margin-top : -3px;
	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 : 16px;
	margin-bottom : -50px;
	position : relative;

}


#flash_centre{
	
	margin-left : 10px;
	position : relative;
	
}
#zoom{
	position : absolute;
	top : 285px;
	left : 200px;
}

#carte_marche{
	position : relative;
	margin-top : 5px;
	padding-left :140px;
}

#texte_marche{
	position : absolute;
	top : 50px;
	left : 10px;
}
#gd_img{
	position : absolute;
	top : 10px;
	left : 300px;
}

#cadre_central_centre {
	padding-right : 10px;
	padding-left : 15px;
	padding-top : 12px;	
	margin-right : 1px;
	margin-top :-3px;
	background: url(images/ombrecote.gif) #F4E178 repeat-y top right;

}

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

#img_logiciel{
	position : absolute;
	left : 350px;
	top : 200px;
}

#img_bouton{
	position : absolute;
	left : 350px;
	top : 70px;
}

#liste_societe{
	margin-left : 250px;
}

#cadre_central_centre1 {
	padding-right : 9px;
	padding-left : 15px;
	padding-top : 7px;	
	margin-right : 2px;
	margin-top :-3px;
	background: url(images/ombrecote.gif) #F4E178 repeat-y top right;
}


#cadre_central_droite{
	padding-left : 15px;
	margin-left : 0px;
	margin-right : -1px;
	margin-top : -3px;
	background: url(images/menu/milieu_menu_droite.gif) repeat-y top right;
	padding-right : 7px;
	
}
table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/*#cadre_central_droite img{
	margin-left : -9px;
	margin-top : 12px;
}*/

#cadre_central_droite table{
	margin-left : -12px;
	margin-top : 0px;
}

#cadre_central_droite a{
	color : black;
}

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

.hauteur_puce{
	margin-top : 4px;
}
#bas_cadre2{
	position : relative;
	margin-left : 1px;
	clear: both !important;
	/*border: 0px solid #99CC99;*/
}

#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/bordure_bleue.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: 11px;
	font-weight: normal;
	color: #0100FE;
	text-decoration: none;
}

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

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right : 10px;
	margin-top : 0px;
}

.gras{
	font-weight : bold;
}

.italique{
	font-style : italic;
}

/*------------------------------*/
/*			MENU				*/
/*------------------------------*/
#menu {
	position:absolute;
	top:27px;
	left:8px;
	margin:0;
	padding:10px 0 14px 24px;
	*padding-left:16px;
	width:155px;
	background:url("images/menu_css/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_css/entete-accueil.png) no-repeat;
	width:173px;
	height:24px;
}
#menu li#li1 {
	list-style-image:url(images/menu_css/puce1.png);
}
#menu li#li2 {
	list-style-image:url(images/menu_css/puce2.png);
}
#menu li#li3 {
	list-style-image:url(images/menu_css/puce3.png);
}
#menu li#li4 {
	list-style-image:url(images/menu_css/puce4.png);
}
#menu li#li5 {
	list-style-image:url(images/menu_css/puce5.png);
}
#menu li#li6 {
	list-style-image:url(images/menu_css/puce6.png);
}
#menu li#li7 {
	list-style-image:url(images/menu_css/puce7.png);
}
#menu li#li8 {
	list-style-image:url(images/menu_css/puce1.png);
}
#menu li#li9 {
	list-style-image:url(images/menu_css/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_css/over1.png) no-repeat right top;
}
#menu li#li2 a:hover, body.zone #menu li#li2 a {
	background:url(images/menu_css/over2.png) no-repeat right top;
}
#menu li#li3 a:hover, body.sources #menu li#li3 a  {
	background:url(images/menu_css/over5.png) no-repeat right top;
}
#menu li#li4 a:hover, body.besoins #menu li#li4 a  {
	background:url(images/menu_css/over4.png) no-repeat right top;
}
#menu li#li5 a:hover, body.formules #menu li#li5 a  {
	background:url(images/menu_css/over3.png) no-repeat right top;
}
#menu li#li6 a:hover, body.tarifs #menu li#li6 a  {
	background:url(images/menu_css/over6.png) no-repeat right top;
}
#menu li#li7 a:hover, body.savoirplus #menu li#li7 a  {
	background:url(images/menu_css/over7.png) no-repeat right top;
}
#menu li#li8 a:hover, body.societe #menu li#li8 a  {
	background:url(images/menu_css/over8.png) no-repeat right top;
}
#menu li#li9 a:hover, body.solutions #menu li#li9 a  {
	background:url(images/menu_css/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 90px;
	padding:0;
}