body{background-color:white;}
header nav section article aside footer{display:block;}
a{text-decoration:none;}
img{border:none;}
header{overflow:auto;width:1024px;height:170px;background-image:url("img/nouveau-header-2021.jpg");margin:auto;margin-top:-8px;overflow:auto;border-bottom:1px solid #8c8181;}

nav{float:left;background-color:#1b6daf;margin-top:0px;margin-left:52px;font-size:0.8em;font-family:Calibri, sans-serif;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:1px;}
nav ul{margin:0px;padding:0px;list-style-type:none;text-align:center;}
nav li{float:left;margin:0;padding:0;background-color:#1b6daf;border:1px solid white;}
nav li a{display:block;color:white;padding:5px;padding-left:10px;padding-right:10px;text-decoration:none;}
nav li a:hover{text-decoration:none;background-color:#bb242b;}
header h1{font-family:Georgia, Calibri, sans-serif;font-size:3em;color:white;letter-spacing:6px;font-weight:normal;text-transform:uppercase;margin-left:0px;text-align:center;margin-top:44px;}



section{overflow:auto;width:1024px;margin:auto;margin-top:25px;margin-bottom:10px;height:auto;background-image:url("img/blason2020.png");border:1px solid silver;border-top:none;}
#map-background{}

.colonne {width:70%;height:auto;background:#FFF;margin:1% auto;}
.colonne{position: relative;}
.colonne:before, .colonne:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:75%;max-width:300px;background:#777;box-shadow: 0 15px 10px #777;transform:rotate(-3deg);}
.colonne:after{transform:rotate(3deg);right:10px;left:auto;}
.colonne{font-family:Calibri, sans-serif;color:#505050;background-color:#e6dece;width:1024px;text-align:center;}
.colonne p{font-size:1em;margin-top:0;margin-left:20px;margin-right:20px;margin-bottom:0;}
.colonne h2{font-weight:normal;letter-spacing:2px;padding-top:1%;margin-bottom:4px;}
.colonne h2 span {color:black;font-family:Georgia, Calibri, sans-serif;text-transform:uppercase;}
.colonne a{color:grey;font-size:1.6em;margin:0;padding-left:7px;padding-right:7px;}
.colonne a:hover{color:black;}

article{margin:auto;width:49.9%;background-color:#f8f8f8;/*background-color:#d5d1c8;*/border-right:1px solid silver;border-top:1px solid silver;}
article a{color:#1262a1;font-weight:bold;}
article a:hover{text-decoration:underline;}
article p{font-family:Calibri, sans-serif;font-size:1em;color:grey;margin:16%;margin-top:10px;margin-bottom:0%;text-align:justify;}
sup{font-size:0.6em;line-height:1em;}*/


.boutons sup{font-size:0.8em;}
#illustrations{width:100%;}
.premier{display:block;margin:0 auto;margin-top:70px;}

#logo2, #logo{width:100%;height:125px;background-color:white;overflow:auto;border-bottom:1px solid silver;color:grey;font-style:italic;}
#logo img, #logo2 img{float:right;margin-right:7%;margin-top:8px;margin-bottom:5px;}
#logo2 img{float:left;margin-left:7%;margin-top:8px;margin-bottom:5px;}
#logo2 p{font-family:Calibri, sans-serif;text-align:right;margin-left:200px;margin-right:30px;}
#logo p{font-family:Calibri, sans-serif;text-align:left;margin-right:200px;margin-left:30px;margin-top:16px;}
/*# texte b{font-family:Calibri, sans-serif;font-size:0.9em;color:#4576c4;font-weight:bold;letter-spacing:3px;text-transform:uppercase;padding-top:1%;margin-bottom:none;}*/

.retour {text-align:center;font-family:Calibri, sans-serif;font-size:0.8em;font-weight:bold;font-style:italic;text-transform:uppercase;}
.retour a{color:black;border:1px solid black;padding-left:5px;padding-right:5px;}
.retour a:hover{text-decoration:none;}

#liens{width:1024px;height:460px;margin-top:190px;font-family:Calibri, sans-serif;font-size:1em;color:black;}
#liens p{margin-top:50px;text-align:center;text-transform:uppercase;}
#liens a{color:black;font-weight:bold;text-decoration:none;}
#liens a:hover{color:black;text-decoration:underline;}

#biblio, #biblio2, #biblio3{background-color:white;color:#464646;margin-left:160px;margin-right:160px;padding-left:18px;padding-right:18px;border-top:1px solid silver;border-left:1px solid silver;border-right:1px solid silver;font-family:calibri, sans-serif;font-size:1em;text-align:center;}
#biblio2, #biblio3{border-bottom:10px;}
#biblio span, #biblio3 span{font-weight:bold;}
#biblio2 a{color:#1262a1;font-weight:bold;}
#biblio2 a:hover{text-decoration:underline;}

h3{letter-spacing:3px;text-transform:uppercase;}

/*h4{margin-bottom:0;font-family:Georgia, Calibri, sans-serif;font-size:1.4em;color:black;font-weight:normal;letter-spacing:2px;}*/
/*.periple{margin:0;margin-bottom:0;font-family:Calibri, sans-serif;font-size:0.9em;font-weight:bold;color:black;letter-spacing:3px;}*/
h5{font-family:Calibri, sans-serif;color:#505050;letter-spacing:3px;font-size:1.2em;text-transform:uppercase;padding-top:1em;}

.z{color:#1b6daf;}

#texte, #texte_2033, #periple{margin-top:30px;margin-left:8%;margin-right:8%;font-size:1.015em;font-family:Calibri, sans-serif;color:#464646;text-align:left;}
#texte p{/*padding-bottom:3%;border-bottom:2px solid silver;*/}
#texte h3{margin-bottom:0;font-family:Georgia, Calibri, sans-serif;font-size:2em;color:black;font-weight:normal;letter-spacing:2px;}
#texte a{font-weight:bold;}
#texte b{font-family:Calibri, sans-serif;font-size:0.9em;font-weight:bold;color:#4576c4;letter-spacing:3px;text-transform:uppercase;}

.bbb{color:#2c4c70;}
h3 a{font-family:Calibri, sans-serif;}
footer{overflow:auto;width:1024px;background-color:#4576c4;height:auto;margin:auto;}

#menu_footer{height:46px;margin-top:14px;margin-left:457px;font-size:0.9em;font-family:Calibri, sans-serif;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:1px;}
#menu_footer ul{margin:0px;padding:0px;list-style-type:none;text-align:center;}
#menu_footer li{float:left;margin:0;padding:0;}
#menu_footer li a{display:block;color:white;padding:5px;padding-left:10px;padding-right:10px;text-decoration:none;}
#menu_footer li a:hover{color:black;padding:5px;padding-left:10px;padding-right:10px;text-decoration:underline;}
#prout{float:left;width:100%;font-family:Calibri, sans-serif;text-align:center;background-color:white;}
#prout img{margin-top:10px;}

.suite{font-family:Calibri, sans-serif;color:black;text-align:left;letter-spacing:2px;margin-left:12%;font-style:italic}
.boutons{margin-bottom:0px;color:grey;font-size:2.5em;font-weight:bold;text-align:center;font-family:Calibri, sans-serif;letter-spacing:0px;}
.boutons a{color:grey;text-decoration:none;}
.boutons a:hover{color:black;text-decoration:none;}
.boutons span{font-size:0.6em;font-weight:normal;letter-spacing:5px;text-transform:uppercase;}

h3 em{color:black;}
i{color:#09439e;font-style:normal;}
aside em{color:grey;text-align:center;}
em a{color:grey;text-decoration:none;font-style:italic;font-weight:normal;}
em a:hover{text-decoration:none;}

figure{width:100%;margin:auto;background-color:white;border-top:1px solid silver;border-bottom:1px solid silver;}
figure img{display:block;margin-left:auto;margin-right:auto;margin-top:16px;}
figure{margin-top:10px;background-color:white;}
figcaption p{margin-top:16px;margin-bottom:16px;color:#505050;text-align:center;margin-left:9%;margin-right:9%;font-size:0.7em;text-transform:uppercase;}
figcaption p a{color:#1b6daf;}
figcaption b{color:#1b6daf;font-weight:normal;}
figcaption em{font-size:0.78em;letter-spacing:1px;}
#texte span{font-size:0.8em;font-weight:bold;font-style:italic;letter-spacing:2px;text-transform:uppercase;}
#periple a{font-weight:normal;}
#periple b{font-weight:bold;color:#434343;letter-spacing:1px;text-transform:none;}

/* mobiles et tablettes */
/* mobiles et tablettes */
/* mobiles et tablettes */
/* mobiles et tablettes */
/* mobiles et tablettes */
/* mobiles et tablettes */

@media only screen and (max-width:640px){header{width:100%;height:auto;margin:auto;margin-top:-8px;overflow:auto;border-bottom:1px solid #8c8181;background-image:url("img/nouveau-header-2021.jpg");background-size:no-cover;background-repeat:no-repeat;}
header h1{margin-top:8%;font-size:3em;}
nav{font-size:1em;margin-left:0px;width:100%;}
nav li{float:none;}
nav ul{margin:0;padding:0;}
nav li{margin:0;padding:0;}
nav li a{padding:8px;padding-left:10px;padding-right:10px;}
nav li a:hover{padding:8px;padding-left:10px;padding-right:10px;}
section{width:100%;margin-top:5%;}
img{max-width:100%;height:auto;}
article{border:none;}
figure{margin-top:2%;margin-left:2%;margin-right:2%;}
figcaption p{margin-left:5%;margin-right:5%;font-size:0.7em;line-height:1.2em;}
article img{margin-bottom:30px;}
.colonne{width:100%;}
#biblio, #biblio2, #biblio3{background-color:#f8f8f8;width:100%;margin:0;padding:0;border-left:0;border-right:0;}
#biblio p, #biblio2 p, #biblio3 p{padding-left:4%;padding-right:4%;}
aside, article{overflow:auto;width:100%;float:none;border:none;}
article{border-right:none;border-bottom:2px solid silver;}
#logo{margin-top:2%;width:100%;height:auto;}
#logo2{width:100%;height:auto;}
#logo2 p{margin-left:0;margin-right:5%;}
#logo p{margin-left:5%;margin-right:0;margin-bottom:4%;}
#texte{margin-left:5%;margin-right:5%;font-size:1.06em;line-height:1.2em;}
#texte h3 a{color:#bb242b;}
#texte img{margin-top:2%;}
aside p, article p{padding-right:0;}
.biblio{color:#1b6daf;}
#boutons{float:left;width:100%;}
footer{width:100%;height:auto;}
#menu_footer{margin-left:0;margin-top:14px;margin-bottom:14px;margin-left:0px;font-family:Calibri, sans-serif;font-size:1em;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:1px;width:100%;height:auto;}
#menu_footer ul{margin:0px;padding:0px;list-style-type:none;text-align:center;}
#menu_footer li{float:none;margin:0;padding:0;}
#menu_footer li a{display:block;color:white;text-decoration:none;}
#menu_footer li a:hover{padding:5px;text-decoration:underline;}
}