body    {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: black;
         margin:0; background: LightBlue url(pics/eiffel2-xpar.png) fixed no-repeat; 
         background-size: contain; background-position-y: 80%; } /* #444452 */
a:link  {font-size:14px; color: white; text-decoration:none}
a:visited {font-size:14px; color: white; text-decoration:none}
/* a:hover {font-size:14px; color: white} */

table   {width:690px; background-color:OldLace; border:0; border-spacing:0; margin:0 auto;}
td      {font-size:14px; color:black;}
img     {border:0; margin:0; padding:0}

h1, h2  {font-family: Cambria, serif; color:darkred; text-align:center;}
h1      {font-variant-caps: small-caps; font-size:24pt; font-style:italic; letter-spacing:2px; 
         text-shadow: 1px 1px 1px gray;  line-height:20px; padding:8px 0 0px; margin:0;}
h2      {letter-spacing:1px; font-weight:bold; font-size:20px; line-height:8px; padding:0 0 4px}
.h3     {text-align:center; font-size:20px; color: black;}
h3      {width: 630px; background: royalblue; padding: 13px 10px 10px; margin: 0 auto;
         text-align: center; font-size: 16pt; color: yellow; font-weight: bold;
	  	 border-radius: 20px;} /* liens de l'entête = #4A5ADD */
h4      {text-align:center; font-size:20px; color: darkred; padding:12px 0 0px; margin:0;}

hr      {width:90%; height: 0; color:red; border:3px dashed salmon; margin: 0 auto 20px;}

.menu2  { position:sticky; top:0; z-index:5; }
.top    {text-align:center; font-size:10px; color:black; border:0px; margin:0px; padding:0px;
       background: linear-gradient(#8AAAED 13%, #4A5ADD 13% 85%, #2A2A8D 85%); } /* = 3 bandes nettes */
    /* background: linear-gradient(#7A7ADD 10%, #5A5ACD, #2A2A9D 90%); } /* 3 bandes dégradées */
		 /* voir box-shadow:0 3px gray; sur <tr> ? avec border > 0 ? 
		 OU background: linear-gradient(#6A7ADD, #3A2A9D); slateblue = #6A5ACD */
.atop   {text-align:center; font-size:14px; color:white; border:0px; padding:0 7; margin:0; 
         text-shadow: 2px 2px 1px black;}
.atop-y {text-align:center; font-size:14px; color:yellow; border:0px; padding:0 7; margin:0; 
         font-weight:bold; text-shadow: 2px 2px 1px black;}
.bas    {text-align:center; font-size:10px; border:0px; margin:0px; padding:0px;
         background-color: #5A5ACD; }
.a2     {font-size:14px; color:darkblue; text-decoration:underline; font-weight:bold;}
.p-b    {font-size:14px; color:black;}
.p-bc    {font-size:14px; color:black; text-align:center;}
.p-bj    {font-size:14px; color:black; text-align:justify; }
.p-bj16  {font-size:16px; color:black; text-align:justify; }
.p-b-sm  {font-size:12px; color:black;}
.p-lien  {font-size:18px; color:black;}
.p-lienb {font-size:16px; color:darkblue;}
.p-blue-l {font-size:18px; color:blue;}
.p-blue {font-size:18px; color:blue; text-align:center;}
.p-vert {font-size:18px; color:green;}
.p-db   {font-size:14px; color:darkblue; text-align:center;}
.p-dbb  {font-size:16px; color:darkblue; text-align:center;}
.p-db-l {font-size:14px; color:darkblue; text-align:left;}
.p-db-j {font-size:14px; color:darkblue; text-align:justify; }
.p-y    {font-size:14px; color:yellow;}
.p-y2   {font-size:14px; color:darkgoldenrod;}
.p-w    {font-size:14px; color:white;}
.p-w1   {font-size:14px; color:red;}
.p-w2   {font-size:16px; color:red;}
.td-r   {font-size:14px; color:black; font-weight:bold; text-align:right}
.photo  {background-color:bisque; border:3px solid gray; margin:0 20px 0 20px;
         padding:25px 20px 0 /*px 20px*/;}
.photo1 {background-color:bisque; border:0; margin:30px 30px 10px 30px;
         padding:15px 15px 5px 15px;}
.photo2 {background-color:bisque; border:3px solid gray; margin:0 20px 0 20px;
         padding: 20px 20px 16px;}
.push, .push2 {width:236px; border:6px solid blue; border-color:#fff #999 #666 #fff; 
	   background-color:linen; text-align:center; padding:7px 0 3px 0; margin:5px 0 3px 0;
	   color:darkblue; font-size:14; font-weight:bold; border-radius:20px}
.push:hover  {background-color:peachpuff; color:darkred;}
.push2 {width:600px; margin: 0 auto; color:#f3f6fd;  background-color:#1039A5; font-size:20px;
        color:yellow; padding:10px 0 6px 0;
   /*     box-shadow: 1px 1px 3px #000; border-width:medium; */}
		
.ligne:hover {background-color:white}

/* Spic = small pic HOVERPOPUPS */
.spic  {position:relative; float:center; padding:5px; z-index:3;} /* car menu2 = z-index:5 */
.spic:hover {background-color:#e9e9e2; z-index:7; color:#335500; text-decoration:none;}
.spic span { /* CSS box for big image */ position:absolute; background-color:#f5f5f5; 
            padding:5px; border:1px solid #666; visibility:hidden; color:black; 
			text-decoration:none; text-align:center}
.spic span img { /* CSS for big image */ border-width:0; /* padding: 2px; */}
.spic:hover span { /* CSS for big image on hover */ visibility:visible; 
                 top:5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
                 left:-10px; /* position where big image should offset horizontally */}

.box-page  {width: 690px; background-color: Azure; margin: 0 auto; position: relative; top: -5px;
            padding: 10px 20px 0; }
.box-logo  {width: 730px; background-color: #5A5ACD; margin: 0 auto; position: relative; top: -6px;
            display: flex; justify-content: space-around; align-items: center; padding: 10px 0 5px;}
.box-logo2 {width: 730px; background-color: #5A5ACD; margin: 0 auto; position: relative; top: -6px;
            padding: 0 0 5px; }
.box-phot  {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}

/* En-tête, sans <table> */
.box-lien1, .box-lien2 {width: 730px; margin: 0 auto; display: flex; justify-content: space-around;
       font-size:10px; border:0; padding:10px 0;
       background: linear-gradient(#8AAAED 13%, #4A5ADD 13% 85%, #2A2A8D 85%); } 
	   /* = 3 bandes nettes, centre = #4A5ADD */
.box-lien2 {position: relative; top: -5px; padding:10px 0 8px;}
.box-titre {width: 730px; margin: 0 auto; display: flex; border:0; padding: 0; 
            background: linear-gradient(to right, Azure 90%, #1039A5 90%);}
.title  {margin: 0 auto;} 
.title2 {font-family: Cambria, serif; font-size:12pt; color:black; text-align:center;
         letter-spacing:normal; font-weight:bold; line-height:0; margin:16px 0 14px;}

/* menu déroulant */
.box-md  {width: 230px; background-color: royalblue; border: thin solid linen; }
.item-md {border: 2px solid linen; padding: 8px 5px;}
.menu-d  {position: relative; display: inline-block;}
.menu-d-content {display: none; position: absolute; background-color: #f9f9f9;
                 min-width:160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                   padding: 0; z-index: 1;}
.menu-d:hover .menu-d-content {display: block;}
.push1       {background-color:royalblue; text-align:left; padding:7 10 3 10;
	         color:white; font-size:15;}
.push1:hover {background-color:darkblue; color:linen}

.box      {display: flex;} /* remplace les <table> */
.box-1    {margin: 0 10px 0 10px; font-size: 10pt; }
/* .box-2    {margin: 10px 0 10px 0;} */