/******** Formulaire Générale *********/
#formulaireContentContainer {padding-top:20px; padding-left:20px;}

.formulaireBloc{    background-image: url(../img/interface/n3DevisTabBkgrd1.gif);    background-repeat: repeat-y;    width: 382px;    overflow: visible; margin-bottom:20px;}
.formulaireHaut{    background-image: url(../img/interface/n3DevisTabh1.gif);   background-position: left top;    background-repeat: no-repeat;    text-align: center;}
.formulaireBas{    background-image: url(../img/interface/n3DevisTabb1.gif);    position: relative;    background-position: left bottom;    background-repeat: no-repeat;    text-align: center;    display: block;}

.formulaireBigBloc { background-image: url(../img/interface/resultTab_bkgrd.gif);    background-repeat: repeat-y;    width:740px; overflow: visible; }
.formulaireBigHaut{    background-image: url(../img/interface/resultTab_h.gif);  background-position: left top;    background-repeat: no-repeat;    text-align: center;}
.formulaireBigBas { background-image: url(../img/interface/resultTab_b.gif);    position: relative;    background-position: left;    background-repeat: no-repeat;    text-align: center;    display: block; }

/*version sur 2 colonnnes *//*
.formulaireRightContainer {width:360px; float:left; margin-bottom:25px; margin-top:25px;}
.formulaireLeftContainer {width:380px; float:left; margin-right:10px; margin-bottom:25px; margin-top:25px;}
*//*version sur 1 colonnes */
.formulaireRightContainer {width:540px; float:none; margin-left:200px; margin-bottom:25px; margin-top:25px;}
.formulaireLeftContainer {width:540px; float:none; margin-left:200px; margin-bottom:25px; margin-top:25px;}

.formulaireBigContainer {width:740px; float:left; margin-right:10px; margin-bottom:25px; margin-top:25px;}


.formulaireContent {    padding-left: 15px;    text-align: left;  position: static; overflow: auto;}
.formulaireContent h1 {font-size:11px; margin:0px 0px 3px 0px;}
.formulaireContent label {   font-weight: bold;    margin: 0px 0px 3px 0px;   color: black;}

.formulaireContent p  { float: left; /* position: static;  */ margin-bottom: 10px;   font-weight: bold;  vertical-align: middle; }
.formulaireContent span{ float: left;  font-weight:normal;  color: #df0014;}

.formulaireContent input {   font-size: 11px;    margin-bottom:3px;  float:none;  margin-right:10px; font-weight:normal; }
.formulaireContent select{    font-size: 11px; font-weight:normal;   width:300px;    margin-bottom:3px;    margin-right:10px; }
.formulaireContent option, radio{    font-size: 11px;   font-weight:normal;     margin-bottom:3px;    margin-right:10px; }
.formulaireContent textarea {    font-size: 11px;    font-weight: normal;    width: 300px;    margin-bottom: 3px;    margin-right: 10px;    height: 70px;}


.formulaireContent .radio  { float: none; width:300px; vertical-align: middle;  position: relative;  margin-bottom: 10px; margin-top:-7px;  font-weight: bold;  vertical-align: middle; }
.formulaireContent .radio input {    float: left;    text-align: left;    position: relative;    margin-bottom: 10px;    font-weight: normal;    }
.formulaireContent .radio label {    font-weight: normal;  width:120px; text-align:left; float:left; }

.formulaireContent .check  { width:100%;  margin-bottom: 10px; margin-top:-7px;  font-weight: bold;  vertical-align: middle; }
.formulaireContent .check input {     text-align: left;       font-weight: normal;    }
.formulaireContent .check label {  float:none;  font-weight: normal; text-align:left; }

.formulaireContent div { width:300px; float:left; position:relative; margin-left:15px; }
/* permet au footer de ne pas chevaucher le contenu */
.formulaireContent .formBas {    clear: both;    display: block;    float: none;    overflow: visible;    position: relative;}

.formulaireContent .little {   width:140px;   margin-right:10px; }
.formulaireContent .big {   width:300px;   margin-right:10px; float:none; clear:both; }
.formulaireContent .large {  float:none; width:250px;  margin-bottom:10px; }
.formulaireContent .title  { float:none;   width:250px;   margin-bottom: 10px;    font-weight: bold;   font-size: 13px;    font-variant: small-caps; }
.formulaireContent h2 {float:none;   width:250px;   margin-bottom: 10px;  color:#df5a16;   font-weight: bold;   font-size: 14px;    font-variant: small-caps; }

.warning {float: none;  font-weight:normal;  color: #df0014;} /*223, 0, 20   */
.formulaireInfosRouge {float:right; color:#df0014; font-weight:normal; margin-bottom:20px; width: 331px;}
.formulaireBoutonContainer {    width: 90%;  margin-top:25px; margin-bottom:25px; text-align: right;   clear: none;    float: none;    }

.formulaireBlocTitle {     padding-left: 25px;    margin-bottom: 0px;    text-align: left;    font-weight: bold;    font-size: 16px;    color: #df5a16;    font-variant: small-caps; }
.formulaireBlocFin {     padding: 25px;    margin: 25px;    text-align: left;    font-weight: bold;    vertical-align: middle; text-align: center }
#timelineCenter {  margin-top:20px; margin-bottom:10px; margin-left:85px;  float: none; padding-bottom:10px; }



/******** page n3 devis perso *********/
/* il faut remettre les styles du formulaire générale sur le formulaire perso*/
#devisEditoContainer {background-color:#DFD8B9; height:200px; }
#devisEdito {  width: 430px;    float: left;    padding-right: 30px;    padding-left: 20px;    padding-bottom: 0px;    padding-top: 30px;}
#devisContentContainer {padding-top:20px; padding-left:0px;}

#devisLeft {width:400px; float:left; font-weight:bold; overflow:hidden; }
#devisLeft span {color:#f2ab01;}
#devisLeft h1, devisLeft2 h1, #devisRight h1 , #devisRight2 h1, #devisRight3 h1 {font-size:11px; margin:0px 0px 3px 0px;}
.devisInfos1 {float:right; color:#f2ab01; font-weight:normal; margin-right:50px;}
.devisInfos2 {color:#f2ab01; font-weight:normal; }

#devisRight {width:360px; float:left;font-weight:bold; overflow:hidden;}
.devisTab1Bkgrd { 	background-image:url(../img/interface/n3DevisTabBkgrd1.gif);	padding:0px 20px 0px 20px;	background-repeat:repeat-y;	width:385px; overflow:visible;}
.devisTab2Bkgrd {background-image:url(../img/interface/n3DevisTabBkgrd2.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:380px;}
.devisTab3Bkgrd {background-image:url(../img/interface/resultTab_bkgrd.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; }
.devisTab1Bkgrd select, .devisTab2Bkgrd select  {font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;}
.inputDevis1  {font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;}
.devisTab1Bkgrd textarea {border:solid 1px #A5ACB2; margin:2px 0px 2px 0px; font-size:11px; width:330px; height:90px;}
.devisFloatPane {float:left; margin-right:15px; padding-top:5px;}
.devisTable1 td {font-weight:normal;}
.devisFormValid {text-align:right; padding:10px 20px 0px 0px;}

#devisLeft2 {width:400px; float:left; font-weight:bold;}
#devisLeft2 span {color:#f2ab01;}
#devisLeft2 h1 {font-size:11px; margin:0px 0px 3px 0px;}

#devisRight2 {width:360px; float:left;font-weight:bold;}
.devisSelectedGr{    width: 250px;}

#devisRight3 {width:740px; float:left;font-weight:bold;}
#devisLeft3 span {color:#f2ab01;}
#devisLeft3 h1 {font-size:11px; margin:0px 0px 3px 0px;}

.devisSelectedGr{ width: 250px;}
.devisSelectBs{font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;}

#devisFormBloc2 {width:350px; float:left;}
.devisFormTable1 td {vertical-align:top; font-size:11px; padding-top:3px;}
.devisFormTable1 td input {margin-top:0px;}
#devisFormBkgrd { background-image:url(../img/interface/cataFormBkgrd.gif); width:350px; background-repeat:repeat-y; text-align: center; }
#devisFormBkgrd a{    background-image: url(../img/interface/p_flecheNoire.gif);    background-repeat: no-repeat;    background-position: 0px 7px;    font-size: 10px;    color: #df5a16;    padding: 2px 0px 0px 16px;    margin: 0;    display: block;    text-align: left;}
#devisFormBkgrd a:hover  {text-decoration:underline; text-align: left;}

/**/
/********** resultat recherche **************/
#resultFormContainer {padding:1px 20px 20px 20px;}
.resultTabBkgrd {background-image:url(../img/interface/resultTab_bkgrd.gif); background-repeat:repeat-y; z-index:1;}
.searchTabCell1 {padding-left:15px; z-index:2;}
#resultFormContainer form select {font-size:11px; margin-top:2px;}
#resultFormContainer table td {padding-top:2px; padding-bottom:3px;}
.searchTabCell2 {vertical-align:bottom;z-index:2;}
#resultTitre {background-color:#df5a16; height:29px; padding-left:20px; padding-top:6px; margin-bottom:0px;}
#resultContainer {padding:15px 20px 15px 20px;}
.resultBloc1 {margin:0; padding-bottom:20px;z-index:2;}
.mdcLeftContentType1 {width:170px; padding-right:20px; float:left; text-align:right;}
#resultParamaeter {float:none; padding-bottom:30px;}
#resultParamaeter .input {float:left; padding-right:5px;}
#resultMessage {float:none; width:400px; padding-left:10px; padding-bottom:30px;}

.btnRechercher1 {    width: 135px;    font-weight: bold;    color: #ffffff;    font-family: Arial;    background-color: #df5a16;    padding: 0px;    margin: 0px;    font-size: 11px;    text-transform: capitalize;    border-right: #df5a16 thin solid;    border-top: #df5a16 thin solid;    border-left: #df5a16 thin solid;    border-bottom: #df5a16 thin solid;}
.btnRechercher2 {    width: 30px;    font-weight: normal;    color: #ffffff;    font-family: Arial;    background-color: #df5a16;    padding-right: 0px;    padding-left: 0px;    font-size: 11px;    padding-bottom: 0px;    margin: 0px;    text-transform: capitalize;    padding-top: 0px;    border-right: thin solid;    border-top: thin solid;    border-left: thin solid;    border-bottom: thin solid;}
.btnRechercher3 {    width: 135px;    font-weight: bold;    color: #df5a16;    font-family: Arial;    background-color: #ffffff;    padding: 0px;    margin: 0px;    font-size: 11px;    text-transform: capitalize;    border-right: #df5a16 1px solid;    border-top: #df5a16 1px solid;    border-left: #df5a16 1px solid;    border-bottom: #df5a16 1px solid;}
.tableauDate {width: 135px;}
.resultatRech {color: #df5a16;}
.btnSuivant {width: 135px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #df5a16; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px; text-transform: capitalize; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none; border-right-style: double; border-left-style: double; border-bottom-style: double;}

/*IIIIII*/

.FormulaireDevisLeft {width:400px; float:left; font-weight:bold; overflow:hidden; }

.formulaireBlocTitle {     padding-left: 25px;    margin-bottom: 0px;    text-align: left;    font-weight: bold;    font-size: 16px;    color: #df5a16;    font-variant: small-caps; }

.BlockLigne{width:340px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} 

.SousBlockLigne{width:340px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  height:25px;}
.SousBlockLigneFine{width:340px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:15px;}

.SousBlockLigneGauche{width:160px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:25px;}
.SousBlockLigneDroite{width:180px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:25px; }

.SousBlockLigneGaucheFine{width:160px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  height:15px;}
.SousBlockLigneDroiteFine{width:180px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  height:20px; }

.SousBlockLigneUnQuart{width:85px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:22px;}
.SousBlockLigneUnQuartFine{width:85px; float:left; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  height:20px; }

.TexteGaucheFormulaire{width:150px; float:left; display:block; padding:0px 0px 0px 0px; margin: 5px 0px 0px 0px; text-align:left;  }
.ConteneurDdlClassFormulaire{width:160px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 10px;}

.DdlClassFormulaire{width:160px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size:10px; height:20px;}
.DdlNombre{display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; width:40px;}
.TexboxNombre{display:block; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; width:40px; font-size:12px; color:Navy; border:solid 1px #A5ACB2; height:20px;}

.TexboxClassFormulaire{display:block; margin: 3px 0px 0px 0px; padding:0px 0px 0px 0px; width:160px; font-size:12px; border:solid 1px #A5ACB2;height:20px;}

.ConteneurDate{display:block; float:left; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; width:120px;}
.ConteneurImageDate{display:block;float:left; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; width:40px; }

.TexboxClassFormulaireDate{display:block; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; width:120px; font-size:12px; border:solid 1px #A5ACB2; height:20px;}
.TexTAreaClassFormulaire{display:block; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; width:320px!important; height:100px!important;}
.MessageErreur {color:#f2ab01; font-size:12px; font-style:normal; font-weight:normal;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.blockFormulaireDroite{display:block; float:left; margin:  0px 20px 0px 0px; padding: 0px 0px 0px 0px; width:380px; background-image: url(../img/interface/n3DevisTabBkgrd1.gif);    background-repeat: repeat-y;}
.LigneblockFormulaireDroite{display:block; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:380px;}
.ContenuBlockFormulaireDroite{display:block; float:left; margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; width:340px; }