/* **********************************************************

                    Site Internet TOM 2022
           Feuille de styles spécifique Inscription

*************************************************************
Arnaud Wilhelm
Novembre 2021
*/

/*------------------------------------------------
Main
--------------------------------------------------*/

main{
    align-items: center;
}                /* Centrage des éléments */


#zone_tarif{
    display: flex;         /* La disposition des boites */
    flex-wrap: wrap;
    justify-content: space-around;
    
    margin-bottom: 30px;
}       /* La zone des boites */

#zone_tarif div{
    text-align: center;
    
              /* Bordure */
    border: 2px solid;
    border-radius: 10px;
    
    margin: 2px;       /* Marges */
    margin-top: 10px;
    margin-bottom: 30px;
       
    width: 230px;       /* Taille */
    height: 160px;
}       /* Toutes les boites */

#zone_tarif h2{
    margin-top: 5px;
    margin-bottom: 5px;
}       /* Titres des boites */

#zone_tarif h3{
    color: #53bec8;
    
    font-size: 30px;
    
    margin-top: 30px;
    margin-bottom: 30px;
}       /* Les prixs */

#Pass{
    position: relative;
}

#Superpose{
    z-index: 1;
    position: absolute;
    bottom: 75px;
    left: 30px;
    transform: rotate(-45deg);
    
    font-family: 'kagedemoblack', Verdana, courier;   /* Police */
    font-size: 50px;
    color: #e68366;                 /* Couleur  ea4e4e */
    
}       /* Superpose */

.tarif{
    text-decoration: none;
    
    text-align: center;
    
    margin: 20px;
} /* les tarifs */

#zone_tarif strong{
    color: #53bec8;
    font-size: 19px;
}

.tarifBas{
    text-decoration: none;
    
    text-align: center;
    font-size: 20px;
    
    margin-top: 0px;
}       /* les explications des tarifs */

#dernier_parag{
   margin-bottom: 60px;
    
}       /* un peu plus de place pour le bouton */

#lien_inscrip{
    color: inherit;

    font-size: 42px;
    margin: 0px;
    padding : 5px;               /* Bouton*/ 
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid;
    border-radius: 10px;
    box-shadow: 2px 2px 0px ;
}         /* Bouton vers le formulaire */


/* Pour smartphones ********************************************************** */
@media handheld , (max-width: 905px), (max-device-width: 905px){

}


/*------------------------------------------------
Page paiement
--------------------------------------------------*/

#page_paiement p{
    margin-bottom: 5px;
}

#page_paiement #adresse{
    margin-top: 0px;
    padding-left: 20px;
}

#page_paiement #paypal{
    margin-top: 0px;
    padding-left: 20px;
}

#page_paiement form{
    display: inline-block;
    text-align: center;
}

/* Pour smartphones ********************************************************** */
@media handheld , (max-width: 905px), (max-device-width: 905px){
    #page_paiement #paypal{
        padding-left: 0px;
        display: flex;
        justify-content: center;
    }
}

/*------------------------------------------------
Page conditions générales
--------------------------------------------------*/

#page_condition {
    padding-bottom: 150px;
}           /* On décale le logo */