/* ----------------------------- */
/*       Styles de base        */
/* ----------------------------- */



html, body, nav, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, p, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, [role=banner], [role=navigation] { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; border-collapse:collapse;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li { display:block; list-style:none;}

a, a img {-moz-transition: all 0.2s ease-out, opacity 0.4s ease-out,color 0.4s ease-out; -webkit-transition: all 0.2s ease-out,opacity 0.4s ease-out,color 0.4s ease-out; -o-transition: all 0.2s ease-out,opacity 0.4s ease-out,color 0.4s ease-out; transition: all 0.2s ease-out,opacity 0.4s ease-out,color 0.4s ease-out; }
a p {-moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }


body { height:100%; text-align:right; background-color:#000; background-repeat: no-repeat; background-position: center; background-attachment:fixed; background-clip:border-box; background-origin:border-box; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: Helvetica, Arial, sans-serif; margin-right:30%; font-size: 14px; color:#FFF; line-height:1; z-index:1; }
body [role=banner], body [role=navigation] { font-family: 'Allerta', Helvetica, Verdana, Arial, sans-serif;}
body [role=secondary] { position: fixed; height: 100%; width: 30%; top: 0px; right: 0px; border-left: 1em solid #FFF; background-size: auto 100%; background-origin:border-box; -moz-box-shadow: 0 0 40px black; -webkit-box-shadow: 0 0 40px black; -o-box-shadow: 0 0 40px black; box-shadow: 0 0 40px black; z-index:20;}
body.index { background-image: url(/img/bg_index_851px_DSC0423.jpg); }
body.photo, body.gallery_photo { background-image: url(/img/bg_photo_851px_DSC4163.jpg); }
body.video, body.gallery_video { background-image: url(/img/bg_video_851px_DSC0586.jpg); }
body.web, body.gallery_web { background-image: url(/img/bg_web_851px_DSC1858.jpg); }
body.more, body.gallery_more { background-image: url(/img/bg_more_851px_DSC4273.jpg); }

body.gallery_photo, body.gallery_video, body.gallery_web, body.gallery_more, body.photo, body.video, body.web, body.more { border: 0; margin: 0; padding: 0;}

ul.main_nav a { display:inline-block; }
ul.main_nav li {border-bottom: 2px solid rgba(128,128,128,0.3);  background-color:rgba(0,0,0,0.3);  background-clip:padding-box; z-index:5;}
body.gallery_photo ul.main_nav li.en_cours, body.gallery_video ul.main_nav li.en_cours, body.gallery_graphic ul.main_nav li.en_cours, body.gallery_more ul.main_nav li.en_cours {  border-bottom: 2px solid rgba(255,255,255,1);  border-top: 2px solid rgba(255,255,255,1); margin-top:-2px; z-index:10;}
body.gallery_photo ul.main_nav li.tittle, body.gallery_video ul.main_nav li.tittle, body.gallery_graphic ul.main_nav li.tittle, body.gallery_more ul.main_nav li.tittle { border-bottom: 2px solid rgba(128,128,128,0.3);  border-top: 2px solid rgba(128,128,128,0); margin-top:0px;}
body.gallery_photo ul.main_nav li.tittle.en_cours, body.gallery_video ul.main_nav li.tittle.en_cours, body.gallery_graphic ul.main_nav li.tittle.en_cours, body.gallery_more ul.main_nav li.tittle.en_cours { border-bottom: 2px solid rgba(128,128,128,0.3);  border-top: 2px solid rgba(128,128,128,0); margin-top:0px;}
ul.main_nav li:hover { z-index:5;}

[role=navigation]  ul.main_nav li.tittle { background:none; }
ul.main_nav li.tittle { border-top:0px; margin-top:0px;}
body [role=banner]  ul.main_nav li a { line-height:1em; letter-spacing: -0.12em; word-spacing:-0.1em; margin-top:0.05em;}
body [role=banner]  ul.main_nav li a span {font-size:50%; margin-bottom:4px;margin-top:-4px; letter-spacing: -0.14em;}

body.index [role=banner]  ul.main_nav a.en_cours { margin-bottom:-0.4em;}
[role=banner]  ul.main_nav a:first-child:hover  {  color:#c63; }
[role=banner]  ul.main_nav a:last-child  {  opacity:0.3;}
body.index [role=banner]  ul.main_nav li a.en_cours {font-size:70px;  color:#c63; }
body [role=banner]  ul.main_nav a:hover, body [role=banner]  ul.main_nav a:active, body [role=banner]  ul.main_nav a:focus{ overflow:visible; opacity:1;}

[role=banner]  ul.main_nav a.en_cours {margin-top:0em; overflow:visible; opacity:1;  }




[role=banner] ul.main_nav a:hover li, [role=banner] ul.main_nav a:active li, [role=banner] ul.main_nav a:focus li {  overflow:visible;}

body [role=navigation]  ul.main_nav li.tittle {font-size:40px;  padding-top:52px;}
body.index [role=navigation]  ul.main_nav li.tittle {padding-top:0px; margin-top:52px;}
body [role=navigation]  ul.main_nav li.tittle a {margin-top:-10px;}
body [role=navigation]  ul.main_nav li.tittle a {font-size:50px; margin-top:0px;}
body [role=navigation]  ul.main_nav li.tittle a.en_cours {font-size:70px;}
[role=banner] ul.main_nav li { height:0.9em; overflow:visible;} 
body.index [role=banner] ul.main_nav li { height:62px;} 
[role=banner] ul.main_nav a:first-child { opacity:1; padding-right:0.2em;}
[role=navigation] ul.main_nav li { height:52px; overflow:hidden;}
[role=navigation] ul.main_nav li.tittle  {  overflow:visible;}
[role=navigation] ul.main_nav li p {margin-top:-30px; background-color:#000; color:#fff; opacity:1;}
body [role=banner] a {  overflow:visible; }
body [role=navigation] a {  overflow:visible; }
ul.main_nav img { display:inline-block; height:54px; z-index:5; }
a, a p { display:block; text-decoration: none; color: #fff; font-weight:100; margin-bottom:0; letter-spacing:0;}


footer { margin-top:104px; }
footer img { height:52px; margin-right:-5px;}
footer section:last-child { font-style:italic; font-size:12px; color:rgba(255,255,255,0.3); background-color:rgba(0,0,0,0.3); margin-top:52px; }


[role=banner] { margin-top:0em; }

ul.main_nav li.tittle a {opacity:0.5;} 
ul.main_nav li.tittle.en_cours a {opacity:1;} 

ul.main_nav li.tittle { }
ul.main_nav li.tittle.en_cours,body.index ul.main_nav li.tittle { margin-top:0px;}

[role=navigation] a img { opacity:0.3; margin-right:-4px; }
[role=navigation] a:hover img, [role=navigation] a:focus img, [role=navigation] a:active img, [role=navigation] li.en_cours img { opacity:1;  margin-right:0px;}
[role=navigation] ul.main_nav li.en_cours a, [role=banner] ul.main_nav li.en_cours a { padding-left:0px; padding-right:0px;}
[role=navigation] li.en_cours a { opacity:1; width:100%;}
[role=navigation] li.tittle.en_cours a { width:auto;}

[role=navigation] ul.main_nav.miroir p { text-align:right; }

#aafilmstripContainer, #aafilmstrip, .aaimageContainer {height:100%; overflow-x:hidden; overflow-y:auto;}
.aaimageContainer.content {overflow:hidden;}
#aafilmstripContainer { position:absolute; top: 0px; z-index: 10; }
#aafilmstrip { position: relative; top: 0px; white-space: nowrap; text-align:right;}
.aaimageContainer { position:relative; display: inline-block; width:auto; margin:0; padding:0; margin-left:-4px; border-left:10px solid #fff; border-right:none; border-collapse:collapse; vertical-align:middle; z-index: 8; }
.aaimageContainer.content {text-align:center; padding-right:50px; padding-left:50px;}
.aaimageContainer.comments { border-right:10px solid #fff; margin-right:-4px;}
.aaimageContainer.comments {margin-right:-10px;}

ul.main_nav { font-size: 20px;}
ul.main_nav p {margin-right:16px;}

body.gallery_photo .aaimageContainer.content { background-color:#ccc; background: -moz-linea-gradient(top, #ddd, #aaa); background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa)); }
body.gallery_video .aaimageContainer.content { background-color:#ccc; background: -moz-linea-gradient(top, #777, #444); background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444)); }
body.gallery_web .aaimageContainer.content { background-color:#ccc; background: -moz-linea-gradient(top, #aaa, #777); background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#777)); }
body.gallery_more .aaimageContainer.content { background-color:#ccc; background: -moz-linea-gradient(top, #aaa, #777); background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#777)); }

body.gallery_photo .aaimageContainer.comments, body.gallery_video .aaimageContainer.comments, body.gallery_web .aaimageContainer.comments, body.gallery_more .aaimageContainer.comments { background-color:#fff; }

[role=navigation] { min-width: 400px;}
.aaimageContainer:first-child {border-left:none;}
body.gallery_photo .aaimageContainer:last-child, body.gallery_video .aaimageContainer:last-child, body.gallery_web .aaimageContainer:last-child, body.gallery_more .aaimageContainer:last-child { text-align:left; }
body.gallery_photo .aaimageContainer:last-child ul.main_nav p, body.gallery_video .aaimageContainer:last-child ul.main_nav p, body.gallery_web .aaimageContainer:last-child ul.main_nav p, body.gallery_more .aaimageContainer:last-child ul.main_nav p, body.photo .aaimageContainer:last-child ul.main_nav p, body.video .aaimageContainer:last-child ul.main_nav p, body.web .aaimageContainer:last-child ul.main_nav p, body.more .aaimageContainer:last-child ul.main_nav p { text-align:left; padding-left: 0.5em; }
.aaimageContainer:first-child, body.gallery_photo .aaimageContainer:last-child, body.gallery_video .aaimageContainer:last-child, body.gallery_web .aaimageContainer:last-child, body.gallery_more .aaimageContainer:last-child { background:none; border:none; padding:0; margin:0; z-index:10; }

.aaimageContainer.content img { position: relative; display: inline-block; margin:0; margin-top:50px; height:400px; min-height:60px; min-width:60px; background: url(/img/loading.gif) no-repeat center center; -moz-box-shadow: 0px 0px 0px 1px #666, 0px 20px 60px 0px #444; -webkit-box-shadow:0px 0px 0px 1px #666, 0px 20px 60px 0px #444; -o-box-shadow: 0px 0px 0px 1px #666, 0px 20px 60px 0px #444; box-shadow:0px 0px 0px 1px #666, 0px 20px 60px 0px #444; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}


body.gallery_web .aaimageContainer.content img {-moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.aaimageContainer ul.comments {  color:#000; text-align:left; padding-left:2em; padding-top:240px; width:22em; white-space:normal; line-height:1.5em; letter-spacing:0.1em; font-weight:100; }
.aaimageContainer ul.comments span { color:#888; font-size:85%; }


.aaimageContainer.content.first, .aaimageContainer.comments.last {-moz-box-shadow: 0px 0px 40px #000000; -webkit-box-shadow:  0px 0px 40px #000000; -o-box-shadow:  0px 0px 40px #000000; box-shadow:  0px 0px 40px #000000;}
.aaimageContainer.content.blank {-moz-box-shadow: inset 44px 0px 30px -44px #444; -webkit-box-shadow: inset 44px 0px 30px -44px #444; -o-box-shadow: inset 44px 0px 30px -44px #444; box-shadow: inset 44px 0px 30px -44px #444;}
.aaimageContainer {z-index:20;}
.aaimageContainer.first {z-index:15;}
.aaimageContainer.comments.last {z-index:14;}


body.index { background-color:none;} 

body.index #aafilmstrip { background-color:rgba(0,0,0,0.3);}
body.photo #aafilmstrip,body.video #aafilmstrip,body.web #aafilmstrip,body.more #aafilmstrip { background-color:rgba(0,0,0,0.5);}
body.gallery_photo #aafilmstrip,body.gallery_video #aafilmstrip,body.gallery_web #aafilmstrip,body.gallery_more #aafilmstrip { background-color:rgba(0,0,0,0.7);}



body.photo, body.video, body.web, body.more { overflow-x:hidden; width:100%;}
body.more div.aaimageContainer:last-child {border-left:10px solid #fff;}


body.index div.aaimageContainer:last-child { background-image:url(/img/bg_index_side_851px_DSC3369.jpg);}
body.photo div.aaimageContainer:last-child { background-image:url(/img/bg_photo_side_851px_DSC1015.jpg); }
body.video div.aaimageContainer:last-child { background-image:url(/img/bg_video_side_851px_DSC3278.jpg); }
body.web div.aaimageContainer:last-child { background-image:url(/img/bg_web_side_851px_DSC2071.jpg); }
body.more div.aaimageContainer:last-child { background-image:url(/img/bg_more_side_851px_DSC3228.jpg);  }

body.index div.aaimageContainer:last-child, body.photo div.aaimageContainer:last-child, body.video div.aaimageContainer:last-child, body.web div.aaimageContainer:last-child, body.more div.aaimageContainer:last-child {background-color:#000; background-repeat: no-repeat; background-position: center left; background-clip:border-box; background-origin:border-box; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body.index div.aaimageContainer:last-child, body.photo div.aaimageContainer:last-child, body.video div.aaimageContainer:last-child, body.web div.aaimageContainer:last-child, body.more div.aaimageContainer:last-child { background-color:#000; background-repeat: no-repeat; background-position: center left; background-clip:border-box; background-origin:border-box; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body.index div.aaimageContainer:last-child, body.photo div.aaimageContainer:last-child, body.video div.aaimageContainer:last-child, body.web div.aaimageContainer:last-child, body.more div.aaimageContainer:last-child {  box-shadow: 0 0 40px black; -moz-box-shadow: 0 0 40px black; -webkit-box-shadow: 0 0 40px black; -o-box-shadow: 0 0 40px black; z-index:30;}
body.index #aafilmstripContainer, body.photo #aafilmstripContainer, body.video #aafilmstripContainer, body.web #aafilmstripContainer, body.more #aafilmstripContainer { position:absolute; height:100%; right:0px; top:0px;}
body.index #aafilmstripContainer,body.more #aafilmstripContainer, body.photo #aafilmstripContainer, body.video #aafilmstripContainer, body.web #aafilmstripContainer { width:100%; }
body.photo ul.main_nav li,body.video ul.main_nav li,body.web ul.main_nav li,body.more ul.main_nav li { border-bottom: 2px solid rgba(128,128,128,0.3);}
body.index [role=navigation] ul.main_nav li a, body.photo [role=navigation] ul.main_nav li a, body.video [role=navigation] ul.main_nav li a, body.web [role=navigation] ul.main_nav li a, body.more [role=navigation] ul.main_nav li a { opacity:1;}

body [role=navigation] ul.main_nav li.tittle a { line-height:0.15; margin-left:10px;margin-right:10px;}





body.video [role=navigation] ul.main_nav li img:first-child { opacity:0.3; }

body.index .aaimageContainer:last-child { width:40%;}
body.index .aaimageContainer:first-child { width:60%;}
body.photo .aaimageContainer:first-child, body.video .aaimageContainer:first-child, body.web .aaimageContainer:first-child, body.more .aaimageContainer:first-child { width:70%;}
body.photo .aaimageContainer:last-child, body.video .aaimageContainer:last-child, body.web .aaimageContainer:last-child, body.more .aaimageContainer:last-child { width:30%;}




[role=navigation] ul.main_nav a:hover p, [role=navigation] ul.main_nav a:focus p, [role=navigation] ul.main_nav a:active p, [role=navigation] ul.main_nav li.en_cours p {margin-top:0px;}


body ul.main_nav li.tittle a:hover { cursor:default;}


a:hover, a:focus, a:active, a:hover p, a:focus p, a:active p, a:hover img, a:focus img, a:active img { -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }


.barrer {text-decoration:line-through; }

a.website:hover img {margin-right:5px;}



div.aaimageContainer.content.fullsize img  {margin:0; height:100%;-moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}
div.aaimageContainer.content.fullsize { padding:0px;}











@media screen and (max-height: 2000px) and (min-height: 1351px) { 
.aaimageContainer.content img {  margin-top:200px;  margin-left:200px; margin-right:200px;}
.aaimageContainer.comments ul { padding-left:1em; padding-top:400px;}
 }
 
 @media screen and (max-height: 1350px) and (min-height: 1151px) { 
.aaimageContainer.content img {  margin-top:200px;  margin-left:150px; margin-right:150px;}
.aaimageContainer.comments ul { padding-left:1em; padding-top:400px;}
 }
 
 @media screen and (max-height: 1150px) and (min-height: 851px) { 
.aaimageContainer.content img {  margin-top:200px;  margin-left:100px; margin-right:100px;}
.aaimageContainer.comments ul { padding-left:1em; padding-top:400px;}
 }
 
@media screen and (max-height: 850px) and (min-height: 751px) { 
.aaimageContainer.content img {  margin-top:200px;  margin-left:75px; margin-right:75px;}
.aaimageContainer.comments ul { padding-left:1em; padding-top:400px;}
 }

@media screen and (max-height: 750px) and (min-height: 550px) { 
.aaimageContainer.content img {  margin-top:100px; margin-left:50px; margin-right:50px; }
.aaimageContainer.comments ul { padding-left:1em; padding-top:310px;}
 }

@media screen and (min-height: 425px){
.gallery_video .aaimageContainer.comments ul, .gallery_web .aaimageContainer.comments ul, .gallery_more .aaimageContainer.comments ul {padding-top:100px;}
}

@media screen and (max-height: 425px) {
body.index [role="banner"], body [role="banner"] { margin-top: 0;}
[role=navigation] ul.main_nav { margin-top:0px; }
footer { margin-top:26px; }
.aaimageContainer.content img { padding:0px;  margin:0px; max-height:100%;  -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.aaimageContainer.comments ul { padding-left:1em; padding-top:1em;}
}

@media screen and (max-width: 425px) {
.aaimageContainer.content img { padding-left:0px; padding-right:0px; margin:0px;  max-height:100%; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
}

@media screen and (max-width: 450px) {
body.index .aaimageContainer:last-child { width:15px;}
body.index .aaimageContainer:first-child { width:auto;}
body.photo .aaimageContainer:last-child, body.video .aaimageContainer:last-child, body.web .aaimageContainer:last-child, body.more .aaimageContainer:last-child { width:15px;}
body.photo .aaimageContainer:first-child, body.video .aaimageContainer:first-child, body.web .aaimageContainer:first-child, body.more .aaimageContainer:first-child { width:auto;}
}

@media screen and (max-width: 600px) and (min-width: 451px) {
body.index .aaimageContainer:last-child { width:20%;}
body.index .aaimageContainer:first-child { width:80%;}
body.photo .aaimageContainer:last-child, body.video .aaimageContainer:last-child, body.web .aaimageContainer:last-child, body.more .aaimageContainer:last-child { width:10%;}
body.photo .aaimageContainer:first-child, body.video .aaimageContainer:first-child, body.web .aaimageContainer:first-child, body.more .aaimageContainer:first-child { width:90%;}
}

@media screen and (max-width: 800px) and (min-width: 601px) {
body.index .aaimageContainer:last-child { width:25%;}
body.index .aaimageContainer:first-child { width:75%;}
body.photo .aaimageContainer:last-child, body.video .aaimageContainer:last-child, body.web .aaimageContainer:last-child, body.more .aaimageContainer:last-child { width:15%;}
body.photo .aaimageContainer:first-child, body.video .aaimageContainer:first-child, body.web .aaimageContainer:first-child, body.more .aaimageContainer:first-child { width:85%;}
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
body.index .aaimageContainer:last-child { width:30%;}
body.index .aaimageContainer:first-child { width:70%;}
body.photo .aaimageContainer:last-child, body.video .aaimageContainer:last-child, body.web .aaimageContainer:last-child, body.more .aaimageContainer:last-child { width:20%;}
body.photo .aaimageContainer:first-child, body.video .aaimageContainer:first-child, body.web .aaimageContainer:first-child, body.more .aaimageContainer:first-child { width:80%;}
}




@media screen and (min-height: 851px) {
body.index { background-image: url(/img/bg_index_DSC0423.jpg); }
body.photo, body.gallery_photo { background-image: url(/img/bg_photo_DSC4163.jpg); }
body.video, body.gallery_video { background-image: url(/img/bg_video_DSC0586.jpg); }
body.web, body.gallery_web { background-image: url(/img/bg_web_DSC1858.jpg); }
body.more, body.gallery_more { background-image: url(/img/bg_more_DSC4273.jpg); }
body.index div.aaimageContainer:last-child { background-image:url(/img/bg_index_side_DSC3369.jpg);}
body.photo div.aaimageContainer:last-child { background-image:url(/img/bg_photo_side_DSC1015.jpg); }
body.video div.aaimageContainer:last-child { background-image:url(/img/bg_video_side_DSC3278.jpg); }
body.web div.aaimageContainer:last-child { background-image:url(/img/bg_web_side_DSC2071.jpg); }
body.more div.aaimageContainer:last-child { background-image:url(/img/bg_more_side_DSC3228.jpg); }
}

@media screen and (max-height: 851px) {
body.index { background-image: url(/img/bg_index_851px_DSC0423.jpg); }
body.photo, body.gallery_photo { background-image: url(/img/bg_photo_851px_DSC4163.jpg); }
body.video, body.gallery_video { background-image: url(/img/bg_video_851px_DSC0586.jpg); }
body.web, body.gallery_web { background-image: url(/img/bg_web_851px_DSC1858.jpg); }
body.more, body.gallery_more { background-image: url(/img/bg_more_851px_DSC4273.jpg); }
body.index div.aaimageContainer:last-child { background-image:url(/img/bg_index_side_851px_DSC3369.jpg);}
body.photo div.aaimageContainer:last-child { background-image:url(/img/bg_photo_side_851px_DSC1015.jpg); }
body.video div.aaimageContainer:last-child { background-image:url(/img/bg_video_side_851px_DSC3278.jpg); }
body.web div.aaimageContainer:last-child { background-image:url(/img/bg_web_side_851px_DSC2071.jpg); }
body.more div.aaimageContainer:last-child { background-image:url(/img/bg_more_side_851px_DSC3228.jpg); }
}

@media screenand (max-height: 681px) {
body.index { background-image: url(/img/bg_index_681px_DSC0423.jpg); }
body.photo, body.gallery_photo { background-image: url(/img/bg_photo_681px_DSC4163.jpg); }
body.video, body.gallery_video { background-image: url(/img/bg_video_681px_DSC0586.jpg); }
body.web, body.gallery_web { background-image: url(/img/bg_web_681px_DSC1858.jpg); }
body.more, body.gallery_more { background-image: url(/img/bg_more_681px_DSC4273.jpg); }
body.index div.aaimageContainer:last-child { background-image:url(/img/bg_index_side_681px_DSC3369.jpg);}
body.photo div.aaimageContainer:last-child { background-image:url(/img/bg_photo_side_681px_DSC1015.jpg); }
body.video div.aaimageContainer:last-child { background-image:url(/img/bg_video_side_681px_DSC3278.jpg); }
body.web div.aaimageContainer:last-child { background-image:url(/img/bg_web_side_681px_DSC2071.jpg); }
body.more div.aaimageContainer:last-child { background-image:url(/img/bg_more_side_681px_DSC3228.jpg); }

}


@media screen and (max-height: 510px) {
body.index { background-image: url(/img/bg_index_510px_DSC0423.jpg); }
body.photo, body.gallery_photo { background-image: url(/img/bg_photo_510px_DSC4163.jpg); }
body.video, body.gallery_video { background-image: url(/img/bg_video_510px_DSC0586.jpg); }
body.web, body.gallery_web { background-image: url(/img/bg_web_510px_DSC1858.jpg); }
body.more, body.gallery_more { background-image: url(/img/bg_more_510px_DSC4273.jpg); }
body.index div.aaimageContainer:last-child { background-image:url(/img/bg_index_side_510px_DSC3369.jpg);}
body.photo div.aaimageContainer:last-child { background-image:url(/img/bg_photo_side_510px_DSC1015.jpg); }
body.video div.aaimageContainer:last-child { background-image:url(/img/bg_video_side_510px_DSC3278.jpg); }
body.web div.aaimageContainer:last-child { background-image:url(/img/bg_web_side_510px_DSC2071.jpg); }
body.more div.aaimageContainer:last-child { background-image:url(/img/bg_more_side_510px_DSC3228.jpg); }
}

@media screen and (max-height: 340px) {
body.index { background-image: url(/img/bg_index_340px_DSC0423.jpg); }
body.photo, body.gallery_photo { background-image: url(/img/bg_photo_340px_DSC4163.jpg); }
body.video, body.gallery_video { background-image: url(/img/bg_video_340px_DSC0586.jpg); }
body.web, body.gallery_web { background-image: url(/img/bg_web_340px_DSC1858.jpg); }
body.more, body.gallery_more { background-image: url(/img/bg_more_340px_DSC4273.jpg); }
body.index div.aaimageContainer:last-child { background-image:url(/img/bg_index_side_340px_DSC3369.jpg);}
body.photo div.aaimageContainer:last-child { background-image:url(/img/bg_photo_side_340px_DSC1015.jpg); }
body.video div.aaimageContainer:last-child { background-image:url(/img/bg_video_side_340px_DSC3278.jpg); }
body.web div.aaimageContainer:last-child { background-image:url(/img/bg_web_side_340px_DSC2071.jpg); }
body.more div.aaimageContainer:last-child { background-image:url(/img/bg_more_side_340px_DSC3228.jpg); }
}