/* Rčgles Générales */
body, h1, h2, h3,  .contentpagetitle
{
      font-family: verdana, helvetica, sans-serif;
      margin: 0;
      padding: 0;
}

ul
{
    list-style-image:url(../images/etoile-liste.png);    
}


body
{  
    background: black;   
    font-size: small;
    text-align: justify;    
}


.lettrine
{ 
    float: left; /* positionnement de la lettrine dans le conteneur*/ 
    font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/ 
     
    font-weight: bold; 
    font-family: Georgia, Times New Roman, Times, serif; 
    color: #990000; 
    margin: 1px; 
    padding: 1px; 
    line-height: 1em; 
}

.contentpagetitle, .componentheading
{
    font-size: xx-large;
    font-weight: bold;
    color: #92000E;
}

h1,  .contentheading
{
    font-size: x-large;
    font-weight: bold;
    color: #563E31;
}
.contentpagetitle:hover
{
    color:#92000E;
}
h2
{   font-size: large;
    color: #92000E;
   
}

h3
{
    color: #A83708;
}

a
{
    text-decoration: none;
    color: #A80000;
}
a:hover
{
    font-style: italic;
    text-decoration: underline;
    color: #79762D;
}

a img 
{ 
    border: none; 
}




/* Dates, auteurs, évaluation, etc. */

.createdate, .small, .content_vote   /* style de l'intitulé "créé le" si affiché */
{
    font-size: x-small;
}

.modifydate   /* style de l'intitulé "modifié le" si affiché */  
{
    font-size: x-small; 
}           
.content_rating            /* style des résultats des votes pour un article si affiché */
{
    font-size: x-small; 
}

/*Permet de centrer le contenu de la page dans un cadre noir pour les grandes résolution (>1280*1024)*/
#contour
{
    width:100%;       
}

/*****************************************************************/
/*Contient le fond d'ecran ainsi que tous les elements de la page*/
/*                   Celle ci est centrée                        */
/*****************************************************************/  
#background
{                     
    position:relative;
    margin-left: auto;
    margin-right: auto;
    min-width: 1024px;      
    max-width: 1425px;
    background: url(../images/tlo.jpg) #c2bbb1 left top no-repeat; 
}

/****************************************************************/
/*Contient tous les éléments qui formeront le contenu de la page*/
/****************************************************************/
#conteneur_principal
{
    margin-left: 190px;


}

/*************************************************************************************************************/
/*                                         Partie Head                                                       */
/*************************************************************************************************************/

/* Header */
#header
{
    width: 934px;
    height: 358px;
    background: url(../images/header.jpg) no-repeat;       
    background-position: 0 4px;
    
}

/* Partie User */
#user1-un, #user2-un
{
    overflow: hidden;
    float:left;
    margin-top: 249px;
    margin-left: 220px;    
    height: 100px;    
    width: 570px;    
    font-size: 12px;
}

#user1-deux
{
    overflow: hidden;
    float:left;
    margin-top: 249px;
    margin-left: 220px;    
    padding-top: 3px;
    padding-right: 5px;
    height: 100px;    
    width: 280px;    
    font-size: 10px;
}
#user2-deux
{
    background: url(../images/separation.png) left no-repeat;
    float:left;
    margin-top: 249px; 
    margin-left: 1px;    
    padding-left: 10px;
    height: 90px;    
    width: 275px;    
    font-size: 10px;
}

#user1-un a, #user2-un a, #user1-deux a, #user2-deux a
{
    color: #563E31;
    text-decoration: none;
}

#user1-un li, #user2-un li, #user1-deux li, #user2-deux li
{
    list-style: none;
    padding: 2px;
}
#user1-un li:hover, #user2-un li:hover, #user1-deux li:hover, #user2-deux li:hover
{
    list-style-image:url(../images/fleche_liste_user.png);
    list-style-position: inside;
}

/*******************************************************************/
/*                     Partie Social Icons                         */
/*******************************************************************/

/* On positionne le menu contenant les social icons */
#social_menu
{
    float:left;
    margin-top: 245px;   
    margin-left : 35px;            
 
}
#social_menu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none; /* Suppression des puces */
    list-style-image: none; /* Suppression de l'image de puce par defaut */
}

   

/* On fixe la taille des icones */
      
#social_icons li
{
    width:30px;
    height:30px;
    overflow: hidden;
}  


  
/* On précise que le fond de chaque icone se déplacera vers le haut lors du Rollover */
#social_icons img:hover
{

    margin-top: -30px;
}   
      
/* Définition de l'image des social icons : RSS - TWITTER - FACEBOOK */
#rss
{
    background: url(../images/rss.png) left top no-repeat;         
}

#twitter2
{
    background: url(../images/twitter.png) left top no-repeat; 
}
#facebook
{
    background: url(../images/facebook.png) left top no-repeat; 
}

/******************Fin Social Icons*********************/

/*********************************************************************************************/
/*************************************Fin Head************************************************/
/*********************************************************************************************/

/*************************************************************************************************************/
/*                                         Corps                                                             */
/*************************************************************************************************************/

/* Partie contenant le corps du site */ 
#corps
{   
    
    min-height:605px;
    width: 934px;
    background: url(/templates/plazowa1/images/contenu_bg.png) repeat-y;     
    
}


/* Partie Contenu */
#contenu
{
    margin : 0px;
    margin-left: 150px;
    margin-right: 70px;
    padding-bottom: 120px;
}

#slideshow
{
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    border: solid #FFFBED 6px;
    text-align: left;
}


.album
{
    padding: 3px;
    margin: 10px;
    border: solid #FFFBED 3px;
    text-align: center;   
}

/*************************************************************************************************************/ 
/**************************************Fin du Corps***********************************************************/ 
/*************************************************************************************************************/ 

/*********************************************************************************************************/
/*                                   Elementy strony ustawienia                                           */
/*********************************************************************************************************/

/* Pozycja menu */
#menu
{
    position: absolute;
    padding: 0px; 
    padding-top: 60px;
    padding-left: 35px;
    padding-right: 20px;
    left: 145px;
    top : 220px;
    width: 132px;
    height: 245px;    
    background-image: url(../images/menu_bg.png);
}

#menu ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
                
#menu li
{
    list-style: none;  
    padding:5px;
    text-align:center;
}                                          
#menu li:hover
{
    list-style-image: url(../images/menu_fleche.png);      
}

#menu a
{    
    overflow: hidden;
    text-decoration: none;
    font-size: 15px;
    color: #990000;
    font-weight: bold;
}
#menu a:hover
{
    color:#445428;
    background: url(../images/bouton_menu.png) top no-repeat;        
    background-position: 50% 0px;        
}
#menu a:focus
{    
    background-position: 50% -16px;
}
 
/* Placement de la bouée au bas de l'écran*/ 
#bouee
{
    position:absolute;
    bottom: 0px;
    width: 383px;
    height: 432px;
    background-image: url(../images/bouee.png);   
}

/* Placement du pied de page : le sable */
#pieddepage
{
    position: absolute;
    background-image: url(../images/pieddepage_bg.png);
    overflow: hidden;
    width: 99%;
    height: 42px;
    bottom: 0px;
    color: #4D3419;
    font-size: 10px;
    padding-top: 70px;
    padding-left: 20px;
}