*
{
	margin: 0;
	padding:0;
}

html, body
{
	height: 100%;
	font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, Microsoft Sans Serif;
	color: #000;
}

.commonbackground
{
    height: 100%;
    background-color: #eff0ef;
}

.hide
{
    display: none;
}

.center
{
    position: relative;    
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.header
{    
    height: 120px;    
}

#logo
{
    float: right;
    background: url("images/logo_laficom.png") no-repeat center center;
    width: 250px;
    height: 80px;
}

#logoSoft
{
    float: left;
    background: url("images/logo_GDTE_80.png") no-repeat center center;
    width: 80px;
    height: 80px;
}

#logoSoftGstSalles
{
    float: left;
    background: url("images/Logo_GstSalles_80.png") no-repeat center center;
    width: 80px;
    height: 80px;
}

#title
{    
    text-align: left;
    color: #333;
}
#title2
{    
    margin-left: 90px;
    text-align: left;
    color: #333;
}

#title div
{    
    padding-top: 8px;
    width: 240px;
    height: 48px;
    background: url("images/LogoBudgEclair4.png") no-repeat center center;
}

.tabsContainer
{
    height: 80px;
    background: url("images/tabs_back.png")  repeat-x left bottom;  
}

.tabs
{
    height: 80px;
}

.tab
{
    float: left;
    background-image: none;
    text-align: center;
    text-decoration: none;
    color: #555555;
    width: 220px;
    height: 80px;    
}

.tabTitle
{      
    height: 40px;
    line-height: 40px;  
    font-size: 22px;    
}

.tabDesc
{
    font-size: 14px;
}

.tab:focus
{
    outline: none;
}

.tab:hover
{
    background: url("images/tab_over.png") no-repeat center bottom;
    cursor: pointer;
}

.tab:hover:active
{
    background: url("images/tab_selected.png") no-repeat center bottom;
}

.tabSelected,
.tabSelected:hover
{
    background: url("images/tab_selected.png") no-repeat center bottom;
    color: #00597d;
}

.btHome
{
    float: right;
    background-image: none;
    text-align: center;
    text-decoration: none;
    color: #555555;
    width: 180px;
    height: 80px;    
}

.btHome .btImage
{    
    width: 80px;
    height: 80px;
    background: url("images/Left-Arrow.png") no-repeat center center;
}
.btHome:hover .btImage
{
    background: url("images/Left-Arrow_over.png") no-repeat center center;
}

.btHome .btTitle
{
    float: right;
    padding-right: 15px;
    height: 80px;
    line-height: 80px;  
    font-size: 26px;    
}
.btHome:hover .btTitle
{
     color: #00597d;
}

.container
{
    background-color: #e8e8e8;
    height: auto;    
}

.content
{
    height: 100%;    
}

.footer
{
    height: 32px;    
    font-size: 14px;
    text-align: center;
}

.margin_top,
.margin_bottom
{
    height: 40px;
}

.title1
{
    font-size: 22px;
    height: 40px;
    background: url("images/title1_back.png") repeat-x left bottom;
}

.header2
{
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 15px 15px 5px 5px;
}
.footer2
{    
    height: 2px;    
}
    .header2.col1,
    .footer2.col1 {
        background-color: #592d5e;
    }
    .header2.col2,
    .footer2.col2
    {
        background-color: #89b9df;
    }
    .header2.col3,
    .footer2.col3 {
        background-color: #315f19;
    }

    .header2.col4,
    .footer2.col4 {
        background-color: #265689;
    }

.liste1
{
    list-style-image: url("images/Puce1.png");
    list-style-position: inside;
}
.liste1 li
{
    line-height: 28px;
}

.liste2
{
    margin-left: 30px;
    list-style-image: url("images/Puce2.png");
    list-style-position: inside;
}
.liste2 li
{
    line-height: 24px;
}

.liste3
{
    list-style-image: url("images/Puce3.png");
    list-style-position: inside;
}
.liste3 li
{
    line-height: 22px;
}

.row1
{
    position: relative;
    width: 500px;
    height: 120px;    
    background: url(images/row1.png) no-repeat center center;    
}

.row1Container
{
    padding: 25px;
}

.row3
{
    position: relative;
    width: 960px;
    height: 80px;    
    background: url(images/row3.png) no-repeat center center;    
}

.row3Container
{
    padding: 15px 25px;
}

.row4
{
    position: relative;
    width: 960px;
    height: 120px;    
    background: url(images/row4.png) no-repeat center center;    
}

.row4Container
{
    padding: 20px 25px;
}

.row5
{
    position: relative;
    width: 960px;
    height: 180px;    
    background: url(images/row5.png) no-repeat center center;    
}

.row5Container
{
    padding: 25px;
    height: 130px;
}

.row6
{
    position: relative;
    width: 960px;
    height: 310px;    
    background: url(images/row6.png) no-repeat center center;    
}

.row6Container
{
    padding: 35px 25px;
}


.row7
{
    position: relative;
    width: 960px;
    height: 340px;    
    background: url(images/row7.png) no-repeat center center;    
}

.row7Container
{
    padding: 25px;
}

.row8 {
    position: relative;
    width: 960px;
    height: 400px;
    background: url(images/row8.png) no-repeat center center;
}

.row8Container {
    padding: 25px;
}

.btSystem
{
    display: block;
    font-size: 14px;
    text-align: center;
    text-decoration: none;    
    color: #00597d;
    background-color: #fff;
    border: 2px solid #00597d;
}

.onglet_actif,
.btSystem:hover
{ 
    cursor: pointer;
    color: #ffffff;
    background-color: #00597d;
    border: 2px solid #00597d;
}

.btSystem:hover:active
{ 
    font-weight: bold;
    cursor: pointer;    
    color: #00597d;
    background-color: #fff;
    border: 2px solid #00597d;
}

.onglets
{
    height: 30px;
}

.onglet
{
    float: left;
    width: 100px;
    height: 22px;
    margin-right: 2px;
}


/* Le logiciel */
.jeuLots
{
    display: none;
}

.reader1
{
    width: 960px;
    height: 340px;    
    background: url(images/reader1.png) no-repeat center center;    
}

.readerMarginTop
{
    height: 20px;    
}

.readerMarginBottom
{
    height: 20px;    
}

.readerMarginLeft
{
    width: 10px;
    height: 300px;
    float: left;
}

.readerCenter
{
    height: 300px;
}

.readerPrev
{
    float: left;
    width: 32px;
    height: 300px;
    margin: 0px 6px;
    background: url("images/ArrowHead-Left_3.png") left center no-repeat;
}
.readerPrev:hover
{
    background-position: -32px;
}

.readerPrev:hover:active,
.readerPrev:active
{
    background-position: -64px;
}

.reader1Container
{
    float: left;
    width: 850px;
    height: 300px;
    background-image: url("images/film2024.jpg");
    background-repeat: no-repeat;
}

.readerNext
{
    float: left;
    width: 32px;
    height: 300px;
    margin: 0px 6px;
    background: url("images/ArrowHead-Right_3.png") left center no-repeat;
}
.readerNext:hover
{
    background-position: -32px;
}
.readerNext:hover:active,
.readerNext:active
{
    background-position: -64px;
}

.pres_text 
{    
    color: #000;
    font-size: 16px;
    width: 900px;
}

.pres_text_bt 
{
    float: left;
    color: #000;
    font-size: 16px;
    width: 700px;
}

#presPDFbt,
#askEvolbt,
#presInline,
#newsbt
{
    position: absolute;
    width: 150px;
    height: 20px;
    right: 30px;
    top: 28px;
}

.jeu_content
{
    position: absolute;
    left: 0px;
    top: 0px;    
    width: 960px;
    height: 340px;        
}

.jeu_lot_txtTop
{
    position: absolute;
    left: 30px;
    top: 25px;
    font-weight: bold;
}

.jeu_lot_txtBottom
{
    position: absolute;
    left: 30px;
    bottom: 25px;
    font-size: 12px;
}

#jeu_lot
{
    width: 960px;
    height: 340px;        
    background: url(images/jeu_lot.png) no-repeat center center;    
}

#jeu_detail
{
    display: none;    
    margin: 25px;
}

.jeu_detail_container
{
    float: left;
    width: 300px;
    height: 100%;
}

.jeu_detail_img
{
    width: 100px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
}

.jeu_detail_title
{
    float: right;
    width: 200px;
    height: 60px;
    font-weight: bold;
    text-align: center;
}

.jeu_detail_desc
{
    margin-top: 20px;
    width: 300px;    
    font-size: 14px;
}

#jeu_img_pc
{
    background-image: url("images/Portable_mini.jpg");
}

#jeu_img_projo
{
    background-image: url("images/Projecteur_mini.jpg");
}

#jeu_img_ecran
{
    background-image: url("images/Ecran_mini.jpg");
}

#jeu_condition
{
    display: none;
    padding: 25px;
}

#jeu_condition_txt
{
    width: 910px;
    height: 290px;
    overflow: auto;
}

#presLstB,
#presLstG,
#presLstH,
#presLstI {
    margin-top: 10px;
}

#presLstC
{
    margin-top: 15px;
}

#presLstC li
{
    line-height: 24px;
}

#presLstD,
#presLstF
{
    margin-top: 10px;
}

#presLstE
{
    margin-top: 25px;
}

#presLstF li
{
    line-height: 24px;
}

.highlight_diapo {
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#presImgGraph1 {
    position: absolute;
    right: 30px;
    top: 35px;
    width: 400px;
    height: 300px;
    background: url("images/graphDemoMini.jpg") no-repeat center center;
}

#presImgDemographie
{
    position: absolute;
    right: 30px;
    top: 35px;
    width: 400px;
    height: 300px;
    background: url("images/graphDemographiePopulation.jpg") no-repeat center center;
}

#saisieImgSuiviBudget {
    width: 910px;
    height: 250px;
    background: url("images/saisieSuiviBudget.png") no-repeat center center;
}

.presSuiviBudget {
    margin-top: 15px;
    margin-left: 25px;
}

/* Essayer */
.row5Container.download
{    
    background: url("images/secureGlobalSign.jpg") no-repeat 640px center;
}
#demo_img_download
{
    background: url("images/Download.png") no-repeat left center;
}

#demo_img_cd
{
    background: url("images/CD.png") no-repeat left center;
}

#demo_img_info
{
    background: url("images/Info.png") no-repeat left center;
}

#demo_down_text
{
    line-height: 26px;    
}

#demo_down_bt
{
    position: absolute;
    width: 150px;
    height: 22px;
    right: 30px;
    top: 50px;
}

#askCD
{
    position: relative;
    left: 320px;
}

.form_row
{
    margin-top: 10px;
}
.form_label
{
    float: left;
    width: 200px;    
}

.form_input
{
    width: 400px;
    height: 20px;
}

.form_input_free
{
    font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, Microsoft Sans Serif;
    
    margin: 0px 10px;
    padding: 5px;
    width: 926px;
    max-width: 926px;
    height: 200px;    
}

.form_button
{
    width: 605px;
    height: 25px;
}

#askCP
{
    width: 80px;
}


/* Commander */
.cmd_img
{
    float: left;    
    height: 48px;
    width: 68px;
}

.cmd_text
{
    float: left;
    color: #000;
    font-size: 14px;
    width: 840px;
}

.cmd_text_middle
{
    margin-top: 13px;    
}

.count_header
{
    font-size: 14px;
    width: 120px;
    text-align: center;
    height: 30px;
}

.count_desc
{
    font-size: 14px;
}

.count_HT,
.count_TTC
{
    font-size: 16px;
    width: 120px;
    text-align: center;
}

.count_HT
{
    font-weight: bold;
}

#cmd_img_info
{
    background: url("images/Info.png") no-repeat left center;
}

#cmd_img_print
{
    background: url("images/Printer.png") no-repeat left center;
}

#cmd_img_pen
{
    background: url("images/Edit.png") no-repeat left center;
}

#cmd_img_send
{
    background: url("images/Send.png") no-repeat left center;
}

#cmd_img_receive
{
    background: url("images/Login.png") no-repeat left center;
}

#cmd_img_cancel
{
    background: url("images/Cancel.png") no-repeat left center;
}

#cmdPDFbt
{
    position: absolute;
    width: 150px;
    height: 20px;
    right: 30px;
    top: 28px;
}

.partenaire {
    height: 220px;
}
.partenaire .left {    
    padding-top: 20px;
    margin-right: 280px;
}
.partenaire .right {
    float: right;
}
.partenaire img {    
    margin-right: 10px;
    border: 1px solid #528BC5;
}

/* Contact */
.contact_img
{
    float: left;    
    height: 48px;
    width: 68px;
}

.contact_text
{
    float: left;
    color: #000;
}

.contact_text_right
{
    float: right;
    color: #555;    
    font-size: 12px;
    text-align: right;
    margin-top: 6px;
}

.contact_text_middle
{
    margin-top: 13px;    
}

.contact_text a
{
    text-decoration: none;
}

.contact_text a:focus
{
    outline: none;
}

#email_img
{    
    background: url("images/eMail.png") no-repeat left center; 
}

#mail_img
{    
    background: url("images/Mail.png") no-repeat left center; 
}

#phone_img
{    
    background: url("images/Phone.png") no-repeat left center; 
}

#mobile_img
{    
    background: url("images/Mobile.png") no-repeat left center; 
}

#fax_img
{    
    background: url("images/Fax.png") no-repeat left center; 
}

/* Nouveautés */
.newsRow
{    
    font-size: 14px;
    position: relative;
    list-style-type: none;
    margin: 40px 0px;
}

.newsTitle
{
    font-size: 22px;
    text-decoration: underline;
    margin-right: 200px;    
}

.newsNote
{
    float: right;
    width: 200px;
}

.newsDesc
{
    margin-top: 10px;    
    margin-right: 200px;    
}

.diapo
{
    margin-top: 5px;
    width: 956px;
    height: 719px;
}

.imgAndText
{
    margin-top: 20px;
}
.imgAndText img
{
    vertical-align: middle;
}

#presMenuDiapo1
{
    margin-top: 15px;    
    width: 291px;
    height: 179px; 
    background: #fff url("images/presMenuDiapo1.jpg") no-repeat center center;    
}

#presMenuDiapo2
{
    margin-top: 15px;    
    width: 291px;
    height: 213px; 
    background: #fff url("images/presMenuDiapo2.jpg") no-repeat center center;    
}


#presDiapoPerso1
{
    margin-top: 15px;    
    width: 785px;
    height: 279px; 
    background: #fff url("images/presDiapoPerso1.jpg") no-repeat center center;    
}
#presDiapoPerso2
{
    margin-top: 15px;    
    width: 784px;
    height: 709px; 
    background: #fff url("images/presDiapoPerso2.jpg") no-repeat center center;    
}
#presDiapoPerso3
{
    margin-top: 15px;    
    width: 805px;
    height: 814px; 
    background: #fff url("images/presDiapoPerso3.jpg") no-repeat center center;    
}

#paramOptions
{
    margin-top: 15px;    
    width: 846px;
    height: 466px; 
    background: #fff url("images/paramOptions.jpg") no-repeat center center;    
}
#paramAide
{
    margin-top: 15px;
    width: 682px;
    height: 474px; 
    background: #fff url("images/paramAide.jpg") no-repeat center center;    
}
#paramBdgAnnexe
{
    margin-top: 15px;
    width: 412px;
    height: 170px; 
    background: #fff url("images/paramBdgAnnexe.jpg") no-repeat center center;    
}

#diapoEvol5Ans
{    
    background: #fff url("images/DiapoEvol5Ans.jpg") no-repeat center center;
}
#diapoEvolBases
{    
    background: #fff url("images/DiapoEvolBases.jpg") no-repeat center center;
}
#diapoDepRecResult
{    
    background: #fff url("images/DiapoDepRecResult.jpg") no-repeat center center;
}
#diapoCAFBrute
{    
    background: #fff url("images/DiapoCAFBrute.jpg") no-repeat center center;
}
#diapoCAFNette
{    
    background: #fff url("images/DiapoCAFNette.jpg") no-repeat center center;
}
#diapoProduits
{ 
    background: #fff url("images/DiapoProduits.jpg") no-repeat center center;
}
#diapoSynthese
{ 
    background: #fff url("images/DiapoSynthese.jpg") no-repeat center center;
}
#diapoRatios
{ 
    background: #fff url("images/DiapoRatios.jpg") no-repeat center center;
}
#diapoEndette
{ 
    background: #fff url("images/DiapoEndette.jpg") no-repeat center center;
}
#diapoPage_PD1
{ 
    background: #fff url("images/DiapoPage_PD1.jpg") no-repeat center center;
}
#diapoPage_PD2
{ 
    background: #fff url("images/DiapoPage_PD2.jpg") no-repeat center center;
}
#diapoPage_PD3
{ 
    background: #fff url("images/DiapoPage_PD3.jpg") no-repeat center center;
}
#diapoPage_PD4
{ 
    background: #fff url("images/DiapoPage_PD4.jpg") no-repeat center center;
}
#diapoDemogCmp1
{ 
    margin-top: 5px;
    width: 950px;
    height: 613px; 
    background: #fff url("images/diapoDemogCmp1.jpg") no-repeat center center;
}
#diapoDemogCmp2
{ 
    margin-top: 5px;
    width: 950px;
    height: 699px; 
    background: #fff url("images/diapoDemogCmp2.jpg") no-repeat center center;
}

#saisieDemographie
{
    margin-top: 5px;
    width: 856px;
    height: 246px; 
    background: #fff url("images/SaisieDemographie.jpg") no-repeat center center;
}
#diapoEvolTaux
{
    margin-top: 5px;
    width: 950px;
    height: 738px; 
    background: #fff url("images/graphEvolTaux.jpg") no-repeat center center;
}
#renameDiapo
{
    margin-top: 5px;
    width: 294px;
    height: 309px; 
    background: #fff url("images/RenommerDiapo.jpg") no-repeat center center;
}
#saisieVote
{
    margin-top: 5px;
    width: 847px;
    height: 260px; 
    background: #fff url("images/New2016_4.jpg") no-repeat center center;    
}
#presentVote
{
    margin-top: 5px;
    width: 950px;
    height: 647px; 
    background: #fff url("images/New2016_7.jpg") no-repeat center center;    
}
#saisieOpeInv
{
    margin-top: 5px;
    width: 844px;
    height: 210px; 
    background: #fff url("images/saisieOpeInv.jpg") no-repeat center center;    
}
#presentOpeInvTab
{
    margin-top: 5px;
    width: 950px;
    height: 647px; 
    background: #fff url("images/presentOpeInvTab.jpg") no-repeat center center;    
}
#presentOpeInvPie
{
    margin-top: 5px;
    width: 950px;
    height: 647px; 
    background: #fff url("images/presentOpeInvPie.jpg") no-repeat center center;    
}

#paramFiscalite
{
    margin-top: 5px;
    width: 422px;
    height: 207px; 
    background: #fff url("images/paramFiscalite.jpg") no-repeat center center;    
}
#periodeFiscalite1
{
    margin-top: 5px;
    width: 280px;
    height: 32px; 
    background: #fff url("images/periodeFiscalite1.jpg") no-repeat center center;    
}
#periodeFiscalite2
{
    margin-top: 5px;
    width: 280px;
    height: 32px; 
    background: #fff url("images/periodeFiscalite2.jpg") no-repeat center center;    
}
#endettementMoyenAuto
{
	margin-top: 15px;
    width: 855px;
    height: 282px; 
    background: #fff url("images/endettementMoyen.png") no-repeat center center;    
}
#ratiosAuto
{
	margin-top: 15px;
    width: 857px;
    height: 680px; 
    background: #fff url("images/ratios.png") no-repeat center center;    
}
#presDiapoExport
{
	margin-top: 15px;
    width: 561px;
    height: 270px; 
    background: #fff url("images/presDiapoExport.jpg") no-repeat center center;
}

/* Enquête */
.img_info
{
    background: url("images/Info.png") no-repeat left center;
}

.questRow
{
    font-size: 14px;
    position: relative;
    list-style-type: none;
    margin: 20px 0px;
}

.questTitle
{
    font-size: 16px;
    text-decoration: underline;
    margin-right: 200px;    
}

.questRadio
{
    margin: 0px 3px 0px 10px;
}

.questNote
{
    float: right;
    width: 200px;
}

.questDesc
{    
    margin-right: 200px;    
}

#questButtonSend
{
    width: 960px;
}

/* Message demande CD */
#okCD_img_info
{
    background: url("images/Ok.png") no-repeat left center;
}

#errCD_img_info
{
    background: url("images/Warning.png") no-repeat left center;
}

.askCD_text
{
    float: left;
    color: #000;
    font-size: 14px;
    width: 600px;
}

#askCDbtOK
{
    position: absolute;
    width: 100px;
    height: 20px;
    right: 30px;
    bottom: 30px;
}

/* conteneur de diapos */
.diaposContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .diaposContainer > div {
        width: 450px;
        height: 400px;
        margin: 10px;
        border-radius: 15px 8px 0 8px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

#diapo_presentation_finances_pagegarde {
    background: #fff url("images/diapo-page_garde.png") no-repeat center center;
    background-size: contain;
}
#diapo_presentation_finances_budget {
    background: #fff url("images/diapo-budget_principal.png") no-repeat center center;
    background-size: contain;
}