@import url('common.css');

h1 { margin-left:22px; background-image:url(../images/logo_bang.gif) }
h1 a { height:65px; width:125px; }
body#popup h1 { margin-left:15px; margin-bottom:15px; width:auto; height:auto; }

h2 { right:33px; top:19px; height:23px; width:267px; background-image:url(/images/intelligence.gif)}


#wrapper1 { width:1px; height:50%; margin-bottom:-288px; }

#box { width:964px; margin:0 auto; min-height:550px; padding-top:2.1em; }
* html #box { height:550px;  }
body#popup #box { width:100% }
#content { border:4px solid #ffffff; padding:19px 5px 5px 5px; }
#content { min-height:498px;  }

#nav { padding-top:15px;}
#lmain { right:33px; margin-top:-39px; z-index:15000;}
#lmain li a { height:41px; width:68px; }

li#agence a { background-image:url(../images/m_agence.gif); width:64px; height:24px; margin-top:15px; }
li#services a { background-image:url(../images/m_services.gif); width:88px; height:24px; margin-top:15px; }
li#equip a { background-image:url(../images/m_equipe.gif); width:62px; height:24px; margin-top:15px; }
li#engage a { background-image:url(../images/m_engage.gif); width:93px; height:39px; }
li#emplois a { background-image:url(../images/m_emplois.gif); width:83px; height:24px; margin-top:15px; }
li#folies a { background-image:url(../images/m_folies.gif); width:69px; height:24px; margin-top:15px; }
li#grande a { background-image:url(../images/m_grand.gif); width:133px; height:39px}
li#b2b a { background-image:url(../images/m_b2b.gif); width:130px; background-position: -3px 0; height:39px; }

#lmain li a:hover, #lmain li.actif a { background-position:0 -41px }
#lmain li#b2b a:hover { background-position:-3px -41px }
#lmain li#b2b.actif a {  margin-left:-3px; width:133px; }
li#grande.actif a, li#b2b.actif a { height:41px !important; background-position:0 0; }
#lmain li#grande.actif a:hover, #lmain li#b2b.actif a:hover { background-position:0 0px }

#ltop { right:140px; bottom:-21px; z-index:121 }
#ltop li { margin-left:8px; padding-right:7px; height:15px;}
#ltop li.last { border:0; padding-right:0; }
#ltop li.first { padding-left:7px }

#ltop li#plan a, #ltop li#poli a { width:16px; height:15px; background-image:url(../images/m_plan.gif); z-index:300 }
#ltop li#poli a { width:12px; background-image:url(../images/m_pol.gif); }

#footer { padding:5px 10px 0px 10px; width:600px !important;}
#footer h2 { padding:0 !important; margin:0 !important; top:0; right:0; height:auto; width:auto; background-image:none }

#styles { right:-344px; top:0; width:133px; height:21px; background-image:url(../images/tab_styles.gif) }
#styles ul { padding-left:3px; padding-right:15px; margin-top:2px; }
#styles li { padding-left:15px; }
#styles li a { width:13px; height:13px; }
#styles li#def a { background-color:#2F2F2F; }
#styles li#fleurs a { background-image:url(../images/styles_fleurs.gif); }
#styles li#abs a { background-image:url(../images/styles_abs.gif); }
#styles li#lignes a { background-image:url(../images/styles_lignes.gif); }

#passerelle { top:-2.3em; right:0; width:auto !important; }
#passerelle * { width:auto !important; padding:0; margin:0; }
#passerelle p { margin-top:1px; }
#passerelle form { padding-right:7px; margin-right:8px;  }
#passerelle form p { padding-right:10px; }
#passerelle input { width:6em !important; margin:0 8px 0 2px; border:1px solid #e4e4e4 }
#passerelle label { margin-top:1px; margin-right:2px !important; }
#passerelle #toppass input { width:auto !important; margin:0; }
#passerelle li { margin-right:8px; padding-right:7px; line-height:16px; }
#passerelle li.last { border:0; padding-right:0; margin-right:0; }


#cover { height:155px; border-top:0; border-bottom:0; }
#cover #sansdiva { right:0; top:0; }

#colonnes, #main { padding:0px 12px 0 12px; margin:6px 0 0 0; }
#colonnes { margin-top:2px;}
#mandats dd { line-height:normal; }

#main, #mainalt { padding:15px 12px; margin:0; }
#mainalt { padding:15px 36px; }


#home h3, #studio img { width:339px; height:103px; }
#main h3 { width:353px; height:101px; top:20px; left:12px; padding:0; margin:0; }
#cover h3 { padding:18px 0 0 24px; margin:0; width:630px; line-height: 1.4 !important; letter-spacing:1px }
#cover h3.img { padding:0 0 0 0; margin:0; width:auto; line-height:normal }


div#quotel { width:353px; top:20px; left:12px; padding:0; margin:0; }
#quotel cite { margin-bottom:7px; padding:0 25px; }
#quotel blockquote { padding:10px 10px 0 0px; }
h3#t_contact { height:60px;background-image:url(../images/t_contact.gif) }
h3#t_agence { height:377px; background-image:url(../images/t_agence.gif) }
h3#t_equipe { height:360px; background-image:url(../images/t_equipe.gif) }
h3#t_agence_en { height:360px; background-image:url(../images/t_agence_en.gif) }
h3#t_studio { height:220px; background-image:url(../images/t_studio.gif) }
h3#t_enterprise { height:284px; background-image:url(../images/t_enterprise.gif) }
h3#t_pme { height:259px; background-image:url(../images/t_pme.gif) }
h3#t_bio { height:175px; background-image:url(../images/t_bio.gif) }

#mainalt h3 { border-bottom:1px solid; padding-left:6px; padding-right:6px; }

#main #team { width:353px; height:101px; top:20px; left:12px; padding:0; margin:0; margin-left:18px; }
#main #team dl { width:162px; margin-bottom:6px; }

#main h4, #mainalt h4 { padding-top:17px; }
#main p, #mainalt p { line-height: 1.7; padding-top:5px; padding-bottom:4px; }
#main #text li, #mainalt #text li { line-height: 1.7 }


#col1, #col2, #col3 { top:-20px;}
/*#col2,*/ #col3 { top:0px; }
#col1 { width:349px; }
#col2 { width:328px; margin-left:357px }
#col3 { width:226px; margin-left:692px; z-index:200 }
#col1 div { padding:10px 15px 0 15px; }
#col2 div, #col3 div { padding:10px 10px 0 10px }
/*#seminaires { padding-left:15px !important; padding-right:15px !important; }*/
#colonnes form div/*, #seminaires div*/ { border:0; padding:0; }

#studio, #conseil, #seminaires, #mandats, #ebang-archives a { border:5px solid #E4E4E4; }

#studio, #seminaires, #mandats { padding:0 !important; }
#seminaires, #mandats { margin-bottom:15px }
#conseil { margin-top:7px; padding-top:5px !important; line-height: 1.4 }

#conseil div input { width:17.5em; }
#conseil div.boutons input { width:10em; }
#conseil h4 { margin-bottom:1px; }
#conseil p  { margin-bottom:8px; }
#conseil label { margin-right:4px; }

#pservices { border:0 !important; padding: 0px 20px 0px 12px !important; margin-right:528px; height:255px; }
#pservices h4 { padding:14px 0 0 0 !important; margin:0 0 6px 0 !important; width:320px; }
#pservices ul, #pservices li { padding:0 !important; margin:0 !important; list-style:none; line-height:normal !important}
#pservices ul { width:320px; }
#pservices ul li { line-height:1.5 !important }


/** Contact **/
#contactinfo { top:60px; left:39px; line-height:2; }
/*#contactinfo a { color:#808285; }
#contactinfo a:hover { color:#e67c31 }*/
#contactinfo .separe { border:1px solid #e67c31; border-left:0; border-right:0; margin:8px 0; padding:8px 0 }
#map { height:310px;/* width:505px;*/ }


#logos { padding:8px 12px 8px 20px; margin-top:6px; height:58px !important; height /**/:74px; }
#logos { background-image:url(../images/bg_port.gif); padding-left:20px }
#logos ul { min-height:inherit; }
/*#logos ul li { padding:0 5px 0 4px; margin:0; }*/
#logos.short ul li { padding:0 5px 0 5px !important; }
#logos ul li { padding:0 2px 0 3px; margin:0; }
#logos li a { height:58px; width:30px; }
#logos li a:hover, #logos li.actif a { background-position:0 -58px; }

#prix { padding-right:0 !important; padding-left:5px !important; }
#prix p{padding:0;margin:0;width:226px;}

#prix #hermes a { height:224px; width:220px;background-image: url(../images/prix_hermes_2008.gif) }
#prix #rfaq a { height:238px; width:226px;background-image: url(../images/prix_rfaq_2008.gif) }
#prix #greniers a { height:238px; width:226px;background-image: url(../images/prix_greniers_2008.gif) }
#prix #gconf a { height:238px; width:226px;background-image: url(../images/gconf_20090312.gif) }
#prix #affaires_tv a { height:238px; width:226px;background:transparent url(../images/affairestv_skennan.gif) 0 0 no-repeat }

#prix #blog_steph a { height:238px; width:226px;background-image: url(../images/new_blog_skennan_fr.gif) }
#prix #shake_quote a { height:238px; width:226px;background-image: url(../images/shake_quote_fr.gif) }
#prix #webinar a { height:238px; width:226px;background-image: url(../images/webinar_pme-inter_fr.png) }
#prix #rv_affaires a { height:238px; width:226px;background-image: url(../images/club_rendezvous_fr.png) }

#text { border-left:1px solid #808285; margin-left:354px; padding:0px 16px 10px 16px; min-height:374px; }
#mainalt #text { border:0; margin:0; padding:0 6px; min-height:361px; }
#mainalt #text.comm { overflow:auto; height:361px; }
#mainalt #text.comm hr { display:block; height:1px; }
#mainalt #text.comm p.pdf { margin-bottom:50px; margin-left:15px }
#mainalt #text.comm p.pdf a { background-image:url(../images/logo_pdf.gif); height:35px; width:35px; background-position:top left }
#text li { list-style:disc; margin-left:25px; }

/*#mainalt #text.leftcomm { width:400px !important; z-index:20000; position:relative; left:0; background:orange; min-height:inherit; float:left; padding-left:0; padding-right:0; }
#mainalt #text.leftcomm table { display:none}*/
#mainalt #text.leftcomm { width:420px !important; padding-left:0; padding-right:0; margin-right:30px }
#mainalt #text.leftcomm h4 { width:408px; }
div.rightcomm { min-height:361px; position:relative; width:420px; float:right; }


#job { width:942px; height:334px; }
#job #inner { height:334px; width:9500px; }
#job #inner div { height:334px; width:942px; }
#job #inner div div { margin-left:654px; width:auto; margin-top:15px; height:303px; padding:0 18px; border-left:1px solid #ffffff;  }
#job #inner div div.image { margin:-12px 0 0 0; padding:0; height:316px; width:652px; border:0; }
#job #inner h3 { padding-top:15px; }
#inner h4 { margin-bottom:10px; }
#inner p { line-height:1.6; }
#inner li { margin-left:16px; list-style:disc; margin-bottom:7px;}
#inner p.linkbox { bottom:22px; width:170px; }
#inner p.linkbox a { margin-right:4px; width:14px; height:13px; }
#inner p.linkbox a:hover, #inner p.linkbox a.active { background-position: 0 -13px; }

div#quotelinks { top:310px; z-index:200; left:40px; }
#text dl { padding-top:9px; }
#text dl dd { margin-left:25px; }




#ebang-archives a { line-height:1.4; width:6em; top:-12px; left:-8px ;  }


#pemplois #text div p { padding-left:6px; padding-right:6px; }
#pemplois #text blockquote { border-bottom:1px solid #e67c31; width:100%; height:90px; }
#pemplois #text blockquote p { z-index:8; padding-top:23px; }
#pemplois #text blockquote a { right:5px; top:5px; z-index:10; }
#cv-emplois h4 { margin:0 0 4px 0; }
#cv-emplois fieldset { padding:0 6px 0px 6px }
#cv-emplois fieldset.odd { border-top:1px solid #e67c31; border-bottom:1px solid #e67c31 }
#pemplois #text #cv-emplois p { padding:0 ;margin:0 0 6px 0; line-height:normal; }
#cv-emplois div { margin-bottom:3px; }
#cv-emplois div input { padding:2px }
#cv-emplois label { width:110px }
#cv-emplois div.radio { padding:0; margin:0; outline: 0; width:300px; line-height:22px }
#cv-emplois div.radio input { padding:0; margin:0; border:0; outline:0; }
#cv-emplois #boutons { padding-top:4px; margin-right:10px }
#cv-emplois #boutons input { padding:0 !important; margin:0 !important; outline: 0; }
#cv-emplois div div.date { width:300px; margin-bottom:0; }


#main #noelvideo { width:410px; padding-left:20px; height:394px; }

#main #noelvideo h4 { width:300px; padding-top:27px; }
#noelvideo #video { padding-top:0px }
#bookmark img { border:0 }
#bookmark { padding-top:8px; margin-left:25px; }
#bookmark li { padding-right:11px; margin-left:11px; border-right:1px solid; font-size:11px;  }
#bookmark li.last { border-right:0 }
#main #carte { margin-left:430px; height:384px; width:450px; }
#main #carte h4 { padding-top:27px; padding-bottom:0px; width:410px; }
#main #carte.big h4 { padding-top:95px; }
#view2009 { left:0; top:13px;}
#view2009 a { padding:2px 8px 2px 34px }

#compare { width:436px; height:291px; }
#compare #photos { height:291px; width:2700px; }
#compare #photos div { width:450px; height:291px; }
#compare #photos div div { width:436px; height:291px;}
#compare #photos div img.original { margin-right:45px; }
#carte ul { margin-left:241px; margin-top:10px }
#carte ul li { width:24px; margin-right:10px }
#carte ul li.short { margin-right:9px; }

#page-prez #text p { margin-left:114px; }
#page-prez #text p.left, #page-prez #text p.nomarge { margin-left:0; }
#page-prez #text p.left { margin-top:3px }
#page-prez #text p.left img { border:5px solid #E4E4E4 }
#page-prez #text h4 { border-bottom:1px solid #e67c31; }


#noel2009 #main { padding:0; margin:0; height:414px; background-image:url(../images/bg_noel2009.jpg); text-align:center }
#noelvideo2009 { width:547px; margin:0 auto; text-align:left; margin-top:35px;}
#noelvideo2009 #vbottom { width:388px; margin:0 auto; }
#noelvideo2009 #bookmark { margin-left:10px; padding-top:4px }
#noelvideo2009 #bookmark img { margin-bottom:1px}
#noelvideo2009 #bookmark li.twitter img { margin-bottom:0;}
#noelvideo2009 #lavideo { text-align:center;width:547px; padding:7px 0 0 0; margin:0; height:277px; background-image:url(../images/bg_video2009.jpg) }
#main #noelvideo2009 h3 { width:547px; height:47px !important; padding:0 !important; margin:0 !important; line-height:normal; background-image:url(../images/t_noel2009.gif); position:relative; float:none; top:inherit; left:inherit }
#view2008 { width:125px; top:119px; right:45px;}
#view2008 p { padding:0; line-height:normal}
#view2008 a { display:block; padding-top:133px; background-image:url(../images/pic_fete2008.jpg); }


div.boutons { margin-top:16px; width:100% }
div.boutons input { border-width:5px; width:5em; right:-8px; top:-12px; }
input.radio { width:auto !important; margin:0; padding:0; }
.media { border-bottom:1px solid #e67c31; width:100%; }
#text.leftcomm table.media {width:420px !important}
.media td { line-height:2.3; padding-left:6px; }
.media td.date { width:70px; }
.media td.date2 { width:130px;}
.media td.logo { width:27px; }
.media td.pdf {  background-image:url(../images/logo_pdf.gif)}
.tool-tip { font-size: 11px; padding-bottom:13px; width:362px; background:url(../images/bottom_quote.gif) bottom left no-repeat; z-index: 13000; text-align: left; } 
.tool-title, .tool-text { background:white; padding:15px 15px 0 15px ; display:block; border:1px solid #e67c31; border-bottom:0; } 
.tool-text { font-style: normal; color:#e67c31; text-align: right; padding-top:8px; padding-bottom:12px; padding-left:55px; border-top:0; }
.right { margin-left:6px; }
.left { margin-right:6px; }
h4.link { font-size:14px !important; padding-top:0px !important; margin-top:0 !important; }