@charset "utf-8";

/**
 * @author       Michael KNAUER
 * @copyright    2009-2010 Deuxeos - All rights reserved
 */

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }


/* General
-----------------------------------------------------------------------------*/
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #000000;
    background: #FFFFFF;
}

h1 {
    margin: 0 0 13px 0;
    /*font-size: 2.20em;*/
    font-size: 24px;
    color: #136CA7;
    font-weight: bold;
}
h2 {
    margin: 25px 0 7px 0;
    /*font-size: 1.70em;*/
    font-size: 17px;
    color: #005190;
    font-weight: bold;
}
h3 {
    color: #000000;
    font-size: 1.40em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}
h4 {
    color: #000000;
    font-size: 1.20em;
    font-weight: normal;
    margin: 10px 0 20px 0;
}
h5 {
    color: #333333;
    font-size: 0.85em;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.headline {
    margin: 0 0 13px 0;
    font-size: 2.20em;
    color: #136CA7;
    font-weight: bold;
}
.subheadline {
    margin: 25px 0 7px 0;
    font-size: 1.70em;
    color: #005190;
    font-weight: bold;
}
.introduction {
    color: #000000;
    font-size: 1.40em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}
.quote {
    color: #000000;
    font-size: 1.20em;
    font-weight: normal;
    margin: 10px 0 20px 0;
}
.paragraph {
    color: #333333;
    font-size: 0.85em;
    font-weight: bold;
    margin: 10px 0 10px 0;
}
.caption {
    color: #333333;
    font-size: 0.75em;
    font-weight: bold;
    margin: 10px 0 10px 0;
}


/*ul { margin: 0 0 10px 0; }
li { margin-bottom: 3px; padding-left: 10px; background: url(../img/minisite/puce-1.gif) top left no-repeat; }*/

img { vertical-align: middle; }
    img.left { float: left; margin: 0 10px 0 0; }
    img.right { float: right; margin: 0 0 0 10px; }

p { margin: 0 0 10px 0; }
a:link, a:visited { color: #136CA7; text-decoration: underline; }
a:hover { text-decoration: none; }
img { vertical-align: middle; }

.txtBlue { color: #136CA7; }


/* Containers
-----------------------------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    padding: 0 10px 0 9px;
    width: 927px;
    background-color: #005FA8;
}

#header-home {
    width: 927px;
    height: 123px;
    color: #FFFFFF;
}
#header {
    width: 927px;
    height: 162px;
    color: #FFFFFF;
}

#menu {
    float: left;
    margin: 26px 0 0 0;
    width: 697px;
    height: 39px;
    background-color: #004275;
}

#main {
    background: #FFFFFF url(../img/directory/main-bg.gif) top left repeat-y;
}


#footer {
    height: 40px;
    color: #FFFFFF;
}


/* Header
-----------------------------------------------------------------------------*/
#header-home div.hager  {
    float: right;
    width: 180px;
    height: 73px;
    padding: 50px 25px 0 25px;
    background-color: #1A6FB1;
}
#header-home div.electricians {
    position: absolute;
    margin-left: 137px;
    padding: 5px 10px 5px 10px;
    background-color: #004C86;
}
#header-home div.directory { padding: 41px 0 0 8px; }
    #header-home div.directory div.your-electrician { width: 550px; height: 56px; margin-left: 130px; }
    #header-home div.directory div.loupe { position: absolute; margin-top: -35px !important; margin-top: -36px; width: 127px; height: 126px; }


#header div.hager  {
    float: right;
    width: 180px;
    height: 112px;
    padding: 50px 25px 0 25px;
    background-color: #1A6FB1;
}
#header div.electricians {
    position: absolute;
    margin-left: 137px;
    padding: 5px 10px 5px 10px;
    background-color: #004C86;
}
#header div.directory { padding: 41px 0 0 8px; }
    #header div.directory div.your-electrician { width: 550px; height: 56px; margin-left: 130px; }
    #header div.directory div.loupe { position: absolute; margin-top: -35px !important; margin-top: -35px; width: 127px; height: 126px; }


/* Menu
-----------------------------------------------------------------------------*/
#menu ul { margin: 0; padding: 0; height: 39px; }
#menu li { margin: 0; padding: 0; display: inline; float: left; height: 39px; line-height: 39px; }
#menu li a { display: block; width: auto !important; width: 0.1em; height: 39px; line-height: 39px; padding: 0 20px 0 20px; background: url(../img/directory/menu-li.gif) top left no-repeat; color: #FFFFFF; font-weight: bold; text-decoration: none; white-space: nowrap; }
#menu li.active a { color: #004275; background-color: #FFFFFF; }

#menu li.start a { padding: 0; width: 135px !important; width: 135px; background: none; text-align: center; }


/* Footer
-----------------------------------------------------------------------------*/
#footer div.hager { float: right; margin: 5px 15px 0 0; font-size: 0.90em; }
    #footer div.hager img { margin-left: 5px; }

#footer div.legals { margin-left: 10px; padding-top: 7px; font-size: 0.90em;  }
    #footer div.legals a:link, #footer div.legals a:visited { color: #FFFFFF; text-decoration: none; }
    #footer div.legals a:hover { text-decoration: underline; }
	
/* Footer SEO
-----------------------------------------------------------------------------*/
#footerseo {
	display: block;
	margin: 10px auto;
    padding: 10px;
	width: 925px;
	border-color: #379ECC #379ECC #005FA8; 
    border-style: solid; 
    border-width: 1px 1px 3px;
	font-size: 0.90em;
    text-align: justify; 
}

#footerseo h3 { margin: 0 0 10px; color: #555; font-weight: bold; }

#footerseo li { margin-bottom: 10px; color: #555; }
#footerseo a:link, #footerseo a:visited { color: #999; text-decoration: none; }
	#footerseo a:hover { text-decoration: underline; }



/* Main
-----------------------------------------------------------------------------*/
#main div.content {
    float: left;
    width: 657px;
    padding: 15px 20px 0 20px;
    min-height: 300px;
}
* html #main div.content { /* hack for IE Win+Mac */
    height: 300px;
}
#main div.sidebar {
    float: right;
    width: 230px;
}


/* Boxes
-----------------------------------------------------------------------------*/
#box-advertising { width: 210px; height: 210px; line-height: 150px; margin: 10px 0 10px 10px; text-align: center; }

#box-search { margin: 0 0 20px 0; }
    #box-search div.toggle { height: 20px; line-height: 20px; padding: 0 0 0 30px; background-color: #7A9218; }
    #box-search div.toggle a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
    #box-search div.close { background: #7A9218 url(../img/directory/box-search-puce-close.gif) center left no-repeat; }
    #box-search div.open { background: #7A9218 url(../img/directory/box-search-puce-open.gif) center left no-repeat; }

    #box-search div.area { display: none; background-color: #ADC54B; }
    #box-search div.form { margin-left: 20px; padding: 10px 0 10px 0; }
    #box-search div.form label { display: block; width: 180px; height: 18px; line-height: 18px; }
    #box-search div.form p { margin: 0 0 3px 0; color: #FFFFFF; }
    #box-search div.form input.textbox {
        width: 180px;
        padding: 1px 5px 1px 5px;
        border: 1px solid #6A9C1F;
        font-size: 1.10em;
    }
    #box-search div.form select {
        width: 192px;
        border: 1px solid #6A9C1F;
        font-size: 1.10em;
    }
    #box-search div.form input.submitbtn {
        padding: 2px 20px 2px 20px;
        background-color: #005FA8;
        border: 1px solid #004A81;
        font-size: 1.00em;
        color: #FFFFFF;
    }

#box-content-search { margin: 0 0 20px 0; padding: 5px 0 0 0;  background-color: #7A9218; }
    #box-content-search div.title {
        height: 30px;
        line-height: 30px;
        margin-left: 20px;
        padding-left: 40px;
        background: url(../img/directory/box-search-loupe.gif) top left no-repeat;
        color: #FFFFFF;
        font-weight: bold;
    }

    #box-content-search div.area { background-color: #ADC54B; }
    #box-content-search div.form { margin-left: 20px; padding: 10px 0 10px 0; }
    #box-content-search div.form label { display: block; width: 180px; height: 18px; line-height: 18px; }
    #box-content-search div.form p { margin: 0 0 3px 0; color: #FFFFFF; }
    #box-content-search div.form input.textbox {
        width: 180px;
        padding: 1px 5px 1px 5px;
        border: 1px solid #6A9C1F;
        font-size: 1.10em;
    }
    #box-content-search div.form select {
        width: 192px;
        border: 1px solid #6A9C1F;
        font-size: 1.10em;
    }
    #box-content-search div.form input.submitbtn {
        margin-top: 7px;
        padding: 2px 20px 2px 20px;
        background-color: #005FA8;
        border: 1px solid #004A81;
        font-size: 1.00em;
        color: #FFFFFF;
    }

#box-competencies { margin-right: 3px; }
    #box-competencies div.category { margin-bottom: 10px; }
    #box-competencies div.title { padding: 0 5px 2px 30px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; }
    #box-competencies div.title a { color: #FFFFFF; text-decoration: none; }
        #box-competencies div.category div.close { background: url(../img/directory/box-competencies-puce-open.gif) bottom left no-repeat; }
        #box-competencies div.category div.open { background: url(../img/directory/box-competencies-puce-close.gif) bottom left no-repeat; }
    #box-competencies div.filters { display: none; margin-bottom: 10px; color: #FFFFFF; }
        #box-competencies div.filters p { clear: both; margin: 0; font-size: 0.90em; }
        #box-competencies div.filters input { margin: 5px 0 0 10px; width: 13px; height: 13px; }
        #box-competencies div.filters label { float: right; width: 193px; margin: 4px 3px 3px 0; }
        #box-competencies div.filters label span { color: #46540E; }

#box-contact { float: right; width: 230px; background-color: #7A9218; }
    #box-contact ul { margin: 7px 0 7px 20px; padding: 0; }
    #box-contact li { padding-left: 10px; background: url(../img/directory/puce-carre.gif) top left no-repeat; color: #FFFFFF; font-weight: bold; }
    #box-contact a { color: #FFFFFF; text-decoration: none; }



/* 404
-----------------------------------------------------------------------------*/

#error404 { margin: 0 120px 0 110px; min-height: 300px; }
* html #error404 { height: 300px; }
#error404 p { color: #005190; font-weight: bold; font-size: 1.50em; padding: 50px 0 0 0; }

/* Home
-----------------------------------------------------------------------------*/
#home { margin: 0 120px 0 110px; }
#home div.form { margin-top: 20px; }
    #home div.form label { float: left; display: block; width: 130px; padding-top: 2px; }
    #home div.form input.textbox {
        width: 220px;
        padding: 1px 5px 2px 5px;
        border: 1px solid #005FA8;
        font-size: 1.10em;
    }
    #home div.form select {
        width: 232px;
        border: 1px solid #005FA8;
        font-size: 1.10em;
    }
    #home div.form input.submitbtn {
        margin-top: 7px;
        padding: 3px 30px 3px 30px;
        background-color: #005FA8;
        font-size: 1.00em;
        color: #FFFFFF;
        font-weight: bold;
    }

div.noscript {
    padding: 5px;
    margin: 0 0 15px 0;
    background-color:#000000;
    color: #FFFFFF;
}


/* Results
-----------------------------------------------------------------------------*/
div.paginate { margin: 10px 0 10px 5px; }
    div.paginate a:link, div.paginate a:visited { margin: 0 3px 0 3px; color: #136CA7; text-decoration: none; }
    div.paginate a:hover { text-decoration: underline; }

    div.paginate span.before { margin-right: 5px; font-weight: bold; }
    div.paginate span.next { margin-left: 5px; font-weight: bold; }
    div.paginate span.actual { margin: 0 4px 0 4px; font-weight: bold; }

div.search-electrician {
    margin: 10px 0 0 0;
    border-top: 1px solid #379ECC;
    border-right: 1px solid #379ECC;
    border-left: 1px solid #379ECC;
    border-bottom: 3px solid #005FA8;
}
    div.search-electrician div.informations { width: 655px; height: 60px; background-color: #F0F0F0; }
        div.search-electrician div.electrician { float: left; width: 550px; height: 50px; padding: 5px; border-right: 1px solid #379ECC; }
            div.search-electrician p { margin: 0; }
            div.search-electrician p.town { float: right; width: 230px; }
            div.search-electrician p.company { font-size: 1.20em; color: #004275; font-weight: bold; }
                div.search-electrician p.company a:link, div.search-electrician p.company a:visited, div.search-electrician p.company a:hover { color: #004275; text-decoration: none; }
            div.search-electrician p.name { margin-top: 3px; }
        div.search-electrician div.specificities { float: left; width: 89px; height: 55px; padding: 5px 0 0 5px; }
            div.search-electrician div.specificities img { margin: 0 3px 3px 0; cursor: help; }
    div.search-electrician div.details { height: 15px; line-height: 15px; background-color: #005FA8; font-size: 0.90em; color: #FFFFFF; font-weight: bold; cursor: pointer; }
        div.search-electrician div.details a:link, div.search-electrician div.details a:visited, div.search-electrician div.hover { color: #FFFFFF; text-decoration: none; }
        div.search-electrician a.close { padding-left: 20px; background: #005FA8 url(../img/directory/search-details-puce-close.gif) center left no-repeat; }
        div.search-electrician a.open { padding-left: 20px; background: #005FA8 url(../img/directory/search-details-puce-open.gif) center left no-repeat; }

    div.search-electrician div.details-panel { display: none; width: 655px; background-color: #005FA8; }
        div.search-electrician div.menu { height: 30px; }
        div.search-electrician ul.links { float: right; height: 15px; margin: 0; padding: 0; }
            div.search-electrician ul.links li { margin: 0 15px 0 0; padding: 0; display: inline; float: left; height: 15px; line-height: 15px; }
            div.search-electrician ul.links li a:link, div.search-electrician ul.links li a:visited { color: #FFFFFF; text-decoration: underline; }
            div.search-electrician ul.links li a:hover { text-decoration: none; }
        div.search-electrician ul.tabs { height: 30px; margin: 0; padding: 0; }
            div.search-electrician ul.tabs li { display: inline; float: left; margin: 0; padding: 0; border-right: 2px solid #005FA8; }
            div.search-electrician ul.tabs li a {
                display: block;
                width: 140px;
                height: 27px;
                line-height: 29px;
                padding: 0 0 0 15px;
                border-top: 1px solid #005FA8;
                border-bottom: 2px solid #005FA8;
                color: #FFFFFF;
                font-weight: bold;
                text-decoration: underline;
            }
            div.search-electrician ul.tabs li.active {}
            div.search-electrician ul.tabs li.active a {
                display: block;
                width: 140px;
                height: 30px;
                line-height: 29px;
                padding: 0 0 0 15px;
                background-color: #FFFFFF;
                border: 0;
                color: #000000;
                font-weight: bold;
                text-decoration: underline;
            }
        div.search-electrician div.panel { /*height: 265px;*/ padding: 15px 0 15px 15px; background-color: #FFFFFF; }
            div.search-electrician div.panel div.map { float: left; width: 400px; height: 260px; }
            div.search-electrician div.panel div.coords { float: left; width: 220px; margin-left: 5px; }
            div.search-electrician div.panel ul { margin-left: 10px; }
            div.search-electrician div.panel li { background: url(../img/directory/puce-carre-2.gif) top left no-repeat; padding: 0 0 0 10px; }
			div.search-electrician div.fwdborder { background: #FFF url(../img/directory/forwardlink-panel.gif) top right repeat-y; }
				div.search-electrician div.fwdborder ul { float: left; margin-right: 85px; }
			
		div.search-electrician div.forwardlink {
			float: right;
			display: none;
			width: 79px;
			padding-right: 5px;
		}
			div.search-electrician div.forwardlink img { margin-bottom: 7px; }

div.search-specificity { position: absolute; display: none; width: 230px; padding: 7px; background-color: #70BADA; color: #FFFFFF; }
    div.search-specificity p { margin: 0; font-size: 0.90em; }
    div.search-specificity p.title { font-size: 1.20em; font-weight: bold; }
    #smallImages { display: none; }

p.empty {
    font-size: 1.10em;
    color: #005FA8;
    font-weight: bold;
}