@font-face
{
    font-family:"Salernomi J";
    src: url(9SALERNO.TTF) format(TrueType);
}
h1
{
    font-family: "Salernomi J",times,serif;
    font-size: 27px;
    color: #7c7c7c;
    text-indent: 70px;
    display: block;
    margin-top: 40px;
}

h3
{
    margin-top: 30px;
    text-indent: 45px;
    background-image: url("../images/pheo-informatique-site-internet-web-pheo-logo-mini.png");
    background-repeat: no-repeat;
}

div img
{
    border : none;
    border : 0;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    display: block;
    margin-top: 10px;
    height: 90px;
    width: 120px;
}


#container
{
    width: 1004px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow:hidden;
    background-color: #ffffff;
}
#top
{
    display: inline;
}
#top ul
{
    margin-left: 200px;
    text-align: center;
}

#top ul,ul li
{
    display: inline;
    list-style: none;
}
#top ul li
{
    margin-left: 2px;
    margin-right: 2px;
}

    #bandeau
    {
       width: 1004px;
       height: 210px;
       background-image: url("../images/pheo-informatique-site-internet-web-banniere.png");
       z-index: 1;
       background-repeat: no-repeat;
       margin-left: auto ;
       margin-right: auto ;
       margin-bottom: 5px;
       color: #7777AA;
       text-align: center;
       font-style: italic;
    }
    
        #cartes
        {
            height: 190px;
            background-image: url("../images/pheo-informatique-site-internet-web-cartes.png");
            z-index: 3;
            background-repeat: no-repeat;
            margin-left: 120px;
            background-position: 0px 20px;
            padding-top: 30px;
        }

        div#logohaut
        {
            height: 210px;
            background-image: url("../images/pheo-informatique-site-internet-web-pheo-logo-titre.png");
            z-index: 2;
            background-repeat: no-repeat;
            margin-left: 455px;
            margin-top: -142px;
        }
    #centrage
    {
        height: 6px;
        display: block;
    }
    #menu
    {
        clear: both;
        width: 1004px;
        height: 32px;
        background-image: url("../images/pheo-informatique-site-internet-web-pheo-menu.png");
        background-repeat: no-repeat;
        z-index: 3;
        text-indent: 0px;
        margin-left: auto ;
        margin-right: auto ;
        padding: 0px;
        text-align: right;
    }
    #menu p
    {
        margin-top: 4px;
    }
    #menu ul
    {
        color: #87c4e8;
        margin-right: 100px;
    }
    #menu ul, #menu ul li
    {
        list-style-type: none;
        display: inline;
        background: transparent;
    }
    #menu ul li
    {
        margin-left: 3px;
        margin-right: 5px;
        font-size: 17px;
    }

    #menu a
    {
        color: #FFFFFF;
    }
    #menu a:link
    {
        display: inline;
        text-decoration: none;
    }
    #menu a:visited
    {
        display: inline;
        text-decoration: none;
    }
    #menu a:hover, a:active
    {
        display: inline;
        text-decoration: none;
        color: #ff8a19;
        text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87;
    }

        div#centre
        {
            background-image: url(../images/pheo-informatique-site-internet-web-fond.png);
            width: 1004px;
            height: 600px;
            margin-left: auto ;
            margin-right: auto ;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        #left
        {
            margin-left: 160px;
            float:left;
            width:260px;
            height:600px;
            color: #555555;
            font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
            font-size: smaller;
        }
        #services
        {
            width:260px;
            height:300px;
            background-image: url("../images/pheo-informatique-site-internet-web-imageservices.png");
            background-repeat: no-repeat;
            float: left;
            background-position: 0px 20px;
        }

        #services ul, #services ul li
        {
            margin-bottom: 5px;
            display: block;
        }
        
        #references
        {
            width:330px;
            height:300px;
            background-image: url("../images/pheo-informatique-site-internet-web-imageref.png");
            background-repeat: no-repeat;
            float: left;
            background-position: 0px 20px;
        }

        #references ul, #references ul li
        {
            margin-bottom: 5px;
            display: block;
        }
        #contenu
        {
            margin-left: 35px;
            float:left;
            height: 600px;
            width: 461px;
            background-color:#FFFFFF;
            font-family: Georgia,'Times New Roman',times,serif;
        }

            #presentation
            {
                font-style: italic;
                font-size: 14px;
                font-weight: normal;
                margin-left: 70px;
                margin-right: 70px;
                height: 540px;
                float: left;
                background-image: url("../images/pheo-informatique-site-internet-web-fondpresentation.png");
                background-repeat: no-repeat;
                background-position: -20px 0px;
                margin-top: 70px;
                vertical-align: middle;
            }
            #presentation p
            {
                margin-top: 45px;
                text-align: justify;
            }

            #imagecontact
            {
                background-image: url("../images/pheo-informatique-site-internet-web-contact.png");
                background-repeat: no-repeat;
                background-position: 170px 30px;
                height: 200px;
            }

            #textecontact
            {
                text-align: center;
                height: 540px;
            }

            #texteservices
            {
                margin-top: 20px;
                text-align: left;
                margin-left: 60px;
                margin-right: 60px;
                font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
                font-size: smaller;
            }

            #textereferences
            {
                margin-top: 20px;
                text-align: left;
                margin-left: 60px;
                margin-right: 60px;
                font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
				font-size:12px;
             
            }
            #textereferences p
            {
                margin-top: 30px;
                margin-left: 150px;
                text-align: justify;
            }
            #textereferences h4
            {
                margin-left: 150px;
            }
            #textereferences img
            {
                width: 110px;
            }
    #pied_page
    {
        clear:both;
        width: 1004px;
        height: 142px;
        color: #FFFFFF;
        background-image: url("../images/pheo-informatique-site-internet-web-footer.jpg");
        background-repeat: no-repeat;
        margin-left: auto ;
        margin-right: auto ;
        overflow:hidden;
        background-color: black;
    }
        #pdplogo
        {
            width: 158px;
            height: 141px;
            background-image: url("../images/pheo-informatique-site-internet-web-pheo-logo.png");
            z-index: 2;
            background-repeat: no-repeat;
            margin-left: 180px;
            background-position:center;
            float: left;
        }

        #pdptexte
        {
            margin-left: 455px;
            width: 550px;
            color: #FFFFFF;
            margin-top: -110px;
            border-left: 1px dashed;
            height: 81px;
            border-color: #FFFFFF;
            font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
            font-size: 12px;
            float: left;
        }

        #pdptexte ul, #pdptexte ul li
        {
            list-style-type: none;
            display: inline;
            font-size: 12px;
        }
        
        #pdptexte ul li
        {
            margin: 3px;
        }

        #pdptexte a
        {
            color: #FFFFFF;
            font-size: 12px;
        }
        #pdptexte a:link
        {
            text-decoration: none;
        }
        #pdptexte a:visited
        {
            text-decoration: none;
        }
        #pdptexte a:hover, a:active
        {
            text-decoration: none;
            color: #ff8a19;
            text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87;
        }
        #contact
        {
            color: #148cd1;
            display: inline;
            text-indent: 20px;
            font-size: 11px;
        }

        #contact a
        {
            color: #148cd1;
            display: inline;
        }