*{padding: 0;margin: 0;border: none;}
body{
    font-family: arial;
    font-size: 12px;
    min-width: 1200px;
}
.clear{
    clear: both;
}
.cm2{
    position: absolute;
    bottom: 0;
    left : 0;
    font-size: 10px;
    color: red;
}
.btn {
    background-image: url("../images/btnBg.png");
    background-position: right bottom;
    background-repeat: repeat-x;
    border-color: #BBBBBB #999999 #222222 #333333;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 2px 2px;
    padding: 3px 5px;
    text-decoration: none;
}
#header{
    background: #e17400;
    height: 80px;
    padding-top: 1px;
    position: relative;
}
#header .logo{
    margin: 10px;
    display: block;
}
#header .outils{
    position: absolute;
    top: 10px;
    right: 10px;
    list-style: none;
}
#header .outils li{
    display: block;
    width: 100px;
    float: left;
    text-align: center;
    border-left: 1px solid white;
}
#header .outils li a{
    color: white;
    text-decoration: none;
}
#header .outils li a span{
    line-height: 15px;
}
#login{
    background: #e17400;
    width: 300px;
    padding: 10px;
    margin: 200px auto;
    border: 10px solid #26364f;
    border-left: none;
    border-right: none;
    color: #26364f;
}

#login label{
    width: 45%;
    display: block; 
    float: left;
    height: 20px;
    text-transform: uppercase;
}
#login input{
    width: 50%;
    padding: 0 3px;
    height: 20px;
    margin-bottom: 10px;
}
#login input[type=submit]{
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: #26364f;
    color: #e17400;
    font-weight: bold;
}
#login input[type=submit]:hover{
    background: white;
    color: #e17400;
}
#choiceParametrage{
    background: #e17400;
    width: 300px;
    padding: 10px;
    margin: 200px auto;
    border: 10px solid #26364f;
    border-left: none;
    border-right: none;
    color: #26364f;
}
#choiceParametrage select{
    width: 100%;
    margin-bottom: 10px;
}
#choiceParametrage input[type=submit]{
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: #26364f;
    color: #e17400;
    font-weight: bold;
}
#choiceParametrage input[type=submit]:hover{
    background: white;
    color: #e17400;
}
#parametre{
    padding: 20px;
}
#parametre h2{
    color: #e17400;
    border-bottom: 2px solid #e17400;
    padding-bottom: 2px;
}
#parametre form{
    padding: 10px;
}
#parametre form label{
    float: left;
    width: 200px;
    height: 20px;
}
#parametre form input{
    float: left;
    width: 200px;
    height: 20px;
    padding: 0 3px;
    margin-bottom: 10px;
    border: 1px solid #26364f;
}
#parametre form input[type=submit]{
    text-transform: uppercase;
    display: block;
    width: 208px;
    margin-left: 200px;
    cursor: pointer;
    background: #26364f;
    color: #e17400;
    font-weight: bold;
}
#parametre input[type=submit]:hover{
    background: white;
    color: #e17400;
}
#parametre form span.error{
    color: red;
    margin-left: 5px;
}
#parametre span.succes{
    color: green;
}
#parametre #modifSup{
   border: 1px solid #26364f;
   width: 500px;
}
#parametre #modifSupOk{
    text-transform: uppercase;
    margin-left: 5px;
    cursor: pointer;
    background: #26364f;
    color: #e17400;
    height: 20px;
    font-weight: bold;
    text-align: center;
    width: 30px;
    border: 1px solid #26364f;
}
#parametre #modifSupOk:hover{
    background: white;
    color: #e17400;
}
#parametre .del{
    text-transform: uppercase;
    display: block;
    width: 208px;
    margin-left: 200px;
    cursor: pointer;
    background: #26364f;
    color: #e17400;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #26364f;
}
#parametre .del:hover{
    background: white;
    color: #e17400;
}
#parametre .allNuances{
    margin-bottom: 10px;
}
#parametre .allNuances img{
    cursor: pointer;
    margin: 0 10px;
}
.menu{
    background:#26364f;
    height: 31px;
    margin-top: 5px;
    list-style: none;
}
.menu li{
    height: 21px;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    
}
.menu li.selected{
    background: #e17400;
}
.menu li a{
    text-decoration: none;
    color : white;
}
.menu li a:hover{
    text-decoration: underline;
}
.menu li.separator{
    width: 20px;
    padding: 5px 0;
    background: url('../images/menuSeparatorOff.jpg')
}
.menu li.separator.before{
    background: url('../images/menuSeparatorOnBefore.jpg')
}
.menu li.separator.after{
    background: url('../images/menuSeparatorOnAfter.jpg')
}
#etape{
    padding: 20px;
}
#etape label,#etape input{
    font-size: 12px;
}
#etape input[type=text]{
    border : 1px solid #26364f;
    padding: 3px;
    width: 200px;
}
#etape table tr td{
    padding: 2px;
}
#etape input[type=submit],#etape input[type=button]{
    border : 1px solid #26364f;
    text-transform: uppercase;
    display: block;
    width: 208px;
    float: right;
    cursor: pointer;
    background: #26364f;
    color: #e17400;
    font-weight: bold;
    margin-top: 10px;
}
#etape input[type=submit]:hover,#etape input[type=button]:hover{
    background: white;
    color: #e17400;
}
#etape .fondDePage,#etape .espaceClient,#etape .voletInfo,#etape .etapeRecherche,#etape .etapeRechercheCorlor,#etape .etapeMenu,#etape .etapeDiapo,#etape .contenuPage,#etape .indexText,#etape .etapeDetail,#etape .etapeOptions{
    width: 800px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
#etape .colorSelector{
    width: 162px;
    height: 59px;
    position: relative;
}
#etape .colorSelector .sampleColor{
    height: 59px;
    width: 59px;
}
#etape .colorSelector input[type=text]{
    width: 90px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#etape .colorSelector label{
    width: 96px;
    position: absolute;
    bottom: 25px;
    right: 0;
}
#etape .colorBackground{
    position: absolute;
    top : 60px;
    right: 38px;
}
#etape .field{
    width: 162px;
    height: 59px;
}
#etape .imageBackground{
    position: absolute;
    top : 254px;
    left : 175px;
}
#etape .imageBackground .preview{
    cursor: pointer;
}
#etape .imageBackground #listPhotoID{
    width: 125px;
    height: 400px;
    position: absolute;
    background: white;
    top: -200px;
    left : 175px;
    overflow-y: scroll;
    line-height: 100px;
    display: none;
}
#etape .imageBackground #listPhotoID label{
    height: 59px;
    width: 78px;
    margin: 5px;
    display: block;
    overflow: hidden;
    float: left;
}
#etape .imageBackground #listPhotoID img{
    height: 59px;
    width: 78px;
}
#etape .imageBackground #listPhotoID input{
    margin: 28px 0;
}
#etape #imageBackgroundOpacityID{
    position: relative;
}
#etape .slider{
    margin-top: 30px;
}
#etape .spanSlider{
    position: absolute;
    top : -20px
}

#etape .imageBackgroundOpacity{
    position: absolute;
    top : 450px;
    left : 59px;
    width: 155px;
}
#etape .headerBackgroundColor{
    position: absolute;
    left: 460px;
    top : 120px;
}
#etape #headerBackgroundOpacityID{
    position: relative;
}
#etape #headerBackgroundOpacityID .slider{
    margin-top: 30px;
}
#etape #headerBackgroundOpacityID .spanSlider{
    position: absolute;
    top : -20px
}
#etape .headerBackgroundOpacity {
    position: absolute;
    top : 95px;
    left : 225px;
    width: 155px;
}
#etape .headerLogoBackgroundColor {
    position: absolute;
    top : 314px;
    left: 15px
}
#etape .headerLogoFile {
    position: absolute;
    top : 243px;
    left: 212px
}
#etape .headerLogoFile label {
    position: relative;
    width: 100%;
    bottom: auto;
    right: auto;
}
#etape #activerEspaceClientID{
    float: left;
}
#etape #activerEspaceClientID input{
    margin: 0 5px 0 10px;
}
#etape .espaceClient{
    padding: 1px 0;
}
#etape .espaceClientBackgroundColor{
    position: absolute;
    left: 126px;
    top : 185px;
}
#etape .espaceClientTextColor{
    position: absolute;
    left: 385px;
    top : 129px;
}
#etape .espaceClientInputBorderColor{
    position: absolute;
    left: 192px;
    top : 359px;
}
#etape .espaceClientInputSubmitBackgroundColor{
    position: absolute;
    left: 551px;
    top : 288px;
}
#etape .infoTextColor{
    position: absolute;
    left: 103px;
    top : 85px;
}
#etape .infoBackgroundColor{
    position: absolute;
    left: 537px;
    top : 36px;
}
#etape .infoButtonTextColor{
    position: absolute;
    left: 84px;
    top : 41px;
}
#etape .infoButtonBackgroundColor{
    position: absolute;
    left: 555px;
    top : 41px;
}


#recherche{
    margin-top : 0px;
    color : white;
    width: 310px;
}
#recherche .content{
    padding : 10px 20px;
    background : #FF6600;
    border : 1px solid #ae5a00;
}
#recherche .btn{
    background-color : #ff6600;
    cursor : pointer;
    width : 120px;
    float : left;
    border-bottom-left-radius : 0px;
    border-bottom-right-radius : 0px;
    border-bottom : none;
    border-left : none;
    text-align : center;
    color : white;
    text-transform : uppercase;
    height : 17px;
    margin-top : 5px;
}
#recherche .btn:hover,#recherche .btn.selected{
    background-color : #ae5a00;
    margin-top : 0px;
    padding-top:8px;
}
#recherche .btn input{
    display : none;
}
#recherche .newListSelected{
    border : 1px solid #7d797f;
    border-radius : 5px;
    background-color : red;
}
#recherche .newList{
    border-color : #7d797f;
}

#recherche .hiLite,#recherche .hiLite a  {
    background:red!important;
    color:#fff!important;
}
#recherche input[type=text]{
    color: #000000;
    font-weight: normal;
    height: 22px;
    margin: 0 auto 5px;
    width : 266px;
    padding : 2px;
    border : 1px solid #7d797f;
    border-radius : 5px;
    display : block;
}
#recherche .divSlider {
    width: 270px;
    margin: 0 auto 5px;
    position : relative;
}
#recherche .spanSlider{
    position : absolute;
    top : -3px;
    left:0px;
}
#recherche .divSlider input{
    width : 60px;
    float : left;
    margin-right : 5px;
}
#recherche .divSlider .slider {
    width : 197px;
    float : left;
    margin-top : 6px;
}
#recherche .divSlider.true .slider {
   width : 126px;
}
#recherche .divSlider.withSpan{
    padding-top : 15px;
    float : none;
}
#recherche .divSlider.withSpan .slider {
    float : none;
    width : 100%;
    margin-top : 0px;
}
#recherche .radio{
    text-align : center;
    margin-bottom : 5px;
}
#recherche .radio label{
    margin : 0 2px;
}
#recherche .radio input{
    margin-left : 5px;
    margin-right : 0px;
}
#recherche .radio.before input{
    margin-right : 5px;
    margin-left : 0px;
}
#recherche .checkbox {
    width : 272px;
    margin : 0 auto;
}
#recherche .checkbox.before{
    text-align : right;
}
#recherche .checkbox input{
    margin-right : 5px;
}
#recherche .checkbox.before input{
    margin-right : 0px;
    margin-left : 5px;
}
#etape .ListCritere{
    position: absolute;
    right: 0;
    top: 0;
}
#etape .ListCritere ul{
    list-style: none;
    margin-left: 20px;
}
#etape .ListCritere ul li{
    margin-bottom: 5px;
}
#etape .ListCritere ul ul li{
    margin-bottom: 0px;
}
#etape .ListCritere ul ul li input{
    margin-right: 5px;
}
#recherche ul{
    list-style: none;
}
#recherche .critere{
    /*display: none;*/
}
#recherche .sortable li{
    position: relative;
}
#recherche .sortable li .move{
    width: 25px;
    height: 25px;
    background: url('../images/etapes/move.png') no-repeat;
    display: none;
    position: absolute;
    top: 0px;
    left: -25px;
    cursor: move;
}
#recherche .sortable li .option{
    width: 25px;
    height: 25px;
    background: url('../images/etapes/option.png') no-repeat;
    display: none;
    position: absolute;
    top: 0px;
    right: -25px;
    cursor: pointer;
}
#recherche .sortable li .optionContent{
    width: 180px;
    background: white;
    color: black;
    padding: 10px;
    border: 1px solid black;
    position: absolute;
    top : 0;
    right: -240px;
    display: none;
}
#recherche .sortable li .optionContent .titre{
    font-size: 16px;
    margin-bottom: 10px;
}
#recherche .sortable li .optionContent input{
    width: 173px;
}
#recherche .sortable li .optionContent input[type=button]{
    background: #26364f;
    color: #e17400;
    cursor: pointer;
    padding: 2px 0;
}
#recherche .sortable li .optionContent .indication{
    font-size: 10px;
    margin-top: 10px;
}
#recherche .sortable li .optionContent .close{
    width: 22px;
    height: 22px;
    background: url('../images/etapes/close.png') no-repeat;
    position: absolute;
    top: -11px;
    right: -11px;
    cursor: pointer;
}
#etape .etapeRechercheCorlor .searchBackgroundColor{
    position : absolute;
    top : 418px;
    left : 14px;
}
#etape .etapeRechercheCorlor .searchBorderColor{
    position : absolute;
    top : 342px; 
    left : 14px;
}
#etape .etapeRechercheCorlor .searchTabBackgroundHoverColor{
    position : absolute;
    top : 235px; 
    left : 63px;
}
#etape .etapeRechercheCorlor .searchTabTextHoverColor{
    position : absolute;
    top : 149px; 
    left : 63px;
}
#etape .etapeRechercheCorlor .searchTabBackgroundColor{
    position : absolute;
    top : 100px; 
    left : 471px;
}
#etape .etapeRechercheCorlor .searchTabTextColor{
    position : absolute;
    top : 185px; 
    left : 540px;
}
#etape .etapeRechercheCorlor .searchInputBorderColor{
    position : absolute;
    top : 393px; 
    left : 621px;
}
#etape .etapeRechercheCorlor .searchInputBackgroundColor{
    position : absolute;
    top : 308px; 
    left : 621px;
}
#etape .etapeRechercheCorlor .searchSubmitBackgroundHoverColor{
    position : absolute;
    top : 510px; 
    left : 537px;
}
#etape .etapeRechercheCorlor .searchSubmitBackgroundColor{
    position : absolute;
    top : 510px; 
    left : 356px;
}
#etape .etapeRechercheCorlor .searchSubmitTextHoverColor {
    position : absolute;
    top : 422px; 
    left : 416px;
}
#etape .etapeRechercheCorlor .searchSubmitTextColor {
    position : absolute;
    top : 422px; 
    left : 236px;
}
#etape .etapeRechercheCorlor .searchSubmitTextColor {
    position : absolute;
    top : 422px; 
    left : 236px;
}
#etape .etapeRechercheCorlor .searchTextColor{
    position : absolute;
    top : 29px; 
    left : 231px;
}
#etape .etapeMenu .menuChoice{
    margin-bottom: 5px;
}
#etape .etapeMenu .menuChoice input{
    border: 1px solid black;
    padding: 3px;
    width: 150px;
}
#etape .etapeMenu .menuChoice select{
    border: 1px solid black;
    width: 150px;
}
#etape .etapeMenu .menuOverlayColor{
    position : absolute;
    top : 0px; 
    right : 0px;
    background : url('../images/etapes/colorOnly.png');
    padding: 6px;
}
#etape .etapeMenu .menuTextColor {
    position : absolute;
    top : 75px; 
    right : 0px;
    background : url('../images/etapes/colorOnly.png');
    padding: 6px;
}
#etape .etapeMenu .menuOverlayColor input[type="text"],#etape .etapeMenu .menuTextColor input[type="text"]{
    bottom : 6px;
    right: 6px;
}
#etape .etapeMenu .menuOverlayColor label,#etape .etapeMenu .menuTextColor label{
    bottom : 31px;
    right: 6px;
}
#etape .fondDePage .footerBackgroundColor{
    position: absolute;
    left: 325px;
    top: 435px;
}
#etape .fondDePage .footerTextColor{
    position: absolute;
    left: 135px;
    top: 435px;
}
#etape .fondDePage .footerBackgroundOpacity{
    position: absolute;
    left: 515px;
    top: 435px;
}

#etape .fondDePage .footerBackgroundOpacity #footerBackgroundOpacityID{
    position: relative;
}
#etape .fondDePage .partnerList{
    position: absolute;
    left : 65px;
    top : 25px;
    width: 691px;
    height: 329px;
}
#etape .fondDePage .partnerList .checkbox{
    width: 98px;
    float: left;
}
#etape .fondDePage .partnerList .checkbox input{
    margin-left: 5px;
}
#etape .etapeDiapo{
    position : relative;
}
#etape .etapeDiapo .diapoUI{
    padding : 10px;
    position : absolute;
    left : 0;
    bottom  : 0;
    width: 780px;
    border-top : 2px solid black;
}
#etape .etapeDiapo .diapoUI .typeDiapo{
    position : absolute;
    right: 10px;
    bottom  : 10px;
}
#etape .etapeDiapo .diapoUI .typeDiapo td{
    text-align: right;
}
#etape .etapeDiapo .diapoUI .typeDiapo td select{
    border: 1px solid #26364F;
    width: 110px;
}
#etape .etapeDiapo .diapoDispay{
    padding : 10px;
    width: 778px;
    height: 480px;
    padding-top: 0;
    overflow-y: scroll;
}
#etape .etapeDiapo .diapoTitre{
    padding : 10px;
    width: 780px;
}
#etape .etapeDiapo .diapoDispay .diapo{
    display: block;
    width: 245px;
    margin : 4px;
    height: 137px;
    overflow: hidden;
    float: left;
    position: relative;
}
#etape .etapeDiapo .diapoDispay .close{
    position: absolute;
    right: 0;
    top:0;
    cursor: pointer;
}
#etape .etapeDiapo .diapoDispay .diapo a{
    display: block;
    width: 245px;
    height: 137px;
    text-align: center;
}
#etape .etapeDiapo .diapoDispay .diapo a img{
    height: 137px;
}
#etape .etapeDiapo .diapoUI .diapoBorderColor{
    position: absolute;
    bottom: 10px;
    right: 200px;
}

#etape .contenuPage .pageTextContentTitleBackgroundColor{
    position: absolute;
    top: 33px;
    left: 556px;
}
#etape .contenuPage .pageTextContentTitleTextColor{
    position: absolute;
    top: 33px;
    left: 83px;
}
#etape .contenuPage .pageTextContentBackgroundColor{
    position: absolute;
    top: 513px;
    left: 556px;
}
.pagination{
    text-align : center;
    position: absolute;
    top : 292px;
    left: 178px;
    z-index: 1;
}
.pagination a, .pagination span{
    margin : 0 3px;
    text-decoration : none;
}
.pagination a.pagination_nombre{
    padding : 3px;
}
.pagination a.pagination_nombre_current{
    padding : 5px;
}
#etape .fondDePage .paginationBorderColor{
    position: absolute;
    top: 167px;
    left: 17px;
}
#etape .fondDePage .paginationTextColor{
    position: absolute;
    top: 167px;
    left: 197px;
}
#etape .fondDePage .paginationBackgroundColor{
    position: absolute;
    top: 167px;
    left: 377px;
}
#etape .fondDePage .paginationSelectedBorderColor{
    position: absolute;
    top: 377px;
    left: 156px;
}
#etape .fondDePage .paginationSelectedTextColor{
    position: absolute;
    top: 377px;
    left: 336px;
}
#etape .fondDePage .paginationSelectedBackgroundColor{
    position: absolute;
    top: 377px;
    left: 516px;
}
#etape .fondDePage .resultatTextColor{
    position: absolute;
    top: 167px;
    left: 616px;
}
#etape .fondDePage .resultatBienBackgroundColor{
    position: absolute;
    top: 202px;
    left: 371px;
}
#etape .fondDePage .resultatBienBackgroundOpacity{
    position: absolute;
    top: 264px;
    left: 609px;
}
#etape #resultatBienBackgroundOpacityID{
    position: relative;
}
#etape .fondDePage .resultatNoPictureFile{
    position: absolute;
    top: 340px;
    left: 122px;
    width: 180px
}
#etape .fondDePage .resultatBienTextColor{
    position: absolute;
    top: 335px;
    left: 389px;
}
#etape .fondDePage .resultatTypeDisplayListe{
    position: absolute;
    top: 495px;
    left: 9px;
    text-align: center;
    width: 102px;
}
#etape .fondDePage .resultatTypeDisplayVignette{
    position: absolute;
    top: 215px;
    left: 9px;
    text-align: center;
    width: 102px;
}
#etape .fondDePage .resultatOption{
    position: absolute;
    top: 455px;
    right: 25px;
    text-align: right;
}
#etape .fondDePage .resultatOption label{
    margin-right: 5px;
}

#etape .fondDePage .resultatLocationDisplay{
    position: absolute;
    top: 432px;
    left: 325px;
    text-align: center;
}

#etape .fondDePage .resultatNbBienParPage{
    position: absolute;
    top: 23px;
    left: 320px;
}
#resultatNbBienParPageID{
    position: relative;
}
#etape .etapeDetail .detailPrimaryBackgroundColor{
    position: absolute;
    top: 147px;
    left: 402px;
}
#etape .etapeDetail .detailPrimaryTextColor{
    position: absolute;
    top: 147px;
    left: 71px;
}
#etape .etapeDetail .detailSecondaryBackgroundColor{
    position: absolute;
    top: 394px;
    left: 566px;
}
#etape .etapeDetail .detailSecondaryTextColor{
    position: absolute;
    top: 394px;
    left: 236px;
}
#activerEstimationID,#activerCCID{
    float: left;
    margin-left: 5px;
}
#activerEstimationID label,#activerCCID label{
    margin: 0 5px 0 2px;
}
#etape .etapeRef input[type=text]{
    width: 100%;
    border : 1px solid black;
    padding: 3px 0;
}
#etape .etapeRef .titre{
    margin: 5px 0 2px;
}
#etape .contenuPage .pageTextContentTitleFontStyle{
    width: 162px;
    height: 59px;
    position: absolute;
    left : 275px;
    top : 35px;
}
#etape .contenuPage .pageTextContentTitleFontStyle input[type=checkbox]{
    margin: 0 3px;
}
#etape .contenuPage .pageTextContentTitleFontStyle select{
    width: 100%;
    border: 1px solid #26364F;
}
#etape .contenuPage .pageTextContentTitleFontStyle #pageTextContentTitleBoldID{
    float : left;
}
#etape .contenuPage .pageTextContentTitleFontStyle #pageTextContentTitleItalicID{
    float : right;
}
#ListeAgence{
	width : 200px;
	min-height : 268px;
	width : 250px;
	float : left;
	padding : 10px;
	margin-bottom : 50px;
	border : 1px solid black;
}
#ListeAgence .agence{
	width : 238px;
	height : 50px;
	border : 1px solid black;
	cursor : pointer;
	padding : 5px;
	margin-bottom : 5px;
}
#ListeAgence .agence .nom{
	font-size : 14px;
	font-weight : bold;
}
#ListeAgence .agence .slogan{
	font-style:italic; 
}
#formulaireAgence{
	float : left;
	padding : 10px;
	border : 1px solid black;
	margin-left : 20px;
	display : none;
}