html {
  min-height: 100vh;
 margin:0;
  padding:0;
  -webkit-background-size: cover; 
  background-size: cover;
}
/*body{width:80%;margin:auto;background:#e8e8e6;background: linear-gradient(to bottom, LightGrey 10%, dimgray 80%,gray) repeat scroll 0% 0% border-box #333;font-family: arial, verdana, tahoma, serif;font-size: 10pt;}*/
body{width:80%;margin:auto;background:#e8e8e6;background: linear-gradient(to bottom, white 10%,gray) repeat scroll 0% 0% border-box #333;font-family: arial, verdana, tahoma, serif;font-size: 14pt;}
#tab-cobot1 th{font-weight:bold;font-size:1em;}
#tab-cobot1 tr{font-weight:normal;text-align:center;font-size:0.8em;}
#tab-cobot2 span{font-weight:normal;text-align:center;font-size:0.8em;}
#tab-cobot21 span{font-weight:normal;text-align:center;font-size:1.5em;}
#tab-cobot3 tr{font-weight:normal;text-align:center;font-size:1em;}
#tab-cobot4 th{font-weight:normal;text-align:center;font-size:0.8em;}
header{display: flex;flex-direction: row;margin-top: 1em;width: 100%;height: auto; align-items: center;flex-wrap: wrap;justify-content:space-around;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.09), rgba(255, 255, 255, 0));
   background-repeat:  no-repeat;
  background-position: left;background-size: contain;
 border-radius:5px;
 padding:.5em;
 font-size: 1.2em;
}
/*div.langues ul li{margin: 0;padding: .3em;list-style:none;float:left;}
div.langues {align-self: flex-end;justify-self: flex-end; }
div.langues img {border:none;height:1em;}*/
h1{font-family:Avantgarde, verdana, tahoma, serif ;font-size: 1.2em;margin-left: auto;margin-right: auto;text-align: center;width:100%;color:#5181c0; font-weight:normal;}
h2{font-size: 1em;text-align: center;color :white; font-weight:normal;}
h3{font-size: 1em;text-align: left;color :white; font-weight:normal;}
h4{font-size: 1.5em;text-align: center;color:orange; font-weight:bold;margin:0.2em;}
h5{font-size: 1.5em;text-align: center;color:black; font-weight:bold;margin:1em;}
h6{font-size: 2em;text-align: center;color:black; font-weight:normal;margin:1em;}
.T1{font-size: 1.5em;text-align: center;color:red; font-weight:normal;}
.T2{font-size: 3em;text-align: left;color:blue; font-weight:normal; width:100%;}
.T3{font-size: 1em;text-align: left;color:black; font-weight:normal;}
.T31{font-size: 3em;text-align: left;color:black; font-weight:normal;}
.T4{font-size: 1em;text-align: center;color:white; font-weight:bold;}
.marge1{text-align: center;}
.gauche{text-align: left;margin:5% 0;}
.centrage{text-align: center;margin:5% 0;}
.droite{text-align: right;margin:5% 0;}
.justifier {text-align: justify;}

footer {  margin:auto;text-align: center;width:100%;}
footer span{font-size: .8em;}
#gallery,#gallery2,#gallery3,#gallery4,#gallery5,#gallery6,#gallery7,#gallery8,#gallery9,#gallery10,#gallery11,#gallery12,#entreprise{padding-top:1em;display: flex;flex-direction: row;justify-content: center;align-items: stretch;border:0px red solid;flex-wrap: wrap;}
#gallery img,#gallery2 img,#gallery3 img,#gallery4 img,#gallery5 img,#gallery6 img,#gallery7 img,#gallery8 img,#gallery9 img,#gallery10 img,#gallery11 img,#gallery12 img{margin-right:.8em;border-radius:5px;}
nav{display: flex;flex-direction: column;border: 0px solid black;padding:0 ;margin-bottom:0em;margin-top: 1em;}
.menu ul {margin:0px;padding:0px;background-color:lightgray; box-shadow: 5px 5px 10px black;  border-radius: 5px;background: #3B3B3B;background: linear-gradient(to bottom, #3B3B3B, #1A1A1A) repeat scroll 0% 0% border-box #333;color: #777;border-width: 1px;border-style: solid;border-color: rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.3);-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;flex-wrap: wrap; }
.menu li{margin:2px;border:0px salmon solid;padding:.8em;display: flex;flex-wrap: wrap;border-radius:5px;color:white;}
.menu li:first-child,.menu ul li ul li{padding-left:1em;border:0px blue solid;}
.menu .droite {float: right;margin-right:1em;}
.menu li:hover{background-color: #1A1A1A;border-left-color: rgba(255, 255, 255, 0.05);border-right-color: rgba(255, 255, 255, 0.05);border-top-color: #000;box-shadow: 0px 2px 4px #000 inset;}
.menu ul li ul { background:none; border:none; }
.menu ul li {display: block;position: relative;float: left;}
.menu li ul {display: none;min-width: 10em;}
.menu ul li a {display: block;white-space: nowrap;font-size:1.1em;}
.menu ul li ul li {background:gray;opacity:.95;font-size:.8em;}
.menu li:hover ul {display: block;position: absolute;margin-left:0px;margin-top:8px;z-index:100;}
.menu li:hover li {float: none;}
section{width:100%;padding:5px;display: flex;flex-direction: column;border: 0px solid blue;background:none; }
.fluid_container {
	margin: 0 auto;
	min-width: 80%;
	max-height:50%;
}
a{text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;color:white;}
nav a:active ,nav a:focus, nav a:hover, .page_en_cours{outline-width:0;color: #FF9C28;}
aside {display: flex;align-self: flex-end;}
/* ... */.responsive-tabs {margin: auto;width: 100%;border-right:1px darkgray solid;border-bottom:1px darkgray solid;border-left:1px white solid;border-radius:5px;box-shadow: 5px 5px 10px black; }
.responsive-tabs .state {position: absolute;left: -10000px; }
.responsive-tabs .flex-tabs {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; }
div.panel ul li{word-wrap: break-word; flex-wrap: wrap;}
.responsive-tabs .flex-tabs .tab {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;max-height: 4em;border-radius:5px;background: linear-gradient(to bottom, #3B3B3B, #1A1A1A) repeat scroll 0% 0% border-box #333;color: #777;border-width: 2px;border-style: solid;border-color: rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.3);-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;color:white;font-size:.8em;box-shadow: 5px 5px 10px black;}
.responsive-tabs .flex-tabs .panel { padding: 0em;min-height: 8em;display: none;width: 100%;-webkit-flex-basis: auto;-ms-flex-preferred-size: auto;flex-basis: auto;}
div.panel div{float:left;margin:auto;}
.flex-droite{padding-left:4em;}
.flex-gauche{display: flex;flex-wrap: wrap;flex-direction: row;}
.retour-ligne{display: inline-block;position: relative;left:0px;}
.responsive-tabs .tab {display: inline-block;padding: .5em;vertical-align: top;background-color: #eee;cursor: pointer;border-left: 4px solid #FF9C28;}
.responsive-tabs .tab:hover { background:black;color: #FF9C28;border-left-color: rgba(255, 255, 255, 0.05);border-right-color: rgba(255, 255, 255, 0.05);border-top-color: #000;box-shadow: 0px 2px 4px #000 ; }
#tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label, #tab-four:checked ~ .tabs #tab-four-label, #tab-five:checked ~ .tabs #tab-five-label , #tab-six:checked ~ .tabs #tab-six-label, #tab-seven:checked ~ .tabs #tab-seven-label{color: black;cursor: default;background:none;font-weight:bold; border-bottom:0px;border-left:0px;border-right:0px;box-shadow: none;border-radius:5px 5px 0 0 ;}
#tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel, #tab-three:checked ~ .tabs #tab-three-panel, #tab-four:checked ~ .tabs #tab-four-panel , #tab-five:checked ~ .tabs #tab-five-panel, #tab-six:checked ~ .tabs #tab-six-panel, #tab-seven:checked ~ .tabs #tab-seven-panel {display: block; }
.thumb {border:1px; border-color:red;}
.rouge {color:red;font-size:1.1em;}
.images-petites {max-width: 800px;}
@media (max-width : 768px)
 {
body{width:80%;margin:auto;background:#e8e8e6;background: linear-gradient(to bottom, LightGrey 10%, silver,gray) repeat scroll 0% 0% border-box #333;font-family: verdana, tahoma, serif;font-size: 12pt;}
div.panel ul li{word-wrap: break-word; flex-wrap: wrap; flex-direction: row;}
 div.panel {display:flex;word-wrap: break-word; flex-wrap: wrap; flex-direction: row;}
 .flex-tabs {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
 .flex-tabs .tab {background: #fff;border-bottom: 1px solid #ccc;}
 .flex-tabs .tab:last-of-type { border-bottom: none; }
 .flex-tabs #tab-one-label {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
 .flex-tabs #tab-two-label {-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;}
 .flex-tabs #tab-three-label {-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5;}
 .flex-tabs #tab-four-label {-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7;}
 .flex-tabs #tab-five-label {-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9;}
 .flex-tabs #tab-six-label {-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11;}
 .flex-tabs #tab-seven-label {-webkit-box-ordinal-group: 14;-webkit-order: 13;-ms-flex-order: 13;order: 13;} 
 .flex-tabs #tab-one-panel {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;}
 .flex-tabs #tab-two-panel {-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;}
 .flex-tabs #tab-three-panel {-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6;}
 .flex-tabs #tab-four-panel {-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8;}
 .flex-tabs #tab-five-panel {-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10;}
 .flex-tabs #tab-six-panel {-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12;}
 .flex-tabs #tab-seven-panel {-webkit-box-ordinal-group: 15;-webkit-order: 14;-ms-flex-order: 14;order: 14;}
 
#tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label, #tab-four:checked ~ .tabs #tab-four-label, #tab-five:checked ~ .tabs #tab-five-label, #tab-six:checked ~ .tabs #tab-six-label, #tab-seven:checked ~ .tabs #tab-seven-label {color: black;cursor: default;background:none;font-weight:bold; border-bottom:1px solid white;border-left:0px;border-right:0px;box-shadow: none;border-radius:5px  ;}
 
.images-petites {max-width: 300px;}
	 
 }

.lecture {
  position: relative; }

 .lecture img {
 max-width: 100%;
height:100%;
  padding:0px;
  margin:0px;
  border-radius:5px;
}

.lecture:after {
 /* content: "\25B7";*/
 content: "\25BA";
  position: absolute;
  bottom:.5rem;
  left: .5rem;
  z-index: 10;
  font-size: 1.5em;
  color : white ;
  background:#B20000;
  opacity:1;
   border-radius:7px;
  /*text-shadow: 0px 2px 1px rgba(255,156,40, 1);*/
  padding-left:.5em;
  padding-right:.4em;
  padding-top:.1em;
  padding-bottom:.1em;
  /*border:1px solid #230000;*/
}
.couleur1 {color:blue;}
.couleur2 {color:black;}
.bgclair {background-color:lightgray;}
.bgfonce {background-color:darkgray;}


.seo-bloc {
  margin-top: 60px;
  padding: 30px;
  background: #f9f9f9;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.6;
}
.seo-bloc h1, .seo-bloc h2 {
  color: #0073b1;
}