/** * Slideshow style rules. */ #slideshow { margin:0 auto; width:100%; height:100%; position:absolute; } #slideshow #slidesContainer { margin:0 auto; width:100%; height:100%; overflow:hidden; position:absolute; bottom:0px; left:0px; } #slideshow #slidesContainer .slide { text-align:center; margin:0px auto; width:100%; height:100%; position:relative; } /** * Slideshow controls style rules. */ .control { display:block; width:300px; height:300px; text-indent:-10000px; position:absolute; cursor: pointer; } #navDiapo{ display:block; width:20px; height:20px; position:absolute; right:25px; bottom:10px; cursor:pointer; } /**** #leftControl {position:absolute; top:31%; left:5%; background:transparent url(../img/blackl.png) no-repeat 0 0; z-index:100;} #leftControl:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/yellowl.png) no-repeat 0 0; z-index:100;} #rightControl {position:absolute; top:31%; right:5%; background:transparent url(../img/black.png) no-repeat 0 0; z-index:100;} #rightControl:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/yellow.png) no-repeat 0 0; z-index:100;} ARTCOM CONTROL****/ #leftControlA {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-art.png) no-repeat 0 0; z-index:100;} #leftControlA:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-art-02.png) no-repeat 0 0; z-index:100;} #rightControlA {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-art.png) no-repeat 0 0; z-index:100;} #rightControlA:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-art-02.png) no-repeat 0 0; z-index:100;} /****T2 CONTROL****/ #leftControlT2 {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-contact2_0.png) no-repeat 0 0; z-index:100;} #leftControlT2:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-contact2_0-02.png) no-repeat 0 0; z-index:100;} #rightControlT2 {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-contact2_0.png) no-repeat 0 0; z-index:100;} #rightControlT2:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-contact2_0-02.png) no-repeat 0 0; z-index:100;} /****BG CONTROL****/ #leftControlBG {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-bg.png) no-repeat 0 0; z-index:100;} #leftControlBG:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-bg-02.png) no-repeat 0 0; z-index:100;} #rightControlBG {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-bg.png) no-repeat 0 0; z-index:100;} #rightControlBG:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-bg-02.png) no-repeat 0 0; z-index:100;} /***REIMS CONTROL****/ #leftControlR {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-reims.png) no-repeat 0 0; z-index:100;} #leftControlR:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-reims-02.png) no-repeat 0 0; z-index:100;} #rightControlR {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-reims.png) no-repeat 0 0; z-index:100;} #rightControlR:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-reims-02.png) no-repeat 0 0; z-index:100;} /***YSM CONTROL****/ #leftControlY {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-ysm.png) no-repeat 0 0; z-index:100;} #leftControlY:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-ysm-02.png) no-repeat 0 0; z-index:100;} #rightControlY {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-ysm.png) no-repeat 0 0; z-index:100;} #rightControlY:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-ysm-02.png) no-repeat 0 0; z-index:100;} /***mm CONTROL****/ #leftControlM {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-murmure.png) no-repeat 0 0; z-index:100;} #leftControlM:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-murmure-02.png) no-repeat 0 0; z-index:100;} #rightControlM {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-murmure.png) no-repeat 0 0; z-index:100;} #rightControlM:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-murmure-02.png) no-repeat 0 0; z-index:100;} /***levis CONTROL****/ #leftControlVL {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-levis.png) no-repeat 0 0; z-index:100;} #leftControlVL:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-levis-02.png) no-repeat 0 0; z-index:100;} #rightControlVL {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-levis.png) no-repeat 0 0; z-index:100;} #rightControlVL:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-levis-02.png) no-repeat 0 0; z-index:100;} /****CV CONTROL****/ #leftControlCV {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-carte.png) no-repeat 0 0; z-index:100;} #leftControlCV:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-carte-02.png) no-repeat 0 0; z-index:100;} #rightControlCV {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-carte.png) no-repeat 0 0; z-index:100;} #rightControlCV:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-carte-02.png) no-repeat 0 0; z-index:100;} /****ECHE CONTROL****/ #leftControlEC {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-echelle.png) no-repeat 0 0; z-index:100;} #leftControlEC:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-echelle-02.png) no-repeat 0 0; z-index:100;} #rightControlEC {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-echelle.png) no-repeat 0 0; z-index:100;} #rightControlEC:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-echelle-02.png) no-repeat 0 0; z-index:100;} /****DECH CONTROL****/ #leftControlDE {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-dechire.png) no-repeat 0 0; z-index:100;} #leftControlDE:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-dechire-02.png) no-repeat 0 0; z-index:100;} #rightControlDE {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-dechire.png) no-repeat 0 0; z-index:100;} #rightControlDE:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-dechire-02.png) no-repeat 0 0; z-index:100;} /****PORTR CONTROL****/ #leftControlPO {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-portraits.png) no-repeat 0 0; z-index:100;} #leftControlPO:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-portraits-02.png) no-repeat 0 0; z-index:100;} #rightControlPO {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-portraits.png) no-repeat 0 0; z-index:100;} #rightControlPO:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-portraits-02.png) no-repeat 0 0; z-index:100;} /****TYPO CONTROL****/ #leftControlLOK {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-typolok.png) no-repeat 0 0; z-index:100;} #leftControlLOK:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-typolok-02.png) no-repeat 0 0; z-index:100;} #rightControlLOK {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-typolok.png) no-repeat 0 0; z-index:100;} #rightControlLOK:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-typolok-02.png) no-repeat 0 0; z-index:100;} /****POCH CONTROL****/ #leftControlSD {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-pochoirs.png) no-repeat 0 0; z-index:100;} #leftControlSD:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-pochoirs-02.png) no-repeat 0 0; z-index:100;} #rightControlSD {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-pochoirs.png) no-repeat 0 0; z-index:100;} #rightControlSD:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-pochoirs-02.png) no-repeat 0 0; z-index:100;} /****LIGHT CONTROL****/ #leftControlLI {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-light.png) no-repeat 0 0; z-index:100;} #leftControlLI:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-light-02.png) no-repeat 0 0; z-index:100;} #rightControlLI {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-light.png) no-repeat 0 0; z-index:100;} #rightControlLI:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-light-02.png) no-repeat 0 0; z-index:100;} /****FACAD CONTROL****/ #leftControlFA {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-facades.png) no-repeat 0 0; z-index:100;} #leftControlFA:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-facades-02.png) no-repeat 0 0; z-index:100;} #rightControlFA {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-facades.png) no-repeat 0 0; z-index:100;} #rightControlFA:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-facades-02.png) no-repeat 0 0; z-index:100;} /****PYROOO CONTROL****/ #leftControlPY {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-pyro.png) no-repeat 0 0; z-index:100;} #leftControlPY:hover {position:absolute; top:31%; left:5%; background:transparent url(../img/prec-pyro-02.png) no-repeat 0 0; z-index:100;} #rightControlPY {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-pyro.png) no-repeat 0 0; z-index:100;} #rightControlPY:hover {position:absolute; top:31%; right:5%; background:transparent url(../img/suiv-pyro-02.png) no-repeat 0 0; z-index:100;} /** * Style rules for Demo page */ * { margin:0; padding:0; color:#ccc; border:none; } @font-face { font-family: texgyreadventor-regular; src: url("../typo/texgyreadventor-regular.otf"); src: local("../typo/texgyreadventor-regular"), local("../typo/texgyreadventor-regular"), url("../typo/texgyreadventor-regular.otf") format("opentype"), url("../typo/texgyreadventor-regular.woff") format("woff"), url("../typo/texgyreadventor-regular#texgyreadventor 500") format("svg"); } * {font: 17px texgyreadventor-regular, Verdana, Helvetica, Arial lighter; color:#666666;} a { color:#808080; text-decoration:none; } .eeee:hover { color:#FFFFFF; } body { background-color:#CBCBCB; } #pageContainer { width:100%; height:100%; } .slide img{ float:right; } .rrrrr {font-size:13px; color:#999999;} .rrrrr:hover {color:#B3071B;}