/**
 * Color scheme (Remember #6699cc = #69c)
 * #000000 #030; #4477aa #6699cc (Black -> verts)
 * #a20 #e10 (rouges)
 * #cccccc
 * #cceedd #fff #efe #ffffff (Light colors -> White)
 * */  
/**
 * Logic
 * - Texts
 * - Backgrounds
 * - Borders, Margins, Padding
 * - Visibility / Display
 */
/******************************************************************************/
/* Texts Only */
#the_page .content { margin-left:0.2em; }
#the_page #content { margin-left:12em; }
#the_page #menubar { width:11em; }
#the_page .thumbnailCategories .description .text { display: none; }
#the_page #menubar li {list-style-type: none}
#thePicturePage #imageHeaderBar { display:none; }

BODY, H1, H3, DT, H2, .throw { color:#030; }
H2, #menubar DT, .throw, TD H3, #theAdminPage H3, .calForeDate {
  color: #660;
}
#menubar DT, #menubar DT A {
  color: #660;
  font-weight: bold;
}
ul, dl, li { text-align:left; }
.content .titrePage .categoryActions li { color: #440;}
#menubar DT A:hover {
  color: #a20;
}
h1 { font-weight: bold; letter-spacing: 0.2em; }
#mbIdentification dd p,
#menubar .selected A { color: #a20; font-weight: bold; }
#copyright { color: #a20; }
.content .pageNumberSelected,
A, INPUT.rateButton, legend { color: #030; }
A:hover { color: #e10; }
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
  color:#69c;
}
.infoTable,
#theAdminPage .content,
.content .navigationBar,
input#qsearchInput { color: #030; }
.content .infos { color: #036; }
.content .errors { color: #900; }
.content .titrePage H2 A { color: #660; }
input.rateButtonSelected,
.content .titrePage H2 A:hover { color: #e10; }
.content H2 {
  letter-spacing: 0.01em;
  text-indent: 1em;
  font-weight: normal;
}
.content h3 { text-align: right; }
.browsePath, .imageNumber,
#imageHeaderBar H2,
.browsePath A {
  color: #030;
  font-weight: bold;
}
.browsePath A:hover { color: #a20; }
.content H2:before, .browsePath:before, .imageNumber:before,
#imageHeaderBar H2:before {
 content: " ";
 font-family: sans-serif;
 font-weight: normal;
 letter-spacing: 0em;
}
.content H2:after, .browsePath:after, .imageNumber:after,

#thePicturePage #comments H2 {
  color: #69c;
}
.description .text .Nb_images { color: #a20; }
.description .text { color: #030; }
.content ul.thumbnailCategories li div.thumbnailCategory .description .text {
  color: #330;
}
.tabsheet li, .tabsheet li a, #theAdminPage h3 a,
.content div.thumbnailCategory .description h3 a {
  color: #330;
}
.tabsheet li a:hover, .content div.thumbnailCategory .description h3 a:hover {
  color: #e10;
}
.pleaseNote {
  color: #ff9;
  font-weight: bold;
}
TD.calDayCellEmpty,
SPAN.calItemEmpty { color: silver; }
.calBackDate { color: #000; }
/******************************************************************************/
/* Backgrounds Only */
BODY { background: #fff url(images/rap2.jpg) center repeat-y; }
.header_notes,
#thePicturePage #the_page,
#thePicturePage #theImage,
#theAdminPage #the_page,
.content, DIV.content { background-color: #fff; }
#the_page { background-color: #fff; }
#menubar, 
.row1  { background-color: #efe; }
h3  { background-color: #030; }
#menubar DT, .throw, TD H3,
.tabsheet li,


#thePicturePage #comments H2 { display: none; }
.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
  display: none; 
}
.content UL.thumbnails SPAN.wrap2 { background: url(images/ricebk.png); }
#theImage IMG, .navThumb IMG,
.content UL.thumbnails SPAN.wrap2:hover { background: none; background-color: #fff; }

input#qsearchInput { background-color: #eee; }
.virtual_cat { background: #fff !important; }
.pleaseNote, .selected_tab { background-color: #69c !important; }
/******************************************************************************/
/* Borders, Margins, Padding Only */
BODY { margin: 0px auto;  padding: 0px; }
.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
  text-align: right; padding-top: 5px; padding-right: 2em;}
#menubar {
  margin : 0px 0px 0px 8px;
  border: 0px;
  text-decoration: none;
  border: 0px solid #030;
}
A { border: 0px; text-decoration: none; }
A:hover { text-decoration: none; border: 0px; }
.content, DIV.content {
  border: 0px solid #030;
  padding: 0px;
}
#content, .content {
  border: 0px solid #030;
  padding: 0px;
}
.content > .content {
  border: 0px solid #030;
}
#menubar DT, .content H2 {
  /* background-image: url(images/button-bg.png); */
  border: 0px;
  margin-bottom: 3px;
}
.content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
  /* background-image: url(images/button-bg.png); */
  border-width: 0px;
  border-style: outset;
  border-color: #030;
}
.content ul.thumbnailCategories li div.thumbnailCategory .description h3:active
{
	background: #fff;
	border: 0px inset #030;
}
.content .errors { border-color: #e10; }
#thePicturePage #imageToolBar { padding: 0px 25px 5px 25px; }
#thePicturePage #theImage {
  margin: 0px;
  padding: 3px 0px 15px 0px;
}
#thePicturePage #comments H2 {
  border-top: 2px solid #69c;
  border-bottom: 1px solid #030;
}
#comments DIV.comment BLOCKQUOTE {
  border: 1px solid #fff;
}
H2, #imageToolBar {
  border-bottom: 1px solid #fff;
}
.navThumb IMG { border: 1px solid #a20; padding: 1px; opacity: 0.8; }
.navThumb:hover IMG { border: 1px solid #e10; padding: 1px; opacity: 1; }
#theImage IMG {
  border: 3px solid #030;
  margin: 2px auto;
  padding: 1px;
  box-shadow: 0.2em 0.2em #ccc;
}
.content UL.thumbnail IMG {
  border: 1px solid #666;
}
.illustration A {
  border: 0px;
}
.content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #aaa;	/* thumbnails border color and style */
  border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
}
.content UL.thumbnails SPAN.wrap2:hover {
  border-color: #a20;		/* thumbnails border color when mouse cursor is over it */
}
A.navThumb, A.navThumb:hover,
#imageToolBar A, #imageToolBar A:hover {
  border-bottom: none;
}
#the_page {
  border: 0px;
  padding: 5px 0px 30px 0px;
  margin: 0px auto; width: 860px; text-align: left; 
}
.pleaseNote {
  padding: 1ex;
}
SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; }
TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}

ul.tabsheet { border-color: #030 !important; }
.tabsheet li { border: 1px solid #fff; }
.tabsheet li:hover { border-color: #e10 !important; }
/******************************************************************************/
/* Display, Visibility, buttons and others */
label { cursor:pointer }
.zero { display: none }
#the_page {
  text-align:center;
  display:block;
}
input[type="text"], input[type="password"], input.button,
input.submit, input.reset, input.file,
select, textarea {
  color: #030;
  border: 1px solid #030; background: none;
  background-color: #fff;
}
input.submit[type="reset"]:focus,
input.submit:focus {
  background-color: #030;
}
input.submit[type="reset"]:active,
input.submit:active {
	background: #69c;
  height:22px;
	border: 1px inset #030;
}
#addComment fieldset input.submit[type="submit"]  {
  height: 38px;
  padding-left: 4em;
  padding-right: 4em;
}
input.button,
input.reset, input.file
{
  color: #030; 
  border: 1px solid #030; padding: 5px 15px;
  /* background-image: url(images/button-bg.png); */
}
input.submit {
  background-image: url(images/button-bg.png);
  height:3em;
  font-weight: bold;
	color: #fff;
  border-width: 1px;
  border-style: inset;
  border-color: #030;
  padding: auto 2em;
}
#comments input.submit {
  padding: auto 6em;
}
input.rateButtonStarEmpty {
  border: none;
  background: url('../../icon/star_e.gif') no-repeat center !important;
  width: 16px;
}
#menubar .menuInfoCat, #menubar .menuInfoCatByChild {
  font-size: 80%;
  font-style: normal;
}
.qsearch { font-size: 80%; font-style: italic; }
* { outline: none; }
tr.throw td a { color: #660; }
tr.throw td a:focus { color: #e10; }
/* Set some sizes according to your maximum thumbnail width and height */
.content UL.thumbnails SPAN,
.content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails LABEL {
  width: 266px;			/* max thumbnail width + 2px */
}
.content DIV.thumbnailCategory DIV.illustration {
  width: 266px;			/* max thumbnail width + 2px */
}
.content UL.thumbnails SPAN.wrap1 { margin-left: 9px; margin-right: 9px; }
.content UL.thumbnails SPAN.wrap2 {
  height: 266px;		/* max thumbnail height + 2px */
}
#content DIV.thumbnailCategory DIV.description {
  height: 266px;		/* max thumbnail height + 2px */
}
.content DIV.comment BLOCKQUOTE {
  margin-left: 266px;		/*maximum thumbnail width + ~10px */
}
/* Category thumbnails on main page */
.content UL.thumbnailCategories LI {
  width: 48.7%;		/* 49.7% for 2 per line, 33.2% for 3 per line*/
  background-color: #fff;
  border: 0px solid #fff; 
  -moz-border-radius: 8px;	
  border-radius: 8px 8px;
  margin: 2px 2px 0px 2px;
}
.content UL.thumbnailCategories LI:hover {
  /* background: url(images/ricebk.png); */
  border: 0px solid #aaa; 
}
.content {
  background-color: #fff;
  -moz-border-radius: 0px 0px 8px 8px;	
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#menubar {
  /* background: url(images/ricebk.png); */
  -moz-border-radius: 0px 0px 8px 8px;	
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#menubar P.totalImages { color: #500; }
#menubar #mbCategories LI { list-style-image: url("images/imagecat.png");
 line-height: 18px; padding: 1px 5px; }
#menubar LI.uppercat { list-style-image: url("images/uppercat.png"); }
#menubar LI.selected { list-style-image: url("images/selected.png"); }
#menubar #mbCategories LI:hover { list-style-image: url("images/selected.png"); }
#menubar LI.uppercat:hover { list-style-image: url("images/selected.png"); }
#menubar #mbIdentification { display: none }
.content DIV.comment  A.illustration IMG, #infos,
.content DIV.thumbnailCategory {
  border: 0px solid #aaa;
  /* background: url(images/ricebk.png);*/
  -moz-border-radius: 8px;	
  border-radius: 8px 8px;  
}
#comments #addComment {
  border: 1px solid #aaa;
  /* background: url(images/ricebk.png);*/
  padding: 5px; margin: 5px;
  -moz-border-radius: 8px;	
  border-radius: 8px 8px;  
}
select {
  border: 1px solid #bbb;
  background-color: transparent;
}
.content DIV.thumbnailCategory { /* background: url(images/ricebk.png); */ }
.content DIV.thumbnailCategory:hover {
  border: 0px solid #aaa; 
  background-image: none; 
  background-color: #fff;
  -moz-border-radius: 8px;	
  border-radius: 8px 8px; 
}
.content DIV.titrePage h2 {
  /* background-image: url(images/button-bg.png);*/
  padding: 5px; 
  clear: none;
  font-weight: light; /* default for h2 */
  margin: 0px;
  font-size: 120%;
  height: 1.22em;
}
.content  div.titrePage  ul.categoryActions,
.content  div.titrePage  ul.categoryActions li { background-color: transparent;}
#menubar dt { height: 1.22em; }
#mbMenu dt, #mbAMM_links dt, #mbAMM_personalised1 dt { display: none }
#mbAMM_personalised1 dd { margin: 5px 12px 20px 12px; text-align: justify; }
.navThumb img {
opacity:0.8; Filter: Blur(Add = 0, Direction = 20, Strength = 3);
}
.navThumb:hover img {
opacity:1; Filter: Blur(Add = 0, Direction = 0, Strength = 0);
}
.menuf .flag-pan { background:#FFF url(images/ricebk.png) repeat scroll 0 0; width: 220px;
  -moz-border-radius: 8px;	
  border-radius: 8px 8px; border: 2px solid #340;}

.content .stuffs { margin:0 0 1em; }
#the_page .stuffs_block { margin-bottom: 1em; }
.content div.titrePage { height:26px; min-height:26px; } 
.nobdr { border: 1px 1px 0 1px !important; margin-bottom: 0; padding-bottom: 0; }
.nobdr h2:before { content: "" !important;}
.nobdr h2:after { content: "" !important;}
ul.categoryActions { padding:2px 0 0; }
img#bm5i { margin-bottom:0; margin-right:5px; }
body #at_hover { background:transparent url(images/ricebk.png) repeat scroll 0 0; }
body #at_hover .at_item, .content #at_share .at_item { background-color:transparent !important; }
body #at15s_head { background-image:url(images/button-bg.png); }



#content { background: transparent; }
#content .navigationBar { color: #260; }
#content .pageNumberSelected { color: #260; }
#content DIV.comment { border: 1px solid white; }
#content DIV.comment  A.illustration IMG { border: 1px solid white; }
#content UL.thumbnail IMG { border: 1px solid #aaa; }
/*#content UL.thumbnails SPAN.wrap2 { border: 1px solid #aaa;
  -moz-border-radius: 4px;	
  border-radius: 4px 4px;	}*/
#content UL.thumbnails SPAN.wrap2:hover { /*border-color: #850; */
  background: transparent; }
#content UL.thumbnails SPAN.wrap2{ border-color: #520; 
  background: transparent /* url(images/trame.jpg) */ ; }
/* #content UL.thumbnails SPAN.wrap1 { 
  background: url(images/ricebk.jpg); } */
#content UL.thumbnails SPAN.wrap2 A { border-bottom: none; }
#content UL.categoryActions A IMG, UL.categoryActions A { border: none;}

#copyright { border-top:#660 1px solid; }

#menubar  { background: transparent; border: none; }
#menubar DT { border-bottom: 1px solid #050; }
#menubar P.totalImages { color: #050; }
#menubar LI.imagecat { list-style-image: url("images/imagecat.png"); }
#menubar LI.uppercat { list-style-image: url("images/uppercat.png"); }
#menubar LI.selected { list-style-image: url("images/selected.png"); }
#menubar LI.imagecat:hover { list-style-image: url("images/selected.png"); }
#menubar LI.uppercat:hover { list-style-image: url("images/selected.png"); }
#the_page { border-bottom: #662 ridge 3px; 
  background: white; /* url(images/content_bg.gif) repeat ; */} 
#theHeader { height: 100px; border-bottom: #662 ridge 3px; }
#theMain { border-top: #662 ridge 3px; }

/* Picture */
#theImage IMG { border: 5px ridge #660; }
#imageHeaderBar { border-bottom: 1px solid #070; }
#imageToolBar { background: transparent; color: #050; border: none; }
#imageHeaderBar .imageNumber { background: transparent; }
#imageHeaderBar H2 { border: none}
#imageToolBar { border: none; }
#imageToolBar IMG, #imageToolBar A { border: none; }
#wrap1-prev, #wrap1-next { background: transparent; }
#wrap1-prev .wrap2, #wrap1-next .wrap2{ border: none; }
/*.wrap2 { border: 1px solid #aaaaaa; 
  -moz-border-radius: 8px;	
  border-radius: 8px 8px; }
*/
.titrePage * { background: transparent; }
* { background: inherit; }
A { color: #440; text-decoration:none; background: transparent; }
A:hover { color: #660; text-decoration:underline; }
A.navThumb next, A.navThumb next:hover { border-bottom: none; }
A.navThumb prev, A.navThumb prev:hover { border-bottom: none; }
H2 { border-bottom: 1px solid #050; }
H2,H3 { color: #850; }
INPUT, SELECT, TEXTAREA { color:#260; background-color: transparent;
        border: 1px solid #700; }
IMG { border: none }
LI.categoryLi { border: 0px solid #660; }
FORM.properties .focus { background-color: transparent; }
FORM.properties .nofocus { background-color: transparent; }
FIELDSET { border: 1px solid #050; }
SPAN.pwgScreen { border-bottom: 1px solid #550; }


/* ----------------------------------------------------- polices ------------*/
/* Only font; parameters */

BODY { font-size: 1em; line-height:1.3em; 
  font-family: Georgia, "Trebuchet MS", "Times New Roman", sans-serif; }

#comments .author { font-weight: bold; }

#content dt { font-style: italic; font-size: 1.1em; }
#content UL.thumbnails SPAN.thumbLegend { font-size: 0.8em;	}
#content .pageNumberSelected { font-style: italic; }
#content .additional_info { font-size: 1.1em; }

#copyright, P.footer { font-size: 0.8em; }

#imageHeaderBar { font-weight: bold; }

#menubar { font-size:1em; font-weight: normal; }
#menubar DT { font-weight: bold; }
#menubar FORM P { font-size: 0.9em; font-weight: bold; }
#menubar INPUT { font-weight: bold; }
#menubar LI.selected A { font-weight: bold; }
#menubar LI.selected LI A { font-weight: normal; }

.small { font-size: 0.8em; }

.pleaseNote { font-weight: bold; }
FORM.properties LABEL.mandatory { font-weight: bold; }
H1 { text-align: center; font-size: 1.8em; font-weight: bold; }
H2 { text-align: left; font-weight: normal; letter-spacing: 1px; }
.nb_images { font-size: 0.5em;}
legend { font-style: italic; }
TABLE.infoTable .label { font-weight: bold; }

#theHeader { background: url(images/header1.jpg) no-repeat center bottom; }