.gris {
color:#8c8b8b;
}

.blanc {
color: #fff;
}

.vigndiv {
background-color:#000000;
}


#planche {
position:absolute;
width:920px;
right:0px;
margin-top: 12px;
padding-right:40px;
border: 1px none red;
}


/* images */

a.imgclass {
border: 0;
}

/* main menu */


#mainmenulist {
height:18px;
margin-left: 18px;
margin-top: 0;
padding-top: 2px;
}


#mainmenulist li {
font-size: 10px;
font-weight: bold;
display: inline;
text-transform: uppercase;
padding-right: 30px;
line-height: 15px;
}


a.mainmenuli {
color:black;
border: 0;
}

a.mainmenuli:hover {
color: #666;
}

a.mainmenuli:active {
color: #999;
}

a.mainmenuon {
color:#666;
}




/* contentdiv */

#contentdiv {
position:absolute; width:720px; height:520px; top:56px; left:240px;}



/* vifgnette page photos */

.vigndiv {
background-color: #fff; border:1px solid #333;}


div.vigndivtxt {
bottom: 0;
left:0;
width: 230px;
height: 48px;
}

.vigndivtxt p {
font-size: 10px;
line-height: 10px;
padding:0;
margin:0;
padding-left: 6px;
color: #666;}


/* archives */

#archivehead {
position:absolute; background-color: #1b1b1b; height:95px;
width: 100%;
text-align: left;
}

#archivehead p {
font-size: 10px;
padding-left: 9px;
padding-right: 9px;
}

#archivehead p.archivestitle {
font-size: 52px;
font-style: italic;
color:#494345;
margin-bottom: 7px;
padding-left:13px;
line-height: 52px; 
}

#archivehead td {
}


#searchtab td {
vertical-align: middle;}

p.phtgnom {
}

p.grptxt {
margin-top: 10px;}

table.imginfostab {
padding-bottom: 6px;
width: 230px;
}

table.imginfostab td {
vertical-align: middle;
padding:0px;
height:12px;
width:100%;
}

.planchebutt {
border: 1px solid black;
margin-bottom: -3px;
}

.caddiebutt {
margin-right:6px;
}

.caddieon {
border: 1px solid green;
background-color: green;
}

#menupanier {
position: absolute;
top:91px;
right:0;
height:20px;
width:90px;
background-color: #fff;
}

#menupanier table {
margin-top: 0px;
margin-left:6px;
}

#menupanier td {
color: #000;
font-weight: bold;
font-size: 11px;
vertical-align: middle;
height:19px;
}

input.login {
width:48px;
height:12px;
line-height: 12px;
color:#333;
font-size: 10px;
margin-left: 2px;
margin-right: 10px;
border:1px solid #2E2E2E;
}

input.loginsubmit {
width:18px;
height:13px;
line-height: 12px;
font-size: 9px;
margin-left: 4px;
}

#zoom {
position: absolute;
top:32px;
left:16px;
width:627px;
height: 442px;
background-color: #000;
}

#zoom table {
width:627px;
height: 442px;
background-color: #2E2E2E;
font-size: 11px;
}

#zoom table td {
font-size: 11px;
}

#zoomright {
position: absolute;
width:290px;
height:417px;
left:622px;
top:32px;
}

#infosphoto {
position: absolute;
width:290px;
height:417px;
background-color: #dfdbdb;
/*padding-top:8px;*/
padding-right:6px;
padding-left:12px;
top:3px;
left:21px;
overflow: auto;
}

#infosphoto p {
font-size: 11px;
color:#333;
}

.infotitle {
font-weight: bold;
color: #385068;
}

#rightzone {
position: absolute;
right:0;
top:120px;
width: 238px;
height: 101%;
background-color: #22211f;
}

#lastreportslist {
margin-top:16px;
margin-bottom: 16px;
}

#lastreportslist td {
font-size: 10px;
font-family: Verdana;
line-height: 11px;
height: 12px;
letter-spacing: 0.01em;
}

#photoglist {
margin-top:16px;
margin-bottom: 16px;
margin-left: 15px;
}

#photoglist li {
font-size: 11px;
font-family: Verdana;
line-height: 11px;
height: 12px;
}

a.liengrp {
font-size: 11px;
color:#333;
}

a.liengrp:hover {
color:#999;
}

.button, a.button {
background-color: #908e8e;
padding-left:4px;
padding-right:4px;
padding-top: 2px;
padding-bottom: 2px;
margin-right:6px;
color:#333;
}

.button:hover, a.button:hover {
color: #fff;
cursor:pointer;
}

a.buttdl {
background-color: #dfdbdb;
}


#searchzone {
position:absolute;
width:800px;
height:190px;
top:100px;
left:50px;
background-color: #3c3733;
}

#searchzonebas {
position:absolute;
width:800px;
height:38px;
bottom:0;
left:0px;
background-color: #2b2826;
}

table.searchtable {
width:770px;
margin-top:0px;
margin-left: 14px;
}

#searchbastable {
width:770px;
margin-top:10px;
margin-left: 14px;
}

#searchbastable td {
font-size:11px;
}

#strfield {
border:2px solid #2b2826;
padding: 4px;
font-size:14px;
}

input.txtfield {
border: 2px solid #2b2826;
}

.intitule {
color: #d9cfc5;
font-size: 16px;
}

#searchinfos p {
color:#999;
}

#accountformtable {
margin-top: 20px;
}

#accountformtable .intitule {
font-size: 14px;
}

#accountformtable td {
padding: 6px;
vertical-align: middle;
}

#accountformtable input {
padding:3px;
width:280px;
font-size: 12px;
}

.errormsg {
margin-top:12px;
color:red;
font-weight: bold;
}

a.kwlink {
color:#663300;
}

a.kwlink:hover {
color:#666;
}

a.kwlink:active {
color:#999;
}

.required {
font-style: italic;
font-weight: bold;
color:#c7b299;
}

.rouge {
color:red;
}

.navtable td {
font-size: 11px;
border:1px solid #666; text-align:center;
color: #666;
}

.navtable td a.pagenbon {
color:red;
}