/* 
 * 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
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,

audio,
canvas,
video {
  display: inline-block;
}

[hidden] {
  display: none;
}
/* =============================================================================
   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
 */

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
  overflow: hidden;
  height: 100%;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
/* 
 * 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)
 */

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}



















/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}

 

#toolbox {

  width: 100%;
  height: 80px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;

}

#bottom-toolbar {
  width: 300px;
  height: 100%;
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 2;

}

#toolbox div {

	display:inline-block;
	vertical-align:top;
}


#carousel-left img,#carousel-right img{
margin-top:30px;
}

#diapos {
margin-left:05px;

}
#diapos li{
    border-radius:0 0 20px 20px;
	display:inline-block;
	width:85px;
	height:20px;
	margin-top:80px;
	background:#cc9900;

}
#diapos li a{

color:black;
display:block;
}
#diapos div
{	position: absolute;
	display:none;
	margin: 0;
	padding: 0;
;
}
	
#diapos div a
	{	position: relative;
		display: block;
		border-radius:8px 8px 8px 8px;
		margin-top: 3px;
		width: auto;
		white-space: nowrap;
		font-style:italic;
		text-align: center;
		text-decoration: none;
		background: #cc9900;
		color: black;}



#bottom-toolbar div {

	display:inline-block;
	vertical-align:top;
}
#vues{
margin-top:5px;
width:250px;
border-radius:30px 30px 30px 30px;

height: 60px;
 background: #877453;
}

#deplacements{
margin-top:5px;
width:250px;
height: 80px;
border-radius:30px 30px 30px 30px;
 background: #877453;
}
#retournements{
margin-top:5px;
width:250px;
height: 90px;
border-radius:30px 30px 30px 30px;
 background: #927e5a;
}


#assemblage{

border-radius:30px 30px 30px 30px;
margin-top:5px;
width:250px;
height: 55px;
 background: #927e5a;
}




#icon_rotations{
  display: inline-block;
  vertical-align:top;
  padding-left: 50px;
  background: url("img/icone_assemblage.png") no-repeat scroll 0 0 transparent;
}
#icon_assemblage{
  display: inline-block;
  vertical-align:top;
  padding-left: 50px;
  background: url("img/icone_rotation.png") no-repeat scroll 0 0 transparent;
}
#icon_vues{
  display: inline-block;
  vertical-align:top;
  padding-left: 50px;
  background: url("img/icone_vues.png") no-repeat scroll 0 0 transparent;
}
#angle{
  margin: 08px 0px 0px 10px;
  height:30px;
  width:50px;
  background: #877453;
  color:white;
}
#file{
	margin-top:5px;
	border-radius: 30px;
	width:250px;
	height: 20px;

	background: #cc9900;
	font-weight:bold;
}
#file li{

	display:inline-block;
	vertical-align:top;

}


#textures:hover,#tablettes:hover,#poteaux:hover,#accessoires:hover,#modeles:hover,#bois:hover,#sol:hover{color:white;cursor:pointer;}
#textures,#tablettes,#accessoires,#poteaux,#modeles{color:black;font-weight:bold;}
#bois,#sol{color:black;font-weight:bold;}


#descriptif{

	border-radius: 30px;
	width:250px;
	height: 80px;
	background:#cc9900;
	font-weight:bold;
}

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

	border-radius: 30px;
	width:500px;
	height: 80px;
	background:#cc9900;

}
#car1 {


	width:450px;
	height: 80px;
}

#panier{
	background:#cc9900;
	border-radius: 20px;
	width:155px;
	height: 80px;
}
#voir_panier{
    margin-top:10px;
	width:60px;
	height: 80px;

}

#checkout{display:none;}
#bouton_aide:hover{border:5px groove green}
#cart:hover{border:5px groove green}
#gauche:hover{border:5px groove white;}
#droite:hover{border:5px groove white;}
#haut:hover{border:5px groove white;}
#bas:hover{border:5px groove white;}
#avant:hover{border:5px groove white;}
#arriere:hover{border:5px groove white;}
#dessus:hover{border:5px groove white;}
#face:hover{border:5px groove white;}
#global:hover{border:5px groove white;}
#droitiere:hover{border:5px groove white;}
#RX:hover{border:5px groove white;}
#RY:hover{border:5px groove white;}
#RZ:hover{border:5px groove white;}
#angle:hover{border:5px groove white;}
#supprimer:hover{border:5px groove white;}
#back:hover{border:5px groove white;}
#grouper:hover{border:5px groove white;}
#degrouper:hover{border:5px groove white;}
#label_panier{
	color: black;
}
#label_panier:hover {
	color: white;cursor:pointer;
}
#car1 img {


    cursor: pointer; /* not needed if you wrap carousel items in links */
 }

 #nom-element,#longueur,#largeur,#hauteur,#prix{color:white;font-weight:bold;}
#imprimer,#ouvrir,#enregistrer,#quitter{color:black;}
#imprimer:hover,#ouvrir:hover,#enregistrer:hover,#quitter:hover{color:white;cursor:pointer;}
.hp {display: none;}