/* 
    Document   : style
    Created on : 17 août 2013, 14:32:29
    Author     : manuxx
    Description: CSS Globale
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/*mise en page générale*/
body{
    background: url("pics/black_background.jpg") fixed;/*images de fond*/
    background-color: DarkSlateGray;/*couleur de fond en attente des images ou si bug*/
}

/*texte normal*/
.texte{
    color: whitesmoke;
    font-family: verdana;
    text-align: justify;
    border: 1px darkgray ridge;
    border-radius: 5px / 10px;/*arrondi de bordure*/
    /*box-shadow: 5px 5px 0px gray;/*ombre du paragraphe*/
    width: 50%;/*largeur*/
    max-width: 1024px;/*largeur max*/
    margin: auto;/*centrage auto*/
    padding: 10px;/*marge interne*/
    margin-top: 50px;/*decalage avec le titre*/
    line-height: 30px;/*hauteur de ligne*/
}

/*titres principaux h1*/
h1{
    color: whitesmoke;
    font-family: verdana;
    text-align: center;
    /*text-shadow: 3px 3px 1px darkgray;/*ombre du texte*/
    margin-top: 150px;
}

/*titres secondaires h2*/
h2{
    color: darkgray;
    font-family: verdana;
    text-align: center;
    margin-top: 150px;
}

/*titres des paragraphes*/
h3{
    color: darkgray;
    font-family: verdana;
    text-align: center;
    text-decoration: underline;
    margin-top: 15px;
}

/*titres à l'intérieur des paragraphes*/
h4{
    color: darkgray;
    text-align: center;
    text-decoration: underline;
}
/*menus intérieur des pages*/
.menu_int{
    text-align: center;
    color: whitesmoke;
    list-style-type: none;/*supprime les puces du menu*/
}

.menu_int li{
    padding: 10px;/*espacement des lignes du menu*/
}

/*droits bas de page*/
.droits{
    color: darkgray;
    font-family: verdana;
    text-align: center;
    font-size: small;
}

/*liens par défaut*/
a{    
    color: graytext;
}

/*liens survolés*/
a:hover{
    text-decoration: none;
    color: darkgray;
}

/*liens visités*/
a:visited{
    text-decoration: none;
    color: darkgray;
}

/*logos des amis*/
.logos{
    text-align: center;
    opacity: 0.5;
}

/*logos suvolés*/
.logos:hover{
    opacity: 1;
}

/*menu*/
nav{
    font-family: verdana;
    display: inline-block;
    text-align: center;
    margin: auto;
    position: absolute;
}


nav ul{
    list-style-type: none;/*supprime les puces du menu*/
    display: inline-block;
}

nav li{
    padding: 10px;/*espacement des lignes du menu*/
}

/*liens du menu*/
nav li a{
    text-decoration: none;/*supprime le soulignement des liens du menu*/
}



@media screen and (max-width: 900px){
ul#menu li{
    display: inline; /*menu en ligne*/
    padding: 0 0.5em; /*espace entre bouton*/
    }
}