/* Page */
html {
    font-size: 100%;
}
body
{
    margin: 0;
    padding: 10px 20px;
    font-family: "Candara", "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
    font-size: .85em;
    line-height: 1.25;
    color: #363B29;
    background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6
{
    color: #363B29;
    margin: 1em 0 .5em 0;
}
h1 {
    font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
    font-weight: normal;
    font-size: 3em;
    font-style: italic;}

h2
{
    font-size: 1.8em;
}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 24px;
    padding: 0; /* -> 9 */
}
ul {
    list-style: square;
}
li {
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: .75em 0;
}
li p, blockquote p {
    margin: .5em 0;
}

/* Citations */
blockquote, q {
    font-size: 1.1em;
    font-style: italic;
    font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
    margin: .75em 0 .75em 24px;
}
cite {
    font-style: italic;
}

/* Liens */
a {
    color: #82afb6;
    text-decoration: none;
}
a:hover, a:focus {
    color: #aae3ec;
}
a[href^="http://"] {
    color: #848F63;
    text-decoration: none;
}
a:hover[href^="http://"] {
    text-decoration: underline;
}
a img {
    border: none;
}

h1 a {
    text-decoration: none;
}

#content > ul > li > a, #section > p > a {
    color: #9e0e08;
    text-decoration: underline;
}

#content > .table > li > a {
    text-decoration: none;
}

/* Divers éléments de type en-ligne */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
    color: #181A12;
}
pre, code {
    font-size: 100%;
    font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
    overflow: auto;
    overflow-y: hidden;
    margin: .75em 0;
    padding: 12px;
    background: #eee;
    color: #555;
    border-radius: 5px;
}
pre strong {
    font-weight: normal;
    color: black;
}

/* --- STYLES POUR CERTAINS CONTENUS --- */

.center {
    text-align:center;
}

/** Erreurs **/
ul.errors {
    color : #9e0e08;
    list-style-type: none;
}

.table {
    display : table;
}

.table > li {
    display: table-row;
    height: 40px;
}
.table > li > a{
    display : table-cell;
}
.table > li > span {
    display : inline;
    margin-right: 50px;
}

.impression{
    border : none;
    margin-left:-5px;
    margin-top:0;
    width:101.5%;
    text-align: center;
}

.errorMessage{
    color : red;
    font-size: 1.1em;
}

.confirmationMessage{
    color: green;
    font-size : 1.1em;
}

#global {
    width: 100%;
    max-width: 90em;
    min-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

/* En-tête */
#header {
    background: #303030;
    color:#e3e3e3;
    padding: 15px 20px 10px 20px;
    box-shadow: 1px 1px 6px #555;
}
#header strong, #header .sous-titre {
    color: #d1d1d1;
}
#header .sous-titre {
    margin: 4px 0 12px 0;
}
#header h1 {
    margin: 0;
}
#header h1 img {
    float: left;
    /* margin: 7px 20px 10px 0;*/
    margin-right: 10px;
}

/* Navigation */
#nav {
    color: #acacac;
    background: -moz-linear-gradient(top, #d6d6d6, white); /* pour Firefox 3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(white)); /* pour webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='white'); /* pour IE */
    padding: 0;
    margin: 20px 20px 10px 20px;
    height: 30px;
    border-radius: 5px 5px 0 0;
    box-shadow: 1px 1px 4px #555;
}
#nav ul {
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul.user {
    float: right;
}
#nav ul.user ul {
    width: auto;
}
#nav > ul > li {
    display: inline;
}
#nav li + li:before {
    content: '|';
}
#nav .li:before{
    content: '|';
}
#nav ul ul {
    position: absolute;
    visibility: hidden;
    width: 100%;
}
#nav ul li:hover > ul {
    visibility: visible;
}
#nav li li {
    display: list-item;
}
#nav a {
    color: #82afb6;
    display: inline-block;
    font-weight: bold;
    padding: 6px;
    line-height: 1.5;
    font-size: .9em;
    text-decoration: none;
}
#nav ul li ul li a {
    font-weight: normal;
}
#nav a:hover, #nav a:focus, #nav li.active > a {
    color: #9e0e08;
}
#nav span + ul { /* correspond à un bloc sous menu */
    margin-top : 25px;
    margin-left: -100px;
}
#nav ul li ul li { /* correspond à une ligne de sous menu */
    margin-top      : -2px;
    width           : 200px;
    border          : 1px solid black;
    background-color: white;
}
#nav ul li ul li:before { /* correspond à une ligne de sous menu */
    content: '';
}
#nav span { /* correspond au titre du sous menu */
    padding-bottom: 8px;
}

/* Bloc central */
#content {
    background: white;
    clear: both;
    margin: 0 20px 10px 20px;
    min-height: 405px;
    overflow: hidden;
}

/* Pied de page */
#footer {
    background: #303030;
    color: #d1d1d1;
    margin-bottom : 10px;
    min-height : 10px;
    padding: 10px 20px;
    font-size: .85em;
    box-shadow: 1px 1px 6px #555;
}
#footer p {
    margin: .5em 0;
}

#footer #copyright {
    float: right;
    margin: 0;
    font-size: 1em;
    text-align: right;
    color: #848F63;
}

/* Paragraphes */
#section.twoColumn {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
#section.twoColumn header {
    -moz-column-span: all;
    -webkit-column-span: all;
    column-span: all;
    background: #636363;
    color:white;
}

/* Contenu principal */ /* Contenu secondaire */
#section, #aside {
    color: #363B29;
}
#section a, #aside a {
    color: #82afb6;
}
#section a:hover, #section a:focus, #aside a:hover, #aside a:focus {
    color: #9e0e08;
}
#section strong, #aside strong {
    color: #181A12;
}

/* Contenu principal */ /* Contenu secondaire */
#section > :first-child, #aside > :first-child  {
    margin-top: 10px;
}
#section p, #section li, #aside p, #aside li {
    line-height: 1.5;
}

/* Contenu principal */
#section {
    float: left;
    width: 60%;
}
/* Contenu secondaire */
#aside {
    margin-left: 60%;
    padding-left: 40px;
}

/* Tableaux */
table {
    border-collapse:collapse;
    width:95%;
    border: 5px solid #ddd;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #555;
    margin: 10px 0 0 2px;
}
caption {
    caption-side:top;
    font-size: 1.2em;
    font-weight:bold;
    font-style:italic;
    margin:4px;
}
thead{
    background: #bbb;
}
tfoot {
    color: #bbb;
    font-size: .8em;
    line-height: 1.5;
    text-align: center;
}
td, th {
    border: 1px dotted #ddd;
    line-height: 1.8;
    padding: 0 4px;
}
table tr:nth-child(even){
    background-color: rgba(240, 240, 240, 0.5);
}

/** Erreurs **/
.errors {
    color : #9e0e08;
}
ul.errors {
    list-style-type: none;
}

/** Eléments de formulaires **/
form {
    border: 5px solid #ddd;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #555;
    margin: 10px 5px 10px 0;
    padding: 10px;
    overflow: hidden;
    clear: right;
    display: inline-table;
}
.centered {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
label {
    width: 100%;
    min-width: 350px;
    display: block;
    min-height: 1em;
    margin: 5px 2px;
}
#fieldset-TypeImpression legend:after,
#fieldset-TypeCertificate legend:after,
label.required:after {
    color : red;
    content : "*";
    margin-left : 4px;
}

input, textarea {
    display: block;
    min-width: 340px;
    height: 1.1em;
    padding: 8px;
    border: solid 1px #E5E5E5;
    outline: 0;
    background: #fff;
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #fff 1px, #fff 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

input[readonly], input[readonly]:focus, input[readonly]:hover, textarea[readonly], textarea[readonly]:hover, textarea[readonly]:focus {
    border-color: transparent;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

input[type=file]{
    height: auto;
    min-width: 0px;
}
textarea {
    height: 10em;
    line-height: 1.5em;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    border-color: #C9C9C9;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
input[type=checkbox] {
    display:inline;
    margin-left: 10px;
    margin-right: 20px;
    min-width: 0px;
    vertical-align: sub;
    width: 10px;
}
input[type=radio] {
    display:inline;
    margin-left: 10px;
    margin-right: 20px;
    min-width: 0px;
    width: 10px;
}
input[type=hidden] {
    display: none;
}

select[size] {
    appearance: list-menu;
    display: block;
    /*height: attr(size,em);*/
    min-width: 150px;
    margin-bottom: 10px;
}

select,select[size="1"] {
    /*appearance: popup-menu;*/
    display: block;
    overflow: hidden;
    margin-bottom: 10px;

}
option {
    appearance:menu-item;
}
select[size]:active {
    display: block;
}
select[disabled] {
    background-color: transparent;
    border: solid #dddddd 1px;
    color: black;
}
optgroup,option {
    display: block;
    white-space: nowrap;
}
optgroup[label],option[label] {
    content: attr(label);
}
option[selected]:before {
    display: inline;
    content: check;
}

button[disabled]{
    background: transparent;
    cursor: default;
}
.print ,button, input[type="submit"] {
    background: #82afb6;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline;
    height: auto;
    width: auto;
    min-width: 0px;
    margin-top: 10px;
    margin-right: 5px;
    padding: 9px 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
input[type="reset"] {
    background: #fff;
    border: 0;
    border-left: solid grey 1px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #82afb6;
    cursor: pointer;
    display: inline;
    height: auto;
    min-width: 0px;
    padding: 9px 15px;
    padding-right:1em;
    width: auto;
}
input[type="checkbox"] + label + input[type="submit"] {
/*    display: block;*/
}

/** Espacement entre les paires label/input ainsi que les button **/
input + label,
textarea + label,
textarea + input[type="submit"],
input[type="text"] + input[type="submit"],
input[type="password"] + input[type="submit"],
input[type="checkbox"] + input[type="submit"],
input[type="radio"] + input[type="submit"],
input[type="hidden"] + input[type="submit"],
select + input[type="submit"],
input[type="text"] + a > button
{
    margin-top: 10px;
}

/** Formulaires sous forme de listes **/
form ul {
    list-style-type: none;
    margin: 0;
}
form ul > li {
    display: table-row;
    height: 40px;
}

form ul > li + li {
    border-top: solid lightgray 1px;
}

form ul > li > * {
    display: inline;
}
form ul > li > a {
    display: table-cell;
}
form ul > li > label {
    display: inline-block;
    width: 400px;
}
form ul > li > a + a {
    text-decoration:none;
}
form ul > li > a + a > button {
    margin-left: 5px;
}
form .description {
    font-style: italic;
}

/* propriété d'éléments dans un fiedset */

.fieldset fieldset >input {
    width: 100px;
    height: 20px;
    padding: 0px;
    display: inline;
}
.fieldset fieldset >button {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    padding : 0px;
}
.fieldset fieldset > input + select {
    display:inline;
}
.fieldset fieldset {
    margin-bottom: 0px;
    margin-top: 0px;
    border : none;
    padding-left: 0px;
    padding-bottom: 0px;
}

fieldset >legend {
    cursor: default;
    font-weight: bold;
    padding: 0 10px;
}

/* css pour les fieldset (avec une bordure, ect) */

fieldset{
    margin-bottom: 10px;
    margin-top: 10px;
    border : #BBBBBB solid 1px;
    padding: 10px;
}

/* css pour les boutton return */
.return {
    background-color: #fff;
    background-image: url('./picto/verticalArrowDouble.png');
    background-repeat: no-repeat;
    background-position: left center;
    border: 0;
    color: #82afb6;
    cursor: pointer;
    min-width: 0px;
    padding: 9px 25px;
    padding-right:1em;
}

.ui-datepicker{
    border: 5px solid #ddd;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #555;
    margin: 10px 5px 10px 0;
    padding: 10px;
    overflow: hidden;
    clear: right;
    display: none;
    background: white;
}
.ui-datepicker a > span {
    cursor: pointer;
}

.logo {
    height : 75px;
}

.logoClub {
    height : 75px;
    margin-left: -50px;
    /*position: absolute;*/
}
/* css pour Statistique */
.impression{
    border: medium none;
    box-shadow: none;
}

/*css pour relevé impression*/
.print {
    display: block;
    padding: 10px;
    width: 60px;
}

/*1403 : changement affichage "Ajouter non licencié"*/
#idFormANL form, #divFormANL {
    background-color: #fff;
}

#gender,
.ui-datepicker-month,
.ui-datepicker-year {
    padding: 0 10px 0 0;
}

.ui-datepicker-next {
    float: right;
}

/*** PAGINATION ***/
.pagination-wrapper {
    text-align: center;
}
.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

#pagination {
    display: inline-block;
    margin-bottom: 1.75em;
}

#pagination li {
    display: inline-block;
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #85aeb4;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: bold;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #82afb6;
    border-color: #555;
}

.search-subform {
    border-bottom: 2px solid #82afb6;
    padding-bottom: 10px;
}