/* =========== */
/* Le code css */
/* =========== */

*{
	font-family: "Comic sans MS", "Trebuchet MS", "Calibri Light", Calibri, Verdana, "Arial Black", Arial, sans-serif, Chiller;
}
body{
	background-color: rgb(252,236,194); /*Le fond de la page: beige*/
	color: rgb(96,96,96);  /*Le texte de la page: gris foncé*/
	font-size: 14px;
	text-align: justify;
}

/* Le texte    */
/* =========== */
h1{
	color: black;
	text-align: center;
}
h2{
	color: black;
	text-align: center;
	font-style: italic;
	/* width: 50%; */
	/* max-width: 60%; */
}
/* h3{
	color: black;
	text-align: right;
	padding-right: 15px;
}
p{
	color: teal;
	text-align: justify;
	font-size: 20px;
} */
.pfooter{
	color: silver;
	text-align: right;
	font-size: 12px;
}
footer{
	padding-right: 15px;
}

/* Header      */
/* =========== */
header{/*  */
    display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
	/* min-height: 100px; */
} 
.im_logo
{
	/* width: 20%; */
	height: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	/* margin: 5px; */
	vertical-align: text-top;
	position: absolute; /*  */
	left: 0;/*  */
}
.im_contact
{
	/* width: 10%; */
	height: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	/* margin: 5px; */
	vertical-align: text-top;
	position: absolute; /*  */
	right: 0;/*  */
	top: 0;
}

/* Les liens   */
/* =========== */
a /* Liens par défaut (non survolés) */
{
	text-decoration: none;
	color: black;
	
}
a: hover /* Apparence au survol des liens */
{
	text-decoration: none;
	color: black;
	font-style: italic;
} 


/* Navigation1 */
/* =========== */
.nav1actif
{
	text-decoration: none;
	color: gray;
}
.nav1
{
	background-color: rgb(247,192,49);  /*orange */
	border: 3px rgb(235,192,48) outset;
	/* color: black; */
	font-size: 1.2em;
	/* width: 100%; */
	/* padding: 1px; */
	/*padding-top: 1px; */
	/*display: inline-block;  en ligne */
	text-align: right;
}
.nav1 ul
{
	list-style-type: none;  /* sans puce */
}
.nav1 li
{
	display: inline-block;
	margin-right: 25px;
}

/* Navigation2 */
/* =========== */
.nav2
{
	float: left;
	background-color: rgb(247,192,49);  /*orange */
	border: 3px rgb(235,192,48) outset;
	padding: 10px;
	/* margin-right: 5px; */
	/* font-size: 1.3em; */
	width: 20%;
	max-width: 200px;
	text-align: left;
}
.nav2 ul
{
	list-style-type: none;  /* sans puce */
}
.nav2actif
{
	text-decoration: none;
	color: gray;
	font-size: 1.2em;
}
.nav2actif2
{
	text-decoration: none;
	color: gray;
	/* font-size: 1.3em; */
}
.nav2petit
{
	text-align: right;
}
.nav2petit2
{
	color: gray;
	/* font-size: 0.9em; */
}
/* Section     */
/* =========== */
section
{
	margin-left: 21%;
	padding: 25px;
	padding-top: 0px;
}

/* Images      */
/* =========== */

.imbandeau
{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	/* margin: 5px; */
}


.section_im_mini
{
	/* text-align: center; */
	/* font-size: 16px; */
}

.im_mini
{
	max-width: 300px;
	max-height: 300px;
}
.im_gd /* pour les images plus grandes */
{
	width: 60%;
	min-width: 400px;
}