/*********************
  Structure
*********************/
body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background: #fff;
  min-width: 600px;
  font-size: 90%;
}
body:before {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    content: "";
    height: 10px;
    left: 0;
    position: fixed;
    top: -10px;
    width: 100%;
    z-index: 100;
}
#header {
  clear: both;
  float: left;
  width: 100%;
  background: url("images/ui-bg_highlight-hard_40_5779c5_1x100.png") 50% 50% #5779c5;
  color: #fff;
  height:75px;
}

#header {
  border-bottom: 1px solid #000;
}

#header p,
#header h1,
#header h2 {
  padding: .8em 15px 0 15px;
  margin: 0;
  color: #fff;
}

#header h1{
    font-size:28px;
    margin: 0 0 5px 150px;
}

#header ul {
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

#header ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#header ul li a {
  display: block;
  float: left;
  margin: 0 0 0 1px;
  padding: 3px 10px;
  text-align: center;
  background: #eee;
  color: #000;
  text-decoration: none;
  position: relative;
  left: 15px;
  line-height: 1.3em;
}

#header ul li a:hover {
  background: #369;
  color: #fff;
}

#header ul li a.active,
#header ul li a.active:hover
{
  color: #fff;
  background: #008000;
  font-weight: bold;
}

#header ul li a span {
  display: block;
}

.colmask {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}

.colright,
.colmid,
.colleft {
  float: left;
  width: 100%;
  position: relative;
}

.col1,
.col2,
.col3 {
  float: left;
  position: relative;
  padding: 0 0 1em 0;
}
.col2{overflow: hidden;}

.leftmenu {
  background: #fff;
}

.leftmenu .colleft {
  right: 81%;
  background: #f4f4f4;
  padding-top: 5px;
}

.leftmenu .col1 {
  width: 77%;
  left: 102%;
}

.leftmenu .col2 {
  width: 15%;
  left: 6%;
}

#footer {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #000;
}

#footer p {
  padding: 10px;
  margin: 0;
}
/*********************
 Formulaires
*********************/
form {
	margin: 0;
    width: 790px;
}

fieldset {
    padding-bottom: 0.5em;
    border: 1px solid #5779c5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0.5em 0;
}

legend {
	font-weight: bold;
    padding: 4px 35px;
    border: 1px solid #5779c5;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: url("images/ui-bg_glass_20_5779c5_1x400.png") 50% 50% #5779c5;
    color: #fff;
}

fieldset.boutons {
	border: 0;
	text-align: center;
	margin: 0;
}

form div.rangee {
	clear: both;
	padding-top: 5px;
}

form div.rangee label.libelle {
	float: left;
  	width: 20%;
	text-align: right;
	font-weight: bold;
}

form div.rangee span.element {
	float: right;
	width: 78%;
	text-align: left;
}

form span.obligatoire {
	color: #FF0000;
}

form p.erreur {
	background: #EEEEEE url(images/famfamfam/exclamation.png) 5px 5px no-repeat;
	border: 1px #A6A6A6 solid;
	padding: 5px 5px 5px 30px;
	font-weight: bold;
	color: #FF0000;
}

form span.element p.erreur {
	background: transparent;
	border: 0;
	padding: 0;
	text-align: left;
}

p.note {
	background: #EEEEEE url(images/famfamfam/error.png) 5px 5px no-repeat;
	border: 1px #A6A6A6 solid;
	padding-left: 30px;
}

p.html {
	float: right;
	width: 78%;
	text-align: left;
}

/*********************
  Tableaux
*********************/
table {
	min-width: 790px;
	border: 0;
}

td,
th {
    white-space: nowrap;
	vertical-align: top;
}

table.afup_tab
{
  border-spacing: 2px;
	border-collapse: collapse;
	min-width : 790px;
	background-color: white;
	border: 1px solid #5779c5;
}
table.afup_tab td
{
	padding:5px;
	border-left: 1px dotted graytext;
	 white-space: normal;
}

table.afup_tab td:FIRST-CHILD
{
  border-left: none;
  }

table.afup_tab tr.even
{
	background-color: #EFF2FF;
}

table.afup_tab th
{
  background: url("images/ui-bg_glass_20_5779c5_1x400.png") 50% 50% #5779c5;
  color: white;
  padding:5px;
  border-left: 1px solid white
  }

table.afup_tab th:FIRST-CHILD
{
  border-left: none;
}

  table.afup_tab th a
{
  color: white;
  text-decoration: underline;
}

  table.afup_tab td a
{
  text-decoration: underline;
  }

  table.afup_tab th a:hover, table.afup_tab td a:hover
{
  text-decoration: none;
}

/*********************
  Listes
*********************/
ul {
	list-style: square;
	margin: 0;
	padding: 0 0 0 20px;
	color: #5779c5;
}


/*********************
  Pagination
*********************/
div.pagination {
	text-align: center;
	height: 20px;
}

div.pagination div.page_precedente {
	float: left;
	width: 150px;
}

div.pagination div.page_suivante {
	float: right;
	width: 150px;
}

div.pagination div.informations {
	padding: 0 150px;
}


/*********************
  Divers
*********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	margin: 0;
}

h1,
h2,
h3,
h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5779c5;
}

h2 {
	margin-top: 0;
}

p {
	margin: 0;
	padding: 0.4em;
	text-align: justify;
}

img {
	border: 0;
}

img.puce {
	margin-right: 10px;
}

a {
	color: #666666;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}


.erreur {
	color: #FF0000;
	font-weight: bold;
}

.OK {
	border : 1px solid #00AA00;
	background-color : #AAFFAA;
}

.KO {
	border : 1px solid #AA0000;
	background-color : #FFAAAA;
}

/*********************
  Pages
*********************/

/* Connexion */
body#connexion {
	background: #CCCCCC;
}

body#connexion #contenu {
	width: 412px;
	height: 212px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -106px 0 0 -206px;
	background: url(images/fond_connexion.png) no-repeat;
}

body#connexion h1 {
	margin: 6px 6px 0 120px;
	height: 50px;
	line-height: 60px;
	text-align: center;
}

body#connexion form {
	margin: 10px 0 0 0;
	width: 100%;
}

body#connexion fieldset {
	border: 0;
}

body#connexion form div.rangee label {
  	width: 115px;
}

body#connexion form div.rangee span.element {
	width: 235px;
}

form p.erreur {
	background: none;
	border: 0;
	padding-left: 0;
	text-align: center;
}


/* Message */
body#message {
	background: #CCCCCC;
}

body#message #contenu {
	width: 412px;
	height: 92px;
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -46px 0 0 -206px;
	background: url(images/fond_message.png) top left no-repeat;
	border: 1px #CCCCCC solid;
}

body#message p {
	text-align: center;
}

/* Logs */
body#logs ul.liste {
	list-style: none;
	padding: 0;
	color: #333333;
}

body#logs ul.liste h4 {
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 0;
}


/* Motdepasse_perdu */
body#motdepasse_perdu {
	background: #CCCCCC;
}

body#motdepasse_perdu #contenu {
	width: 452px;
	height: 252px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -126px 0 0 -226px;
	background: url(images/fond_mot_de_passe_perdu.png) no-repeat;
}

body#motdepasse_perdu h1 {
	margin: 6px 6px 0 120px;
	height: 50px;
	line-height: 60px;
	text-align: center;
}

body#motdepasse_perdu p {
	width: 90%;
}


body#motdepasse_perdu form {
	margin: 10px 0 0 0;
	width: 100%;
}

body#motdepasse_perdu fieldset {
	border: 0;
}

body#motdepasse_perdu form div.rangee label {
  	width: 115px;
}

body#motdepasse_perdu form div.rangee span.element {
	width: 235px;
}

table.planete_billet td { white-space: normal; vertical-align: top; }
table.planete_billet tr.inactif { color: #CCCCCC; }
ul.tags { display: inline; border-left: 0; padding-left: 0; }
ul.tags li { list-style: none; display : inline; border-left: 0; padding-left: 0; padding-right : 0.8em; }
ul.liste_membres { border-left: 0; padding-left: 0; }
ul.liste_membres li { list-style: none; border-left: 0; padding-left: 0; padding-right : 0.8em; }
ul.liste_membres li td { white-space: normal; }

ul.sparklines li span.minimum { color: #f00; }
ul.sparklines li span.maximum { color: #0f0; }
ul.sparklines li span.dernier { color: #000; }

/* Agenda Forum */

div.bloc_jour .keynote p { text-align: center; }
div.bloc_jour .conferencier { font-size:0.8em; font-style:italic; display: block; }
div.bloc_jour table { border-collapse:collapse; width:100%; }
div.bloc_jour table td { white-space:normal; }
div.bloc_jour table caption { background-color:#E0E3EE; color:inherit; font-weight:bold; height:30px; line-height:30px; }
div.bloc_jour table tbody td { border:1px solid #CCCCCC; }
td.col_heure { width:8% !important; }
tr.li td.col_heure { background-color:#E0E3EE; color:inherit; }

/* Suivi */

tr.avant { display: none; }
tr.aujourdhui td { font-weight: bolder; }
tr.apres td { color: #CCCCCC; }

/*********************
 Accueil
*********************/
#accueil .rangee {margin: 0.3em 1em}
#accueil .libelle {display:inline-block; width: 100px}
#accueil .colmask img {float:right; margin: 1em}