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



/****************  Divers  ********************/
h2
	{text-align:center; font-style:normal; font-weight:bold; font-size:28pt;
	font-family:"arial"; margin-top:20px; margin-bottom:50px; color:#0000FF;}

h3
	{margin:0; 
	font-family:"arial"; font-weight:bold; font-size:18pt; color:#0000FF;}

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

aside.no-seo		/* Titre des articles (non-référencés SEO) */
	{margin:0; margin-top:0px; font-family:"arial";
	text-align:left; font-size:18pt; font-weight:bold; text-indent:0; color:blue;}
	
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;}

/*************** Footer *************/
footer
	{clear:both; width:670px; font-family:"arial"; font-size:12pt;
	padding: 30px; margin-left:auto; margin-right:auto; }

	
/*****************************************
*                                        *
*                  BOX                   *
*                                        *
*****************************************/

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

div.box2
{margin-top:30px; margin-bottom:10px; 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: 2px solid black; box-shadow: 5px 5px 10px gray;}

h3.box
{text-indent: 0; font-family:"arial"; text-align:left; font-weight:bold;
margin-top:25px; margin-bottom:5px; font-size:16pt; color:#0000FF;}

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

h2.box1
{font-family:"arial"; text-align:left; margin-top:10px; margin-bottom:10px;
font-size:16pt; font-weight:bold; 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;}