.bottom {
	text-align: center;
}

.display_none {
  display: none;
}
.display_block {
  display: block;
}

.galerie  {
	text-align: center;
}

.galerie .index {
  margin-bottom: 10px;
}

.galerie a.photo-active, .galerie a.photo:hover {
  background: #009ee0;
  color: #ffffff;
  text-decoration: none;
  padding: 3px;
}

.galerie a.photo {
  background: #ffffff;
  color: #009ee0;
  text-decoration: none;
  padding: 3px;
}

.galerie .caption {
	font-style: italic;
	width: 95%;
	padding: 5px 0px 5px 0px;
}

.galerie .photo {
  margin-bottom: 10px;
}

/**
 * CSS Relative au personne dans le menu groupePS
 */
.equipier {
  width: 360px;
  height: 180px;
  float: left;
}

.equipier .photo {
  float: left;
}

.equipier .right {
  float: left;
  text-align: left; 
  padding-top: 30px;
  width: 220px; 
}

.equipier .nom {
  font-weight: bold;
}

.equipier .fonction {
  font-style: italic;
}

.equipier .email {
  clear: left;
  text-align: center;
} 

.competences {
  float: right;
  margin: 10px 15px 0px 10px;  
}
/**
 * CSS reltive au questionnaire de Proust 
 */
.proust td {
  padding: 10px;
}
.proust .right {
  font-weight: bold;
  padding-right: 5px;
}
.proust .left {
  padding-left: 5px;
}
.proust-img-1 {
  position: relative;
  top: -1245px;
  left: 480px;
  height: 300px;
}
/**
 * CSS reltive aux Réalistaions 
 */
.real .fact {
  clear: left;
}
.real .date {
  font-size: 120%;
  width: 80px;
  height: 40px;
  margin-right: 5px;
  text-align: right;
  float: left;
}
.real .texte {
  font-size: 120%;
  font-weight: bold;
}

/**
 * CSS reltive aux Questions 
 */
.question .heading {
  width: 100%;
}
.question .heading .from {
  float: left;
  text-align: left;
}
.question .heading .theme {
  color: #97be0D; 
  padding-right: 5px;
  font-weight: bold;
  text-align: right;
}

.question .enonce {
  background: #F6F6F6;
  margin: 5px;
  padding: 2px 5px 2px 5px;
  border: 1px dashed #B7B7B7;
}

.question .reponse {
  color: #162983;
  background: #F6F6F6;
  margin: 5px;
  padding: 2px 5px 2px 5px;
  border: 1px dashed #B7B7B7;
}
.question_themes {
  text-align: right;
  width: 100%;
}

table.form .Lsmall {
  font-size: 80%;
}
table.form .Lerror {
  color: red;
}
table.form .Cchamp {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding-top: 5px;
}
table.form .Cvaleur {
  text-align: left;
}
 
table.contacts td {
  padding: 5px;
}
table.contacts td.left {  
  text-align: right;
  /*width: 50%;*/
}
table.contacts td.right {  
  text-align: left;
}

img.permanences {
  width: 400px;
  float: left;
  padding-right: 5px;
}
table.permanences td {
  padding: 2px;
}
table.permanences td.left {  
  text-align: left;
  width: 50%;
}
table.permanences td.right {  
  text-align: left;
}
/**
 * CSS Relative aux pages admin
 */
.admin_menu {
  font-size: 120%;
  color: #9D9D9D;
}
.admin_table td {
  text-align: left;
  padding: 0px 20px 10px 30px;
}


/* Admin - Evenements */

.evenements {
  width: 99%;
}
.evenements .L1 {
	background: #C4C4C4;
}
.evenements .C1 {
	width: 90px;
	text-align: right;
	padding-right: 5px;
}
.evenements .C2 {
	text-align: left;
	padding-left: 5px;
}
.evenements .C3 {
	width: 16px;
	text-align: center;
}
.form_events .left-align a {
  font-size: 120%;
  font-weight: bold;
  color: #009ee0;
}
.form_event .form .C1 {
	font-weight: bold;
	vertical-align: top;
	text-align: right;
  width: 150px;
}
.form_event .form .C2 {
	text-align: left;
}

/* Admin - Ressources */

.ressources {
  width: 95%;
	text-align: left;
	padding: 3px;
}
.ressources td {
	padding: 3px;
}
.ressources .L1 {
	background: #C4C4C4;
}
.ressources .center {
	text-align: center;
}
.ressources .left {
	text-align: left;
}




/* Citation */
#quote {
  width: 210px;
  font-style: italic;
  text-align: center;
  padding: 5px;
}




/* 30 ans */

div#prog30ans {
  float: left;
  width: 65%;
  margin-top: 10px;
}

div#prog30ans h3 {
  font-size: 150%;
  text-align: center;
  color: #AD007A;
}

div#menu30ans {
  float: left;
  width: 30%;
  padding-left: 20px;
  text-align: center;
}

.link30ans {
  color: #AD007A;
  font-size: 150%;
  font-weight: bold;
}

ul#prog30ans {
  list-style-type: disc;
  color: #AD007A;
}

ul#prog30ans li{
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}

ul#prog30ans ol li{
  margin-bottom: 5px;
  color: black;
  font-size: 100%;
  font-weight: normal;
}

ul#prog30ans span.text{
  color: black;
  font-size: 85%;
  font-weight: normal;
}

#popup {
  text-align: justify;
}

/* Threads */
table.threads {
	width: 99%;
	text-align: left;
}
table.threads tr.titre .C1 {
	font-weight: bold;
	border-bottom: 1px solid #97be0D;
}
table.threads tr.titre .C2 {
	font-weight: bold;
	border-bottom: 1px solid #97be0D;
	width: 170px;
}
table.threads tr.titre .C3 {
	font-weight: bold;
	border-bottom: 1px solid #97be0D;
	width: 70px;
}

/* Cadres arrondis */
div.forum_menu {
	text-align: right;
}

div.msgBox {
  padding: 5px;
}

.cadreRouge, .cadreBlanc, .cadreGris, .cadreBleu, .cadreVert {width: 99%;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.cadreRouge p {margin:0 10px; padding-bottom:0.5em;}
.cadreRouge {background: transparent; margin:1em; font-family:verdana; color:#000;}
.cadreRouge .xboxcontent {display:block; background:#FFFFFF; border:0 solid #DD2A3D; border-width:0 1px;}
.cadreRouge .xb2, .cadreRouge .xb3, .cadreRouge .xb4 {background:#FFFFFF; border-left:1px solid #DD2A3D; border-right:1px solid #DD2A3D;}
.cadreRouge .xb1 {margin:0 4px; background:#DD2A3D;}

.cadreBlanc p {margin:0 10px; padding-bottom:0.5em;}
.cadreBlanc {background: transparent; margin:1em; font-family:verdana; color:#000;}
.cadreBlanc .xboxcontent {display:block; background:#fff; border:0 solid #fff; border-width:0 1px;}
.cadreBlanc .xb2, .cadreBlanc .xb3, .cadreGris .xb4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.cadreBlanc .xb1 {margin:0 4px; background:#fff;}

.cadreGris p {margin:0 10px; padding-bottom:0.5em;}
.cadreGris {background: transparent; margin:1em; font-family:verdana; color:#000;}
.cadreGris .xboxcontent {display:block; background:#F8F7F7; border:0 solid #B0AEAD; border-width:0 1px; }
.cadreGris .xb2, .cadreGris .xb3, .cadreGris .xb4 {background:#F8F7F7; border-left:1px solid #B0AEAD; border-right:1px solid #B0AEAD;}
.cadreGris .xb1 {margin:0 4px; background:#B0AEAD;}

.cadreGrisFonce p {margin:0 10px; padding-bottom:0.5em;}
.cadreGrisFonce {background: transparent; margin:1em; font-family:verdana; color:#000;}
.cadreGrisFonce .xboxcontent {display:block; background:#EEEEEE; border:0 solid #B0AEAD; border-width:0 1px; }
.cadreGrisFonce .xb2, .cadreGrisFonce .xb3, .cadreGrisFonce .xb4 {background:#EEEEEE; border-left:1px solid #B0AEAD; border-right:1px solid #B0AEAD;}
.cadreGrisFonce .xb1 {margin:0 4px; background:#B0AEAD;}

.cadreBleu p {margin:0 10px; padding-bottom:0.5em;}
.cadreBleu {background: transparent; margin:1em; font-family:verdana; color:#000;}
.cadreBleu .xboxcontent {display:block; background:#EEF5FC; border:0 solid #009EE0; border-width:0 1px; }
.cadreBleu .xb2, .cadreBleu .xb3, .cadreBleu .xb4 {background:#EEF5FC; border-left:1px solid #009EE0; border-right:1px solid #009EE0;}
.cadreBleu .xb1 {margin:0 4px; background:#009EE0;}

.cadreVert p {margin:0 10px; padding-bottom:0.5em;}
.cadreVert {background: transparent; margin:1em; font-family:verdana; color:#000;}
.cadreVert .xboxcontent {display:block; background:#F2FFE3; border:0 solid #96BF0D; border-width:0 1px; }
.cadreVert .xb2, .cadreVert .xb3, .cadreVert .xb4 {background:#F2FFE3; border-left:1px solid #96BF0D; border-right:1px solid #96BF0D;}
.cadreVert .xb1 {margin:0 4px; background:#96BF0D;}



/* Titres couleurs */
.titre_vert {
	color: #97be0D;
	font-weight: bold;
	font-size: 140%;
}

/* Débats */
div.debat {
  width: 99%;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.debat .date {
	text-align: right;
	font-style: italic;
	vertical-align: middle;
	/*background: #ccc;*/
}
div.debat p {
	margin-top: 2px;
	margin-bottom: 5px;
}
/* Threads */
table.threads {
	width: 99%;
}
table.threads tr.titre .C1 {
	font-weight: bold;
	border-bottom: 1px solid #97be0D;
}
table.threads tr.titre .C2 {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #97be0D;
	width: 170px;
}
table.threads tr.titre .C3 {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #97be0D;
	width: 70px;
}
/* NB laissez comme ça car ligne 'titre' différente des autres */
table.threads tr.thread .C2 {
	text-align: left;
}
table.threads tr.thread .C3 {
	text-align: left;
}
table.thread_form td {
  padding: 2px;
}
table.thread_form .C1 {
	font-weight: bold;
	text-align: left;
}
table.thread_form .C2 {
	text-align: left;
}
table.thread_form .Lerror{
	color: red;
}

/* Login */
table.login td {
  padding: 2px;
}
table.login {
	text-align: left;
}
table.login .Cchamp{
	font-weight: bold;
}

/* Nouveau participant */
table.new_user td {
  padding: 2px;
}
table.new_user {
	text-align: left;
}
table.new_user .Cchamp{
	font-weight: bold;
}
table.new_user .Lerror{
	color: red;
}


.disable {
  display: none;
}



/* Fenêtre modale */

#pub {
 position: absolute;
 background: #eeeeee;
 border: 4px solid #aaaaaa;
 display: none;
 z-index: 9;
 left: 30px;
 top: 30px;
 /*width:735px;*/
 /*height: 580px;*/
 width: 88%;
 height: 88%;
 padding: 10px;
} 

#pub a {
  font-size: 120%;
}

div.close {
  font-size: 150%;
  text-align: right;
}

div.close a {
  font-weight: bold;
  color: #aaaaaa;
}

div.close a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

/* Divers */
.right-align {
  text-align: right;
}