/* CSS pour la page d'accueil' */

#divAccueilGauche
{
    width: 45%;
    float: left;
}

#divAccueilDroite
{
    width: 45%;
    float: left;
    padding-left: 20px;
}

/* CSS pour la page de creation */

#divCreationHautGauche
{
    width: 45%;
    float: left;
    margin-right: 20px;
}

#divCreationHautDroite
{
    width: 45%;
    float: left;
    margin-left:2%;
}

#divCreationTableau
{
    width: 90%;
    float: left;
}

.titreCreation
{
    padding-left: 50px;
}


/* CSS pour la page du choix de la classe d'un personnage*/

.divTitreClasse
{
    display:block;
}

.titreClasse
{
    float:left;
    margin-top: 50px;
}

.titreRace
{
    text-indent: 30px;
    margin-top: 30px;
}

.titreVoie
{
    display: inline-block;
    box-shadow: 6px 0 4px  -4px #222 , -6px 0 4px  -4px #222;
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px;
}

.divVoie
{
    border-radius: 20px;
    float:left;
    width:25%;
    min-height:408px;
    box-shadow: 0 0 3px #666;

    margin-top:10px;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:10px;

    padding-top:10px;
    padding-left:1%;
    padding-right:1%;
    padding-bottom:10px;
}

.pDescriptionClasseChoix
{
    padding-right:6%;
}

.classesMagie
{
	
}

.classesFoi
{
	
}

.classesNature
{
    
}

.classesDiscretion
{
    margin-left: 4%;
    padding-left: 5%;
    padding-right: 5%;
}   

.classesGuerre
{
    margin-left: 3%;
}

.h4choixClasse{
    margin-left: 65px;
    text-indent: 10px;
}


/* CSS pour les pages des classes de personnage*/

.communDivClasseMarges
{
    margin-top:10px;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:10px;

    padding-top:10px;
    padding-left:1%;
    padding-right:1%;
    padding-bottom:10px;
}

.communDivClasseContour
{
    box-shadow: 1px 1px 2px 1px rgb(102, 102, 102);/*0 0 5px #666;*/
    /*border: 1px outset #000;*/
    border-radius: 20px;
}

.descriptionClasse
{
    float:left;
    width:60%;
    min-height:400px;
    clear: both;
}

.divSortTechnique
{
    float:left;
    width:44%;
    margin:2%;
    border-radius: 10px;
    padding:1%;
}

.h4ClassePerso
{
    margin-top:10px;
    text-indent:10px;
    margin-right:90px;
}

.h4ClassePersoSort{
    margin-right:0px;
    text-indent:5px;
    margin-left:80px;
}

.h4ClassePersoDescription
{
    margin-right:0px;
}

.h4ClassePersoArmure
{
    margin-right:75px;
}

.h4ClassePersoArmes
{
    margin-right:110px;
}

.h4ClassePersoPV
{
    box-shadow:none;
    margin-top:10px;
}

.h4ClassePersoCarac
{
    box-shadow:none;
}

.h3ClassesPerso
{
    /*margin-right:20%;*/
    text-indent:20px;
}

.divSortTechniqueSansOmbre
{
    box-shadow: none;
}

.divSortTechniqueBasDroite
{
    /*border-radius: 0 0 10px 0;*/
    /*box-shadow: 1px 1px 1px 0px grey;*/
}

.divDescriptionRaceOmbre
{
    border-radius: 10px;
    /*box-shadow: 1px 1px 1px 0px grey;*/
    padding: 1%;
    width:44%;
    margin-bottom:30px;
}

.divSortTechniqueHautGauche
{
    
    /*box-shadow: -1px -1px 1px 0px grey;*/
    
    /*border-radius: 10px 0 0 0;*/
    /*0px 3px 3px -3px black (en bas)*/
    /*0px -3px 3px -3px black (en haut)*/
    /*3px 0px 3px -3px black (à droite)*/
    /*-3px 0px 3px -3px black (à gauche)*/
}

.divSortTechniqueHautDroite
{
    /*border-radius: 0 10px 0 0;*/
    /*box-shadow: 1px -1px 1px 0px grey;*/
}

.divSortTechniqueHaut
{
    border-radius: 10px;
    /*box-shadow: 0px -3px 1px -2px grey;*/
}

.divSortTechniqueDroite
{
    border-radius: 10px;
    /*box-shadow: 3px 0px 1px -2px grey;*/
}

.divSortTechniqueGauche
{
    border-radius: 10px;
    /*box-shadow: -3px 0px 1px -2px grey;*/
}

.divSortTechniqueDescription
{
    margin:1% 2% 1% 2%;
    min-height: 130px;
}

.divSortTechniqueDescriptionBas
{
    min-height: 100px;
}

.divInterneClasse
{
    float:left;
    clear:both;
    width:100%;
}

.divSortTechniqueDetails
{
    /*box-shadow: 1px 1px 1px 1px grey;
    border-radius: 10px;*/
    padding:5px;
    margin-top:10px;
}

.titreDebutLigneSort
{
    margin-left: -15px;
}
    
.sousTitreEffetSort
{
    display: table-cell;
    text-indent: 5px;
}

.detailsEffetSort
{
    display: table-cell;
    text-indent: 0px;
    text-align: left;
}

.classeImage
{
    float:right;
    width:30%;
    min-height:450px;
    box-shadow: none;
}

.classeTableaux
{
    float:right;
    width:30%;
    min-height:450px;
    text-align: center;
}

.tableauxPointsClasse
{
    margin: 0 auto;
}

.sortsClasse
{
    float:left;
    width:60%;
    min-height:550px;
}

.classePrestige1
{
    float:left;
    width:46%;
    min-height:650px;
}

.classePrestige2
{
    float:right;
    width:46%;
    min-height:650px;
}

/* CSS pour la page des races de personnages */
.imageChoixRaces
{
    width: 80%;
    height: 50%;
    margin: 5px 5% 5px 5%;
    box-shadow: none;
    background-image: url("../ressources/04-Races/ToutesRacesSite.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.lienRacesChoix
{
    width: 17%;
    display: inline-block;
    text-align: center;
    float: left;
}

.ligneRacesChoix
{
    margin-left: 8%;
}

/* CSS pour les page de chaque race */

.divDescrRace
{
    float:left;
    clear:left;
}

.sousTitre4Race
{
    margin-top:0px;
    text-indent:10px;
}

.sousTitre3Race
{
    /*display: inline-block;*/
    box-shadow: 6px 0px 4px  -4px #222 , -6px 0 4px  -4px #222;
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    clear: both;
    text-indent:10px;
    margin-top:20px;
    margin-bottom: 0px;
    /*padding-top:20px;
    box-shadow: 0px 4px 2px -4px gray;
    */
}

.aClasseDispo
{
    display: inline-block;
    margin-top:20px;
}

.pClassesDispo
{
    display: inline;
}

.pDescriptionClassesDispo
{
    margin-top: 8px;
}

.pImageRace
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color : #B9121B;
    text-shadow: 0.1em 0.1em 0.9em #777;
    margin-top: 5px;
}