.nav ul.nav-one { }
#news { background-color:transparent; text-align:center; position:fixed; top:80px; right:20px; left:20px; height:100px; width:100px; margin:0 auto; padding:0; }
#news p { background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; text-align:center; color:#fff; font-size:12px; line-height:18px; position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0 auto; padding-top:0; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
.selection { margin:0 50px; clear:both; z-index:0; }
.sections { background-color:transparent; position:relative; width:100%; height:100%; margin:0; padding:0; border:0; }
.section { background-color:transparent; position:relative; left:0; width:100%; height:100%; margin:0; padding:0; border:0; }
a.select { background-color:#fff; text-align:center; width:50%; height:100%; padding:0; border:0; transition:opacity 4s ease; }
a.select.one { position:absolute; top:0; left:0; margin:0; }
a.select.two { position:absolute; top:0; right:0; margin:0; }
.painting, .drawing { background-color:#fff; max-width:100%; height:100%; margin:0; padding:0; border:0; opacity:0; visibility:hidden; -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; }
.fade { -webkit-animation-name:fade; -moz-animation-name:fade; -o-animation-name:fade; animation-name:fade; -webkit-animation-duration:3s; -moz-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s; }
@-webkit-keyframes fade { 0% { opacity:0.2; } 100% { opacity:1.0; }}
@-moz-keyframes fade { 0% { opacity:0.2; } 100% { opacity:1.0; }}
@-o-keyframes fade { 0% { opacity:0.2; } 100% { opacity:1.0; }}
@keyframes fade { 0% { opacity:0.2; } 100% { opacity:1.0; }}
.active { opacity:1.0; visibility:visible; }
a.select img { background-color:#fff; max-width:100%; max-height:auto; margin:0 0 20px 0; padding:0; border:1px #ddd solid; }
a.select:focus img, a.select:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; border:1px #ddd solid; }
.sections .section a p { text-align:center; font-size:23px; line-height:23px; height:30px; border-bottom:1px #fff solid; display:inline; }
.sections .section a:focus p, .sections .section a:hover p { border-bottom:1px #333 solid; }
.chapitre span { padding-bottom:0; display:block; }

@media screen and (min-width:1025px) and (max-width:1280px) { }
@media screen and (min-width:769px) and (max-width:1024px) { 
#news { top:100px; }
.selection { margin:0 35px; }
}
@media all and (min-width: 481px) and (max-width: 768px) {
#news { top:100px; }
.selection { margin:0 20px; }
a.select { width:100%; margin:0; }
a.select.two { margin:92% 0 0 0; }
.chapitre span { padding-bottom:40px; }
#footer { display:none;}
}
@media screen and (max-width: 480px) {
#news { top:120px; }
.selection { margin:0 10px; }
a.select { width:100%; margin:0; }
a.select.two { margin:96% 0 0 0; }
.chapitre span { padding-bottom:40px; }
#footer { display:none;}
}