body {
background-color : #000000;
margin : 0;
padding : 0;
color : #d6d6d6;
font : normal 12px/18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
letter-spacing : 0;
}
a {
color : silver;
text-decoration : none;
font-style:italic;
}
a:visited {
color : #666666;
}
a:hover {
color : #cccccc;

}
b {
color : #666666;
font : normal 12px/18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
letter-spacing : 0;
}
#colG {
float : left;
width : 240px;
position : fixed;
}
#colM {
width : 480px;
float : left;
margin-left : 260px;
margin-top : 91px;
font-size : 12px;
line-height : 18px;
}
#colD {
float : left;
width : 240px;
position : fixed;
margin-left : 760px;
color : #d6d6d6;
}
.bloc_haut {
color : #ffffff;
border-top-width : thin;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-bottom-style : solid;
border-top-color : #fe3500;
border-right-color : #fe3500;
border-bottom-color : #fe3500;
border-left-color : #fe3500;
height : 72px;
font-size : 12px;
line-height : 18px;
padding : 18px 0 0 9px;
}
.bloc_bas {
border-top-width : thin;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-bottom-style : solid;
border-top-color : #fe3500;
border-right-color : #fe3500;
border-bottom-color : #fe3500;
border-left-color : #fe3500;
color : #d6d6d6;
padding-top : 18px;
padding-left : 9px;
padding-bottom : 18px;
}
.bloc_droitevin {
border-top-width : thin;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-bottom-style : solid;
border-top-color : #fe3500;
border-right-color : #fe3500;
border-bottom-color : #fe3500;
border-left-color : #fe3500;
color : #d6d6d6;
padding-top : 18px;
padding-left : 0;
padding-bottom : 18px;
}

.yoxview{
}

.titre {
font-size : 18px;
}
.menu {
margin : 0;
}
.menuvin {
margin-left : 0;
}
.menu li {
list-style-type : none;
display : block;
margin-left : -5px;
}
.menuvin li {
list-style-type : none;
display : block;
margin-left : -30px;
}
#masque {
height : 90px;
width : 480px;
position : fixed;
background-image : url(medias/masquecopie2.png);
background-repeat : no-repeat;
background-position : center top;
margin-top : -100px;
}
#colM img {
margin-bottom : 15px;
}
.premiermot {
color : #fe3500;
}
.cv {
color : #666666;
}
.capitales {
text-transform : uppercase;
}
.tabsuivant {
text-align : right;
}
.tabprecedent {
text-align : left;
top : 150px;
}
.layer2 {
overflow : hidden;
}
#myGallery, #myGallerySet, #flickrGallery {
width : 480px;
height : 306px;
z-index : 5;
border : 1px solid #000;
}
.jdGallery a {
outline : 0;
}
#flickrGallery {
width : 500px;
height : 334px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 10;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 40px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
font-size : 80%;
margin : 0;
margin : 2px 5px;
font-weight : bold;
color : inherit;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-size : 60%;
margin : 2px 5px;
color : #eee;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdGallery a.carouselBtn {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #222;
border : 1px solid #888;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : #b5b5b5;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : inherit;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat left center;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat left center;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat right center;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat right center;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor : pointer;
z-index : 10;
background : none;
}
.withArrows a.open:hover {
background : url('img/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
background : url('img/open.gif') no-repeat center center;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : #000;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
border : 1px solid #888;
padding : 5px;
height : 40px;
color : #fff;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : #000;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : #aaa;
}