html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
}

/*---------------------- Mise en forme sur les balises HTML ----------------------*/
body{
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: justify;
	padding-bottom: 15px;
}
p {
	padding-top: 8px;
	padding-bottom: 8px;
}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
img {
	border: none;
	text-decoration: none;
}
a img {
	border: none;
	text-decoration: none;
}
h1, h2, h3 {
	color: #173049;
}
h1 {
	font-size: 150%;
	margin-bottom:10px;
}
h2 {
	font-size: 125%;
	margin-bottom:5px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
th {
	font-weight: bold;
	text-align: center;
}
form .inputText, form .inputPassword, form textarea, form select {
	margin: 2px 0 2px 0;
}
select{
	background-color:#e8eef2;
}
option {
	padding-right: 10px;
	background-color:#e8eef2;
}
textarea {
	border: 1px solid #BBBBBB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
textarea:focus {
	border: 1px solid #999999;
	background-color: #EEEEEE;
}
.textareaErreur {
	border: 1px solid #000000;
	background-color: #FFACAC;
	margin: 2px 0 2px 0;
}

a:link {
	color: #5064A1;
	text-decoration: underline;
}
a:visited {
	color: #5064A1;
	text-decoration: underline;
}
a:hover {
	color: #173049;
	text-decoration: underline;
}
a:active {
	color: #173049;
	text-decoration: underline;
}

/*----------------------  ID et class communes a tous les modules ----------------------*/
.hidden {
	display: none;
}
.afficherInline {
	display: inline;
}
.erreur {
	background-image:url('http://www.scambia-workplace.com/_images/icones/erreur_petit.png');
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 6px;
	padding-left: 25px;
	min-height: 18px;
	font-weight: bold;
	color: #FF0000;
}
.blocErreur {
	background-image:url('http://www.scambia-workplace.com/_images/icones/erreur.png');
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 0 20px 60px;
	font-weight: bold;
	color: #FF0000;
}
.blocConfirmation {
	background-image:url('http://www.scambia-workplace.com/_images/icones/confirmation.png');
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 0 20px 60px;
	font-weight: bold;
	color: #469646;
}
.blocAnnonce {
	background-image:url('http://www.scambia-workplace.com/_images/icones/annonce.png');
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 0 20px 60px;
	font-weight: bold;
	color: #F17100;
}
.blocAnnonce .demandeConfirmation a {
	margin: 0 25px 0 25px;
}
.blocInfo {
	background-image:url('http://www.scambia-workplace.com/_images/icones/info.png');
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px 0 20px 60px;
	font-weight: bold;
	color: blue;
}
.blocConnexion {
	background-image:url('http://www.scambia-workplace.com/_images/icones/connexion.png');
	background-repeat: no-repeat;
	background-position: 0 20px;
	padding: 15px 0 20px 50px;
}
#formConnexion label.cell {
	display: inline;
  float: left;
  width: 100px;
  padding-right: 10px;
  text-align: right;
}
#formConnexion .seConnecter {
	margin-left: 110px;
}
.inputText, .inputPassword {
	border: 1px solid #BBBBBB;
}
.inputText:focus, .inputPassword:focus {
	border: 1px solid #999999;
	background-color: #EEEEEE;
	margin: 2px 0 2px 0;
}
.inputTextErreur, .inputPasswordErreur {
	border: 1px solid #000000;
	background-color: #FFACAC;
	margin: 2px 0 2px 0;
}
.selectErreur {
	border-color: #000000;
	background-color: #FFACAC;
	margin: 2px 0 2px 0;
}
.clear {
	clear:both;
}
.reorganisable span {
	cursor: pointer;
	padding: 0 3px 0 3px;
	font-weight: bold;
}
.reorganisable a {
	text-decoration: none;
}
.smallDescription {
	font-size:80%;
	color:#666;
}
.ligneCouleurTableau {
	background-color: #EEEEEE;
}

/*---------------------- ID et class du design ----------------------*/
/* Header */
#header {
	background-color: #FFFFFF;
	height: 60px;
	padding: 4px 16px 0 8px;
}
#header a {
	text-decoration: none;
}
#logo {
	float: left;
	width: 160px;
}
#texteHeader {
	text-align: right;
	line-height: 150%;
}

/* Menu haut */
.menuHaut {
	background-image:url('http://www.scambia-workplace.com/_images/design/fond.gif');
	background-repeat: repeat-x;
	margin: 0;
	padding: 2px 16px 3px 8px;
	height: 27px;
	text-align: center;
}
.menuHaut ul {
	border: 0;
	margin:0;
	padding: 0 0 0 148px;
	list-style-type: none;
	text-align: center;
	float: left;
}
.menuHautSansMenu ul {
	border: 0;
	margin:0;
	padding: 0 0 0 18px;
	list-style-type: none;
	text-align: center;
	float: left;
}
.menuHaut ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
.menuHaut ul li a {
	background: #fff;
	background-image:url('http://www.scambia-workplace.com/_images/design/fond_menu.gif');
	width: 110px;
	height: 21px;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	padding: 0;
	margin: 0 0 10px 0;
	color: #696969;
	text-decoration: none;
	display: block;
	text-align: center;
}
.menuHaut ul li a:hover {
	color: #2F2F2F;
	background: #EDEDED;
}
.menuHaut a:active {
	color: #2F2F2F;
	background: #EDEDED;
}
.menuHaut li#active a {
	color: #2F2F2F;
	background: #EDEDED;
	border: 1px solid #BFBFBF;
}

.rechercheMenu{
	float:right;
	
}
.rechercheMenuInput{
	padding-left:3px;
	padding-right:5px;
	width:100px;
	text-align:center;
	color:#666;
}


/* Menu gauche */
#menuGauche {
	margin-top: 8px;
	float: left;
	text-align: center;
}
#menuGauche p {
	padding: 0;
	font-weight: bold;
	text-align: center;
}
#menuGauche ul {
	margin-top: 3px;
	list-style-type: none;
}
#menuGauche li {
	padding-bottom: 3px;
}
#menuGauche a {
	text-decoration: none;
	color: #696969;
	display:block;
	padding-left:5px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:left;
}
#menuGauche a:hover{
	background-color: #333;
	color:#ddd;
}
#menuGauche .affichageMenu a:hover{
	background-color: red;
	color:#ddd;
}
#menuGauche a:hover, #menuGauche a:active {
	text-decoration: none;
}
#menuGauche .messageNonLu a {
	color: #F17100;
}
#menuGauche img {
	margin-right: 8px;
}

/* Fil d'ariane */
.chemin, .cheminSansMenu {
	clear: both;
}
.chemin .liensChemin {
	position: absolute;
	left: 156px;
}
.cheminSansMenu .liensChemin {
	position: absolute;
	margin-left: 16px;
}
#blocChemin a {
	text-decoration: none;
}

/* Contenu central */
#contenuCentral {
	padding: 0 8px 8px 8px;
}
.principal {
	margin-left: 140px;
	margin-right: 0;
	margin-top: 5px;
}
.principalSansMenu {
	margin-left: 10px;
	margin-right: 0;
	margin-top: 5px;
}
.contenu {
	margin: 0 8px 0 8px;
	padding: 0 10px 0 5px;
	background-color : #FFFFFF;
	min-height: 400px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
}
.contenuDeconnecte {
	margin: 15px 8px 0 8px;
	padding: 5px;
	background-color : #FFFFFF;
	min-height: 300px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
}
.contenupub, .contenuAstuce{
	margin: 0 8px 0 8px;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	background-color : #FFFFFF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
}

.contenupub, .contenuAstuce{
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
}

#basContenu {
	clear: both;
}

/* footer */
#footer {
	text-align: center;
	line-height: 150%;
	font-size: 80%;
}

/*---------------------- ID et class des CGU ----------------------*/
.descCgu {
	margin-top: 4px;
}

/*---------------------- ID et class des CGV ----------------------*/
.descCgv {
	margin-top: 4px;
}
.conditions-vente h1 {
	margin-top: 0;
	margin-bottom: 8px;
}
.conditions-vente h2 {
	margin-top: 12px;
	margin-bottom: 8px;
}
.conditions-vente p {
	padding: 0;
	margin-top: 0;
	margin-bottom: 8px;
}

/*---------------------- ID et class de la gestion des offres ----------------------*/
.supportCommande {
	float: right;
	font-weight: bold;
}
.supportCommande img {
	float: left;
	margin-right: 10px;
}
.constructeurOffre .prix label {
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 3px;
}
.constructeurOffre #prixHT, .constructeurOffre #prixTTC {
	border: 1px solid #EEEEEE;
	text-align: right;
	background-color: #EEEEEE;
}
.constructeurOffre h2 {
	margin: 10px 0 0 0;
}
.constructeurOffre select {
	width: 350px;
}
.itemOffre {
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
	margin: 10px 0 10px 0;
	min-height: 60px;
}
.itemOffre h2 {
	margin-top: 0;
}
.itemOffre .illustrationItemOffre {
	float: left;
	vertical-align: middle;
}
.itemOffre img {
	vertical-align: middle;
}
.itemOffre .contenuItemOffre {
	margin-left: 58px;
}
.explicationItemOffre {
	margin-top: 4px;
}
.infosFacturation label {
	display: inline;
	float: left;
	width: 95px;
	padding-right: 10px;
	text-align: right;
}
.choixDuree h2 {
	margin-top: 10px;
}
.paiement h2 {
	margin-top: 10px;
}
.recapitulatifCommande {
	border-collapse: collapse;
}
.recapitulatifCommande th, .recapitulatifCommande td {
	padding: 3px;
	text-align: right;
	border: 1px solid #000;
}
.recapitulatifCommande th {
	text-align: center;
}
.interligneRecapCommande td {
	border: none;
}
.prixTotal {
	font-weight: bold;
	color: #469646;
}
.titreOffre {
	font-size: 180%;
	color: #173049;
	font-weight: bold;
	text-align: center;
	width: 350px;
}
.prixOffres {
	font-weight: bold;
	font-size: 120%;
	color: #469646;
}
.resumeOffresSMS td {
	padding : 0 12px 0 12px;
	text-align: right;
}
.prixSMS {
	font-weight: bold;
	color: #469646;
}
.choixOffre {
	margin-bottom: 20px;
	width: 700px;
}
.choixOffre td {
	padding: 2px 6px 2px 6px;
}
.choixOffreSMS .commander, .choixOffre .commander {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #469646;
}
.choixOffreSMS .commander a, .choixOffre .commander a {
	color: #469646;
}
.choixOffre .options img {
	margin-right: 6px;
}
.choixOffre .explications {
	background-color: #EEEEEE;
	padding: 8px;
	border: 1px dotted #999;
}
.options a {
	text-decoration: none;
	border-bottom: 1px dashed #999;
	cursor: help;
}
.conteneurExplication td {
	padding: 0;
}

/*
.menuOffres {
	float: left;
}
.menuOffres ul {
	width: 220px;
	margin-top: 10px;
}
.menuOffres li {
	padding: 4px 0 4px 6px;
	list-style-position: inside;
	list-style-type: none;
}
.menuOffres .titre {
	font-weight: bold;
	background-color: #dae0f2;
	padding: 5px 0 5px 4px;
}
.menuOffres a {
	text-decoration: none;
	color: #696969;
	display: block;
}
.menuOffres a:hover{
	background-color: #f3f3f3;
}
.menuOffres a:hover, .menuOffres a:active {
	text-decoration: none;
}
.menuOffres .prix {
	font-size: 90%;
	float: right;
	margin-top: -13px;
	font-weight: bold;
	color: #469646;
}
.contenuOffres {
	margin-left: 225px;
}
.titreOffre {
	font-size: 180%;
	color: #173049;
	font-weight: bold;
	text-align: center;
	width: 350px;
}
.prixOffres {
  	width: 350px;
  	text-align: right;
	font-weight: bold;
	font-size: 120%;
}
.prixOffres span {
  	float: left;
  	text-align: left;
	color: #469646;
}
.servicesInclus li {
	list-style-type: none;
	padding-bottom: 12px;
}
.recapOffres {
	border-collapse: collapse; 
}
.recapOffres td {
	padding: 4px;
	border-bottom: 1px dotted #777777;
	text-align: center;
}
.recapOffres .categOffre {
	font-weight: bold;
}
.recapOffres .caracOffre {
	text-align: left;
}
.recapPrixOffre {
	font-weight: bold;
	color: #469646;
}
.titreOption {
	font-weight: bold;
	font-style: italic;
}
.commandeAuth, .commandeCom, .commandeDuree, .commandePaiement {
	margin-left: 40px;
}
.commandePaiement {
	line-height: 180%;
}
.commandePaiement span {
	display: inline;
  float: left;
  text-align: left;
  width: 210px;
}
.choixDuree {
	line-height: 180%;
}
.resumeOffresSMS td {
	padding : 0 12px 0 12px;
	text-align: right;
}
.prixSMS {
	font-weight: bold;
	color: #469646;
}
*/
/*---------------------- ID et class de la page d'accueil ----------------------*/
#boxes {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 140px;
}
#boxes li {
	position: relative;
	float: left;
	margin: 20px 10px 0 0;
	width: 220px;
	height: 120px;
	padding-top: 3px;
	border: 1px solid #000000;
	background-color: #EEEEFF;
}
.titreSalle {
	text-align:center;
	width:100%;
	padding-bottom: 2px;
	margin-bottom: 4px;
	border-bottom:1px solid #ccc;
}
.actuSalle {
	padding: 0 4px 4px 4px;
	width:100%;
}
.actuSalle .connecte {
	width:100%;
	text-align: center;
	margin-bottom: 4px;
}
.resumeSalle {
	position: absolute;
	bottom: 4px;
	border-top: 1px solid #ccc;
	width: 216px;
	padding: 4px 0 4px 4px;
}
#salleConf {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 720px;
}
#salleConf li {
	margin: 20px 10px 0 0;
	width: 220px;
	height: 120px;
	padding-top: 3px;
	border: 1px solid #000000;
	background-color: #fcc;
}
/*---------------------- ID et class de l'agenda ----------------------*/
#agenda td {
	padding-right: 10px;
}
#heures {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#heures li {
	margin: 1px 0 0 0;
	width: 100px;
	height: 18px;
	border: 1px solid #000000;
	text-align: center;
	padding-top: 5px;
	background-color: #EEEEFF;
}
#jour {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.demiheure {
	margin: 1px 0 0 0;
	width: 100px;
	height: 18px;
	border: 1px solid #000000;
	text-align: center;
	padding-top: 5px;
	background-color: #EEEEFF;
}
.deuxheures {
	cursor: move;
	margin: 1px 0 0 0;
	width: 100px;
	height: 95px;
	border: 1px solid #000000;
	text-align: center;
	padding-top: 5px;
	background-color: #AAAEFF;
}
.listeAnnee{
	font-size:large;
	margin-top:10px;
}
.listeMois{
	font-size:larger;
	margin-left:20px;
}
.listeJour{
	margin-left:40px;
}
.listeEvenement{
	margin-left:60px;
}
.enteteDate {
	text-align:center;
	font-size:small;
	border-bottom:1px solid #ccc;
	background-color:#d0e4ee;
	font-size:90%;
	padding-top:2px;
	padding-bottom:2px;
	line-height:12px;
}

.tableAgendaMois td{
	
	vertical-align:top;
	height:100px;
}

.tableAgendaSemaine td {
	height:720px;
	position:relative;
	vertical-align:top;
	background-image: url(http://www.scambia-workplace.com/_images/agenda/graduation-1h.png);
	background-repeat: repeat;
}


.tableAgendaMois th, .tableAgendaSemaine th{
	padding-bottom:5px;
	padding-top:5px;
	background-color:#c4d7e1;
	border-bottom:1px solid #82aabf;
	color:#7599b3;
	font-size:90%;
	text-align:center;
}

.divEvent, .divEventSemaine{
	
	background-color:#eee;
	color:#666;
	text-align:center;
	padding-top:1px;
	padding-bottom:3px;
	border-bottom:1px solid #ddd;
	height:auto;
}
.divEventSemaine {
	;
}
.moisNonCourant{
	background-color:#ccc;
}
.moisCourant,.touteLaJournee,.semaineCourante {
	background-color:#e8eef2;
}

.enteteDate sup{
	vertical-align:2px;
}
.aujourdhui {
	background-color: #fcc; 
	
}

.moisNonCourant .enteteDate{
	background-color:#aaa;
	border-bottom:1px solid #666;
	color:#ddd;
}

.formAgendaEvenementAjouter label.cell, .formAgendaEvenementAjouter div.cell{
	display: inline;
	float: left;
	width: 280px;
	padding-right: 10px;
	text-align: right;
}

.formAgendaEvenementAjouter span{
	
	height:15px;
}
.listeMembresInvites, .listeSallesPartage, .ulProprietesEvenements {
		margin-top:10px;
		margin-left:15px;
		list-style-type:none;
		list-style-image: url(http://www.scambia-workplace.com/_images/agenda/puce.gif);
}
	
#divRecurrence {
	margin-left:20px;
}

.actionsSurEvenement {
	width:90%;
	padding:5px;
	margin-top:20px;
	text-align:center;
}
.actionsSurEvenement a{
	border-top:1px solid #c6c6c6;
	border-right:1px solid #464a53;
	border-bottom:1px solid #464a53;
	border-left:1px solid #c6c6c6;
	background-color:#888484;
	padding:3px;
	color:white;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
}
.titreAgenda {
	border-left:4px solid #6e8ce8;
	padding-left:10px;
	margin-bottom:10px;
	
}
.titreAgenda h3{
	display:inline;
	margin-right:10px;
}

.jourSemaine {
	border-left:4px solid #6e8ce8;
	border-bottom:2px solid #6e8ce8;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	font-size:90%;
	
}
.divTouteLaJournee {
	background-color: #bbccee;
	border:1px solid #bbaaee;
}
.divTouteLaJournee,.divEvenementPonctuel,.noEvent {
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
}
.agendaDescription {
	font-size:90%;
	color:#666;
}

.allDayEvent{
	background-color:#39f;
	color:#fff;
}
.allDayEvent a,.multipleDaysEvent a{
	color:#fff;
}
.multipleDaysEvent{
	background-color:#560b7c;
	color:#fff;
}

.ajoutEvent{
	float:right;
	padding-right:4px;
}

.divLegende{
	display:inline;
	float:left;
	width:150px;
	height:20px;
	line-height:16px;
	text-align:center;
	margin-bottom:5px;
	margin-right:10px;
}
.divEventLegende{
	background-color:#EEEEEE;
	border-bottom:1px solid #DDDDDD;
	color:#666666;
}
.legende{
	margin-top:10px;
}

.jourSemaine .intituleJS{
	height:25px;
	display:block;
}
.divLegende a{
	cursor:text;
}
/*---------------------- ID et class de la messagerie privee ----------------------*/
.formMessage label.cell {
	display: inline;
  float: left;
  width: 100px;
  padding-right: 10px;
  text-align: right;
}
.formMessage .alignement {
	margin: 0 0 0 110px;
}
.formMessage .inputFile {
	margin: 0 0 0 110px;
	margin-bottom: 3px;
}
.patientezEnvoiMessage {
	position: absolute;
	top: 320px;
	background-color: #EEEEEE;
	width: 500px;
	margin-left: 150px;
	padding: 10px;
	border: 1px solid #000000;
}
.patientezEnvoiMessage .messagePrincipal, .patientezEnvoiMessage .imageLoading {
	text-align: center;
	color:#444;
}
#tableMessagerie {
	width: 99%;
  border-spacing: 0;
}
#tableMessagerie .cellBox {
	width: 20px;
	text-align: center;
}
#tableMessagerie .cellPJ, #tableMessagerie .cellLu {
	width: 34px;
	text-align: center;
}
#tableMessagerie .cellSujet {
	width: 45%;
	text-align: left;
}
#tableMessagerie .cellEmetteur {
	width: 20%;
	text-align: left;
}
#tableMessagerie .cellDate {
	text-align: left;
}
.ligneNonLue {
	font-weight: bold;
}
.actionMessage {
	text-align: right;
}
.piecesJointes a {
	text-decoration: none;
}

/*---------------------- ID et class de la gestion des salles ----------------------*/
#listeSalles {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#listeSalles li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
	line-height: 140%;
}
.listeAccesSalles {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeAccesSalles li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
	line-height: 140%;
}
.listeAccesSalles table {
	margin-left: 25px;
}
.listeAccesSalles table td {
	padding: 0 4px 0 4px;
}

/*---------------------- ID et class de la gestion des groupes ----------------------*/
.listeGroupes {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeGroupes li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
	line-height: 140%;
}
.listeMembresGroupes {
	margin-top: 4px;
}
.listeMembresGroupes td {
	padding: 0 4px 0 4px;
}
.listeMembresCreationGroupes {
	list-style-type: none;
	margin: 4px 0 0 8px;
	padding: 0;
}
.listeSalleCreationGroupe {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeSalleCreationGroupe li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
	line-height: 160%;
}

/*---------------------- ID et class de la gestion des modules ----------------------*/
.gestionModules th, .gestionModules td {
	padding: 4px;
	text-align: center;
}
.gestionModules .nomModule {
	text-align: right;
}

/*---------------------- ID et class de la gestion des communautes ----------------------*/
.listeGestionCom {
	list-style-type: none;
	margin: 0;
	padding: 6px 0 0 20px;
	line-height: 140%;
}

/*---------------------- ID et class de la gestion des comptes crees ----------------------*/
#tableComptes .cellBox {
	width: 20px;
	text-align: center;
}
#tableComptes .cell {
	width: 150px;
	text-align: left;
	padding: 4px; 
}
#tableComptes .cellEmail {
	width: 250px;
	text-align: left;
	padding: 4px; 
}
#tableComptes .cellStatut {
	width: 100px;
	text-align: left;
	padding: 4px; 
}
.creerCompte caption {
	display: none; 
}
.tableGererStatuts,.tableGererAdhesions{
width:99%;
	border-collapse: collapse; 
	margin-bottom:20px;
	margin-top:10px;
}
.tableGererStatuts th, .tableGererAdhesions th{
padding-bottom:5px;
	padding-top:5px;
	background-color:#c4d7e1;
	border-bottom:1px solid #82aabf;
	color:#7599b3;
	font-size:90%;
	
}
.tableGererStatuts td ,.tableGererAdhesions td{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted
}
/*---------------------- ID et class de l'envoi de SMS ----------------------*/
.formSMS label.cell {
	display: inline;
  float: left;
  width: 70px;
  padding-right: 10px;
  text-align: right;
}
.formSMS .alignement {
	margin: 0 0 0 80px;
}
.smsDesc{
	font-size:90%;
	font-weight:normal;
	color:#777777;
	display:block;
}
.listeSMS {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeSMS li {
	margin: 20px 10px 0 0;
	width: 750px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
}
.detailHistorique {
	margin-left: 25px;
}
/*---------------------- ID et class du profil ----------------------*/
.formProfil label.cell {
	display: inline;
  float: left;
  width: 170px;
  padding-right: 10px;
  text-align: right;
}
.profilEnTete .avatar {
	float: left;
	text-align: center;
	width: 120px;
}
.profilEnTete .avatar img {
	border: 1px solid #000000;
}
.profilEnTete .carteVisite {
	margin-left: 130px;
	line-height: 150%;
}
.detailsProfil {
	margin: 20px 0 15px 130px;
	line-height: 150%;
}
.texteProfil {
	margin: 20px 0 15px 130px;
}

/*---------------------- ID et class du forum ----------------------*/

.forumTableCategories,
.forumTableSousCategorie, 
.forumTableSujet,
.forumTableSujetsNonLus,
.forumTableSujetsTrouves,
.forumTableMessagesTrouves,
.forumTableFichiersTrouves,
.forumTableEvenementsTrouves{
	width:99%;
	border-collapse: collapse; 
	margin-bottom:20px;
	margin-top:10px;
}
.forumTableSujetsTrouves td,
.forumTableMessagesTrouves td,
.forumTableFichiersTrouves td,
.forumTableEvenementsTrouves td{
	font-size:80%;

	padding:4px;
}
.ligneSujet td, .ligneSousCategorie td, .ligneEstPosteur td , .ligneMessage td{
	padding:5px;
	
	border-bottom:2px solid #dae0f2;
	background-color:#f9f9f9;
}

 .ligneEstPosteur{
	border-left:1px solid #dae0f2;
	border-right:1px solid #dae0f2;
 }
 
 .ligneEstPosteur td{
   background-color:#f3f3f3;
}

.forumTableSousCategorie th,.forumTableCategories th, .forumTableSujet th,.forumTableSujetsNonLus th,.forumTableSujetsTrouves th,
.forumTableMessagesTrouves th,
.forumTableFichiersTrouves th,
.forumTableEvenementsTrouves th{
	padding-bottom:5px;
	padding-top:5px;
	background-color:#c4d7e1;
	border-bottom:1px solid #82aabf;
	color:#7599b3;
	font-size:90%;
	
}

.forumLigneCategorie, .forumLigneSousCategorie, .forumLigneSujet{

	font-weight:bold;
	text-align:center;
	background: url('http://www.scambia-workplace.com/_images/forum/degrade-blanc-bleu.png') #c4d7e1 repeat-x top left;
	border-top:2px solid #cde1eb;
	color:#444;
}

.forumDesc{
	font-size:90%;
	font-weight:normal;
	color:#777777;
	display:block;
}

.small90{
	font-size:90%;
}
.alignLeft{
	text-align:left;
}
.floatRight{
	display:block;
	float:right;
}
.tdPosteur {
	text-align:center;
	vertical-align:top;
}

.tdMessage {
	vertical-align:top;
}

td hr{
	border: none 0;
	border-top: 1px dashed #82aabf;
	height: 1px;
	margin:2px
}

.forumAvatar{
	border:1px solid #ddd;
}

.formForum labelbis {
	display: inline;
  	float: left;
  	width: 170px;
  	padding-right: 10px;
  	text-align: right;
}
.formForum label {
	display: block;
  	margin-bottom: 5px;
}
.formForum textarea {
	
	height:200px;
}
.arborescence {
	font-size:90%;
	font-weight:bold;
}
.arborescence a{
	text-decoration:none;
	font-weight:bold;
}
.center{
	width:99%;
	text-align:center;
}
.avertissementTaille{
	font-size:80%;
	color:#999;
}
.padding5px{
	padding:5px;
}
.tdMessage blockquote {
	margin:12px 0 12px 20px;
	padding-left:5px;
	color:#666;
	border-left:1px solid #666;
}
.tdMessage blockquote div{
	font-weight:bold;
}
.forumTableSujetsTrouves em,
.forumTableMessagesTrouves em,
.forumTableFichiersTrouves em,
.forumTableEvenementsTrouves em{
	background:yellow;
}

.messageSupp, .matiereSupp{
	font-size:80%;
	padding-left:20px;
	color:#666;
	padding-top:10px;
}

/*---------------------- ID et class du blocnote ----------------------*/
.formBlocNote textarea{
	width:90%;
  	height: 30%;
  	display:block;
}

/*---------------------- ID et class du partage de fichiers ----------------------*/
.conteneurNavigationFichier {
	float: left;
	width: 250px;
	border: 1px solid #777;
}
.conteneurNavigationFichier a {
	text-decoration: none;
}
.menuNavigationFichiers {
	background-image:url('http://www.scambia-workplace.com/_images/design/fond_menu.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	height: 21px;
	text-align: left;
	padding: 4px 0 0 13px;
}
.menuNavigationFichiers a {
	color: #696969;
	text-decoration: none;
	margin-right: 10px;
}
.menuNavigationFichiers a:hover, .menuNavigationFichiers a:active {
	color: #2F2F2F;
}
.navigationFichiers {
	padding: 0 0 4px 4px;
	width: 246px;
	height: 400px;
	white-space: nowrap;
	overflow: auto;
}
.navigationFichiers img {
	text-decoration: none;
	margin-right: 5px;
	vertical-align: middle;
}
.navigationFichiers .plus {
	text-decoration: none;
	margin-right: 0;
}
.navigationFichiers .dossierEnCours {
	background-color: #DDDDDD;
	border: 1px dotted #999;
}
.contenuFichiers {
	margin-left: 260px;
}
.actionsFichier img {
	padding-right: 8px;
}
.actionsFichier a img {
	text-decoration: none;
}
.dossier {
	text-decoration: none;
	margin-right: 5px;
}
.listeDossiers td {
	padding: 0 4px 4px 0;
	vertical-align: middle;
}
.modifierDossier img {
	padding-left: 25px;
}
.supprimerDossier img {
	padding-left: 10px;
}
.listeFichiers {
	margin-top: 10px;
	width: 99%;
}
.listeFichiers td {
	padding: 3px 0 3px 0;
}
.listeFichiers .ligneAvecDesc td {
	padding-bottom: 0;
}
.listeFichiers .descriptionFichier td {
	padding-top: 0;
}
.listeFichiers .picto {
	width: 32px;
}
.listeFichiers .pictoAdmin {
	width: 24px;
	text-align: center;
}
.listeFichiers .fichier {
	width: 40%;
	text-align: left;
}
.listeFichiers .telecharger {
	width: 20%;
	text-align: left;
}
.listeFichiers .date {
	text-align: left;
}
.listeFichiers .lienTelechargement {
	width: 95%;
}
.nouveauFichier {
	font-weight: bold;
}
.mdpFichier {
	margin-left: 30px;
}
.typeFichier {
	margin-right: 10px;
}
.detailsFichiers {
	margin-top: 10px;
	width: 99%;
}
.detailsFichiers th {
	text-align: left;
	padding: 4px;
}
.detailsFichiers td {
	padding: 3px 0 3px 0;
}
.detailsFichiers .ligneAvecDesc td {
	padding-bottom: 0;
}
.detailsFichiers .descriptionFichier td {
	padding-top: 0;
}
.detailsFichiers .vu, .detailsFichiers .version {
	padding-left: 6px;
	text-align: left;
}
.detailsFichiers .picto {
	width: 32px;
}
.detailsFichiers .pictoAdmin {
	width: 24px;
	text-align: center;
}
.detailsFichiers .lienTelechargement {
	width: 95%;
}
.patientezEnvoiFichier {
	position: absolute;
	top: 320px;
	background-color: #EEEEEE;
	width: 500px;
	padding: 10px;
	border: 1px solid #000000;
}
.patientezEnvoiFichier .messagePrincipal, .patientezEnvoiFichier .imageLoading {
	text-align: center;
	color:#444;
}

/*------------------------------ ID  et class page d'inscription --------------------------*/
.inscription label.cell {
	display: inline;
	float: left;
	width: 160px;
	padding-right: 10px;
	text-align: right;
}
.inscription #erreurIdentifiant, .inscription #erreurPass, .inscription #erreurConfirmPass, .inscription #erreurEmail,
.inscription #erreurNom, .inscription #erreurPrenom {
	margin-left: 170px;
}
.obligatoire {
	color: #FF0000;
}

/*------------------------------ ID  et class page index --------------------------*/
.accrocheAccueil {
	background-color: #EEEEEE;
	border: 1px dotted #999;
	padding: 8px;
	margin-bottom: 10px;
}
.accrocheAccueil a {
	font-weight: bold;
	color: #BA6057;
}
.offresAccueil {
	border: 1px dotted #999;
	margin-bottom: 15px;
	padding: 4px;
}
.offresAccueil img {
	margin-right: 20px;
}
.imagesOffres {
	text-align: center;
}
.demoAccueil {
	background-color: #EEEEEE;
	border: 1px dotted #999;
	margin-bottom: 15px;
	padding: 4px;
}


.annonceAccueil {
	border: 1px dotted #999;
	margin-bottom: 15px;
	min-height: 283px;
}
.annonceAccueil img {
	float: right;
}
.annonceAccueil .titreAnnonce {
	margin: 0 350px 10px 10px;
	font-weight: bold;
	color: #BA6057;
	font-size: 150%;
	text-align: center;
}
.annonceAccueil .texteAnnonce {
	margin: 0 350px 10px 10px;
	font-size: 110%;
	padding: 4px;
}
.annonceAccueil .texteAnnoncePromo {
	margin: 0 350px 10px 10px;
	font-size: 110%;
	padding: 4px;
	font-weight: bold;
	color: #BA6057;
}

.listeFonctionnalitesSimple {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	padding: 8px;
	font-weight: bold;
	margin-bottom: 10px;
	height: 70px;
}
.listeFonctionnalitesSimple ul, .listeFonctionnalitesDouble ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeFonctionnalitesSimple li, .listeFonctionnalitesDouble li {
	width: 50%;
	display: block;
	float: left;
}
.listeFonctionnalitesSimple img, .listeFonctionnalitesDouble img {
	margin: 0 10px 10px 0;
	vertical-align: middle;
}
.listeFonctionnalitesDouble {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	padding: 8px;
	font-weight: bold;
	margin-bottom: 10px;
	height: 140px;
}

.imageIlluLeft {
	display: block;
	float:left;
	margin-right:15px;	
	margin-top:5px;
}
.imageIlluRight {
	display: block;
	float:right;
	margin-left:15px;
	margin-top:5px;
}
ul.puceCible{
	list-style-image: url(http://www.scambia-workplace.com/_images/icones/puce.gif);
	margin:0;
	padding:0;
}

ul.puceCible li{
	margin-left:14px;
	margin-top:2px;
	margin-bottom:2px;
}

ul.listeStandard {
        list-style-type: square;
}

ul.listeStandard li {
 	margin-left:14px;
	margin-top:2px;
	margin-bottom:2px;
}
h2.h2index{
	font-size:110%;	
	margin-top:10px;
}

h3.h3index{
	font-size:100%;
	
}
.index p{
margin-top:0;
padding:0;
}
.index{
	line-height:1.5em;
}

/*------------------------------ ID  et class page de demo --------------------------*/
.connexionDemo {
	background-color: #EEEEEE;
	border: 1px dotted #999;
	padding: 8px;
	margin-bottom: 10px;
}
.demoImage {
	background-color: #EEEEEE;
	border: 1px solid #000;
	padding: 0;
	margin: 8px 0 8px 0;
}
.demoImage .legende {
	border-top: 1px dotted #000;
	padding: 4px 8px 8px 8px;
	font-style: italic;
}

/*----------Liste a puce--------------*/
ul.noPadding li{
	padding-left:0;
	list-style-type:none;
}
ul.noPadding{
	padding:0;
	margin-left:0;
	margin-right:0;
}
.contenu, .contenuDeconnecte{
	padding: 10px;
}


/*------------------------------- FAQ ----------------------------*/

.foire-aux-questions{
	line-height:1.5em;
}
.faq_categorie{
	font-size:150%;
	display: block;
	margin-top: 10px;
}
.faq_question{
	display: block;
	font-weight:bold;
	margin: 10px 0 0 20px;
}
.faq_reponse{
	margin: 0 0 0 20px;
	padding: 0;
}
.faq_recap {
	margin-top: 0;
	font-weight:bold;
}
.blocSalleForum, .blocSalleFichier, .blocSalleMembre{
	width:48%;
	border:1px solid #ccc;
	margin-bottom:10px;

}
.blocSalleForum{
	float:right;
}
.titreBloc{
	padding:5px;
	background-color:#c4d7e1;
	border-bottom:1px solid #82aabf;
	color:#7599b3;
	font-size:90%;
}
.blocSalleForum span, .blocSalleFichier span, .blocSalleMembre span{
	font-size:90%;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
}
.listeGuides {
	margin-top: 0;
}

/*--------------------------- Recherche AJAX -----------------------*/

/* Autocompletion */
.update{
	;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0;
	padding:0;
	z-index:9;
}

ul.contacts  {
	list-style-type: none;
	margin:0;
	padding:0;
	text-align: left;
}
ul.contacts li.selected { background-color: #ffb; cursor: pointer; }
li.contact {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
}
li.contact div.image {
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
li.contact div.nom {
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
}

/*bloc astuce*/
#astuce{
cursor:pointer;
}
.titreAstuce{
font-weight:bold;
}

/*---------------------- ID et class de l'annuaire ----------------------*/
.listeAnnuaire {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeAnnuaire li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
}
.avatarAnnuaire {
	float: left;
	width: 120px;
	text-align: center;
}
.texteAnnuaire {
	margin-left: 120px;
	line-height: 150%;
}

/*--------- page offres ----------*/
.offres{
	padding-right:0;
	padding-left:10px;
}
/*--------- page recherche ----------*/
.recherche a,.forumTableSujetsNonLus a{
	text-decoration:none;
}


.exoTitre,.exoDates{
	padding:5px;
}
.exoTitre{
	font-size:small;
}
.exoDates{
	font-size:x-small;
	font-weight:bold;
}
.exoDispo div.exoDates{
	background-color:#c00;
	color:#fff;
}
.listeExos li{
	padding:10px;
	border-bottom:2px solid black;
}
.listeExos{
	padding:0;
	list-style-type:none;
}

/*---------formation---------------*/

.formation-fichiers-ajouter label.floatLeft{
	float:left;
	display:block;
	width:100px;
	margin-top:5px;
}
.formation-fichiers-ajouter label{
	width:110px;
}
.formation-matiere-ajouter label, .formation-matiere-modifier label {
	float:left;
	display:block;
	margin:5px 10px 0 0;
	text-align: right;
	width: 130px;
}
.formation-matiere-ajouter .alignement, .formation-matiere-modifier .alignement {
	margin-left: 140px;
}
.formation-fichiers-ajouter label.inline{
	display:inline;
}
.formation-fichiers-ajouter div.divCoeff, .formation-fichiers-ajouter div.divEssai{
	margin-left:25px;
	padding-top:5px;
	padding-bottom:5px;
}
/*
.listeProfesseurs input{
	margin-bottom:0;
}*/
/*
li.liMatiere{
	margin-bottom:10px;
}
li.liProf{
	margin-top:3px;
	margin-bottom:3px;
}*/

.affichageFormation{
	border-bottom:1px solid #999;
	font-size:10px;
}
.ligneReponse{
	
	padding:10px;
	background-color: #bbccee;
	border:1px solid #bbaaee;
	margin-bottom:15px;
	
}
.headerLigneReponse{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#3399cc;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
}
.corrige{
	float:right;
	margin-right:10px;
	color:#0E0!important;
}
.divEleve{
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid;
	padding:5px;
	margin:4px;
}
.divEleve h3{
	font-size:90%;
	color:#666;
}
.divEleve .reponse{
	margin-top:5px;
	margin-bottom:10px;
}
.divEleve .fichier{
	padding-left:20px;
	font-size:90%;
}
.divEleve .controle{
	float:right;
	margin-top:-2px;
}
.reponse strong,.evaluation strong{
	display:block;
	margin-bottom:10px;
	margin-top:10px;
}
.datesExercice{
	margin-top:3px;
	margin-bottom:3px;
}


h3.h3repondu{
	color:orange;
}

h3.h3note{
	color:green;
}

.listeMatieres {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeMatieres li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
	line-height: 140%;
}

.listeProfs {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
}
.listeProfs li {
	margin: 0;
	padding: 0;
	width: 600px;
	border: none;
}

/*---------------------- ID et class de la visio ----------------------*/

.listeConf {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listeConf li {
	margin: 20px 10px 0 0;
	width: 720px;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #EEEEEE;
}
.initialiserConference label {
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
}

/*-------------------- ID et Class des pages infos -----------------------**/

.divLienInfos p{
	font-size:11px;
	letter-spacing:1px;
}
.divLienInfos img{
	vertical-align:middle;
}
.divLienInfos a{
	text-decoration:none;
}
.divNavigation{
	text-align:center;
	margin:10px 0;
	padding:5px 0;
	border-top:1px dotted;
	border-bottom:1px dotted;
}

.agenda-collaboratif,.agenda-partage-gratuit,.forum-de-discussion,.partage-de-fichiers,.messagerie-privee,.chat,.bloc-note,.visioconference,.espace-collaboratif{
	line-height:150%;
}