/*
Style du blog: 2 colonnes avec sidebar ˆ gauche
*/

#page {
width: 800px;
min-height: 100%;
margin: 0 auto 0 auto;
position: relative;
background:url(../images/backgroundPage.jpg);
}

#header {
width: 800px;
height: 151px;
background:url(../images/imageHeader.jpg);
z-index: 0;
}

#center{
clear:both;
overflow: auto;
min-height: 100%;
}

#content {
float: right;
position:relative;
width:584px;
text-align: justify;
padding-right:30px;
padding-bottom:30px;
z-index:2;
}

#sidebar {
float: left;
width: 161px;
height:600px;
background : url(../images/backGroundSideBar.jpg) repeat-y;
}

#mentions{
position:absolute;
bottom:10px;
left:60px;
color : #fdfdfd;
text-align: center;
z-index:2;
font-size:0.8em;
width:800px;
}

#robe
{
  position:absolute;
  left:0px;
  top:420px;
width:145px;
height:394px;
background : url(../images/robe.jpg) no-repeat;
z-index:0;
}

#footer{
width:800px;
height:109px;
background : url(../images/backgroundFooter.jpg) no-repeat;
z-index:0;
}

#backgroundBottom {
position:absolute;
bottom:0px;
right:0px;
width: 236px;
height:294px;
background : url(../images/background_bottomLeft.jpg) no-repeat;
z-index:1;
}
/*corps de la page web */

body {
height: 100%;
font-family: "Myriad Pro";
color : #fff;
font-size: 1em;
text-align: left;
background-color: #000;
margin: 0;
}

#photoSeb
{
  border:solid 2px #82b821;
  margin: 0px 0px 0px 10px;
  width:140px;
  height:212px;
}

#title
{
  font-size:2.1em;
  color:#82b821;
}

.highlight
{
  font-size: 1.0em;
  color:#82b821;
}

.bouton
{
  position:relative;
  font-family: "Arial";
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color : #82b821;
  font-size:1.7em;
  margin-bottom:15px;
  color:#fff;
  padding-left:5px;
  border:solid 2px #000;
  z-index:2;
}

.bouton:hover
{
  border:solid 2px #fff;
}

.folderThumbnail {
   /*background-color: #000 !important;*/
  color: inherit;
  width: 190px;
  height: 180px;
  /*border: 1px solid #666;*/
  float :left;
  text-align:center;
}

.folderThumbnail:hover {
 background-color: #82b821 !important;
}
.folderThumbnail	 img{
  margin-top : 24px;
  height : 102px;
}

.thumbnail {
  /*background-color: #000 !important;*/
  color: inherit;
  width: 190px;
  height: 150px;
  /*border: 1px solid #666;*/
  float :left;
  text-align:center;
}

.thumbnail:hover {
  background-color: #82b821 !important;
}
.thumbnail img{
  margin-top : 24px;
  height : 102px;
}

.clear{
clear: both;
}

a{
text-decoration:none;
color:#fff;
}