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

*
{
	margin: 0;
	padding: 0;
}
html
{
	overflow-x:hidden;
}
body {
	text-align: center;
	overflow:auto;
	background:#fff;
	font:0.8em Arial, Helvetica, sans-serif;
	text-align: center;
}
body#bodyBckgrd
{
	background-image: url(../images/commun/Back_body.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 20px 0px ;
	/*padding-top: 20px;*/
	overflow:hidden;
}
body#erreur
{
	background-color:#ffffff;/*fond blanc*/
}
body#frame_plugin, body#frame_config, body#frame_ficheAbo
{
	background-color:#d2d2d1;
	font-size:1em;
}

/* ################ Main utilise pour le fond blanc ########### */
#main {
	position:relative;
	background-color:#fff;
	width:980px;
	margin: 0 auto;
	z-index:2;
	height:100%;
}
	
.ombreGauche{  
	position: absolute;  
	top:0px;  
	left:-1px;  
	height:100%;
	width: 1px;
	background:#000;  
	filter : alpha(opacity=10);  
	-moz-opacity : 0.1;  
	opacity : 0.1;  
}  
.ombreBas{  
	position: absolute;  
	left:-1px;
	height:8px;
	width: 989px;
	background-image: url(../images/commun/Back_bottom.jpg); 
	background-repeat: no-repeat;
} 
.ombreDroite{  
	position: absolute;
	margin:0px;
	padding:0px;
	top:8px; 
	right:-8px;
	height:expression(document.body.clientHeight-40);/* interprete par IE uniquement = pour IE 6*/
	height:100%;/* pour tous les autre navigateur car IE 6 n'esterprete pas le 100% */
	width: 8px;
	background:#000; 
	filter : alpha(opacity=10);  
	-moz-opacity : 0.1;  
	opacity : 0.1;  
}  

/* ################   Position ################  */
/* ################   Page decoupé en 3 zones ################  */
/* Header pages accueil */
#header {
	position:relative;
	z-index:3;
	/*z-index:-1;*/
	width:100%;
	height:288px;
	overflow:hidden;
	background:right top url(../images/commun/bck_header.gif) no-repeat;
	/*background-color: #ffffff;*/
	margin:0;
	padding:0;
}
/* Header page appel */
#headerConnecte {
	position:relative;
	z-index:1;
	width:100%;
	height:120px;
	overflow:hidden;
	background:right top url(../images/commun/bck_header_onglets.png) no-repeat;
	margin:0;
	padding:0;
}

/*Logo*/
h2#logoHeader
{
	position:absolute;
	padding:0;
	margin:0;
	top:-8px! important; /* pour l'alignement des images de fond du menu ! */
	left:0px;

}

#Save_flash1
{
	position:absolute;
	padding:0;
	margin:0;
	background:right top url(../images/commun/help_flash.gif) no-repeat;
}

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

#menutop {
	position: absolute;
	margin:0;
	padding:0;
	width:750px;
	left:250px;
	top:77px;
	height:1.2em;
	/* Permet d'avoir une barre de menu visible meme en grossissant les caractères */
	background-color:#000000;
}



/* #####################  Main container ################ */
#container
{
	position:relative;
	z-index:4;
	width:100%;
	max-width:980px;
	min-height:350px;
	margin: -175px 0 0 0;
	padding:20px 0 10px 0;
	text-align: left;
}
#containerContact /*container moins large avec un padding supersieur au header pour avoir acces aux champs du formulaire*/
{
	position:relative;
	z-index:5;
	width:75%;
	margin: -155px 25% 0 0;
	padding:30px 20px 20px 20px;
	text-align: left;
}
#containerAssistantAppel
{
	position:relative;
	z-index:2;
	width:100%;
	max-width:980px;
	min-height:350px;
	margin: -175px 0 0 0;
	padding:20px 0 10px 0;
	text-align: left;
}
#container_framePlugin
{
	/*position:relative;*/
	margin: 0px;
	padding:0px;
	clear:both;
	height:100%;
	overflow:hidden;
}


/* #####################  Header ################ */

#promo {
	position:absolute;
	top:0px;
	right:0px;
	width:171px;
	height:180px;
}

/* Zone de login dans le header */
#login_area {
	position:absolute;
	top:0px;
	right:160px;
    margin:0;
    padding:0;
    width:208px;
	height:120px;
	border:none;
}

#login_area legend {
	position:absolute;
	display:none;
	margin:0;
    padding:0;
}

#login_area a 
{
	text-align: center;
	font:0.9em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
}

#login_area a:hover, a:active, a:focus {
	color:#000000;
}

#login_area fieldset 
{
	position:relative;
	padding:0;
	margin:0;
	border:none;
}

#login_area p.errormsg{
	color:#dd1100;
	/*Le arial ne passe pas en bold sous IE*/
	font-weight:bold;
	font-size:1.2em;
	padding:0;
	text-align:center;
}

#login_area p.authent {
	color:#2F85B8;
	text-align:center;
	font-size:1.2em;
	padding:0px;
}

#login_area #label_email
{
	position:absolute;
	width:34px;
	height:18px;
	top:15px;
	left:40px;
}

#login_area #ident_email {
	position:absolute;
	top:15px;
	left:80px;
	font-size:1.1em;
	background:#ffffff url(../images/commun/header_input.png) no-repeat;
	display:inline;
	border:none;
	margin:0px;
	padding:0 0 0 2px;
	width: 124px;
	height:22px;
	font-weight: bold;
}

#login_area #label_mdp
{
	position:absolute;
	width:71px;
	height:21px;
	top:58px;
	left:5px;
}

#login_area #ident_password {
	position:absolute;
	top:60px;
	left:80px;
	font-size:1.1em;
	background:#ffffff url(../images/commun/header_input.png) no-repeat;
	display:inline;
	border:none;
	margin:0px;
	padding:0 0 0 2px;
	width: 124px;
	height:22px;
	font-weight: bold;
}

#login_area #acces
{
	position:absolute;
	text-align:left;
	width:350px;
	height:24px;
	top:0px;
	left:0px;
}

#login_area #oublie
{
	position:absolute;
	width:86px;
	height:17px;
	top:40px;
	left:100px;
}

#login_area #inscrire
{
	position:absolute;
	width:73px;
	height:24px;
	top:85px;
	left:85px;
}

#login_area #valider
{
	position:absolute;
	width:30px;
	height:25px;
	top:85px;
	left:160px;
}

#deconnecter_area 
{
	position:absolute;
	top:0px;
	right:60px;
    margin:0;
    padding:0;
    width:208px;
	height:100px;
	border:none;
	text-align:center;
}

#deconnecter_area p.authent {
	color:#b5def7;/*bleu clair*/
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding:0px;
}
/* #####################  Container ################ */

/* Page d'index */
.leftindex {
	position:relative;
	float:left;
	width:374px;
	/*height:606px;*/
	padding:0;
}
.rightindex
{
	position:relative;
	overflow:auto;
	float:left;
	width:60%;
	/*height:530px;*/
	padding:0 20px 0 0;
}

/* Autres pages */
.left {
	position:relative;
	float:left;
	width:374px;
	height:606px;
	padding:0;
}
.right
{
	position:relative;
	overflow:auto;
	float:left;
	width:606px;
	height:530px;
	padding:0 20px 0 0;
}
.center
{
	clear:both;
	padding-right: 3%;
	padding-left: 3%;
	margin : auto;
	text-align: center;
}

/* #####################  Pied de page ################ */
#footer
{
	position:relative;
	height:112px;
	width:980px;/*taille du main*/
	background:top right url(../images/commun/bck_footer.jpg) no-repeat;
	z-index:1;
	overflow:visible;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
}
#begreen
{
	position:absolute;
	bottom:1px;
	right:0px;
	z-index:2;
	margin:0;
    padding:0;
	border:none;
}
#mentions
{
	position:relative;
	color:#0086CB;
	top:80px;
	padding-right:20px
	/*position:absolute;
	bottom:6px;
	left:352px;
	z-index:2;
	text-align: center;
	*/
}

#ficheAbonne
{
	width:60%;
	height:400px;
}
	

#assistantright {
	position:relative;
	float:right;
	right:0;
}

#assistantleft {
	position:relative;
	float:left;
	left:0;
}

#clientright {
	position:relative;
	float:right;
	right:10px;
}

/* #####################  Espace candidat ################ */
#c_container{
	height:500px;
}
#textIndex {  
	position:relative;
	padding:5px; 
	margin-left:100px; 
	width: 750px;
	font-family:Arial;  
	font-size:14px;  
	color:#333;  
	text-align:justify;
} 
#liensIndex {  
	position:relative;
	color:#ff5500;
	margin-left:5px;
	padding:5px;  
	width: 600px;
	font-family:Arial;  
	text-align:right;
	display:block;
	font-size:1.5em;
	text-decoration:none;
	font-weight:bold;
} 
#c_fleche
{
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;
	width:211px;
	height:527px;
	background:url(../images/commun/fleches2.gif) no-repeat;
	margin:0;
	padding:0;
}
.c_leftcall 
{	
	padding:0;
	float:left;
	margin-left:8px;
	/*min-width:30%;*/
	position:relative;
	z-index:1;
	width:528px;
	/*overflow:visible;*/
}
.c_rightcall
{
	padding:1px 1px;
	width:400px;
	display:block;
	position:relative;
	overflow:hidden;
	z-index:0;
}