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

*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color:#fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
body#frame_plugin, body#frame_config, body#frame_ficheAbo
{
	background-color:#d2d2d1;
}
body#container
{
	background-color:#bfbfbf; /*gris de fond*/
}
/* ################   Page decoup� en 3 zones ################  */
#top 
{
	width:1050px;
	border:#494949 1px solid;
	border-bottom:none;
	margin:auto;
	height:98px;
	position:relative;
	background:url(../imagesService/commun/top_bgrd.gif) repeat-x;
}

/* ###########  header generique content #############  */

#header
{
	top:83px;
	height:15px;
	width:1030px;
	position:relative;
	overflow:visible;
	margin:auto;
    padding:0px;
}

#menutop
{
	clear:both;
	height:15px;
    background: none; 
    top:0px;
    left:0px;
    color:white;
    font-size:1.2em;
    margin:auto;
	position:relative;
}
#menutop ul.ul_menuPrincipal
{
	/*position: relative;
	padding:0px;
	margin:0px;*/
	ZOOM: 1
}
#menutop li.li_menuPrincipal
{
	height:15px;
	float: left;
	list-style-type: none;
	margin: 0px 30px;
}

#menutop li a:hover
{
	color: #c91d4a;/*rouge*/
}

#menutop a.a_menuPrincipal
{
	position:relative;
	padding: 0px 10px;
	margin: 0px;
	DISPLAY: block;	
	FONT-SIZE: 85%;	
	BACKGROUND: none transparent scroll repeat 0% 0%;	
	FLOAT: left;	
	COLOR: white;	
	WHITE-SPACE: nowrap;	
	TEXT-ALIGN: left;	
	TEXT-DECORATION: none;
}
#menutop a.a_menuDeroulant
{
	padding: 3px 20px;
	DISPLAY: block;	
	FONT-SIZE: 85%;	
	BACKGROUND: none transparent scroll repeat 0% 0%;	
	FLOAT: left;	
	COLOR: white;	
	WHITE-SPACE: nowrap;	
	TEXT-ALIGN: left;	
	TEXT-DECORATION: none;
}

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

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

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

	/*position:relative;*/
}
/*****	Menus specifiquse	*****/
#menutop li#liAccueil,
#menutop li#liDeconnexion
{
	OVERFLOW: visible;
}
#menutop li#liAccueil
{
	margin:0px;
}
li#liAccueil h2#logoHead
{
	padding:0;
    margin:0;
    top:-80px;
    position:relative;
    margin-left:10px;
    margin-right:50px;
    margin-top:15px;
}

li#liAccueil  h2#logoHead a img
{
	border:none;
	border:0px;
}
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;

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

#middle 
{
	width:100%;
	/*height:650px;*/
	background-color:none transparent;
	overflow:visible;
}

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

#maincontainer,
#maincontainerGenerique
{
	position:relative;
	background:#ffffff;
	width:1050px;
	margin: 0 auto;
	padding:10px 0px 2px 0px;
	text-align: center;
	border:none;
}
#maincontainerGenerique
{
	border:#494949 1px solid;
	border-top:none;
}
#maincontainer_framePlugin
{
	/*position:relative;*/
	margin: 0px;
	padding:0px;
	clear:both;
	height:100%;
	overflow:hidden;
}


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

/* pages generique*/
.left,
.leftindex
{
	position:relative;
	float:left;
	background:url(../imagesService/commun/08_small.gif) no-repeat center;
	width:410px;
	height:606px;
	padding:0;
	text-align:center;
	z-index:2;
}

/* Page d'index */
.leftindex 
{
	background:url(../imagesService/commun/08plein_small.gif) no-repeat center;
}
/* partie de droite dans la page */
.rightGenerique,
.right
{
	position:relative;
	overflow:hidden;
	overflow-y:auto;
	/*float:left;*/
	width:615px;
	padding:0 5px;
	height:640px;
	text-align:center;
	margin:auto;
}

#faq{
	float:left;
	width:605px;
}

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

/* #####################  Pied de page ################ */
#footer
{
	position:absolute;
	top:600px;
	left:120px;
	height:16px;
	width:75%;
	text-align:right;
	z-index:1;
	clear:both;
	overflow:visible;
	background-image:url(../imagesService/commun/footer_bgrd.png);
}
#logoService
{
	position:relative;
	float:right;
	top:-75px !important;
	background:url(../imagesService/commun/logo.png) no-repeat center;
	margin:0;
	padding:0;
	height:57px;
	width:131px;
}

/***Player flv ****/
.playerflv {
position:relative;
	border:2px solid #C91D4A;
	width:320px;
	height:240px;
	display:block;
	margin:auto;
}
/** Page d'installation du plugin **/

.download-button{
	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;
	text-decoration: none;
	padding: 9px 40px 9px 40px!important;
}

.download-button:hover{
	background-color: #fcc73d;
	text-decoration: none;
}

#installation #footer {
	position:relative;
	margin:auto;
	left:auto;
	overflow:visible;
	text-align:center;
	top:auto;
}

#installation #logoService {
	top:-46px !important;
}