div.container
{
padding: 0 !important;
margin: 0 !important;
width: 100%;
max-width: 100%;
}
h1.main_title
{
display: none;
}	
span#tve_leads_end_content
{
display: none !important;
}
body 
{
padding: 0; 
margin: 0;
}
div.page
{
display: flex;  
flex-direction: column;
font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;	
}
#page
{
height: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
}
div.wrapper_content
{
display: grid;  
}
@media (max-width: 480px)
{
div.wrapper_content
{
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
section.tuto { grid-column: 1; grid-row: 1; }
aside.aside-right { grid-column: 1; grid-row: 2; }
section.pub { grid-column: 1; grid-row: 3; }
}
@media (min-width: 480px)
{
div.wrapper_content
{
grid-template-columns: 4fr 1fr;
grid-template-rows: auto auto 1fr;
}
section.tuto { grid-column: 1; grid-row: 1; }
aside.aside-right { grid-column: 2; grid-row: 1; }
section.pub { grid-column: 1/3; grid-row: 2; }
}		
div.page
{
background-image: url(https://guitalaya-club.com/wp-content/uploads/2020/03/essai-fond.jpg) !important;
background-size: cover;
}
div.menu
{
background: rgba(0,0,0,0.7);
width: 100%;
height: 3em;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin: 0;
padding: 0;
}
div.menu .mobile
{
margin-right: 5px;
}
a.menu
{
text-decoration: none;
font-weight: 600;
font-size: 1.5em;
color: white;
padding-left: 0.5em;
padding-right: 0.5em;
}	
a.menu:hover
{
background: #7a98e0;
}	
@media (max-width: 480px)			
{
div.menu .desktop
{
display: none;
}					
}
@media (min-width: 480px)
{
div.menu .mobile
{
display: none;
}				
}  button.menu
{
background: transparent;
font-weight: 800;
font-family: ETmodules !important;
font-size: 3em;
color: #7a98e0;
padding-top: 0.1em;
padding-right: 0.5em;
border: none;
cursor: pointer;
}  .menudown
{
position: relative;
display: inline-block;
float: right;
} .menudown-content
{
display: none;
position: absolute;
background-color: rgba(0,0,0,0.7);
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 0;
} .menudown-content a
{
font-weight: 600;
font-size: 1.5em;
color: white;
padding-top: 0.25em;
padding-bottom: 0.25em;
text-decoration: none;
display: block;
} .menudown-content a:hover {background-color: #7a98e0} .show {display:block;} 			
sectionsection.tuto
{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border: 2px;
border-color: #b3b3b3;
border-radius: 4px;
border-style: solid;
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);				
background: rgba(255, 255, 255, 0.50);
margin: 20px;
}		
sectionsection.tuto h1
{
font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
font-weight: 800;
font-size: 3em;
line-height: 1.2em;	
text-align: center;
color: #7a98e0 !important;	
margin-top: 0.5em;				
margin-bottom: 0.5em;	
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.81);			
}
@media (max-width: 800px)
{
sectionsection.tuto h1
{
font-size: 2.5em;
}
}		
@media (max-width: 600px)
{
sectionsection.tuto h1
{
font-size: 2em;
}
}
div.video
{
width: 90%;
margin-top: 0;				
margin-bottom: 2em;					
}				
aside.aside-right
{
margin: 20px 20px 20px 0;
}
aside.aside-right div.pub
{
background: rgba(255, 215, 0, 0.7); color: #5e5e5e;
font-size: 1.5em;
font-style: bold;
text-align: justify;
border: 2px;
border-color: #b3b3b3;
border-radius: 4px;
border-style: solid;
padding: 10px;
}
@media (max-width: 480px)
{
aside.aside-right
{
margin: 0 20px 20px 20px;
}			
}			
section.pub
{
margin: 0 20px 20px 20px;
}
section.pub div.pub
{
background: rgba(10,11,29,0.3);
font-size: 2em;
font-style: bold;
text-align: justify;
border: 2px;
border-color: #333;
border-radius: 4px;
border-style: solid;
padding: 10px;	
display: flex;
flex-direction: row;
justify-content: flex-start;	
}
section.pub div.text
{
padding: 0 20px 20px 20px;
}
section.pub div.text h1
{
color: white !important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.81);
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
}	
section.pub div.text p
{
color: white !important;	
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.81);				
font-size: 0.7em;
font-weight: 600;
}
section.pub div.text div.button
{
margin-top: 20px;		
}				
section.pub div.text a
{
text-decoration: none;
color: white;
font-weight: 700;
background: #101129;
border-color: #101129;
border-radius: 6px;						
padding: 5px 10px 5px 10px;
}
section.pub div.text a:hover:after
{
content: "I";
font-family: ETmodules !important;
font-size: 16px;
margin-left: 0.5em;
}		
@media (max-width: 480px)			
{
section.pub div.pub
{
flex-direction: column;	
text-align: center;
}
section.pub div.text
{
margin-top: 10px;
}
}
#footer
{
color: #7e7e7e;
background: rgba(0,0,0,0.7);
font-size: 1em;
font-style: italic;
padding: 5px 0 5px 10px;
}
p a
{
color: #7a98e0;
font-weight: 700;
text-decoration: none;
}
p  a:hover
{
text-decoration: underline;
}