body {
    background:url(../images/bgtexture.gif) #DEDFDE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top:0px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.xfooter {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

/*** banner ***/
.strip_1 { background:#f58220; width:905px}
.header { width:905px }
.header .lc { background:url(../images/top_left_corner.gif) top left; float:left; width:15px; height:15px }
.header .rc { background:url(../images/top_right_corner.gif) top right; float:right; width:15px; height:15px }
.header .body { background:#FFFFFF; margin:0px 15px 0px 15px; height:15px; text-align:right }
.banner { background:url(../images/Phone-m_banner.gif) no-repeat #FFFFFF; width:905px; height:100px; border-top:4px solid #f58220 }
.banner .body { font-size:12px; color:#000000; margin-top:40px; text-align:right; margin-right:20px; font-weight:bold }
.banner .login { float:right; margin-right:10px; margin-top:10px; padding:2px 5px 2px 5px; border:1px dashed #f58220; width:250px; text-align:left; font-size:10px }
.banner .login INPUT 
{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999999;
    background-color:#FCFAF3; border:1px solid #f58220 ;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.banner .login .button
{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000080;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
    background-color:#FCFAF3; border:2px solid #f58220;
}
/*** horizontal menu ***/
.h_menu { width:905px; height:15px; background:url(../images/bg_orange_H15.gif) #f58220; text-align:right; color:#FFFFFF; font-weight:bold; padding-top:3px }
.h_menu a { font-size:10px;padding-right:2em; padding-left:2em; text-decoration:none; color:#FFFFFF }
.h_menu a : hover { text-decoration:underline; color:#999999 }
.h_menu a : visited { color:#FFFFFF }

/*** footer ***/
.footer { /* background:#FFFFFF; */border-top:4px solid #f58220; width:905px; height:15px }
.footer .lc { background:url(../images/btm_left_corner.gif) bottom left; float:left; width:15px; height:15px }
.footer .rc { background:url(../images/btm_right_corner.gif) bottom right; float:right; width:15px; height:15px }
.footer .body { background:#FFFFFF; margin:0px 15px 0px 15px; height:15px; text-align:right }

/*** page ***/
.page { background:#FFFFFF; width:900px; text-align:left; padding-top:0px; padding-bottom:10px; padding-left:5px; overflow:none; border:1px #FFFFFF}
/*** pub ***/
.pub { width:488px; height:355px; float:left; margin-top:10px }
.pub .body { color:#999999; width:200px; margin-left:15px; margin-top:100px }

/*** groups ***/
.page .groups { float:right; height:355px; margin-top:10px; overflow:none }
.page .groups .group  { width:310px; height:115px; cursor:pointer; border:1px solid #FFFFFF }
.page .groups .group .body { color:#999999; width:180px; margin-left:15px; margin-top:3em }
.page .groups .group .body a { color:#999999; text-decoration:none }
.page .groups .group .body a:visited { color:#999999; text-decoration:none }
.page .groups .group .body a:hover { color:#f58220; text-decoration:none }
.page .groups .hover .body a { color:#f58220; text-decoration:none }
.page .groups .hover .body a:visited { color:#f58220; text-decoration:none }
.page .groups .hover .body a:hover { color:#f58220; text-decoration:none }
.page .groups .service  { background:url(../images/Phone-m_services.gif) no-repeat }
.page .groups .pro  { background:url(../images/Phone-m_pro.gif) no-repeat }
.page .groups .entreprise  { background:url(../images/Phone-m_entreprise.gif) no-repeat }

/*** details ***/
.sections { width:100%; overflow:none }
.section { width:220px; float:left; padding-top:30px; overflow:none }
.section .body { border-left:1px solid #f58220; padding-top:0px; height:130px; padding-bottom:10px }
.section .body li { color:#666666 }
.section .body li a { color:#666666; text-decoration:none }
.section .body li a:visited { color:#666666; text-decoration:none }
.section .body li a:hover { color:#f58220; text-decoration:overline underline }
.section .body .desc { font-size:9px; font-style:italic; color:#f58220; padding-left:40px }

/*** side menu ***/
.side_menu { float:left; width:200px; margin-top:10px; overflow:none }
.side_menu ul { margin-left:0px; padding-left:0px }
.side_menu .menu_group { margin-bottom:20px; list-style:none; margin-left:0px}
.side_menu .menu_group ul { padding-left:10px; padding-top:10px; border-left:1px solid #f58220; border-top:1px solid #f58220 } 
.side_menu .menu_group li { color:#666666; text-decoration:none; list-style:none; border:1px solid #ffffff; padding-left:10px }
.side_menu .menu_group li:hover { color:#f58220; border:1px solid #f58220; border-bottom:1px solid #f58220 }
.side_menu .menu_group .hover { color:#f58220; border:1px solid #f58220; border-bottom:1px solid #f58220 }
.side_menu .menu_group li a { color:#999999; text-decoration:none }
.side_menu .menu_group li a:visited { color:#999999; text-decoration:none }
.side_menu .menu_group li a:hover { color:#f58220}
.side_menu .ta { font-size:16px; text-transform:uppercase; color:#f58220; font-weight:bold }
.side_menu .tb { font-size:12px; text-transform:uppercase; color:#000000; font-weight:bold }
.side_menu .active {}
.side_menu .active li a { color:#666666; font-weight:bold; text-decoration:none }
.side_menu .active li a:visited { color:#666666; font-weight:bold; text-decoration:none }
.side_menu .active li a:hover { color:#f58220; font-weight:bold}

/*** page body ***/
.page .main_window { float:right; margin-top:0px; padding:0px 10px 0px 10px; width:675px; overflow:auto }
.page .main_window .red_margin { margin:0px 0px 20px 0px; border:1px solid #f58220; height:514px; overflow:auto; 
             scrollbar-arrow-color:FFFFFF;
              scrollbar-3dlight-color:#f58220;
              scrollbar-face-color:#f58220;
              scrollbar-darkshadow-color:#f58220;
              scrollbar-track-color:C0C0C0;
              scrollbar-highlight-color:FFFFFF;
              scrollbar-shadow-color:FFFFFF;

}

.page .main_window h1 { font-size:16px; font-weight:bold; color:#f58220; font-variant:small-caps; padding-left:20px; margin:5px 0px 0px 0px; padding-top:0px; float:right }	
.page .main_window h2 { font-size:10px; font-weight: bold; padding-left:20px; margin:0px 0px 0px 0px; background:#F7F7F7 }

.page .main_window p { padding-right:20px; padding-left:20px; padding-top:10px; margin:0px 0px 0px 0px }

.info_list li { list-style:none; background:url(../images/arrow_icon.gif) no-repeat; margin:0; padding:0px 0px 5px 30px }
.check_list li { list-style:none; background:url(../images/check_icon.gif) no-repeat; margin:0; padding:0px 0px 10px 30px }

.idea_box { background:#F5F4FF; border:1px dashed #6597E2; margin:10px; color:#6597E2; padding-left:10px }
.idea_box h3 { background:url(../images/idea_icon.gif) no-repeat; padding-top:5px; height:30px; padding-left:30px; font-size:12px; font-weight:bold }
.idea_box h4 { background:url(../images/arrow1_icon.gif) no-repeat; padding-top:5px; height:30px; padding-left:30px; font-size:12px; font-weight:bold }
.idea_box h4 { background:url(../images/check-onblue_icon.gif) no-repeat; padding-top:5px; height:30px; padding-left:30px; font-size:12px; font-weight:bold }
.idea_box .punaise { margin:0px; padding:0px }
.idea_box .punaise li { list-style:none; background:url(../images/punaise-onblue_icon.gif) no-repeat; padding:5px 0px 10px 42px }
.idea_box .arrow { margin:0px; padding:0px }
.idea_box .arrow li { list-style:none; background:url(../images/arrow-onblue_icon.gif) no-repeat; padding:1px 0px 10px 42px }


.page .bubble { width:500px; height:266px; margin:20px; margin-top:0px; position:relative; border:1px solid #FFFFFF }
.page .bubble .body { margin:10px 230px 20px 10px; margin-top:20px; color:#FFFFFF; font-weight:bold; position:relative }
.page .services { background:url(../images/Phone-m_service_bubble.gif) no-repeat top right; width:232px; padding-top:300px;/*height:266px;*/ float:right }
/*.page .services { background:url(../images/Phone-m_services_bubble.gif) no-repeat top right }*/
/*.page .conference { background:url(../images/conference_large.gif) no-repeat top right; width:280px; height:308px; float:right }*/
.page .conference { background:url(../images/Phone-m_conference.gif) no-repeat top right; width:168px; height:251px; float:right }
.page .svi_online  { background:url(../images/svi_large.gif) no-repeat top right; width:300px; height:240px; float:right }
.page .standard_online { background:url(../images/standard-auto_medium.gif) no-repeat top right; width:150px; height:120px; float:right }
.page .automappel_online { background:url(../images/automate_appel_large.gif) no-repeat top right; width:280px; height:200px; float:right }
.page .automappel { background:url(../images/sw_Automate-Appels.gif) no-repeat top right; width:169px; height:250px; float:right }
.page .automfax_online { background:url(../images/automate_fax_large.gif) no-repeat top right; width:200px; height:310px; float:right }
.page .automsms_online { background:url(../images/automate_sms_medium.gif) no-repeat top right; width:150px; height:260px; float:right }
.page .automalert_online { background:url(../images/automate_alerte_large.gif) no-repeat top right; width:300px; height:180px; float:right }
.page .unifmsgr_online { background:url(../images/messenger_large.gif) no-repeat top right; width:300px; height:200px; float:right }
.page .telegestion_online { background:url(../images/telegestion_large.gif) no-repeat top right; width:200px; height:380px; float:right }


/*
.page .main_window .pro 
{ background:url(../images/Phone-m_pro_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:300px; height:200px }
*/

.page .main_window .jeux 
{ background:url(../images/jeux_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:296px; /*height:286px*/ }

.page .main_window .info_conso 
{ background:url(../images/infoconso_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:260px; height:406px }

.page .main_window .micropaiement
{ background:url(../images/micropaiement_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:260px; /*height:200px*/ }

d.page .main_window .hebergement
{ background:url(../images/hebergement_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:300px; height:300px }

.page .main_window .hotline
{ background:url(../images/hotline_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:300px; height:300px }

.page .main_window .vote
{ background:url(../images/vote_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:300px; height:300px }

.page .main_window .annonces
{ background:url(../images/annonces_large.gif) no-repeat top right; margin-top:0px; padding-top:10px; padding-right:300px; height:300px }


.logo_phone 
{ background:url(../images/logo_phone.gif) no-repeat; width:80px; height:58px; float:left; margin:10px }
/*** services ***/

/*
.side_menu 
  { width:200px; float:left; overflow:auto }
.side_menu .menu_group 
  { background:url(../images/Menu_Footer.gif) bottom right no-repeat; padding:0px 5px 10px 0px; margin-top:20px; overflow:auto }
.side_menu .menu_group .header
  { height:91px; padding-bottom:20px }
.side_menu .menu_group .menu_item 
  { background:#FFFFFF; height:2em;                                border:1px dashed #FFFFFF; behavior:url(menu.htc) }
.side_menu .menu_group .menu_item:hover, 
.side_menu .menu_group .highlight 
  { background:#FEF8E0; height:2em; color:#666666; cursor:pointer; border:1px dashed #CCCCCC; behavior:url(menu.htc)  }
.side_menu .menu_group .menu_item a,
.side_menu .menu_group .menu_item a:visited
{ color:#f58220; text-decoration: none; margin:4px 0px 0px 4px } 
.side_menu .menu_group .menu_item:hover a, 
.side_menu .menu_group .highlight a 
{ color:#f58220; text-decoration: none; margin:4px 0px 0px 4px; font-weight:bold } 
*/

/*** formulaire ***/
.field { padding-bottom:2px; overflow:auto}
.field .label { font-weight:bold; text-align:left; float:left }
.field .data { text-align:right; float:right }
.field .data .err { border:1px solid #FF0000 }
.field .data INPUT 
{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000080;
    background-color:#ECECFB; border:1px solid #5458EB 
}
.field .data TEXTAREA { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000080;
                           background-color:#ECECFB; border: 1px solid #5458EB; float:right; height:200px }
.field .data SELECT { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000080;
                           background-color:#ECECFB; border: 1px solid #5458EB; float:right }
.field .data .button { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000080;
                   		  background-color:#ECECFB; border: 2px solid #5458EB; float:right; width:215px;
				   		  font-weight: bold; text-shadow:#000033; margin-top:10px }

/*
.side_menu .menu_item { border:1px solid #f58220; background:#FFFFFF; height:2em; behavior:url(menu.htc) }
.side_menu .menu_item:hover, .side_menu .highlight { background:#f58220; color:#FFFFFF; cursor:pointer }
.side_menu .highlight { background:#f58220; color:#FFFFFF; cursor:pointer }
.side_menu .menu_item a { color:#f58220; text-decoration: none; margin-left:4px } 
.side_menu .menu_item a:visited { color:#f58220; text-decoration: none } 
.side_menu .menu_item a:hover { color:#ffffff; text-decoration:underline } 
.side_menu .menu_group { border:1px solid #f58220; background:#FFFFFF; overflow:auto }
.side_menu .menu_group .group_item { background:#FFFFFF; height:2em; margin-left:4em }
.side_menu .menu_group .group_item a { color:#f58220; text-decoration: none; margin-left:4px } 
.side_menu .menu_group .group_item a:visited { color:#f58220; text-decoration: none } 
.side_menu .menu_group .group_item a:hover { color:#ffffff; text-decoration:underline } 
*/