@font-face {
    font-family: 'LLR';
    src: local('Linux Libertine'),
	url('polices/LinuxLibertine/LinLibertine_R.woff');
}
@font-face {
    font-family: 'LLD';
    src: local('Linux Libertine Display'),
	url('polices/LinuxLibertine/LinLibertine_DR.woff');
}
@font-face {
    font-family: 'LLI';
    src: url('polices/LinuxLibertine/LinLibertine_RI.woff');
}
@font-face {
    font-family: 'LLB';
    src: url('polices/LinuxLibertine/LinLibertine_RB.woff');
}
@font-face {
    font-family: 'LBR';
    src: local('Linux Biolinum'),
	url('polices/LinuxLibertine/LinBiolinum_R.woff');
}
@font-face {
    font-family: 'LBI';
    src: url('polices/LinuxLibertine/LinBiolinum_RI.woff');
}
@font-face {
    font-family: 'LBB';
    src: url('polices/LinuxLibertine/LinBiolinum_RB.woff');
}
@font-face {
    font-family: 'TGC';
    src: url('polices/texgyrechorus-mediumitalic.otf'),
	url('polices/texgyrechorus-mediumitalic.woff');
}

img{
    border:none;
}
a,a:visited {
    text-decoration:none;
    color:#0000ff;
}
/*couleurs*/
.vert,.vert:visited{
    color:#34a64f;
}
.rouge,.rouge:visited{
    color:#ff0000;
}
.bleu,.bleu:visited{
    color:#0000ff;
}
.noir,.noir:visited{
    color:#000000;
}

/*subdivisions globales des pages*/

body {
    background:#171717;
    text-align:center;
    font-family: "TGC";
}

/* la zone imprimée se réduit à l’article */
@media print{
    header,nav,footer{
	display:none;
    }
}
header {
    top:0px;
    width:100%;
    background:white;
    font-size:38px;
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
    margin-bottom:0px;
}
#haut{
    position:absolute;
    left:1px;
}
 /*nav*/
.navsite{
    vertical-align:middle;
    height: 30px;
    background:red;
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 2px solid black;
}

/*centre la position du menu*/

nav li, nav a, nav a:visited{
    color:white;
}
/*style pour les menus deroulants*/
nav ul{
    margin:0;
    padding:0;
}
.navsite ul{
    margin-left:auto;
    margin-right:auto;
    max-width:700px;
}
nav li{
    float:left;
    list-style-type:none;
    margin-right:10px;
    font-size:18px;
    font-weight:bold;
}
li a img{
    margin:0;
}
@media screen and (max-width:600px) {
    .medium{
	display:none;
    }
}
nav li ul{
    display:none;
}
nav li:hover ul, nav li:focus ul{
    display:block;
    position:absolute;
    z-index:60;
}
nav li li{
    float:none;
    background-color:white;
    padding:4px;
    text-align:left;
    border-left:2px black solid;
    border-right:2px black solid;
}
nav li li:first-child{
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-top:2px black solid;
}
nav li li:last-child{
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom:2px black solid;
}
nav li li:hover{
    background:#2f2c2c;
}
nav li li a, nav li li a:visited {
    color:#2e5ca0;
}
nav li li a:hover{
    color:white;
}


section{
    padding-top:10px;
    padding-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
    background:white;
}
@media print{
    /* section{ */
    /* 	margin:0cm; */
    /* } */
    article{
	width:100%;
    }
}
article.ldm{
    margin-left:90px;
    margin-right:90px;
}
article a{
    text-decoration:underline;
}
article header{
    margin-top:10px;
    margin-bottom:10px;
}
article li{
    font-family:"LBR";
    text-align:left;
}
p {
    font-family: "LBR",serif;
    font-size:18px;
    text-indent:4%;
    text-align:justify;
}
@media print{
   p {
       font-family: "LLR",serif;
       font-size:18px;
       text-indent:4%;
       text-align:justify;
   }
} 
p + blockquote {
    font-family: "LBR",serif;
    font-size:16px;
    text-align:justify;
}
@media print{
   p + blockquote {
       font-family: "LLR",serif;
       font-size:16px;
       text-align:justify;
   }
}
h1{
    font-size:26px;
    font-weight:normal;
    border-bottom:2px dotted blue;
    color:blue;
}
h2, h3, h4 {
    font-family: "LBB";
    text-align:left;
}
strong{
    font-family:"LBB";
}
cite{
    font-family:"LBI";
}
sup{
    font-size:10px;
}
/*style pour les définitions*/
a[title]{
    font-weight:bold;
}

aside {
    float:right;
    margin-left:30px;
    width:255px;
}
/*style pour les cartes et photos*/
figure {
    margin:0px;
}
p+figure{
    margin-left:10px;
}
figcaption{
    font-family:"LBR";
    font-size:14px;
}
figure img{
    width:250px;
}
/*mise en page des encadrés...*/
.detail {
    font-family:"LBR";
    border:2px dashed blue;
    width:248px;
    float:right;
    margin-top:15px;
    margin-bottom:15px;
    background:#fde266;
}
.detail img{
    float:left;
    width:90px;
}
/*photo verticale*/

.gdformat{
    width:800px;
}
.gdvertical{
    width:750px;
}
/* .bandeau{text-align:center} */
.demipage{
    width:400px;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:0px;
    margin-left:0px;
}
/*pour les figures alignées les unes à côté des autres*/
.enligne{
    display: inline-block;
}

/* cartes */
@media screen and (min-width:600px) {
   .cartev{
      height:842px;
      width:595px;
   }
}

/*histoire et lexique*/

/*barre latérale de navigation (histoire et lexique)*/
.colonne {
    float:left;
    position:fixed;
    top:200px;
    background:#2e5ca0;
    z-index:50;
    border-radius:20px;
    margin-left:10px;
    padding:5px;
    line-height:200%;
    width:105px;
    font-weight:bold;
}
.colonne a{
    color:#34a64f;
}
.colonne a:visited{
    color:black;
}
.historique{
    margin-left: 145px;
    margin-right:30px;
}
/*style pour le lexique*/

dl{
    font-size: 20px;
    text-align:justify;
}
dd{
    margin-bottom:10px;
    font-family:"LBR";
    font-size:18px;
}
@media print{
   dd{
       margin-bottom:10px;
       font-family:"LBR";
       font-size:18px;
   }
}
dt a, .lettrine{
    margin-bottom:15px;
    text-decoration:none;
    font-weight:bold;
    color:#34a64f;
}
dd a{
    font-family:"LBR";
}
.lettrine{
    font-size:200%;
}

/*biblios de fin d'article*/
*[class^="biblio"] {
    background:rgb(255,209,94);
}
.biblio{
    position:relative;
    padding:0px;
    border-top:2px solid;
    border-bottom:2px solid;
    margin:20px;
    padding:10px;
    clear:right;
}
#enboite{
    border:2px solid;
    margin-left:140px;
    margin-top: 25px;
    margin-bottom:20px;
    margin-right:20px;
}
.biblio li {
    font-size:16px;
}
.biblio cite{
    font-family: "LBI";
    /* font-style:italic; */
}
.nom {
    font-variant:small-caps
}

footer{
    margin:20px;
    position:relative;
    vertical-align:middle;
    color:white;
    clear:both;
}
footer ul{
    list-style:none;
    color:black;
    border-top:1px solid black;
}
footer li{
    font-family:"LBR";
    font-size:16px;
}
footer a{
    margin:20px;
    text-decoration:none;
    color:red;
}
footer img{
    height:30px;
}
section footer img, colonne img{
    height:40px;
}

/*style pour la page d'accueil*/
#liens{
    background-position:center;
    background-image:url(cartes/pologne3D.png);
    background-repeat:no-repeat;
    height:650px;
    margin-left:auto;
    margin-right:auto;
    width:658px;
}
@media screen and (max-width:650px) {
    #liens{
	background-image:url(cartes/fond400.png);
	height:395px;
	width:400px;
    }
}
#liens p{
    position:absolute;
    text-indent:0;
    margin:0px
}
#liens a{
    position:inherit;
    text-decoration:none;
    font-family: "TGC";
    font-size:20px;
}
@media screen and (max-width:650px) {
    #liens a{
	font-size:16px;
    }
}
#liens a:hover{
    font-size:28px;
}
#liens a#deluge{left:156px;top:137px}
#liens a#grunwald{left:384px;top:163px}
#liens a#teutoniques{left:412px;top:112px}
#liens a#trilogie{left:542px;top:200px}
#liens a#varsovie44{left:412px;top:294px}
#liens a#reconstruction{left:412px;top:320px}
#liens a#cavalerie{left:511px;top:246px}
#liens a#peles{left:290px;top:381px}
#liens a#socrealizm{left:486px;top:367px}
#liens a#jgora{left:266px;top:426px}
#liens a#ujazd{left:463px;top:420px}
#liens a#sarmatisme{left:495px;top:464px}
#liens a#mineurs{left:303px;top:492px}
#liens a#style{left:361px;top:520px}
#liens a#zakopane{left:349px;top:535px}
#liens img{border:none}

@media screen and (max-width:650px) {
    #liens a#deluge{left:108px;top:82px}
    #liens a#grunwald{left:265px;top:97px}	
    #liens a#teutoniques{left:285px;top:67px}	
    #liens a#trilogie{left:375px;top:120px}	
    #liens a#varsovie44{left:285px;top:176px}	
    #liens a#reconstruction{left:285px;top:192px}
    #liens a#cavalerie{left:353px;top:147px}	
    #liens a#peles{left:200px;top:228px}	
    #liens a#socrealizm{left:336px;top:220px}	
    #liens a#jgora{left:184px;top:255px}	
    #liens a#ujazd{left:320px;top:252px}	
    #liens a#sarmatisme{left:342px;top:278px}	
    #liens a#mineurs{left:209px;top:295px}	
    #liens a#style{left:249px;top:312px}	
    #liens a#zakopane{left:241px;top:321px}	
}
/*plan du site*/

.bloc{
    display: inline-block;
    vertical-align:top;
    max-width:300px;
    clear:none;
}
.bloc h2{
    font-size:20px;
}
.bloc ul{
    margin-left:-20px;
}
section[id^="liste_"]{
    border: 3px solid black;
    border-radius:20px;
    padding:10px;
    max-width:290px;
    margin-top:0px;
    margin-bottom:30px;
}
section[id^="liste_des"]{
    background:#98d2f1;
}
#liste_apropos{
    background:#fff0d6;
}
#liste_aide{
    background:rgb(255,209,94);
}

/* F.A.Q */
#faq{
    margin-left:50px;
    margin-right:50px;
}
#faq li{
    font-family:"LBR";
}
#faq ul{
    font-size:18px;
}
#faq ol{
    font-size:20px;
}
#faq dt{
    font-family:"LBR";
    font-weight:bold;
    font-size:18px;
}

/* cv */
#coordonnées{
    list-style:none;
}
#coordonnées li{
    font-size:20px;
}