/* Définition des polices */
/* Eléments principaux de la page */

body
{
	background: url(image/image-lotto-baseV.jpg) fixed;	
	font-family: Verdana, Arial, "Time New Roman", sans-serif;
	font-size: 16px;		
}
@media screen and (max-width: 1024px)
 {
	body
		{	
			background: none;
			font-size: 18px;	
		}
 }

body nav
{	
    position: fixed;
    left: 10px;
    top: 10px;		
}


#nav
{
	text-align: center;
	font-size: 18px;
	text-decoration: none;	
}

#nav:hover
{
    color: #760001;    
}

body h1
{
	color: rgb(0, 0, 100) /* couleur bleue */;
	text-align: center;
	text-shadow: 1px 1px 1px black;
}

/* couleur rouge dans titre h1 */
#color
{
	color: rgb(204, 0, 0);
}

body h2
{
	color: rgb(204, 0, 0);
	font-size: 24px;
	text-align: center;
	text-shadow: 1px 1px 1px black;
}

body h3
{
	color: rgb(204, 0, 0);
	font-size: 20px;
	text-align: center;	
	font-weight: normal;
}

#bloc_page
{	
	margin: auto; /*auto=centré*/
	border: 1px red solid;
	border-radius: 10px 10px 0px 0px;
	background-color: white;
	width: 700px; 
	padding: 5px 50px 5px 50px;		
}
@media screen and (max-width: 900px)
 {
	#bloc_page
		{	
			width: auto;
			text-align: left;
			padding: 5px 5px 5px 5px;
			border: none;
		}
 }

#note_legale
{
	margin: auto; /*auto=centré*/
	width: 800px;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 900px)
 {
	#note_legale
	{		 
		width: 95%;
	}
 }

/* tables-a retirer */
#cout
{		 
	text-align: left; 
	margin-left: 50px;	
	border: 0px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
/* tables-a retirer */
@media screen and (max-width: 900px)
 {
	#cout
{		 
	text-align: left; 
	margin-left: 0px;	
	padding: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-top: 1px;
}
 }

#satisfaction, #signal
{
	float: left;	
}

#ok, #cadeau
{
	float: left;	
}

#ebook
{
	width: 560px; height: 720px;
	padding: 5px;		
}

@media screen and (max-width: 750px)
{
	#ebook
	{
		width: 448px; height: 576px;			
	}
}

@media screen and (max-width: 470px)
{
	#ebook
	{
		width: 358px; height: 460px;			
	}
}

/*a retirer*/
#tome
{
	width:700px;
}
@media screen and (max-width: 750px)
 {
	#tome
	{		 
		width:500px;
	}
 }
 @media screen and (max-width: 470px)
 {
	#tome
	{		 
		width:300px;
	}
 }

 /*àretirer*/
#tome img
{
	margin-right: 10px;
}
@media screen and (max-width: 750px)
 {
	#tome img
	{		 
		margin-right: 5px;
	}
 }

#promesse
{
	color: rgb(0, 0, 102); 
	font-family: Segoe Print;
	font-weight: bold; 
	font-style: italic;
	text-align: center;
	font-size: 20px;
}

#remboursement, #dany
{
	color: rgb(0, 0, 102); 
	font-family: Segoe Print;
	font-weight: bold; 
	font-style: italic;
	font-size: 15px;
}

#cagnotte
{
	text-align: center;
	width: 450px;
}
#tome, #entete
{
	text-align: center;	
	border: 0px;
	padding: 0px;
	margin: 0px
}

#entete 
{
	width: 650px;
}
@media screen and (max-width: 750px)
{
	#entete
	{
			width:94%;
	}
}
#economie
{	 
	background-color: rgb(179, 199, 247);
	width: 650px;
}
@media screen and (max-width: 750px)
{
	#economie
	{
			width:94%;
	}
}
#rapport
{
	text-align: center;
	width: 650px;
	padding: 1px;
	margin-bottom: 5px;
	font-size: 11pt;
}
@media screen and (max-width: 750px)
{
	#rapport
	{
			width:94%;
			font-size: 12pt;
	}
}
#nbre, #cmpr
{	
	width: 162px;
	background-color: rgb(238, 243, 253);
}
@media screen and (max-width: 750px)
{
	#nbre, #cmpr, #votre, #prix
	{
			width:24%;
	}
}
#prix
{
	width: 164px;
	background-color: rgb(238, 243, 253);
}
#votre
{
 	width: 162px; 
	background-color: rgb(179, 199, 247);
}
#garantie1, #garantie2
{
	width: 700px;
	border: 1px red solid;
	border-radius: 10px 10px 0px 0px;	
}
@media screen and (max-width: 750px)
 {
	#garantie1, #garantie2
	{		 
		width:95%;
		border-radius: 7px 7px 0px 0px;
	}
 }

#garantie
{
	width: 700px;
}
@media screen and (max-width: 750px)
{
	#garantie
	{
			width:96%;
	}
}


/* fin tables */