html{overflow: -moz-scrollbars-vertical;}
body{margin:0;font: 12px/18px "arial", helvetica, Geneva, Arial, Verdana, sans-serif;color:#fff;background-color:#1F1B18;}

h1{background:url(images/entete.jpg) no-repeat;height:108px;width:960px;text-indent:-999em;margin:0;line-height:normal;}
#page-accueil h1{background-image:url(images/entete_accueil.jpg);}
#page-portfolio h1{background-image:url(images/entete_pf.jpg);height:111px}
h2{background-repeat:no-repeat;height:372px;width:960px;text-indent:-999em;margin:0;}

#page-accueil h2{background-image:url(images/visuel.jpg);}
#page-agence h2,#page-mission h2,#page-philosophie h2{background-image:url(images/visuel_philosophie.jpg);}
#page-equipe h2{background-image:url(images/visuel_equipe.jpg);}
#page-services h2{background-image:url(images/visuel_services.jpg);}
#page-clients h2{background-image:url(images/visuel_clients.jpg);}
#page-concepts h2{background-image:url(images/visuel_concepts.jpg);}
#page-sensvert h2{background-image:url(images/visuel_sensvert.jpg);}
#page-carriere h2{background-image:url(images/visuel_carriere.jpg);}
#page-joindre h2{background-image:url(images/visuel_joindre.jpg);}


#page-container{width:960px;margin:0 auto;border:0;}

#contenu{background-color:#3E352C;color:#fff;padding:20px 20px 20px 153px;margin:0 0 20px 0;}
#contenu.portfolio{padding:0;margin:0;}

#photos-cont{background:#77706A no-repeat;margin:0;padding:0 0 0 30px;width:830px;}
#photos{background:#75706A no-repeat;margin:0;padding:0;width:830px;}
#photos li{margin:0;padding:0;list-style:none;float:left;text-align:center;}
#photos li,#photos li a{display:block;line-height:29px;color:#fff;height:29px;width:25px;}

#photos a:hover {text-decoration:none;background-color:#aaa;}

#footer{background-color:#000;border-top:7px solid #ffd204;clear:both;padding:2px;text-align:center;font-family:tahoma,verdana,serif;}
#footer a{color:#ccc;}
#footer p{text-align:center;margin:0;padding:0;}

#sousmenu{background:#000 url(images/sousmenu.jpg) no-repeat;margin:0;height:21px;position:relative;}
#menu{background:#000 url(images/menu.jpg) no-repeat;margin:0;height:50px;position:relative;}
#pmenu{background:#000 url(images/footer_pf.jpg) no-repeat;margin:0;height:108px;position:relative;}
#ptmenu{background:#000 url(images/menu_pf.jpg) no-repeat;margin:0;height:28px;position:relative;}
#menu li,#sousmenu li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#pmenu li,#ptmenu li{margin:0;padding:0;list-style:none;position:absolute;top:0px;}
#menu li,#sousmenu li,#pmenu li,#ptmenu li,#ptmenu li a,#menu li a,#sousmenu li a,#pmenu li a{display:block;text-indent:-999em;overflow:hidden;}
#menu li,#menu li a{height:50px;}
#pmenu li,#pmenu li a{height:108px;}
#ptmenu li,#ptmenu li a{height:28px;}
#sousmenu li,#sousmenu li a{height:21px;}

#m-agence{left:0;width:153px;}
#m-services{left:153px;width:112px;}
#m-clients{left:265px;width:106px;}
#m-concepts{left:371px;width:118px;}
#m-sensvert{left:489px;width:117px;}
#m-carriere{left:606px;width:94px;}
#m-joindre{left:700px;width:115px;}

#ptm-impressionnez{left:190px;width:134px;}
#ptm-identifiez{left:324px;width:97px;}
#ptm-publicisez{left:421px;width:104px;}
#ptm-diffusez{left:525px;width:93px;}
#ptm-autresmedias{left:618px;width:127px;}

#pm-agence{left:179px;width:84px;}
#pm-services{left:263px;width:105px;}
#pm-clients{left:368px;width:98px;}
#pm-concepts{left:466px;width:109px;}
#pm-sensvert{left:575px;width:109px;}
#pm-carriere{left:684px;width:88px;}
#pm-joindre{left:772px;width:108px;}

#sm-bienvenue{left:80px;width:60px;}
#sm-mission{left:150px;width:50px;}
#sm-philosophie{left:210px;width:70px;}
#sm-equipe{left:290px;width:40px;}

#ptmenu a:hover, #ptmenu a.active{background:url(images/menu_pf.jpg) no-repeat;}
#ptm-impressionnez a:hover, #ptm-impressionnez a.active {background-position:-190px -28px;}
#ptm-identifiez a:hover, #ptm-identifiez a.active {background-position:-324px -28px;}
#ptm-publicisez a:hover, #ptm-publicisez a.active {background-position:-421px -28px;}
#ptm-diffusez a:hover, #ptm-diffusez a.active {background-position:-525px -28px;}
#ptm-autresmedias a:hover, #ptm-autresmedias a.active {background-position:-618px -28px;}

#menu a:hover, #menu a.active{background:url(images/menu.jpg) no-repeat;}
#m-agence a:hover, #m-agence a.active {background-position:0 -50px;}
#m-services a:hover, #m-services a.active {background-position:-153px -50px;}
#m-clients a:hover, #m-clients a.active {background-position:-265px -50px;}
#m-concepts a:hover, #m-concepts a.active {background-position:-371px -50px;}
#m-sensvert a:hover, #m-sensvert a.active {background-position:-489px -50px;}
#m-carriere a:hover, #m-carriere a.active {background-position:-606px -50px;}
#m-joindre a:hover, #m-joindre a.active {background-position:-700px -50px;}

#pmenu a:hover {background:url(images/footer_pf.jpg) no-repeat;}
#pm-agence a:hover {background-position:-179px -108px!important;}
#pm-services a:hover {background-position:-263px -108px;}
#pm-clients a:hover {background-position:-368px -108px;}
#pm-concepts a:hover {background-position:-466px -108px;}
#pm-sensvert a:hover {background-position:-575px -108px;}
#pm-carriere a:hover {background-position:-684px -108px;}
#pm-joindre a:hover {background-position:-772px -108px;}

#sousmenu a:hover, #sousmenu a.active{background:url(images/sousmenu.jpg) no-repeat;}
#sm-bienvenue a:hover, #sm-bienvenue a.active {background-position:-80px -21px;}
#sm-mission a:hover, #sm-mission a.active {background-position:-150px -21px;}
#sm-philosophie a:hover, #sm-philosophie a.active {background-position:-210px -21px;}
#sm-equipe a:hover, #sm-equipe a.active {background-position:-290px -21px;}

h3{font-size:1.25em;}
h4{font-size:1em;} 
p,ul,ol,th,td,input,select{font-size:1em;}
    
a,a:active,a:visited {text-decoration:none;color:#666;font-weight:regular;}
a:hover {text-decoration:underline;}
a img, a:hover img {border:0;}
p{text-align:justify;}
    
ul ul{font-size:95%;}
td p{font-size:95%;}

hr{clear:both;visibility:hidden;margin:0;padding:0;}