body { font-family: Arial, sans-serif; margin: 0 auto 30px auto; color:#444646; font-size:11px; line-height:16px; background: #B9D9EF; text-align:center;}

a {border:none;outline:none;}
a:active {border:none;outline:none;}

h4 { color:#777; font-size:14px; font-weight:normal; margin:0;}
h3 { color:#777; font-size:16px; font-weight:normal; margin:0;}
h5 { color:#000; font-size:12px; font-weight:bold; margin:0; text-transform:uppercase;}

/* SECTION MENU DU HAUT*/
#entete { width:530px; height:255px; margin:80px auto 0 auto; text-align:left; background: url(../images/bbdo_logo_work.gif) top right no-repeat;}/*disable property*/

#entete_enveloppe{ float: right; width: 100%; }
#entete_gauche { width:480px; float:left;}
#entete_droite { margin-left:480px;}

.entete_titre {color:#5E7EA3; font-size:12px; font-weight:bold; height:60px; /*background:url(../images/titre_the_work.gif) top left no-repeat;*/  padding-top:167px;position: relative}
.title_text{
	text-transform:uppercase;
	font-size: 36px;
	letter-spacing: -1px;
  	line-height: 33px;
	/*color: #454646*/}
#t1, #t2, #t3{
position: absolute;
	top: 140px;/*65px */
	left: 1px;
    opacity: 0;
	filter:alpha(opacity=0);
}

#firstText{
position:absolute;
top: 53px;
left; 0px;
color:#FFF;
 }
#firstText1,#firstText2,#firstText3,#firstText4{
	opacity: 0;
	filter:alpha(opacity=0);/*
	opacity: 0.8;
	zoom:1;*/
}
#entete .nav { float: left; height:28px; margin:0; margin-left:-5px; text-align:left; color:#677B93;}
.bt_nav {float:left; line-height:20px; vertical-align:bottom; }
.bt_nav a { color:#505457; margin:4px 4px; font-weight:normal; font-size: 13px; font-weight: bold; text-decoration: none;} 
.bt_nav a:hover {color:#EE3424;}
.bt_nav a.actif {color:#EE3424;}

/* DIV IMPORTANTS */
#grand_contenu { width: 545px; height:790px; margin: 0 auto; text-align:left;}/* 530*/
#enveloppe_contenu { float: left; width: 100%;}
.marge_droite { margin:0 10px 0 140px;}

/* SECTION CONTENU DE DROITE*/
#contenu { width:545px; height:auto; min-height:844px; margin-left: 0; background:url(../images/grand_titre_the_work.gif) top left no-repeat; }
.contenu_height {height:844px; width:1px; float:left;}

/* MENUS DE NAVIGATION */
/*
#menu_nav { margin-left: -20px; width:220px; line-height:18px; vertical-align:bottom; margin-bottom:50px;}
#menu_nav ul.main_ul { width:220px; margin:0; padding-left:0; list-style-type:none;}
#menu_nav ul.main_ul li { width:220px; height:20px; margin:1px 0; text-indent:20px;position: relative;}
#menu_nav ul.main_ul li a {color:#000; width:220px; height: 20px; display:block; text-decoration:none; font-weight:bold; font-size:12px;}
/*#menu_nav ul li a:hover {color:#E8E8E7; width:220px; background:#6290C5;}*/
/*#menu_nav ul.main_ul li a.actif {color:#E8E8E7; width:220px; background:#6290C5;}*/
#menu_nav { margin-left: -20px; width:400px; line-height:20px; vertical-align:bottom; margin-bottom:50px;position:relative ;}
#menu_nav ul.main_ul { width:220px; margin:0; padding-left:0; list-style-type:none;}
#menu_nav ul.main_ul li { width:400px; xheight:20px; margin:1px 0; xtext-indent:20px;cursor:pointer;}/*disable property*/
#menu_nav ul.main_ul li a {color:#000; xwidth:220px; height: 20px; display:block; text-decoration:none; font-weight:bold; font-size:12px;text-indent:20px;}
#menu_nav ul.main_ul li a.actif {color:#E8E8E7; width:400px; background-color:#6290C5;}

#menu_nav2 { margin-left: -20px; width:320px; line-height:18px; vertical-align:bottom; margin-top:10px;}
#menu_nav2 ul { width:240px; margin:0; padding-left:0; list-style-type:none;}
#menu_nav2 ul li { width:240px; margin: 0; text-indent:20px; color:#000; font-weight:bold; font-size:12px;}
#menu_nav2 ul li a {color:#000; width:240px; height: 20px; display:block; text-decoration:none; font-weight:bold; font-size:11px;}
#menu_nav2 ul li a:hover {color:#D93224; background-color:#FFF;}
#menu_nav2 ul li a.actif {color:#D93224; background-color:#FFF;}
#menu_nav2 ul li ul { margin: 0 0 0 10px; padding:0;}
#menu_nav2 ul li ul li { margin:0;}

ul.campain li span{display: block;}
ul.campain li span.actif {width:200px;background-color:#FFF; color: #0099ff}
ul.campain li span:hover {width:200px;background-color:#FFF; color: #0099ff}

.pub {width:290px; height:auto; text-align:left;position:absolute;z-index: 1000;}
.pub img { margin-bottom:1px;text-indent: 0px;display: block;}
.pub p { background-color:#fff; height:20px; width:288px; padding-left:5px; margin:1px 0 0 0;}
.pub p a { color:#677B93; text-decoration:none;width:100px;}
.pub p a:hover, #pub p a span:hover{ color:#D93224;}
/*#pub p a span { color:#B9D9EF;} */
.pub p div.close { float:right; }

.pub table { width:300px; margin:1px 0 0 0;}
.pub table td { background-color:#fff; width:48%; height:20px; padding-left:5px; padding-right:5px;}
.pub table a { color:#677B93; text-decoration:none;}
.pub table a:hover, #pub table a span:hover{ color:#D93224;}
/*#pub table a span { color:#B9D9EF;}*/

#menu_nav .campain {display:none;position: relative;}
#menu_nav .campain li {font-weight: bold;}
#menu_nav .campain li span {text-indent: 15px;}
#menu_nav ul.campain {list-style-type:none;padding:0;margin:0}
#menu_nav ul.portofolio{display:none;list-style-type:none;padding:0;margin:0}
#menu_nav ul.portofolio li.desc{width: 400px;font-weight:normal;}
#menu_nav ul.portofolio li.media-name,#menu_nav ul.campain li.media-name{text-indent: 30px;}
#menu_nav ul.portofolio li.media-name a.portefolio_lien,#menu_nav ul.campain li.media-name a.portefolio_lien {color:#444646;font-size:11px;}
#menu_nav ul.portofolio li.actif,#menu_nav ul.campain li.media-name.actif {background-color:#FFF;}
#menu_nav ul.portofolio li.actif a.portefolio_lien,#menu_nav ul.campain li.media-name.actif a.portefolio_lien {background-color:#FFF;color: #ff0033}
#menu_nav ul.portofolio li:hover,#menu_nav ul.campain li.media-name:hover {background-color:#FFF;}
#menu_nav ul.portofolio li:hover a.portefolio_lien,#menu_nav ul.campain li.media-name:hover a.portefolio_lien {background-color:#FFF;color: #ff0033}

#menu_nav ul.portofolio li.desc {background-color:transparent;color:#000;}
#menu_nav ul.portofolio li.desc:hover {background-color:transparent;}
.desc p{margin:0;padding: 0;}
/* SECTION FOOTER */
#footer { clear:both; width:390px; line-height:12px; margin:0 auto; text-align: left; padding:20px 0 20px 140px; color:#fff;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* dialog jquery */
#dialog {display:none;}