body {
  font-family: Lucida Grande, Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background : black;
  color : #c0c0c0;
  text-align: left;
  padding: 0px;
  background-image: url(http://france.palmdrive.net/images/titre0.gif);
  background-position: top left;
  background-repeat: no-repeat;  
}
.citation {
  font-size: 12px;
  padding: 3px 25px;
  background-image:url(/images/guillemet.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align:justify;
  margin: 1px 50px;
}

td.dossierstitre {
  font-size:17px;
  font-weight:bold;
  font-style:italic;
  padding-left:5px;
  color:#8f8;
}

b {
  color : #e0e0e0;
}

.iphoneMenu {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  visibility:hidden;
  z-index:5;
}

a#mainHomeLink {
  position:absolute; 
  width:100%; 
  height:95px; 
  top:0;
  left:0;
  z-index:100;
}
a#mainHomeLink:hover {
  background-color:rgb(255,255,255);
  filter:alpha(opacity=20);
  background-color:rgba(255,255,255,0.2);
}

.citation1 {
  font-size: 12px;
  padding-left: 25px;
  padding-top:5px;
  background-image:url(/images/guillemet2.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-align:justify;
  margin-left: 50px;
  padding-bottom:15px;
}
.citation2 {
  font-size: 12px;
  padding-right: 25px;
  background-image:url(/images/guillemet.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  text-align:justify;
  margin-right: 50px;
}
.citationSig {
  font-size: 11px;
  text-align:right;
  font-weight:bold;
  font-style:italic;
}

.fineprints {
  font-size: 11px;
}
blockquote {
  border-left: solid silver 4px;
  padding-left: 8px;
}
.small {
  font-size: 11px;
}
.header {
  color: white;
  font-weight: bold;
  padding: 8px;
padding-top:60px;
  margin-top:40px;
  background-image: url(http://france.palmdrive.net/images/titre1b.gif);
  background-position: top right;
  background-repeat: no-repeat;  
  position: relative;
}
.header a:link, .header a:visited, .header a:active {
  color : white;
}
.search {
  /*float: right;*/
  position: relative;
  text-align: right;
  padding:5px;
}
.headerLinks, .footerLinks {
  float: right;
  position: relative;
  width: 50%;
  text-align: right;
}
.headerLinks a:link, .headerLinks a:visited, .headerLinks a:active,
.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active {
  color : white;
}
#categories {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color : white;
  font-weight: bold;
}
.category a:link, .category a:visited, .category a:active {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  color : white;
  border:1px solid black;
}
.category {
}
.category a:hover, .selectedCategory {
  color: #578de6;
  background: #303030;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border:1px solid #808080;
}
.tags {
  border: solid #303030 1px;
  margin: 16px;
  padding: 4px;
  background: #202020;
  font-weight: normal;
}
.tags a:link, .tags a:visited, .tags a:active {
  color : gray;
  font-weight: normal;
}
.photo {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-top: solid black 1px;
  border-right: solid black 1px;
  border-bottom: solid black 1px;
  border-left: solid black 1px;
  text-align: center;
}
.codeSample {
  font-family: Courier, sans-serif;
  border-top: solid #F0F0F0 1px;
  border-right: solid #F0F0F0 1px;
  border-bottom: solid #F0F0F0 1px;
  border-left: solid #F0F0F0 1px;
  text-align: left;
  background: #F8F8F8;
  margin-left: 32px;
  margin-right: 32px;
  padding: 16px;
  overflow: auto;
}
a:link, a:visited, a:active {
  color: #578de6;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
.content {
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
/*  margin-right: 220px;*/
}
.bodyContent {
  /*background : black;*/
}
.blogEntrySeparator {
  background-image: url(/images/dotted-border-silver.gif);
  background-repeat:repeat-x;
  height:1px;
  border-left: solid silver 5px;
  border-right: solid silver 5px;
  overflow:hidden;
  position:relative;

}
.sidebarseparator {
  background-image: url(/images/dotted-border-silver.gif);
  background-repeat:repeat-x;
  height:1px;
  border-left: solid silver 3px;
  border-right: solid silver 3px;
  overflow:hidden;
  position:relative;
  margin:10px 1px;
}


.sidebar {
  text-align: center;
  /*float: right;*/
  position: relative;
  width: 250px;
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 32px;
  background-color: #303030;
  margin-right:10px;
}
.footer {
  background: #578de6;
  color: white;
  font-weight: bold;
  padding: 8px;
  clear: both;
  background-image: url(images/footer.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
.footer a:link, .footer a:visited, .footer a:active {
  color : white;
}
.blogName, .blogName a:link, .blogName a:visited, .blogName a:active {
  font-size: 24px;
  font-weight: bold;
}
.blogDescription {
  font-weight: none;
  padding-bottom: 32px;
}
.linearNavigationLinks {
  text-align: center;
  padding-bottom: 8px;
  position: relative;
}
.calendar {
    /*background-color:#404040;*/
}
.calendarDayHeader {
  font-weight: bold;
  text-align: right;
}
.calendarDay {
  text-align: right;
  border: solid #404040 1px;
}
.calendarDayWithEntries {
  text-align: right;
  border: solid #505050 1px;
}
.calendarDayWithEntries a:link, .calendarDayWithEntries a:visited, .calendarDayWithEntries a:active {
  border: solid white 0px;
}
.calendarToday, .calendarToday a:link, .calendarToday a:visited, .calendarToday a:active {
  background : #578de6;
  color: white;
  font-weight: bold;
  text-align: right;
}
.help, .help a:link, .help a:visited, .help a:active {
  color: gray;
  font-weight: bold;
  text-align: right;
}
.validationError {
  color: #B20D1C;
}

.blogEntry, .item {
  text-align: left;
  /*border-top: solid #404040 1px;*/
  padding: 0px;
  margin-bottom: 8px;
  position: relative;
}

.blogEntry, .item {
  /*margin-right:50px;*/
}
.blogEntrySeparator {
  margin:1px 1px 0px 1px;
  /*margin-right:50px;*/
}

.item {
  background-image: url(/images/dotted-border-silver.gif);
  background-repeat:repeat-x;
  background-position: top;
}

.comment, .trackback {
  padding: 8px;
}

.blogEntryHeader, .blogEntryHeader a:link, .blogEntryHeader a:visited, .blogEntryHeader a:active {
  color: lightgray;
  font-weight: bold;
  position: relative;
}
.itemHeader, .itemHeader a:link, .itemHeader a:visited, .itemHeader a:active {
  color: lightgray;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.commentHeader, .commentHeader a:link, .commentHeader a:visited, .commentHeader a:active, .trackbackHeader,
.trackbackHeader a:link, .trackbackHeader a:visited, .trackbackHeader a:active {
  font-size: 13px;
  font-weight: bold;
  color: lightgray;
}

.blogEntryTitle, .blogEntryTitle a:link, .blogEntryTitle a:visited, .blogEntryTitle a:active, h1 {
  color: #57e68d;
  font-size: 18px;
  font-weight: bold;
  font-family:Georgia,Serif;
}

h2 {
  color: #a4e6bd;
  font-size: 16px;
  font-weight: bold;
  font-family:Georgia,Serif;
}

.blogEntrySubtitle, .blogEntrySubtitle a:link, .blogEntrySubtitle a:visited, .blogEntrySubtitle a:active {
  color: lightgray;
  font-weight: bold;
}
.blogEntryBody, .itemBody {
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 1.5;
}
.itemBodyEven {
  background: #202020;
}
.itemBodyOdd {
  background: #303030;
}
.commentBody, .trackbackBody {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.5;
}

.blogEntryLinks{
  position: relative;
  color: gray;
  font-weight: bold;
  text-align: right;
  font-size: 11px;
}

 .itemLinks, .commentLinks, .trackbackLinks {
  float: right;
  position: relative;
  color: gray;
  font-weight: bold;
  text-align: right;
  font-size: 11px;
}

.blogEntryLinks a:link, .blogEntryLinks a:visited, .blogEntryLinks a:active,
.itemLinks a:link, .itemLinks a:visited, .itemLinks a:active,
.commentLinks a:link, .commentLinks a:visited, .commentLinks a:active,
.trackbackLinks a:link, .trackbackLinks a:visited, .trackbackLinks a:active {
  color: gray;
  font-weight: normal;
  font-size: 11px;
}

/*.blogEntryMetadata a:link, .blogEntryMetadata a:visited, .blogEntryMetadata a:active,.itemMetadata a:link, .itemMetadata a:visited, .itemMetadata a:active,
.commentMetadata a:link, .commentMetadata a:visited, .commentMetadata a:active,
.trackbackMetadata a:link, .trackbackMetadata a:visited,*/ .trackbackMetadata a:active, .blogEntryMetadata, .itemMetadata, .commentMetadata, .trackbackMetadata {
  font-style: italic;
  color: gray;
  font-weight: normal;
}


.floatRight {
  float: right;
  position: relative;
font-style:normal;
}

.approved {
}
.pending {
  border-left: solid #FF9900 4px;
}
.rejected {
  border-left: solid red 4px;
}
thead {
  background : #404040;
  color: lightgray;
  font-weight: bold;
  padding: 8px;
}
thead a:link, thead a:visited, thead a:active {
}
.tagCloud {
  line-height: 40px;
}
.tagCloud1 {
  font-size: 10px;
}
.tagCloud2 {
  font-size: 12px;
}
.tagCloud3 {
  font-size: 14px;
}
.tagCloud4 {
  font-size: 16px;
}
.tagCloud5 {
  font-size: 18px;
}
.tagCloud6 {
  font-size: 20px;
}
.tagCloud7 {
  font-size: 22px;
}
.tagCloud8 {
  font-size: 24px;
}
.tagCloud9 {
  font-size: 26px;
}
.tagCloud10 {
  font-size: 28px;
}

.searchField {
  font-size:10px;
  border: 1px solid #808080;
  background-color: #FFFFFF;
}
.searchButton {
  font-size:10px;
  border: 1px solid #808080;
  background-color: #D0D0D0;
}
.searchLink {
  font-size:10px;
  padding-right:10px;
}
.feedLink {
  color:white;
}

.searchFeeds {
  padding:2px;
}
.searchFields {
  padding:2px;
}
.searchAdvanced {
  padding:2px;
}

TABLE.tableau {
   border-collapse:collapse;
   border:2px solid #c0c0c0;
}

TABLE.tableau td {
   border:2px solid #c0c0c0;
   padding:3px;
}
TABLE.tableau th {
   padding:5px;
   text-align:center;
}

TABLE.images {
   background-color:#101010;
   width:100%
}
TABLE.images td {
   text-align:center;
   padding:5px 30px
}
TABLE.images img {
   border:1px solid #808080;;

}

li {
margin-top: 3px;
margin-bottom: 3px;
}

DIV#categories_alt_sep, DIV#categories_alt {
     display:none;
}

.commentInput {
  width:100%;
  max-width:400px;
}

/* Tabs stuff */

table.tabs, table.button { 
  empty-cells: show; 
  border-collapse:collapse; 
  margin-left:5px; 
  padding-top:5px 
}
.tabcell,.button { 
  margin:0px; 
  padding:0px;
}
.tab, td.buttoncell { 
  margin:0px; 
  color:white; 
  font-family: Sans-serif; 
  padding:0px 10px;
}
td.buttoncell {
  padding:0px 3px;
}

.tabrightoff,.tablefton,.tableftoff,.tabrighton,.buttonrightoff,.buttonlefton,.buttonleftoff,.buttonrighton {
    width:5px;
    height:30px;
    background-repeat:no-repeat;
}
.tablefton, .buttonlefton {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-on-left.png);
}
.tableftoff, .buttonleftoff {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-off-left.png);
}
.tabrighton, .buttonrighton {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-on-right.png);
}
.tabrightoff, .buttonrightoff {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-off-right.png);
}
.taboff,.buttonmiddleoff {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-off-bg.png);
    background-repeat:repeat-x;
}
.tabon,.buttonmiddleon {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-on-bg.png);
    background-repeat:repeat-x;
}
.tabsep {
    background-image:url(http://france.palmdrive.net/theme/iphone/tab-sep.png);
    background-repeat:no-repeat;
    width:1px;
}
table.toolbar {
  height:44px;
  width:100%;
  margin:0;
  padding:0; 
  background-image:url(http://france.palmdrive.net/theme/iphone/toolbar-bg.png);
  background-repeat: repeat-x;
  background-position:left top;
  border-collapse:collapse;
}
td.toolbar {
  margin:0;
  padding:0; 
  margin-top:6px; 
}


A.readmore {
font-size:16px;
}
/* mobile devices stuff */


@media all and (max-width: 640px){
  /* Narrow Window */
  TD#sidebartd {
    display:none;
  }
  .sidebar {
    width: 90%;
  }
  .iphoneMenu {
    visibility:visible;
  }
  .linearNavigationLinks {
    display:none;
  }
  .citation , .citation1,.citation2 {
    margin:1px;
  }
  div.content, div.bodyContent, table.maintable {
    padding:0;
    margin:0;
  }
  TABLE.tableau {
     border-collapse:collapse;
     border:1px solid #c0c0c0;
  }
  
  TABLE.tableau td {
     border:1px solid #c0c0c0;
     padding:1px;
     font-size:10px;
  }
  TABLE.tableau th {
     padding:1px;
     text-align:center;
     font-weight:normal;
     font-size:10px;
  }
  TABLE.images td {
     text-align:center;
     padding:3px
  }
  TABLE.images IMG {
    max-width:50%;
  }
  img.img200 {
    width:100px;
  }
  img.img100 {
    width:50px;
  }
  A#mainHomeLink {
    top:44px;
  }
  body {
    background-position:44px left;
    padding-top:44px;
  }
}

@media all and (max-width: 400px){
  /* iPhone mode portrait */
  body {
    background-image:url(http://france.palmdrive.net/images/titre0-300.gif);
  }
}
@media all and (min-width: 400px) and (max-width: 640px){
  /* iPhone mode paysage */
}


@media all and (max-height: 480px) {
  /* low ceiling */
  DIV#categories {
     display:none;
  }
  DIV#categories_alt_sep, DIV#categories_alt {
     display:block;
  }
  DIV.header {
     padding-top:0px;
     background : black;
  }
  a#mainHomeLink {
    height:47px;
  }
  .blogEntryTitle, H1 {
    padding:0px;
    margin:0px;
  }


}