/*!
 * style 1.0
 * Copyright 2004-2017 Auteur Chierici Jean Mrac
 */

.navbar-nav a {color: #f9ff00;text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects;font-size: 0.9em;}.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {color: #fff;display: inline-grid;}.navbar-dark .navbar-nav .nav-link {color: #f9ff00;}.navbar-dark .navbar-nav .nav-link:hover {color: #fff;background: #538832;text-shadow: 0 1px 0 #000;}
        .dropdown-menu{
            background: linear-gradient(#728c61cc, #010300, #728c61cc);
            background: -moz-linear-gradient(#728c61cc, #010300, #728c61cc);
            background: -webkit-linear-gradient(#728c61cc, #010300, #728c61cc);
            background: -ms-linear-gradient(#728c61cc, #010300, #728c61cc);
            background: -o-linear-gradient(#728c61cc, #010300, #728c61cc);
            box-shadow: 0 2px 1px #9c9c9c;
            border: 1px solid #78c348;
            background: #46563e;
        }
        .dropdown-menu a{
            color: #f9ff00;
            font-size: 0.8em;
            padding-left: 5px;
        }
        .dropdown-menu a:hover{
            color: #fff;
            background: #538832;
            text-shadow: 0 1px 0 #000;
        }
        .dropdown{
            cursor: pointer;
        }
.nav-link a:hover{color:#fff;}.dropdown-menu-right{background: #999;}.nav-link .dropdown-toggle a{color: #ffc107;}
        .bg-dark{
            background: #228B22;
            background-image:linear-gradient(#728c61cc, #010300, #728c61cc);
            box-shadow: 0 2px 1px #9c9c9c;
        }
        .navbar-collapse button{
            padding-top: 0px;
            padding-bottom: 0px;
            border-radius: 20px;
        }
        .navbar-collapse input{
            padding-top: 0px;
            padding-bottom: 0px;
            border-radius: 20px;
            border: 2px solid #868e96;
        }
        .navbar-collapse button:hover{
            background: #155724;
            font-weight: bold;
        }
        .my-container {
            position: relative;
            background: #111;
            overflow: hidden;
            color: #ffed00;
            border-radius: 0.2rem;
        }
        .my-container:before {
            content: ' ';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0.6;
            background-image: url(../photoacc/fond.jpg);
            background-repeat: no-repeat;
            background-position: 50% 0;
            -ms-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
        }
        .my-container h4{
            z-index: 2;
            position: relative;
            padding: 5px;
            text-shadow: 3px 2px #111;
        } 
        .my-container p{
            z-index: 2;
            position: relative;
            padding: 5px;
            font-weight: bold;
            font-size: 0.9em;
            font-style: italic;
            text-shadow: 3px 2px #111;
            margin-bottom: 5px;
        } 
        .my-container code{
            z-index: 2;
            position: relative;
            padding-left: 5px;
            margin-left: 5px;
            font-weight: bold;
            font-size: 80%;
            font-style: italic;
            color: #111;
        }
        marquee{
            cursor: pointer;
        }
.jumbotron {background-color: #5cb972;}
.jumbotron .couleur{
            background:#5cb972;
            text-shadow: -2px -1px black;
            color: #fff;
            border-radius: 0.3rem;
            font-size: 0.9em;
        }
.jumbotron .couleur a{color: #f9fbb2;text-decoration: underline;font-style: italic;}.jumbotron .couleur a:hover{color: #fff;}
        .centre h1 {
            font-size: 35px;
            font-weight: bold;
            color: #ffd600;
            text-shadow: 3px 3px 3px black, -1px -1px 5px white;
            letter-spacing: 3px;
            background: rgba(40, 167, 69, 0.73);
            border-radius: .3rem;
        }
        .centre p {
            color: #1d2124;
            text-shadow: 3px 3px 3px #868e96, -1px -1px 5px #ced4da;
            font-weight: bold;
            letter-spacing: 0.1em;
            font-size: 1.1em;
        }
        .list-group-item{
            padding-left: 7px;
            padding-right: 7px;
        }
        .col-md-3{
            background: #36ab51ab;
            padding-top: 35px;
            color: #FDFDC5;
            border: 1px solid #ffc107;}
        .col-md-3 li{
            letter-spacing: 1px;
            font-size: 0.9em;
            padding-bottom: 5px;
            padding-top: 6px;
        }
        .col-md-3 ul{
            background: #236f34;
            padding-bottom: 6px;
            padding-top: 5px;
            border-radius: 0.5rem;
        }
.col-md-3 li a{color: #fff;}.col-md-3 ul  :hover{color: #e9ecef;background: #538832;text-shadow: 3px 3px 3px black, -1px -1px 5px white, 3px 3px 3px black;text-decoration: none;}
        
        hr {
            margin-top: 1px;
            margin-bottom: 1px;
            border-top: 1px solid rgb(192, 248, 192);
        }
.col-md-6{border-radius: 0.3rem;}
        footer {
            background: #010300; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#728c61cc, #010300, #728c61cc); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#728c61cc, #010300, #728c61cc); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#728c61cc, #010300, #728c61cc); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#728c61cc, #010300, #728c61cc); /* Standard syntax (must be last) */
            margin-top: 5px;
            padding: 5px;
            border-radius: .3rem;
            font-family: 'Lato', sans-serif;
            box-shadow: 0 2px 1px #9c9c9c;
        }
        footer p{
            margin-top: 0;
            margin-bottom: .1rem;
            font-size: 0.7em;
            color: #ccc;
        }
        footer p a{color: #fffaf0;}
        footer p a:hover{color: #ffe9c7;}
        footer strong{
            font-size: 0.9em;
        }
        footer .row{
            padding-bottom: 10px;
            padding-top: 5px;
        }
        #basicclock{
            font-weight: bold;
            font-size: 0.8em;
            color: #ffd800;
            text-align: center;
            text-shadow: 1px 1px #000, 2px 2px #000;
            letter-spacing: 3px;
        }
        .xwd7{
            font-size: 0.8em;
            color: #ffd800;
            font-weight: bold;
            text-align: center;
            text-shadow: 1px 1px #000, 2px 2px #000;
            letter-spacing: 2px;
        }
        
        .list-group-item{
            padding-left: 7px;
            padding-right: 7px;
        }
        .col-md-3{
            background: #36ab51ab;
            padding-top: 35px;
            color: #FDFDC5;
            border: 1px solid #ffc107;}
        .col-md-3 li{
            letter-spacing: 1px;
            font-size: 0.9em;
            padding-bottom: 5px;
            padding-top: 6px;
        }
        .col-md-3 ul{
            background: #236f34;
            padding-bottom: 6px;
            padding-top: 5px;
            border-radius: 0.5rem;
            padding-left: 30px;
        }
.col-md-3 li a{color: #fff;}.col-md-3 li a:hover{color: #e9ecef;background: #538832;text-shadow: 3px 3px 3px black, -1px -1px 5px white, 3px 3px 3px black;text-decoration: none;}
#descript {font-size: 0.7em;color: #C3C3C3;text-align:center;}
.pagination a{color:#fff;font-size: 0.8em;padding: 3px;}
.pagination a:hover{color:#fff;font-size: 0.8em;padding: 2px;}
.pagination strong{padding:0 3px 0 3px;font-size: 0.9em;color:yellow;border: 1px solid #757a2b;background: #0e140c;}
.error{
	color:#f55;
	display:block;
	font-style:oblique;
	background:url(images/false.png) left no-repeat;
	padding-left:25px;
	font-weight:bold;
}
.added{
	height:30px;
	line-height:30px;
	text-align:center;
	width:500px;
	background:#219a42;
	border: 1px solid green;
	color:#ffffff;
}