html, body{ 
    margin:0; 
    padding:0; 
	background-color:rgb(247,244,244); /*Couleur de fond*/
 }
 
 
 /*entete*/
 
 header{
    padding:25px 0px;/*Marge verticale*/
    text-align:left;/*texte centré*/
	display:block;
	    
}

#LLL
{
	font-size: 48px;
	font-family: calibri;
	color: rgb(18,35,63);
	
}
#LLLslogan
{
	font-size: 28px;
	font-family: calibri;
	color: rgb(18,35,63);	
}

#titel
{
	font:2em calibri;
	color: rgb(18,35,63);	
}


#contenu{
    
}


nav
{
text-align: center;
font-weight : bold;

}

nav a
{
color: rgb(92,92,92);
font-family: calibri;
text-decoration: none;
}

nav a:hover
{
color: rgb(18,35,63);
text-decoration: none; 
}
nav a:visited
{
color: rgb(92,92,92);
text-decoration: none; 
}


h1, h2
{
color: darkgrey; /* applique la couleur grise au paragraphe */
font:2em calibri;/* Taille et police de caractère utilisées */
text-align: justify;
background-color: white;
}

h1 p, h2  p, li
{
color: rgb(82,82,82); 
font:1em calibri;
text-align: justify;
background-color: white;
}

h3
{
color: rgb(18,35,63); 
font-family: calibri;
font-size: 24px;
text-align: justify;
background-color: white;
}

h4
{
color: rgb(136,0,21); 
font:2em calibri;/* Taille et police de caractère utilisées */
text-align: justify;
background-color: white;
}

h4 p
{
color: rgb(136,0,21); 
font:1,5em calibri;
text-align: justify;
background-color: white;
}


p{
    font:1em calibri;/* Taille et police de caractère utilisées */
	color: rgb(92,92,92);
    margin-bottom:1em;/* Marge inférieure */
}


table, aside
{
color: rgb(82,82,82); 
font:1em calibri;
text-align: justify;
background-color: white;
min-width: 300px;

}

aside
{
background-color: white;
}
aside a:link
{
	color: black;
}

aside a:visited 
{
	color: black;
}
aside a:hover 
{
	color: black;
}

.entete{
    width:60%;/*Taille de la colonne centrée moins le padding*/
	min-width: 600px;
    background-color: white;/*Couleur de fond carré*/
	margin: auto; /*centrer la colonne*/
    padding:25px;/*margin interne*/
}

.logo
{
	float: left;
}

.email
{
text-align: center;
font-weight : bold;
color: rgb(70,70,70); 
font:2em calibri;
}
.titelsales
{
text-align: center;
font-weight : bold;
color: rgb(18,35,63); 
font:2em calibri;
}
.sales
{
text-align: center;
font-weight : bold;
color: rgb(160,160,160); 
font:1,8em calibri;
}

.activesales
{
text-align: center;
font-weight : bold;
color: rgb(18,35,63); 
font:1,8em calibri;
}

.flags
{
text-align: right;
}

.name, .tdphoto, .table
{

	max-width: 22%;
	padding:25px;
}

.pictrophies
{
max-height: 300px;
text-align: center;
}
/*pied de page*/


.footer{
    width:60%;/*Taille de la colonne centrée moins le padding*/
	min-width: 600px;
    background-color: white;/*Couleur de fond*/
    margin: auto; /*centrer la colonne*/
    padding:25px;/*margin interne*/
}

.DE:hover
{
	opacity: 0.5;
}
.EN:hover
{
	opacity: 0.5;
}
.FR:hover
{
	opacity: 0.5;
}

/*corps du site*/


.colonne{
    width:60%;/*Taille de la colonne centrée moins le padding*/
	min-width: 600px;
	background-color:#FFFFFF;/*Couleur de fond*/
    margin: auto; /*centrer la colonne*/
    padding:25px;/*margin interne*/
}


footer{
    padding:25px 0px;/*Marge verticale*/
    
    text-align:center;/*texte centré*/
	font-family: calibri;
	color: rgb(18,35,63);
	
}

footer a:link
{
	color: black;
	text-decoration: none;
}
footer a:visited 
{
	color: black;
	text-decoration: none;
}
footer a:hover 
{
	color: black;
	text-decoration: none;
}