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

*
{
	margin: 0;
	padding: 0;
}

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

}
/* ################   Page decoupé en 3 zones ################  */
#top {
	/*width:100%;*/
	margin:auto;
	height:80px;
	position:relative;

	/*background:url(../images/commun/top_bgrd.gif) repeat-x;*/
	/*overflow:visible;
	*/
}
/* ###########  header generique content #############  */

#header
{
	top:83px;
	width:965px;
	height:15px;
	position:relative;
	overflow:visible;
	margin:auto;
    padding:0px;
}
#menutop2
{
    top:0px;
	position:relative;
	float:right;
	background-color:#F00;
}
#menutop
{
	clear:both;
	height:15px;
    top:0px;
    left:0px;
    color:#428ab0;
    font-size:1.2em;
	text-align:right;
    margin:auto;
	position:relative;
	font-style: bold;
	float:right;
	padding-right:0px;
	margin-top:-44px;
}
#menutop ul.ul_menuPrincipal
{
	/*position: relative;
	padding:0px;
	margin:0px;*/
	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;

	/*position:relative;*/
}

/*****	Menus specifiquse	*****/
#menutop li#liAccueil,
#menutop li#liMessagerie,
#menutop li#liDeconnexion
{
	OVERFLOW: visible;
}
h2#logoHead
{
	padding:0;
	margin:0;
	top:-80px;
	position:relative;
	margin-right:0px;
	clear:both;
	float:right;
	padding-top:20px;
}

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

}


#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;
	background-color:#d2d2d1;
	margin: 0px;
	padding:0px;
	text-align: left;
	overflow:hidden;
}



/* #####################  Main container ################ */

#middle 
{
	width:965px;
	height:550px;
	background-color: #fff;
	overflow:visible;
	margin: 0 auto;
	text-align:center;
	z-index:1;
}

#middle_install_mac
{
	width:965px;
        height:650px;
        background-color: #fff;
        overflow:visible;
        margin: 0 auto;
        text-align:center;
        z-index:1;
}
/* contenu dans middle */

#maincontainer
{
	width:965px;
	margin: 0 auto;
	padding:10px 0px 2px 0px;
	text-align: center;
	padding-top:50px;
	padding-bottom:0px;
	background-color:#FFF;
	height:550px;
	z-index:1;
}
#maincontainer_framePlugin
{
	/*position:relative;*/
	margin: 0px;
	padding:0px;
	clear:both;
	height:100%;
	overflow:hidden;
}

#maincontainer_plugin
{
	margin-left:auto;
	margin-right:auto;
	width:352px;
	height:288px;
	overflow:hidden;
}

#speedtester2
{
	background-color:#000000;
	display:none;
	height:288px;
	text-align:center;
	width:352px;
}

/* #####################  Container ################ */

/*partie de gauche dans la page */
.left 
{
	position:relative;
	float:left;
	text-align:center;
	width:380px;
	height:550px;
	padding:0;
	z-index:2;
	background: url(../images/commun/video_bg.gif) no-repeat center 20px;
	/*background-position: 25px 15px;*/
	margin-left:20px;
	margin-top:-50px;
}
.left2
{
	position:relative;
	float:left;
	text-align:center;
	width:360px;
	height:520px;
	padding:0;
	z-index:2;
	/*background-position: 25px 15px;*/
	margin-left:40px;
	margin-top:-50px;
	padding-top:30px;
}

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

/* 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
{
	position:relative;
	top:0px;
	left:420px;
	height:16px;
	width:520px;
	text-align:right;
	z-index:1;
	clear:both;
	overflow:visible;
	color:#165580;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #428ab0;
}
#logosignificant 
{
	position:relative;
	float:right;
	top:-75px !important;
	background:url(../images/commun/significant.gif) no-repeat center;
	margin:0;
	padding:0;
	height:57px;
	width:127px;
}
/* #####################  Popup indicatif d'un appel entrant ################ */
#popup_div
{
	position:fixed;
	bottom:10px;
	right:20px;
	height:0px;
	overflow:hidden;
	width:400px;
}

/* #####################  Installation page ################ */

body#installation #maincontainer
{	
	height: 540px;
	width: auto;
	margin: 0 0;
	padding-left: 10px;
	padding-top: 10px;
	overflow: auto;
}

body#installation #header
{
	top:83px;
	width:965px;
	position:relative;
	overflow:visible;
	margin:auto;
    padding:0px;
	height:80px;
}

body#installation #footer
{
	background-color: white;
	top: 0px;
	left:0px;
	height:23px;
	position: relative;
	width:965px;
	margin: auto;
	text-align:right;
	overflow:visible;
	color:#165580;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #428ab0;
}

/* Important pour Safari : redimensionnement du tag object. Valeurs ajoutees en JS depuis la page d'appels */
.pluginObjectClass{
}