*{margin:0;padding:0;}
body,html{height:100%;}
body{background:#12151a url(http://static.patrick-pham.com/images/charte/bg.gif) repeat-x;}
#container{position:relative;min-height:100%;width:960px;margin:0 auto;background:url(http://static.patrick-pham.com/images/charte/bgP.gif);}
#hun{width:960px;height:19px;background:#12151a;}
#hun{width:960px;height:19px;background:#12151a;}
#hun h1, #hun h1 a{text-align:center;font:bold 11px/15px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none;}
#hun h1 a:hover{color:#FFF;text-decoration:underline;}
#header{width:960px;height:200px;}
#menuTop{position:relative;z-index:5;width:960px;height:52px;padding:0 0 0 0px;background-color:#101216;list-style:none;}
#menuTop li{position:relative;float:left;}
#menuTop a{text-decoration:none;display:block;height:52px;overflow:hidden;background:left top no-repeat;}
#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active{background-position:left bottom;}
#menuTop a span{display:none;}
#menuTop li.bt1{width:339px;}
#menuTop li.bt2{width:131px;}
#menuTop li.bt3{width:150px;}
#menuTop li.bt4{width:122px;}
#menuTop li.bt5{width:128px;}
#menuTop li.bt6{width:90px;}
#menuTop li.bt1 a{background-image:url(http://static.patrick-pham.com/images/charte/logo.gif);}
#menuTop li.bt2 a{background-image:url(http://static.patrick-pham.com/images/charte/bt02.gif);}
#menuTop li.bt3 a{background-image:url(http://static.patrick-pham.com/images/charte/bt03.gif);}
#menuTop li.bt4 a{background-image:url(http://static.patrick-pham.com/images/charte/bt04.gif);}
#menuTop li.bt5 a{background-image:url(http://static.patrick-pham.com/images/charte/bt05.gif);}
#menuTop li.bt6 a{background-image:url(http://static.patrick-pham.com/images/charte/bt06.gif);}
#menuTop li ul{list-style:none;position:absolute;width:122px;top:-6000px;left:0;background:#717375;border:solid #fff;border-width:0px 0 0 0;}
#menuTop li li{float:none;}
#container #menuTop li li a{background:none;width:auto;position:relative;height:31px;font:12px/31px Arial, Helvetica, sans-serif;text-align:center;text-transform:none;color:#fff;text-decoration:none;border:solid #989898;border-width:0 0 1px 0;}
#container #menuTop li li a:hover{background:#f600ff;color:#FFF;}
#contenu{width:960px;padding:0px 0 0 0px;background:url(http://static.patrick-pham.com/images/charte/bg-contenu.gif) no-repeat;}
#flash{width:688px;height:224px;padding:10px 0 0 13px;}
#devis{width:250px;float:right;padding:120px 0px 0 0px;background:url(http://static.patrick-pham.com/images/charte/devis.gif) no-repeat top left;}
#deviss{width:250px;float:right;padding:15px 0px 0 0px;}
#logos{width:688px;height:100px;background:url(http://static.patrick-pham.com/images/charte/references-sites-internet.gif) no-repeat right;}
#3blocs{width:701px;height:auto;}
.bloc1{float:left;padding-left:13px;width:220px;}
.blocRef{float:left;padding:10px 20px 0 5px;width:316px;}
.blocPack{float:left;padding:10px 20px 0 5px;width:170px;}
.blocReftxt{float:left;padding-top:10px;padding-left:5px;width:320px;}
.blocPacktxt{float:left;padding-top:10px;padding-left:5px;width:470px;}
#presentation{width:678px;padding:10px 10px 0 13px;}
.clearer{clear:both;}
#clearFooter{height:127px;}
#footer1{width:100%;height:127px;clear:both;position:relative;margin:-127px auto;background:url(http://static.patrick-pham.com/images/charte/footer2.gif) left top repeat-x;}
#footer{position:relative;margin:auto;width:960px;height:127px;color:#fff;background:url(http://static.patrick-pham.com/images/charte/footer.gif);}
a img{border:none;}
a:active, a:focus{outline:none;}
#container h1{font:bold 11px Arial, Helvetica, sans-serif;color:#FFF;margin:0 0 0px;}
#contenu h1{font:bold 20px Arial, Helvetica, sans-serif;color:#12151a;margin:0 0 7px;}
#contenu h2{font:bold 13px Arial, Helvetica, sans-serif;color:#a43298;margin:0 0 0px;}
#contenu h3{font:bold 20px Arial, Helvetica, sans-serif;color:#7d8a2e;letter-spacing:1px;margin:0 0 12px 0px;border-bottom:1px dotted #c9d787;}
#contenu p{font:12px/1.3em Arial, Helvetica, sans-serif;text-align:justify;color:#000;margin-bottom:1.2em;}
#contenu p em{font-weight:normal;font-size:11px;line-height:1.3em;}
#contenu p.couleur, span.couleur{font-weight:bold;color:#a43298;}
#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:none;color:#a8359c;}
#contenu a:hover, #contenu a:active{color:#000;}
#footer p{font:11px/15px Arial, Helvetica, sans-serif;color:#959595;text-align:center;letter-spacing:1px;padding:25px 0px 0 0;}
#footer a:link, #footer a:visited{text-decoration:none;color:#959595;}
#footer a:hover, #footer a:active{text-decoration:none;color:#fff;}