/************************************
CDJ Villers/mortinsart
************************************/

/* Général */

body {
position: relative;
width: 835px;
margin: auto !important;
background-color: #f76138;
font-size: 80%;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tout {
text-align: center;
}

#cadre {
background: #f2fcbd url('images/background.png');
text-align: left;
margin: 0px;
width: 680px;
}

#banniere {
background: url('images/banniere.png');
width: 664px;
height: 165px;
}

#banniere {
margin-left: 8px;
}

#banniere p {
font-size: 11px;
color: white;
position: relative;
top: 120px;
left: 8px;
}

#banniere a {
color: white;
text-decoration: none;
}

#dessous {
background: url('images/bottom.png');
width: 672px;
height: 38px;
margin-left: 4px;
}

a {
color: #525252;
}

a:hover {
color: #696969;
}

#corps p {
margin-left: 10px;
}

#corps #site h2 {
font-size: 22px;
text-align: center;
margin: 5px;
border-bottom: 2px solid #FD7721;
width: 40%;
margin-left: 30%;
}

.date {
text-align: right;
margin: 3px 4px 1px 0px;
color: #453A33;
font-size: smaller;
font-weight: bold;
}

.date a {
font-style: italic;
color: #AA1F05;
}

li {
margin-left: 20px;
}

#site a img {
border: none;
}

#site h4 {
text-align: center;
margin: 0px;
font-size: 14px;
text-decoration: underline;
}

/*************************************/

/* Ombres et cadres */

#site div.contour {
background: #fbffe4;
border: 1px solid #FD7721;
border-top: 5px solid #FD7721;
margin: 0px;
}

div.shadow {
border-left: 1px solid #d0d8a2;
border-right: 1px solid #d0d8a2;
position: relative;
padding: 0px;
padding-bottom: 4px;
background: url('images/shad_bottom.png') repeat-x bottom left;
margin: auto;
margin-top: 10px;
margin-left: 13px;
margin-bottom: 10px;
}

#site div.shadow {
width: 96%;
}

div.shadow div.bottomleft {
width: 4px;
height: 4px;
background: url('images/shad_blcorner.png') no-repeat bottom left;
position: absolute;
bottom: 0px;
left: -1px;
}

div.shadow div.bottomright {
width: 4px;
height: 4px;
background: url('images/shad_brcorner.png') no-repeat bottom right;
position: absolute;
bottom: 0px;
right: -1px;
}

/* Titre dans le cadre */

#site div.shadow h3 {
height: 28px;
background: #F5F8DC url('images/shad_title.gif') repeat-x bottom;
margin: 0px;
padding-left: 5px;
border-top: solid 1px #FD7721;
margin-top: -1px;
font-size: 16px;
}

.fluxrss {
text-align: right;
margin-right: 10px;
}

.fluxrss img {
position: relative;
top: 3px;
}

/*************************************/

/* Cadre de login */


#site #login {
width: 500px;
margin-top: -30px;
margin-bottom: 20px;
}

#site #login .contour, #site #login {
height: 85px;
}


#site #login table {
font-size: 95%;
margin-left: 5px;
}

#onglets div {
font-size: 10px;
padding: 2px;
border-right: 3px solid #FD7721;
border-bottom: 2px solid #FD7721;
border-left: 1px solid #FD7721;
margin-left: 3px;
float: left;
background: #F5F8DC;
cursor: pointer;
}

#onglets .highlight {
background: #FFC705;
}

#site #login .petitephoto {
float: left;
height: 60px;
margin-top: 2px;
margin-left: 8px;
border: none;
}

#cadrehaut .fluxrss {
margin: 0px;
}

/*************************************/

/* Partie membres */

.membres {
text-align: center;
width: 652px;
vertical-align: middle;
border: 1px solid #FD7721;
border-collapse: collapse;
margin-left: 0px;
font-size: 98%;
}

.membres td {
border: 1px solid #FD7721;
padding-top: 3px;
padding-bottom: 3px;
}

.membres th {
border: 2px solid #FD7721;
background: #F5F8DC;
}

tr.tableline1 {
background: #FEFFF0;
}

/*************************************/

/* Liens en bas de page */

.bas {
text-align: center;
margin-bottom: 0px;
font-size: 90%;
}

.bas a {
text-decoration: none;
}

/*************************************/

/* Partie photo */

#track {
margin-left: 40px;
width: 400px;
background: url('images/track.png') no-repeat;
height: 10px;
}

#handle {
width: 15px;
height: 10px;
background: url('images/slider.gif') no-repeat;
cursor: move;
}

.photoscadre {
text-align: center;
margin: 5px;
}

.photoscadre p {
margin: 0;
}

.photoscadre2 {
text-align: center;
}

#site .ombremilieu {
width: 206px;
background: url('images/ombremilieu.png') repeat-y white;
padding-top: 2px;
padding-bottom: 10px;
padding-left: 2px;
overflow: hidden;
min-height: 148px;
}

#site .ombrebas {
width: 206px;
overflow: hidden;
background: url('images/ombrebas.png') no-repeat bottom;
padding-bottom: 4px;
margin: 4px;
float: left;
}

#site .photos {
width: 194px;
border: none;
max-height: 129px;
}

#site .photos:hover {
max-height: none;
width: 200px;
}

#site #grandephototout {
margin-left: 32px;
margin-top: 5px;
}

#site .grandephoto {
background: url('images/ombrebasgd.png') no-repeat bottom;
width: 540px;
padding-bottom: 8px;
float: left;
margin: 0px;
position: relative;
left: 22px;
min-height: 120px;
}

#site .grandephotomilieu {
background: url('images/ombremilieugd.png') repeat-y;
width: 540px;
}

#site .grandephotomilieu img {
margin-top: 4px;
}

#site .clear {
clear: both;
}

#site .gauche {
background: white url('images/fleche_g_1.png') no-repeat center;
width: 30px;
height: 110px;
float: left;
position: absolute;
left: 33px;
}

#site .droite {
background: url('images/fleche_d_1.png') no-repeat center;
width: 30px;
height: 110px;
float: left;
position: absolute;
left: 587px;
}

.ajax {
cursor: pointer;
text-decoration: underline;
}

.derniercom tr {
font-size: 12px;
vertical-align: top;
}

#commentaires {
font-size: 11px;
}

#commentaires p {
margin: 2px;
}

p.auteur {
color: #453A33;
font-size: smaller;
font-weight: bold;
}

p.auteur a {
color: #AA1F05;
}

/*************************************/

/* Pub */
#pub {
width: 150px;
padding: 3px;
background: #F2FCBD;
border-top: 1px solid #EC5D36;
border-left: 1px solid #D85531;
border-right: 1px solid #D85531;
border-bottom: 2px solid #8F3821;
text-align: center;
float: right;
position: absolute;
right: 0px;
margin: 0px;
}

#pub img {
border: 0px;
margin-top: 2px;
max-width: 150px;
}

#pub a {
border: 0px;
}

/*************************************/

/* Administration */

#site table {
font-size: 12px;
}

/*************************************/

/* Autre */

.paintball1 {
width: 75px;
height: 30px;
background: #FFD700;
text-align: center;
margin-left: 20px;
margin-bottom: 10px;
}

.paintball0 {
width: 75px;
height: 30px;
background: silver;
text-align: center;
margin-left: 20px;
margin-bottom: 10px;
}

#paintballArbre td {
vertical-align: top;
}