*, *:before, *:after {
  box-sizing: border-box;
}

body{
	padding: 0;
	margin: 0;
	
	font-size: 16px;
    font-family: "aller",sans-serif;
	text-align: center;
}


td {font-size: 12px;	font-family: "aller",sans-serif;}

.bodyaide{
	padding: 0;
	margin: 0;
	
	font-size: 12px;
	font-family: "aller",sans-serif;
	background:#ffffff;
	text-align: center;
}

#loginmain2{
	padding-top: 50px;
}
#loginmain2 img {
	float:left;
}

#loginmain2 form {
	margin-top: 30px;
	/*float:right;*/
}
.uppercase { text-transform:uppercase } 
a {color:#369AD6}

a.liennoir {color:#404040}
#bandeau { padding-bottom: 50px;position: relative; background-color:#ffffff; text-align:left; }
#bandeau hr { height: 3px; background-color: #506FA8 ;  }
#bandeau .image {padding-right: 10px; float:left; width: 100%;}
#bandeau .message {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size:16px;
	color:white;
	text-align: right;
}
#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:hover{-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
#bandeau .menu {-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; margin-right: 5px; height: 35px; float:left; display:block;  text-align:center; vertical-align:middle}
#bandeau .menu a  {text-decoration:none; font-size: 14px;  font-weight:bold;  display:block;   padding: 10px 10px 10px 10px;  color:#fff;vertical-align:middle}
#bandeau .menu a:hover {   color:#000; text-decoration:none}

.top-menu {
	clear: both;
	text-align: right;
	position: absolute !important;
	top: 35px;
	right: 20px;
}
.top-menu li a {
	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: "aller",sans-serif;
}

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; padding: 20px;}

ul.erreur {list-style: none; padding:0px; margin:5px; }
ul.erreur li {padding: 20px; 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; }



h1 {color:black; font-size: 26px;}
h2 {color:black ;font-size: 20px;}

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

.titre {color: #0bbbef ; font-size:16px; font-weight: bold; margin: 20px; }

#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 #0321BB 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 #0321BB solid;
	background-color:#FFFFFF;
}

#loginmain {
	color: #506FA8 ;
	font-weight: bold;
	text-align:center;
}


fieldset {
	border:1px #0321BB solid;
	padding: 10px;
	
}
fieldset legend {
	color: #506FA8 ;
	font-size: 160%;
	font-weight :bold;
	padding-bottom: 16px;
}

fieldset label{
	color: #506FA8 ;
	font-weight :bold;
}

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

.select_normal{
	width: 75px;
}

.bouton_valide {
	border:1px #0bbbef; solid;
	font-weight:bold;
	background-color:#0bbbef;
	color:#FFFFFF;
	padding: 10px 20px;
	/*margin: 5px;*/
}
.bouton_valide_off {
	border:1px #b0b0b0 solid;
	font-weight:bold;
	background-color:#c0c0c0;
	color:#808080;
	padding: 10px 20px;
	/*margin: 5px;*/
}
.bouton {
	
	border:1px #0bbbef; solid;
	background-color:#FFFFFF;
	color:#404040;
	padding: 10px 20px;
	/*
border:1px #F8A55A solid;
	color :#FFFFFF;
	background-color: #F8A55A;
	font-weight:bold;
	*/
	
	/*margin: 5px;*/
}

.fincommande {
    
}

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

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

.tableau_full {
	width: 100%;
	
}
.blocCommande{
	
	border: #808080 1px solid;
	float:left;
	margin: 2px;
	font-family: "aller",sans-serif;
	font-size:12px;
}
.blocCommande .titrebloccommande{
	background-color: #0bbbef;
	color:white !important;
	border-bottom: #808080 1px solid;
	display:block;
	font-weight: bold;
	padding: 5px;
}
.blocCommande .textebloccommande{
	padding: 5px;
}

.tableau th, .tableau_full th {
	background-color: #0bbbef;
	font-weight: bold;
	color :white;
	padding: 5px;
	border: #808080 1px solid;
}


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

.tableau td.noborder{
	border:none !important;
}

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



.tableau_repere_entete th {
	


	
	font-weight: bold;
	color :#000000;
	padding: 5px;
	border: #0321BB 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: #0321BB}

#divLogo {
	display: none;
}

.commentaire { height: 50px;}

@media screen{
	#container {
		text-align:center;
		height: 659px;
		margin-left: auto;
		margin-right: auto;
		width: 1080px;
		text-align: left;
		padding: 0px 30px 0px;
		
	}
	#fondhaut{
		
		display: none;
		
	}
	#fondbas{
		
		display: none;
		
	}
	
	.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;}
	#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: "aller",sans-serif;
		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;
	}

	fieldset {
		border:0px #FFFFFF solid;
		padding: 0px;
	
	}
	fieldset legend {
		display:none;
	}
	
	.tableau_repere_entete th {
		/*white-space: normal;*/
	}
	.tableau_repere_attributs {
        width: 600px;
    }
    
    #gaucheCommande {width: 50%}
    #droiteCommande {width: 50%}
}

.texteaccueil{
    
    text-align:left;
	/*padding: 20px;*/
   
    
}


#lightboxHTMLFond{
	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{
	width:100%;	
	/*height:500px;*/
	position:absolute;
	left:0;
	top:0;
	z-index:2000;
	text-align:center;
	/*padding-top: 100px;*/
	display:block;
	
	
}

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

.blocAvantages{
	border:1px solid #0321BB;
	
}

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

#imageThermique{
	display:none;
}

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

.left50{
	float:left;
	width: 45%;
}

.right50{
	float:right;
	width: 45%;
}


.alignright{
	text-align:right;
}

.logo-petit {
	width: 75px;
}

/* ajouts pour ecrans de saisie */
#contenu-saisie form{
	display: none;
}
ul#menu-saisie {
	list-style:none;
	margin: 0;
	padding: 0;
}

ul#menu-saisie li{
	display: inline-block;
	line-height: 30px;
}

ul#menu-saisie li a{
	display: block;
	background-color: #fff;
	border:1px solid #aaa;
	color:#444;
	padding: 2px 10px 2px 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

ul#menu-saisie li a:hover, ul#menu-saisie li a.active{
	display: block;
	border:1px solid #0bbbef;
	background-color: #0bbbef;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

#formulaire-saisie {
	clear:both;
	background-color: #fff;
}

#contenu-saisie form fieldset{
	border: 1px solid rgba(0,0,0,.2);
	background-color: #fff;
	/*margin: 10px;*/
	margin: 10px 0;
	padding: 20px;
	
	
}
/*
#contenu-saisie form fieldset legend{
	background-color:#444;
	
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	color:#fff;
	border-right:1px solid #888;
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-bottom:1px solid #888;
}

*/
#contenu-saisie form fieldset legend{
	
	
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	color:#444;
	
}


.hidden {
	display:none !important;
}

.champ_qte {
	width: 20px;
}

.champ_prix {
	width: 50px;
}

.champ_cp {
	width: 40px;

}
.champ_dimension{
	width: 50px;
}

.champ_texte{
	
	width: 100%;
	height: 50px;
}

.champ_date{
	width: 60px;
}

.champ_tel {
	width: 100px;
}

#formulaire-saisie input[type=text], #formulaire-saisie select, #formulaire-saisie textarea{
	background-color:#eeeeee;
	font-family: "aller",sans-serif;
	font-size: 11px;
	border:1px solid #444;
}
#formulaire-saisie select{
	width: auto;
}

#formulaire-saisie input[type=button],#formulaire-saisie input[type=submit]{
	
	font-size:11px;
	font-weight : bold;
	background-color:#aaa;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	
}




#formulaire-saisie input[type=radio], #formulaire-saisie input[type=checkbox]{
	cursor: pointer;
}

#formulaire-saisie #formulaireSaisieLignes input[type=text]{
	text-align:right;
}
#formulaire-saisie input[disabled],  #formulaire-saisie textarea[disabled]{
	font-style: italic;
	color:#444;
	cursor: not-allowed;

	border:1px solid #eeeeee;
	
}
#formulaire-saisie select[disabled] {
	/*background-color: #ccc;*/
	font-style: italic;
	color:#444;
	cursor: not-allowed;
	border:1px solid #eeeeee;
}

label.disabled {
	font-style: italic;
	
}

.formulairePrincipal > div:first-child {
	padding-right: 10px;
}

.formulairePrincipal > div:last-child {
	padding-left: 10px;
}

.formulairePrincipal label {
	cursor:pointer;
	display: block;
	font-size: 14px;
}

.formulairePrincipal ul.inline {
	display: block;
	list-style:none;
	clear:both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100% !important;
	
}

ul.inline li, ul.listenormale li ul.inline li{
	float: left !important;
	
	margin-right: 10px;
	
	
}

li.nomargin{
	margin: 0px !important;
}

li.portes_dimensions{
	display: block;
	padding: 10px 10px 0px 10px;
	border :1px dotted #444;
	
}

li.portes_dimensions div.portes_dimensions_contenu{
	width: 229px;
	height: 159px;
	background: url('../media/images/portes-sectionnelles.jpg') no-repeat;
}

#selecteur-lignes{
	clear:both;
	float:right;
	padding-top: 0px;
	
}

#selecteur-lignes-ul li a{
	cursor: pointer;
}

#selecteur-lignes ul li{
	margin-right: 0px !important;
}
#selecteur-lignes a{
	border-bottom:1px solid #444;
	border-right:1px solid #444;
	border-left:1px solid #444;
	font-weight: bold;	
	padding: 5px 12px 5px 12px;
	color: #444;
	
	text-decoraction: none;
	display:block;
}

#selecteur-lignes a:hover{
	background-color: #EEEEEE;
	color: #444;
}
#selecteur-lignes a.active{
	background-color: #444;
	color: #fff;
}

.colonne {
	float: left;
}


.colonne1{
	width: 60%;
}

.colonne2{
	width: 40%;	
}
* html .colonne1{
	width: 510px;
}
* html .colonne2{
	width: 340px;	
}

.colonne3{
	width: 25%;	
}

.colonne50 {
	width: 50%;
}

* html .colonne50 {
	width: 425px;	
}

.width100{
	width:100%;
}

.width200px{
	width:200px;
}

ul.listenormale{
	list-style:none;
	padding: 0px;
	margin: 0px;
}
ul.listenormale li{
	float:none !important;
}

.fader{
	-moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;
}
.fader:hover{
	-moz-opacity:1; filter:alpha(opacity=100); opacity:1;
}
a.bouton-ajouter-ligne{
	width: 48px;
	display:block;
	background:url('../media/pictos/boutons-ligne-saisie.gif');
	height: 45px;
	cursor:pointer;
}

a.bouton-inserer-ligne{
	width: 48px;
	display:block;
	background:url('../media/pictos/boutons-ligne-saisie.gif') -48px 0px;
	height: 45px;
	cursor:pointer;
}


a.bouton-nouveau-client{
	width: 48px;
	display:block;
	background:url('../media/pictos/boutons-ligne-saisie.gif') -192px 0px;
	height: 45px;
	cursor:pointer;
}

a.bouton-modifier-ligne{
	width: 48px;
	display:block;
	background:url('../media/pictos/boutons-ligne-saisie.gif') -96px 0px;
	height: 45px;
	cursor:pointer;
}

a.bouton-supprimer-ligne{
	width: 48px;
	display:block;
	background:url('../media/pictos/boutons-ligne-saisie.gif') -144px 0px;
	height: 45px;
	cursor:pointer;
}

.labelgauche {
	width: 40px;
}

.radio_enroulement1{
	
	background: url('../media/images/enroulement_vr1.jpg');
	display: block;
	width: 59px;
	height: 137px;
}

.radio_enroulement1 input{
	margin-top: 30px;
}


.radio_enroulement2{
	
	background: url('../media/images/enroulement_vr2.jpg');
	display: block;
	width: 65px;
	height: 137px;
}

.radio_enroulement2 input{
	margin-top: 30px;
	margin-left: 10px;
}


.radio_enroulement3{
	
	background: url('../media/images/enroulement_vr3.jpg');
	display: block;
	width: 75px;
	height: 137px;
}

.radio_enroulement3 input{
	margin-top: 5px;
	margin-left: 15px;
}

.labelradio{
	float: none;
	display: inline !important;
	color: #000 !important;
	font-weight: normal;
	cursor: pointer;

}


#saisie_portes_dim1{
	position: relative;
	width: 25px;
	top: 55px;
	left: 15px;
}

#saisie_portes_dim2{
	position: relative;
	width: 25px;
	top: 25px;
	left: 45px;
}

#saisie_portes_dim3{
	position: relative;
	width: 25px;
	top: 55px;
	left: 100px;
}

#saisie_portes_dim4{
	position: relative;
	width: 25px;
	top: 145px;
	left: -40px;
}

#saisie_portes_dim5{
	position: relative;
	width: 25px;
	top: 145px;
	left: 45px;
}


#imageLoading{
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
	display:none;
	text-align:center;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter:alpha(opacity=50);
	background-color:#000;
	
}

#imageLoading div{
	
	text-align: right;
	margin-right:20px;
	margin-top: 20px;
	/*
	opacity: 0.7;
	filter:alpha(opacity=70);
	*/
}
#formulaire-saisie select#ligne_plusvalue_description{
	width: 190px !important;
}

#formulaire-saisie input#ligne_plusvalue_description_texte{
	width: 190px !important;
}
#nd-lightbox-fond{
	background:#000;
	width:100%;	
	height:100%;
	opacity: 0.7;
	filter:alpha(opacity=70);
	position:absolute;
	left:0;
	top:0;
	z-index:9900;
	display:none;
	
}
#nd-lightbox-container{
	width:100%;	
	height:100%;
	z-index:9901;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
#nd-lightbox-contenu{
	
	margin-left: auto; 
	margin-right: auto;

	border:5px solid #fff;
	
	background-color:#808080;
	margin-top: 100px;
	width: 900px;
	text-align:center;
	padding: 20px;
	
	
	
	
	
	font-size: 11px;
	font-weight: bold;
	
}

#nd-lightbox-contenu p{
	text-align:right;
}

.floatright {
	float:right !important;
}

#listePlusValues {
	width: 100%;
}
#listePlusValues td.right{
	text-align:right;
}
#listePlusValues img{
	cursor: pointer;
}

span.imageLoadingFieldset{
	
	width: 50px;
	height: 32px;
	
}

img.imageLoadingFieldset{
	display: none;
}

div.informationsIE6{
	display:none;
	margin-bottom: 10px;
	
}

a#informations-compatibilite{
	
	display:block;
}
div.informationsIE6 a{
	color:#cc0000;
	font-weight: bold;
	cursor:pointer;
	margin-left: 0px;
	margin-bottom: 5px;
	
}

a#informations-compatibilite-fermer {
	text-align:right;
	margin-right: 10px;
	display:block;
}
div.informationsIE6 p{
	margin-bottom: 5px;
}

* html div.informationsIE6{
	display:block;
	color:#000;
}

#div-informations-compatibilite{
	display: none;
	border:1px solid #cc0000;
}

#bodyTableFormulaireSaisieVitrages  tr:hover, #bodyTableFormulaireSaisiePV  tr:hover{
	background-color:#d0d0d0;
}

#image_maconnerie{
	width: 850px;
	border:none;
}


#debug{
	display:none;
}

input[type="radio"]:checked+label{ color:#c00 !important;font-weight: bold; } 

body.armen-index #loginmain2 fieldset{
	width: 550px;
}

body.armen-index td {
	font-size: 16px;
}

/*
body.armen-index #application, body.armen-index #application #contenuindex {
	background:none;
	
}

body.armen-index #loginmain2 fieldset{
	width: 500px;
}

body.armen-index #fondbas {
	width: 900px;
	padding-right: 90px;
}
*/