@charset "utf-8";

body {
    margin: 0px;
    /* background-color: #402100; */
    background: rgb(127,65,0);
    background: linear-gradient(180deg, rgba(127,65,0,1) 0%, rgba(127,0,0,1) 28%, rgba(127,65,0,1) 74%, rgba(127,0,0,1) 100%);
    font-size: 62.5%;
    color: #000;
}

header {
    background-color: #7f4100;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 5rem;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    min-height: 8.5rem;
    z-index: 65;
}

header h1 {
    color: #FFFFFF;
    font: 3rem 'Verdana', Arial;
    text-align: center;
    margin-top: 1.5rem;
}

header h4 {
    color: #FFFFFF;
    font: 1.7rem 'Verdana', Arial;
    text-align: center;
    margin-top: 1.5rem;
}

header h5 {
    color: #FFFFFF;
    font: 1.1rem 'Verdana', Arial;
    text-align: center;
    margin-top: 1.5rem;
}

h2 {
    font: 2.8rem 'Verdana', Arial;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    color: #692100;
}

.panneauxpipe h2 {
    color: #FFFFFF;
}

.results .h4 {
    font: 1.8rem 'Verdana', Arial;
    color: #692100;
    text-align: center;
    margin-bottom: 1rem;
    padding: 10px 0 3px;
}

.liste h5 {
    color: #692100;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: -2.4rem;
}

.container-fluid {
    max-width: 128rem;
    background-color: #FFFFFF;
    margin-top: 0rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0rem;
    font-size: 14px;
}

.container-fluid p {
    text-align: justify;
    font: 1.6rem 'Verdana', Arial;
    color: #692100;
    margin-top: 0rem;
    padding-top: 0rem;
    top: 0rem;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    font-style: normal;
    font-weight: normal;
}

.container-fluid.paragraphe p a {
    color: #692100;
    font-size: 1.6rem;
    text-align: left;
    text-decoration: none;
}

.container-fluid ul li {
    color: #692100;
    text-align: justify;
    font-size: 1.6rem;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid .question {
    color: #692100;
    font-weight: bolder;
    text-align: justify;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.container-fluid .page {
    text-align: justify;
    font: 1.6rem 'Verdana', Arial;
    color: #666666;
    margin-top: 0rem;
    padding-top: 0rem;
    top: 0rem;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    font-style: normal;
    font-weight: normal;
}

.galerie {
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid .sousgalerie {
    margin-top: 3rem;
}

a:link {
    color: #692100;
    text-decoration: none;
}

a:visited {
    color: #692100;
}

a:hover {
    color: #692100;
}

a:name {
    color: #692100;
}

.container-fluid.paragraphe ol li {
    text-align: justify;
    font: 1.6rem 'Verdana', Arial;
    color: #692100;
    padding-top: 0rem;
    top: 0rem;
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid ol li {
    color: #692100;
    text-align: justify;
    font: 1.6rem 'Verdana', Arial;
    max-width: 100rem;
    margin-right: auto;
    list-style: decimal inside;
    margin-left: auto;
    margin-bottom: 1rem;
}

.container-fluid .chapeaujustify {
    color: #692100;
    font-weight: bolder;
    text-align: justify;
    margin-bottom: 5rem;
    max-width: 60rem;
}

.container-fluid .p .citation {
    color: #692100;
    padding: 1rem 2rem;
    margin: 0 0 2rem;
    font-style: italic;
}

.citation {
    color: #692100;
    padding: 1rem 2rem;
    margin: 0 0 2rem;
    font-style: italic;
}

.container-fluid .citation {
    font-style: italic;
    color: #692100;
}

.bavardes {
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
}

.influenceuses {
    margin-bottom: 5rem;
}

.conteneur-fluid .influenceuses {
    margin-bottom: 5rem;
}

.errances {
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid .errances {
    color: #692100;
    text-align: justify;
    max-width: 100rem;
}

.retour {
    margin-left: 0.5rem;
    float: leftt;
    margin-top: 0.2rem;
    display: block;
    position: fixed;
    z-index: 3000;
}

.retoura {
    margin-left: 0.5rem;
    float: left;
    margin-top: 1.5rem;
    display: block;
    position: fixed;
    z-index: 3000;
}

.retourmobile {
    margin-top: -1.2rem;
    position: fixed;
    left: auto;
    right: auto;
    margin-left: -3rem;
    z-index: 3000;
}

.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.index {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
}

.panneauxtabac {
    background-color: #7f4100;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 5rem;

    z-index: 0;
    vertical-align: middle;
}

.footer {
    left: auto;
    right: auto;
    margin-top: 30rem;
    text-align: center;
    padding-bottom: 2rem;
}
.fond	{
	background: linear-gradient(178deg, #677179 29.53%, #7F4100 98.13%);
}
.fondtests  {
    background: linear-gradient(178deg, #AD3A38 1.98%, #7F4100 98.13%);
}
.liste {
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
    left: auto;
    right: auto;
    background-color: #FFFFFF;
    margin-bottom: 4.5rem;
}

.liste h4 {
    color: #692100;
    text-align: center;
    margin-bottom: 3rem;
}

.liste h5 {
    color: #692100;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: -2.4rem;
}

.container-fluid h3 {
    color: #692100;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-size: 1.7rem;
    text-align: center;
}

.container-fluid h4 .conserv {
    color: #692100;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-weight: bolder;
    font-size: 1.7rem;
}

.conserv {
    color: #692100;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-weight: bolder;
    font-size: 1.7rem;
}

.bordconserv {
    border-width: 2px;
    border-style: solid;
    border-color: #692100;
    padding: 10px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.container-fluid.paragraphe .guyrox {
    color: #692100;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    /* [disabled]font-size: 1.5rem; */
    /* [disabled]text-align: center; */
    text-decoration: underline;
}


.container-fluid .centre {
    color: #692100;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}

.droite {
    float: right;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

.gauche {
    float: left;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.container-fluid .composition {
    color: #692100;
    font-style: italic;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 5rem;
    font-weight: normal;
}

.container-fluid .asterisque {
    color: #692100;
    font: 1.3rem 'Verdana', Arial;
    font-style: italic;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 5rem;
    font-weight: normal;
}

.container-fluid .notes {
    color: #692100;
    font-style: normal;
    text-align: center;
    font-weight: bold;
    margin-top: 2rem;
}

.container-fluid .notespipe2potes {
    color: #6D3701;
    font-style: italic;
    text-align: center;
    margin-bottom: 5rem;
}

.container-fluid .commun {
    color: #692100;
    font-style: italic;
    text-align: justify;
    max-width: 100rem;
    margin-bottom: 6rem;
    margin-top: 2rem;
}

.container-fluid .communpipe2potes {
    color: #692100;
    font-style: italic;
    text-align: justify;
    max-width: 100rem;
    margin-bottom: 6rem;
    margin-top: 6rem;
}

.mmois {
    margin-bottom: 6rem;
}

.centre {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    text-align: center;
}

.centremois {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 6rem;
    text-align: center;
}

.paragraphe {
    background-color: #FFFFFF;
    max-width: 128rem;
    padding-bottom: 3rem;
}

.navigation {
    max-width: 108rem;
    padding-bottom: 4.7rem;
    margin-left: auto;
    margin-right: auto;
}

.navigationbas {
    max-width: 108rem;
    padding-bottom: 4.7rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10rem;
}

.container-fluid.paragraphe ul li {
    color: #692100;
    max-width: 108rem;
    margin-right: auto;
    font-family: 1.6rem 'Verdana', Arial;
    list-style: inside;
    margin-left: auto;
}

.navdroit {
    float: right;
}

.navgauche {
    float: left;
}

.basdepage {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 5rem;
}

.container-fluid.paragraphe.legendeimage a {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 5rem;
    font-style: italic;
    color: #692100;
    font-weight: normal;
    font-size: small;
}

.chiffres {
    color: #692100;
    font-weight: bolder;
    text-align: center;
}

.container-fluid.row .col-xs-6 .chiffres {
    color: #692100;
    text-align: center;
    font-size: xx-large;
}

.titre {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.container-fluid .legendeimage {
    font-style: italic;
    color: #692100;
    font-weight: normal;
    font-size: small;
    text-align: center;
}

.container-fluid .sousgalerie {
    margin-top: 3rem;
}

.container-fluid .chapeau {
    color: #692100;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 5rem;
    max-width: 60rem;
}

.container-fluid .homepipiertest {
    text-align: center;
    margin: 0rem auto 3rem;
}

.container-fluid p note {
    color: #692100;
    font-weight: lighter;
    font-size: small;
    vertical-align: middle;
}

.note {
    color: #692100;
    font-weight: lighter;
    font-size: small;
    vertical-align: super;
}

.container-fluid.row .index a {
    color: #FFFFFF;
}

a .col-md-5.panneauxtabac h2 {
    color: #FFFFFF;
}

a .col-md-12.panneauxtabac h2 {
    color: #FFFFFF;
}

.panneauxpipe {
	background-color: #7F0000;
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 5rem;
	z-index: 0;
	vertical-align: middle;
}

tr td label {
    color: #821F21;
    font-size: 1.6rem;
    font-weight: normal;
}

.annonce {
    text-align: center;
}

.container-fluid.paragraphe .annonce {
    text-align: center;
}

.repertoire {
    margin-left: auto;
    margin-right: auto;
    margin-top: -2rem;
    margin-bottom: 4rem;
}

.rondroite {
    float: right;
    shape-outside: circle();
    border-radius: 50%;
    margin: 0 0rem 1rem 1rem;
}

.rongauche {
    float: left;
    shape-outside: circle();
    border-radius: 50%;
    margin: 0 0rem 1rem 1rem;
}

.guyrox {
    font-size: 1.5rem;
    /* [disabled]text-decoration-line: un; */
}

.rougenightcap {
    color: #fc000c
}

.poeme {
    text-align: justify;
    font: 1.6rem 'Verdana', Arial;
    color: #7f4100;
    margin-top: 1rem;
    padding-top: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    top: 0rem;
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
    font-weight: normal;
    line-height: 150%;
}

.artcorbion {
    background-image: url ("galarticles/artcorbion/large/artcorbion8.jpg");
    background-color: transparent;
}

/*****AJOUT BRUNO****/

.tabacs {
    display: inline-block;
    margin-right: 15px;
    padding: 5px 15px;
    background-color: #7F4100;
    color: #fff;
    cursor: pointer;
    margin-bottom: 15px;
    border-radius: 12px;
}

.tabacs.activet {
    display: inline-block;
    margin-right: 15px;
    padding: 5px 15px;
    background-color: #76A529;
    color: #fff;
    cursor: pointer;
}

.mb50 {
    margin-bottom: 50px;
}

.icoinfo {
    color: #692100;
    margin-left: 15px;
    cursor: help;
}

/***** FIN AJOUT BRUNO****/

@media (max-width: 480px)   {
    .influenceuses {
        text-align: left;
}
}

@media (max-width: 768px) {
    header h1 {
        position: relative;
        top: 6rem;
    }

    header h4 {
        position: relative;
        top: 6rem;
    }

    header h5 {
        position: relative;
        top: 6rem;
    }

    header {
        min-height: 20rem;
    }

    .simple {
        min-height: 15rem;
    }

    .double {
        min-height: 27rem;
    }

    .container-fluid h3 {
        text-align: center;
        font-weight: bold;
    }

    .sousphotomobile {
        margin-bottom: 2.5rem;
    }

    .influenceuses {
        text-align: left;
    }
}