/* CSS Document */

* {

    margin: 0;

    padding: 0;

    font-size: 11px;

    text-align: left;

}



.spacer {

    display: block;

    clear: both;

    border: none;

    font-size: 1px;

    height: 0px;

    line-height: 0px;

}



body {

    padding: 0;

    margin: 0;

    background: #39312e;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

}

/* Lu uniquement par IE 6 */

* html body {

    text-align: center;

}



#general {

    position: relative;

    width: 1000px;

    background: #5f5754 url(../images/filet-bleu.jpg) repeat-y left;

    margin: 0 auto;

}



#degrade {

    width: 1000px;

    background: url(../images/degrade-gauche.jpg) no-repeat left bottom;

    margin: 0 auto;

}

/* Gauche */

#gauche {

    display: block;

    width: 156px;

    padding-right: 20px;

    float: left;

}

/* Lu uniquement par IE 6 */

* html #gauche {

    width: 176px;

}



#gauche h1 a {

    display: block;

    background: url(../images/giep.jpg);

    width: 80px;

    height: 159px;

    text-indent: -5000px;

    float: right;

    margin-bottom: 40px;

    margin-top: 28px;

}



#gauche p {

    display: block;

    background: url(../images/agences-giep.jpg);

    width: 140px;

    height: 81px;

    text-indent: -5000px;

    float: right;

    margin-bottom: 280px;

}



#gauche ul#menu_agence {

    margin: 0;

    padding: 0;

    font-size: 8pt;

    list-style: none;

    position: absolute;

    top: 350px;

    z-index: 1000;

    width: 156px;

}



#gauche ul#menu_agence li {

    display: block;

    margin: 0;

    padding: 0;

    font-size: 8pt;

    list-style: none;

    width: 156px;

    text-align: right;

}



#gauche ul#menu_agence li a {

    color: #a29691;

    text-decoration: none;

    font-size: 8pt;

    display: block;

    width: 156px;

    text-align: right;

}



#gauche ul#menu_agence li a:hover {

    text-decoration: underline;

    color: #ffcc00;

}

/* Header */

#header {

    width: 823px;

    float: left;

}



#header dl {

    position: relative;

    display: block;

    height: 25px;

    width: auto;

    background-color: #11009C;

}



#header dt {

    display: block;

    float: left;

    height: 25px;

    background-color: #11009C;

}



#header dt a {

    display: block;

    text-decoration: none;

    float: left;

    height: 15px;

    width: auto;

    font-size: 12px;

    color: #FFFFFF;

    padding: 5px 12px 5px 12px;

    margin: 0;

    background-color: #11009C;

}



#header dt.mainmenu0 a {

    background-color: #0084FF;

}



#header dt.mainmenu1 a {

    background-color: #006CFF;

}



#header dt.mainmenu2 a {

    background-color: #0055FF;

}



#header dt.mainmenu3 a {

    background-color: #014AD4;

}



#header dt.mainmenu4 a {

    background-color: #0223D0;

}



#header dt.mainmenu5 a {

    background-color: #11009C;

}



#header dd {

    position: absolute;

    z-index: 100;

    background: #4da9ff;

    padding: 0;

    margin: 0;

    visibility: hidden;

    width: 200px;

    display: block;

    height: auto;

    border: 1px solid #003a80;

    overflow: hidden; /*must have*/

}



#header dd iframe {

    display: none; /*sorry for IE5*/

    display /**/:block; /*sorry for IE5*/

    position: absolute; /*must have*/

    top: 0; /*must have*/

    left: 0; /*must have*/

    z-index: -1; /*must have*/

    filter: mask( ); /*must have*/

	width:3000px; /*must have for any big value*/

	height:3000px; /*must have for any big value*/

}



#header dd ul {

    list-style: none;

}



#header dd li {

    font-size: 11px;

    display: block;

    width: auto;

    margin: 0;

    height: 20px;

    background: red;

    line-height: 0px;

    padding: 0;

}



#header dd li a {

    padding: 0 0 0 5px;

    margin: 3px;

    color: #003a80;

    display: block;

    width: auto;

    margin: 0;

    height: auto;

    text-decoration: none;

    background: #4da9ff;

    line-height: 20px;

}



#header dd li a:hover {

    color: #FFF;

}

/* centre */

#content_gauche {

    float: left;

    width: 231px;

    color: #A29691;

    font-size: 8pt;

}



#content_gauche div {

    margin: 5px 0 5px 5px;

    padding: 5px 10px 5px 10px;

    background-color: #4C4441;

    font-size: 8pt;

}



#content_gauche div a {

    color: #a29691;

    text-decoration: none;

    font-size: 8pt;

}



#content_gauche div a:link {

    color: #a29691;

    text-decoration: none;

}



#content_gauche div a:hover {

    text-decoration: underline;

    color: #ffcc00;

}



#content {

	float: left;

    width: 533px;

    color: #a29691;

    padding: 5px 10px 5px 10px;

}



/* Lu uniquement par IE 6 */

* html #content{

	float: left;

    width: 545px;

    color: #a29691;

    padding: 5px 10px 5px 10px;

}



* html #content td{

    color: #a29691;

}



#content b {

    color: #2f2a27;

}



#content a {

    color: #2f2a27;

}



#content strong {

    color: #2f2a27;

    font-weight: normal;

}



#content iframe#resultats_annonces {

    width: 800px;

    height: 500px;

}

/* Page d'accueil */

/* centre */

#centre_accueil {

    float: left;

    width: 553px;

    color: #a29691;

}

/* Lu uniquement par IE 6 */

div#accueil strong {
    color: #e7c319;
    font-weight: normal;
}

div#accueil p {
   width: 383px;
   margin-left: 90px;
   margin-top: 30px;
}

img#carte{
    margin-left: 150px;
    margin-top: 20px;
}

/* moteur */

#moteur {

    width: 231px;

    height: 364px;

    background: #4c4441 url(../images/degrade-gauche.jpg) no-repeat left bottom;

    float: left;

    padding: 20px;

    font-weight: bold;

    color: #FFF;

}



label.label_moteur {

    width: 130px;

    height: 25px;

    border-top: 1px solid #a29691;

}

/* Pour IE 6 */

* html #moteur {

    width: 271px;

}



#moteur a {

    text-decoration: none;

    font-weight: bold;

    color: #FFF;

}



#moteur h2 {

    background: url(../images/votre-recherche.jpg) no-repeat left top;

    width: 134px;

    height: 22px;

    text-indent: -5000px;

    margin-bottom: 15px;

}



label {

    display: block;

    float: left;

    height: 30px;

    width: 80px;

    line-height: 25px;

}



#moteur #val {

    height: 50px;

}



#moteur #val input {

    margin-top: 20px;

}

/* Footer */

#footer {

    width: 1000px;

    margin: 0 auto;

    color: #5f5754;

    text-align: center;

}



#footer a {

    text-decoration: none;

    color: #5f5754;

    margin: 0 3px 0 3px;

}