/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */


[hidden] {
  display: none;
}
body{
	background:initial;
}
a:hover{
	color:black;
}
#nav-second,#mobile-nav-trigger,#containerfooter{
  display: none;
}
#ktsidebar{
  display: none;
}

.kad_tagline{
  text-align:center;
  color:#cc9900;
  font-size:24px;
  font-weight: bold;
  font-style: italic;
}
.belowlogo-text{
	display:none;
}

.contentclass{
	padding-top:0px;
	padding-bottom:0px;
}
#wrapper{
width:100%;
}
  
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */




/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */





#toolbox {

  width: 100%;


  z-index: 2;

}



#toolbox div {
	vertical-align:top;

}

#select_mode,#select_raccord,#select_orientation, #select_style,#select_longueur,#select_materiau,#select_tablette,#select_modele,#select_couleur,#select_couleur_poteau{
	font-size:12px;
	color:black;
    width:auto ;
	max-width:100%;
	padding:0 ;
	background-image:none;
	background-color:#cc9900;
	border: solid 1px white;
}
#select_mode,#select_longueur,#select_tablette,#select_modele{
	height:90px;
}
 #select_style,#select_raccord{
	height:30px;
}
#select_materiau,#select_couleur,#select_couleur_poteau,#select_orientation{
	height:48px;
}

.jscolor {
    font-size: 10px;
	width:60px;
    border: 1px;
    cursor: pointer;

}


.topnav {
    background-color: #000;
    overflow: hidden;
	width:100%;
	text-align:center;

}

/* Style the links inside the navigation bar */
.topnav a {

    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 0px 10px 0px 10px;	
    text-decoration: none;
    font-size: 14px;
	height:20px;

}
.topnav label{

    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 14px;
	height:30px;
}



/* Hide the link that should open and close the topnav on small screens */
.dropbtn {
    display: none;

}
.dropbtn2 {
    display: none;

}

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 700px) {
.kad-standard-logo{
	max-height:120px;
}
.kad-header-right{
	display:none;
}
  .topnav a {display: none;}
    .topnav label{display: none;}
.topnav #label_panier{display: none;}
  .dropbtn {
    display: block;
	margin-right: auto; margin-left: auto;
    color: white;
    font-size: 12px;
    border: none;
    cursor: pointer;
	background-color:black;
	}
	.dropbtn2 {
    display: block;
	margin-right: auto; margin-left: auto;
    color: white;
    font-size: 12px;
    border: none;
    cursor: pointer;
	background-color:black;
	}


  .topnav {position: relative;}
  .responsive {position: relative;}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;

  }
   .topnav.responsive label{
    float: none;
    display: block;
    text-align: center;
  }
    .topnav.responsive #label_panier{
	margin-right: auto; margin-left: auto;
    display: block;

  }
} 


#dimensions,#nombre_elements,#total{color:white;}

#label_panier{
	background-color:black;
	border:none;
	display: inline-block;
    color: #cc9900;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
    font-size: 16px;
	height:30px;
}



#label_dimensions,#label_nombre_elements,#label_total{color:#cc9900;font-size:16px;}
#imprimer,#ouvrir,#enregistrer,#aide,#sauvegarder,#quitter,#back,{color:white;}
#imprimer:hover,#ouvrir:hover,#enregistrer:hover,#aide:hover,#sauvegarder:hover,#quitter:hover,#back:hover{background-color:black;color:cyan;cursor:pointer;}
#label_panier:hover{background-color:black;color:limegreen;cursor:pointer;}

.hp {display: none;}