@import url('https://fonts.googleapis.com/css?family=Lato:400,700');


@media 
  (min-width: 700px) 
  and (max-width: 1200px) {

.rightcolumn {
  display:none;
}
   button, button.client{
height: 3em;
   }
   td button{
height: 4em;
}
   select, option{
height: 4em;
   }
   #commande_confirmation{
height: 4em;
}
}

body{
font-family: 'Lato', "Trebuchet MS", Verdana, Geneva, Arial; !important
  font-size:medium;
  /*background-image: url('../images/pirecourtel.png');
  background-repeat: no-repeat;*/
background-color: #F0F8FF;


}

p {
	background-color: #F0F8FF;
}


#maindiv {
   width: 500px
}
#maindiv p{
/*    display: inline-block;
 */  /* *display: inline; zoom: 1;  ie6 ie7 hack */
  
}
#maindiv input{
 /* *display: inline; zoom: 1;  ie6 ie7 hack */

}
#maindiv button{
   /* *display: inline; zoom: 1;  ie6 ie7 hack */
 
}
#maindiv .one {
     width:150px;				
}
#maindiv .two {
     width: 150px;	
 
	 
}
#maindiv .pic {
     width: 155px;	
}
#maindiv qty{
    width:40px;		
}
#maindiv qtyplus{
	
}
#maindiv qtyminus{
}
#maindiv samehigh{
	/* position: float; */
}
.centerbox {
	position: relative;
	margin:auto;
	top: 35%;
	width:15em;
	padding-left: 3em;
	border: solid 2px;
	font-family:"Trebuchet MS", Verdana, Geneva, Arial;
  font-size:large;
}
.leftcolumn {
	position: relative;
	top: 1em;
	left: 15px;
	width:290px;
	
}

.centercolumn {
  position: absolute;
  top: 1em;
  left: 295px;
}

.rightcolumn {
  position: absolute;
  top: 1em;
  left: 1200px;
  width:500px;
}

a:link { color: blue; }
a:visited { color: blue; }
a:active { color: blue; }
a:hover { color: blue; }

table.list {
  border: 1px solid black;
}

td.list {
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid black;
}

th.list {
  padding-left: 5px;
  padding-right: 5px;
}

button {
  width: 100%;
  text-align: center;
  font-family:"Trebuchet MS", Verdana, Geneva, Arial;
  font-size:medium;

}
button.client {
  width: 100%;
  text-align: center;
  font-family:"Trebuchet MS", Verdana, Geneva, Arial;
  font-size:medium;


}

input.high {
     font-size:26px;
	 font-family:"Trebuchet MS", Verdana, Geneva, Arial;
	 font-size:medium;
}
select.high {
     font-size:26px;
	 font-family:"Trebuchet MS", Verdana, Geneva, Arial;

	
}

select {
     font-size:medium;
	 font-family:"Trebuchet MS", Verdana, Geneva, Arial;
     

	
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}