/**
 * @version $Id$
 * @author IV�S
 * @copyright Copyright (C) 2006 - 2007 IV�S
 */

*
{
	margin: 0;
	padding: 0;
}

body {
	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-position: center top;
}
body#pageText
{
	background-color:#ffffff;
	background-image: url(../images/commun/fond_vide.jpg);
	background-repeat:repeat-x;
}

body#container
{
	background-color:#111211;
	background-image: url(../images/commun/fond2.jpg);
	background-repeat:repeat-x;
}

/* ################   Page decoup� en 3 zones ################  */
#top {

	margin:auto;
	height:160px; /*taille image de fond */
	position:relative;
}

/* ###########  header generique content #############  */
#header
{
	width:1000px;
	height:15px;
	position:relative;
	overflow:visible;
	margin:auto;
    padding:0px;
	z-index: 28;
}

/*boutons de choix de langue*/
#header #lang
{
	float:right; 
	margin-top:5px;
}

#header #lang a
{
	color:#FFFFFF;
	width:40px;
}

#header #lang a img
{
	border:none;
}

#menutop2
{
    top:0px;
	position:relative;
	float:right;
}
#menutop
{
	height:15px;
    top:0px;
    color:#428ab0;
    font-size:1.2em;
	text-align:right;
    margin:auto;
	position:relative;
	font-style: bold;
}
#menutop ul.ul_menuPrincipal
{
	margin-left:250px;
	ZOOM: 1;
}
#menutop li.li_menuPrincipal
{
	height:18px;
	float:left;
	list-style-type: none;
}

#menutop li a:hover
{
	color: #F7A331;/*bleu*/
}

#menutop a.a_menuPrincipal
{
	padding-top:20px;
	position:relative;
	padding: 0px 15px;
	DISPLAY: block;	
	FONT-SIZE: 90%;	
	BACKGROUND: none transparent scroll repeat 0% 0%;	
	FLOAT: left;	
	COLOR: #428ab0;	
	WHITE-SPACE: nowrap;	
	TEXT-ALIGN: left;	
	TEXT-DECORATION: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #428ab0;
	font-weight:bold;
}
#menutop a.lastmenu
{
	border:none;
}
#menutop a.a_menuDeroulant
{
	padding: 3px 14px;
	DISPLAY: block;
	FONT-SIZE: 90%;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FLOAT: left;
	COLOR: #fff;
	WHITE-SPACE: nowrap;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
}

#menutop div.div_menuDeroulant
{
	background-color: #428ab0;/*gris*/
    padding: 0px;
    LEFT: -10000px;
    VISIBILITY: hidden;
    POSITION: absolute;
    TOP: -10000px;
}

#menutop div.div_menuDeroulant ul
{
	padding: 2px 0;
	zoom:normal;
    background-color:#428ab0;/*gris*/
}

#menutop div.div_menuDeroulant li
{
	list-style-type: none;
	clear:both;
}

/*****	Menus specifiquse	*****/
#menutop li#liAccueil,
#menutop li#liMessagerie,
#menutop li#liDeconnexion
{
	OVERFLOW: visible;
}
h2#logoHead
{
	position:relative;
	margin-right:0px;
	clear:both;
	float:left;
	z-index: 25;
}

h2#logoHead a img
{
	border:none;
	border:0px;
}
.headlogo2 {
	margin-top:80px;
	position:absolute;
	margin-left:-50px;
	z-index:2;
}
.headlogo2 {

 margin-left:220px;
 margin-top:20px;
}

#menutop li#liMessagerie div#nbMessages
{
	position:relative;
	float:left;
	cursor:pointer;
}
li#liMessagerie img.noMsg
{
	position:relative;
	top:-10px;
	border:none;
}
li#liMessagerie img.newMsg
{
	position:relative;
	top:-10px;
	border:none;
}

li#liDeconnexion img
{
	position:relative;
	top:-3px;
	border:none;
}

.yui-menu-shadow {
 display: none;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.yui-menu-shadow-visible {
    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    visibility: visible;
    background:red;
}

#all_framePlugin
{
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	margin: 0px;
	padding:0px;
	text-align: left;
	overflow:hidden;
}

#installation #maincontainer
{
	width:1050px;
}

#installerPlugin,
#miseAJourPlugin
{
    background-color:#ffffff;
    text-align:center;
    /*width:528px;*/
}
#installerPlugin img,
#miseAJourPlugin img,
#telechargementPlugin
{
    margin-top:40px;
    margin-bottom:40px;
}

/* ######## Installation du plug in ######## */
body#installation .installation_text
{
	margin-right: 200px;
}

body#installation .installation_step
{
	font-size: 1.1em;
}

body#installation .restart_ff
{
    font-size: 1.4em;
    color: #FF6600;
	font-weight: bold;
	font-stretch:condensed;
}

/* DOWNLOAD BUTTON*/
.download-button,
.download-button:visited {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #2b333c;
	background-color: #fcdb4b;
	border: 1px solid;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	box-shadow: 0 1px 2px #AAA;
	_width/**/:1px;
	_white-space: nowrap;
	overflow: visible; /* fix button width for IE 5.5 to 7 */
	cursor: pointer;
	_cursor: hand;
	vertical-align: middle;
	padding: 9px 40px 9px 40px;
}
a.download-button {
	padding: 9px 40px 9px 40px;
	text-decoration: none;
}

.download-button:hover,
.download-button:visited:hover{
	background-color: #fcc73d;
	color: #165580;
	text-decoration: none;
	border: 1px solid;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	margin-top:9px;
	padding: 9px 40px 9px 40px;
}

/* #####################  Installation page ################ */
body#installation #maincontainer
{	
	height: 100%;
	margin: 0 0;
	padding-left: 10px;
	padding-top: 10px;
	overflow: auto;
	width: 980px;
}

body#installation #header
{
	width: 980px;
}

body#installation #middle
{
	width: 980px;
}

body#installation #footer
{
}

body#installation
{
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	overflow-x:hidden;
	width: 980px;
}

/* #####################  Main container ################ */
#middle 
{
	width:1000px;
	overflow:visible;
	margin: 0 auto;
	text-align:center;
	z-index:1;
}

#middleZbox
{
	padding: 0px 10px 0px 10px;
}

body#container #middle,
#container_onglets
{
	height:470px;
	position:relative;
	display:block;
}

body#pageText #middle
{
	margin-bottom:20px;
	position:relative;
	display:block;
}

/* contenu dans middle */
#maincontainer
{
	width:1000px;
	margin: 0 auto;
	text-align: center;
	padding-bottom:0px;
	z-index:1;
}
#maincontainer_framePlugin
{
	margin: 0px;
	padding:0px;
	clear:both;
	height:100%;
	overflow:hidden;
}
#installation #maincontainer
{
	width:1050px;
}

div.div_containerOnglet
{
	/*position:absolute;*/
	width:100%;
	left:0px;
}
div#onglet_appel
{
	margin:auto;
	top: -100px;
	right: 0px;
	height:570px;
	position:absolute;
	width:100%;
}

div#onglet_appel_invitation
{
	margin:auto;
	top: 65px;
	right: 0px;
	height:570px;
	position:absolute;
	width:100%;
}

/*partie de gauche dans la page */
.left
{
	position:relative;
	float:left;
	text-align:center;
	width:50%;
	padding:0;
	z-index:2;
}

/* partie de droite dans la page */
.rightGenerique,
.right
{
	position:relative;
	overflow:hidden;
	text-align:center;
	padding-left:5px;
}

/* pages avec le footer */
/*le container est un peu plus grand pour correspondre a la limite du footer */
.rightGenerique
{
	height:550px;
}

/* #####################  Pied de page ################ */
#footer
{
	
	width:515px;
	text-align:center;
	z-index:35;
	clear:both;
	overflow:visible;
	color:#F7A331; /*orange*/
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F7A331; /*orange*/
	margin: auto;
}

body#container #footer
{
	position:absolute;
	top:650px; /* positionnement par rapport a l'image de fond */
	width:50%;
	left:25%;
}

#footer ul {
list-style-type: none;
}

/* #####################  Popup indicatif d'un appel entrant ################ */
#popup_div
{
	position:fixed;
	bottom:10px;
	right:20px;
	height:0px;
	overflow:hidden;
	width:400px;
	z-index:1;
}
#speedtester2, #speedtesterNewTemp {
    background-color: #FFFFFF;
    display: none;
    /*height: 288px;*/
    text-align: center;
    /*width: 352px;*/
}

#speedtesterTempConteneur
{
	text-align:center;
}

#maincontainer_plugin
{
/* height:288px; */
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-top:20px;
/* width:352px; */
}

#middle_install_mac
{
	width:1000px;
	background-color: #FFFFFF;
	overflow:visible;
	margin: 0 auto;
	text-align:center;
	z-index:1;
}

body#installation #middle_install_mac #maincontainer
{
	padding-top:130px;
	padding-bottom:20px;
}

#linkpopupblocker
{
	height:30px;
}

#linkpopupblocker a
{
	color: red;
	display: block;
	padding-top:10px;
}

#clignotementFond
{
}