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

*
{
	margin: 0px;
	padding: 0px;
    border: 0px;
}

body {
	text-align: center;
	font:0.8em Arial, Helvetica, sans-serif;
	width:970px;
	text-align: center;
	background-color:#FFFFFF; /*blanc de fond*/
	margin:auto;
	overflow:visible;
}

body#frame_plugin {
   background-color: #ffffff;
   width:528px;
}
/* ################   Position ################  */
#middle 
{
	width:970px;
	height:540px;
	margin: auto;
	overflow:visible;
	padding:10px;
}
#info
{
	background-color:#FFFFFF; /*blanc de fond*/
	text-align:center;
	margin-top:40px;
	width:930px;
	height:310px;
	padding-left:20px;
	border:solid 2px #cccccc;/*gris*/
	border-right:solid 3px #999999;/*gris fonce*/
	border-bottom:solid 3px #999999;/*gris fonce*/
}
#info h2
{
	text-align:left;
}
#all_framePlugin
{
	height:100%;
	width:100%;
	background-color: #FFF;
	margin: 0px;
	padding:0px;
	text-align: left;
	overflow:hidden;
}
#maincontainer_framePlugin
{
	height:100%;
	width:528px;
}

#installerPlugin,
#miseAJourPlugin
{
    background-color:#ffffff;
    width:528px;
}
#installerPlugin img,
#miseAJourPlugin img,
#telechargementPlugin
{
    margin-top: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;
}

body#installation #header
{
}

body#installation #footer
{
}
/* #####################  Tetiere ################ */
#header
{
	background-image:url(../images/commun/bandeau.jpg);
	position:relative;
	height:69px;
	width:970px;
}
#HTitre
{
	position:absolute;
	left:77px;
	top:25px;
	font-size: 2.1em;;
}
#HOffres
{
	position:absolute;
	right:86px;
	top:40px;
	font-size: 1.1em;
   	color: #FF6600;
	font-weight: bold;
}
#bandeau {
	background-image:url(../images/commun/header_bgrd.png);
	position: relative;
	height: 120px;
	margin: 0;
	padding:0;
	clear: both;
}

#maincontainer
{
	position:relative;
	clear:both;
	padding:10px 10px 10px 10px;
	height:100%;
	overflow:hidden;
}


/* #####################  Page index ################ */

#lsf {
	position:relative;
	float:left;
	width:23%;
	height:320px;
	margin-left:11px;
	background-color:#FFFFFF; /*blanc de fond*/
	text-align:center;
	border:solid 2px #cccccc;/*gris*/
	border-right:solid 3px #999999;/*gris fonce*/
	border-bottom:solid 3px #999999;/*gris fonce*/
}
#parler {
	position:relative;
	float:left;
	width:23%;
	height:320px;
	margin-left:11px;
	background-color:#FFFFFF; /*blanc de fond*/
	text-align:center;
	border:solid 2px #cccccc;/*gris*/
	border-right:solid 3px #999999;/*gris fonce*/
	border-bottom:solid 3px #999999;/*gris fonce*/
}
#entendre {
	position:relative;
	float:left;
	width:23%;
	height:320px;
	margin-left:11px;
	background-color:#FFFFFF; /*blanc de fond*/
	text-align:center;
	border:solid 2px #cccccc;/*gris*/
	border-right:solid 3px #999999;/*gris fonce*/
	border-bottom:solid 3px #999999;/*gris fonce*/
}
#tchat {
	position:relative;
	float:left;
	width:23%;
	height:320px;
	margin-left:11px;
	background-color:#FFFFFF; /*blanc de fond*/
	text-align:center;
	border:solid 2px #cccccc;/*gris*/
	border-right:solid 3px #999999;/*gris fonce*/
	border-bottom:solid 3px #999999;/*gris fonce*/
}

.center
{
	margin:auto;
	padding-left:3%;
	padding-right:3%;
	text-align:center;
	clear:both;
}
.boutons
{
	top:200px;
	left:62px;
	position:absolute;
}

/* #####################  Page d'appel ################ */

#client
{
	width:385px;
}

#resize {
	position:relative;
	float:left;
	padding:4px 0 0 0;
}


/* #####################  Pied de page ################ */
/* #####################  footer ################ */
#footer 
{
	border-top:2px solid #FF6600;
	margin-top: 11px;
    text-align: center;
    background:url(../images/commun/logoFT.gif) no-repeat;
    position:relative;
}
#footer ul {
	position: relative;
	height: 25px;
	padding:0;
	text-align:center;
}
#footer li {
   	display: inline;
	list-style-type: none;
	color:#888688;
	text-align:center;
}

#footer li a {
   	padding:2px;
	list-style:none;
	color:#888688;
	text-decoration:none;
	text-align:center;
}

#footer li a:hover {
   color:#000000;
}

/* ################## Fenetre modale ################ */
#modal_container {  
	padding:5px;  
	background-color:#fff;  
	border:1px solid #666;  
	overflow:auto;  
	font-family:"Lucida Grande",Verdana;  
	font-size:12px;  
	color:#333;  
	text-align:left;
	z-index:3;
} 
  
#modal_overlay {  
	background-color:#000;  
}