#myvideo {
	position:absolute;
	left:500px;
	top:200px;
	width:616px;
	height:512px;
	z-index:100;
	visibility: hidden;
}

/* ----- DISPOSITION.CSS -------*/


.colonneP {
  max-width: 875px;
  box-sizing: border-box;
  float: left;
  position: relative;
  padding: 0px 0px;
}
.colonne {
  max-width: 710px;
  box-sizing: border-box;
  float: left;
  position: relative;
  padding: 0px 0px;
}
.colonneFine {
  max-width: 50px;
  box-sizing: border-box;
  float: left;
  position: relative;
  padding: 0px 0px;
}
.sectionbtn .colonne {
  padding: 0px 0px;
}
.une { width: 100%; }
.un_quart { width: 25%; }
.quarante_cinq  { width: 45%; }
.deux_quart { width: 50%; }
.trois_quart { width: 75%; }
.un_cinquieme { width: 20%;}
.un_sixieme { width: 15%;}
.un_dixieme { width: 10%;}
.neuf_dixieme { width: 90%;}
.deux_cinquieme { width: 40%;}
.trois_cinquieme { width: 60%;}
.un_tiers { width: 33.333%;}
.un_tiersA {
overflow: auto;
width: 33.333%;
background-image:url("/images/Ardoise2.jpg");
}
.un_tiers2 { width: 27%;}
.deux_tiers { width: 66.666%;}

.libelle {
  width:45%;
}
.prix {
  width:10%;
  text-align:right;
}
.remise {
  width:10%;
  text-align:right;
}
.prix_remise {
  width:10%;
  text-align:right;
}
.ajouter {
  width:25%;
  text-align:center;
}
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.tableau a:link {
  
  font-weight: bold;
  text-decoration:none;
}
.tableau .select a:link {
  box-sizing: border-box;
  display: inline-block;
  font-weight: normal;
  text-decoration:none;
}
.tableau a:visited {
  
  font-weight:bold;
  text-decoration:none;
}
.tableau .select a:visited {
  
  font-weight: normal;
  text-decoration:none;
}

.tableau {
  border-spacing:0px;
  width:644px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  background:#eaebec;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
}

.tableproduits {
  border-spacing:0px;
  width:800px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  
  background:#FAFAFA;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
  
  
}
.tableproduits480 {
  border-spacing:0px;
  width:480px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  
  background:#FAFAFA;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
  
  
}
.tableproduits550 {
  border-spacing:0px;
  width:550px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  
  background:#FAFAFA;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
  
  
}
.tableproduits575 {
  border-spacing:0px;
  width:575px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  
  background:#FAFAFA;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
  
  
}

.tableproduits650 {
  border-spacing:330px;
  width:635px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  
  background:#FAFAFA;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
  
  
}
.tableproduits1000 {
  border-spacing:0px;
  width:1000px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  
  background:#FAFAFA;
  margin:10px 0px;
  border:#ccc 1px solid;
  box-shadow:2px 2px 10px gray; 
  border-radius:3px;
  
  
}
.tableau th {
  padding:11px 10px 12px 10px;
  border-top:1px solid #fafafa;
  border-bottom:1px solid #e0e0e0;
  background: #ededed;
  position: sticky;
  top: 0;
}
.tableau tr:first-child th:first-child{
  
  border-top-left-radius:3px;
}
.tableau tr:first-child th:last-child{

  border-top-right-radius:3px;
}
.tableau tr{
  text-align: center;
  padding-left:20px;
}
.tableau tr td:first-child{
  padding-left:20px;
  border-left: 0;
}
.tableau tr td {
  padding:5px 8px;
  border-top: 1px solid #ffffff;
  border-bottom:1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  vertical-align: middle;
  background: #fafafa;
  
}
.tableau tr.even td{
  background: #f6f6f6;
  
}
.tableau tr:last-child td{
  border-bottom:0;
}
.tableau tr:last-child td:first-child{
  -
  border-bottom-left-radius:3px;
}
.tableau tr:last-child td:last-child{
  border-bottom-right-radius:3px;
}
.tableau tr:hover td{
  background: #f2f2f2;
    
}
.tableau.login th {
  padding:0px 5px 0px 0px;
  text-align:right;
  width:35%;
}
.tableau th.titre {
  text-align:center;
  font-size:14px;
  padding:10px 0px;
}

table.devis {
  width:100%;
  margin:10px 0px;
}
table.devis label {
  margin-right:5px;
}
.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}


/* ----- STYLE.CSS -------*/

html {
  background-image: linear-gradient(#D9D9D9 0%, #ffffff 100%);
  background-attachment: fixed;
}

body {
  background-color: transparent;
}

body.styleE{
  color:#111111;
  background:url(/images/fondEntreprise.jpg) no-repeat center fixed; 
}

#entete img {
  box-shadow:2px 2px 10px gray; 
}

#produits img {
  box-shadow:2px 2px 10px gray; 
}

#wrap {
  max-width:940px;
  margin:5px auto;
  padding:10px 10px;
}
#wrap.wrap-larger{
  /* issu de styleS.css */
  max-width:1200px;
}
body.styleE #wrap{
  max-width:1200px;
  background-color:#FFFFFF;
  border-radius:8px 8px 8px 8px;
  border:1px solid #AAAAAA;
}

.case {
  width:285px;
  height:285px;
  margin:5px 5px;
}
.texte {
  text-align:left;
  padding:15px 15px;
}
.image_droite {
  margin:5px;
  padding-left:10px;
  float:right;
}
.quantite {
  padding:0;
  margin:0;
}
.loupe {
  background-image:url(../images/mini_loupe.gif);
  background-repeat:no-repeat;
  background-position:left center;
  margin-left:25px;
  padding-left:15px;
  
}
input, textarea, select {
  border:solid 1px #dfdfdf;
  color:#555;
  background:#efefef;
  margin-bottom:3px;
  margin-top:3px;
  padding:5px 5px;
  vertical-align:middle;
  width:100%;
}
label {
  font-weight:bold;
}

.rounded-xl {
    border-radius: .7rem!important
}

.etoile {
  font-family:'Open Sans', sans-serif;
  font-size:13px;
  color:#ca0505;
  font-weight:bold;
  padding-left:5px;
}
.boutonG, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:25px;
  color:#FFFFFF;
  padding:6px 10px;
  border-radius:8px 8px 8px 8px;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:bold;
}

.boutonB, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:25px;
  color:#FFFFFF;
  padding:6px 20px;
  border-radius:8px 8px 8px 8px;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:bold;
}
.boutonB:visited {
  text-decoration:none;
  font-weight:normal;
}
.boutonB:hover {
  background-color: #E46C0A;
  cursor:pointer;
}
.boutonB2, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:15px;
  color:#FFFFFF;
  padding:6px 20px;
  border-radius:8px 8px 8px 8px;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:bold;
}
.boutonB2:visited {
  text-decoration:none;
  font-weight:normal;
}
.boutonB2:hover {
  background-color: #E46C0A;
  cursor:pointer;
}
.boutonA, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:25px;
  padding:6px 20px;
  color:white;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
.boutonE, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:22px;
  padding:6px 20px;
  color:white;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
.boutonE:visited {
  text-decoration:none;
  color:white;
  font-weight:normal;
  
}
.boutonE:hover {
  cursor:pointer;
  color:#e46c0a;  
}
body.styleE .boutonE,
body.styleE .select .boutonE {
  font-family:'Open Sans', sans-serif;
  font-size:13px;

  padding:12px 60px;
  
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
.boutonV, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:25px;
  padding:6px 5px;
  color:white;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
.boutonV:visited {
  text-decoration:none;
  color:white;
  font-weight:normal;
  
}
.boutonV:hover {
  cursor:pointer;
  color:RGB(145,178,187); 
}

.boutonE2, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:15px;
  color:white;
  padding:6px 5px;
  border-radius:8px 8px 8px 8px;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
td > .boutonE2 {
  border: 0;
  background: transparent;
  width: 100%;
  height: 100%;
}
.boutonE2:visited {
  text-decoration:none;
  font-weight:normal;
  background-color: #E46C0A;
}
.boutonE2:hover {
  color:#555555;  
  cursor:pointer;
}
.boutonR, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:13px;
  color:#FFFFFF;
  padding:6px 30px;
  background-image:linear-gradient(#ccc, #777 50%, #666 50%,#bbb);
  border-right:1px solid #555;
  border-radius:8px 8px 8px 8px;
  border-left:1px solid #888;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;  
}
.boutonR:visited {
  text-decoration:none;
  font-weight:normal;
  background-color: #E46C0A;
}
.boutonR:hover {
  background-image:linear-gradient(#aaa, #555 50%, #444 50%,#999);
  cursor:pointer;
}
.boutonRED, .select .boutonRED {
  font-family:'Open Sans', sans-serif;
  font-size:13px;
  color:#FFFFFF;
  padding:6px 20px;
  background-color: RGB(255,0,0);
  border-right:1px solid #555;
  border-radius:8px 8px 8px 8px;
  border-left:1px solid #888;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
.bouton, .select .bouton {
  font-family:'Open Sans', sans-serif;
  font-size:13px;
  color:#FFFFFF;
  padding:6px 20px;
  background-color: RGB(228,108,10);
  border-right:1px solid #555;
  border-radius:8px 8px 8px 8px;
  border-left:1px solid #888;
  margin:0px 0px;
  text-align:center;
  text-decoration:none;
  text-shadow:none;
  font-weight:normal;
}
body.styleE .bouton, 
body.styleE .select .bouton{
  padding:6px 30px;
  background-color: #5F9EA0;
}
.bouton:link {
  text-decoration:none;
  font-weight:normal;
}
.bouton:visited {
  text-decoration:none;
  font-weight:normal;
}
.bouton:hover {
  background-image:linear-gradient(#aaa, #555 50%, #444 50%,#999);
  cursor:pointer;
}
.bouton:disabled {
  background-image:linear-gradient(#ccc, #777 50%, #666 50%,#bbb);
}
.bouton_inactif {
  color:#FFFFFF;
  padding:3px 15px;
  background-image:linear-gradient(#ccc, #777 50%, #666 50%,#bbb);
  border-right:1px solid #777;
  border-radius:8px 8px 8px 8px;
  border-left:1px solid #aaa;
  margin:0px 5px;
}
.quantite {
  padding:0;
  margin:0;
}
.select select {
  background:transparent;
  width:100%;
  padding:0px 0px;
  border:1px solid #ccc;  
  
} 
body.styleE .select select {
  background:#efefef;
} 
.select input {
  background:transparent;
  width:100%;
  padding:0px 0px;
  border:1px solid #ccc;
  
}
body.styleE .select input {
  background:#efefef;
}

.clear {
  clear:both;
}
.ligne_horizontale {
  width:100%;
  height:1px;
  background-color:#CCCCCC;
  margin-bottom:5px;
}
.produit {
  max-width: 710px;
  height:40px;
  box-sizing: border-box;
  float: left;
  position: relative;
  padding: 0px 5px;
}
body.styleE .produit {
  box-sizing: border-box;
}

.divVert {
  background-color: #84e184;
  padding:10px;
  margin:10px;
  border-radius: 10px;
  box-shadow:2px 2px 10px gray;
}

.divRouge {
  background-color: #ff6666;
  padding:10px;
  margin:10px;
  border-radius: 10px;
  box-shadow:2px 2px 10px gray;
}

.divOrange {
  background-color: #ffc266;
  padding:10px;
  margin:10px;
  border-radius: 10px;
  box-shadow:2px 2px 10px gray;
}
#conteneur1200{
width: 1300px;
height: 200px;
overflow: auto;
}
#conteneur850{
width: 850px;
height: 200px;
overflow: auto;
}
#conteneur970{
width: 970px;
height: 200px;
overflow: auto;
}
#conteneur970H1000{
width: 970px;
height: 1000px;
overflow: auto;
} 
#conteneur950{
width: 950px;
height: 400px;
overflow: auto;
}
#conteneur800{
width: 800px;
height: 250px;
overflow: auto;
}
#conteneur600{
width: 600px;
height: 300px;
overflow: auto;
}
#conteneur350{
width: 350px;
height: 300px;
overflow: auto;
}
#conteneur400{
width: 400px;
height: 300px;
overflow: auto;
}
#conteneur450{
width: 470px;
height: 200px;
overflow: auto;
}
#conteneur570{
width: 570px;
height: 200px;
overflow: auto;
}