/*----------------------------------------------------------------
    GENERAL
-----------------------------------------------------------------*/

body {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #666666;
    background-color    : #f0f0f0;
    margin              : 0;
    padding             : 0;
}
br.clearfloat {
    clear : both;
}
a, a:visited, a:link {
    color               : #E75012;
    text-decoration     : underline;
}
a:hover, a:active {
    text-decoration     : none;
}

em {
    color:#e75012;
    text-decoration:none;
    font-style: normal;
}

p {
    color               : #666666;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

#p-interieure h2, #page-interieure h2 {
    font-size           : 16px;
    font-weight         : bold;
    color               : #E75012;
    margin              : 0 15px 1px 0;
    padding             : 0 0 0 25px;
    background-image    : url('images/picto-h2.gif');
    background-position:middle left;
    background-repeat:no-repeat;
}

#p-interieure h3, #page-interieure h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #666666;
    margin-top          : 0;
    margin-bottom       : 0;
}

img {
    border: 0 none;
    vertical-align: bottom;
}

/*----------------------------------------------------------------
    ACCUEIL
-----------------------------------------------------------------*/

.text-align-center {
    text-align: center;
}

.margin-top {
    margin-top: 10px;
}


/*---------- TITRES ----------*/

#home h1, #p-interieure h1, #page-interieure h1 {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    color: #333333;
    font-weight: normal;
}

#home h2 {
    font-size: 1.1em;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#home h3 {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

#home #actualites-altics h3 {
    color: #79b436;
}

#home #offre-a-la-une h3 {
    color: #5b277d;
}

/*---------- LIENS ----------*/

a.lien-gris, a.lien-gris:visited, a.lien-gris:link {
    color: #333333;
    text-decoration: none;
}

a.lien-gris:hover, a.lien-gris:active {
    color: #333333;
    text-decoration: underline;
}

a.lien-gris2, a.lien-gris2:visited, a.lien-gris2:link, a.lien-gris2:hover, a.lien-gris2:active {
    color: #666666;
    text-decoration: none;
}

a.lien-orange2, a.lien-orange2:visited, a.lien-orange2:link, a.lien-orange2:hover, a.lien-orange2:active {
    color: #e75012;
    text-decoration: none;
    text-transform:uppercase;
}

h1 a, h1 a:visited, h1 a:link, h1 a:hover, h1 a:active,
h2 a, h2 a:visited, h2 a:link, h2 a:hover, h2 a:active,
h3 a, h3 a:visited, h3 a:link, h3 a:hover, h3 a:active {
    color: inherit;
    text-decoration: none;
}

#home h1 a , #p-interieure h1 a, #page-interieure h1 a{
    color: #333333;
}

#home h2 a {
    color: #fff;
}

#actualites-altics h3 a {
    color: #79b436;
}

#offre-a-la-une h3 a {
    color: #5b277d;
}

#actualites-altics span, #offre-a-la-une span {

    display: block;
    width: 158px;
    height: 18px;
    padding: 4px 0 0 10px;
}

#actualites-altics h2 a {
    display: block;
    width: 158px;
    height: 18px;
    padding: 4px 0 0 10px;
}

#references h2 a {
    display: block;
    width: 256px;
    height: 18px;
    padding: 4px 0 0 10px;
}


#offre-a-la-une h2 a {
    display: block;
    width: 158px;
    height: 18px;
    padding: 4px 0 0 10px;
}

/*---------- HAUT (logo + contact téléphone + menu) ----------*/

#top {
    width: 100%;
    background-color: #fff;
}

    #ref {
        width: 920px;
        margin: 0 auto;
        padding: 0;
    }

    #header {
        width: 960px;
        height: 108px;
        background-color: #fff;
        margin: 0 auto;
        padding: 3px 0 0 0;
    }

        #logo {
            float: left;
        }

        #tests-et-contact {
            float: right;
            margin: 8px 0 0 0;
            text-align: right;
        }

            #contactez-nous {
                width: 187px;
                margin: 10px 0 0 0;
                font-weight: bold;
                text-align: center;
            }

    #nav {
        position:relative;
        width: 960px;
        margin: 0 auto;
        padding: 0 0 10px 0;
        text-align: center;
        font-size:0px;
         z-index:6;
    }

    #p-interieure #nav {
        background-image: url('images/home_new/a-fond-haut.png');
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    /*-------- Menu---------------- */
div.menu {
    background-color    : #FFFFFF;
}
div.menu a, div.menu a:visited, div.menu a:link {
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #FFFFFF;
    text-decoration     : none;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {

    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #FFB123;
    text-decoration     : none;
}

/* -----------Sous Menu ---------------*/
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -500px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 26px;
    border-top                  : 1px solid #FFFFFF;
    border-left                 : 1px solid #FFFFFF;
    border-right                    : 1px solid #FFFFFF;

}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
  display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 10px;
    padding             : 5px 10px 5px 5px;
    color               : #000000;
    text-decoration     : none;
    background-color    : #C4C4C4;
    border-bottom               : 1px solid #FFFFFF;
    width                               : 190px;
}
div.ssmenu a:active, div.ssmenu a:hover {
  display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 10px;
    padding             : 5px 10px 5px 5px;
    color               : #FFFFFF;
    text-decoration     : none;
    background-color    : #E75012;
    border-bottom               : 1px solid #FFFFFF;
}

div.ssmenuhome {
    position            : absolute;
    left                : 0px;
    top                 : -500px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenuhome div {
    margin-top          : 26px;
    border-top                  : 1px solid #FFFFFF;
    border-left                 : 1px solid #FFFFFF;
    border-right                    : 1px solid #FFFFFF;

}
div.ssmenuhome a, div.ssmenuhome a:visited, div.ssmenuhome a:link {
  display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 10px;
    padding             : 5px 10px 5px 5px;
    color               : #000000;
    text-decoration     : none;
    background-color    : #C4C4C4;
    border-bottom               : 1px solid #FFFFFF;
    width                               : 190px;
}
div.ssmenuhome a:active, div.ssmenuhome a:hover {
  display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 10px;
    padding             : 5px 10px 5px 5px;
    color               : #FFFFFF;
    text-decoration     : none;
    background-color    : #E75012;
    border-bottom               : 1px solid #FFFFFF;
}

/*---------- CENTRE ----------*/

#centre {
    width: 980px;
    background-image: url('images/home_new/fonds-accueil/fond-haut.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-color : #f0f0f0;
    margin: 0 auto;
    padding: 0 12px 0 12px;
}

    #content {
        width: 980px;
        background-color: #fff;
    }



        #content > div {
            float: left;
            width: 960px;
            margin: 0 10px 15px 10px;

        }


        /*---------- ANIMATION ----------*/

        #animation {
            width: 961px;
            height: 241px;
            font-size: 2em;
        }

            #animation-offre {
                float: left;
                width: 733px;
                height: 241px;
                overflow: hidden;
            }
            #animation-offre a:link,
            #animation-offre a:active,
            #animation-offre a:visited,
            #animation-offre a:hover,
            #animation-offre a:focus {
                position    : absolute;
                display     : none;
            }

            #animation-onglets1, #animation-onglets2, #animation-onglets3, #animation-onglets4 {
                float:left;
                margin:0 0 0 -11px;
                position:relative;
                width   : 238px;
                z-index:1;
            }
            .onglet1,
            .onglet2,
            .onglet3,
            .onglet4 {
                cursor: pointer;
                z-index: 1;
            }
            .onglet1 {
                width: 238px;
                height: 60px;
                background: url('images/home_new/animation/onglets/onglet-mission.png') no-repeat 0 0;
            }

            .onglet1:hover, .onglet1-actif {
                background: url('images/home_new/animation/onglets/onglet-mission.png') no-repeat 0 -60px;
            }

            .onglet2 {
                width: 238px;
                height: 60px;
                background: url('images/home_new/animation/onglets/onglet-etudes-utilisateurs.png') no-repeat 0 0;
            }

            .onglet2:hover, .onglet2-actif {
                background: url('images/home_new/animation/onglets/onglet-etudes-utilisateurs.png') no-repeat 0 -60px;
            }

            .onglet3 {
                width: 238px;
                height: 60px;
                background: url('images/home_new/animation/onglets/onglet-conception.png') no-repeat 0 0;
            }

            .onglet3:hover, .onglet3-actif {
                background: url('images/home_new/animation/onglets/onglet-conception.png') no-repeat 0 -60px;
            }

            .onglet4 {
                width: 238px;
                height: 61px;
                background: url('images/home_new/animation/onglets/onglet-accompagnement.png') no-repeat 0 0;
            }

            .onglet4:hover, .onglet4-actif {
                background: url('images/home_new/animation/onglets/onglet-accompagnement.png') no-repeat 0 -61px;
            }

        /*---------- REFERENCES ----------*/

            #references {
                float: left;
                width: 718px;
                height: 128px;
            }

                #references-titre {
                    background-image: url('images/home_new/fonds-accueil/fond-references-titre.png');
                    background-repeat: no-repeat;
                    background-position: top left;
                    color: #fff;
                    width: 718px;
                    height: 22px;
                    margin: 0;
                }

                #references-contenu {
                    background-image: url('images/home_new/fonds-accueil/fond-references-contenu.png');
                    background-repeat: no-repeat;
                    background-position: top left;
                    width: 698px;
                    height: 86px;
                    padding: 10px;
                }

                    #references-contenu ul {
                        list-style: none;
                        margin: 0;
                        padding: 0;
                    }

                    #references-contenu li {
                        display: inline;
                        float: left;
                        width: 116px;
                        height: 86px;
                        margin: 0;
                        padding: 0;
                        text-align: center;
                    }

                    #references-contenu li a {
                        display: block;
                        width: 116px;
                        height: 86px;
                     }


        /*---------- NEWSLETTER ----------*/

        #newsletter {
            float: right;
            background-image: url('images/home_new/fonds-accueil/fond-newsletter.png');
            background-repeat: no-repeat;
            background-position: top left;
            width: 207px;
            height: 86px;
            margin: 22px 0 0 0;
            padding: 10px 10px 10px 11px;
        }

            #newsletter label {
                font-weight: bold;
                color: #333333;
            }

            #newsletter form p {
                margin: 15px 0;
            }

            #newsletter p img {
                vertical-align: baseline;
            }

            #newsletter p input {
                vertical-align: bottom;
            }

            #newsletter input[type="text"] {
                width: 155px;
                height: 16px;
                font-size: 0.8em;
                color: #333333;
                margin: 0;
                padding: 3px 6px;
                border: 1px solid #cacaca;
            }


        /*---------- ACTUALITES ----------*/

        #actualites-altics {
            float: left;
            width: 718px;
            height: 250px;
        }



            #actualites-altics-titre {
                background-image: url('images/home_new/fonds-accueil/fond-actualites-altics-titre.png');
                background-repeat: no-repeat;
                background-position: top left;
                color: #fff;
                width: 718px;
                height: 22px;
                margin: 0;
                padding: 0;
            }

            #actualites-altics-contenu {
                background-image: url('images/home_new/fonds-accueil/fond-actualites-altics-contenu.png');
                background-repeat: no-repeat;
                background-position: top left;
                width: 696px;
                height: 208px;
                padding: 10px 11px;
            }

            .actu {
                float: left;
                width: 216px;
                padding: 0 8px;
            }

            .texte-actu {
                font-size: 0.9em;
            }


        /*---------- OFFRE A LA UNE ----------*/

        #offre-a-la-une {
            float: right;
            width: 226px;
            margin: 0 0 0 0;
        }

            #offre-a-la-une-titre {
            clear:left;
            float: left;
                background-image: url('images/home_new/fonds-accueil/fond-actualites-altics-titre.png');
                background-repeat: no-repeat;
                background-position: top left;
                color: #fff;
                width: 226px;
                height: 22px;
                margin: 0px;
                padding: 0px 0px 0px 0px;
            }

            #offre-a-la-une-contenu {
                background-image: url('images/home_new/fonds-accueil/fond-offre-a-la-une-contenu.png');
                background-repeat: no-repeat;
                background-position: top left;
                width: 213px;
                height:208px;
                padding: 10px 2px;
                margin:0;
                margin-top:22px;
                padding-left:8px;
                padding-right:8px;

            }

    /*---------- BOUTONS BAS (devis, témoignages, presse, Miss Conversion) ----------*/

    #boutons-bas {
        width: 960px;
        background-color: #fff;
        margin: 0 auto;
        padding: 0 10px;
    }


/*---------- BAS (copyright + footer) ----------*/

#bottom {
    width: 980px;
    margin: 0 auto;
    padding: 13px 12px 0 12px;
    background-image: url('images/home_new/fonds-accueil/fond-bas.png');
    background-repeat: no-repeat;
    background-position: top left;
}

    #copyright {
        font-size: 0.9em;
        text-align: center;
        padding: 10px 0 0 0;
    }

    #footer {
        font-size: 1em;
        padding: 10px 10px 25px 10px;
    }

        #footer #logo-altics-petit {
            margin: 0 0 16px 0;
            padding: 0;
        }


        #footer ul {
            margin: 10px 0 0 0;
            padding: 0 0 0 0;
/*            height: 15px;*/
            list-style: none;
            clear:both;
        }

        #footer li{
            display:inline;
            float: left;
        }


        .gras {
            font-weight: bold;
        }



/*----------------------------------------------------------------
    PAGE INTERIEURES
-----------------------------------------------------------------*/