/*****************************************************
*                                                    *
*                 BALISES PRINCIPALES                *
*                                                    *
*****************************************************/

body		/* fond dégradé : C46622 = Marron clair */
	{padding:0; margin:0; background-image:url("img/fond.jpg");
	background-repeat:repeat-x; background-attachment:fixed; background-color:#C46622;}
	
main
	{width:900px; font-family:"arial"; font-size:14pt; text-align:justify; 
	margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto;
	vertical-align:top; padding:0; hyphens:auto; word-break:normal; color:#0000AA;}
		
article 	/* Pour tests : FFFF0F = Jaune*/
	{width:800px; margin:0; padding:0; background-color:#FFFFFF;}
	
section 	/* Pour tests : FF0FFF = Violet */
	{width:740px; vertical-align:top; padding:0; padding-bottom:30px;
	margin-top:0; margin-bottom:0; margin-left:30px; margin-right:auto;	background-color:#FFFFFF;}
	
div.horizontal	/* Fond de page : FFC880 = rose-chair */
	{width:900px; display:flex; flex-direction:row; background-color:#FFC880;}

/*****************************************************
*                                                    *
*                   AUTRES BALISES                   *
*                                                    *
*****************************************************/

/************** Image d'Einstein ****************/
div.top
	{background-image:url("img/spacetime.jpg");
	width:900px; height:250px;
	margin-top: 20px; margin-bottom: 0; margin-left: auto; margin-right: auto;}

h2.title		/* Titre incrusté : "Spacetime Model" */
	{position: absolute; margin-top:130px; margin-left:350px;
	font-family:"times new roman";
	font-style:italic; font-weight:bold; font-size:30pt; color:#FFFFC0;}

h3.title		/* Titre incrusté : "A new Theory of Everything" */
	{position: absolute; margin-top:180px; margin-left:330px;
	font-family:"times new roman";
	font-style:italic; font-weight:bold; font-size:20pt; color:#FFFFC0;}


/************** FLEX : Row et Column ****************/
div.flex-column
	{display:flex; flex-direction:column;}
	
div.bande	/* Bande hotizontale gauche : FFC880 = rose-chair */
	{width:50px; vertical-align:top; float:left; padding:0; background-color:#FFC880;}


/************** Séparateurs *********************/
hr
	{margin:0; width:800px; background-color:black;}
	
div.separateur												/* Séparateur rose très clair */
	{margin: 0; width:800px; height:50px; background-color:#FFE0A0;}
	
div.bottom													/* Séparateur rose-chair de fin de page */
	{width:900px; height:50px; margin-top: 0; margin-bottom: 50px;
	margin-left: auto; margin-right: auto; background-color:#FFC880;}


/*************** Titres de la page *************/
aside.no-ref		/* Titre principal non référencé */
	{font-size:28pt; text-align:left; font-style:italic;
	font-family:"times new roman";  margin-left:40px; margin-bottom:30px; padding-top:50px;	color:#666666;}
	
h1
	{font-size:28pt; text-align:center; font-style:normal; font-weight:bold; 
	font-family:"arial"; padding:0; color:#0000FF;}


/****************  <h2>...<h6> ********************/	
h2
	{font-size:24pt; text-align:left; font-style:normal; font-weight:bold; 
	font-family:"arial"; margin:0; padding-left:30px; color:#0000FF; }

h3
	{font-size:18pt; text-align:left; font-style:normal; font-weight:bold; 
	font-family:"arial"; margin:0; margin-bottom:10px; color:#0000FF;}

h4
	{font-size:18pt; text-align:left; font-style:normal; font-weight:bold; 
	font-family:"arial"; margin:0; margin-top:20px; margin-bottom:0px; color:#0000FF;}

h5
	{font-size:16pt; text-align:left; font-style:normal; font-weight:bold; 
	font-family:"arial"; margin:0; margin-top:20px; margin-bottom:6px; color:#0000FF;}

aside.h4		/* Titre des articles (non-référencés SEO), Equivalent <h4> */
	{font-size:18pt; text-align:left; font-style:normal; font-weight:bold; 
	font-family:"arial"; margin-top:20px; margin-bottom:5px; color:#0000FF;}


/********************* Autres ********************/
p	{margin-top:0; margin-bottom:7px; margin-left:0; margin-right:0;
	text-indent: 2em;}

strong
	{font-weight:normal;}

li  
	{margin-left:10px;}

ul
	{margin-top:0; margin-left:30px; margin-bottom:7px;}

figure
	{text-align:center; margin-top:20px; margin-bottom:0;}
	
figcaption
	{margin-bottom:20px;}

/*************** Footer *************/
footer
	{clear:both; width:700px; padding: 20px; margin-left:auto; margin-right:auto; }

p.footer
	{text-indent:0; margin:0; padding:15px; font-family:"arial";
	font-size:11pt; background-color:#FFFFFF;}

/*************** Box *************/
div.box1
	{margin-top:20px; margin-bottom:20px; margin-right:auto; margin-left:auto;
	width:600px; padding:30px; border: 2px solid black; background-color:#FFFFCC;
	border: 1px solid black; box-shadow: 5px 5px 10px gray;}

div.box2
	{margin-top:30px; margin-bottom:30px; margin-right:auto; margin-left:auto;
	width:600px; padding-left:30px; padding-right:30px; padding-top:10px;
	padding-bottom:30px; border: 2px solid black; background-color:#FFFFCC;
	border: 1px solid black; box-shadow: 5px 5px 10px gray;}

p.box
	{font-family:"arial"; text-align:left; margin-top:10px; margin-bottom:10px;
	font-size:16pt; font-weight:bold;color:#0000BB;}

h4.box1
	{font-family:"arial"; text-align:left; margin-top:10px; margin-bottom:10px;
	font-size:16pt; font-weight:bold; text-indent: 2em; color:#0000BB;}

li.box
	{text-indent:0; font-size:14pt;}	

/*************** Button *************/
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;}