@import url(//fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);

/* first for IE 4–8 */
@font-face {
  font-family: NewsGothicWeb;
  src: url("../fonts/n015003tWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: NewsGothicWeb;
  src: url("../fonts/n015003tWeb.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: NewsGothicWebBold;
  src: url("../fonts/n015004tWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: NewsGothicWebBold;
  src: url("../fonts/n015004tWeb.woff") format("woff");
}

/* animation */
@keyframes nav
{
from {background-color:#333333}
to {background-color:#ca352a}
}

@-webkit-keyframes nav /* Safari and Chrome */
{
from {background-color:#333333}
to {background-color:#ca352a}
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, sup,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{height:100%}
body{height:100%;font-size:100%;font-family:"NewsGothicWeb", sans-serif;color:#323232;line-height:16px;}
a{text-decoration:none;color:#a84039;}
a:hover, a:focus{text-decoration:underline;}
h1, #header .hgroup span, .periodetitre {font-size:2.813em;font-family:"NewsGothicWebBold", sans-serif;line-height:45px}
h2{font-size:1.125em;font-family:"NewsGothicWebBold", sans-serif;line-height:18px}
h3{}
.media{/*line-height:0*/}
article header{font-family:"NewsGothicWebBold", sans-serif;}
article header h2{font-family:"NewsGothicWeb", sans-serif;font-size:2.3em;font-weight:normal;padding-top:10px!important}
article header h1 div.h2 {font-family:"NewsGothicWeb", sans-serif;font-size:0.925em; /*2.3em;*/font-weight:normal;padding-top:10px!important; color: #323232; line-height: 0.925em; }

/* PAGE */
#page{min-width:700px;height:100%;}

/* XITI */
#xiti{position:fixed;}

/* HEADER */
#header{background-color:white;height:50px;position:fixed;left:0;top:0;width:100%;z-index:1000;}
#header .hgroup{float:left;padding:0 2%;}
#header .hgroup span{font-size:1.188em;height:50px;line-height:50px;}
#header .hgroup span a{color:black;}
#header .hgroup span a:hover{text-decoration:none}
#header .logo a, #header .logo span{display:block;background:url(../medias/chrono/inrap-logo.png) no-repeat center center;width:70px;height:50px;text-indent:-1000px;overflow:hidden;float:right;margin-right:2%}

/* FOOTER */
.footer_reseaux{min-height:41px;line-height:41px;background-color:#f3f2f1;position:fixed;bottom:0;left:0;width:100%;color:#828282;font-size:0.875em;z-index:1000;}
.footer_reseaux a{color:#828282;}
.footer_reseaux a:hover, 
.footer_reseaux a:focus{color:black;text-decoration:none;}
.footer_reseaux ul li{float:left;}
.footer_reseaux .menu_n1{float:left;padding-right:20px;}
.footer_reseaux .info ul li{padding-left:20px}
.footer_reseaux .tools{float:right;padding:0 25px 0 15px;}
.footer_reseaux .logo{float:left;font-family:"NewsGothicWebBold", sans-serif;padding:0 25px 0 25px;}
.footer_reseaux .logo a{display:block;float:left;}
.footer_reseaux .logo .res_home{background:url(../medias/chrono/pictoHome.png) no-repeat left center;height:40px;width:26px;margin-right:15px;}
.footer_reseaux .logo span {display:none;}
.footer_reseaux .tools a{display:block;background:url(../medias/atlas/footer-links-sprite.png) no-repeat -15px top;width:41px;height:41px;text-indent:-1000px;overflow:hidden;}
.footer_reseaux .tools .share_twitter a{background-position:-60px top}
.footer_reseaux .tools .share_youtube a{background-position:-100px top;width:70px}
.footer_reseaux .tools .share_tumblr a{background-position:-170px top;}
.footer_reseaux .tools .creative a{background-position:-210px top;width:105px;margin-left:35px}
.footer_reseaux .addthis {float:right;background:url(../medias/picto_partager.png) no-repeat 0 center;cursor:pointer;padding-right:10px;margin-left:15px;}
/*.footer_reseaux .addthis_button_compact span {background:none;}*/
.footer_reseaux .addthis li {/*position:relative;*/}
.footer_reseaux .addthis .share {padding-left:25px;}
.footer_reseaux .addthis_sharing_toolbox {display:none;position:absolute;left:0;bottom:0;background-color:#f3f2f1;height:35px;padding:5px;z-index:2000}
/*.footer_reseaux .addthis_toolbox {margin:0; float:none;}
#at15s.atm {position:fixed !important; bottom:40px !important; top:auto !important;}*/

/* FICHE CHRONO */
.auteur{padding-top:15px}
#menu_rubriques li{padding-bottom:5px}

#nav-links{position:absolute;right:0;top:51px;z-index:50}
#nav-links li{position:relative;height:67px;width:67px}
#nav-links a, #nav-links a:active, #nav-links a.act{}
#nav-links .close a{background:
#e3e1cb url(../medias/atlas/chantier-link-sprite.png) no-repeat right 0;width:68px;font-size:1.125em;font-family:"NewsGothicWebBold", sans-serif;color:#ca352a;display:block;line-height:67px;padding:0;text-align:right;text-indent:260px;}
#nav-links .close a:hover{width:68px;overflow:hidden;padding:0 0 0 0;}
#nav-links .print a{background:
#e3e1cb url(../medias/chrono/picto_print.png) no-repeat right -65px;width:68px;height:67px;font-size:1.125em;font-family:"NewsGothicWebBold", sans-serif;color:#ca352a;display:block;line-height:67px;padding:0;text-align:right;text-indent:260px;overflow:hidden;}
#nav-links .print a:hover{background-position:right 0px;background-color:white!important}

#fiche{min-height:100%;position:absolute;z-index:990;background:white;font-size:100%;}
#fiche .texte ul{padding-left:20px;list-style-type:disc;}
#fiche-content{}
.fiche-content{background:transparent!important;border-top:1px solid black;margin-top:50px;padding:10px 140px 70px 55px;width:485px;}
.fiche-content b,
.img-descr strong, .fiche-content strong{font-family:"NewsGothicWebBold", sans-serif;}
.img-descr sup, .fiche-content sup{vertical-align:super;line-height:8px;font-size:0.778em}
.img-descr i,
.fiche-content i,
.img-descr em,
.fiche-content em{font-style:italic}
#fiche h2{padding-top:20px;}
#fiche div.h2{padding-top:20px; }
#fiche h1{clear:both;padding-top:10px}
#fiche section{clear:both;width:100%;overflow:hidden}
#fiche header{padding-bottom:40px;}
.addthis_toolbox{margin-top:10px;float:right}
.addthis_toolbox a{display:inline-block;vertical-align:middle}
#fiche article{line-height:20px;font-size:1em;font-family:'Roboto', sans-serif}
#fiche aside{width:170px;font-size:1em;position:absolute;left:-210px;top:0;padding:0 20px;min-height:100%;}
#fiche .aside-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;z-index:5;}
#fiche aside a{color:white}
#fiche aside ul{padding-top:115px;position:relative;z-index:10;font-size:0.9em;font-weight:700;font-family:'Roboto', sans-serif}
#fiche aside li{color:black;padding-bottom:10px}
#fiche aside dd{padding-bottom:10px;}
#fiche aside dt{font-family:"NewsGothicWebBold", sans-serif;border-top:1px solid #c6c4b1;padding-top:10px}
#fiche aside .copyright{position:absolute;bottom:70px;left:20px;color:white;z-index:10}
#fiche-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#323232;opacity:0.95;z-index:899;display:none;}

#fiche-links{position:absolute;right:0;top:51px;z-index:50;font-size:1.125em;font-family:"NewsGothicWebBold", sans-serif;}
#fiche-links a, #fiche-links a:active, #fiche-links a.act{width:68px;color:#ca352a;display:block;height:67px;padding:0;background:
#e3e1cb url(../medias/atlas/picto-sprite.png) no-repeat right 0;text-align:right;overflow:hidden;vertical-align:middle}
#fiche-links .link-map a{background:
#e3e1cb url(../medias/atlas/chantier-link-sprite.png) no-repeat right 0;width:68px;font-size:1.125em;font-family:"NewsGothicWebBold", sans-serif;color:#ca352a;display:block;line-height:67px;padding:0;text-align:right;text-indent:260px;}
#fiche-links a div{position:absolute;right:-328px;height:67px;width:212px;padding:0 20px;background-color:#ca352a;display:inline-block;line-height:67px;vertical-align:middle}
#fiche-links a div span{display:inline-block;line-height:normal}
#fiche-links a:hover{text-decoration:none;color:#e3e1cb;background-color:#ca352a;}
#fiche-links a.act{text-decoration:none;color:#e3e1cb;background-color:#ca352a;background-image:url(../medias/atlas/picto-sprite.png);}

#fiche-album{padding-top:20px}
#fiche-album ul{overflow:hidden}
#fiche-album li{width:232px;height:159px;float:left;position:relative;margin:0 1px 1px 0;}
#fiche-album a{color:white!important}
#fiche-album a:hover .img-mask, #fiche-album a:focus .img-mask, #fiche-album a:hover .img-descr, #fiche-album a:focus .img-descr{display:block;}
#fiche-album img{position:relative;z-index:10}
#fiche-album .img-mask{width:100%;height:100%;background-color:#ca352a;opacity:0.8;position:absolute;top:0;left:0;z-index:20;display:none;}
#fiche-album .img-descr{position:absolute;padding:10px;bottom:0;width:212px;z-index:30;display:none;}

#fiche-pdf{margin-top:40px;border-top:1px solid black}
#fiche-pdf h2{padding-bottom:15px;padding-top:10px}
#fiche-pdf a{color:#d8032b!important;font-family:'NewsGothicWebBold', sans-serif;padding:10px 20px 10px 40px;background:url(../medias/chrono/ico-odf.png) no-repeat center left;display:block;}

#fiche .periode-1 article a{color:#b8a23d}
#fiche .periode-2 article a{color:#b39a7e}
#fiche .periode-3 article a{color:#9db381}
#fiche .periode-4 article a{color:#8db69a}
#fiche .periode-5 article a{color:#8baac9}
#fiche .periode-6 article a{color:#6f84a8}
#fiche .periode-7 article a{color:#977c88}
#fiche .periode-8 article a{color:#a77962}
#fiche .periode-9 article a{color:#dc683a}

#fiche .periode-1{border-color:#b8a23d}
#fiche .periode-2{border-color:#b39a7e}
#fiche .periode-3{border-color:#9db381}
#fiche .periode-4{border-color:#8db69a}
#fiche .periode-5{border-color:#8baac9}
#fiche .periode-6{border-color:#6f84a8}
#fiche .periode-7{border-color:#977c88}
#fiche .periode-8{border-color:#a77962}
#fiche .periode-9{border-color:#dc683a}


#fiche .periode-1 #nav-links .print a{background-color:#b8a23d}
#fiche .periode-2 #nav-links .print a{background-color:#b39a7e}
#fiche .periode-3 #nav-links .print a{background-color:#9db381}
#fiche .periode-4 #nav-links .print a{background-color:#8db69a}
#fiche .periode-5 #nav-links .print a{background-color:#8baac9}
#fiche .periode-6 #nav-links .print a{background-color:#6f84a8}
#fiche .periode-7 #nav-links .print a{background-color:#977c88}
#fiche .periode-8 #nav-links .print a{background-color:#a77962}
#fiche .periode-9 #nav-links .print a{background-color:#dc683a}

#fiche .periode-1 .periodetitre{color:#b8a23d}
#fiche .periode-2 .periodetitre{color:#b39a7e}
#fiche .periode-3 .periodetitre{color:#9db381}
#fiche .periode-4 .periodetitre{color:#8db69a}
#fiche .periode-5 .periodetitre{color:#8baac9}
#fiche .periode-6 .periodetitre{color:#6f84a8}
#fiche .periode-7 .periodetitre{color:#977c88}
#fiche .periode-8 .periodetitre{color:#a77962}
#fiche .periode-9 .periodetitre{color:#dc683a}

#fiche .periode-1 .aside-background{background-color:#b8a23d}
#fiche .periode-2 .aside-background{background-color:#b39a7e}
#fiche .periode-3 .aside-background{background-color:#9db381}
#fiche .periode-4 .aside-background{background-color:#8db69a}
#fiche .periode-5 .aside-background{background-color:#8baac9}
#fiche .periode-6 .aside-background{background-color:#6f84a8}
#fiche .periode-7 .aside-background{background-color:#977c88}
#fiche .periode-8 .aside-background{background-color:#a77962}
#fiche .periode-9 .aside-background{background-color:#dc683a}

#fiche .periode-1 #fiche-album .img-mask{background-color:#b8a23d}
#fiche .periode-2 #fiche-album .img-mask{background-color:#b39a7e}
#fiche .periode-3 #fiche-album .img-mask{background-color:#9db381}
#fiche .periode-4 #fiche-album .img-mask{background-color:#8db69a}
#fiche .periode-5 #fiche-album .img-mask{background-color:#8baac9}
#fiche .periode-6 #fiche-album .img-mask{background-color:#6f84a8}
#fiche .periode-7 #fiche-album .img-mask{background-color:#977c88}
#fiche .periode-8 #fiche-album .img-mask{background-color:#a77962}
#fiche .periode-9 #fiche-album .img-mask{background-color:#dc683a}

#fiche .periode-1 #fiche-pdf{border-color:#b8a23d}
#fiche .periode-2 #fiche-pdf{border-color:#b39a7e}
#fiche .periode-3 #fiche-pdf{border-color:#9db381}
#fiche .periode-4 #fiche-pdf{border-color:#8db69a}
#fiche .periode-5 #fiche-pdf{border-color:#8baac9}
#fiche .periode-6 #fiche-pdf{border-color:#6f84a8}
#fiche .periode-7 #fiche-pdf{border-color:#977c88}
#fiche .periode-8 #fiche-pdf{border-color:#a77962}
#fiche .periode-9 #fiche-pdf{border-color:#dc683a}

/* IMAGE ZOOM */
#fiche-photo{text-align:center;position:relative;height:100%;width:100%;position:fixed;z-index:1100;background:black;top:0;left:0;overflow:hidden;background:url(../medias/atlas/bg-img-zoom.png)}
#fiche-photo>img{margin:0 auto 0 auto}
#fiche-photo .img-prev a{display:block;width:68px;height:87px;background:url(../medias/atlas/img-prev.png) no-repeat center center;text-indent:-1000px;overflow:hidden;position:fixed;left:0;top:50%;margin-top:-44px;}
#fiche-photo .img-next a{display:block;width:68px;height:87px;background:url(../medias/atlas/img-next.png) no-repeat center center;text-indent:-1000px;overflow:hidden;position:fixed;right:0;top:50%;margin-top:-44px;}
#fiche-photo .img-back a{display:block;width:68px;height:87px;background:url(../medias/atlas/img-back.png) no-repeat center center;text-indent:-1000px;overflow:hidden;position:fixed;right:15px;top:10px}
#fiche-photo .img-descr{text-align:left;;position:fixed;bottom:0;width:100%;background:white url(../medias/atlas/btn-legend.png) no-repeat top right}
#fiche-photo .img-descr-content{padding:10px 50px 10px 50px}
#fiche-photo .img-descr.close{height:25px}
#fiche-photo .close .img-descr-content{padding-top:25px}
#fiche-photo b,
#fiche-photo strong{font-family:"NewsGothicWebBold", sans-serif;}
#fiche-photo sup{vertical-align:super;line-height:8px;font-size:0.778em}
#fiche-photo i,
#fiche-photo em{font-style:italic}

/* MENU PERIODES */
.periodes-menu{position:fixed;right:0;background:white;padding:8px;height:30px;line-height:30px;top:50px;margin-right:40px;box-shadow:1px 1px 8px #333;z-index:500;font-family:'Roboto', sans-serif;font-size:0.8em}
.periodes-menu .periode-selector{position:absolute;background:url(../medias/chrono/selecteur_menu.png) no-repeat center center;width:96px;height:46px;padding:0;margin:0;top:0;left:0;cursor:all-scroll}
.periodes-menu li{display:inline-block;width:70px;padding-left:10px;height:30px;line-height:30px}
.periodes-menu a{color:white}
.periodes-menu a:hover{text-decoration:none}

/* HOMEPAGE */
#homepage-content{background:#2b2b2b url("../medias/chrono/carte_europe.svg") no-repeat center center;background-size:cover;min-height:100%;width:100%;position:relative;position:relative;z-index:550}
#homepage-content .periodes-menu{height:100%;position:absolute;right:0;top:0;z-index:600;background:none;padding:0;margin:0;box-shadow:none}
#homepage-content .periodes{height:100%;position:absolute;right:0;top:0;z-index:200}
#homepage-content .periodes-menu ul{height:100%}
#homepage-content .periodes-menu li{display:block;height:100%;width:40px;float:left;position:relative;background:none;padding:0;margin:0}
#homepage-content .periodes div{height:100%;width:40px;float:left;}
#homepage-content .periodes-menu a{display:block;height:100%;z-index:10;position:relative;z-index:500}
#homepage-content .periodes-menu a:hover{z-index:100}
#homepage-content .periodes-menu div{position:absolute;top:-500px;background:white;padding:10px 15px;display:block;right:0;}
#homepage-content .une{font-size:2.813em;color:#ca352a;line-height:44px;width:100%}
#homepage-content .une-content{padding:0 700px 0 80px}
#homepage-content .explanation{z-index:300;position:absolute;right:90px;top:50px;height:100%;}
#homepage-content .explanation-content{background:url(../medias/chrono/aplat_home.png) no-repeat right center;width:235px;padding:45px 295px 45px 30px;font-size:1.3em;line-height:22px;}

/* FRISE */
#frise{overflow:hidden;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;height:100%;margin-top:-41px;position:relative;cursor:all-scroll;}
#frise .periodetitre{color:white;padding:0 0 10px 85px;position:relative;z-index:30}
#frise .periodetitre span{position:absolute;top:225px;font-size:0.5em;font-family:"NewsGothicWeb", sans-serif;left:0}
#frise>li{width:80%;display:inline-block;height:100%;white-space:normal;/*overflow:hidden;*/margin:0;padding:91px 0 0 0;position:relative;}
.periode-content{height:500px;position:absolute;top:50%;margin-top:-250px;width:100%;/*overflow:hidden*/}
#frise>#item-0{width:100%;position:relative;}
.frise-next{background:black url(../medias/chrono/fleche_droite.png) no-repeat center center;display:block;position:fixed;right:0;z-index:899;width:67px;height:88px;width:33px;height:88px;top:50%;margin-top:-44px;text-indent:70px;overflow:hidden;cursor:pointer;box-shadow:1px 1px 13px #333;}
.frise-previous{background:black url(../medias/chrono/fleche_gauche.png) no-repeat center center;display:block;position:fixed;left:0;z-index:899;width:67px;height:88px;width:33px;height:88px;top:50%;margin-top:-44px;text-indent:70px;overflow:hidden;cursor:pointer;box-shadow:1px 1px 13px #333;}
.periode-1{background-color:#b8a23d}
.periode-2{background-color:#b39a7e}
.periode-3{background-color:#9db381}
.periode-4{background-color:#8db69a}
.periode-5{background-color:#8baac9}
.periode-6{background-color:#6f84a8}
.periode-7{background-color:#977c88}
.periode-8{background-color:#a77962}
.periode-9{background-color:#dc683a}
.periode_link{display:block;background-color:#333;color:white;padding:20px 45px 25px 45px;font-size:1.5em;font-family:"NewsGothicWebBold", sans-serif;position:absolute;right:95px;top:450px;z-index:25;font-family:"Roboto", sans-serif;font-weight:700}
.periode_link:hover{text-decoration:none;background-color:#FF0303}

.frise-parts{height:100px;position:relative;font-family:'Roboto', sans-serif;font-size:0.8em}
.frise-parts li{color:white;margin-bottom:2px;text-transform:uppercase;position:absolute;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.frise-parts li span{background-color:#333;opacity:0.2;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:30}
.frise-parts li strong{position:relative;z-index:40;padding:3px 10px;display:block;}

#item-2 .frise-parts li:nth-child(1){top:25px}
#item-3 .frise-parts li:nth-child(2){top:50px}
#item-3 .frise-parts li:nth-child(3){top:25px}
#item-3 .frise-parts li:nth-child(4){top:50px}
#item-4 .frise-parts li:nth-child(1){top:25px}
#item-4 .frise-parts li:nth-child(2){top:50px}
#item-4 .frise-parts li:nth-child(3){top:25px}
#item-6 .frise-parts li:nth-child(2){top:25px}
#item-7 .frise-parts li:nth-child(2){top:25px}
#item-7 .frise-parts li:nth-child(3){top:50px}
#item-7 .frise-parts li:nth-child(4){top:75px}
#item-8 .frise-parts li:nth-child(2){top:25px}
#item-8 .frise-parts li:nth-child(3){top:50px}
#item-9 .frise-parts li:nth-child(2){top:25px}
#item-9 .frise-parts li:nth-child(3){top:50px}

.frise-humains{height:90px;padding-top:15px;background:url(../medias/chrono/bg-gris-20.png);font-family:'Roboto', sans-serif;font-size:0.8em}
.frise-humains em{background-color:white;padding:3px 10px;border-radius:20px;font-style:italic;position:relative;z-index:40;margin-left:202px}
.humains{position:relative;z_index:40;height:110px;line-height:110px;margin-top:-38px;}
.frise-humains span:nth-child(1){position:absolute;left:0;top:50%;width:100%;border-top:4px solid white;margin-top:-2px;display:block;z-index:30}
.frise-humains span:nth-child(2){position:absolute;left:0;top:0;width:110px;height:110px;display:block;z-index:35;border-radius:55px;background-position:center center;background-repeat:no-repeat;background-color:white;background-size:contain;margin-left:72px}
#item-1 .frise-humains span:nth-child(2){background-image:url(../medias/chrono/homme01.png);}
#item-2 .frise-humains span:nth-child(2){background-image:url(../medias/chrono/homme02.png);}
#item-3 .frise-humains span:nth-child(2){background-image:url(../medias/chrono/homme03.png);}
#item-6 .frise-humains span:nth-child(2){display:none}

.frise-reperes{height:160px;background:url(../medias/chrono/bg-blanc-20.png);border-top:1px solid white;border-bottom:1px solid white;position:relative;font-family:'Roboto', sans-serif;font-size:0.8em}
.frise-reperes ul{}
.frise-reperes li{margin-bottom:0px;position:absolute;z-index:40;white-space:nowrap}
.frise-reperes li strong{padding:1px 10px 6px 10px;background:url(../medias/chrono/base_evenements.png) no-repeat left top;display:inline-block;}
.frise-reperes li:nth-child(1){top:2px}
.frise-reperes li:nth-child(2){top:24px}
.frise-reperes li:nth-child(3){top:48px}
.frise-reperes li:nth-child(4){top:70px}
.frise-reperes li:nth-child(5){top:93px}
.frise-reperes li:nth-child(6){top:116px}
.frise-reperes li:nth-child(7){top:139px}

.grid{height:205px;width:100%;position:absolute;bottom:80px;left:0;z-index:1;opacity:0.4}
.grid span{display:block;float:left;height:100%;width:5%;border-right:1px solid white;margin-right:-1px}

#item-1 .image{background:url(../medias/chrono/periode01.png) no-repeat top left;width:761px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-2 .image{background:url(../medias/chrono/periode02.png) no-repeat top left;width:735px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-3 .image{background:url(../medias/chrono/periode03.png) no-repeat top left;width:493px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-4 .image{background:url(../medias/chrono/periode04.png) no-repeat top left;width:493px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-5 .image{background:url(../medias/chrono/periode05.png) no-repeat top left;width:469px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-6 .image{background:url(../medias/chrono/periode06.png) no-repeat top left;width:558px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-7 .image{background:url(../medias/chrono/periode07.png) no-repeat top left;width:491px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-8 .image{background:url(../medias/chrono/periode08.png) no-repeat top left;width:593px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}
#item-9 .image{background:url(../medias/chrono/periode09.png) no-repeat top left;width:244px;height:600px;display:block;position:absolute;right:0;top:50%;z-index:20;background-size:contain;margin-top:-300px;}

#flag_debut{z-index:50;background:url(../medias/chrono/relief_dates_gauche.png) no-repeat left bottom;height:43px!important;display:inline-block;width:auto!important;margin-top:-93px!important}
#flag_debut span{background:white;}
#flag_fin{z-index:50;background:url(../medias/chrono/relief_dates_droite.png) no-repeat right bottom;height:43px!important;display:inline-block;width:auto!important;margin-top:-93px!important}
#flag_fin span{background:white;}

@media screen and (max-width: 1024px) and (orientation: landscape) {
/*	#home #header .hgroup{padding-left:30px;}
	#home nav{left:50%;margin-left:-345px}
	.bloc_atlasalbum h2{width:90%;padding:30px 5%}
	.textslide li{}
	#frise{margin-top:0}
	.periode-content{height:550px;}*/
	.periodes-menu{top:45px}
	#frise>li{width:100%;min-width:auto}
	#item-0 .periodetitre{padding-left:25px;padding-bottom:35px}
	#frise>li .image{background-position:center center;background-size:80% 80%}	
/*	.frise-humains{height:60px}
	#frise h1 span{top:235px}
	.periode_link{bottom:20px}*/
	#homepage-content .une {font-size: 1.813em;line-height: 1em;}
	#homepage-content .une-content{padding-left:30px;}
	#homepage-content .explanation{top:110px}
	#homepage-content .explanation-content {width: 155px;padding: 25px 295px 25px 20px;font-size: 1.2em;line-height: 1em;}
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
	/*
	#frise>li{width:200%;min-width:auto}*/
	#item-0 .periodetitre{padding-left:25px;}
	#homepage-content .une {font-size: 1.813em;line-height: 1em;}
	#homepage-content .une-content{padding-left:30px;padding-right:450px;}
	#homepage-content .explanation{top:110px;right:0}
	#homepage-content .explanation-content {width:175px;padding: 25px 205px 25px 20px;font-size: 1.2em;line-height: 1em;background-size:80% auto;background-position:center left}
	#homepage-content .periodes div{width:30px;}
	/*.periodes-menu{margin-right:15px}*/
}

@media screen and (max-width: 974px) {
	.footer_reseaux {position:relative;/*static;overflow:hidden;*/}
 	.footer_reseaux .logo {padding-left:10px;}
	.footer_reseaux .tools {padding-right:0}
 	.footer_reseaux .info ul li {padding-left:15px;}
	.footer_reseaux .addthis {display:none}
}