/*TOP-TITLE.........#4444AA..........Couleur du titre sur l'image top.jpg
BEIGE...............#FFFFCC..........Couleur des titres de l'entête
BACKGROUND_COLOR....#B7A0B2..........Couleur du fond : Violet pour Part 2
NAV_COLOR...........#ECDBC9..........Couleur du fond de la balise <nav> */


body
{text-align:center; padding:0px; margin:0px;
background-color:#B7A0B2;	/* Couleur de fond */
background-image:url("img/fond.jpg");
background-repeat:repeat-x;
background-attachment:fixed;}


/*****************************************************
*                                                    *
*                     TOP IMAGE                      *
*                                                    *
*****************************************************/

div.top
{margin-top: 30px; margin-bottom: 0; margin-left: auto; margin-right: auto;
font-style:italic; font-family:"times new roman"; font-weight:bold;
height:150px; width:900px; background-image:url("img/idx_top.jpg");}

div.part				/* Titre incrusté : "Part xxx" */
{position: absolute; font-size:20pt; margin-top:70px; margin-left:80px; color:#FFFFCC;}

h1.title				/* Titre incrusté : "Mass and Gravitation" */
{position: absolute; font-size:30pt; margin-top:30px; margin-left:470px; color:#FFFFCC;}

h2.spacetime			/* Titre incrusté : "Spacetime Model" */
{position: absolute; font-size:20pt; margin-top:100px; margin-left:28px; color:#FFFFCC;}


/*****************************************************
*                                                    *
*                   MAIN STRUCTURE                   *
*                                                    *
*****************************************************/

main
{width:900px; font-family:"arial"; font-size:12pt; text-align:justify; vertical-align:top; 
margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; padding:0;
hyphens: auto; word-break:normal; color:#0000CC;background-color:#ECDBC9;}
	
aside.left
{width:240px; vertical-align:top; padding:0; border-spacing:0;
float: left; text-align:center; background-color:#ECDBC9;}

div.centre
{width:570px; padding:30px; background-color:#FFFFFF;}

p.footer
{text-indent:0; margin:0; margin-top:30px; padding:15px;
font-size:11pt; background-color:#DDDDFF;}

footer
{clear:both;}

div.bottom			/* Séparateur rose de fin de page */
{width:900px; height:50px; margin-top: 0; margin-bottom: 50px;
margin-left: auto; margin-right: auto; background-color:#ECDBC9;}	


/*****************************************************
*                                                    *
*              AUTRES BALISES COURANTES              *
*                                                    *
*****************************************************/
	
h1
{font-size:24pt; margin-top:0px; margin-bottom:0px; text-align:center;}

h2
{font-size:18pt; margin-top:20px; margin-bottom:0px ; text-align:left;}

p
{text-indent: 2em; margin-top:3px;}

aside.no-ref		/* Les deux balises <p> du <nav> dans la bande gauche*/
{margin-top:30px; margin-bottom:15px; text-align:center;}

div.flex-row
{display: flex; flex-direction: row;}

div.h1-no-ref
{margin-top:30px; margin-bottom:25px; margin-left:40px;font-family:"times new roman";
font-style:italic; font-size:24pt; text-align:left; color:grey;}

aside.h1-no-ref
{margin-top:30px; margin-bottom:25px; margin-left:40px;font-family:"times new roman";
font-style:italic; font-size:24pt; text-align:left; color:grey;}

div.h2-no-ref
{margin-top:0; margin-bottom:10px; margin-left:0; font-family:"arial";
font-size:18pt; font-weight:bold; text-align:left; color:blue;}

hr
{margin-top:50px;}

li
{margin-top:6px;}

section
{margin:0px;padding:0px;}

article
{margin:0px;padding:0px;}

/*****************************************************
*                                                    *
*                       Boutons                      *
*                                                    *
*****************************************************/


/******** PINK ********/
a.pink
{width: 160px; height: 40px; cursor: pointer; background-image: url('bt/pink.gif');
display: inline-block; text-decoration: none; text-align: center; margin-top:3px;
font-size:18px; font-weight: bold; line-height: 45px; color:darkblue;}
a.pink:hover {background-image: url('bt/pink-over.gif'); color: #4444FF;}
a.pink:active {background-image: url('bt/pink-down.gif'); line-height: 48px; color: black;}


/******** BLUE ********/
a.blue
{width: 160px; height: 40px; cursor: pointer; background-image: url('bt/blue.gif');
display: inline-block; text-decoration: none; text-align: center; margin-top:3px;
font-size:18px; font-weight: bold; line-height: 45px; color:darkblue;}
a.blue:hover {background-image: url('bt/blue-over.gif'); color: #4444FF;}
a.blue:active {background-image: url('bt/blue-down.gif'); line-height: 48px; color: black;}


/******** GREY ********/
a.grey
{width: 160px; height: 40px; cursor: pointer; background-image: url('bt/grey.gif');
display: inline-block; text-decoration: none; text-align: center; margin-top:3px;
font-size:18px; font-weight: bold; line-height: 45px; color:darkblue;}
a.grey:hover {background-image: url('bt/grey-over.gif'); color: #4444FF;}
a.grey:active {background-image: url('bt/grey-down.gif'); line-height: 48px; color: black;}


/******** GREEN ********/
a.green
{width: 160px; height: 40px; cursor: pointer; background-image: url('bt/green.gif');
display: inline-block; text-decoration: none; text-align: center; margin-top:3px;
font-size:18px; font-weight: bold; line-height: 45px; color:darkblue;}
a.green:hover {background-image: url('bt/green-over.gif'); color: #4444FF;}
a.green:active {background-image: url('bt/greendown.gif'); line-height: 48px; color: black;}