/*-- ---------------------------------------------------------- --
  -- Fichier : styles.css                                       --
  -- DEFINITION DES STYLES UTILISES DANS LE GESTIONNAIRE PHOTOS --
  -- VERSION 1.0   (c) 2017                                     --
  -- ---------------------------------------------------------- --
                 ____
   /\    |      |    \    []  Website developped by Alain Pelletier - 
  /  \   |      |     |   []  Worked as a computer engineer at Sofrig-2Ai-Bull  1974 to 2009 -
 /____\  |      |____/    []  I develop any type of site for fun - with html, php, javascript, wordpress, joomla, ...
/      \ |_____ |         []  Come see some realization on http://modelegeneric.free.fr

*/

/* Styles pour l'ensemble du site ======================================================================= */
body {
	font-family: Segoe, "Segoe UI", Tahoma, Geneva, "Nimbus Sans L", sans-serif; 
	font-size: 14px;
	color: #ffffff;
}

h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;}
h4{font-size:25px;}
h5{font-size:20px;}
h6{font-size:15px;}


a:link {
	text-decoration: none;
	color: yellow;
}

a:visited {
	text-decoration: none;
	color: orange;
}

a:hover {
	color: white;
	text-decoration: underline;
}

/* Styles des différentes pages ========================================================================= */
#conteneur { 
	width:900px;  
	padding:0px;
	clear:both;
	background-color:#000000;  
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	opacity: 0.95;   
	margin-left: auto;
	margin-right: auto; /* -> 4 */
}
#index { 
/*	background-image   : linear-gradient(to right, rgba(30, 75, 115, 1),  rgba(255, 255, 255, 0));  */
	background-image   : linear-gradient(to left, rgba(255, 255, 255, 0),  rgba(0, 0, 0, 1));
	background-repeat  : no-repeat,
                         no-repeat,
                         no-repeat;			
	background-position: bottom right,
                         left,
                         right;					   
}

#table { margin: 30; color: #ffffff; }
.tabgauche {
	float: left;
	margin-left: 20;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 10px 10px 10px #000000;
}

.tabdroit {
	float: right;
/*	background-color: grey;
	filter:alpha(opacity=75); 
	-moz-opacity:0.75; 
	opacity: 0.75; */
	margin-right: 20;
	font-size: 20px;
	font-weight: bold;
/*	text-shadow: 10px 10px 10px #000000;  */
	text-shadow: 5px 5px 10px #000000;

}

image {
	border-right: 3px solid #7484BF;
	border-left: 3px solid #4056A4;
	border-top: 3px solid #4056A4;
	border-bottom: 3px solid #7484BF;
	-moz-border-radius: 10px / 10px;      
	-webkit-border-radius: 10px / 10px;      
	-khtml-border-radius: 10px / 10px;      
	border-radius: 10px / 10px; 
	behavior: url(PIE.htc);
}

img {
	border-right: 3px solid #7484BF;
	border-left: 3px solid #4056A4;
	border-top: 3px solid #4056A4;
	border-bottom: 3px solid #7484BF;
	-moz-border-radius: 10px / 10px;      
	-webkit-border-radius: 10px / 10px;      
	-khtml-border-radius: 10px / 10px;      
	border-radius: 10px / 10px; 
}

/* Styles des différents choix =========================================================================== */
.rond {     
	font-weight: bold;
	font-size: 20px;
	background-color: grey;
/*	color: #ffffff; */
	border: 1px solid #ffffff;     
	-moz-border-radius: 12px / 24px;      
	-webkit-border-radius: 12px / 24px;      
	-khtml-border-radius: 12px / 24px;      
	border-radius: 12px / 24px; 
	behavior: url(PIE.htc);
}

a.info
{
    position:relative;  
    z-index:24; background-color:#ddd;
    color:#000;
	font-weight: bold;
	border:5px solid #ddd;
    text-decoration:none ;
	-moz-border-radius: 12px / 24px;      
	-webkit-border-radius: 12px / 24px;      
	-khtml-border-radius: 12px / 24px;      
	border-radius: 12px / 24px; 
	behavior: url(PIE.htc); 
}

a.info:hover {z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span
{
    display:block;
	position: fixe;
	right: 5;
    top:5; 
	left:5; 
	text-align: justify;
	width:900px;
    border:5px solid #555;
    background-color:#555; 
	color:#fff;
	-moz-border-radius: 10px / 10px;      
	-webkit-border-radius: 10px / 10px;      
	-khtml-border-radius: 10px / 10px;      
	border-radius: 10px / 10px; 
}