/** feuille de style **/
/** DERNIERE MISE A JOUR  : 23/07/2017 
Modernisation des styles dans une optique "mobile first" selon les indications du site cité ci-dessous **/

/**************************** http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON ************************************************/
 
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, sub, sup, tt, var,
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, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 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 {
	font: 14pt/16pt PT sans;
    color: #1c1c1c;
	background: lightblue;
	background-image: url("../images/25cartha-fond.jpg");
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

sup {
    font-size: 75%;
	vertical-align: super;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
	margin: 8pt;
}

a:link    {color: navy; text-decoration: none}
a:active  {color: navy; text-decoration: none}
a:visited {color: navy; text-decoration: none}
a:hover   {color: orangered; text-decoration: none;}

H1, H2, H3, H4  {color: navy;}
H1 {font-size: 24pt; font-family: comic sans MS, serif; color: crimson;
		font-weight: bold; text-align: center; text-indent: 0; margin: 12pt; line-height: 32pt;}
H2 {font-size: 24pt; font-family: times, serif; font-weight: bold; text-align: center; margin: 12pt; line-height: 32pt;}
H3 {font-size: 16pt; font-weight: bold; line-height: 24pt; text-align: center;}
H4 {font-size: 14pt; font-style:italic; line-height: 16pt; margin: 8pt;}
H5 {font-style:italic;}	/* notes de bas de page */

#tm3 {font-size: 14pt; font-weight: normal; text-align: left; line-height=14pt}
#tm4 {font-size: 12pt; font-weight: normal; text-align: left; line-height=3pt; font-style: italic}

P  {font: 13pt/20pt comic sans MS, serif; color: navy; text-indent: 40px; text-align: justify; font-weight: normal; margin: 8pt;}
em {font-family: comic sans MS, serif; color: crimson; font-style: italic}

ol {margin-left:20}
li {font-family: comic sans MS, serif; color: black; text-align: justify; font-size: 12pt; font-weight: normal}

article {
    border-bottom: 0px solid black;
    padding: 10px 20px 0 20px;
    margin: 10px 0;
}

#cartouche_titre {
	background: tan;	/*** tan skyblue ***/
	/* opacity:0.7; */
}

/*layout*/
 
.wrapper {
}

.wrapper header {
	background: skyblue;	/*** tan skyblue ***/
}
/*header*/
 
header {
	background: none;	    /** couleur origine : #1c1c1c changé pour : none tan**/
    padding: 15px 20px;
}

/*shorter clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/
header:before,
header:after {
    content:"";
    display:table;
}
 
header:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
header {
    zoom:1;
}
		
/*footer*/
 
footer {
	font-style: normal;
	font-weight: normal;
	font-size: 11pt;
	font-family: comic sans MS, serif;
	text-align: center;
}

/***   bandeau de navigation pour les bas de pages des textes "flibuste" et "trésors"    ***/
#navigation {height: 35pt; padding:5px; border-style:none; 
	background: lightblue; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}
.textNav {font-size: 12pt; font-weight: normal; text-indent: 0; font-family: comic sans MS;}

/***   pour les figures qui portent un lien  (flibuste1 et tresor10)  ***/
.fig_gauche, .fig_droite {border: 1px solid black;}
.fig_gauche {margin-right: 10px; float: left;}
.fig_droite {margin-left: 10px; float: right;}

#jpm-plonge	{margin-left: 10px; margin-right: 10px; border: 1px; float:right; box-shadow: 10px 10px 5px #888888;}

.img_gauche, .img_droite, .img_centre {border: 1px solid black; box-shadow: 10px 10px 5px #888888;}
.img_gauche {float: left; margin-right: 10px;}
.img_droite {float: right; margin-left: 10px;}
.img_centre {margin: 0 auto;}

#citation {
	font-style: italic;
	font-weight: normal;
	font-size: 11pt;
	color: navy;
	margin-left: 45pt;
	margin-right: 50pt;
	text-indent: 0;
	text-align: justify;
}

#email {
	display: table; 	/*****     pour IE8, compatibilité avec clause "margin"     *****/
	margin:0 auto;
	text-align: center;
	padding: 5px;
}

#prix_academie {
	display: table; 	/*****     pour IE8, compatibilité avec clause "margin"     *****/
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	border: indianred 3px solid;
	background: silver;
}