body
{
    font-family: "Comic sans MS", sans-serif;
    margin: 0px; /* mise à zéro pour éviter les différences entre navigateurs */
    padding: 0px;/* mise à zéro pour éviter les différences entre navigateurs */
    /*background-color: white;*/
}
nav
{
    width: 100%;
    /*background-color: white;*/
}

body
{
    /*background-image: linear-gradient(white, blue);*/

    /*background: repeating-radial-gradient(farthest-side ellipse at center, RGB(255,255,255), RGB(200,200,255), RGB(255,255,255) 10px);*/
    /*background-color: white;*/
    /* Obligatoire si on veut "voir" le dégradé */
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 70.01em)
{
    nav > ul > li a
    {
        font-size:2.2em;
    }
    table th, td
    {
        font-size:2em;
    }
    form input
    {
        font-size:2em;
    }
    .imageALAffiche > img, .imageSpectacles > img
    {
        width: 100%;
        margin: 2px 1px 2px 1px;
    }
}

@media screen and (min-width: 70.00em)
{
    .imageALAffiche > img, .imageSpectacles > img
    {
        width: 40%;
        margin: 2px 1px 2px 1px;       
    }
}

.formulaireAgendaCompagnie
{
    background-color: RGB(0,92,142);
}

body p
{   
    font-size:1em;
    color:black;
    text-align:justify;
    padding:20px;
}

h1
{
    color:RGB(0,92,142);
    text-align: center;
}
h2
{
    color:RGB(0,92,142);
    text-align: left;
    margin:0px 20px 0px 20px;
}
h3
{
    color:RGB(0,92,142);
    text-align: center;
}
nav > ul > li
{
    list-style-type:none;
    /*float:left;/* on met les éléments de la liste cote à cote*/
    padding: 8px 20px;
    border-right:1px solid grey;
    display:inline-block;/*Pour avoir les onglet à la suite*/
}
nav > ul > li > a, .aLAffiche > p > a, .spectacles > p > a, .contacts > p > a 
{
    color:RGB(0,0,0);
    text-decoration:none;
    font-weight: bold;
    /*display:inline-block;*/
}
.voirLaFicheSpectacle
{
    text-align : center;
}
.ficheSpectacleEtBandeAnnonce
{
    margin: auto;
    border :2px solid white;/*RGB(0,92,142);*/
    margin-bottom: 20px;
    margin-top: 15px;
    text-decoration-color: white;
}


.voirLaFicheSpectacle a
{
    color:white;/*RGB(0,0,0);*/
    text-decoration:none;
    font-weight: bold;
    /*display:inline-block;*/
    text-align : center;
}

.aLAffiche > h3 > a
{
    color:RGB(0,0,0);
    text-decoration:none;
    font-weight: bold;
    text-align : center;
}



nav > ul > li:hover a, .aLAffiche > p:hover a, .aLAffiche > h3:hover a,
    .spectacles > p:hover a, .contacts > p:hover a, .voirLaFicheSpectacle:hover a
{
    color:RGB(0,92,142);
    /*Comme, au survol, on fera apparaitre un border-bottom de 2px sous le menus,*/
    /*il faut retirer 2px de la hauteur du padding-bottom. */
    /*padding: 8px 20px 6px 20px;*/
    border-bottom:2px solid RGB(0,92,142);
    /*background-image: linear-gradient(white, RGB(0,92,142));*/

}
.photoPourAlignementVertical
{
    text-align: center;
}
.ligneDeSieges
{
font-size:0.2em;
background-image:url("img/decorations/fauteuilRougeFondNoir50x64px.jpg");
background-repeat:repeat-x;
}
table th, td
{
    /*font-size:2em;*/
    color:black;
    text-align:justify;
    padding:7px;
}

.aCentrer
{
    text-align:center;
    color:RGB(0,92,142);
    font-size:0.8em;
}
#texteLettreParLettre
{
    background: url("img/FondNoir-TheatrePublicScenceCompagnie.png") repeat left center;
    color: white;
    letter-spacing:0.1em;
    margin:0px 20px 20px 20px;
    text-align: justify;
}
.imageALAffiche > a
{
    text-align:center;

    margin:0;
    padding:0;
    background: url("img/rideauRougeDroit240x180.jpg") no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    color: white;
}

.imageALAffiche, .imageSpectacles
{
    text-align:center;

    margin:0;
    padding:0;
    background: url("img/rideauRougeDroit240x180.jpg") no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    color: white;
}
.unSpectacle
{
    background-image: linear-gradient(white, black);
    /*border-top:2px solid RGB(120,120,120);*/

    /*background: repeating-radial-gradient(farthest-side ellipse at center, RGB(255,255,255), RGB(200,200,255), RGB(255,255,255) 10px);*/
}
.aLAffiche > h3
{
    background-image: linear-gradient(RGB(190,200,200), white);
    border-top:2px solid RGB(120,120,120);
}


/*#photo*/
/*.photoLeDefunt-EnfermeDansLaSalleDeBain*/
/*{*/
/*    -webkit-transform: rotate(10deg); /* Safari */
/*    transform: rotate(10deg); /* Tous les autres navigateurs */
/*}*/