html, body  {
margin: 0;padding: 0; 
font-family:Arial, Helvetica, sans-serif; font-size:11px;
text-align:justify;
font-size:10px;
background-image:url(../images/bkgd.gif)
}


a{text-decoration:none;}
h1, h2, h3{ padding:0; margin:0 ;font-family:Trebuchet MS; font-weight:normal; color:#4F3E33; clear:both}
h1{ font-size:2.5em; font-weight:normal; line-height:1em; text-align:left; letter-spacing:-1px}
h1 span{ font-size:0.6em}
h2{ font-size:2.5em; letter-spacing:-1px}
p{ padding: 0 45px 0 45px; color:#333; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.7em}




.global{width:100%; display:block; float:left;  margin:0}
.conteneur{width:800px; margin:0 auto 0 auto;}

.content{display:block; float:left;width:798px; margin:0 auto 0 auto;padding:0px; background-image:url(../images/left_bkgd.gif); background-repeat:repeat-y; position:relative }
.content a{ color:#666; text-decoration:none;}
.content div.all{ display:block; float:left; width:100%}
.content div.left{ display:block; float:left; width:567px; padding: 0;}
.content div.left .contenu{ display:block; float:left; width:535px; padding: 0 0 0 25px;}
.content div.left_header{ display:block; float:left; width:567px; height:20px; background-image:url(../images/left_header.gif); background-repeat:no-repeat}
.content div.left_footer{ display:block; float:left; clear:both; width:567px; height:30px; background-image:url(../images/left_footer.gif); background-position:bottom; background-repeat:no-repeat}

.content div.right{ display:block; float:left; width:215px; position:absolute; right:0}
.content ul{ list-style:none; margin:0; padding:0 25px 0 45px;font-size:1.3em; color:#666;}
.content ul li{ list-style:none; clear:both; clear:both; margin:10px 0 8px 0; padding:0 0 2px 20px; color:#4F3E33;font-weight:bold; background-image:url(../images/breadcrumb.gif); background-position:left top; background-repeat:no-repeat}
.content ul li span{ font-size:0.8em; color:#999999; display:block; float:left;clear:both; width:80%; padding:2px 0 5px 0}
.top{ display:block; float:left; width:99%; text-align:right; padding:2px 1% 1px 0; margin:0; background-image:url(../images/bkgd_top.gif); background-repeat:no-repeat; background-position:right top}
.top a{ border-bottom:none; padding:0; margin:0}

.content_large{display:block; float:left;width:798px; margin:0 auto 0 auto;padding:0px 0px 5px 0px; background-color:#FFFFFF; background-repeat:repeat-y; border-left:1px solid #eee; border-right:1px solid #eee}

.content p img.img-left{ float:left; padding: 0 20px 0 0}
.content p img.img-right{ float:right; padding: 0 0 0 20px}

#agence .left{ background-image:url(../images/nouveau-site-internet.jpg); background-repeat:no-repeat; padding:274px 0 0 0;  }
#agence .left h1{color:#fff; font-size:5.5em; font-weight:normal;letter-spacing: -5px; line-height:53px}
#agence .left h1 span {display:block;clear:both;font-size:0.3em; color:#fff; letter-spacing:4px; line-height:5px}

#print .left{ background-image:url(../images/studio-hb-orange02.jpg); background-repeat:no-repeat; padding:274px 0 0 0 }
#print .left h1{ color:#333;font-size:5.5em; font-weight:normal;letter-spacing: -5px; line-height:55px}
#print .left h1 span {display:block;clear:both;font-size:0.3em; color:#c00; letter-spacing:4px; line-height:18px}

#web .left{ background-image:url(../images/studio-hb-orange03.gif); background-repeat:no-repeat; padding:274px 0 0 0 }
#web .left h1{color:#3cf; font-size:5.5em; font-weight:normal;letter-spacing: -5px; line-height:55px}
#web .left h1 span {display:block;clear:both;font-size:0.3em; color:#D5C6AE; letter-spacing:4px; line-height:12px}


.bloc{ display:block; float:left; width:100%; clear:both; margin:0 0 0  0 ; padding:0; background-image:url(../images/bloc_liste_bkgd.gif); background-repeat:repeat-y}
.bloc .bloc_footer{ clear:both; display:block; float:left; height:10px; width:100%;background-image:url(../images/bloc_liste_footer.gif); background-repeat:no-repeat; background-position:bottom}
.bloc .bloc_header{ clear:both; display:block; float:left; height:10px; width:100%;background-image:url(../images/bloc_liste_header.gif); background-repeat:no-repeat}

.bloc h3{ font-size:1.7em;font-family:Trebuchet MS; font-weight:normal; color:#4F3E33; padding: 0 5px 2px 3px; border-bottom:1px solid #eee; width:90%; margin:0 0 0 2px; text-align:left}
.bloc ul{ list-style:none; margin:0; padding:0 25px 0 10px;font-size:1.2em; color:#D5C6AE;}
.bloc ul li{ list-style:none; margin:0; padding:0; color:#D5C6AE; background-image:none; font-weight:normal}
.bloc ul li a{ display:block; width:90%; padding:1px; color:#666666; border-bottom:none}
.bloc ul li a:hover{ color:#c00}
.bloc img{ text-align:center;}


.header{ width:100%; display:block; height:120px; float:left;margin:0 auto 0 auto; padding:0; background-image:url(../images/header.gif); background-repeat:no-repeat; color:#CCCCCC}
.header a#header{ width:250px; display:block; height:120px; float:left;margin:0 auto 0 auto; padding:0;}

.size{ display:block; float:right; padding:65px 0 0 0; margin:0 3px 0 0}
.size a{ padding:2px 1px 0 1px; margin:0}
.footer{color:#eee;width:100%; display:block; color:#993300; float:left; clear:both;font-size:1.1em;}
.footer a{color:#999; text-decoration:none;}
.footer a:hover{color:#fff; text-decoration:underline;}
.footer div{width:800px; margin:0 auto 0 auto;clear:both; padding:3px 0 50px 0; }
.footer div.ref{ padding:0; clear:both; width:800px; margin:10px auto 0 auto; text-align:justify; font-size:0.8em;color:#666}
.footer div.ref a{color:#D5C6AE; text-decoration:none;}
.footer div.ref a:hover{color:#D5C6AE; text-decoration:underline;}




/* menu top */
.navcontainer01{ display:block; float:left; width:480px; font-size:1.1em; padding: 20px 0 0 50px; position:relative}
.navcontainer01 a{ width:auto; height:auto}

/* sub menu top */
.navcontainer02 { display:block; float:left;  width:600px; font-size:1.1em}
.navcontainer02 ul {padding:0 0 0 5px;margin:0;float: left;width:695px;font-family: 'Trebuchet MS',Verdana,sans-serif;}
.navcontainer02 li { float:left;list-style:none;}
.navcontainer02 li a{ position: relative; float:left;padding: 2px 10px 0 10px;display:block;height:20px;color:#999;text-decoration: none;}
.navcontainer02 li #current02 {color: #fff; background-image:url(../images/deco/arrow_menu_on.gif); background-position:left; background-repeat:no-repeat}
.navcontainer02 li a:hover{color: #fff;}
.navcontainer02 h2 { display:block; float:left; width:60%; color:#fff; font-size:2em; padding:11px 2px 0 2px;font-weight:normal; margin:0}


.references{ display:block; float:left;margin: 0 0 10px 0; padding: 0 0 25px 22px; width:550px}
.references a{font-size:1.3em; padding:0 0 0 12px; font-weight:bold; color:#776C5D; background-image:url(../images/arrow_url.gif); text-decoration:none; background-position:left; background-repeat:no-repeat}
.references a:hover{font-size:1.3em; padding:0 0 0 12px; font-weight:bold; color:#990000; background-image:url(../images/arrow_url_hover.gif); text-decoration:none; background-position:left; background-repeat:no-repeat}

.references div span{font-size:1.2em; float:left; clear:both; font-weight:bold; padding:5px 0 5px 0; color:#666; margin:0; display:block; float:left;}
.references img{ display:block; float:left; padding: 0; border:1px solid #eee; margin: 0 0 5px 0}
.references p{ display:block; float:left; font-size:1em; line-height:1.3em; padding:5px 25px 5px 0; margin:0;}

.references .tags{ clear:both; font-size:1em; float:left; display:block; padding:0 0 10px 0; margin:0; width:90%}
.references .tags h3{ font-weight:bold; color:#776C5D}

.references .tags div{ float:left; white-space:nowrap; clear:none; display:block; height:12px; width:auto; padding:3px 0 5px 13px; margin:1px; background-image:url(../images/url_left.gif); background-repeat:no-repeat; background-position:left}
.references .tags span{ float:none; clear:none; padding:2px 15px 4px 0; display:inline; font-size:1em; background-image:url(../images/url_right.gif); background-repeat:no-repeat; background-position:right; width:auto}
.references h2{ font-size:3.2em; font-weight:normal; line-height:1em; text-align:left; letter-spacing:-1px;padding:25px 0 5px 0 }
.references h2 span{ font-size:0.4em; padding: 0 0 0 5px }


.quote{ font-size:0.8em; margin: 0 0 0 30px; background-color:#eee;width:90%;}
.quote ul li{ background-image:none; list-style-type:disc; padding:0; margin:0}