/** Paramétrages par défaut **/
    body{margin:0;padding:0;border:0;
        background-color:#fff;
        color:black;font-size:100%;
        line-height:1.25em} /* 16×1.25=18px */

    /* Textes */
    h1,h2,h3,h4,h5,h6,p,blockquote,pre{margin:0;padding:0}
    abbr,acronym{border:0}
    address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal}
    q:before,q:after{content:''}
    pre,code,kbd{font:115% monospace}
    h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}

    /* Liens */
    a,a *{cursor:pointer}

    /* Listes */
    dl,dt,dd,ol,ul,li{margin:0;padding:0}
    ol,ul{list-style:none}

    /* Formulaires */
    form,fieldset,legend,input,button,textarea{margin:0;padding:0}
    fieldset{border:0}
    button,input[type=submit],input[type=button]{height:1.8em}

    /* Tableaux */
    table{border-collapse:collapse;border-spacing:0;font-size:inherit}
    th,td{margin:0;padding:0}
    caption,th{font-style:normal;font-weight:normal;text-align:left}

    /* Autres */
    div{margin:0;padding:0;background-color:transparent;text-align:left}
    img,hr{border:0}
    
/** Textes **/
    /* The default text size is consistently 16px */
    body,select,input,button,textarea{font-family:arial,verdana,helvetica,"Bitstream Vera Sans",clean,sans-serif}
    body{font-size:12px}
    label,legend,select,input,button,textarea,caption,th,td,p{font-size:12px}
    h1,h2,h3,h4,h5,h6{font-family:georgia,arial,verdana,helvetica,clean,sans-serif}
    h1{font-size:26px;color:#d24f00;margin:25px 0 10px 0;line-height:28px}
    h2{font-size:18px;padding-left:16px;background:transparent url(../images/ticker-title.gif) left bottom no-repeat;margin-bottom:7px;font-variant:small-caps;font-weight:bold}
    #side-bar h2{font-variant:normal;font-weight:normal}
    h3{font-size:17px}
    .accueil #services h3{padding:52px 0 10px 0;margin:0 0 10px 14px;border-bottom:1px solid #cecece;color:#f60;line-height:19px}
    .nos-services #services h3{padding:52px 0 10px 0;margin:0 0 10px 14px;border-bottom:1px solid #cecece;color:#f60;line-height:19px}
    .page-service .block-content h3{margin:0 0 10px 14px;line-height:19px}
    .references .block-content h3{margin:0 20px 20px 16px;color:#f60;line-height:19px}
    h4{font-size:15px;padding:10px 0;font-weight:bold;line-height:17px}
    h5{font-size:14px;font-weight:bold;line-height:16px}
    h6{font-size:13px;font-weight:bold;line-height:15px}
    .notes{font-size:10px}
    #footer-menu{font-size:10px;color:#09c}


/** Liens **/
    a,
    a:link,
    a:active,
    a:visited{text-decoration:none;color:#09c}
    a:focus,
    a:hover{text-decoration:underline;color:#09c}
    #header-menu a{color:#272628 !important}
    
/** Utils **/
    /**/html,body{height:101%}
    .spacer{clear:both;font-size:0;line-height:0;margin:5px 0;width:100%}
    .hidden{position:absolute;left:-9999px}
    acronym{cursor:help}
    .printOnly{display:none}
    .list-outside{display:block;text-indent:-0.9em;margin-left:0.9em}
    .list-outside img{vertical-align:middle}
    .list-inside{display:block;text-indent:0.9em}
    .list-inside img{vertical-align:middle}
    strong{font-weight:bold}
    
/** Layout **/
    #site{overflow:hidden}
        #header-container{text-align:center;clear:both}
            #header{margin:0 auto;height:123px;width:1000px;overflow:hidden}
        #main-container{text-align:center;clear:both}
            #main{margin:0 auto;width:1000px;overflow:hidden;clear:both}
        #footer-container{text-align:center;overflow:hidden}
            #footer{margin:0 auto;height:110px;width:1000px;overflow:hidden;clear:both}

/** Fonds **/
    body{background-color:#222123}
    #site{background-color:white}
    #header-container{background:transparent url(../images/header-pat.gif) 0 0 repeat-x}
    #footer-container{background-color:#222123}

/** Header **/
    /* Menu */
    #header-menu{margin-left:378px;width:482px;height:60px;overflow:hidden;clear:both}
        #header-menu li{display:block;float:left;overflow:hidden;position:relative;height:60px}
            #header-menu a{display:block;float:left;position:relative;height:60px}
                #header-menu span{display:block;height:60px;position:absolute;top:0;left:0}
                #header-menu-accueil,
                #header-menu-accueil a,
                #header-menu-accueil span{width:73px;background:transparent url(../images/nav/n1_a.gif) 0 0 no-repeat}
                #header-menu-accueil a:focus span,
                #header-menu-accueil a:hover span{background:transparent url(../images/nav/n1_b.gif) 0 0 no-repeat}
                #header-menu-accueil span.current{background:transparent url(../images/nav/n1_c.gif) 0 0 no-repeat}
                #header-menu-nos-services,
                #header-menu-nos-services a,
                #header-menu-nos-services span{width:102px;background:transparent url(../images/nav/n2_a.gif) 0 0 no-repeat}
                #header-menu-nos-services a:focus span,
                #header-menu-nos-services a:hover span{background:transparent url(../images/nav/n2_b.gif) 0 0 no-repeat}
                #header-menu-nos-services span.current{background:transparent url(../images/nav/n2_c.gif) 0 0 no-repeat}
                #header-menu-qui-sommes-nous,
                #header-menu-qui-sommes-nous a,
                #header-menu-qui-sommes-nous span{width:138px;background:transparent url(../images/nav/n3_a.gif) 0 0 no-repeat}
                #header-menu-qui-sommes-nous a:focus span,
                #header-menu-qui-sommes-nous a:hover span{background:transparent url(../images/nav/n3_b.gif) 0 0 no-repeat}
                #header-menu-qui-sommes-nous span.current{background:transparent url(../images/nav/n3_c.gif) 0 0 no-repeat}
                #header-menu-references,
                #header-menu-references a,
                #header-menu-references span{width:94px;background:transparent url(../images/nav/n4_a.gif) 0 0 no-repeat}
                #header-menu-references a:focus span,
                #header-menu-references a:hover span{background:transparent url(../images/nav/n4_b.gif) 0 0 no-repeat}
                #header-menu-references span.current{background:transparent url(../images/nav/n4_c.gif) 0 0 no-repeat}
                #header-menu-contact,
                #header-menu-contact a,
                #header-menu-contact span{width:75px;background:transparent url(../images/nav/n5_a.gif) 0 0 no-repeat}/**/
                #header-menu-contact a:focus span,
                #header-menu-contact a:hover span{background:transparent url(../images/nav/n5_b.gif) 0 0 no-repeat}
                #header-menu-contact span.current{background:transparent url(../images/nav/n5_c.gif) 0 0 no-repeat}
    /* Logo */
    #header-logo{margin-left:59px;height:63px;width:360px;position:relative}  
        #header-logo span{height:63px;width:360px;background:transparent url(../images/header-logo.gif) 0 0 no-repeat;position:absolute;top:0;left:0}  

/** Footer **/
    /* Logo */
    #footer-logo{margin:0 0 5px 644px;height:38px;width:154px;position:relative}  
        #footer-logo span{height:38px;width:154px;background:transparent url(../images/footer-logo.gif) 0 0 no-repeat;position:absolute;top:0;left:0}  
    /* Menu */
    #footer-menu{margin-left:644px}
        #footer-menu li{display:inline}

/** Styles transversaux **/
    .p-lien{text-align:right;font-weight:bold;}

/** Accueil **/
    .accueil #chapeau-container{width:965px;height:239px;margin:0 0 50px 20px;background:transparent url(../images/accueil-bg-chapo.jpg) 0 0 no-repeat;float:left}
        .accueil #chapeau{margin:0 0 0 360px}
            .accueil #chapeau li{margin:10px 0}
    .accueil #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .accueil #content{float:left}
            .accueil #services{width:682px;clear:both;overflow:hidden;margin-right:33px}
                .accueil #services div{width:222px;height:222px;float:left;background:transparent url(../images/box.gif) 0 0 no-repeat}
                    .accueil #services p{margin:0 14px 0 14px}
                    .accueil #services p.p-block{height:70px}
                    .accueil #audit-qualite-donnees,
                    .accueil #revue-informatique-libertes,
                    .accueil #production-donnees,
                    .accueil #conception-specifications{margin-right:8px}
                        .accueil #audit-qualite-donnees h3{background:transparent url(../images/picto-audit-qualite-donnees.gif) 130px 6px no-repeat}
                        .accueil #revue-informatique-libertes h3{background:transparent url(../images/picto-revue-informatique-libertes.gif) 130px 6px no-repeat}
                        .accueil #etude-qualite-information h3{background:transparent url(../images/picto-etude-qualite-information.gif) 125px 6px no-repeat}
                        .accueil #production-donnees h3{background:transparent url(../images/picto-production-donnees.gif) 150px 6px no-repeat}
                        .accueil #conception-specifications h3{background:transparent url(../images/picto-conception-specifications.gif) 150px 6px no-repeat}
                        .accueil #assistance-conduite-projet h3{background:transparent url(../images/picto-assistance-conduite-projet.gif) 120px 6px no-repeat}
            .accueil .separateur{width:682px;height:71px;background:transparent url(../images/sep-pointille.gif) 0 34px repeat-x}
            .accueil #chiffres-container{background:transparent url(../images/bg-chiffres.jpg) 0 22px no-repeat;width:686px;margin:0 29px 80px 0;height:236px}
                .accueil #chiffres{padding:10px 20px}
                    .accueil #chiffres p{margin:10px 0}

/** Nos services **/
    .nos-services #chapeau-container {width:965px;height:239px;margin:0 0 50px 20px;background:transparent url(../images/nos-services-bg-chapo.jpg) 0 0 no-repeat;float:left}
        .nos-services #chapeau {margin:0 0 0 360px}
            .nos-services #chapeau li{margin:10px 0}
    .nos-services #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .nos-services #content{float:left}
            .nos-services #services{width:682px;clear:both;overflow:hidden;margin:0 33px 80px 0}
                .nos-services #services div{width:222px;height:332px;float:left;background:transparent url(../images/box.gif) 0 0 no-repeat}
                    .nos-services #services p{margin:0 14px 0 14px}
                    .nos-services #services p.p-block{height:170px}
                    .nos-services #audit-qualite-donnees,
                    .nos-services #revue-informatique-libertes,
                    .nos-services #production-donnees,
                    .nos-services #conception-specifications{margin-right:8px}
                        .nos-services #audit-qualite-donnees h3{background:transparent url(../images/picto-audit-qualite-donnees.gif) 130px 6px no-repeat}
                        .nos-services #revue-informatique-libertes h3{background:transparent url(../images/picto-revue-informatique-libertes.gif) 130px 6px no-repeat}
                        .nos-services #etude-qualite-information h3{background:transparent url(../images/picto-etude-qualite-information.gif) 125px 6px no-repeat}
                        .nos-services #production-donnees h3{background:transparent url(../images/picto-production-donnees.gif) 150px 6px no-repeat}
                        .nos-services #conception-specifications h3{background:transparent url(../images/picto-conception-specifications.gif) 150px 6px no-repeat}
                        .nos-services #assistance-conduite-projet h3{background:transparent url(../images/picto-assistance-conduite-projet.gif) 120px 6px no-repeat}
    
/** Pages des services **/
    .page-service #chapeau-container {width:965px;height:80px;margin:0 0 50px 20px;float:left}
    .page-service .audit-qualite-donnees {background:transparent url(../images/audit-qualite-donnees-bg-chapo.jpg) 0 0 no-repeat}
    .page-service .revue-informatique-libertes {background:transparent url(../images/revue-informatique-libertes-bg-chapo.jpg) 0 0 no-repeat}
    .page-service .etude-qualite-information {background:transparent url(../images/etude-qualite-information-bg-chapo.jpg) 0 0 no-repeat}
    .page-service .production-donnees {background:transparent url(../images/production-donnees-bg-chapo.jpg) 0 0 no-repeat}
    .page-service .conception-specifications {background:transparent url(../images/conception-specifications-bg-chapo.jpg) 0 0 no-repeat}
    .page-service .assistance-conduite-projet {background:transparent url(../images/assistance-conduite-projet-bg-chapo.jpg) 0 0 no-repeat}
        .page-service #chapeau {margin:0 0 0 27px;position:relative}
            #jumpto{font-size:10px !important;position:absolute;top:-20px;left:630px}
                #navigationselect{border:1px solid #ddd}
    .page-service #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .page-service #content{float:left}
            .page-service .block-content{width:686px;margin:0 29px 50px 0}
                .page-service .block-content .separateur{width:686px;height:21px;background:transparent url(../images/sep-pointille.gif) 0 2px repeat-x}
                .page-service .block-content ul,
                .page-service .block-content p{margin:0 20px 20px 16px}
    
/** Qui sommes nous **/
    .qui-sommes-nous #chapeau-container {width:965px;height:80px;margin:0 0 50px 20px;float:left;background:transparent url(../images/qui-sommes-nous-bg-chapo.jpg) 0 0 no-repeat}
        .qui-sommes-nous #chapeau {margin:0 0 0 27px}
    .qui-sommes-nous #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .qui-sommes-nous #content{float:left}
            .qui-sommes-nous .block-content{width:686px;margin:0 29px 50px 0}
                .qui-sommes-nous .block-content .separateur{width:686px;height:22px;background:transparent url(../images/sep-pointille.gif) 0 2px repeat-x}
                .qui-sommes-nous .block-content ul,
                .qui-sommes-nous .block-content p{margin:0 20px 20px 16px}
                .qui-sommes-nous .block-content ul{list-style:bullet}
    
/** Références **/
    .references #chapeau-container {width:965px;height:80px;margin:0 0 50px 20px;float:left;background:transparent url(../images/references-bg-chapo.jpg) 0 0 no-repeat}
        .references #chapeau {margin:0 0 0 27px}
    .references #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .references #content{float:left}
            .references .block-content{width:686px;margin:0 29px 50px 0}
                .references .block-content .separateur{width:686px;height:18px;background:transparent url(../images/sep-pointille.gif) 0 2px repeat-x}
                .references .block-content ul,
                .references .block-content p{margin:0 20px 20px 16px}
    
/** Contact **/
    .contact #chapeau-container {width:965px;height:80px;margin:0 0 50px 20px;float:left;background:transparent url(../images/contact-bg-chapo.jpg) 0 0 no-repeat}
        .contact #chapeau {margin:0 0 0 27px}
    .contact #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .contact #content{float:left}
            .contact .block-content{width:686px;margin:0 29px 50px 0}
                .contact .block-content .separateur{width:686px;height:21px;background:transparent url(../images/sep-pointille.gif) 0 2px repeat-x}
                .contact .block-content ul,
                .contact .block-content p{margin:0 20px 20px 16px}
    
/** Lexique **/
    .lexique #chapeau-container {width:965px;height:80px;margin:0 0 50px 20px;float:left;background:transparent url(../images/lexique-bg-chapo.jpg) 0 0 no-repeat}
        .lexique #chapeau {margin:0 0 0 27px}
    .lexique #content-container{margin:0 0 0 20px;clear:both;overflow:hidden}
        .lexique #content{float:left;margin-top:-20px}
        .lexique #content h2{padding-top:20px}
            .lexique .block-content{width:686px;margin:0 29px 0 0}
            .lexique .block-content h2:target {color:#D24F00;}
                .lexique .block-content .separateur{width:686px;height:21px;background:transparent url(../images/sep-pointille.gif) 0 2px repeat-x}
                .lexique .block-content ul,
                .lexique .block-content p{margin:0 20px 20px 16px}
    

/** Side Bar **/
    #side-bar{width:250px;float:left}
        #side-bar .bloc-projets{background:transparent url(../images/side-bar-bottom.gif) left bottom repeat-x;padding-bottom:10px}
        #side-bar .bloc-lexique{background:transparent url(../images/side-bar-bottom.gif) left bottom repeat-x;padding-bottom:10px;margin-bottom:50px}
        #side-bar .bloc-methodologie{padding-bottom:10px}
        #side-bar .bloc-services-associes{background:transparent url(../images/side-bar-bottom.gif) left bottom repeat-x;padding-bottom:20px;margin-bottom:50px}
            #side-bar .bloc-type{background:transparent url(../images/sep-pointille.gif) left top repeat-x;margin-top:9px}
                #side-bar .bloc-type p{margin-bottom:20px}
                #side-bar .bloc-type .conclusion,
                #side-bar .bloc-type .text-seul{padding-top:20px}
        #side-bar .bloc-contact{background:transparent url(../images/bg-contact.jpg) 0 0 no-repeat;padding-bottom:10px;height:120px;margin-top:40px}
            #side-bar .bloc-contact p{padding:30px 20px 0 20px;font-size:18px;font-family:georgia,arial,verdana,helvetica,clean,sans-serif;line-height:20px}
        #side-bar .google-map {/*background:transparent url(../images/side-bar-bottom.gif) left 310px repeat-x;padding-bottom:50px*/}
            #side-bar .google-map .bloc-type{text-align:right;font-weight:bold}
                #side-bar .google-map .bloc-type p{margin-bottom:10px}