/* DEFAULTS
----------------------------------------------------------*/
/* Use this with an element after all of your content, but before the bottom div */
.clear
{
    clear: both;
}

body
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    color: #77787A;
    behavior: url("/Scripts/csshover3.htc");
}

a
{
    color: #77787A;
    text-decoration: none;
}
a:hover
{
    color: #77787A;
    text-decoration: underline;
}
a:visited
{
    color: #77787A;
    text-decoration: none;
}

a.intext
{
    color: #CE4610;
    text-decoration: none;
}
a.intext:hover
{
    color: #CE4610;
    text-decoration: underline;
}
a.intext:visited
{
    color: #CE4610;
    text-decoration: none;
}

ul
{
    padding-top: 0px;
    padding-left: 20px;
    margin-top: 0px;
}

ul.no-image
{
    list-style-type: none;
    padding-left: 0px;
    padding-top: 0px;
}

a.nav_region
{
    font-weight: bold;
    font-size: 11px;
}

a.nav_marque
{
    padding-left: 0px;
    font-size: 9.5px;
}

/* BACKGROUND 
----------------------------------------------------------*/

#page
{
    width: 980px;
    background: #FFFFFF url(/App_Themes/MFC/images/page-bg.png) center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
#page-top
{
    background: url(/App_Themes/MFC/images/page-top.png) no-repeat center;
    height: 10px;
    font-size: 10px;
    width: 980px;
}
#page-content
{
    padding-left: 8px;
}
#page-bottom
{
    background: url(/App_Themes/MFC/images/page-bottom.png) no-repeat center bottom;
    height: 22px;
    width: 980px;
}
#pageseparator
{
    background: url(/App_Themes/MFC/images/page-separator.png) no-repeat center;
    height: 1px;
}
input.input-search
{
    height: 12px;
    font-size: 11px;
    width: 120px;
}

/* LEFT COLUMN 
------------------------------------------------------------- */

#leftcol
{
    float: left;
    background: #FFFFFF;
    padding-left: 10px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 223px;
}
#leftcol-top
{
    background: url(/App_Themes/MFC/images/leftcol-top.png) no-repeat;
    background-position: 0 -27px;
    margin-top: 6px;
}

#leftcol-logo
{
    margin-top: 6px;
    margin-left: 30px;
}

#leftcol-content
{
    background: url(/App_Themes/MFC/images/leftcol-rep.png) repeat-y;
    padding-left: 5px;
}

.ddl-moteur
{
    color: #FFFFFF;
    position: relative;
    height: 18px;
    background: url(/App_Themes/MFC/images/fond-ddl.gif) no-repeat;
}
.ddl-titre
{
    float: left;
    padding-left: 5px;
    padding-top: 3px;
    width: 99px;
    font-weight: bold;
    font-size: 10px;
}
select.ddl-liste
{
    float: left;
    height: 18px;
    font-size: 9px;
    width: 108px;
}
select.ddl-tri
{
    height: 18px;
    font-size: 11px;
}
input.input-surface
{
    height: 12px;
    font-size: 11px;
    width: 40px;
}
input.input-prix
{
    height: 12px;
    font-size: 11px;
    width: 40px;
}
select.input-agences
{
    height: 18px;
    font-size: 11px;
    width: 200px;
}
input.input-alertemail
{
    height: 12px;
    font-size: 11px;
    width: 230px;
}
input.button-alertemail
{
    height: 20px;
    font-size: 11px;
    width: 65px;
}

div.MoteurCategorie
{
    margin-left: 5px;
    margin-top: 10px;
}

a.MoteurAvance
{
    color: #A8AC33;
    font-weight: bold;
    font-size: 10px;
    white-space: nowrap;
}

/* CONTENT COLUMN
----------------------------------------------------------*/

#content
{
    float: left;
    text-align: left;
    width: 728px;
    margin-top: -5px;
}

#contentheader
{
    padding-top: 0px;
    margin-top: 0px;
    height: 30px;
    width: 728px;
    background: url(/App_Themes/MFC/images/menu-back-separator.png) repeat-x;
}

#content_middle
{
    float: left;
    width: 505px;
    height: auto;
    padding-top: 11px;
}

#content_middle_large
{
    float: left;
    width: 718px;
    height: auto;
    padding-top: 11px;
}

#content_right
{
    float: left;
    width: 201px;
    padding-left: 10px;
    padding-top: 12px;
}


#pubdroite
{
    background: #F2F2F2;
    width: 195px;
    text-align: center;
}

#pubdroite-haut
{
    background: #F2F2F2 url(/App_Themes/MFC/images/pub-droite-top.png) no-repeat;
    height: 8px;
}

#pubdroite-bas
{
    background: #F2F2F2 url(/App_Themes/MFC/images/pub-droite-bottom.png) no-repeat;
    height: 8px;
}

#pubdroite-bbc
{
    margin-left: 9px;
}

#pubdroite-bbc-haut
{
    background: url('/App_Themes/MFC/images/pub/fond_blanc_bbc_haut.gif') no-repeat;
    height: 13px;
}

#pubdroite-bbc-milieu
{
    background: White;
    width: 176px;
    text-align: center;
}

#pubdroite-bbc-milieu-texte
{
    margin-left: 5px;
    text-align: left;
}

#pubdroite-bbc-bas
{
    background: url('/App_Themes/MFC/images/pub/fond_blanc_bbc_bas.gif') no-repeat;
    height: 10px;
}

#pubdroite-bbc-en-savoir-plus
{
    margin-top: 5px;
    text-align: right;
    margin-right: 10px;
}


a.dyn1
{
    font-size: 10px;
    font-weight: bold;
    color: #686A69;
    text-decoration: none;
}
a.dyn1:hover
{
    text-decoration: underline;
}

a.dyn2
{
    font-size: 10px;
    font-weight: normal;
    color: #A5ACB4;
    text-decoration: none;
}
a.dyn2:hover
{
    text-decoration: underline;
}


/* PAGES EDITORIALES
-------------------------------------------------------------------------------------*/

#contenu_edito
{
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
    z-index: -1;
}


/* BLOC SERVICES
-------------------------------------------------------------------------------------*/

div.services a
{
    text-decoration: none;
}
div.services a:hover
{
    text-decoration: underline;
}
div.services a:visited
{
    text-decoration: none;
}


/* Liste Agences 
-------------------------------------------------------------------------------------*/
tr.agence
{
    font-size: 10px;
}
h2.agences
{
    color: #505050;
}
a.lienagence
{
    text-decoration: none;
}
a.lienagence:visited
{
    text-decoration: none;
}
a.lienagence:hover
{
    text-decoration: underline;
}

ul.puces_grises
{
    padding-left: 0px;
    font-size: 11px;
    list-style-image: url(/App_Themes/MFC/images/puce-triangle-grise.png);
    margin-left: 20px;
}

li.puces_grises
{
    margin-left: 20px;
    list-style-image: url(/App_Themes/MFC/images/puce-triangle-grise.png);
}

ul.puces_rouge
{
    padding-left: 0px;
    font-size: 10px;
    line-height:20px;
    font-weight:bold;
    color:#434343;
    list-style-image: url(/App_Themes/MFC/images/puce_triangle_rouge.gif);
}

li.puces_rouge
{
    margin-left: 20px;
    list-style-image: url(/App_Themes/MFC/images/puce_triangle_rouge.gif);
}

li.puces_rouge a, a:hover
{
    text-decoration:underline;
    color:#434343;
}

div.pub_webtv
{
    background: url(/App_Themes/MFC/images/encart_webtv_rouge.jpg) no-repeat;
    height: 44px;
    padding-top: 8px;
    color: White;
    text-align: center;
}

div.pub_webtv a
{
    text-decoration: none;
    color: White;
    font-weight: normal;
}
div.pub_webtv a:hover
{
    text-decoration: underline;
}
div.pub_webtv a:visited
{
    text-decoration: none;
}

img.icon
{
    border: 0;
}


.actus_top
{
    background: url(/App_Themes/MFC/images/encart_actualites_haut.jpg);
    height: 9px;
    width: 197px;
}
.actus_bottom
{
    background: url(/App_Themes/MFC/images/encart_actualites_bas.jpg);
    height: 11px;
    width: 197px;
}

.actus_content
{
    background: url(/App_Themes/MFC/images/encart_actualites_milieu.jpg);
    color: #D0450E;
    width: 197px;
}

.annonce_texte
{
    padding-right: 20px;
    text-align: justify;
    color: #9F9F9F;
}

img.annonce_photo_texte
{
    width: 220px;
}
img.annonce_photo_seule
{
    width: 350px;
}


#popup_mask
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #A0A0A0;
    display: none;
}

#popup_window .theWindow
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
    padding: 20px;
}

#popup_window #theModalWindow
{
    width: 450px;
    padding: 10px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.sem_concepts
{
    padding-top: 15px;
    padding-left: 10px;
    color: #8D8E2A;
}
.sem_concepts h1
{
    color: #8D8E2A;
}
div.sem_concepts a
{
    color: #8D8E2A;
    font-weight: bold;
}
div.sem_concepts a:hover
{
    text-decoration: underline;
}

#LabelPopupInline
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: justify;
    text-indent: 10px;
    color: Red;
}

#a-votre-service
{
    margin-left: 10px;
    font-size: 10px;
    margin-bottom: 10px;
}

#a-votre-service-haut
{
    background: url('/App_Themes/MFC/images/bloc_haut_infoplus.gif') no-repeat;
    height: 14px;
    overflow: hidden;
}

#a-votre-service-milieu
{
    background: url('/App_Themes/MFC/images/bloc_milieu_repeat_infoplus.gif') repeat-y;
    overflow: hidden;
}

#a-votre-service-milieu-titre
{
    background: url(/App_Themes/MFC/images/fond-service.gif) no-repeat;
    height: 13px;
    width: 135px;
    text-align: left;
    color: #FFFFFF;
    margin-left: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

#a-votre-service-bas
{
    background: url('/App_Themes/MFC/images/bloc_bas_infoplus.gif') no-repeat;
    height: 13px;
    overflow: hidden;
}