﻿body
{
    background-color: White;
    font-family: verdana;
    color: #6b8a97;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
}


a
{
    text-decoration: none;
}

#pagewidth
{
    width: 1024px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}



#ctl00_header
{
    background-color: White; /*background-image:url(/App_Themes/Ghi/Images/header2.jpg);*/
    background-repeat: no-repeat;
    position: relative; /*height:155px; */
    height: 148px;
    width: 100%;
}

#header2
{
    background-color: White;
    background-image: url(/App_Themes/Ghi/Images/header1.gif);
    position: absolute;
    background-repeat: no-repeat;
    left: 290px;
    top: 30px;
    height: 110px;
    width: 730px;
}


#middle
{
    background-image: url(/App_Themes/Ghi/Images/back.jpg);
    background-repeat: no-repeat;
    min-height: 525px;
    height: auto !important;
    height: 525px;
    padding: 5px 10px 5px 10px;
    float: left;
}

#footer
{
    background-image: url(/App_Themes/Ghi/Images/footer.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 100%;
    clear: both;
}

#bottom
{
    clear: both;
    height: 100%;
    width: 100%;
}

#content
{
    float: right;
    display: inline;
    position: relative;
    width: 750px;
    z-index: 100;
    margin-left:5px;
}


#leftcol
{
    width: 240px;
    float: left;
    display: inline;
    position: relative;
    display: inline;
    z-index: 1;
}

#rightcol
{
    width: 200px;
    float: right;
    display: inline;
    position: relative;
}

a
{
    color: #6b8a97;
}

a:hover
{
    color: Red;
}

a:hover.Menu1
{
    background-image: url(/App_Themes/Ghi/Images/menu1b.gif);
}

ul, li
{
    margin-left: 15px;
    padding-left: 0px;
}

/**/

#bloccarte
{
    background-image: url('images/blocarte2.gif');
    background-repeat: no-repeat;
    height: 240px;
    width: 240px;
}

.MoteurRechercheAgence
{
    margin-top: 40px;
    width: 240px;
}


.InfoGuide
{
    width: 240px;
    height: 100px;
    font-size: small;
    padding-top: 20px;
}


.LogementUneCadre
{
    position: absolute;
    width: 229px;
    height: 220px;
    background-image: url('Images/cadrelau.gif');
    background-color: Transparent;
    padding: 0px;
    margin: 0px;
}





/* Page de recherche */

#centre
{
    width: 680px;
    float: left;
    color: #004489;
    margin-top: 10px;
    text-align: justify;
}

#centre2
{
    width: 680px;
    float: left;
    color: #004489;
    margin-top: 10px;
}


/* text-align:justify; */


#moteur
{
    background: url(/images/fond-annonces.jpg);
    width: 680px;
}


#moteur h4
{
    width: 680px;
    height: 30px;
    background: url(/images/votre-recherche.jpg);
    text-indent: -5000px;
}

#moteur #bas_moteur
{
    display: block;
    height: 30px;
    width: 680px;
    background: url(/images/btn-valider-moteur.jpg) no-repeat bottom;
}

#recherchecol
{
    display: block;
    padding-left: 15px;
    padding-bottom: 10px;
    width: 205px;
    float: left;
}

#crit img
{
    float: left;
}

#moteur #recherchecol label
{
    display: block;
    width: 80px;
}

#bloc-gauche
{
    margin-top: 11px;
}


/* MENU */


#menu
{
    height: 35px;
    font-size: 9px;
}

a#ctl00_UCMenu_Menu1
{
    float: left;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 11px; /*background-image:url('images/vmenu1.gif');*/
    background-repeat: no-repeat;
    width: 106px;
    height: 29px;
    text-decoration: none;
    display: block;
    margin-right: 20px;
}

a:hover#ctl00_UCMenu_Menu1hhhh
{
    margin-right: 20px;
    float: left;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 11px;
    background-image: url('images/vmenu1b.gif');
    background-repeat: no-repeat;
    width: 106px;
    height: 29px;
    display: inline;
    text-decoration: none;
    display: block;
}

a#Menu1
{
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 11px;
    padding-bottom: 11px;
    background-image: url('images/vmenu1.gif');
    background-repeat: no-repeat;
    width: 106px;
    height: 29px;
    text-decoration: none;
    display: block;
}

a:hover#Menu1
{
    margin-right: 20px;
    float: left;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 11px;
    background-image: url('images/vmenu1b.gif');
    background-repeat: no-repeat;
    width: 106px;
    height: 29px;
    display: inline;
    text-decoration: none;
    display: block;
}



a#Menu2
{
    margin-right: 20px;
    float: left;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 11px;
    background-image: url('images/vmenu2.gif');
    background-repeat: no-repeat;
    width: 134px;
    height: 29px;
    display: inline;
    display: block;
    text-decoration: none;
}

a:hover#Menu2
{
    margin-right: 20px;
    float: left;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 11px;
    background-image: url('images/vmenu2b.gif');
    background-repeat: no-repeat;
    width: 134px;
    height: 29px;
    display: inline;
    display: block;
    text-decoration: none;
}

a#Menu3
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu3.gif');
    background-repeat: no-repeat;
    width: 95px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu3
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu3b.gif');
    background-repeat: no-repeat;
    width: 95px;
    height: 29px;
    display: block;
    text-decoration: none;
}


a#Menu4
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu4.gif');
    background-repeat: no-repeat;
    width: 95px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu4
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu4b.gif');
    background-repeat: no-repeat;
    width: 95px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a#Menu5
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu5.gif');
    background-repeat: no-repeat;
    width: 85px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu5
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu5b.gif');
    background-repeat: no-repeat;
    width: 85px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a#Menu6
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu6.gif');
    background-repeat: no-repeat;
    width: 85px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu6
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu6b.gif');
    background-repeat: no-repeat;
    width: 85px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a#Menu7
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu7.gif');
    background-repeat: no-repeat;
    width: 105px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu7
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu7b.gif');
    background-repeat: no-repeat;
    width: 105px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a#Menu8
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu8.gif');
    background-repeat: no-repeat;
    width: 148px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu8
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu8b.gif');
    background-repeat: no-repeat;
    width: 148px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a#Menu9
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu9.gif');
    background-repeat: no-repeat;
    width: 115px;
    height: 29px;
    display: block;
    text-decoration: none;
}

a:hover#Menu9
{
    margin-right: 20px;
    float: left;
    color: White;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 11px;
    background-image: url('images/vmenu9b.gif');
    background-repeat: no-repeat;
    width: 115px;
    height: 29px;
    display: block;
    text-decoration: none;
}


h3
{
    padding: 0px;
    margin: 8px 0px 12px 0px;
    font-size: 14px;
}
h1
{
    padding: 0;
    line-height: 11px;
    padding-left: 5px;
    margin: 8px 0px 2px 0px;
    font-size: 13px;
    z-index: 200;
}
.Ghec
{
    display: block;
    font-weight: bold;
    background-image: url('/App_Themes/Ghi/Images/blocGHEC.gif');
    padding-top: 98px;
    height: 30px;
    width: 200px;
    padding-left: 42px;
    background-repeat: no-repeat;
    text-decoration: none;
}

a.Ghec
{
    display: block;
    font-weight: bold;
    background-image: url('/App_Themes/Ghi/Images/blocGHEC.gif');
    padding-top: 98px;
    height: 30px;
    width: 200px;
    padding-left: 42px;
    background-repeat: no-repeat;
    color: White;
    text-decoration: none;
}



#modalPage2
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}


#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#modalPage1
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.modalBackground
{
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: fixed;
    z-index: 500;
    top: 0px;
    left: 0px;
}
.modalContainer
{
    position: absolute;
    width: auto;
    left: 50%;
    top: 50%;
    z-index: 48000;
}
.modal
{
    background-color: #6b8a94;
    border: solid 2px White;
    position: relative;
    z-index: 1000;
    padding: 0px;
}
.modalTop
{
    width: 700px;
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modal a, .modal a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}

.modalimage
{
    position: relative;
    z-index: 1;
    margin-left: 200px;
    margin-bottom: -12px;
    margin-top: -28px;
}
/**/


.photo
{
    border: 1px solid #13B8E9;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

#col2
{
    float: left;
    width: 320px;
}

#col1
{
    float: left;
    margin-right: 25px;
    width: 310px;
}

#colonnegauche
{
    display: block;
    float: left;
    margin-right: 5px;
    width: 330px;
}

#colonnedroite
{
    display: block;
    float: right;
    margin-left: 20px;
    width: 310px;
}

#bon
{
    margin-left: 5px;
    width: 294px;
}

#menuint
{
    display: block;
    float: right;
    margin: 0px 15px 15px;
    width: 270px;
}

.col1
{
    float: left;
    margin-left: 15px;
    margin-right: 25px;
    width: 130px;
}

.col2
{
    float: left;
    margin-right: 25px;
    width: 150px;
}

.col3
{
    float: left;
    margin-right: 20px;
    width: 145px;
}

.col4
{
    float: left;
    width: 140px;
}

.deuxcol
{
    display: block;
    float: left;
}

hr
{
    background-color: #A1E3F6;
    border: medium none;
    clear: both;
    color: #A1E3F6;
    height: 1px;
    margin: -7px 0pt 5px;
    padding: 0pt;
}


.Estimation
{
    border-style: solid;
    border-color: #6b8c94;
    border-width: 1px;
    background-color: #ebf2f5;
}

.body2
{
    background-color: White;
    font-family: verdana;
    color: #4E646E;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
