@charset "UTF-8";

body { background: #222222; margin: 0px auto; padding: 0px; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 14px; text-align: center; }

h1 { color: #CCCCCC; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; margin: 0px; line-height: 30px; text-align: center; padding: 0px; }
h2 { color: #999999; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; margin: 0px; line-height: 20px; text-align: center; padding: 0px; }
p { color: #FFFFFF; font-size: 14px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; margin: 0px; line-height: 20px; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 6px; -webkit-text-size-adjust: none; }

a img { border: none; vertical-align: middle; }
a:link, a:visited, a:active { text-decoration: none; color: #0066FF; }

/*Baseline*/
.baselinebox { position: absolute; top: 0px; left: 0px; right: 0px; width: auto; min-width: 1000px; height: 120px;
background: #567d93;
background-image: -webkit-linear-gradient(#093a50, #0c628c), -webkit-linear-gradient(#6996ab, #6996ab), -webkit-linear-gradient(#567d93, #567d93), -webkit-linear-gradient(#4f7687, #4f7687), -webkit-linear-gradient(#406476, #406476); 
background-image: -o-linear-gradient(#093a50, #0c628c), -o-linear-gradient(#6996ab, #6996ab), -o-linear-gradient(#567d93, #567d93), -o-linear-gradient(#4f7687, #4f7687), -o-linear-gradient(#406476, #406476); 
background-image: -moz-linear-gradient(#093a50, #0c628c), -moz-linear-gradient(#6996ab, #6996ab), -moz-linear-gradient(#567d93, #567d93), -moz-linear-gradient(#4f7687, #4f7687), -moz-linear-gradient(#406476, #406476); 
background-image: linear-gradient(#093a50, #0c628c), linear-gradient(#6996ab, #6996ab), linear-gradient(#567d93, #567d93), linear-gradient(#4f7687, #4f7687), linear-gradient(#406476, #406476); 
background-position: 0px 0px, 0px 90px, 0px 91px, 0px 105px, 0px 119px;
background-size: 100% 90px, 100% 1px, 100% 14px, 100% 14px, 100% 1px; 
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
box-shadow: 0px 0px 4px 1px #222222; -webkit-box-shadow: 0px 0px 4px 1px #222222; } 

.topadd { position: relative; top: 0px; width: 728px; height: 90px; margin-left: auto; margin-right: auto; overflow: hidden; background-image: url(/site/photosvoyages-fond-728.png); }

.logo { position: absolute; top: 90px; left: 0px; width: 210px; height: 30px; border: 0px; background-image: url(/site/photosvoyages-logo.png); }
.menubar { position: relative; top: 1px; width: 564px; height: 28px; margin-left: auto; margin-right: auto; text-align: left; border-top: 0px; border-bottom: 0px; border-left: 1px; border-right: 1px; border-style: solid; border-left-color: #44677a; border-right-color: #7699ac; }
.menuright { position: absolute; top: 91px; right: 0px; width: 43px; height: 28px; border-top: 0px; border-bottom: 0px; border-left: 1px; border-right: 0px; border-style: solid; border-left-color: #44677a; }

.btn { position: relative; display: inline-block; width: 92px; height: 28px; color: #222222; text-align: center; line-height: 28px; font-size: 14px; font-style: normal; font-weight: bold; font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; margin: 0px; padding: 0px; border-top: 0px; border-bottom: 0px; border-left: 1px; border-right: 1px; border-style: solid; border-left-color: #7699ac; border-right-color: #44677a; }
.btn:link, .btn:visited { text-decoration: none; color: #222222; }
.btn:hover, .btn:focus, .btn:active { text-decoration: none; color: #FFDE00; text-shadow: 0px 0px 7px #FFFFFF; }

.btnon { position: relative; display: inline-block; width: 92px; height: 28px; color: #FFDE00; text-align: center; line-height: 28px; font-size: 14px; font-style: normal; font-weight: bold; font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; margin: 0px; padding: 0px; border-top: 0px; border-bottom: 0px; border-left: 1px; border-right: 1px; border-style: solid; border-left-color: #455e6a; border-right-color: #608297; text-shadow: 0px 0px 5px #D0D0D0; background-color: #4b7285; box-shadow: 0px -1px 0px 0px #578094, 0px 1px 0px 0px #3f6377 ; -webkit-box-shadow: 0px -1px 0px 0px #578094, 0px 1px 0px 0px #3f6377; }
.btnon:link, .btnon:visited { text-decoration: none; color: #FFDE00; }
.btnon:hover, .btnon:focus, .btnon:active { text-decoration: none; color: #FFDE00; text-shadow: 0px 0px 7px #FFFFFF; }

.btnsearch { position: absolute; right: 0px; top: 0px; width: 42px; height: 28px; margin: 0px; padding: 0px; border-top: 0px; border-bottom: 0px; border-left: 1px; border-right: 0px; border-style: solid; border-left-color: #7699ac; background-image: url(/site/loupe.png); }
.btnsearch:hover, .btnsearch:focus, .btnsearch:active { background-image: url(/site/loupe-r.png); }
.btnsearchon { position: absolute; right: 0px; top: 0px; width: 42px; height: 28px; margin: 0px; padding: 0px; border-top: 0px; border-bottom: 0px; border-left: 1px; border-right: 0px; border-style: solid; border-left-color: #455e6a; background-color: #4b7285; background-image: url(/site/loupe-r.png); }

.socialboxpos { position: absolute; top: 0px; width: 100%; border: 0px; min-width: 1000px; }
.socialbox { position: absolute; top: 91px; right: 44px; width: 173px; height: 28px; margin-right: 0px; margin: 0px; padding: 0px; border: 0px; background-image: url(https://www.photoway.com/site/socialset.png); background-repeat: no-repeat; }
.socialfb { position: absolute; right: 127px; top: 95px; width: 59px; height: 20px; border: 0px; margin-left: 0px; margin-right: 3%; margin-top: 0px; margin-bottom: 0px; text-align: left; z-index: 9999; }
.socialtw { position: absolute; right: 66px; top: 95px; width: 66px; height: 20px; border: 0px; margin-left: 0px; margin-right: 2%; margin-top: 0px; margin-bottom: 0px; text-align: left; z-index: 9999; }
.socialpo { position: absolute; right: 36px; top: 95px; width: 32px; height: 20px; border: 0px; margin-left: 0px; margin-right: 1%; margin-top: 0px; margin-bottom: 0px; text-align: left; z-index: 9999; }


.bodybox { position: absolute; top: 120px; bottom: 0px; left: 0px; right: 0px; height: auto; min-height: 630px; max-height: 840px; width: auto; min-width: 1000px; vertical-align: middle; margin: 0px; padding: 0px; }

.htitle { position: absolute; top: 15%; left: 130px; right: 130px; width: auto; margin-left: 0px; margin-right: 0px; margin-top: -94px; margin-bottom: 0px; height: 30px; border: 0px; padding: 0px; }
.vtitle { position: absolute; top: 2%; left: 130px; right: 130px; width: auto; margin-left: 0px; margin-right: 0px; margin-top: -15px; margin-bottom: 0px; height: 30px; border: 0px; padding: 0px; }
.ptitle { position: absolute; top: 15%; left: 130px; right: 130px; width: auto; margin-left: 0px; margin-right: 0px; margin-top: -15px; margin-bottom: 0px; height: 30px; border: 0px; padding: 0px; }

.htopspacer { position: relative; top: 0px; left: 0px; right: 0px; height: 21%; min-height: 120px; max-height: 300px; border: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: -125px; }
.vtopspacer { position: relative; top: 0px; left: 0px; right: 0px; height: 15%; min-height: 120px; max-height: 300px; border: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: -125px; }
.ptopspacer { position: relative; top: 0px; left: 0px; right: 0px; height: 21%; min-height: 120px; max-height: 300px; border: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: -125px; }

.hphotoframe { position: relative; top: 22px; width: 60%; max-width: 720px; min-width: 600px; height: auto; max-height: 480px; min-height: 400px; padding: 0px; border: 10px; border-style: solid; border-color: #E8E8E8; margin: 0px auto; z-index: -1; }
.vphotoframe { position: relative; top: 32px; height: 90%; max-height: 720px; min-height: 540px; width: auto; max-width: 480px; min-width: 360px; padding: 0px; border: 10px; border-style: solid; border-color: #E8E8E8; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; z-index: -1; }
.pphotoframe { position: relative; top: 112px; width: 60%; max-width: 720px; min-width: 600px; height: auto; max-height: 300px; min-height: 250px; padding: 0px; border: 10px; border-style: solid; border-color: #E8E8E8; margin: 0px auto; z-index: -1; }

.htextblock { position: relative; top: 0px; width: 740px; height: auto; min-height: 20px; margin-left: auto; margin-right: auto; margin-top: 3%; margin-bottom: 0px; border: 0px; padding: 0px; }
.vtextblock { position: absolute; bottom: 40%; left: 15%; right: 55%; margin-left: -140px; margin-right: 210px; margin-top: 0px; margin-bottom: -210px; width: auto; max-width: 500px; height: auto; min-height: 80px; max-height: 40%; border: 0px; padding: 0px; }
.ptextblock { position: relative; top: 95px; width: 740px; height: auto; min-height: 20px; margin-left: auto; margin-right: auto; margin-top: 3%; margin-bottom: 0px; border: 0px; padding: 0px; }

.counter { position: absolute; top: 10px; right: 10px; width: 120px; height: auto; max-height: 60px; margin: 0px; text-align: center; border: 0px; padding: 0px; overflow: hidden; }
.chapitre { position: absolute; top: 21%; left: 85%; width: 130px; height: 20px; margin-left: 10px; margin-right: 0px; margin-top: 210px; margin-bottom: 0px; color: #FEBE2B; font-size: 11px; font-family: Verdana, Geneva, sans-serif; line-height: 20px; text-align: center; }

.desthome { position: absolute; top: 10px; left: 15px; width: 50px; height: 50px; margin: 0px; opacity: 0.3; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.desthome:hover { opacity: 1.0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.desthome:active { margin-top: 2px; margin-left: 2px; margin-right: 0px; margin-bottom: 0px; }

.flprevphoto { position: absolute; top: 21%; right: 85%; width: 50px; height: 100px; margin-left: 0px; margin-right: 95px; margin-top: 97px; margin-bottom: 0px; opacity: 0.2; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.flprevphoto:hover { opacity: 0.8; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.flprevphoto:active { margin-right: 93px; margin-left: 0px; margin-top: 97px; margin-bottom: 0px; }

.flnextphoto { position: absolute; top: 21%; left: 85%; width: 50px; height: 100px; margin-left: 95px; margin-right: 0px; margin-top: 97px; margin-bottom: 0px; opacity: 0.2; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.flnextphoto:hover { opacity: 0.8; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; }
.flnextphoto:active { margin-left: 93px; margin-right: 0px; margin-top: 97px; margin-bottom: 0px; }
 
.hlowad, .plowad { position: absolute; top: 21%; left: 80%; width: 120px; height: 240px; margin-left: 15px; margin-right: 0px; margin-top: -50px; margin-bottom: 0px; padding: 0px; border: 0px; }
.vlowad { position: absolute; top: 21%; right: 35%; width: 200px; height: 200px; margin-left: 0px; margin-right: -310px; margin-top: 280px; margin-bottom: 0px; padding: 0px; border: 0px; }