﻿/* *********************************************************************** */
/* ** CSS pour la V2 de EBE												** */
/* **																	** */
/* ** code couleur hexa : 	Bleu nuit : #234d89							** */
/* **						Gris : #bbbbbc								** */
/* **						Orange(texte aide) :#ffa104					** */
/* **						Bleu ciel : #d9e9f5							** */
/* **																	** */
/* *********************************************************************** */


/* MASTER PAGE *********************************************************** */

body
{
	background-image:url(../Images/background.png);
	background-repeat:repeat-x;
	background-color:#fef1df;
}
.header
{
	position:absolute;
	top:21px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/header.png);
	width:819px;
	height:153px;
}
.footer
{
	position:absolute;
	top:722px;
	left:-409px;
	margin-left:50%;
	width:817px;
	height:48px;
	background-image:url(../Images/footer.png);
	background-repeat:no-repeat;
	background-color:Transparent;
	text-align:center;
	color:#234d89;
	padding-top:15px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
}
.footer a
{
	text-decoration:none;
	color:#234d89;
}
.footer a:hover
{
	color:#ffa104;
}
.create
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_creation_enquete.png);
}
.register
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_inscription.png);
}
.gestionEnquete
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_gestion_enquete.png);
}
.confirmStart
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_vide.png); 
}
.confirmClose
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_vide.png); 
}
.resultat
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_resultats.png); 
}
.accueil
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_home.png); 
}
.contact
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_contacts.png); 
}
.notreVision
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_vide.png); 
}
.notreDemarche
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_vide.png); 
}
.valorisezVous
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_vide.png); 
}
.error
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_vide.png); 
}
.enqueteUtilisateur
{
	position:absolute;
	width:819px;
	height:549px;
	top:173px;
	left:-410px;
	margin-left:50%;
	background-image:url(../Images/conteneur_utilisateur.png);
}
.panGeneral
{
	font-family:Century Gothic;
	font-size:12px;	
	position:absolute;
	color:#234d89;
	width:590px;
	height:400px;
	top:80px;
	left:-300px;
	margin-left:50%;
	line-height:13px;
}
.panGeneral a
{
	text-decoration:none;
	font-weight:bold;
	color:#ffa104;
}
.panGeneral a:hover
{	
	text-decoration:none;
	font-weight:bold;
	color:#234d89;
}
.txtGauche
{
	position:absolute;
	font-family:Century Gothic;
	font-size:11px;
	color:#234d89;
	width:220px;
	left:40px;
	top:45px;
	font-weight:normal;
	line-height:12px;
}
.txtGauche a
{
	text-decoration:none;
	font-weight:bold;
	color:#ffa104;
}
.txtGauche a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#234d89;
}
.txtDroite
{
	position:absolute;
	top:80px;
	left:350px;
	width:410px;
	font-family:Century Gothic;
	font-size:11px;
	color:#234d89;
	height:450px;
}
.txtCentre
{
	position:absolute;
	top:80px;
	left:10px;
	width:800px;
	font-family:Century Gothic;
	font-size:11px;
	color:#234d89;
	height:450px;
}
.center
{
	text-align:center;
}
.imgCenter
{
	border:none;
}
.welcome
{
	position:absolute;
	top:60px;
	margin-left:50%;
	left:200px;
	width:190px;
	font-family:Arial;
	font-size:12px;
	color:#234d89;
	text-align:center;
}
.welcome a
{
	font-weight:bold;
	text-decoration:none;
	color:#234d89;
}
.welcome a:hover
{
	color:#ffa104;
}
.fonctionnalites
{
	margin-top:10px;
}
.fonctionnalites a
{
	font-weight:bold;
	text-decoration:none;
	color:#234d89;
}
.fonctionnalites a:hover
{
	color:#ffa104;
}
.logoEBE
{
	position:absolute;
	left:15px;
}
.logoJCE
{
	position:absolute;
	left:240px;
	top:40px;
}
.logoIAE
{
	position:absolute;
	left:390px;
	top:35px;
}
/* FIN MASTER PAGE ******************************************************* */

/* MENU ****************************************************************** */
.menu-base
{
	position:absolute;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	top:128px;	
	width:800px;
	margin-left:50%;
	left:-400px;
	text-align:center;
}
.non-actif
{	
	color:#bbbbbc;
	text-decoration:none;
}
.actif
{
	color:#234d89;
	text-decoration:none;
}
.non-actif:hover
{
	color:#234d89;
	text-decoration:none;
}
.actif:hover
{
	color:#bbbbbc;
	text-decoration:none;
}
.disabled
{
	color:#bbbbbc;
	text-decoration:none;
}
.disabled:hover
{
	color:#bbbbbc;
	text-decoration:none;
}
/* FIN MENU ************************************************************** */

/* INSCRIPTION *********************************************************** */
.titreInscription
{
	font-size:14px;
	font-weight:bold;
}
.formulaireTable
{
	width:100%;
}
.textInscription
{
	font-size:11px;
	font-weight:normal;
}
.inputInscription
{	
	width:220px;
	height:12px;
	font-size:10px;
}
.btnValid
{
	position:absolute;
	right:0px;
	bottom:15px;
}
.erreurFormulaire
{
	color:Red;
	font-size:18px;
	font-family:Arial;
}
/* FIN INSCRIPTION ******************************************************* */

/* CREATION ENQUETE ****************************************************** */
.btnStart
{
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
}
.errorLabel
{
	font-size:10px;
	color:Red;
	font-family:Arial;
}
/* FIN CREATION ENQUETE ************************************************** */

/* GESTION PERSONNES ***************************************************** */
.bodyGestionPersonnel
{
	background-color:#d9e9f5;
	background-image:none;
}
.panGridGestionPersonne
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
}
.panPrincipalGestionPersonne
{
	width:1024px;
	position:absolute;
	top:40px;
	left:-512px;
	margin-left:50%;
}
.panEnteteGestionPersonne
{
	height:148px;
	width : 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/header_popup_gestion.png);
	background-repeat:no-repeat;
	
}
.panCorpsGestionPersonne
{
	width : 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/contenu_popup.png);
	background-repeat:repeat-y;
}
.panFooterGestionPersonne
{
	height:135px;
	width : 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/footer_popup.png);
	background-repeat:no-repeat;
}
.RadGrid_Office2007
{
	width:100%;
}
.panBtnValider
{
	width:100%;
	text-align:right;
}
.btnValiderGestionPersonne
{
	margin-top:15px;
	margin-right:35px;
}

/* FIN GESTION PERSONNES ************************************************* */

/* VISU ENQUETE ********************************************************** */

.panFormulaire
{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	border:1px solid black;
	background-color:White;
	padding:10px;
}

/* FIN VISU ENQUETE ****************************************************** */

/* CONFIRMATION DEPART ENQUETE ******************************************* */

.listePersonnes
{
	width:80%;
	margin-left:10%;
	height:170px;
}

/* FIN CONFIRMATION DEPART ENQUETE *************************************** */

/* PARTIE POUR L'AFFICHAGE DU QUESTIONNAIRE ****************************** */
.bodyReponseEnquete
{
	background-color:#d9e9f5;
	background-image:none;
}
.panPrincipalReponseEnquete
{
	width:1024px;
	position:absolute;
	top:40px;
	left:-512px;
	margin-left:50%;
}
.panEnteteReponseEnquete
{
	height:148px;
	width : 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/header_popup_questionnaire.png);
	background-repeat:no-repeat;	
}
.panCorpsReponseEnquete
{
	width : 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/contenu_popup.png);
	background-repeat:repeat-y;
}
.panFooterReponseEnquete
{
	height:135px;
	width : 1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../Images/footer_popup.png);
	background-repeat:no-repeat;
}
.listeQuestions
{
	width:800px;
	margin-right:auto;
	margin-left:auto;
	background-color:White;
	border:1px solid #00457d;
	padding-bottom:20px;
	
	font-family:Century Gothic;
	font-size:11px;
	color:#234d89;

}
.question
{
	text-align:left;
	padding:0.5em;
}
.ligneQuestion
{
	border-bottom:1px solid #00457d;
}
.choixQuestion
{
	width:500px;
}
.listChoix
{
	text-align:center;
	width:100%;
}
.tableQuestion
{	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-right:1px solid #00457d;
	border-left:1px solid #00457d;
	border-bottom:1px solid #00457d; 
}
.tableQuestionAlternate
{	
	background-color:#edf4fa;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-right:1px solid #00457d;
	border-left:1px solid #00457d;
	border-bottom:1px solid #00457d; 
}
.tableQuestionPasRepondu
{	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-right:1px solid #00457d;
	border-left:1px solid #00457d;
	border-bottom:1px solid #00457d; 
	background-color:#fac44a;
	font-weight:bold;
}
.tblTheme
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	background-color:#00457d;	
}
.libPosition
{
	text-align:center;
	width:500px;
}
.titreTheme
{
	margin-bottom:3px;
	color:White;
	font-size:16px;
}
.surTitreTheme
{
	margin-bottom:3px;
	font-size:16px;
	color:#00457d;
}
.btnValiderEnquete
{	
	margin-left:50%;
	width:100px;
}
 
/* FIN PARTIE POUR L'AFFICHAGE DU QUESTIONNAIRE ************************** */

/* ACCUEIL *************************************************************** */

.login
{
	position:absolute;
	left: 560px; 
	top: 330px;
    width:235px;
	height:207px;	
	background-image:url(../Images/acces_membre.png);
	background-position:top;
	background-repeat:no-repeat
}
.innerLogin
{
	position:absolute;
	left: 50px; 
	top: 30px;
	width:150px;
	font-family:Century Gothic;
	font-size:11px;
	color:#234d89;
	line-height:12px;
	text-align:left;
}
.innerLogin a
{
	color:#234d89;
	text-decoration:underline;
}
.innerLogin a:hover
{
	color:#ffa104;
	text-decoration:none;
}
.pourquoiAmbassadeur
{
	position:absolute;
	width:530px;
	left:20px;
	top:370px;
	font-family:Century Gothic;
	font-size:14px;
	color:#234d89;
	line-height:14px;
}
.ebeEnQuelquesMots
{
	position:absolute;
	width:230px;
	left:570px;
	top:20px;
	font-family:Century Gothic;
	font-size:11px;
	color:white;
	line-height:12px;
}

/* FIN ACCUEIL *********************************************************** */

/* CONTACT *************************************************************** */
.texteContact
{
	position:absolute;
	text-align:center;
	width:200px;
	left:585px;
	top:50px;
	font-family:Century Gothic;
	font-size:13px;
	color:white;
	line-height:12px;
}
.texteContact a
{
	text-decoration:none;
	font-weight:bold;
	color:White;
}
.texteContact a:hover
{
	text-decoration:underline;
	font-weight:bold;
	color:White;
}
.contactQoveo
{
	position:absolute;
	left:585px;
	top:400px;
	width:198px;
	height:62px;
}
/* FIN CONTACT *********************************************************** */

/* PARTIE UTILISATEUR **************************************************** */

.zoneSerreDroite
{
	position:absolute;
	left:580px;
	width:200px;
	top:25px;
	font-family:Century Gothic;
	font-size:13px;
	color:white;
	line-height:12px;
}
.btnStartSerreDroite
{
	position:absolute;
	left:600px;
	width:190px;
	top:380px;
}

/* FIN PARTIE UTILISATEUR ************************************************ */

/* PAGE D'ERREUR ********************************************************* */

.errorTexte
{
	color:Red;
	font-size:20px;
	font-weight:bold;
	font-family:Arial;
}
.retourAccueilErreur
{
	font-size:12px;
	position:absolute;
	top:380px;
	left:400px;
	width:200px;
}

/* FIN PAGE D'ERREUR ***************************************************** */

/* PAGE RESULTATS ******************************************************** */

.chartBig
{
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
}
.chartBig img
{
	width:400px;
}
.chartBig a
{
	text-decoration:none;
}

.chartEntrepriseSmall
{
	position:absolute;
	top:330px;
	left:10px;
	width:80px;	
}
.chartEntrepriseSmall img
{
	width:80px;
}
.chartEntrepriseSmall a
{
	text-decoration:none;
}

.chartOrganisationSmall
{
	position:absolute;
	top:330px;
	left:110px;	
	width:80px;
}
.chartOrganisationSmall img
{
	width:80px;
}
.chartOrganisationSmall a
{
	text-decoration:none;
}

.chartSatisfactionSmall
{
	position:absolute;
	top:330px;
	left:210px;	
	width:80px;
}
.chartSatisfactionSmall img
{
	width:80px;
}
.chartSatisfactionSmall a
{
	text-decoration:none;
}

.chartBienEtreSmall
{
	position:absolute;
	top:330px;
	left:310px;	
	width:80px;
}
.chartBienEtreSmall img
{
	width:80px;
}
.chartBienEtreSmall a
{
	text-decoration:none;
}

.btnPrint
{
	position:absolute;
	top:480px;
	left:60px;
}
.hidden
{
	visibility:hidden;
}

/* FIN PAGE RESULTATS **************************************************** */












