# Empty CSS file for your own CSS
/* ------------------------------------------   gestion du fader   ------------------------------------------ */

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 22% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 89% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 22% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 89% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 22% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 89% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 22% {
   opacity:1;
 }
 33% {
   opacity:0;
 }
 89% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:100%;
  width:auto;
  margin:0 auto;
}

#cf4a img.fader  {
  position:absolute;
  top :0px;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 18s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 18s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 18s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 18s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

/* ------------------------------------------   gestion du carrousel   ------------------------------------------ */

.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}

.slidy{background-size: cover;}
.slidy:hover{background-size: contain;}

/* ------------------------------------------   gestion navbar   ------------------------------------------ */

.navbar-default .navbar-brand 
{
	color : #69b713;
}

.navbar-default .navbar-nav li a {
	color : white;
	font-size : 16px;
}

.navbar-nav .dropdown-menu li a
{
	color : #363839;
}

.navbar-nav .dropdown-menu li a:hover
{
	color : #69b713;
}

.dropdown:hover .dropdown-menu 
{
    display: block; /* Affiche la sous-liste au survol de son conteneur */
	color : #69b713;
}

.dropdown, .dropup {
    /* position: relative; */
    font-size: 20px;	/*taille de la police du menu*/
}
/* ------------------------------------------   gestion corps   ------------------------------------------ */

.logo
{
	position:absolute;
	z-index : 999;
	left : 0px;
	top : 0px;
	max-width: 18%;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	background-color: #69b713;
}

.img-full{
	height : 100%;
	width : 100%;
}

table{
	width : 100%;
	text-align : center;
}

table > tbody > tr > td > span > img{
	margin:auto;
}

table > tbody > tr > td > img{
	margin:auto;
}

table > tbody > tr > td > {
	margin:2px;
}
a{
	color: yellow;
}

a:hover{
	color : white;
}

body{
	background: #ffff;
	color: #363839;
}

h1
{
	/*background: #363839;*/
	color: #fff;
	background: #69b713;
	
    padding: 5px;
	/*color: #69b713;*/
	font-size: 2em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	/*text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);*/
	text-align : center;
}

/*h3
{
	font-size: 30px;
	color : #69b713;
	text-align: center;
}*/

h2
{
	color : #69b713;
	font-size: 25px;
	font-weight : bold;
}

span
{
	text-align : right;
}

.contact
{
	background:#363839;
	color:white;
	/*margin-right : 5px;*/
	position: relative;
	
}

.fonce
{
	background:#363839;
	color:white;	
}

.clair
{	
	background: #dcdcdc;
}

.warning
{	
	background: url(../images/warning.jpg);
}

.agenda
{
	background:#363839;
	color:white;
	position: relative;
}
.correctbas{
	margin-bottom : 15px;
}

.gris 
{
	/*padding : 25px;*/
	background: #dcdcdc;	/*gris gainsboro*/
}

.actualites 
{
	background: #dcdcdc;
}

/*.divers
{
	background: #dcdcdc;
}*/

.btn-default {
    color: #ffffff;
    background: #00ff1e;
	background-image: -webkit-linear-gradient(top, #00ff1e, #028a16);
	background-image: -moz-linear-gradient(top, #00ff1e, #028a16);
	background-image: -ms-linear-gradient(top, #00ff1e, #028a16);
	background-image: -o-linear-gradient(top, #00ff1e, #028a16);
	background-image: linear-gradient(to bottom, #00ff1e, #028a16);
    border-color: #ccc;
	text-shadow: 1px 1px 3px #666666;*
}

.bouton-rond
{
	position: absolute;
	bottom : 5px;
	right : 5px;
	padding : 10px 20px;
	border-radius: 50%;
	background-color: #69b713;
}

.btn123 {
	position: absolute;
	bottom : 5px;
	right : 5px;
	background: #00ff1e;
	background-image: -webkit-linear-gradient(top, #00ff1e, #028a16);
	background-image: -moz-linear-gradient(top, #00ff1e, #028a16);
	background-image: -ms-linear-gradient(top, #00ff1e, #028a16);
	background-image: -o-linear-gradient(top, #00ff1e, #028a16);
	background-image: linear-gradient(to bottom, #00ff1e, #028a16);
	-webkit-border-radius: 32;
	-moz-border-radius: 32;
	border-radius: 32px;
	text-shadow: 1px 1px 3px #666666;
	font-family: Arial;
	color: #ffffff;
	/*font-size: 13px;*/
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.btn123:hover {
	background: #3cfc96;
	background-image: -webkit-linear-gradient(top, #3cfc96, #00ff11);
	background-image: -moz-linear-gradient(top, #3cfc96, #00ff11);
	background-image: -ms-linear-gradient(top, #3cfc96, #00ff11);
	background-image: -o-linear-gradient(top, #3cfc96, #00ff11);
	background-image: linear-gradient(to bottom, #3cfc96, #00ff11);
	text-decoration: none;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.img-mobile
{
	min-height : 150px;
}

.mairie
{
	display: block;
}

@media (max-width: 768px)
{
	.logo
	{
		max-width: 22%;	
	}
	.meteo
	{
		height : initial;
	}
}

@media (max-width: 768px)
{
	.logo
	{
		max-width: 28%;
	}	
}

@media (max-width: 991px)
{		
	.mairie
	{
		display: none;
	}
	
}