/**
 * Created by maximedewelle
 * Date: 18 aožt 2010
 * Time: 15:42:19
 *
 * Colors :
 * red : #c61c1b
 * dark grey : #181c29
 * grey : #333333
 * Light grey : #8b8b8b
 * Light purple : #979dae
 *
 */



/*--------------------------- FONTS -------------------------------*/

body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#181c29;
    padding:0;
    margin:0 auto;
    background:#2a2e3d url('images/bgSite.jpg') no-repeat top center;
}

/*--------------------------- LAYOUT -------------------------------*/

ul, ol, h1, h2, h3, h4, h5, h6{
    padding:0;
    margin:0;
}

a{
    text-decoration:none;
    color:#990000;
}

a img{
    border:none;
}

h1{
    font-size:26px;
    text-transform:uppercase;
    font-weight:bold;
    color:#c61c1b;
}

h2{
    font-size:20px;
    text-transform:uppercase;
    font-weight:normal;
    color:#c61c1b;
}

    h2.orange{
        color:#ff5a00;
    }

h3{
    font-size:13px;
    text-transform:uppercase;
    font-weight:normal;
}

#wrapper{
    margin:0 auto;
    width:906px;
}

    /*
    ------- HEADER -------
    */

    #header{
        margin-top:20px;
        height:95px;
    }

        #header #logo{
            width:135px;
            float:left;
        }

        #header #logo a{
            display:block;
            height:99px;
            width:135px;
            background:url(images/logoESOA.png) no-repeat top left;
        }

            #header #logo a h1{
                display:none;
            }

        #header #topLinks{
            float:right;
            width:740px;
            height:40px;
            text-align:right;
            padding-top:13px;
        }

            #header #topLinks ul{
                list-style:none;
            }

                #header #topLinks ul li{
                    float:right;
                    margin-left:20px;
                    color:#fff;
                }

                    #header #topLinks ul li a{
                        color:#fff;
                    }

        #header #topNav{
            float:right;
            font-size:13px;
            color:#fff;
            text-align:right;
            width:740px;
        }

            #header #topNav a{
                color:#fff;
            }

            #header #topNav ul{
                list-style:none;
                margin-top:5px;

            }

                #header #topNav ul li{
                    float:right;
                    text-align:left;
                }

                #header #topNav ul li:last-child{
                    padding-left:10px;
                    background:url(images/navigationBgLeft.png) no-repeat top left;    
                }

                #header #topNav ul li:first-child{
                    padding-right:10px;
                    background:url(images/navigationBgRight.png) no-repeat top right;
                }

                    #header #topNav ul li a{
                        display:block;
                        padding:14px 12px 10px 12px;
                        height:16px;
                        border-right:1px solid #5d6070;
                        background:url(images/navigationBg.png) repeat-x top left;
                        text-transform:uppercase;
                    }

                    #header #topNav ul li a:hover{
                        background:url(images/navigationBgOver.png) repeat-x top left;    
                    }

                    #header #topNav ul li:first-child a{
                        border-right:none;
                    }



    /*
    ------- FOOTER -------
    */

    #footer{
        background:#262d42 url(images/bgFooter.jpg) repeat-x top left;
        clear:both;
        margin-top:10px;
        padding-bottom:10px;
    }

        #footer #footer-centered{
            width:906px;
            margin:0 auto;
            padding-top:10px;
        }

            #footer #footer-centered div{
                float:left;
                padding:10px 15px 10px 0;
                margin-right:15px;
                font-size:11px;
                border-right:1px solid #394153;
                color:#fff;
                min-height:190px;
            }

            #footer #footer-centered div:last-child{
                border-right:none;
            }


                #footer #footer-centered div h3{
                    font-size:13px;
                    margin-bottom:15px;
                }

                    #footer #footer-centered div h3 a{
                        color:#fff;    
                    }

                #footer #footer-centered div ul{
                    list-style:none;
                }

                    #footer #footer-centered div ul li{
                        max-width:170px;
                        margin-bottom:3px;
                    }

                #footer #footer-centered div a{
                    color:#979dae;
                }

        div.clearer{
            float:none;
            clear:left;
            height:1px;
            border:none;
        }

#copyright{
    width:906px;
    margin:0 auto;
    padding:20px 0;
    color:#fff;
    font-size:11px;
}

#mapcontainer{
	margin-top:15px;
}


/*-------- LOGIN PAGE ---------*/

        #content #mainText #loginBox{
            -webkit-box-shadow: #999 0px 0px 6px;
            background: white;
            border: 1px solid #AAA;
            border-bottom-left-radius: 8px 8px;
            border-bottom-left-radius: 8px 8px;
            border-bottom-right-radius: 8px 8px;
            border-bottom-right-radius: 8px 8px;
            border-top-left-radius: 8px 8px;
            border-top-left-radius: 8px 8px;
            border-top-right-radius: 8px 8px;
            border-top-right-radius: 8px 8px;
            margin-top:20px;
            margin-bottom:20px;
            padding: 12px 39px 19px;
            width: 210px;
        }

            #loginBox #form, #loginBox #form input{
                text-align:center;
            }

                #loginBox #form input{
                    border:1px solid #C0C0C0;
                    width:200px;
                    padding:7px;
                }

                #loginBox #form a.bouton{
                    background:url(images/content/bt_login.jpg) no-repeat top left;
                    display:block;
                    margin:0 auto;
                    width:136px;
                    height:15px;
                    padding:9px 7px;
                    border:none;
                    color:#fff;
                    font-weight:bold;
                }