/*Couleur du fond bleu*/
body{background-color: lightskyblue;
background: -moz-linear-gradient(top, lightskyblue 0%, royalblue 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lightskyblue), color-stop(100%,royalblue));
background: -webkit-linear-gradient(top, lightskyblue 0%,royalblue 100%);
background: -o-linear-gradient(top, lightskyblue 0%,royalblue 100%);
background: -ms-linear-gradient(top, lightskyblue 0%,royalblue 100%);
background: linear-gradient(top, lightskyblue 0%,royalblue 100%);
background: linear-gradient(lightskyblue;royalblue);
background-attachment:fixed;
text-align: justify;
font-family: Calibri, sans-serif;
width: 100%;}
header{background: silver;
background: -moz-linear-gradient(top, whitesmoke 0%, silver 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,whitesmoke), color-stop(100%,silver));
background: -webkit-linear-gradient(top, whitesmoke 0%,silver 100%);
background: -o-linear-gradient(top, whitesmoke 0%,silver 100%);
background: -ms-linear-gradient(top, whitesmoke 0%,silver 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke', endColorstr='silver',GradientType=0);
background: linear-gradient(top, whitesmoke 0%,silver 100%);
border-radius: 20px 20px 0px 0px;
border-bottom: 3px double silver;
margin-bottom: 5px;}


footer{background: linear-gradient(silver,whitesmoke);
background: silver;
background: -moz-linear-gradient(top, silver 0%, whitesmoke 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,silver), color-stop(100%,whitesmoke));
background: -webkit-linear-gradient(top, silver 0%,whitesmoke 100%);
background: -o-linear-gradient(top, silver 0%,whitesmoke 100%);
background: -ms-linear-gradient(top, silver 0%,whitesmoke 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='whitesmoke',GradientType=0);
background: linear-gradient(top, silver 0%,whitesmoke 100%);
border-top: 3px double silver;
border-radius: 0px 0px 20px 20px;
padding: 10px;
}

/*Mise en forme des blocs*/
.row{margin-right:0px;margin-left:0px;}
[class^='col-md']{padding:3px;}
main{padding:3px;}
.carte{background-color: whitesmoke;
border: 1px solid silver;
padding:10px;}
/*Remise à zéro des marges automatiques*/
header{width:auto;

}
.entete{display:flex;
text-align:center;
align-items:center;
justify-content:center;
padding:10px;}
header span{flex:1;font-size:1.4em;color:darkgray; font-style:italic;}
footer{width:auto;
}
footer .row{display:flex;align-items:center;justify-content:center;}
footer .row div:nth-child(2) {border-left:1px solid gray;border-right:1px solid gray;}
footer div{padding:10px;}


/*Diaporama*/
#zone-slideshow{padding:0px;}
.carousel-indicators li{background-color: rgba(255,0,0,.5);}
.carousel-indicators .active{background-color: red;}
.carousel-indicators{bottom:0px;}
/*.carousel-control-next-icon{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}*/
/*.carousel-control-prev-icon{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}*/

.carousel-caption{background: #000;
background: rgba(0,0,0,0.7);
border-top: 1px solid red;
color: white;
text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
bottom:0px;left:0px;right:0px;}
.carousel-caption h3{font-size:1.2em;text-align:center;color:white;}

/*Sliders page d'accueil*/
#sliders a{position:relative;overflow:hidden;padding-bottom:0px;}
#sliders a .black-slide{position:absolute;top:80%;left:3px;right:3px; background:rgba(0,0,0,0.5);height:100%;transition:all .3s;
color:white;font-weight:bold;padding:10px;text-align:center;
display:flex;flex-direction:column;align-items:center;justify-content:center;}

#sliders a:hover .black-slide{top:3px;}

.btn-slide{border:none;position:absolute;top:0px;left:0px;
border-radius:0px;background: linear-gradient(silver,red);
background: red;
background: -moz-linear-gradient(top, silver 0%, red 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,silver), color-stop(100%,red));
background: -webkit-linear-gradient(top, silver 0%,red 100%);
background: -o-linear-gradient(top, silver 0%,red 100%);
background: -ms-linear-gradient(top, silver 0%,red 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='red',GradientType=0);
background: linear-gradient(top, silver 0%,red 100%);
width:100%;
height:20%;
font-size:1.2em;
font-weight:bold;}
/*Mise en forme texte*/
a{text-decoration:none;}
h1{text-align: center;
font-size: 1.4em;
margin-bottom: 15px;
margin-top: 15px;
border-bottom: 2px solid red;
margin-right: 10%;
margin-left: 10%;
color: dimgray;
font-weight: bold;}
footer{text-align:center;color: gray;
font-size: 0.8em;}
#copyright{color:red;}
a{color:red;text-decoration:none;}
a:hover{color:red;text-decoration:none;}
footer a{color:gray;}
footer a:hover{color:black;text-decoration: underline;}
h2{text-align: left;
font-size: 1.2em;
margin: 15px;
border-bottom: 1px solid red;
color: dimgray;
font-weight: bold;}
h3 {
text-align: left;
font-size: 1.1em;
margin: 15px;
color: dimgray;
font-weight: bold;
}

#fil {
color: dimgray;
font-size: 0.9em;
padding: 5px;
margin: 0px;
}
#fil a {
color: gray;
}
#fil a:hover {
color: black;
text-decoration: underline;
}

#sitemap ul li {
list-style: none;
text-align:left;
}
#sitemap ul li ul li {
list-style: disc;
}
#sitemap a{
color: black;
}
#sitemap a:hover, #sitemap h2:hover {
color: red;
}

/*Taille de la page*/
.container-fluid{background-color:white;
				width:85%;
				border-radius:20px;
				margin-top:10px;
				margin-bottom:10px;
				padding-right:0px;padding-left:0px;
				}
				
				




/*Menu*/

.navbar{padding:0px;justify-content:flex-end;}
nav{background: linear-gradient(silver,red);
background: red;
background: -moz-linear-gradient(top, silver 0%, red 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,silver), color-stop(100%,red));
background: -webkit-linear-gradient(top, silver 0%,red 100%);
background: -o-linear-gradient(top, silver 0%,red 100%);
background: -ms-linear-gradient(top, silver 0%,red 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='red',GradientType=0);
background: linear-gradient(top, silver 0%,red 100%);
padding: 5px;
font-size: 1.2em;
font-weight: bold;
padding:0px;
}

.navbar-light .navbar-nav .nav-link {
color:white;text-align:center;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: white;
}
.custom-toggler .navbar-toggler-icon {
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");*/
  background-image:url("/images/icon/menu.svg");
  
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
} 

.navbar-nav{display:flex;width:100%;margin:0px;
justify-content:space-between;}
.navbar-nav .nav-item{flex:1;}
.navbar-nav .nav-item:last-child{flex:0;}
.dropdown-menu{height:200px;background-color:gainsboro;font-size:1.1em;padding:0px;min-width:200px;margin:0px;}
.dropdown-container{height:100%;display:flex;flex-direction:column;}
.dropdown-item{flex:1;border-top:1px solid gray;}
.menu-image{position:absolute;left:100%;top:0%;bottom:0px;background-color:white;}
.menu-image img{height:100%;}

.nav-item:hover{background-color:darkgray;background:-moz-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,silver), color-stop(50%,darkgray), color-stop(100%,silver));background:-webkit-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:-o-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:-ms-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='red',GradientType=0);background:linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:linear-gradient(silver,darkgray,silver);
color:white;}
.dropdown-item:hover{background-color:darkgray;background:-moz-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,silver), color-stop(50%,darkgray), color-stop(100%,silver));background:-webkit-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:-o-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:-ms-linear-gradient(top, silver 0%, darkgray 50%, silver 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='red',GradientType=0);background:linear-gradient(top, silver 0%, darkgray 50%, silver 100%);background:linear-gradient(silver,darkgray,silver);
color:red;}

navbar-toggler{}
.navbar-toggler-icon {color:white;}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.5);
border:none;
float:right;
}

/*Tableaux*/
table {
border: 0px solid black;
border-collapse: collapse;
height: 100%;
width: 100%;
text-align:center;
}
table img{width:75px;}
thead {
background-color: gainsboro;
font-weight: bold;
font-size: 1.1em;
display: table-header-group;
vertical-align: middle;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
}
.im_prod2{width:100%;}
table td{border:1px solid gray;vertical-align: middle;}
#download div{text-align:center;}
#download h3{text-align:center;}
#download img{width:75px;}
.table > tbody > tr > td {vertical-align: middle;}
.table > thead > tr > th {vertical-align: middle;}
.table8 td{width:12.5%;}


/*Page références*/
.references{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:center;}
.im_ref{width:150px;padding:10px;}

.download{background:linear-gradient(lime,limegreen);padding:10px;border:1px solid green;border-radius:10px;color:white;font-weight:bold;margin:10px;}



/*Contact*/
form{margin:0 auto;width:100%;padding:1em;border:1px solid #CCC;border-radius:1em;}
form div{display:flex;}
form div + div{margin-top:1em;}
label{width:120px;text-align:right;margin-right:10px;}
input, textarea{font:1em sans-serif;flex:1;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;}
input:focus, textarea:focus{border-color:#000;}
textarea{vertical-align:top;height:5em;resize:vertical;}

button{margin-left:.5em;}
form span{color:red;}

#submit{border-radius:0px;background: linear-gradient(silver,red);
background: red;color:white;
background: -moz-linear-gradient(top, silver 0%, red 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,silver), color-stop(100%,red));
background: -webkit-linear-gradient(top, silver 0%,red 100%);
background: -o-linear-gradient(top, silver 0%,red 100%);
background: -ms-linear-gradient(top, silver 0%,red 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='red',GradientType=0);
background: linear-gradient(top, silver 0%,red 100%);
font-size:1.2em;
font-weight:bold;
border:0px solid red;}
#submit:disabled{background:gray;}

/*Bouton retour en haut*/
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    opacity:0.7;
}

#myBtn:hover {
    opacity:1;
}

@media screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;}
}
				
/*Responsive*/				
@media screen and (max-width: 1024px) {
  .container-fluid{width:95%;}
}
@media screen and (max-width: 992px) {
  .container-fluid{width:97.5%;}
  .navbar-nav .nav-item{flex:auto;}
 
}

@media screen and (max-width: 800px) {
/*Tableaux*/
	
	.table8 td{width:auto;}
	
	.responsive-table-line td:before { content: attr(data-title); }
.responsive-table-line table, 
.responsive-table-line thead, 
.responsive-table-line tbody, 
.responsive-table-line th, 
.responsive-table-line td, 
.responsive-table-line tr { 
display: block; 
}
.responsive-table-line thead tr { 
display:none;
border:1px solid gray;
}
.responsive-table-line tr { 
border:1px solid red;
}
.responsive-table-line td { 
position: relative;
border: 0px solid transparent;
padding-left: 50% !important; 
white-space: normal;
text-align:right; 
border:1px solid silver;
}
.responsive-table-line td:before { 
position: absolute;
top: 0px;
left: 0px;
width: 45%; 
padding-right: 15px; 
height:100%;
/*white-space: nowrap;*/
white-space: normal;
/*text-overflow: ellipsis !important;*/
overflow:hidden !important;
text-align:left;
background-color:#f8f8f8;
padding:2px;
font-weight:bold;
}
}

@media screen and (max-width: 768px) {
  .container-fluid{width:100%;
  				border-radius:0px;
				margin-top:0px;
				margin-bottom:0px;}
	.hide-resp{display:none;}
	footer{border-radius:0px;}
	header{border-radius:0px;}
	
	
	/*Menu*/
	.menu-image{display:none;}
	.dropdown-menu{height:auto;}
	#fil{display:none;}
	
	
	
}

@media screen and (max-width: 576px) {
	footer .row div:nth-child(2) {border-left:0px solid gray;border-right:0px solid gray;border-bottom:1px solid gray;border-top:1px solid gray;}
	
}



@media (max-width: 500px) {

}