*{ padding:0; margin:0; outline: none;}
html{ font-size:12px; height: 100%; min-width: 100%;}
body{ font-size:1em; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; color:#000000; background:#9a6c52 url(../images/body_bg.jpg) repeat-x; height: 100%;}

a{ color:#9ebf00; font-weight:normal; text-decoration:none;}
a:hover{ text-decoration:underline;}

img{ border:0;}

h1{ font-size:16px; font-weight:normal; font-family: "Georgia"}
h2{ font-size:16px; font-weight:normal; font-family: "Georgia"; line-height:18px;}
h3{ font-size:13px; font-weight:normal; font-family: "Georgia"; margin: 20px 0 5px;}
h4{ font-size:12px; font-weight:normal;}

p{ font-size:1em; margin:5px 0;}

ul{ list-style-type: none;}

.clear-both{clear:both;}
.float-left{float:left;}
.float-right{float:right;}

.gras{font-weight:bold;}

li.last{ border:0;}

.txtVert{ color:#9ebf00;}

.lien_fleche{
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 10px;
}

#halo_bg{ position:absolute; top:0; left:50%; margin-left: -863px; width: 1726px; height:786px; /*background: url(../images/halo_bg.png) no-repeat;*/}
#site-container{ text-align:center; background:url(../images/bodybg.png) repeat-x; height:auto !important; height:100%; min-height:100%;  position:relative;}
    #site{ width:980px; margin:0 auto;}

        #header-container{}
            #header{ color:#fff;}
                #header p{ line-height:37px; text-transform: uppercase;}

        #footer-container{ z-index:555;position:relative;}
            #footer-adresse{ margin:0; float:right; position:relative; left:-50%; text-align:left;}
                #footer-adresse ul{ position:relative; left: 50%;}
                    #footer-adresse li{ float:left; position: relative; border-right:1px solid #fff; color:#fff; margin-right:5px; padding-right:5px; font-size:10px; line-height:9px;}
                        #footer-adresse li a{ color:#fff; font-weight:normal;}

            #footer-links{ margin:10px 0 8px; float:right; position:relative; left:-50%; text-align:left;}
                #footer-links ul{ position:relative; left: 50%;}
                    #footer-links li{ float:left; position: relative; border-right:1px solid #fff; color:#fff; margin-right:5px; padding-right:5px; font-size:10px; line-height:9px;}
                        #footer-links li a{ color:#fff; font-weight:normal;}

        #content-container{}
            #content{ position:relative; background: #000; background-image: url(../images/content_bg.jpg); background-repeat: no-repeat; width:980px; height:570px;}
                #content-bambou{ position:absolute; top:0; right:-185px; z-index:999;}
                    
               
                #content-bambou-big{ /*position: absolute; top:0; left:0; width: 100%; height: 100%;*/}
                    #content-bambou-big-d{ position:absolute; top:-5px; left:50%; z-index:1; height:100%;}
                    #content-bambou-big-g{ position:absolute; top:-5px; right:50%; z-index:1; height:100%;}
                                #content-bambou-big-d img{ position:absolute; right:0;display:block;height:100%; padding-right: 490px;}
                                #content-bambou-big-g img{ position:absolute; left:0;display: block;height:100%; padding-left: 490px;}


                #content-header-container{}
                    #content-header{}
                        #logo{ float:left; width:340px; height:110px; position: relative; _margin:20px 0 0 -80px;}
                            /*#logo img{ position:absolute; top:50%; left:50%; margin-left:-60px; margin-top:-34px;}*/
                            #logo img{ position:absolute; top:50%; left:45px; margin-top:-34px; z-index:555;}


                #page-container{}
                    #page{ position:relative; _margin-left:-970px;}
                        #page-texte{ position:absolute; top:0; height:380px; left:45px; width:250px; overflow: hidden; text-align:left; margin: 0px; z-index:555;}
                            #page-texte h1{ color:#a7c900;}
                            #page-texte h3{ color:#a7c900;}
                            #page-texte h4{ color:#a7c900;}
                            #page-texte p{ color:#c8a260; margin: 20px 0;}
                                #page-texte p.nomargin{ margin: 0;}

                        #page-photo{ position: absolute; top:0; left:350px; width: 382px;}
                            #page-photo-contenu{ position:relative; width:382px; height:370px; *margin-left:-110px;}
                                #page-photo img#front{ position: absolute; left:0; top:0;}
                                #page-photo img#back{ position: absolute; left:0; top:0; display:none;}
                        #page-slogan{ position:absolute; top:380px; left:350px; width:382px; text-align:left;}
                            #page-slogan h2{ color:#9ebf00; font-style: italic;}
                        #map-container{ position: absolute; top:0; left:350px; width: 382px; z-index:555;}
                        #l-equipe-bio{ position: absolute; top:20px; left:350px; width: 382px; z-index:555;}
                        #page-methode{ display:none;position:absolute; top:345px; left:0px; width:500px; text-align:left; z-index:555;}

ul#paginator{ position:absolute; top:380px; left:0;  margin: 40px 45px; z-index:555;}
ul#paginator li{ float:left; border-right:1px solid #a7c900; color:#a7c900; margin-right:5px; padding-right:5px; font-size:10px; line-height:9px;}
    ul#paginator li.last{ border: 0;}
    ul#paginator li a{ color:#a7c900;}
        ul#paginator li a:hover, ul#paginator li a.active, #l-equipe a.active{ color:#c8a260; color:#fff; text-decoration: none;}

#ariane{ margin: 0 0 20px; font-size:10px; color:#fff;}
    #ariane a{ text-decoration:underline; color:#a7c900;}

    #l-equipe p{ font-size:10px;}
    #l-equipe p a{ font-size:11px;}

    #l-equipe-bio h2{ color:#a7c900; text-align: left; margin: 0 0 10px 0;}
    #l-equipe-bio h3{ color:#a7c900; text-align: left; margin: 0;}
    #l-equipe-bio h4{ color:#a7c900; text-align: left; margin: 0;}
    #l-equipe-bio p{ color:#c8a260; text-align: left; margin: 10px 0;}

    #l-equipe-vcard a{ font-size:10px; vertical-align: bottom; text-decoration: underline;}


    .gmap_marker{ border:5px solid #f00;}


#portfolio{ height: 350px; background:#000; width:100%; position: relative; margin-top:25px;}
    #portfolio #portfolio-clients{ width: 713px; position:absolute; left:0; height:100%; z-index: 9999;}
    #portfolio #portfolio-logos{ width: 268px; position:absolute; right:0; height:100%;}
        #portfolio #portfolio-logos li{ float:left; width:268px; height:116px; text-align:center;}
        /*#portfolio #portfolio-logos li{ float:left; width:534px; height:116px; text-align:center;}
            #portfolio #portfolio-logos li img{ width:534px; height:116px;}*/
ul#portfolio-clients li{ font-size: 11px; border-top:0px solid #000; border-bottom: 0px solid #a7c900; padding:5px 0;}

#portfolio{ height: 350px; background:#000; width:100%; position: relative; margin-top:25px;}
    #portfolio #portfolio-client{ width: 713px; position:absolute; left:0; height:100%; z-index: 9999;}
    #portfolio #portfolio-detail{ width: 267px; position:absolute; right:0; height:100%;}
        #portfolio #portfolio-detail li{ float:left; width:267px; height:116px; text-align:center;}

        #portfolio #portfolio-detail h1{ color:#c3996b; font-size:16px; padding-right:20px;}
        #portfolio #portfolio-detail p{ color:#fff; font-size:12px; text-align: justify; padding-right:20px;}
        #portfolio #back-clients{ position:absolute; top:5px; right:5px; height:21px; width:21px; background: url(lib/colorbox/images/picto-close.png) no-repeat; z-index:888;}

ul#portfolio-client li{ font-size: 11px; border-top:0px solid #000; border-bottom: 0px solid #a7c900; padding:5px 0;}