/*
 * PLAN DU FICHIER
 * ____________________________
 *
 * 1. BASE CSS
 * 2. BASE ELEMENT HTML
 * 3. MAQUETTE
 * 4. INDEX
 * 5. ABOUT
 * 6. PORTFOLIO
 *
 * A.  ADMINISTRATION
 * A1. CONNEXION
 * A2. MENU
 * A3. TABLEAU
 * A4. FORMULAIRES
 * A5. ERROR MSG
 *
 *
 */

/** 1. BASE CSS **/
html, body, form, img, p { margin:0px; padding:0px; border:0px; }
html { position:relative; height:100%; width:100%; }
body {	font-family:Arial; font-size:11px; background-image: url(../images/site/commun/sb_top.jpg); background-repeat:no-repeat; background-position: top center; background-color: #111520; color:#484848; position:relative; }

/** 2. BASE ELEMENT HTML **/
textarea { font-family:Arial; font-size:13px; }
a { text-decoration:none; color:#db3d22; }
a:hover { text-decoration:underline; color:#db3d22; }
#clear { clear:both; }
#erreurAjax { padding:20px; color:#FFFFFF; font-weight:bold; text-align:center; }

/** 3. MAQUETTE **/
#global{ width:960px; margin:0 auto;  }
    #globalHeader { width:820px; margin:0 auto; height:133px; }
        #headerLogo { float:left; width:190px; height:124px; }
        #headerMenu { position:relative; float:right; height:35px; top:94px; right:20px;  }
            #blocMenu1, #blocMenu2, #blocMenu3, #blocMenu4, #blocMenu5, #blocMenu6 { height:35px; position:relative; float:left; overflow: hidden; width:80px; margin-left:5px;}
            #blocMenu1 { width:110px; display: block;  }
            #menu1Etat1 { position:relative; z-index:50; width:110px; top:0px; }
            #menu1Etat2 { position:absolute; z-index:100; width:110px; top:47px; }
            #menu2Etat1,#menu3Etat1,#menu4Etat1,#menu5Etat1,#menu6Etat1 { position:relative; z-index:50; width:80px; top:0px; }
            #menu2Etat2,#menu3Etat2,#menu4Etat2,#menu5Etat2,#menu6Etat2 { position:absolute; z-index:100; width:80px; top:47px; }

    #globalCenter { width:820px; margin:0 auto; background:#262931; min-height: 600px; }

/** 4. PAGINATION **/
ul#pagination, ul#pagination li { margin:0px; padding:0px; list-style: none; }
ul#pagination { margin-left: 10px; }
ul#pagination li { float:left; margin-right:3px; }
ul#pagination li a{ background:#2d3037; color:#db3d22; border:1px solid #4b4c50; padding:5px;padding-left:10px;padding-right:10px; font-weight:bold; }
ul#pagination li a:hover{ background:#db3d22; color:#ffffff; border:1px solid #4b4c50; padding:5px;padding-left:10px;padding-right:10px; font-weight:bold; }
ul#pagination li.active a{ background:#739b38; color:#ffffff; border:1px solid #4b4c50; padding:5px;padding-left:10px;padding-right:10px; font-weight:bold; }
ul#pagination li.infos a, ul#pagination li.previous-off a, ul#pagination li.next-off a{ background:#262932; color:#4b4c50; border:1px solid #262932; padding:5px;padding-left:10px;padding-right:10px; font-weight:bold; }
ul#pagination li.infos a{ color:#739b38; }


/** A.  ADMINISTRATION **/
    #globalAdminCenter{ width:914px; margin:0 auto; background:url(../images/site/admin/bg.jpg); min-height: 600px; }
    #adminCenter { float:left; width:686px; margin-left:12px; margin-top:10px; }

    /** A1. CONNEXION **/
    #globalConnexion { margin: 0 auto; width: 361px; position:relative; top:50px; }
        #connexionCenter { width: 361px; background:url(../images/site/admin/conex_bg.jpg); }
            #connexionCenter table { margin:0 auto; width: 330px; margin-top:20px; margin-bottom:10px; }
        #connexionTitle{ width:361px; height:30px; background:url(../images/site/admin/conex_title.jpg); }
        #connexionCh { background: url(../images/site/admin/conex_ch.jpg); width:244px; height:37px; }
            #connexionCh input{ background: none; border:0px; color:#FFFFFF; width:235px; font-weight:bold; margin-top:3px; font-size:18px; padding:4px; }
        #connexionChSmall { background: url(../images/site/admin/conex_ch_small.jpg); width:64px; height:37px; }
            #connexionChSmall input{  background: none; border:0px; color:#FFFFFF; width:58px; font-weight:bold; margin-top:3px; font-size:18px; padding:4px; }


    /** A2. MENU **/
    #adminMenu { width:206px; float:left; }
    #adminMenu ul, #adminMenu ul li{ margin:0px; padding:0px; list-style: none; }
    #adminMenu ul li.adminMenuTitle { background:#111520; padding-left:6px; height: 19px; line-height: 17px; color:#db3d22; font-weight:bold; border-bottom: 2px solid #739c38; }
    #adminMenu ul li.adminMenuLink { background:url(../images/site/admin/menu_bg.jpg) ; padding-left:17px; line-height: 20px; height:21px; border-bottom: 1px solid #2d3037; }
    #adminMenu ul li.adminMenuLinkS { background:url(../images/site/admin/menu_bg_select.jpg) ; text-align: right; padding-right:20px; line-height: 20px; font-weight:bold; height:21px; border-bottom: 1px solid #2d3037; }
    #adminMenu ul li.adminMenuLink a, #adminMenu ul li.adminMenuLinkS a { color:#ffffff; text-decoration: none; }

    /** A3. TABLEAU **/
    td.tableTop,  td.tableTopFin{ padding:4px; font-weight:bold; border-top:1px solid #656565; border-left:1px solid #656565; color:#ffffff; border-bottom:1px solid #656565; background:#111520; }
    td.tableTopFin{ border-right:1px solid #656565; }
    td.tableCenter, td.tableCenterFin{ padding:4px; border-left:1px solid #aeaeae; border-bottom:1px solid #aeaeae;}
    td.tableCenterFin, td.tableTotalFin { border-right:1px solid #aeaeae; }
    td.tableTotal, td.tableTotalFin {  padding:4px; font-weight:bold; background:#739c38; color:#FFFFFF; border-left:1px solid #aeaeae; border-bottom:1px solid #aeaeae }
    td.tableTotalInfo { font-weight:bold; color:#FFFFFF; padding:4px;}

    /** A4. FORMULAIRES **/
    table.tableForm { border:1px solid #aeaeae; background:#e5e3e3; }
    td.tableFormL { background:#d3d1d1; border-bottom:1px solid #aeaeae; border-right:1px solid #aeaeae; padding:5px; font-weight:bold; width:200px; text-align:right; }
    td.tableFormR { border-bottom:1px solid #aeaeae; padding:5px; }
    td.tableFormR input[type=text], td.tableFormR select, td.tableFormR textarea{ background:#FFFFFF; border:1px solid #aeaeae; }


    /** A5. ERROR MSG **/
    #msgError { padding:5px; font-weight:bold; text-align:center; margin-bottom:10px; margin-top:10px; background:#FFFFFF; }
    #msgError.ok { color:#739c38; border:1px solid #739c38; }
    #msgError.nook { color:#dc2828; border:1px solid #dc2828; }

    /** A6. PAGE COURANTE ET LIENS **/
    #pageFL { padding-bottom:10px; color:#d3d1d1; padding-left:10px; background:url(../images/site/admin/arrow_orange.jpg) no-repeat; background-position: 0% 25%;}
    .pageFocus { color:#db3d22; font-weight:bold; }
    a.pageLink { color:#d3d1d1; }

    /** A7. BLOC DE RECHERCHE **/
    #adminSearch{ padding:5px; text-align:right; background: #4b4c50; margin-bottom:15px; border:1px solid #111520; }

    /** A8. BIBLIOTHEQUE **/
    #biblioUpload, #biblioImg, #biblioDate, #biblioImgUrl { position:relative; margin:0 auto; margin-top:5px; width:671px; border:1px solid #111520; background:#4b4c50; padding-bottom:5px; }
    #biblioChooseY, #biblioChooseM{ margin:5px; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #a1a1a1; }
    #biblioChooseM, #biblioChooseM a, #biblioChooseY, #biblioChooseY a { color:#d3d1d1; }
    #biblioChooseY a.yearSelected, #biblioChooseM a.monthSelected { color:#ffffff;font-weight:bold; text-decoration:underline; }
    #biblioLoader { margin:0 auto; margin-top:20px; margin-bottom:20px; width:42px; }

    #biblioImg { height:auto; padding-bottom:0px; }
    div.biblioTitle { padding:3px; font-weight:bold; cursor:pointer; border-bottom: 1px solid #111520; background-image: url(../images/site/admin/arrow_down.jpg); background-position: right; background-repeat: no-repeat; background-color:#eaeaea;}
    #biblioBlocImg { width:90px; background:#c8c8c8; border:1px solid #111520; padding:5px; margin-top:10px; margin-left:8px; float:left; }
    #biblioBlocImg table tr td.biblioThumbImg{ width:90px; height:90px; background:#FFFFFF;  padding:5px; }
    #biblioBlocImg table tr td.biblioTools{ padding-top:5px; color:#db3d22 }
    div.biblioMonthG { padding-bottom:10px; }
    #biblioImgUrl { color:#ffffff; font-weight:bold; padding-top:5px;}
    #inputImgUrl { background:#FFFFFF; border:1px solid #aeaeae; width:550px; }

    /** A9. POSTS BLOG **/
    #postsDate { position:relative; margin-top:5px; border:1px solid #111520; background:#4b4c50; margin-bottom:10px; padding-bottom:5px; }

/** 4. INDEX **/
#shadowMea { width:820px; height:12px; background: url(../images/site/index/shadow.jpg);}
#meaGlobal { height:239px; width: 100%; background:#f0f0f0; }
    #meaLine { width:820px; margin: 0 auto; background:#f0f0f0;  }
        #meaShadowL { float:left; width:9px; height:239px; background: url(../images/site/index/white_l.jpg); }
        #meaShadowR { float:left; width:9px; height:239px; background: url(../images/site/index/white_r.jpg); }
        #carrousel { float:left; width:800px; height:227px; margin-left:1px; position:relative; top: 12px; overflow: hidden; }
            #meaImg { width:516px; height:215px; float:left; margin-left:8px;  }

            #meaInfoGlobal { width: 225px; height:215px; float:left; margin-left:3px; }
                #meaTitre { font-weight:bold; font-size:16px; margin-bottom:5px; }
                #meaDesc {  height:156px; overflow:hidden; }

                #meaTools { margin-top: 14px; background:url(../images/site/index/arrow_o.jpg) no-repeat; background-position: 0% 50%; padding-left:11px; }
                    #meaNavigationGlobal { position:absolute; z-index:200; top:195px; right:570px; width: 100px;  margin-right:5px;  }
                    #meaNavigation { float:right; }
                    #meaNavigation div.bullet { margin-left:5px; background: url(../images/site/index/bullet_g.jpg) no-repeat; width:15px; height:15px; float:left; cursor: pointer; }
                    #meaNavigation div.bullet:hover { background: url(../images/site/index/bullet_o.jpg) no-repeat; }

                    .slide{ position:relative; top:0px; left:0px; width:800px; height:239px; }

    #globalCenterIndex { width:820px; margin:0 auto; background:url(../images/site/index/bg.jpg); min-height: 400px; }
        #indexGlobalLeft{ width:550px; float:left;}
            #blogGlobal { width: 487px; margin:0 auto; }
            #blogBigTitle { background: url(../images/site/index/blog_title.jpg) no-repeat; width:487px; height:28px; margin:0 auto; border-bottom:1px solid #696b68; }
            #lineBlogIndex { border:1px solid #404040; background:#2d3037; padding:3px; margin-top:5px; }
            #lineBlogIFiltre { float:left; margin-top:3px; margin-left:3px; }
            #lineBlogITitleGlob { float:left; margin-left:10px; }
            #lineBlogITitle a{ font-size :11px; color:#739c38; font-weight:bold; }
            #lineBlogITitle { margin-top:1px; }
            #lineBlogICat { color:#e4e4e4; }
            #lineBlogICat span.txtOrange{ color:#db3d22; }

        #indexGlobalRight{ width:270px; float:left; }
            #edBigTitle { background: url(../images/site/index/ed_title.jpg) no-repeat; width:245px; height:28px; margin:0 auto; border-bottom:1px solid #696b68; }
            #edGlobal { width:245px; margin:0 auto; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #696b68; }
            #edLink { color:#db3d22; font-weight:bold; font-size:14px; }
            #edDesc { color:#FFFFFF; }

/** 5. ABOUT **/
#banTop { width:820px; height: 86px; background: url(../images/site/apropos/ap_ban_top.jpg); }
#banCenter { width:820px; height: 255px; background: url(../images/site/apropos/ap_ban_center.jpg); }
#banBottom { width:820px; height: 9px; background: url(../images/site/apropos/ap_ban_bottom.jpg); }
#aboutTitleShoes { width:286px; height: 96px; background: url(../images/site/apropos/ap_ban_left_foot.jpg); }

#globalCenterAbout { width:820px; margin:0 auto; background:url(../images/site/apropos/bg.jpg); min-height: 400px; }
#aboutLeftPart { width:534px; float:left; }
#aboutRightPart { width:286px; float:left; }

#blocCompetences { width:268px; margin: 0 auto; background:#d3d1d1; margin-bottom:15px; }
    #blocCompTitle { height:23px; width: 268px; }
    #blocCompBottom { height:6px; width: 268px; background:url(../images/site/apropos/ap_bottom.jpg); }
    #blocCompCenter { margin:7px; padding:5px; padding-left:15px; background:url(../images/site/apropos/ap_black_arrow.jpg) no-repeat; background-position: 0% 22%; }
    #blocCompCenter2 { margin:7px; padding:5px; }

#aboutExpBlog { margin: 0 auto; width:500px; margin-top:10px; margin-bottom:20px;  min-height:50px; background: #32343a; border:1px solid #414247; }
    #aboutTitle { height:39px; }
    #aboutInfos { border-top: 1px solid #414247; margin-left:10px; margin-right:10px; padding-top:10px; padding-bottom:10px; color:#bebebe;}
    #aboutAnnee { font-weight:bold; font-style: italic; font-size:13px; padding-bottom:5px;}

/** 6. PORTFOLIO **/
#pfGlobal { background:#d3d1d1; border:1px solid #FFFFFF; width: 788px; margin:0 auto; min-height: 200px; }
#pfSiteG {  width:247px; float:left; margin-top:10px; margin-left : 11px; }
div.pfSiteBg { background:#FFFFFF; border:1px solid #a1a1a1; width:246px; height:186px; position:relative; }
div.pfSiteImg { width:240px; height:180px; position:absolute; top:3px; left:3px; }
div.pfInfo { width:240px; height:180px; position:absolute; top:3px; left:3px; display:none; }
#pfSiteTitle { background:url(../images/site/portfolio/shadow.jpg) no-repeat; background-position: top; height:25px; width:246px; text-align:center; line-height: 25px; font-weight:bold; color:#db3d22; }
#pfSiteTitle a { font-weight:bold; color:#db3d22; text-decoration: none; }
#pfSiteTitle a:hover { text-decoration: underline; }
#pfDesc { padding:3px; color:#262931; }
.OrangeTxt { color:#db3d22; }

/** 7. BLOG **/
#globalCenterBlog { width:820px; margin:0 auto; background:url(../images/site/blog/bg.jpg); min-height: 400px; }
    #blogGlobalLeft{ width:548px; float:left;}
        #filAriane{ padding:10px; background:#2a2d34; color:#e4e4e4; }
        #filAriane a{ color:#e4e4e4; }
        img#imgBlog { border:3px solid #FFFFFF; }
        #blogPostGlob { margin:10px;margin-top:0px;padding:10px; background:#2d3037; border:1px solid #404040;}

        /** Title **/
        #postTitleGlob { color:#e4e4e4; border-bottom:1px solid #696b68;  }
        #postTitle { color:#739c38; float:left; width:400px; font-size:14px; padding-top:4px; font-weight:bold; }
        #postTitle a { color:#739c38; }
        #postType { float:right; padding-bottom:5px; }
        
        #postSubTitleGlob { margin-top:5px; margin-bottom:15px; }
        #postCat { float:left; color:#e4e4e4; }
        #postCat span.txtOrange{ color:#db3d22; }
        #postCat a{ color:#e4e4e4; }
        #postDate { float:right; color:#e4e4e4; }

        #contentBlog p{ color:#e4e4e4; width:510px; text-align:justify; margin-bottom:5px; }

        /** filtre **/
        #filtreBlog { float:right; margin-top:10px;margin-bottom:5px; margin-right:10px; }
        #filtreBlogT { float:left; color:#e4e4e4; font-weight:bold; margin-top:2px; margin-right:5px; }
        #filtreBlogI { float:left; margin-left:5px; }

        #blogRetour { margin:10px; }
        #blogRetour a{ color:#e4e4e4; }

    #blogGlobalRight{ width:271px; float:left; margin-left:1px; }
        #blogTitleCat, #blogTitlePub, #blogTitleArchive { width:245px; height:35px; margin:0 auto; margin-top:5px; margin-bottom:5px;  border-bottom:1px solid #696b68; }
        #blogTitleCat { background: url(../images/site/blog/titleCat.jpg) no-repeat; }
        #blogTitlePub { background: url(../images/site/blog/titlePub.jpg) no-repeat; }
        #blogTitleArchive { background: url(../images/site/blog/titleArchive.jpg) no-repeat; }
        #blogListCat { margin:0 auto; width:245px; }
        #blogListCat div { background:#33353c; margin-bottom:1px;  }
        #blogListCat div a{ color:#e4e4e4; font-size:12px; display:block; padding:3px;  }
        #blogListCat div a:hover{ color:#db3d22; text-decoration: none; }
        #blogListCat div a.catSelected{ background:#db3d22;  }
        #blogListCat div a.catSelected:hover{ color:#e4e4e4;  }
        #blogNoPost { margin-top:50px; color:#e4e4e4; text-align:center; }