body,td,th { font-family: caslon-pro-regular-webfont, Arial, Helvetica, sans-serif; overflow-y:scroll; overflow-x:auto; margin:auto; padding:0; height:100%; color:#000; background-color:#ddd ; text-align : center ;}
img { border: 0; }
@font-face {  font-family: caslon-pro-regular-webfont;  src: url(caslon-pro-regular-webfont.woff);}
div { font-family: caslon-pro-regular-webfont; }

#c5x5px { position: relative; right : 4px ; }
#d5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#e5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#f5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#g5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#h5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#i5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#j5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#k5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#l5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#m5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#n5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#o5x5px { border-radius: 8px; width: 100%; height: 100% ; }
#p5x5px { border-radius: 8px; width: 100%; height: 100% ; }

.fondbouton { position: absolute; left:0; top:0; width: 100% ; height: 100%; }
.margehaut1 { margin-top : 0.75em ; }

.bloc_listes { float: left; text-align: left; margin: 0 0.5em 0.2em 0.5em ; width: 100%; clear:both; letter-spacing : 0.06em ; /*background-color : #da5 ;*/}
.titrcv { float: left; text-align: left; margin: 0; width: 90%; font-size : 1.2em ; }

.liste_vign { margin: 3em auto 10em ; padding: 0em 1em 1em 1em ; max-width: 1300px ; width: 85% ; text-align: center; /*background-color : #da5 ;*/ }

#pano_container{ position: absolute; left:0; top:0; margin: 0 ; height : 100% ; width : 100% ; float: left; border : 0 ; background-color:#ddd ; z-index: 1; }

#blocboutons { margin: 0.5em auto 1.5em ; width: 92% ; max-width: 1400px ; letter-spacing : 0.1em ; text-align: center ; z-index: 3; /*background-color : #da5 ;*/}

.boutoni { position: relative; display: inline-block ; border : 0 ; width : 70% ; height : 2.5em ; margin: 0.2em auto 0 ; font-size: 0.8em ; font-weight: lighter; line-height: 1.0em ;text-transform: uppercase; color:#000; }
.boutont { position: relative; display: block ; vertical-align:middle ; }

.di_h1 { position:relative ; margin: 0.3em 10% 0.3em 10% ; width: 80% ; font-size : 1.3em ; /*font-family:caslon-pro-regular-webfont; */color:#000; font-size:1.2em; text-align : center ; text-transform: uppercase; letter-spacing : -0.01em ; /*background-color : #e9a ; */}
.capitales { text-transform: uppercase; }

@media only screen and (min-width: 500px) {
.boutoni { width : 13em ; }
.boutont { width : 13em ; }
}

.blocvign { position: relative; height: auto ; margin: 2em auto 0;  /*background-color : #e9a ; */}

.vignet { margin: 0 ; width : 98.9% ; border: 0 ; }
.legendPo2 { display: block ; top : 0.0em; left: 0 ; padding: 0.5em 0.5em 0 0.5em ; height : auto ; color: #000; letter-spacing: 0em ; /*font-family:caslon-pro-regular-webfont; */font-size: 1em; line-height: 1.1em ; width : 97% ; }

a {color: #339; text-decoration: none; } 
a:link {color: #339; text-decoration: none; } 
a:visited { color: #339; text-decoration: none; }
a:hover {color: #111; text-decoration: none; }
a:active { color: #111; text-decoration: none; }

.gris3 { color : #999 ; text-decoration : none ; } 
.gris3 a:link { color : #999 ; text-decoration : none ; } 
.gris3 a:visited { color : #999 ; text-decoration : none ; } 
.gris3 a:hover { color : #fff ; text-decoration : none ; } 
.gris3 a:active { color : #fff ; text-decoration : none ; } 

.gris5 { color:#fff; text-decoration: none; }
.gris5 a:link {color:#fff; text-decoration: none; font-weight:lighter ; }
.gris5 a:visited { color:#fff; text-decoration: none; }
.gris5 a:hover {color:#222; text-decoration: none;}
.gris5 a:active { color:#222; text-decoration: none; }

.gauche {text-align: left; margin: 0 0 0 0.5em ; }

.texte_rubriques { display: inline-block ; float: none ; clear: both ; margin: 0em 0em 0em 0em ; width: 90% ; text-align: center; text-transform: uppercase; font-size : 1.6em ; color: #abc ; }

.bloc_im_individuelle_4 { position : absolute ; right : -0.93em ; top : 2.2em ; margin : 0 ; width : 14em ; height : 0.2em ; letter-spacing : 0.08em ; line-height : 1.1em ; font-size : 0.7em ; z-index : 2 ; /*background-color : #9ea ;*/ } 
.melange1 { mix-blend-mode: exclusion ; }
.prec   { position : relative ; display : inline-block ; text-align: left ; font-size : 3em ; top : 0.4em ; width : 1.2em ; height : 0.1em ; font-family : serif ; } 
.retou2 { position : relative ; display : inline-block ; text-align: center ; font-size : 3em ; bottom : 0.4em ; width : 1.2em ; height : 0.1em ; font-family : serif ; } 
.suiv   { position : relative ; display : inline-block ; text-align: right ; font-size : 3em ; top : 0.4em ; width : 1.2em ; height : 0.1em ; font-family : serif ; } 

.afftext { display: none ; position : relative ; margin: 0 ; width : 2em ; height: 2em ; top : -1.5em ; right : 3em ; opacity: 0.5 ; z-index : 4 ; background-color : #aaa ; } 
.aff_text_sans_nav { display : block ; position : absolute ; top : 3.5em ; right : 4.8em ; margin : 0 ; color : #ccc ; font-size : 1em ; line-height : 1.2em ; height : 0.2em ; white-space : nowrap ; direction : rtl ; unicode-bidi : normal ; letter-spacing : 0.08em ; line-height : 1.3em ; text-align : right ; z-index : 5 ;  } 

.titre_page { display : block ; position : absolute ; top : 0.9em ; right : -2.0em ; margin : 0 ; color : #ccc ; letter-spacing : 0.01em ; font-size : 1.4em ; line-height : 1.2em ; height : 0.2em ; white-space : nowrap ; direction: ltr ; unicode-bidi : normal ; /*background-color : #e7c ;*/ } 

.nonvisib { visibility : hidden ; } 
.noms2 { font-size : 1.1em ; } 
/* _____The MIT License (MIT) Copyright (c) 2018 Kristijonas Gerdvilis__https : //github.com/krisger/MultilevelNavigationPlugin__https : //www.jqueryscript.net/menu/multi-level-expanding-navigation.html___*/
.navigation { display : inline-block ; position : absolute ; font-size : 1em ; right : 4.9em ; top : 3.8em ; margin : 0 ; width : 0px ; height : 2em ; letter-spacing : 0.08em ; line-height : 0.8em ; text-align : right ; z-index : 5 ; /*background-color : #ea7 ;*/ } 
.navigation li { list-style-type : none ; } 
.navigation li a { display : block ; } 
ul.navigation > li ul { display : none ; } 
ul.navigation li.active > a { width : 11em ; height : 3em ; right : 5em ; opacity: 0.0 ; } 

.maigre   { font-weight: lighter ; } 
.taille_police_1   { font-size : 2.2em ;  } 

.grasref { font-weight: normal ; font-size : 1.2em ; color:#000; }
.grasref a:link {color:#000; }
.grasref a:visited { color:#000; }
.grasref a:hover {color:#555; }
.grasref a:active { color:#555; }

.titre2 { font-size : 1.1em ; } 
.dimensions { font-size : 0.9em ; letter-spacing : -0.04em ; } 
.annee { font-size : 0.9em ; } 
.categorie { font-size : 0.9em ; } 
.prix { font-size : 0.9em ; }