::-moz-selection { background: #2A762C; color:white; }
::selection { background: #2A762C; color:white;}
body {
    max-width: 1000px;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    font-family: verdana, arial, sans-serif;
}
h1, h2, h3, h4 {
    color: #1A5F1D;
    margin-top: 0.7em;
    margin-bottom: 0.5em;
}
h5 {
    font: inherit;
    text-align: center;
}
h1 {
    font-size: 36px;
    font-family: 'Dancing Script', cursive;
    text-shadow: 3px 3px 4px #aaa;
    margin: 2px
}
table {
    border-collapse: collapse;
}
th, .titre {
    background: linear-gradient(to bottom, #52b152 0%, #1a5f1d 100%) #1A5F1D;
    background-color:#1a5f1d;
    color: white;
    text-shadow: 0 0 1px #333;
    padding : 0.5em
}
.th1 { border-radius: 1.5em 0 0 0 }
.thder { border-radius: 0 1.5em 0 0 }
input, button {font: inherit}
input[type=text], input[type=date], input[type=password], textarea, select {
    border-radius: 0.5em;
    padding: 0.3em;
    box-shadow: 2px 2px 3px silver inset;
}
input[type=date] {width: 9.5em}
form {
    background: linear-gradient(135deg, #b4ddb4 0%, #52b152 100%) #7c7;
    border-radius: 1em;
    box-shadow: 3px 3px 6px grey;
    margin: 1em auto;
    padding: 1em
}
textarea {font: inherit }
label { display: inline-block }
pre { font: inherit }
a[target=_blank]:after {content: url(images/blank.png); position: relative; top: 5px}
a.noafter:after {content: ""}

#page {
    border-radius: 0 0 1em 1em;
    box-shadow: 0 4px 6px 10px grey;
}
#bandeau {
    height: 130px;
    background-image:url(images/ayzac.jpg);
    position: relative;
}
#imgbandeau {
    position: relative;
    top: 25px;
    left: 30px;
    z-index: 2;
}
#courbe1, #courbe2 {
    height: 40px;
    position: absolute;
    top: 90px;
    width: 1000px;
    max-width: 100%;
}
#courbe1 {
    background-color: #eee;
    border-radius: 100% 0 0 0
}
#courbe2 {
    background: linear-gradient(to bottom, #52b152 0%, #1a5f1d 100%) #246E26;
    background-color: #1A5F1D;
    border-radius: 100% 0 100% 0;
}
nav{
    padding: 0.5em;
    line-height: 2.5em;
    text-align: center;
    background-color: #eee;
    border-bottom: 1px solid #3A7F3B
}
nav a {
    text-decoration: none;
    color: white;
    background: linear-gradient(to bottom, #52b152 0%, #1a5f1d 100%);
    background-color: #1A5F1D;
    margin: 0.2em;
    padding: 0.4em 0.8em;
    border: 1px solid #fff;
    border-radius: 0 1.5em 0 1.5em;
    text-shadow: 1px 1px 1px #333;
    box-shadow: 3px 2px 4px #666;
    white-space: nowrap;
}
nav a:hover, nav a:focus{
    background: linear-gradient(to bottom, #9d9 0%, #3a7f3b 100%);
    background-color:#228D27;
}
#contenu {
    min-height: 600px;
    padding: 10px;
    position: relative;
    box-sizing: border-box
}
#contenu table {
    margin: auto
}
#p_droite {
    width: 710px;
    box-sizing: border-box;
    padding-left: 15px;
    border-left: 1px solid #060;
}
#p_droite img, iframe {
    box-shadow: 3px 3px 8px grey;
}
#p_gauche {
    width: 270px;
    box-sizing: border-box;
    padding-right: 10px; 
}

#p_droite, #p_gauche { float: right; }

@media (max-width: 1000px) {
    #contenu {padding: 3px; }
    #p_droite, #p_gauche {
        float: left;
        width: 100%;
    }
    #p_droite {
        border: none;
        border-bottom: 3px solid green;
        margin-bottom: 2em;
        padding-left: 0;
        padding-bottom: 1em;
    }
    #p_droite img, iframe {max-width: 99%;}
    #p_droite img {height: auto;}
}

#foot {
    padding: 2em;
    margin: 0;
    text-align: center;
    background: linear-gradient(to bottom, #52b152 0%, #1a5f1d 100%) #1A5F1D;
    border-radius: 0 0 1em 1em; 
}
#foot a {color: #eee;}
#spaceend { height: 3em;}
#attente {
    display: none;
    position: absolute;
    z-index: 20;
    background: #eee;
    margin: auto;
    padding: 3em;
    box-shadow: 3px 3px 6px grey;
    border: 1px solid grey;
    border-radius: 1em;
    font-weight: bold;
}

.cettepage { background: linear-gradient(to bottom, #74f274 1%, #29932c 100%) #74f274 !important }
.ssmenu {
    display: none;
    line-height: 2.8em;
    position: absolute;
    background-color: #eee;
    top: 2.4em;
    left: 0;
    z-index: 2;
    padding: 5px;
    text-align: left;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #060;
}
.contentmenu {
    position: relative;
    padding-bottom: 1.2em;
    white-space: nowrap;
}
.contentmenu:hover .ssmenu {display: inline-block}
.rubrique {margin-top: 1.5em;}
.erreur {
    text-align: center;
    color: red;
    font-weight: bold;
    padding: 1em;
    background-color: #fff;
    border: 1px solid;
    margin: 1em auto
}
.pluslong {
    color: blue;
    text-decoration: underline;
    font-size:1.2em;
    cursor: help;
    font-weight: bold
}
.content_rubrique {
    border: 1px solid #080;
    padding: 5px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s
}
.rubrique_longue {
    max-height: 400px;
    overflow: auto;
    transition: all 0.8s
}
.fleche2 {position: relative; top:0.3em}
.uninvert{ transform: rotate(0deg); transition: all 0.5s; }
.invert{ transform: rotate(180deg); transition: all 0.5s; }
.secret {
    position: absolute;
    top: -40px;
    right: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.secret:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.message {
    border-radius: 1em;
    box-shadow: 3px 3px 7px 2px #353;
    margin-bottom: 1.5em;
    padding: 1em;
    position: relative;
}
.legende {
    font-weight: bold;
    font-style: italic;
    color:#060;
    text-align: center;
    padding-bottom: 0.2em;
    margin-bottom:1.5em;
}
.legende img {border: 1px solid silver }
.cent {text-align: center;}
.titre {
    border-radius: 1em 1em 0 0;
    font-weight: bold;
    text-align: center;
     cursor: pointer
}
.bouton {
    border: 1px solid grey;
    border-radius: 3px;
    padding: 2px 6px;
    text-decoration: none;
    font: inherit;
    color: inherit;
    background: linear-gradient(to bottom, #f4f4f4 0%,#f4f4f4 49%,#e1e1e1 54%,#e0e0e0 100%) #eee
}
.bouton:hover {
    background: linear-gradient(to bottom, #eafafc 0%,#eafafc 49%,#b7e1e8 54%,#b7e1e8 100%) #def8fc
}
.edit, .drop, .valide {font-weight: bold; font-size:1.5em; text-decoration: none; }
.drop {color: red; cursor: pointer}
.valide { color: green }
label[for=avant], label[for=apres]{width: auto }
#listedepot td:nth-child(1) {word-wrap: break-word}