/* GENERAL //////////////////////////////////// */
html, body {margin:0px; padding:0px; background-color:#757C6A; overflow:hidden}
p {margin-top:4px; margin-right:0px; margin-bottom:0px; margin-left:0px}

/* (VH) MENU PRINCIPAL DU SITE  //////////////////////////////////// */
a {text-decoration:none; color:#F0BC9B; padding:2px 5px; margin:0px; padding:0px}
a:hover {text-decoration:none; color:#FFF; border: #333333; margin:0px; padding:0px}
.couleurFondMenu {background-color:#187C78}

/* NAVIGATION PAR LES PICTOS  //////////////////////////////////// */
.containerPicto {position:absolute; width:940px; height:60px; left:276px; top:90px}
.containerPicto_b {position:absolute; width:940px; height:60px; left:-293px; top:6px; text-align:right}
.containerPictopan {position:absolute; width:940px; height:60px; left:21px; top:90px}
img.pictoCadreColor {border-color:#187C78}

/* TITRES : PRINCIPAL ET SOUS-TITRE  //////////////////////////////////// */
.superHeaderVH {position:absolute; left:22px; top:5px; width:520px; height:58px; text-align:left}
.superHeaderVH_x{position:absolute; left:193px; top:-57px; width:520px; height:58px; text-align:left}
.superHeaderVH_y{position:absolute; left:183px; top:-50px; width:520px; height:58px; text-align:left}
.header {position:absolute; left:322px; top:-10px; width:520px; height:39px; text-align:left}/* left:195px*/
.titreChapeau {position:absolute; width:450px; height:32px; left:196px; top:45px; text-align:left}
.titreFamilleCeram {position:absolute; width:450px; height:32px; left:198px; top:83px; text-align:left}

/* SUPERCONTAINERs NEW  //////////////////////////////////// */
.tableContainer {width:100%; height:100%}
.tdContainer {vertical-align:middle; text-align:center}
.divSuperC {position:relative; width:800px; height:540px; text-align:left; margin:0px auto} 
.divSuperC_index {position:relative; width:400px; height:400px; text-align:left; margin:0px auto; border:1px solid #757C6A} 
.divContain_1 {position:absolute; top:0px; left:0px; width:820px; height:580px; background-color:none}

/* SUPERCONTAINERs A et B  //////////////////////////////////// */
.superContainerA {position:absolute; left:0px; top:167px; width:100%; height:550px; margin:0px; padding:0px; text-align:center}
.superContainerB {position:relative; top:0px; width:850px; height:550px; margin:auto; padding:0px}

/* SCEAU (SIGNATURE)  //////////////////////////////////// */
.sceauVH {position:absolute; width:36px; height:36px; left:680px; top:539px; z-index:300}

/* BLOC D'INFORMATION EN COL DE GAUCHE ////////////////////////////////// */
.blocInfoColG {position:absolute; width:132px; height:100px; left:0px; top:188px; text-align:left}
.blocInfoColG_maj {position:absolute; width:175px; height:120px; left:0px; top:476px; text-align:left}

/* MENU FAMILLES //////////////////////////////////// */
.navFamilleVH {position:absolute; left:668px; top:125px; width:180px; height:340px; text-align:left; color:#F1CEB8}
.navFamilleVHbas {position:absolute; left:668px; top:435px; width:180px; height:50px; text-align:left; color:#879F9E}
.navFamilleVHbbas {position:absolute; left:668px; top:384px; width:180px; height:120px; text-align:left; color:#879F9E}

/* PIECES CERAMIQUES //////////////////////////////////// */
.contain460460 {position:absolute; width:460px; height:460px; left:187px; top:31px; padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:10px; margin:0px; text-align:left}
.contain460460scroll {position:absolute; width:435px; height:440px; left:192px; top:46px; padding-top:0px; padding-right:10px; padding-bottom:0px; padding-left:10px; margin:0px; text-align:left}
.contain460460scroll_b {position:absolute; width:455px; height:440px; left:192px; top:135px; text-align:left}
.contain460460_filets {position:absolute; width:1000px; height:460px; left:187px; top:115px; border-left:1px solid white; border-top:1px solid white}
.containFilet {position:absolute; width:1000px; height:1px; left:-812px; top:-17px; border-top:1px solid #F0BC9B}
.contain450450 {position:absolute; width:450px; height:450px; left:197px; top:125px; text-align:left}
.contain400460 {position:absolute; width:400px; height:460px; left:225px; top:92px; background-color:#757C6A; text-align:center; font: 12px verdana #F0BC9B}
.copyright450 {position:absolute; width:450px; height:40px; left:0px; top:436px; text-align:left; padding-left:0px;}
.copyright450_x {position:absolute; width:450px; height:40px; left:0px; top:422px; text-align:left; padding-left:0px;}
.copyright300 {position:absolute; width:160px; height:40px; left:0px; top:407px; text-align:left; padding-left:0px;}

/* FLECHES GD (PRECEDENT-SUIVANT)  //////////////////////////////////// */
.containFleches {position:absolute; width:54px; height:35px; left:732px; top:470px; text-align:left}

/* TYPOGRAPHIE SITE >12px //////////////////////////////////// */
.titre18 {font:italic 18px Georgia, Serif; color:#F0BC9B; letter-spacing:5px; padding-bottom:5px}
.titre18_x {font:lighter small-caps 16px Helvetica, Arial, Sans-serif; color:#F0BC9B; letter-spacing:5px; padding-bottom:5px}
.titre18_Clair {font:italic 18px Georgia, Serif; color:#F0E8DE; letter-spacing:5px; padding-bottom:5px}
.titre18_Clair_b {font:small-caps 18px Helvetica, Arial, Sans-serif; color:#F0E8DE; letter-spacing:60px; padding-bottom:5px}
.titre24_space3 {font:24px Georgia, Serif; color:#F1CEB8; letter-spacing:3px; padding-bottom:5px}
.titre24_space10{font:24px Georgia, Serif; color:#F0BC9B; letter-spacing:10px}
.titre32 {font:32px/60px Georgia, Serif; color:#F0E8DE; letter-spacing:5px; padding-bottom:5px}

/* TYPOGRAPHIE <ou=12px //////////////////////////////////// */
.typoIndex_3 {font:11px Verdana, Sans-serif; color:#fff; font-variant:small-caps; letter-spacing:1px}
.typoIndex_3_x {font:11px Verdana, Sans-serif; color:#F0BC9B; font-variant:small-caps; letter-spacing:1px}
.txtMiseAJour {font:8px/13px Verdana, Sans-serif; color:#879F9E; vertical-align:2px}
.txtCopyright {font:9px/14px Verdana, Sans-serif; color:#879F9E}
.txtcourant {font:11px/18px Verdana, Sans-serif; color:#F1CEB8; text-indent:1em}
.txtcourant_b {font:11px/16px Verdana, Sans-serif; color:#F1CEB8; text-indent:0em; padding-right:10; padding-left:10}
.txtcourant_c {font:11px/18px Verdana, Sans-serif; color:#F1CEB8; text-indent:1em; padding-right:10; padding-left:10}
.txtcourant_d {font:11px/16px Verdana, Sans-serif; color:#F1CEB8; text-indent:0em; padding-right:10; padding-left:0}
.txtcourant_bold_c {font:bold 11px/18px Verdana, Sans-serif; color:#F1CEB8; padding-right:10; padding-left:10}
.txtcourant_sans {font:11px/15px Verdana, Sans-serif; color:#F1CEB8; margin-top:5px}
.txtinfo {font:11px/15px Verdana, Sans-serif; color:#F1CEB8}
.txtcourant_bold {font:bold 11px/15px Verdana, Sans-serif; color:#F1CEB8}
.txtcourant_ital {font:italic 11px/15px Verdana, Sans-serif; color:#F1CEB8}
.list {font:11px/18px Verdana, Sans-serif; color:#F1CEB8; text-indent:-32px; margin-left:41px; margin-top:5px}
.list_b {font:11px/17px Verdana, Sans-serif; color:#F1CEB8; text-indent:-32px; margin-left:41px; margin-top:5px}
.titre12_space5{font:12px Georgia, Serif; color:#F0BC9B; letter-spacing:5px}
.titre12_space5_x{ color:#F0BC9B; letter-spacing:5px}
.titreInfo {font:12px/13px Georgia, Serif; color:#F0BC9B; letter-spacing:1px}
.navSiteOff {font:12px/22px Verdana, Sans-serif; color:#F0BC9B}
.navSiteOff_menu {font:12px/22px Verdana, Sans-serif; color:#879F9E}
.navSiteOff_fleches {font:16px/22px Verdana, Sans-serif; color:#F0BC9B}
span.navSiteOff_orange {font:italic 12px/22px Verdana, Sans-serif; color:#EFA77A}
p.navSiteOff_orange {font:italic 12px/22px Verdana, Sans-serif; color:#EFA77A}

/* COULEURS TYPOGRAPHIE  //////////////////////////////////// */
span.roseCrevette {color:#F0BC9B}