body {
	background: lightgrey;
}
a:link, a:visited { color: #008800; font-weight: bold;} 
a:active, a:hover { color: #CC0000; font-weight: bold;}

a.nounderline{color: #ffffff; text-decoration: none;font-weight: bold;}
a.nounderline:active{color: #ffffff; text-decoration: none;font-weight: bold;}
a.nounderline:hover{color: #ffffff; text-decoration: none;font-weight: bold;}
a.nounderline:visited{color: #ffffff; text-decoration: none;font-weight: bold;}

.goog-te-gadget{
	padding-top:8px;
}
.container{
	padding-top:90px;
}
.carousel{
margin-top:5px;
	}
.carousel-inner{
	border:black;
	border-style:solid;
	border-width:5px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #86c111;
  text-decoration-line: underline; /* Indique que l'on veut un soulignement */
  text-decoration-style: dotted;  /* Définit le style du soulignement comme pointillé */
  text-decoration-color: #86c111;    /* Optionnel : définit la couleur du soulignement */
  text-decoration-thickness: 2px; /* Optionnel : définit l'épaisseur du soulignement */

	background: url(../images/h1_logo.jpg) no-repeat;
	background-position: left;
	height: 80px;
	padding-left: 65px;
	padding-top: 35px;
	
}
h2 {
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	height: 62px;
	background: url(../images/h2.jpg) repeat-x;
}
h5 {
	text-align:center;
	text-decoration: underline;
}
.menuphoto {
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 8px;
	font-weight: bold;
	color: #fff;
	height: 35px;
	background: url(../images/h2.jpg) repeat-x;
}
.blanc {
	color:darkolivegreen; /* #fff; */
	font-weight: bold;
}
.darkred {
	color:darkred;
	font-weight: bold;
}
.blanc_barre {
	color:#fff;
	text-decoration: line-through;
}
.noir{
	color:#000;
}
.bouton{
	font-weight: bold;
	color: #fff;
	padding: 10px 0px 0px 50px;
	margin-top:5px;
	margin-bottom:-25px;
	height: 75px;
	background: url(../images/h3.png) no-repeat;
}
.col-sm-8{
	background-color:#fff;
	border-radius:24px;
}
.jumbotron{ /* pied de page */
	background-color:transparent;
	width:100%;
}
table {
    border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
	padding: 5px;
  text-align: center;

}
.zab table {
border-collapse: collapse;
border: 1px solid #black;
color:black;
  width:40%;
}
.zab td{border : 1px solid;}

.expo table{border:none !important;padding:0px !important;}

.expo td {text-align:left;}

.expo select{width:200px}
.expo label{line-height:0px}

#Haut:before {
    display: block;
    content: "";
    height: 70px;
    margin: -70px 0 0;
}
.decale:before {
    display: block;
    content: "";
    height: 55px;
    margin: -55px 0 0;
}
#avertissement{
    animation: Test 1s infinite;
}
@keyframes Test{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.autreimage{display:block;}

#compteur a img {display:block !important;}
.zoom {
height:400px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
padding-left:15px;
padding-right:15px;"
}
.zoom img:hover {
width:400px;
height:300px;
}
.ulhover ul{
      display: flex;
    }

.ulhover li {
      list-style-type: none;
      position: relative;
    }
.large {
  position: absolute;
  left: -9999px;
}
.ulhover li:hover .large {
  left: 210px;
  top: -150px;
}
.info_img{width:40px;}
.bouton_modif {
    border: 0;
    line-height: 1.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(143, 199, 37, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.bouton_modif:hover {
    background-color: rgba(255, 0, 0, 1);
}

.bouton_modif:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}
.tete{float:none;clear:both;padding-left:15px;padding-right:15px;width:150px;height:150px;}

.facebook_img {left: 50px !important;}
.video-container {
  display: block; 
  margin: 0;
}