/* --------------------------------------------------
				Page connexion
-------------------------------------------------- */
.form-connexion {
	max-width : 550px;
	margin : auto;
}
@media (min-width: 492px) {
	.form-connexion .label {
		width : 100%;
		margin-bottom : 5px;
		text-align : left;
		margin-left : 20px;
	}
	.form-connexion .input {
		width : 100%;
	}
}
/* --------------------------------------------------
				Page contact
-------------------------------------------------- */
.carte
{
	border : 2px solid rgb(52,73,94); /* Pour les anciens navigateurs qui ne gèrent pas rgba */
	border : 2px solid rgba(52,73,94,0.8);
	width : 500px;
	height : 400px;
	margin : auto;
	display : block;
	max-width : 100%;
}

#verif-robot label {
	font-weight : bold;
	margin-right : 5px;
}
/* --------------------------------------------------
				Page fiche technique
-------------------------------------------------- */
.visualisation {
	margin-top: 20px;
	border : 1px solid black;
	padding : 0px 20px 20px 20px;
}
.titre-visualisation {
	margin : -1px 0px 20px -21px;
	width : 200px;
	text-transform : uppercase;
	border : 1px solid black;
	background-color : #F18E00;
}
.page-fiche-technique {
	min-width : 880px;
}
.fiche-technique {
	width : 850px;
}
/* header fiche technique */
.header-fiche-technique {
	border-bottom : 2px solid;
	border-color : inherit;
}
.header-fiche-technique .bouton-imprimer, .header-fiche-technique .bouton-commander, .header-fiche-technique .bouton-demander-prix {
	float : right;
}
/* corps fiche technique */
.titre-fiche-technique {
	background-color : #F18E00;
	color : white;
	border-radius : 50px 50px 50px 50px;
	margin : 15px;
	text-transform : uppercase;
	line-height : 1em;
}
.img-fiche-technique {
	padding : 0;
	border : 2px solid;
	border-color : inherit;
}
.fiche-technique hr {
	margin-left : 15px;
	margin-right : 15px;
}
/* footer fiche technique */
.footer-fiche-technique {
	margin-top : 15px;
}
.footer-fiche-technique {
	border-top : 2px solid;
	border-color : inherit;
}
@media print {
	.page-fiche-technique header, .page-fiche-technique footer, .page-fiche-technique .bouton-imprimer, .page-fiche-technique .bouton-commander, .page-fiche-technique .bouton-demander-prix, .page-fiche-technique .menu-fil-ariane {
		display : none;
	}
	.page-fiche-technique .header-fiche-technique img {
		text-align : center;
		margin : auto;
	}
	.page-fiche-technique .container {
		margin : 0px;
	}
	.page-fiche-technique .container-principal {
		border : none;
	}
}
/* --------------------------------------------------
				Page produits
-------------------------------------------------- */
.boite-produit {
	border : solid 1px #E2E5EA;
	background-color : #F3F6FB;
	max-width : 800px;
	min-width : 600px;
	min-height : 210px;
	margin-bottom: 15px;
}
.boite-produit .bouton-commander, .boite-produit .bouton-demander-prix {
	float : right;
}
.boite-produit img {
	float : left;
	border : solid 1px #A5A5A5;
	width : 270px;
	height : 180px;
	margin : 25px 35px 0 15px;
}
.boite-produit .titre-produit {
	max-height : 19px;
	display : block;
	padding-top : 10px;
	padding-bottom : 25px;	
	white-space: nowrap;
	text-overflow: ellipsis;
}
.boite-produit .description-produit {
	height : 120px;
	margin-bottom : 15px;
}
.boite-produit .titre-produit, .boite-produit .description-produit {
	text-align: left;
	overflow: hidden;
}
.boite-produit .bouton-fiche-technique {
	text-align: right;
	margin-bottom: 15px;
}
@media (max-width : 767px) {
	.liste-produit {
		overflow-x : scroll;
	}
	.boite-produit form {
		left : 52px;
		right : auto;
	}
	.boite-produit img {
		margin-bottom : 35px;
	}
}
/* --------------------------------------------------
				Page Recherche
-------------------------------------------------- */
@media (min-width: 735px) {
	.form-recherche .input {
		width : 70%;
	}
	.form-recherche .label {
		width : 25%;
	}
}
/* --------------------------------------------------
		BBCODE
-------------------------------------------------- */
.bbcode {
	display : block;
	width : 20px;
	height : 20px;
}
.bbcode-couleur {
	background : url('../../images/bbcode/couleur.png');
}
.bbcode-gras {
	background : url('../../images/bbcode/gras.png');
}
.bbcode-italique {
	background : url('../../images/bbcode/italique.png');
}
.bbcode-souligner {
	background : url('../../images/bbcode/souligner.png');
}
.bbcode-barrer {
	background : url('../../images/bbcode/barrer.png');
}
.bbcode-exposant {
	background : url('../../images/bbcode/exposant.png');
}
.bbcode-indice {
	background : url('../../images/bbcode/indice.png');
}
.bbcode-align-gauche {
	background : url('../../images/bbcode/align-gauche.png');
}
.bbcode-align-centre {
	background : url('../../images/bbcode/align-centre.png');
}
.bbcode-align-droite {
	background : url('../../images/bbcode/align-droite.png');
}
.bbcode-align-justify {
	background : url('../../images/bbcode/align-justify.png');
}
.bbcode-paragraphe {
	background : url('../../images/bbcode/paragraphe.png');
}
.bbcode-alinea {
	background : url('../../images/bbcode/alinea.png');
}
.bbcode-pre {
	background : url('../../images/bbcode/pre.png');
}
.bbcode-liste {
	background : url('../../images/bbcode/liste.png');
}
.bbcode-liste-num {
	background : url('../../images/bbcode/liste-num.png');
}
.bbcode-tableau {
	background : url('../../images/bbcode/tableau.png');
}
.bbcode-lien {
	background : url('../../images/bbcode/lien.png');
}
.bbcode-image {
	background : url('../../images/bbcode/image.png');
}
.nuancier-barre {
	width : 30px;
	height : 300px;
	background-image : url('../../images/bbcode/nuancier-barre.png');
	cursor : s-resize;
	position : absolute;
	top : 70px;
	left : 23px;
}
.nuancier-carre {
	width : 300px;
	height : 300px;
	background-color : red;
	background-image : url('../../images/bbcode/nuancier-carre.png');
	cursor : move;
	position : absolute;
	top : 70px;
	left : 60px;
}
.nuancier-curseur-barre {
	width : 45px;
	height : 15px;
	background-image : url('../../images/bbcode/nuancier-curseur-barre.png');
	cursor : s-resize;
	position : absolute;
	top : 62px;
	left : 15px;
}
.nuancier-curseur-carre {
	width : 20px;
	height : 20px;
	background-image : url('../../images/bbcode/nuancier-curseur-carre.png');
	cursor : move;
	position : absolute;
	top : 60px;
	left : 350px;
}
.nuancier-couleur form {
	position : absolute;
	top : 30px;
	left : 380px;
}
.nuancier-couleur .resultat-couleur {
	background-color : red;
	width : 80px;
	height : 80px;
	text-align : center;
	margin : auto;
	margin-top : 20px;
	margin-left : 130px;
}
.nuancier-couleur form input {
	margin : 5px;
}
.nuancier-couleur form label {
	width : 100px;
	display : inline-block;
	text-align : right;
}