/*Codes
line-height: 50%; hauteur du texte
font-size: 100%; largeur du texte
background-image: url("images/banniere.png");                        
background-repeat: no-repeat;
border: 2px solid white;
a:active Quand le visiteur clique sur le lien
a:hover Quand le visiteur pointe sur le lien
a:focus Quand le visiteur sélectionne le lien
a:active, a:focus Appliquer le même style aux liens actifs et focus
a:visited lorsque le lien a été sélectionné
/*text-decoration: blink;*/
                                                                 
 
body                                                                    
{                                                                       
width: 90%; 
height: 90%;                                                       
margin: auto;                                                        
margin-top: 3%;                                                   
background-color: white;
/*border: 10px dashed black;*/
} 

#entete                                                                
{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
width: 100%;
height: 100px;
color: red;
background-color: #ededed;
} 

.element_entete h1 /*JOEL BARRAS*/
{
text-align: left;
padding-left: 50px;
font-size: 180%;
line-height: 50px;
font-family: "futura bk", calibri, "times new roman", serif;
letter-spacing: 10px; 
/*border: 1px dashed yellow;*/
} 

.element_entete h2 /*photographie*/
{
text-align: left;
padding-left: 60px;
font-size: 100%;
font-family: calibri, "times new roman", serif;
letter-spacing: 10px;
/*border: 1px dashed blue;*/
}

#contact /*lien sur e-mail "contact"*/
{
width: 94%; 
height: 100%;
text-align: left;
padding-left: 90px;
margin-left: 1%;
margin-top: 1%;
font-size: 90%;
font-family: calibri, serif;
/*border-top: 1px inset red;*/
/*border: 3px dashed yellow;*/
}

.element_contact a:hover /*etat esthetique des liens lorsque le curseur passe dessus*/                                                 
{                                                                                                                  
color: red;
text-decoration: none;                                                        
}

.element_contact a
{
color: grey;
text-decoration: none;
}

#photo_index a img /*image affichée sur la page d'index*/
{
border: none;
/*border: 3px dashed red;*/
}

#menu                                                                   
{ 
float: left;
width: 50%;
height: 100%;
/*border: 1px dashed purple;*/
}                                                                       

.element_menu
{
float: left;
margin-top: 5%;
margin-left: 30%;                                                                                                                                                        
/*border: 3px dashed orange;*/                                            
}                                                                       


.element_menu h1 /*portfolio*/
{
padding-left: 5px; 
margin-top: 15%;  
font-size: 120%; 
letter-spacing: 15px;                                                                   
color: black;                                                      
font-family: calibri, Arial;                                                                 
text-align: left; 
/*border: 1px dashed blue;*/
}                                                                       

.element_menu ul         /*liste thèmes de la page menu humain, urbain*/                                             
{
line-height: 220%;
margin-top: 18%;
margin-left: 8%; 
text-indent: 5%;                                                                
list-style-image: url("divers/logo_20.png");
letter-spacing: 10px; 
font-size: 100%;
font-family: calibri, Arial, Times, serif; 
/*border: 1px dashed pink;*/
}   

.element_menu a                                                         
{                                                                       
color: grey;
text-decoration: none;                                                        
} 

.element_menu a:hover  /*etat esthetique des liens*/                                                 
{                                                                                                                    
color: red;
text-decoration: none;      
}

#commentaire  /*commentaire sur page contact*/                                                          
{ 
float: left;
margin-left: 10%;
width: 45%;
height: 70%;
margin-top: 2%;                                                                  
padding-left: 0%;
border: 1px dashed purple;
}                                                                       

.element_commentaire 
{
float: left;
margin-top: 5%;
margin-left: 15%;                                                                                                                                                        
border: 3px dashed orange;                                            
}                                                                       

/* Quelques effets sur les menus */                                     

.element_commentaire  h3
{
padding-left: 15%; 
text-indent: -15%;
margin-top: 5%;  
font-size: 120%; 
letter-spacing: 15px;                                                                   
color: black;                                                      
font-family: calibri, Arial;                                                                 
text-align: left; 
border: 1px dashed blue;
}                                                                          

.element_commentaire a                                                         
{                                                                       
color: black;
text-decoration: none;                                                        
} 


#pied_de_page                                                           
{
width: 94%; 
height: 100%;
margin-left: 1%;
margin-top: 1%;
padding-left: 90px;
text-align: left;
font-size: 70%;
color: red;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
letter-spacing: 5px;
border-top: 1px inset #ededed;
/*border: 4px dashed yellow;*/
}