body{
	padding: 0;
	margin: 0;
	
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	background:url('../media/fond.png') repeat-x #ffffff;
	text-align: center;
}


td {font-size: 12px;	font-family: Arial, Verdana, Helvetica;}

.bodyaide{
	padding: 0;
	margin: 0;
	
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	background:#ffffff;
	text-align: center;
}


.uppercase { text-transform:uppercase } 
a {color:#F38319}

a.liennoir {color:#404040}
#bandeau {background-color:#ffffff; text-align:left; }
#bandeau hr { height: 3px; background-color: #00275E ;}
#bandeau .image {padding-right: 10px; float:left; border-right:#aaaaaa 2px solid;}
#bandeau .message {float:left;
padding-top:22px;
	margin-left:5px; 
	margin-top: 20px;
	font-size:16px;
	font-weight: bold;
	color:#aaaaaa;
}
#bandeau ul { list-style:none; position: relative;  padding: 0 0 0 0; margin:5 0 0 0; }
#bandeau li {display:inline ; margin:0 }
#bandeau li a:hover { background-color:#E0E0E0;}
#bandeau li a {  margin: 1px; padding: 5px 5px 5px 5px;  color:#000000}

#bandeau .menu {float:left; width:128px; display:block;  text-align:center; vertical-align:middle}
#bandeau .menu a  { font-weight:bold;  display:block;  border:#ffffff 1px solid;  padding: 10px 0px 10px 0px;  color:#404040;vertical-align:middle}
#bandeau .menu a:hover { color:#000000; background-color:#E0E0E0; text-decoration:none}

#gauche{background-color:#ffffff; float:left; width: 10px}


#gauche-repere{  float:right; width: 350px; }
#detail-repere{  float:right; width: 330px; } 
#repereflottant{  z-index:100; padding:5px; background-color:#FFFFFF; position: relative; right:0px; top:-160px;	 width: 350px;}

#contenu{background-color:#ffffff;   }
#contenu-aide{background-color:#ffffff; padding: 20px 0 20px 0 }
#contenuindex{background-color:#ffffff;  text-align:center }
#bas {background-color:#FFFFFF; text-align:right; }



.clear {clear:both}

input,select {
    font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
}

select {
    width:250px;
}
#famillesPiecesDetachees{
	width: auto;
}
.select_cas_de_pose {
    width:410px;
}

.select_date {
	width:10em;
}
.information {color:#336699;}

.erreur {font-weight:bold; border:#808080 1px dashed; color:#cc0000 }

ul.erreur {padding:0px; margin:5px; }
ul.erreur li {padding: 1px 0px 1px 10px ;margin-left: 15px}

.information_ok {font-weight:bold; border:#808080 1px dashed; color:#00aa00 }
ul.information_ok {padding:0px; margin:5px; }
ul.information_ok li {padding: 1px 0px 1px 10px ;margin-left: 15px}

.erreurbloquante {float:left;border:#000000 1px solid; background-color:#E0E0E0; font-weight:bold;color:#ff0000;}



#application { text-align:left; background-color:#FFFFFF; }


.fond1 {
	background-color:#AACD37;
}
.fond2 {
	background-color:#3FD3EB;
}
.fond3 {
	background-color:#F38319;
}
h1 {color: #00275E ;}
h2 {color: #00275E ;}

.bdc_produit {color: #F4821A; font-size: 16px; font-weight: bold;}

.titre {color: #00275E ; font-size:14px; font-weight: bold; }

#choix_type_chantier {width: 200px; float:left;}
#choix_type_habitation {width: 200px; float:left;}

#adresse_client {width: 380px; float:left;}
#adresse_livraison {width: 380px; float:right;}




#email_confirmation{width: 380px; float:left;}
#texte_libre{width: 380px; float:right;}

#adresse_livraison_commande {width: 380px; float:left;}
#email_confirmation_commande{width: 380px; float:right;}

textarea {width: 100%; height: 150px;}
.bordure_orange {border:1px #F4821A solid; padding: 10px}
#loginbox {
	width:400px;
	height:201px;
	background-image:url(../media/fond_bloc.gif);
	background-repeat:no-repeat;
	text-align:left;
margin-left: auto;
margin-right: auto;
margin-top:30px;
padding:5px;
}



#loginbox input{
	border:1px #F4821A solid;
	background-color:#FFFFFF;
}

#loginmain {
	color: #00275E ;
	font-weight: bold;
	text-align:center;
}


form fieldset {
	border:1px #F4821A solid;
	padding: 10px;
	
}
form fieldset legend {
	color: #00275E ;
	font-size: 160%;
	font-weight :bold;
	padding-bottom: 16px;
}

form fieldset label{
	color: #00275E ;
	font-weight :bold;
}

.label_erreur{
	color: #cc0000 ;
	font-weight :bold;
}

.select_normal{
	width: 75px;
}

.textepublicitaire{
	font-weight:bold;
	/*background-color:#F4821A;*/
	/*color:#FFFFFF;*/
	font-size: 16px;
	padding: 5px;
}
.textepublicitaire a {
	/*color:#FFFFFF !important;*/
}
.bouton_valide {
	border:1px #F4821A solid;
	font-weight:bold;
	background-color:#F4821A;
	color:#FFFFFF;
	/*margin: 5px;*/
}
.bouton_valide_off {
	border:1px #b0b0b0 solid;
	font-weight:bold;
	background-color:#c0c0c0;
	color:#808080;
	/*margin: 5px;*/
}
.bouton {
	
	border:1px #F4821A solid;
	background-color:#FFFFFF;
	color:#404040;
	/*
border:1px #F8A55A solid;
	color :#FFFFFF;
	background-color: #F8A55A;
	font-weight:bold;
	*/
	
	/*margin: 5px;*/
}

.bouton_important{
	font-size: 14px;
}

.fincommande {
    
}

.choixcommande {
   width: 300px; margin: 5px;
}

.tableau , .tableau_repere_attributs {
	
	/*padding: 5px;
	margin: 5px;
	*/
}


.tableau_full {
	width: 100%;
	padding: 0px;
	margin: 0px;
	
}


.tableau th {
	background-color: #3FD3EB;
	font-weight: bold;
	color :#000000;
	padding: 5px;
	border: #808080 1px solid;
}


.tableau td , .tableau_repere_attributs td {
	padding: 5px;
	border: #808080 1px solid;
	
}


.commande_generale {
	background-color: #f0f0f0;
}
.tableau_repere {
	/*padding: 5px;
	margin: 5px;
	
	border: #F4821A 1px solid;
	*/
	font-weight: bold;
}



.tableau_repere_entete th {
	


	
	font-weight: bold;
	color :#000000;
	padding: 5px;
	border: #F4821A 1px solid;
	
}

.tableau_repere_attributs th {
	background-color: #e0e0e0;
	font-weight: bold;
	color :#000000;
	padding: 5px;
	border: #808080 1px solid;
}
.textecentre {
	text-align:center;
}

.entetebdc{
	font-size:10px;
	font-weight: normal;

}
.spacer {display:block; height: 10px;}

.actions_commande {text-align:center}


.nowrap {white-space: nowrap;}
.center {text-align:center;}
.right {text-align;right;}
.left {text-align;left}

th.right, td.right {text-align:right}
hr .espaceur { color: #F4821A}

#divLogo {
	display: none;
}

.commentaire { height: 50px;}

@media screen{
	#container {
		text-align:center
		height: 659px;
		margin-left: auto;
		margin-right: auto;
		width: 900px;
		text-align: left;
		margin-top: 20px;
		background-image: url('../media/fond_gauche.png');
		background-repeat:no-repeat;
		padding: 10px 25px 25px;
	}
	
	
	
	body.body-commande-detail-BSOPX .tableau_repere_attributs * {
		padding: 2px 0px;
	}
	
	
	.clearPrint {display:none;}
	.tableau_repere_entete th {
		white-space: nowrap
	}
	#gaucheCommande {float:left; width: 470px; text-align:left;}
	#droiteCommande {float:right; width: 330px}
}
@media print{
    
	.clearPrint {clear:both;}
	#bandeau {display: none}
	body.page-reclamation-detail #bandeau { display: block; padding-bottom: 30px;}
	body.page-reclamation-detail  #bandeau .message, body.page-reclamation-detail  #bandeau .menu, #bandeau hr {display:none;}
	#bas {display:none;}
	#contenu {clear:both;}
	#gauche-repere{ float:left; }
	#detail-repere{ float:right; }

	#gaucheCommande {float:left; width: 300px; text-align:left;}
	#droiteCommande {float:right; width: 300px}

	body{
		padding: 0;
		margin: 0;
	
		font-size: 12px;
		font-family: Arial, Verdana, Helvetica;
		background:#ffffff;
		text-align: center;
		width: 600px;
	}
	
	.actions_commande {display:none}

	
	
	#container {
		text-align:center
		
		margin-left: auto;
		margin-right: auto;
		width: 600px;
		text-align: left;
		margin-top: 20px;
		background:#FFFFFF;
		padding: 10px 25px 25px;
	}

	form fieldset {
		border:0px #FFFFFF solid;
		padding: 0px;
	
	}
	form fieldset legend {
		display:none;
	}
	
	body.page-reclamation-detail  form fieldset legend{
		display: block;
	} 
	.tableau_repere_entete th {
		/*white-space: normal;*/
	}
	.tableau_repere_attributs {
        width: 600px;
    }
    body.page-reclamation-detail   input.bouton , body.page-reclamation-detail   input.bouton_valide { display:none}
    #gaucheCommande {width: 50%}
    #droiteCommande {width: 50%}
}

.texteaccueil{
    
    border: 1px dotted #00275E;
    text-align:left;
    height: 200px; overflow:auto;
    width:325px;
}


#lightboxHTMLFond, .lightboxHTMLFondGeneral{
	background:#353a40;
	width:100%;	
	height:100%;
	opacity: 0.8;
	filter:alpha(opacity=80);
	position:absolute;
	left:0;
	top:0;
	z-index:1000;
	display:block;
	
}

#lightboxHTML, .lightboxHTMLGeneral{
	width:100%;	
	/*height:500px;*/
	position:absolute;
	left:0;
	top:0;
	z-index:2000;
	text-align:center;
	/*padding-top: 100px;*/
	display:block;
	
	
}

#lightboxHTMLContent, .lightboxHTMLContentGeneral{
	/*top: 100px;*/
	width:700px;
	padding: 20px;
	/*position:relative;*/
	text-align:left;
	background-color:#FFF;
	margin:0px auto;
	
}


#lightboxHTMLDevisFond{
	background:#353a40;
	width:100%;	
	height:100%;
	opacity: 0.8;
	filter:alpha(opacity=80);
	position:absolute;
	left:0;
	top:0;
	z-index:1000;
	display:block;
	
}

#lightboxHTMLDevis{
	width:100%;	
	/*height:500px;*/
	position:absolute;
	left:0;
	top:0;
	z-index:2000;
	text-align:center;
	/*padding-top: 100px;*/
	display:block;
	
	
}

#lightboxHTMLDevisContent{
	/*top: 100px;*/
	width:700px;
	padding: 20px;
	/*position:relative;*/
	text-align:left;
	background-color:#FFF;
	margin:0px auto;
	
}

.blocAvantages{
	border:1px solid #F4821A;
	
}

.lienBlocAvantages{
	font-weight: bold;
	background-color: #F4821A;
	color:#fff;
	text-decoration:none;
	padding: 2 10px 2 10px;
	display:block;
	
}

#imageThermique{
	display:none;
}

a.lienEspacePro{font-size:14px; font-weight: bold;}

a.boutonblock{
	padding: 5px;
}

.texte14{
	font-size:14px;
}

.information_reclamation {padding: 5px; font-weight:normal; border:#00aa00 1px dashed; color:#00aa00 }
.information_reclamation strong {font-size: 13px;}

.bouton_gros {
	font-size: 14px;
}