*{ margin: 0; padding: 0; }

.clear{ clear: both; }
.center{ text-align: center; }
.justify{ text-align: justify; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.smallerFont{ font-size: 0.6em; }
.indent{ text-indent: 15px; }
span.highlight { background-color: #ffffcc; }

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }
/* Sample 4*/
#box4, #box1 {
	position:absolute;
	left: 2px;
	top: 1px;
}
#box4 div{
	width:360px;
	height:240px;
	float:left;
}
#box1 div{
	width:600px;
	height:400px;
	float:left;
}
.titre_accueil{color: #FF6600;
text-align: justify;}


#box4 h3, #box4 p, #box4 ul,#box1 h3, #box1 p, #box1 ul,{
	padding:5px 10px;
}
.slide {
	margin-top:18px;
	margin-bottom:-5px;
}
#box4 p,#box1 p{
	text-indent:16px;
}
#box4 img{
	width:180px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	color:#FF6600 !important;
	cursor:default
}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:360px;
	height:240px;
	overflow:hidden;
}
.mask4{
	position:relative;
	width:600px;
	height:400px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
.sample{
margin:0px 0 25px 0;
}
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:3px 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
/* fin slide show*/
.baseline{ text-align: left; 
width:96%; 
float:left;
margin-left:10px;
padding:10px;
}
.marketing{ 
width:46%; 
float:left; margin-left:15px;
padding:5px;
font-size: 1em;
}
.feedget{ 
width:50%; 
float:right;
}
.widget{
line-height:2em;
padding-left:20px;
font-size:1.3em;
}
.floatLeft{ float: left; }
.floatRight{ float: right; }
#buttonaccueil {
background-image: url(../img/accueil.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:28px;
overflow:hidden;
text-indent:-9999px;
width:80px;
margin-bottom:10px;
float:left;
}
#buttonaccueil:hover {
background-position:0pt -28px;
}
#buttonannonceur {
background-image: url(../img/annonceurs.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:28px;
overflow:hidden;
text-indent:-9999px;
width:110px;
margin-left:1px;
margin-bottom:10px;
float:left;
}
#buttonannonceur:hover {
background-position:0pt -28px;
}
#buttonediteurs{
background-image: url(../img/editeurs.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:28px;
overflow:hidden;
text-indent:-9999px;
width:80px;
margin-bottom:10px;
float:left;
}
#buttonediteurs:hover {
background-position:0pt -28px;
}
#buttonregie{
background-image: url(../img/regies.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:28px;
overflow:hidden;
text-indent:-9999px;
width:80px;
margin-bottom:10px;
float:left;
}
#buttonregie:hover {
background-position:0pt -28px;
}
.more{
float: right;
background-image:url(../img/more.gif);
background-repeat:no-repeat;
background-position:right center;
height:30px;
width:105px;
}
.regies {
border:1px solid #CCCCCC;
float:left;
margin:3px 21px 25px 0pt;
padding:3px;
height:53px;
width:153px;
}

.verticalSpace10px{ height: 10px; }
.verticalSpace15px{ height: 15px; }
.verticalSpace20px{ height: 20px; }
.verticalSpace40px{ height: 40px; }


a{ color: #004284; text-decoration: none; }
a:hover{ color: #1638e0; text-decoration: underline; }
a img{ border: 0; }
p{ font-size: 1.3em; line-height: 1.6em; margin-bottom: 0.9em; }

a:active, a:focus 
{
      outline: 0;
}

#bkg { 
background-color:#136BDF;
float:left;
width:355px;
height:7px;
position:absolute;
top: 95px; 
right:4px;
}
body{ background: #e9e9e9; font: normal 62.5% Arial, sans-serif; color: #333; }

	#mainContainer{ background: url(../img/backgroundTileY.png ) repeat-y; width: 960px; margin: 0 auto 30px auto; }
	
#header{ 
	position: relative; 
	left: 10px; 
	width: 944px; 
	height: 121px; 
	background: url(../img/header.png) no-repeat; 
}
#header h1{ 
	display: none; 
}
#header a.logo{ 
	display: block; 
	width: 90px; height: 90px; 
	position: absolute; 
	top: 25px; 
	left: 20px; 
}
#header a.title{ 
	display: block; 
	width: 260px; 
	height: 55px; 
	position: absolute; 
	top: 45px; 
	left: 110px; 
}
ul#headerMenu{ 
	position: absolute; 
	top: 40px; 
	right: 4px; 
	list-style: none; 
	font-size: 1.3em;  
	margin-bottom:-3px;

}
ul#headerMenu li{ 
	float: left; 
	font-size: 1.3em
}
ul#headerMenu li.current a{ 
	color: #FF9900; 
	background-position:0pt -28px;
}
ul#headerMenu li a{ 
	color:#FFFFFF;
	text-decoration: none; 
	font-weight:bold; 
}
#outerContent { 
		margin: 0 9px;
		display:block;
}		
			#outerContent .innerContent{ padding: 0 14px 0 14px; }

					.homeDetails{ margin-left: 10px; margin-right: 0; }
						.homeDetails .quickInfo{ width: 414px; float: left; margin-left:25px; }
							.homeDetails .quickInfo h3{ border: 0; margin: 20px 0 0 0; padding-bottom: 7px; }
				
						.homeDetails .sections{ float: left; width: 217px; margin: 16px 0 0 29px; }
							
							
							
							.homeDetails .sections .wrapper{ background: url(../img/sectionsBackground.gif ) repeat-y; margin: 0 0 1.7em 0; }
								.homeDetails .sections .wrapper .info{  background: url(../img/sectionsTop.png ) no-repeat; padding: 16px 16px 5px 16px; overflow: hidden; }
								.homeDetails .sections .wrapper .bottom{ height: 5px; background: url(../img/sectionsBottom.png ) no-repeat; }
									.sections .wrapper .info h2{ font-size: 1.7em; margin: 0 0 8px 0; color: #999999; }
									.sections .wrapper .info p{ font-size: 1.2em; color: #525b6e; }
							
							
							.homeDetails .sections a.wrapper{ background: url(../img/sectionsBackground.gif ) repeat-y; margin: 0 0 1.7em 0; display: block; width: 217px;  }
								.homeDetails .sections a.wrapper .info{  background: url(../img/sectionsTop.png ) no-repeat; padding: 16px 16px 5px 16px; overflow: hidden; }
								.homeDetails .sections a.wrapper .bottom{ height: 5px; background: url( ../img/sectionsBottom.png ) no-repeat; }
									.homeDetails .sections a.wrapper .header{ font-size: 1.7em; margin: 0 0 8px 0; color: #1f4e85; font-weight: bold; line-height: 1.7em; }
									.homeDetails .sections a.wrapper .content{ font-size: 1.2em; color: #525b6e; line-height: 1.5em; }
									.homeDetails .sections a.wrapper .floatRight{ font-size: 1.2em; line-height: 1.6em; text-decoration: underline; }
							.homeDetails .sections a.wrapper:hover{ text-decoration: none; color: #ff6600; }
									
#porfolio {
	background:transparent url(../img/bkg-porfolio-border-b.jpg) repeat-x scroll 0%;
	height:330px;
	margin-left:20px;
	overflow:hidden;
	top:0pt;
	width:400px;
}
#porfolio-main{
	background:transparent url(../img/bkg-porfolio-border-b.jpg) repeat-x scroll 0%;
	height:330px;
	left:20px;
	overflow:hidden;
	top:0pt;
	width:360px;
	float:left;
}
#porfolio-left {
background:transparent url(../img/bkg-porfolio-border.jpg) no-repeat scroll 0pt;
height:330px;
overflow:hidden;
float:left;
width:20px;
}
#porfolio-right {
background:transparent url(../img/bkg-porfolio-border.jpg) no-repeat scroll -20px 0pt;
margin-top:5px;
height:330px;
overflow:hidden;
float:left;
width:20px;
}
					
					.homeDetails .portfolio{ margin-top: 16px; width: 280px; float: right; background: url(../img/quoteTile.gif ) repeat-y; text-align: center; }
							.portfolio #haut{ height: 9px; background: url(../img/quoteTop.gif ) no-repeat; }
							.portfolio #bas{ height: 8px; background: url(../img/quoteBottom.gif ) no-repeat; } 
							.portfolio .quote{ font-family: "Georgia"; font-size: 1.7em; font-weight: normal; line-height: 1.5em; color: #a6a6a6; margin: 20px 18px 5px 18px; }
							..portfolio.name{ font-size: 1.1em; color: #ccc; margin: 0; }
							.portfolio .company{ font-size: 1.2em; color: #999; margin-bottom: 38px; }
							
				.innerContent ul.buzz{ color: #999; }
					.innerContent ul li{ padding: 0 0 8px 0; position: relative; left: 30px; margin-right: 30px; }
					.fdpoweredby {display: none;}

			#mainColumn{ margin: 26px 196px 10px 31px; }
				#mainColumn p{ overflow: hidden; }
				
				h2{ display: block; font-size: 2.4em; line-height: 1.0em; margin-bottom: 14px; color:#3399CC }
					h2.bottomBorder{ padding-bottom: 12px; border-bottom: 1px #ccc solid; margin-bottom: 14px; padding-top: 5px; }
				h3{ font-size: 1.8em; line-height: 1.0em; padding-bottom: 12px; border-bottom: 1px #999 dotted; margin: 2.0em 0 10px 0; color: #ff6600; }
					h3.top{ margin-top: 15px; }
					h3.noBorder{ border: 0; padding-bottom: 0; }
				h4{ font-size: 1.5em; margin-top: 35px; margin-bottom: 6px; }
				h5{ font-size: 1.4em; margin: 20px 0 0 10px; }
				h6{ font-size: 1.3em; margin: 11px 0 0 10px; }
				
				pre{ border: 1px #808080 solid; margin-top: 8px; background-color: #ffffef; font-size: 1.3em; font-family: Courier, sans-serif; color: #000; padding: 16px; line-height: 1.5em; margin-bottom: 30px; overflow: auto; width: 630px; }


				.groupIndent{ margin-left: 20px; }
					.groupIndent pre, .groupIndent p, .groupIndent table, .groupIndent h4{ margin-left: 10px; }
					
				
				.readerDescription{ padding-bottom: 20px; padding-top: 10px; }
					.readerDescription img{ float: left; border: 1px #ccc solid; padding: 3px; margin: 3px 21px 45px 0; }
					.readerDescription h5{ margin: 0; }
					.readerDescription h5 a, .interaction h5 a{ color: #333; }
					
				.interaction{ margin: 20px 0 0 15px; clear: left; padding-bottom: 2px; }
					.interaction img{ float: left; width: 56px; margin: 3px 15px 5px 0; }
				
				
				table.parameters{ font-size: 1.3em; margin-top: 10px; }
					table.parameters caption{ font-style: italic; text-align: left; }
					table.parameters th{ width: 30px; vertical-align: top; }
					table.parameters tr{ height: 1.6em; }
					table.parameters td{ padding-left: 20px; vertical-align: top; }
					table.parameters td.code{ width: 200px; padding-left: 0; vertical-align: top; }
					
					
				dl, #mainColumn ul, .innerContent ul{ font-size: 1.3em; line-height: 1.6em; margin-top: 10px; margin-left: 15px; }				
					dl dt{ font-weight: bold; }
					dl dd{ margin: 0 0 10px 25px; }
					
					
				#mainColumn ul.general{ margin-left: 40px; }
				#mainColumn ol{ margin: 15px 0 0 5px; font-size: 1.3em; line-height: 1.6em; }
	
						
				#mainColumn .publishersWidgetsScreenshots img{ height: 53px; border: 1px #dcdcdc solid; padding: 2px; margin: 5px 7px; }
				.annonceurs p { margin-top: 2px;}
				#mainColumn .publishersWidgetsScreenshots {padding-left: 10px;}


			#menuColumn{ width: 159px; float: right; background-color: #f3fafe; border: 1px #c0def2 solid; margin: 40px 15px 3px 0; }
				#menuColumn h3{ margin: 16px 0 5px 16px; padding-bottom: 0; font-size: 1.4em; border: 0; color: #333; }
				#menuColumn ul{ font-size: 1.3em; color: #bfdfff; margin: 0 0 20px 43px; }
					#menuColumn ul li{ padding: 3px 0; }


			ul.engagementSources{ list-style: none; }
			ul.engagementSources li{ float: left; position: relative; }
			ul.engagementSources li a{ z-index:10; text-decoration: none; margin: 0 14px; }
			ul.engagementSources li a:hover{ z-index:100; }
			ul.engagementSources li a span{ display: none; }
			ul.engagementSources li a:hover span{ display:block; position:absolute; float:left; white-space:nowrap; background:#fffcd1; border:1px solid #999; color:#444; padding:4px; z-index: 10; top: 50px; left: 0; line-height: 1.0em; }


		#footer{ background: #e9e9e9 url(../img/footer.png) no-repeat top; height: 50px; clear: both; margin-top:5px;}
			#footer ul{ list-style: none; font-size: 1.2em; color: #666; margin-top: 20px; }
				#footer ul.floatLeft{ margin-left: 15px; }
				#footer ul.floatRight{ margin-right: 15px; }
				#footer ul li{ float: left; padding: 0 10px; }
					#footer ul li a{ color: #666; }
#buttongallery {
background-image: url(../img/gallery.png);
background-position:left top;
background-color:#FF0000;
background-repeat:no-repeat;
display:block;
height:63px;
overflow:hidden;
text-indent:-9999px;
width:239px;
margin-left:3px;
margin-bottom:10px;
float:left;
}
#buttongallery:hover {
background-position:0pt -63px;}
#buttoncontact {
background-image: url(../img/contact.png);
background-position:left top;
background-color:#FF0000;
background-repeat:no-repeat;
display:block;
height:63px;
overflow:hidden;
text-indent:-9999px;
width:239px;
margin-left:3px;
margin-bottom:10px;
float:left;
}
#buttoncontact:hover {
background-position:0pt -63px;}