/*
Theme Name: Thème du site Passerelle V
Theme URI: http://www.passerellev.com
Description: Site de l'association des étudiants de l'école d'architecture de Paris - La Villette
Version: 0.1
Author: Benjamin Massé (conception et design) et Sébastien Méric (développement et intégration).
*/
    
/** 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:white}

    /* Textes */
    body,button,input,optgroup,option,select,textarea{font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif;font-size:12px;color:black}
    body{line-height:1.6em}
    strong{font-weight:bold}
    em{font-style:italic}
    /*ins{text-decoration: none}*/
    del{text-decoration:line-through}
    #derniere-news .entry-date{font-family:georgia;font-weight:bold;font-style:italic;color:#666666}
    #bloc-libre a,
    #derniere-news a,
    #bookotheque-mea a,
    #content a{font-family:georgia;font-weight:bold;font-style:italic;line-height:1.2em}
    #footer-menu li{font-family:georgia;font-weight:bold;font-style:italic;line-height:1.2em}
    #credits{font-size:10px;color:#737373}

    /* Titres */
    h1{font-size:28px}
    h2{font-size:26px}
    h3{font-size:24px}
    h4{font-size:22px}
    h5{font-size:20px}
    h6{font-size:18px}
    #footer h4{font-size:12px;color:white;text-transform:uppercase}
    #bloc-libre-home h3,
    #bloc-libre h3,
    #accueil-projets h4,
    #accueil-offres h3,
    #accueil-offres h4,
    #bookotheque-mea h4{font-size:13px;font-weight:bold}
    h2.entry-title,
    .entry-content h3{font-size:16px;font-weight:bold}

    /* Liens */
    /* LVHA order :link, :visited, :hover, :focus, :active */
    a,a:link,a:active,a:visited{text-decoration:none;color:#60ad26}
    a:focus,a:hover{text-decoration:underline;color:#60ad26}
    #footer a,#footer a:link,#footer a:active,#footer a:visited,
    #liens a,#liens a:link,#liens a:active,#liens a:visited{text-decoration:none;color:#60ad26}
    #footer a:focus,#footer a:hover,
    #liens a:focus,#liens a:hover{text-decoration:underline;color:#60ad26}
    #credits a,#credits a:link,#credits a:active,#credits a:visited{text-decoration:none;color:#737373}
    #credits a:focus,#credits a:hover{text-decoration:underline;color:#737373}
    h4 a,h4 a:link,h4 a:active,h4 a:visited{color:#000;font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif !important;font-style:normal !important;}
    h4 a:focus,h4 a:hover{text-decoration:none;color:#000;font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif !important;font-style:normal !important;}

/** Utils **/

    /**
     * Pour le curseur "pointer" sur les boutons de formulaite
     * label : marche pas sur safari...
     **/
    button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer}

    /**
     * Pour cacher le texte replacé par une image
     **/
    .hidden{position:absolute;left:-9999px}
    /*.hidden{display:none}*/

    /**
     * Pour cacher du contenu qui ne doit apparaitre qu'à l'impression
     **/
    .printOnly{display:none}

    /**
     * Pour les blocks qui contiennent des blocks en float
     **/
    .container{clear:both;overflow:hidden}

    /**
     * La signification d’un acronyme ou d’une abréviation peut être indiquée dans
     * l’attribut title. Un navigateur graphique sera alors capable de l’afficher
     * sous forme d’info bulle.
     **/
    acronym,abbr{border-bottom:1px dashed;cursor:help}
    .acronym,.abbr{border-bottom:1px dashed;cursor:help}

    /**
     * Force l'assenceur de scroll vertical sur FF.
     * Evite les sauts lors de la navigation entre une page avec et une page sans barre de scroll
     * dans les sites centrés horizontalement.
     **/
    body{height:101%}
    html{overflow-y:scroll;}

    /**
     * Types du texte
     **/
    .error{color:red;font-weight:bold}
    .warning{color:red;font-weight:bold}
    .required:after{content:'*';color:red}

/** Paramétrages spécifiques **/
    /* Layout 2 colonnes */
    #outer-wraper{text-align:center}
        #inner-wraper{margin:0 auto;width:990px}
            #sidebar-wraper{width:210px;float:left;overflow:hidden}
                #sidebar{margin-right:10px}
            #main-wraper{width:780px;float:left;overflow:hidden;min-height:1409px}
                #main{clear:both;overflow:hidden}
                    #header{position:relative;clear:both;overflow:hidden;height:304px}
                    #content-wraper{width:550px;float:left;overflow:hidden;padding-top:20px}
                    .category-bookotheque #content-wraper,
                    .category-les-offres #content-wraper,
                    .category-projets-pedagogiques #content-wraper,
                    .s-category-bookotheque #content-wraper,
                    .s-category-les-offres #content-wraper,
                    .s-category-projets-pedagogiques #content-wraper{padding-top:0}
                        #content{margin-right:15px}
                    #sidebar-mea-wraper{width:230px;float:left;overflow:hidden}
                        #sidebar-mea{}
            #footer{clear:both;overflow:hidden;height:389px;position:relative}
            
    /* Backgrounds */
    body{background:black url(images/pat_background_site.gif) 0 0 repeat-x}
        #outer-wraper{background:transparent url(images/pat_background_site2.gif) 0 bottom repeat-x}
        #main-wraper{background:transparent url(images/bg_footer_top.gif) -210px bottom no-repeat}
        #logo{background:transparent url(images/logo.gif) 0 0 no-repeat}
        #contact-adresse{background:transparent url(images/adresse.gif) 0 0 no-repeat}
        #contact-email{background:transparent url(images/contact.gif) 0 0 no-repeat}
        .category-news #header,
        .s-category-news #header{background:transparent url(images/top_news.jpg) 0 0 no-repeat}
        .category-l-association #header,
        .s-category-l-association #header{background:transparent url(images/top_association.jpg) 0 0 no-repeat}
        .category-comment-ca-marche #header,
        .s-category-comment-ca-marche #header{background:transparent url(images/top_commentcamarche.jpg) 0 0 no-repeat}
        .category-projets-pedagogiques #header,
        .s-category-projets-pedagogiques #header{background:transparent url(images/top_projets.jpg) 0 0 no-repeat}
        .category-bookotheque #header,
        .s-category-bookotheque #header{background:transparent url(images/top_bookotheque.jpg) 0 0 no-repeat}
        .category-les-offres #header,
        .s-category-les-offres #header{background:transparent url(images/top_lesoffres.jpg) 0 0 no-repeat}
        .search #header{background:transparent url(images/top_recherche.jpg) 0 0 no-repeat}
        .not-found #header{background:transparent url(images/top_404.jpg) 0 0 no-repeat}
        .page #header{background:transparent url(images/top_generik.jpg) 0 0 no-repeat}
        .home #header{background:transparent url(images/top_home.jpg) 0 0 no-repeat}
        .pageid-7 #header{background:transparent url(images/top_postezoffre.jpg) 0 0 no-repeat}
        .pageid-5 #header{background:transparent url(images/top_postezbook.jpg) 0 0 no-repeat}
        .pageid-2 #header{background:transparent url(images/top_contacteznous.jpg) 0 0 no-repeat}

            #header-menu-top{background:transparent url(images/menu/top_nav.gif) 0 0 no-repeat}
            #header-menu-bottom{background:transparent url(images/menu/bottom_nav.gif) 0 0 no-repeat}

            #header-menu-accueil{background:transparent url(images/menu/n1_a.gif) 0 0 no-repeat}
            #header-menu-news{background:transparent url(images/menu/n2_a.gif) 0 0 no-repeat}
            #header-menu-association{background:transparent url(images/menu/n3_a.gif) 0 0 no-repeat}
            #header-menu-comment{background:transparent url(images/menu/n4_a.gif) 0 0 no-repeat}
            #header-menu-projets{background:transparent url(images/menu/n5_a.gif) 0 0 no-repeat}
            #header-menu-bookotheque{background:transparent url(images/menu/n6_a.gif) 0 0 no-repeat}
            #header-menu-offres{background:transparent url(images/menu/n7_a.gif) 0 0 no-repeat}

            #header-menu-accueil .current-cat{background:transparent url(images/menu/n1_c.gif) 0 0 no-repeat}
            #header-menu-news .current-cat{background:transparent url(images/menu/n2_c.gif) 0 0 no-repeat}
            #header-menu-association .current-cat{background:transparent url(images/menu/n3_c.gif) 0 0 no-repeat}
            #header-menu-comment .current-cat{background:transparent url(images/menu/n4_c.gif) 0 0 no-repeat}
            #header-menu-projets .current-cat{background:transparent url(images/menu/n5_c.gif) 0 0 no-repeat}
            #header-menu-bookotheque .current-cat{background:transparent url(images/menu/n6_c.gif) 0 0 no-repeat}
            #header-menu-offres .current-cat{background:transparent url(images/menu/n7_c.gif) 0 0 no-repeat}

            #header-menu-accueil a:hover{background:transparent url(images/menu/n1_b.gif) 0 0 no-repeat}
            #header-menu-news a:hover{background:transparent url(images/menu/n2_b.gif) 0 0 no-repeat}
            #header-menu-association a:hover{background:transparent url(images/menu/n3_b.gif) 0 0 no-repeat}
            #header-menu-comment a:hover{background:transparent url(images/menu/n4_b.gif) 0 0 no-repeat}
            #header-menu-projets a:hover{background:transparent url(images/menu/n5_b.gif) 0 0 no-repeat}
            #header-menu-bookotheque a:hover{background:transparent url(images/menu/n6_b.gif) 0 0 no-repeat}
            #header-menu-offres a:hover{background:transparent url(images/menu/n7_b.gif) 0 0 no-repeat}

            #header-menu-accueil .current-cat:hover{background:transparent url(images/menu/n1_c.gif) 0 0 no-repeat}
            #header-menu-news .current-cat:hover{background:transparent url(images/menu/n2_c.gif) 0 0 no-repeat}
            #header-menu-association .current-cat:hover{background:transparent url(images/menu/n3_c.gif) 0 0 no-repeat}
            #header-menu-comment .current-cat:hover{background:transparent url(images/menu/n4_c.gif) 0 0 no-repeat}
            #header-menu-projets .current-cat:hover{background:transparent url(images/menu/n5_c.gif) 0 0 no-repeat}
            #header-menu-bookotheque .current-cat:hover{background:transparent url(images/menu/n6_c.gif) 0 0 no-repeat}
            #header-menu-offres .current-cat:hover{background:transparent url(images/menu/n7_c.gif) 0 0 no-repeat}

            #searchform-no-results{background:transparent url(images/fond_bloc_recherche.gif) 0 0 no-repeat}
            #searchform-no-results .button{background:transparent url(images/bt_ok.gif) 0 0 no-repeat}

            #rss{background:transparent url(images/bt_rss.gif) 0 0 no-repeat}
            #bloc-libre-home h3{background:transparent url(images/separateur_simple.gif) 0 bottom no-repeat}
            #bloc-libre{background:transparent url(images/fond_bloc_top_rightcol.gif) 0 0 no-repeat}
            #derniere-news{background:transparent url(images/bg_bloc_last_news_right.gif) 0 0 no-repeat}
            #liens-entreprises{background:transparent url(images/top_bloc_entreprises_right.gif) 0 0 no-repeat}
            #liens-etudiants{background:transparent url(images/top_bloc_etudiants_right.gif) 0 0 no-repeat}
            #bookotheque-sous-titre{background:white url(images/top_bloc_booktek_right.gif) -11px 0 no-repeat}
            #bookotheque-mea{background:white url(images/bas_bloc_booktek_right.gif) 0 bottom no-repeat}
            #titre-liens{background:transparent url(images/titre_liens.gif) 0 0 no-repeat}

        #content .post,#content .page{background:white url(images/separateur_posts.gif) left bottom no-repeat}
        p.page-sep{background:white url(images/separateur_posts.gif) left bottom no-repeat}
        .flickr-logo{background:white url(images/flickr-logo.jpg) right top no-repeat}

        #accueil-comment-ca-marche{background:white url(images/separateur_bloc_home.gif) left bottom no-repeat}
        #accueil-comment-ca-marche h3{background:white url(images/top_bloc_home_cmm.gif) 0 0 no-repeat}
        #accueil-projets{background:white url(images/bas_bloc_projets.gif) no-repeat scroll 0 bottom}
        #accueil-projets h3{background:transparent url(images/top_bloc_projets_home.gif) no-repeat scroll 0 0}
        #accueil-posts-dynamic {background:white url(images/bas_bloc_projets.gif) 0 bottom no-repeat}
        #accueil-offres h3 {background:transparent url(images/top_bloc_annonces.gif) no-repeat scroll 0 bottom}
        #accueil-offres li.first {background:white url(images/separateur_bloc_annonces_ho.gif) 0 bottom no-repeat}
        #accueil-liens-etudiants h3{background:white url(images/top_bloc_etudiants_home.gif) 0 0 no-repeat}
        #accueil-liens-etudiants a{background:transparent url(images/bas_bloc_etudiants_home.gif) 0 0 no-repeat}
        #accueil-liens-entreprises h3{background:white url(images/top_bloc_entreprs_home.gif) 0 0 no-repeat}
        #accueil-liens-entreprises a{background:transparent url(images/bas_bloc_entrps_home.gif) 0 0 no-repeat}

        #footer{background:transparent url(images/bg_footer_bottom.gif) 0 0 no-repeat}

    /* Sidebar */
    #logo{height:625px}
    #contact-adresse{height:310px}
    #contact-email{height:126px}
        #contact-email a{margin-left:60px;display:block;height:100px;width:90px}

    /* Sidebar mea */
    #rss{height:24px;margin-bottom:15px}
        #rss a{display:block;height:24px;width:81px}
    #bloc-libre-home{padding:11px;background-color:white;margin-bottom:11px}
        #bloc-libre-home h3{margin-bottom:11px;padding-bottom:11px}
    #bloc-libre{height:113px;margin-bottom:11px}
        #bloc-libre h3{margin:0 11px 11px;padding-top:16px}
        #bloc-libre p{margin:11px}
    #derniere-news{height:138px;margin-bottom:11px}
        #derniere-news p{margin:0 11px 11px}
        #derniere-news .entry-date{margin-bottom:4px;padding-top:40px}
    #bloc-banner{height:87px;margin-bottom:11px}
    #liens-entreprises-etudiants{margin-bottom:11px;background-color:white}
        #liens-entreprises{width:230px;height:32px}
        #liens-etudiants{width:230px;height:32px}
        #liens-entreprises-etudiants ul{margin-left:11px;color:#60ad26;padding-bottom:11px}
            #liens-entreprises-etudiants li{list-style-type:disc;list-style-position:inside}
    #bookotheque-mea{padding-bottom:35px;position:relative;margin-bottom:11px}
        #bookotheque-sous-titre{margin:5px 11px 20px;padding-top:55px}
        #bookotheque-lien-books{padding:20px 11px}
        #mycarousel-mea img{border:1px solid black;margin-bottom:20px}
    #titre-liens{height:15px;width:40px;margin:200px 0 5px 11px}
    .search #titre-liens{margin-top:600px}
    #liens{color:#60ad26;margin-left:11px}
        #liens li{list-style-type:disc;list-style-position:inside}

    /* Header */
    #header-menu{position:absolute;right:0;top:0;height:204px;width:245px;overflow:hidden;clear:both}
        #header-menu li{float:left;width:245px}
        #header-menu a{display:block}
        #header-menu-top{height:43px}
        #header-menu-bottom{height:14px}

        #header-menu-accueil a{height:22px}
        #header-menu-news a,
        #header-menu-association a,
        #header-menu-comment a,
        #header-menu-projets a,
        #header-menu-offres a{height:21px}
        #header-menu-bookotheque a{height:20px}
    #searchform-no-results{position:absolute;right:0;top:204px;width:230px;height:97px}
        #searchform-no-results input{vertical-align:middle}
        #s-no-results{margin-left:11px;width:180px;height:19px;padding:1px;background-color:black;border:0;margin-top:48px;color:white}
        #searchform-no-results .button{height:21px;width:26px;border:0;margin-top:48px}

    /* Footer */
    #footer-menu{clear:both;overflow:hidden;position:absolute;top:200px;left:20px}
        #footer-menu li{float:left}
        #footer-menu-news,
        #footer-menu-association,
        #footer-menu-comment,
        #footer-menu-projets{padding-left:20px;background:transparent url(images/separateur_footer_nav.gif) 5px 3px no-repeat}
    #footer-liens{position:absolute;top:180px;left:777px}
        #footer-liens h4{margin-bottom:5px;}
        #footer-liens ul{color:#60ad26;margin-bottom:22px}
            #footer-liens li{list-style-type:disc;list-style-position:inside}
    #credits{position:absolute;top:330px;left:20px}

    /* Content */
    #jumpto{text-align:right;height:20px}
    #content .post{padding-bottom:43px;overflow:hidden;clear:both}
        h2.entry-title{padding:11px 11px 0;background:transparent url(images/puce_titrepost.gif) 0 14px no-repeat}
        .entry-content h3{margin:11px}
        .entry-content ol{margin:11px}
            .entry-content ol li{list-style-position:inside;list-style-type:decimal}
        /*#content .post p,
        #content .post div{padding:0 11px;margin:11px 0 0}*/
        #content .post p{margin:11px 0 0}
        #content .post .entry-content{padding:0 11px;margin:11px 0 0}
        .alignleft{float:left}
        /*#content .post div{padding:0 11px;margin:11px 0 0}*/
        .alignright{float:right}
        img.alignleft{padding-right:10px}
        img.alignright{padding-left:10px}
        .navigation{margin-top:30px;color:#60ad26;overflow:hidden;clear:both}
        .single .navigation{background-color:white;}
            .navigation .alignleft{margin:20px 0;width:45%;}
                .navigation .alignleft a{padding-left:20px}
            .navigation .alignright{margin:20px 0;text-align:right;width:45%;}
                .navigation .alignright a{padding-right:20px}
        .navigation{margin-top:30px;color:#60ad26;overflow:hidden;clear:both}

    /* Pages */
    #content .page{padding-bottom:13px;}
        #google-form-offres{height:1500px;width:521px}
        #google-form-books{height:1300px;width:521px}
        #content .page p{padding:0 11px;margin:11px 0}
            #content .page p.page-sep{padding:0 11px 43px;margin-bottom:0}
        .flickr-logo{display:block;padding-top:4px;width:185px}
        .wpcf7-form{margin:11px;padding-bottom:30px}
        .form-entry{padding-bottom:11px}

    /* Home */
#accueil-l-association{margin:0 11px 30px}
#accueil-l-association p{margin-bottom:10px}
#accueil-comment-ca-marche{padding-bottom:15px}
    #accueil-comment-ca-marche h3{height:52px}
    #accueil-comment-ca-marche p{margin:11px}
#accueil-projets{padding-bottom:15px;overflow:hidden;clear:both}
    #accueil-projets h3{height:47px}
#accueil-projets .accueil-projets-img{width:261px;float:left}
#accueil-projets .accueil-projets-img img{margin-right:11px;border:1px solid black}
#accueil-projets .hentry{margin-top:30px;width:232px;float:left}
    #accueil-posts-wraper{overflow:hidden;clear:both;zoom:1}
        #accueil-posts-dynamic-wraper{float:left;width:275px}
            #accueil-posts-dynamic{margin-right:15px;background-color:white;padding-bottom:60px}
                #accueil-offres h3 {margin-bottom:11px;height:59px}
                #accueil-offres ul {margin:11px}
                    #accueil-offres li.first {margin-bottom:15px;padding-bottom:30px}
                #accueil-offres-lien {margin:0 11px;padding:11px 0}
        #accueil-posts-hard{float:left;width:260px;margin-top:48px}

#accueil-liens-etudiants{margin-bottom:11px}
#accueil-liens-etudiants h3{height:44px}
#accueil-liens-etudiants p{padding:0 11px 11px;background-color:white}
#accueil-liens-etudiants a{display:block;height:37px}
#accueil-liens-entreprises h3{height:44px}
#accueil-liens-entreprises p{padding:0 11px 11px;background-color:white}
#accueil-liens-entreprises a{display:block;height:37px}