/*
Theme Name: nuukphotographies
Theme URI: http://www.nuuk-photographies.com
Description: Le thème pour le site nuuk-photographies.com. <a href="http://www.benoitbeauchaine.com">Conception et Design par Beanoit Beauchaine</a>, <a href="http://www.sebastien-meric.com">Developpement et Intégration par Sébastien Méric</a>
Version: v1
Author: Conception et Design par Benoit Beauchaine, Developpement et Intégration par Sébastien Méric
Author URI: 
*/

/** Reset **/
    body{margin:0;padding:0;border:0;/*font-size:100%;*/line-height:1.2em} /* 16x1.2=19.2px */

    /* Textes */
    blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
    abbr,acronym{border:0;font-variant:normal}
    address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal}
    blockquote:before,blockquote:after,q:before,q:after{content:''}
    /*blockquote,q{quotes:'' ''}*/
    code,kbd,pre,samp,tt{font-size:115%;font-family:monospace}
    h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;line-height:1.2em}
    sup{vertical-align:text-top}
    sub{vertical-align:text-bottom}
    del,ins{text-decoration:none;}

    /* Liens */
    a,a *{cursor:pointer}

    /* Listes */
    dd,dl,dt,ol,ul,li{margin:0;padding:0}
    ol,ul,dl{text-align:left}
    li{list-style:none}

    /* Formulaires */
    button,fieldset,form,input,legend,textarea{margin:0;padding:0}
    fieldset{border:0}
    button,input,optgroup,option,select,textarea{font-style:normal;font-weight:normal;font-size:16px}
    button,input[type=button],input[type=submit],input[type=reset]{height:1.8em} /* 16x1.8=28.8px */

    /* Tableaux : mettre 'cellspacing="0"' dans la table */
    table{border-collapse:collapse;border-spacing:0;font-size:inherit}
    td,th{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}
    hr,a img{border:0}
    applet,iframe,object{border:0;margin:0;padding:0}
    
/** Paramètrages de base **/
    /* Fond de page */
    body{background-color:#f2f2f2}
    /* Textes */
    body,button,input,optgroup,option,select,textarea{font-family:helvetica,arial,verdana,"Bitstream Vera Sans",clean,sans-serif;font-size:11px;color:#405161}
    strong{font-weight:bold}
    em{font-style:italic}
    /*ins{text-decoration: none}*/
    del{text-decoration:line-through}
    /* Titres */
    h1{font-size:28px}
    h2{font-size:26px}
    h3{font-size:24px}
    h4{font-size:22px}
    h5{font-size:20px}
    h6{font-size:14px}
    /* Liens */
    a,a:link,a:active,a:visited{text-decoration:none;color:#015f79}
    a:focus,a:hover{text-decoration:underline;color:#015f79}

/** Utils **/
    .printOnly{display:none}
    .container{clear:both;overflow:hidden}
    body{height:101%}
    html{overflow-y:scroll;}
    .error{color:red;font-weight:bold}
    .warning{color:red;font-weight:bold}
    .required{color:red;font-weight:bold}
    .required:before{content:'*';color:red}
    .hidden{position:absolute;left:-9999px}
    button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer}

/** Paramétrages spécifiques **/

    /* Layout */
    #outer-general-container{text-align:center}
        #inner-general-container{width:980px;margin:0 auto}
            #header{position:relative;height:50px}
            #outer-content{width:980px;min-height:630px}
                #sidebar{width:140px;padding:0 40px 40px 20px;float:left}
                #inner-content{width:740px;float:left}
                .archive-page #inner-content{padding-bottom:20px}
                .single-page #inner-content{padding-bottom:40px}
                .home-page #inner-content{height:480px;margin:110px 0 40px 0}
            #footer{height:70px}

    /* Fonds */
    #outer-content{background-color:white}

    /* header */
    #header ul{width:104px;height:50px;overflow:hidden;float:right}
        #header li{width:52px;height:50px;float:left}
            #header a{width:52px;height:50px;display:block}
                #header .page-item-2 a{background-image:url(images/infos.gif)}
                #header .page-item-22 a{background-image:url(images/contact.gif)}
                #header .current_page_item a[title="Infos"]{background-image:url(images/infos_in.gif)}
                #header .current_page_item a[title="Contact"]{background-image:url(images/contact_in.gif)}
    #logo{position:absolute;top:45px;left:20px}

    /* sidebar*/
    #menu{background:transparent url(images/sep.gif) bottom left repeat-x;margin-top:166px;padding-bottom:1px;font-size:11px}
    #depliant0 span,
    #depliant0 img,
    #depliant0 a,
    #depliant1 span,
    #depliant1 img,
    #depliant1 a,
    #depliant2 span,
    #depliant2 img,
    #depliant2 a{vertical-align:middle}
    #depliant0,#depliant1,#depliant2{background:transparent url(images/sep.gif) 0 0 repeat-x;margin:11px 0;padding-top:13px;}
        #menu .menu-item{padding-left:15px/*;letter-spacing:-0.1em*/}
            #menu .cat-item{margin-top:3px}
                #menu .current-cat a,
                #menu .current-cat a:link,
                #menu .current-cat a:active,
                #menu .current-cat a:visited{text-decoration:none;color:#A6AFBB}
                #menu .current-cat a:focus,
                #menu .current-cat a:hover{text-decoration:underline;color:#A6AFBB}

    /* Pages */
    .page-infos h1{width:740px;height:110px;background-image:url(images/titre_infos.gif)}
    .page-infos .texte{margin-left:35px}
        .page-infos .texte p{margin-top:40px;line-height:1.2em}
        .page-infos .texte .grand{font-size:30px;font-weight:bold}
        .page-infos .texte .moyen{font-size:20px;font-weight:bold}
        .page-infos .texte .normal{font-size:14px;color:#a6afbb}
    .page-contact h1{width:740px;height:110px;background-image:url(images/titre_contact.gif)}
    .page-contact h2{background:transparent url(images/sep.gif) bottom left repeat-x;margin-top:30px;font-size:14px;font-weight:bold;color:#a6afbb;margin-bottom:10px;padding-bottom:3px}
    .page-contact .post{overflow:hidden,clear:both}
        .contactez-nous,
        .coordonnees{width:370px;float:left}
        .coordonnees h2,
        .coordonnees #adresse-1,
        .coordonnees #adresse-2,
        .coordonnees #plan-d-acces{margin-left:80px;font-size:14px;margin-bottom:20px}
        .coordonnees #adresse-3{margin-left:80px;font-size:14px}
            #wpcf label{display:block;margin-top:10px}
            #wpcf_your_name,
            #wpcf_email,
            #wpcf_website{width:200px}
            /*#wpcf_not_spam{margin-top:5px !important}*/
            #wpcf_msg{width:360px}
            #wpcf_your_name,
            #wpcf_email,
            #wpcf_website,
            #wpcf_not_spam,
            #wpcf_msg{margin-top:5px !important;border:1px solid #a6afbb}
            #wpcf_cc{vertical-align:middle}
            #contactsubmit{width:94px;height:27px;background:transparent url(images/bt_envoyer_contact.jpg) 0 0 no-repeat;border:0;margin-top:10px}
        .coordonnees .fn,
        .coordonnees .adr,
        .coordonnees .email{display:block;margin-bottom:-5px}
        .page-contact a,.page-contact a:link,.page-contact a:active,.page-contact a:visited{color:#405161}
        .page-contact a:focus,.page-contact a:hover{color:#405161}
    .page-credits h1{width:740px;height:110px;background-image:url(images/titre_credits.gif)}
    .page-credits .texte{margin-left:35px}
        .page-credits .texte p{margin-top:40px;line-height:1.2em}
        .page-credits .texte .grand{font-size:30px;font-weight:bold}
        .page-credits .texte .moyen{font-size:20px;font-weight:bold}
        .page-credits .texte .normal{font-size:14px;color:#a6afbb}

    /* Category */
    .category-packshots h1{width:740px;height:110px;background-image:url(images/titre_packshots.gif)}
    .category-architecture-design h1{width:740px;height:110px;background-image:url(images/titre_archi.gif)}
    .category-reportages h1{width:740px;height:110px;background-image:url(images/titre_reportages.gif)}
    #sous-category-visuels li{display:block;width:745px;height:370px;margin-bottom:20px;margin-left:-5px}
    #sous-category-visuels a{display:block;width:745px;height:370px;position:relative}
    #sous-category-visuels .image{display:block;width:745px;height:370px;position:absolute;left:0;top:0}
    /* Art culinaire */
    #sous-category-visuels .cat-item-6 .image{background:transparent url(images/packshots_2.jpg) 0 0 no-repeat}
    /* Art floral */
    #sous-category-visuels .cat-item-7 .image{background:transparent url(images/packshots_3.jpg) 0 0 no-repeat}
    /* Objets & Accessoires */
    #sous-category-visuels .cat-item-8 .image{background:transparent url(images/packshots_1.jpg) 0 0 no-repeat}
    /* Ambiances & Décoration */
    #sous-category-visuels .cat-item-9 .image{background:transparent url(images/archi_1.jpg) 0 0 no-repeat}
    /* Extérieurs */
    #sous-category-visuels .cat-item-10 .image{background:transparent url(images/archi_2.jpg) 0 0 no-repeat}
    /* Intérieurs */
    #sous-category-visuels .cat-item-11 .image{background:transparent url(images/archi_3.jpg) 0 0 no-repeat}
    /* Illustration */
    #sous-category-visuels .cat-item-12 .image{background:transparent url(images/reportages_11.jpg) 0 0 no-repeat}
    /* Entreprise */
    #sous-category-visuels .cat-item-13 .image{background:transparent url(images/reportages_21.jpg) 0 0 no-repeat}
    /* Evenementiel */
    #sous-category-visuels .cat-item-14 .image{background:transparent url(images/reportages_31.jpg) 0 0 no-repeat}
    /* Expositions */
    #sous-category-visuels .cat-item-15 .image{background:transparent url(images/reportages_41.jpg) 0 0 no-repeat}
    /* titres sous categories */
    .category-art-culinaire h1{width:740px;height:110px;background-image:url(images/titre_packshots_culinaire.gif)}
    .category-art-floral h1{width:740px;height:110px;background-image:url(images/titre_packshots_floral.gif)}
    .category-objets-accessoires h1{width:740px;height:110px;background-image:url(images/titre_packshots_accessoires.gif)}
    .category-ambiances-decoration h1{width:740px;height:110px;background-image:url(images/titre_archi_ambiances.gif)}
    .category-exterieurs h1{width:740px;height:110px;background-image:url(images/titre_archi_exterieurs.gif)}
    .category-interieurs h1{width:740px;height:110px;background-image:url(images/titre_archi_interieurs.gif)}
    .category-entreprise h1{width:740px;height:110px;background-image:url(images/titre_reportage_entreprise.gif)}
    .category-illustration h1{width:740px;height:110px;background-image:url(images/titre_reportages_illustration.gif)}
    .category-evenementiel h1{width:740px;height:110px;background-image:url(images/titre_reportages_evenementiel.gif)}
    .category-expositions h1{width:740px;height:110px;background-image:url(images/titre_reportages_expositions.gif)}

    /* Sous category */
    .category-art-culinaire .post img,
    .category-art-floral .post img,
    .category-objets-accessoires .post img{margin-bottom:20px}

   /* Single posts */
    .single-post .post img{margin-bottom:20px}

    /* Footer */
    #footer{position:relative;background:transparent url(images/logo_footer.gif) right 20px no-repeat;text-align:right}
        #footer p{padding-top:30px}
        #footer p,
        #footer ul{text-align:right;margin-right:114px}
            #footer-menu li{display:inline}
        #footer-logo{display:block;width:94px;height:46px;position:absolute;top:20px;right:0}
        #footer a,#footer a:link,#footer a:active,#footer a:visited{color:#405161}
        #footer a:focus,#footer a:hover{color:#405161}

#inner-content .page-vide{margin:40px 0 0 40px;font-size:20px;font-weight:bold}

#top-page{padding-bottom:20px;text-align:right}
    #top-page a{padding-left:12px;background:transparent url(images/puce_haut.gif) left 4px no-repeat}


