@import "form.css";


body { 
  background: rgb(146,157,170); 
  /*font: 75% verdana, arial, sans-serif;*/
  color: #333; 
  margin: 0; 
  padding: 0; 
  text-align: center;
}

body.popup {
	background-color: white;
}

p {
  margin: 0.7em 0;
}

pre {
  font-size:1.2em;
  display: inline;
}

div#header {
  height: 150px; 
  vertical-align: bottom;
  background: url(/images/arbre.jpg) no-repeat -25px 0px;
  position: relative;
}

.container { 
  position: relative;
  margin: 0 auto 0 auto; 
  text-align: left; 
  width: 750px;
}

body.popup.gallery {
  background-color: rgb(235,220,175);
}


.popup .container {
  width: auto;
}

.main {
  background-color: white;
  background-image: url(/images/tronc.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 10px;
}

.main.gallery {
  background-color: rgb(235,220,175);
  background-image: none;
  padding-bottom: 0;
}

div#content {
}

div#content.withSideBar {
  width: 490px;
}

div.sidebar {
  width: 230px; 
  float:right;
  display:inline;
}

div.sidebarBox {
  padding: 6px 12px 6px 12px; 
  background-color: rgb(230,230,230); 
  margin-bottom: 12px;
}

div.sidebarBox h2 {
  margin: 0;
  padding: 0;
  margin-bottom: 6px;
  font-size: 1.2em;
  color: rgb(0,20,100);
  border-bottom: 1px solid rgb(200,200,200);
}

div.sidebarBox h3 {
  font-size: 1em;
}

div.sidebarBox p {
  margin: 0;
  padding: 0;
}

/* Boutons sur page d'accueil */
div.quickAccess {
  background-repeat:no-repeat; 
  background-image: url(/images/welcome/fond.gif); 
  border-bottom: 1px solid rgb(200,200,200); 
  border-right: 1px solid rgb(200,200,200); 
  padding: 7px 15px; 
  width: 280px; 
  margin:auto; 
  font-size: 1.5em; 
  margin-bottom: 1em;
  vertical-align: middle;
}

div.quickAccess a {
  vertical-align: middle;}
div.quickAccess img {
  vertical-align: middle;
  margin-right: 10px;
}

/* QUICKBAR *****************************************************/
div#quickbar {
  color: white;
  background-color: rgb(52,52,52);
  text-align: right;
  padding: 2px 10px 3px 10px;
}

div#quickbar a, div#quickbar a:visited {
  color: white;
}

/* FOOTER *******************************************************/
div#footer {
  clear: both;
  color: white;
  background-color: rgb(52,52,52);
  text-align: center;
  padding: 5px 0 2px 0;
}

/* TABS *********************************************************/
ul#tabs {
  margin:0;
  float: left;
  padding:0px 10px 0 10px;
  list-style:none;
  float:left;
  font-size: 1em;
  font-weight: bold;
  line-height:normal;
  position: absolute; 
  bottom: 0px;  	  
}
ul#tabs li {
  display:inline;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

ul#tabs a {
  float:left;
  background:url(/images/tableft.png) no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  cursor: pointer;
  border: 0; 
}
ul#tabs a span {
  float:left;
  display:block;
  background:url(/images/tabright.png) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
}




ul#tabs a:hover span {
  /*color: black;*/
}
ul#tabs a:hover {
  background-position:0% -42px;
}
ul#tabs a:hover span {
  background-position:100% -42px;
}



ul#tabs li.activegallery a, ul#tabs li.activegallery a:hover {
  background:url(/images/activetableft_gallery.png) no-repeat left top;
  border: 0; 
}
ul#tabs li.activegallery a span, ul#tabs li.activegallery a:hover span {
  background:url(/images/activetabright_gallery.png) no-repeat right top;
}
ul#tabs li.activeaccueil a, ul#tabs li.activedirectory a, 
ul#tabs li.activeads a, ul#tabs li.activeusers a,
ul#tabs li.activeparty a, ul#tabs li.activeforum a,
ul#tabs li.activesouvenirs a
 {
  background:url(/images/activetableft.png) no-repeat left top;
  background-position:0% -42px;
  border: 0; 
}

ul#tabs li.activeaccueil a span, ul#tabs li.activedirectory a span, 
ul#tabs li.activeads a span, ul#tabs li.activeusers a span,
ul#tabs li.activeparty a span, ul#tabs li.activeforum a span,
ul#tabs li.activesouvenirs a span {
  color: black;
  background:url(/images/activetabright.png) no-repeat right top;
  background-position:100% -42px;
}
/* TABLE *******************************************************/
table.niceTable2 {
  padding:0;
}
table.niceTable2 td, table.niceTable2 th { 
  padding: 0 0.3em 0 0.3em;
}

table.fullWidth {
  width: 100%;
}

table.niceTable2 tr.tools td {
  background-image: url("/images/tableToolsBg.gif");
  background-repeat: repeat-x;
  background-color: rgb(194,207,223);
  font-weight: normal;
  padding: 8px 5px 6px 7px;
  border-bottom: 1px solid rgb(94,107,130);
  border-right: 1px solid rgb(94,107,130);
  vertical-align: middle;
}

table.niceTable2 td.top {
	vertical-align: top;
}

div.tools {
  background-image: url("/images/tableTitleBg.gif");
  position: relative;
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: rgb(231,235,244);
  border-bottom: 1px solid rgb(94,107,130);
  border-right: 1px solid rgb(94,107,130);
  padding: 6px 5px 6px 5px;
  margin: 0 2px 0 2px;
}

div.toolPanel {
  background-image: url("/images/tableTitleBg.gif");
  position: relative;
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: rgb(231,235,244);
  border-bottom: 1px solid rgb(94,107,130);
  border-right: 1px solid rgb(94,107,130);
  padding: 6px 5px 16px 5px;
  margin: 0 2px 0 2px;
}

.tools a {
  padding: 2px 5px 2px 5px;
  color: black;
  border: 0; 
}

.tools a img, button img {
  vertical-align: top;
}

.tools a:link, .tools a:visited {
  border: 1px solid rgb(144,157,173);
  background-color: transparent;
  color: black;
  text-decoration: none;
}


.tools a:hover, .tools a.active {
  border: 1px solid gray !important;
  color: black;
  text-decoration: none;
  background-color: white !important;
}

table.niceTable2 tbody td {
  border-style: none;
  border-bottom: 1px solid rgb(200,200,200);
  background-color: transparent;
}

table.niceTable2 th {
  background-image: url("/images/tableTitleBg.gif");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: rgb(231,235,244);
  border-bottom: 1px solid rgb(94,107,130);
  border-right: 1px solid rgb(94,107,130);
  text-align: left;
  font-weight: bold;
}

table.niceTable2 th a {
  cursor: pointer;
  color: black;
  border: 0; 
}

table.niceTable2 td a {
/*  border: 0; */
}

table.niceTable2 td.sorted {
  background-color: rgb(231,235,244);
}

table.niceTable2 tr.selectedRow td {
  background-color: rgb(220,225,235);
}

table.niceTable2 tr.selectedRow td.sorted {
	background-color: rgb(190,205,230);
}


table.niceTable2 td.center, table.niceTable2 th.center {
  text-align: center;
}

table.niceTable2 td.middle {
  vertical-align: middle;
}

/* CALENDAR *******************************************************/
table.calendar {
  border-collapse: collapse;
}

table.calendar tr {
  
}

table.calendar tbody td {
  vertical-align: top;
  width: 5em;
  height: 5em;
  border: 1px solid #cccccc;
  color: gray;
}

table.calendar span.jour {
  font-size: 2em;
}

/** Titre (nom du mois + ann�e) */
.planningMonth td {
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #666666;
  color: #666666;
}

/** Titre 2 (jours de la semaine) */
.planningWeek td {
  text-align: center;
  border: 1px solid #cccccc;
  border-bottom: 1px solid black;
}

.planningWeek td.first {
  border-left-width: 0;
}



/* */
h1 {
  font-size: 2em; 
  margin: 0.1em 0 0.3em 0;
  font-family:  verdana, arial, sans-serif;
  font-weight: normal;	
  position: relative; /* pour IE */
}

h2 {
  font-size: 1.1em;
  padding:0;
  margin: 0em 0 1.5em 0;
  font-family:  verdana, arial, sans-serif;
  font-weight: bold;
}

div.message {
  margin: 1.5em 0.5em 0em 0;
  position: relative;
  padding-left: 20px;
  padding-bottom: 1.5em;
  background-repeat: no-repeat;
  background-position: left top;
}

div.message.error {
  color: red;
  background-image: url(/images/alert.png);
}

div.message.error ul {
  font-size: 0.9em;
  margin: 0 0 0 20px;
  padding: 0;
  width: 70%;
}

div.message.error li {
  list-style-position: inside;
}

div.message.success {
  background-image: url(/images/success.png);
}

div.message.info {
  background-image: url(/images/info.png);
  background-color: #CCF;
  padding: 1em;
}

form.niceForm2 input.button, form.niceForm2 button, button.button {
  background-color: white; 
  border-right: 1px solid gray; 
  border-bottom: 1px solid gray; 
  border-top: 1px solid rgb(230,230,230);
  border-left: 1px solid rgb(230,230,230); 
  font-size: 1.1em;
  margin-right: 0.3em;
}


a { 
  text-decoration: none; 
  border-bottom: 1px dotted;
  color: rgb(60,70,150); 
}
a:link, a:visited { 
}
a:hover, a:active { 
  border-bottom-style: solid;
}
a.img:link, a.img:visited, a.img:hover, a.img:active {  
  border: 0; 
}


img { 
	border: 0; 
}

img.icon {
  vertical-align: middle;
}

hr {
  color: rgb(200,200,200);
  background-color: rgb(200,200,200);
  height: 1px;
}



/* Gallerie */
ol.pictures {
  margin:0;
  padding:0px;
  list-style:none;
}


.gallery h1 {  
  margin: 0 -10px;
  padding: 0.1em 0 0.3em 0.3em;
  color: rgb(164,114,74); 
  background-image: url(/gallery/images/fd_titre.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#albumsList {
  width: 177px;
  float: left;
  margin-right: 10px;
  padding: 10px 0;
}

#albumContent {
  width: 543px;
  float: left;
}

ol.pictures li {
  display: inline-block;
  margin: 0;
  padding: 10px 0 0 0;
  float: left;
  width: 181px; 
  height: 200px;
  text-align: center; 
  overflow: hidden;
}

ol.pictures li img {
  padding: 7px;
  background-color: white;
  border-right: 1px solid rgb(198,198,198); 
  border-bottom: 1px solid rgb(198,198,198); 
  cursor: pointer;
}

ol.pictures.sortable li img.picture {
  cursor: move;
}

ol.pictures li span {
  display: block;
}

ol.pictures a, ol.pictures a:hover {
  border: none;
}

ol.pictures .selectPicture {
  vertical-align: middle;
}

#gallery_entrance {
  margin: 10px auto 0px auto; 
  width: 719px;
}

#gallery_entrance a {
  border: none;
}

.gallery h2 {
  border-bottom: 1px solid rgb(164,114,74);
  padding: 3px 0 0;
  margin: 0;
  width: 100%;
  color: rgb(164,114,74); 

}

.galleryTools {
  padding: 8px 0;

}

.gallery .pictureTools {
  background-color: rgb(240,235,215); 
  border: 1px solid white;
  border-bottom: 1px solid rgb(198,198,198);
  border-right: 1px solid rgb(198,198,198);
  position: absolute; 
  padding: 3px;
  left: 5px; 
  top: 0;
  cursor: default;
}

.gallery .pictureTools img {
  border: 1px solid rgb(240,235,215);
  padding: 0;
  background-color: transparent;
  margin: 0;
  vertical-align: bottom;
  cursor: pointer;
}

.forumSubjects td.title {
	padding: 6px 5px 10px 45px;
	background-image: url(../images/forum/subject.gif);
	background-repeat: no-repeat;
	background-position: 15px 7px;	
}