body {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 80%;
margin:0;
padding: 0;
background-color:#CCCCCC;
}
#header {
height: 105px;
background-image: url(http://jeanviet.info/images/header.jpg);
background-repeat: no-repeat;
}
#header img {
position:absolute;
margin-left:18px;
margin-top:17px;
border:0;
}


#header h1 {
position: absolute;
font-family: Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
margin-top:85px;
color:#696969;
margin-left:305px;
font-style:italic;
margin-right: 200px;
font-weight:normal;
width: 460px;
text-align: center;
font-size: 1em;
}
#header h2 {
position: absolute;
margin-top:30px;
margin-left:530px;
width: 250px;
text-align: center;
font-size: 1.4em;
color:#000;
}
#haut {
height: 20px;
background-image: url(http://jeanviet.info/images/upline.jpg);
background-repeat: repeat-y;
}
#enhaut{
width:765px;
margin-left:15px;
}
/* ARIANE */
#ariane {
background-color: #CFCFCF;
width:770px;
margin-left:15px;
text-align:right;
font-size: 0.9em;
}
#ariane1 {
background-color: #CFCFCF;
width:600px;
margin-left:185px;
text-align:right;
font-size: 0.9em;
}

#ariane2 {
background-color: #CFCFCF;
position:absolute;
width:170px;
left:15px;
text-align:left;
font-size: 0.9em;
}
/* ARIANE */
#conteneur {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
background-image:url(http://jeanviet.info/images/milieu.jpg);
background-repeat: repeat-y;
}
#vide{
height:5px;
margin:0;
padding:0;
font-size:0}

#media {
width:758px;
margin-left:22px;
}
#footmedia {
	margin:0;
	padding:3px;
	clear:both;
}

#conteneur2 {
width: 495px;
left: 20px;
}
#conteneur3 {
border: 1px solid #000;
background-color: #FFFFD4;
padding: 5px;
}

#conteneur3 p {
font-size: 0.9em;
text-align:justify;}

#droite {
float:right;
width: 250 px;
}

table {
font-size: 0.9em;}

/* container droite */

#cadre { /* taille du cadre, à titre d'exemple */
width: 247px;
background-color: #e4e4e4;
}

}
#cadre3 { /* taille du cadre, à titre d'exemple */
width: 247px;
background-color: #FFE1E1;
}
#cadre2 { /* taille du cadre, à titre d'exemple */
width: 247px;
background-color: #D7E6FD;
}

#cadre1 { /* taille du cadre, à titre d'exemple */
width: 503px;
background-color: #FFE1CE;
}
#cadre1 p {
padding:5px;
}
/* propriétés communes à l'ensemble des 4 coins */
#bordhg, #bordhd, #bordbg, #bordbd {
height: 10px; width: 20px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#bordhg {
background: url(http://jeanviet.info/images/bord_hg.gif);
}
#bordhd {
float: right;
background: url(http://jeanviet.info/images/bord_hd.gif);
}
#bordbg{
background: url(http://jeanviet.info/images/bord_bg.gif);
}
#bordbd {
float: right;
background: url(http://jeanviet.info/images/bord_bd.gif);
}


/* container droite */

/* menuh */
#menuhaut ul #current
{
height: 20px;
margin: 0;
padding: 0;
list-style-type: none;
color:#000000;
background-color: #CFCFCF;
}
#menuhaut ul
{
height: 20px ;
margin: 0 ;
padding: 0 ;
background-color:#FF6600;
list-style-type: none ;
}
#menuhaut ul li
{
float: left ;
text-align: center;
}
#menuhaut ul li a
{
width: 90px ;
line-height: 20px ;
font-size: 12px ;
font-weight: bold ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #e4e4e4 ;
-moz-border-radius:0;
}
#menuhaut a:hover
{
background-color:#ffe566;
color:#ff6600;
}
#menuhaut p a {
position:relative;
margin-top: -19px;
right: 60px;
float:right;
font-weight: bold ;
color: #fff ;
font-size: 13px ;
}
/* menuh */
#footer {
background-image:url(http://jeanviet.info/images/footer.jpg);
background-repeat: no-repeat;
height:42px;
}
p {
margin:0;
padding:0;
font-size:1em;
}

#container1 {
width: 180px;
padding:0;
margin:0 0 6px 0;
height:170px;
}
#container1 h2{
display: block;
padding:0px;
margin:0;
font-size:1.2em;
text-align:center;
font-weight:bold;
}
#container1 h3{
padding:0;
font-size:0.8em;
font-weight:bold;
line-height:1.2em;
}
#container1 p{
text-align:center;
margin: 0;
line-height:1.2em;
padding:5px;
font-size:0.9em;
}

.blogcontainer{
border: 1px solid #000099;
background-color:#F4F4F4;
}
.blogtitre{
color:#FFFFFF;
background-color:#000099;
}
.tipcontainer{
border: 1px solid #CC0000;
background-color:#F4F4F4;
}
.tiptitre{
color:#FFFFFF;
background-color:#CC0000;
}
.orcontainer{
border: 1px solid #336600;
background-color:#F4F4F4;
}
.ortitre{
color:#FFFFFF;
background-color:#336600;
}
.grcontainer{
border: 1px solid #603397;
background-color:#F4F4F4;
}
.grtitre{
color:#FFFFFF;
background-color:#603397;
}


a {
color: #000;
font-size:1em;
border-bottom:1px dotted silver;
text-decoration:none;
}
a:hover {
background-color:#ffe566;
color:#ff6600;
font-size:1em;
border-bottom:1px dotted #FF3C00;
}


.tabcontentstyle a {
color: #000;
font-size:1em;
border-bottom:1px dotted silver;
}

.tabcontentstyle a:hover {
background-color:#ffe566;
color:#ff6600;
font-size:1em;
border-bottom:1px dotted #FF3C00;
}

#cadre1 p a {
text-decoration: none;
color: #0f46a2;
-moz-border-radius: 4px;
font-size:1em;
}
#cadre1 p a:hover {
background-color:#ffe566;
color:#ff6600;
font-size:1em;
}



br{
line-height:0.5em;
}
/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 230px;
  margin: 4px;
  padding: 4px;
}

.gsc-control div {
  position: static;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 100%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

input.gsc-search-button {
  margin-left : 4px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('clear.gif');
  cursor : pointer;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-keeper {
  color: #3366cc;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;

  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  background-image: url('http://jeanviet.info/images/blue_check.gif');
}
.gsc-imageResult .gsc-keeper {
  text-decoration: none;
}

/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom : 4px;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

.gsc-resultsHeader td.gsc-configLabelCell{
  text-align: right;
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('http://jeanviet.info/images/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('http://jeanviet.info/images/arrow_open.gif');
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 14px;
  display: inline;
}

.gsc-resultsHeader .gsc-stats {
  color: #676767;
  font-size: 11px;
  font-weight: normal;
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
  display : none;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  background-image: url('http://jeanviet.info/images/one-complex-dark.gif');
}

.gsc-more-results {
  background-image: url('http://jeanviet.info/images/more-complex-dark.gif');
}

.gsc-all-results {
  background-image: url('http://jeanviet.info/images/all-complex-dark.gif');
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  background-image: url('http://jeanviet.info/images/one-complex-light-blue.gif');
}

.gsc-more-results-active .gsc-more-results {
  background-image: url('http://jeanviet.info/images/more-complex-light-blue.gif');
}

.gsc-all-results-active .gsc-all-results {
  background-image: url('http://jeanviet.info/images/all-complex-light-blue.gif');
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('http://jeanviet.info/images/settings.gif');
}


/* tabbed mode of search control
 * .gsc-tabsArea : the box containing all of the tabs
 * .gsc-tabHeader : an individual tab
 * .gsc-tabHeader.gsc-tabhActive : the active tab
 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
 * .gsc-tabData : the data area/box containg results and header data for each tab
 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
 */
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
  }

.gsc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 2px;
  }

.gsc-tabHeader.gsc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #ff9900;
  color: black;
  }

.gsc-tabHeader.gsc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* tab specific results header supression
 * - no twiddle, tabbed mode runs in full expand mode
 * - no title
 * - no stats
 */
.gsc-tabData .gsc-resultsHeader .gsc-title {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-stats {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
  display : none;
}



/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  clear: both;
  padding-bottom: 2px;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
  display: none;
}

/* Ads
 * inline the title div so that we can have an adjecent ad marker
 * in the control, the ad-marker is supressed since ads are already positioned
 * underneath a results divider
 */
.gsc-webResult a div.gs-title {
  display: inline;
}
.gsc-results .gsc-result span.gs-ad-marker {
  display: none;
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0px;
}

.gsc-configSetting {
  margin-top : 6px;
  }

.gsc-configSettingInputLabel {
  color: #676767;
  }

.gsc-configSettingInput {
  color: #676767;
  border: 1px solid #e9e9e9;
  width: 75%;
  }

.gsc-configSettingCheckbox {
  color: #676767;
  margin-right: 6px;
  }

.gsc-configSettingCheckboxLabel {
  display : inline;
  color: #676767;
  }

div.gsc-configSettingSubmit {
  margin-top : 8px;
  text-align : right;
}

input.gsc-configSettingSubmit {
  display: inline;
  font-size: 11px;
  cursor: pointer;
}


/* Image Search
 * - support for horizontal and vertical orientation
 * - title, url, and size supression
 */
.gsc-results.gsc-imageResult .gsc-imageResult.horizontal{
  float: left;
  width: 65px;
  margin-bottom: 4px;
  margin-right: 8px;
  text-align: center;
}

.gsc-results.gsc-imageResult .gsc-imageResult.horizontal .gs-imageResult {
  height: 41px;
}

.gsc-results.gsc-imageResult .gsc-imageResult.vertical{
  float: none;
  margin-bottom: 4px;
  margin-right: 8px;
  text-align: left;
}

.gsc-results.gsc-imageResult .gsc-imageResult.horizontal .gsc-keeper {
  background-position: center;
}

.gsc-imageResult .gs-title {
  display: none;
}
.gsc-imageResult .gs-visibleUrl {
  display: none;
}
.gsc-imageResult .gs-size {
  display: none;
}

/* Video Search
 * - metadata, publisher - font
 * - single line title
 */

.gsc-videoResult .gs-videoResult .gs-metadata {
  font-size: 11px;
}

.gsc-videoResult .gs-videoResult .gs-title {
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  }

.gsc-videoResult .gs-videoResult .gs-snippet {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  }

/*** End of Control, Begin Results ***/

/* generic, cross cutting result style
 * - in the form of .gs-result .gs-xxx where xxx is the generic style
 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
 * .gs-divider : typically seperates results from ads
 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
 * img.gs-image : an actial image in a result
 * .gs-phone : a phone number
 * .gs-address : an address (includes street, city, region, country)
 * .gs-streetAddress : a street (including #)
 * .gs-city : a city
 * .gs-region : a region (zip code, area, etc.)
 * .gs-country : a country
 * .gs-snippet : snippetized content
 * .gs-watermark : indicator that user selected this result
 * .gs-metadata : generic metadata, e.g.,
 * .gs-image-box : generic container for a result's image (within a table)
 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
 */
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  font-weight: normal;
  text-decoration: underline;
}

.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-webAd a.gs-visibleUrl div.gs-visibleUrl {
  display : inline;
}

.gs-webResult div.gs-visibleUrl-long {
  width : 100%;
  overflow : hidden;
  display : none;
}



.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}


/* relative and absolute dates, not, news inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: none;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * For news results there are two dates...
 * The relative date is visible while in the
 * search control and the published date
 * is visible when clipped. Why? It doesn't
 * make sense to say 4 hours ago for a clipped
 * result...
 */

/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
  display : none;
}

/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
  display : none;
}

/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
  display : inline;
}

.gs-newsResult .gs-location {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

.gs-result img.gs-image {
  vertical-align : middle;
  border : 1px solid #0000cc;
}

.gs-result .gs-phone {
  color: #008000;
}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #676767;
  font-weight: normal;
  text-decoration : none;
}

.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
  color: #008000;
  text-decoration: none;
}

.gs-result a {
  cursor: pointer;
}

.gs-result .gs-address {
}

.gs-result .gs-snippet {
}

.gs-result .gs-watermark{
  font-size: 10px;
  color: #7777cc;
}

.gs-result .gs-metadata{
  color: #676767;
}

/* searcher specific styling for
 * - web ad
 * - web (none)
 * - local
 * - image (none)
 * - blog (none)
 * - video (none)
 */

/* webAd search specific over rides
 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
 */
.gs-webAd span.gs-ad-marker {
  padding-left: 4px;
  color: #008000;
  text-decoration: none;
}

/* local search specific over rides
 * - city, region displayed inline
 * - country supressed
 * - small font size for info window's
 */

div.gs-city {
  display: inline;
}

div.gs-region {
  display: inline;
}

div.gs-country {
  display: none;
}

div.gs-infoWindow * {
  font-size: 11px;
  }

/* video search specific over rides
 * - align the table data
 * - default image width garuntee
 * - appropriate cell seperation
 */

/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
  font-size: 13px;
  }

/*
.gs-videoResult td .gs-image {
  vertical-align : middle;
}

.gs-videoResult td.gs-image-box {
  background-color : #000000;
}*/

.gs-videoResult td div.gs-image-box {
  width : 110px;
  height : 78px;
}

.gs-videoResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }
  
 #about1 {
width:285px;
text-align:center;
margin-left:218px;
font-size: 1.2em;
}

#about2 {
left:10px;
top:4px;
position:absolute;
width:218px;
font-size: 0.9em;
}

#bloc1-contour {
border: 1px solid #9FC1FB;
width:233px;
display:block;
background-color:#F4f4f4;
}
#bloc1-titre{
color:#000;
background-color:#9FC1FB;
width:235px;
}
#bloc2-contour {
border: 1px solid #cc0000;
width:233px;
display:block;
background-color:#F4f4f4;
}
#bloc2-titre{
color:#fff;
background-color:#cc0000;
width:235px;
}
#bloc3-contour {
border: 1px solid #A1D572;
width:233px;
display:block;
background-color:#F4f4f4;
}
#bloc3-titre{
color:#fff;
background-color:#A1D572;
width:235px;
}

#bloc4-contour {
border: 1px solid #C7AEE3;
width:233px;
display:block;
background-color:#F4f4f4;
}
#bloc4-titre{
color:#fff;
background-color:#C7AEE3;
width:235px;
}
#bloc4-contour br{
display:none;
}

#bloc4-contour p{
display:none;
}

#bloc{
margin-left:5px;
}
#contenu ul li {
list-style-type:none;
padding: 2px 0;
border-bottom: 1px solid #EBEBEB;
font-size: 0.85em;
}
#contenu ul li a {
display:block;
width:227px;
}
#contenu ul {
display:block;
width:230px;
margin-left:3px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
#contenu h2 {
margin:0em;
text-align:left;
font-size:1.2em;
text-align:center;
}
.orange {
font-weight: bold ;
color: #ff6600 ;
}
.orange2 {
color: #ff6600 ;
}
h2 {
margin:0em;
text-align:left;
font-size:1.2em;
text-align:center;
color:#777;
font-weight: normal;
}
.centre{
text-align:center;
position: absolute;
margin-top:5px;
width:780px;
}

#bordhgo, #bordhdo, #bordbgo, #bordbdo {
height: 10px; width: 20px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#bordhgo {
background: url(http://jeanviet.info/images/bord_hgo.gif);
}
#bordhdo {
float: right;
background: url(http://jeanviet.info/images/bord_hdo.gif);
}
#bordbgo{
background: url(http://jeanviet.info/images/bord_bgo.gif);
}
#bordbdo {
float: right;
background: url(http://jeanviet.info/images/bord_bdo.gif);
}
#bordhgb, #bordhdb, #bordbgb, #bordbdb {
height: 10px; width: 20px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#bordhgb {
background: url(http://jeanviet.info/images/bord_hgb.gif);
}
#bordhdb {
float: right;
background: url(http://jeanviet.info/images/bord_hdb.gif);
}
#bordbgb{
background: url(http://jeanviet.info/images/bord_bgb.gif);
}
#bordbdb {
float: right;
background: url(http://jeanviet.info/images/bord_bdb.gif);
}
#bordhgr, #bordhdr, #bordbgr, #bordbdr {
height: 10px; width: 20px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#bordhgr {
background: url(http://jeanviet.info/images/bord_hgr.gif);
}
#bordhdr {
float: right;
background: url(http://jeanviet.info/images/bord_hdr.gif);
}
#bordbgr{
background: url(http://jeanviet.info/images/bord_bgr.gif);
}
#bordbdr {
float: right;
background: url(images/bord_bdr.gif);
}
img {
border: 0px;
}
.cadrim {
	float: left;
	margin-left: -2px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 0px;
	border: 1px solid #ff6600;
	background-color: #fff;
	padding :8px;
}
#footer a img {
padding-right:4px;
border:0;
margin-bottom:-3px;
}
#footer a:hover img {
background-color:#f4f4f4;
}

.img-ombre  a img {
margin:5px 5px;
	width:75px;
	height:75px;
	float: left;
	
}
.exhibit-tileView-body
{ margin-left:-10px;
width="95%";}

.exhibit-tileView-body h2 {
font-size: 1.2em;
background: url(http://favoris.jeanviet.info/images/star.gif) no-repeat left top;
color: #000000;
text-align: left;
border-bottom: 2px solid #000000;
line-height:22px;
}
.prix{
font-weight: bold;
color: #ff0000;
font-size: 0.9 em;
}
.gratuit{
font-weight: bold;
color: #0000FF;
font-size: 0.9 em;
}
.exhibit-tileView-body p{
text-align: justify;
font-size: 0.9em;
}
.exhibit-collectionView-group h1{
background-color:#ff6600;
color: #fff;
text-align: left;
width:495px;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#droite h1{
background-color:#ff6600;
color: #fff;
text-align: center;
width:200px;
font-size: 1em;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#cadre img {
padding-right:4px;
border:0;
margin-bottom:-3px;
}
#conteneur3 p img {
padding-right:4px;
border:0;
margin-bottom:-5px;
}