/* CSS Document */

body{width:1024px;
    margin:auto;
    }

#page{
    background:url(../images/fond18.gif) no-repeat 0 0;
    margin:auto;
    }

/*représente la div du menu*/
#menu{
    float:left;
    width:203px;
    }
    
/*représente l'affichage de la liste à puce du menu, class posée sur le ul*/
.menu{
    list-style-type:none;
    list-style-position:outside; 
    display:block;
    float:left;
    margin-left:7px;
    font-family:"Verdana", "sans serif";
    font-size:12px;
    }

/*représente le menu horizontal en onglet avec tous les livres, et les catégories de livres. Cet élément de CSS est aussi utilisé pour les onglets de l'art shop (toutes les oeuvres, photos, graff, visions d'aujourd'hui)*/
#menu2{
    margin-top:111px;
    margin-left:23px;
    /*width:203px;*/
    list-style-type:none;
    float:left;
    }
    
.menu2{
    display:inline;
    float:left;
    }

.defile_img{
    float:left;
    margin-top:35px;
    margin-left:0px;
    margin-bottom:5px;
    }

/*class posée sur les liens d'images afin d'en supprimer le contour et de faire un petit espacement entre chaque lien de la liste du menu*/


a{
  color:#000000;
  text-decoration:none;
  font-family:"Verdana", "sans serif";
  font-size:11px;
  line-height:14px;
  }

a:hover{
  color:#666666;
  text-decoration:none;
  font-family:"Verdana", "sans serif";
  font-size:12px;
  line-height:16px;
  }

/*représente la classe du lien de la page index*/
.index{
  color:#ffffff;
  text-decoration:none;
  font-family:"Verdana", "sans serif";
  font-size:11px;
  line-height:14px;
  }

/*définition de formatage du titre "catégories d'ouvrages"*/
h1{
  color:#000000;
  text-decoration:none;
  font-family:"Verdana", "sans serif";
  font-size:16px;
  line-height:16px;
  margin-top:50px;
  margin-left:250px;
  }

/*définition de formatage du titre "Evènements" de la page d'accueil*/
h2{
  color:#000000;
  text-decoration:none;
  font-family:"Verdana", "sans serif";
  font-size:14px;
  line-height:16px;
  margin-top:145px;
  margin-left:30px;
  } 
    
/*représente la mise en forme du paragraphe du corps de la page*/
.corps{
  margin-top:145px;
  margin-left:40px;
  float:left;
  width:730px;
  }

.corps_cat{
  margin-left:40px;
  float:left;
  width:730px;
  }

/*représente la mise en page du corps du texte de la page "nous"*/
.corps_nous{
  margin-top:145px;
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_nous.gif) no-repeat 0 0;
  }

/*représente la mise en page du corps du texte de la page "explicit-lyrics"*/
.corps_explicit{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_explicit.gif) no-repeat 0 0;
  }

/*représente la mise en page du corps du texte de la page "Anart"*/
.corps_anart{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_anart.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page "léonard"*/
.corps_leonard{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_leonard.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page "tripalium"*/
.corps_tripalium{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_tripalium.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page "slavery"*/
.corps_slavery{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_slavery.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page "napoleon"*/
.corps_napoleon{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_napoleon.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page "esclaves"*/
.corps_esclaves{
  margin-left:28px;
  float:left;
  width:730px;
  background:url(../images/fond2_esclaves.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page d'accueil*/
.corps_accueil{
  margin-top:135px;
  margin-left:20px;
  float:left;
  width:730px;
  height:470px;
  background:url(../images/fond2_accueil.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page d'accueil*/
.corps_art{
  margin-left:20px;
  float:left;
  width:730px;
  height:470px;
  background:url(../images/fond2_art.gif) no-repeat 0 0;
  }

/*représente le fond en image de la page "qui contacter ?"*/
.corps_contact{
  margin-top:145px;
  margin-left:5px;
  float:left;
  width:730px;
  height:470px;
  background:url(../images/fond2_contact.gif) no-repeat 0 0;
  }

/*définit l'affichage des titres img de chaque page*/
.img_titre{
  float:left;
  margin-top:7px;
  }

/*représente l'affichage des coordonnées dans la page "nous"*/
.coordonnees{
  margin-left:550px;
  float:none;
  line-height:13px;
  font-family:"Verdana", "sans serif";
  font-size:11px;
  }

/*représente la mise en page des paragraphes du corps du texte des pages*/
.p_corps {
  text-indent:2em;
  font-family:"Verdana", "sans serif";
  font-size:12px;
  line-height:16px;
  }

/*représente la mise en page des paragraphes du corps du texte spécifique à la page de explicit lyrics*/
.p_corps_explicit {
  text-indent:2em;
  font-family:"Verdana", "sans serif";
  font-size:12px;
  line-height:16px;
  text-align:justify;
  margin-right:15px;
  }

/*représente toutes les informations à insérer en petit dans les pages*/
.p_corps_petit{
  font-family:"Verdana", "sans serif";
  font-size:10px;
  line-height:16px;
  text-align:justify;
  margin-right:15px;
  }
  
.p_corps_auteurs{
  font-family:"Verdana", "sans serif";
  font-size:12px;
  line-height:16px;
  }

/* mise en forme attribuée aux paragraphes de la page index*/
.p_index{
  font-family:"Verdana", "sans serif";
  font-size:11.5px;
  line-height:14px;
  margin-left:20px;
  width:360px;
  }

/* mise en forme attribuée aux paragraphes de la page de présentation art shop*/
.p_art{
  font-family:"Verdana", "sans serif";
  font-size:12px;
  line-height:14px;
  margin-left:20px;
  width:340px;
  }

/*représente le positionnement des noms de catégories dans la page "les livres"*/
.td_categorie{
  font-family:"Verdana", "sans serif";
  font-size:12px;
  line-height:16px;
  float:left;
  margin-top:50px;
  }

/*représente le bloc de couverture de la page "les livres"*/
.img_livres{
  float:none;
  padding:2px;
  }

/*couverture grand format de la page du livre explicit lyrics*/
.img_couv{
  margin-top:0px;
  float:left;
  }

/*représente la mise en page des couvertures de livres dans la page "les livres"*/
.couv{
  margin-left:20px;
  }

/*représente la mise en forme du titre des catégories de livres sur chaque page*/
.titre_cat{
  float:left;
  margin-left:550px;
  }

/*représente la div dans la div "corps" de la page de présentation de chaque ouvrage*/
.texte{
  width:465px;
  float:left;
  margin-top:10px;
  }

/*représente la div dans la div "corps" de la page de présentation de anart et de napoleon puisque les couv font la même largeur*/
.texte_anart{
  width:420px;
  float:left;
  margin-top:10px;
  }

/*représente la div dans la div "corps" de la page de présentation de Up from Slavery*/
.texte_slavery{
  width:425px;
  float:left;
  margin-top:10px;
  }

/*représente la div dans la div "corps" de la page de présentation de Up from Slavery*/
.texte_esclaves{
  width:510px;
  float:left;
  margin-top:10px;
  }

/*cette div représente la mise en forme du texte dans le corps de la page index*/
.texte_index{
  float:left;
  margin-top:160px;
  }

/*cette div représente la mise en forme du texte dans le corps de la page art shop*/
.texte_art{
  float:left;
  margin-top:145px;
  }

/*représente la div qui met en forme l'image-lien issue de secours vers la toutes les oeuvres*/
.issue{
  float:left;
  margin-top:35px;
  margin-left:100px;
  }

/*représente la div qui met en forme l'image-lien de la couverture de tripalium de l'index vers la page de tripalium*/
.img_tripalium{
  float:left;
  margin-left:8px;
  }

/*représente la mise en forme de la catégorie Textes d'époque dans la page onglet de cette cat*/
.cat_textes_depoque{
  float:left;
  margin-left:100px;
  }

.cat_cultures_actuelles{
  float:left;
  margin-left:200px;
  }

.cat_fiction_du_reel{
  float:left;
  margin-left:260px;
  }

/*span permettant de mettre tous les éléments de texte souhaité en gras*/
.gras{
  font-weight:bold;
  }

/*span permettant de mettre tous les éléments de texte souhaité en souligné*/
.souligne{
  text-decoration:underline;
  }

/*représente le positionnement du titre boutique dans la page boutique*/
.img_boutique{
  margin-top:30px;
  }

/*représente le positionnement des boites panier et informations dans la page boutique*/
.boite_panier{
  margin-top:130px;
  margin-right:10px;
  margin-left:10px;
  }

/*représente le positionnement du tableaux de commande dans la page shopping_cart.php, privacy.php, shipping.php*/
.position_tab_boutique{
  margin-top:120px;
  margin-bottom:20px;
  margin-left:10px;
  }

.facebook{
  background:url(../images/bloc_facebook.gif) no-repeat 0 0;
  }