*{ 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; }
.annonces{
font-size:2em;
padding-left:10px;
}
.gris{
background-color: #EAEAEA;
}
.gris a:hover img {
background-image:url(../img/rss_support-hover.jpg);
background-color:#FF6600;
}

.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;
}
.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: 8px; 
	width: 944px; 
	height: 121px; 
	background: url(../img/header-1.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: 68px; 
	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; 
}
.first {
background:transparent url(../img/panel-header.png) no-repeat scroll left top;
}
.info h4 {
-x-system-font:none;
font-size: 1.7em; margin: 0 0 8px 0; color: #1f4e85; font-weight: bold; line-height: 1.7em;
font-family:bold Helvetica,Arial;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
padding:5px;
}
.more {
background:transparent url(../img/more.png) no-repeat scroll right center;
display:inline-block;
height:24px;
line-height:24px;
padding-right:13px;
text-decoration:none;
margin-left:55px;

}
.more span {
background:transparent url(../img/more.png) no-repeat scroll left center;
display:inline-block;
height:24px;
padding:0 10px;
text-align:center;
}
		#outerContent { margin: 0 9px; }		
			#outerContent .innerContent{ padding: 0 14px 0 14px; }

					.homeDetails{ margin-left: 10px; margin-right: 0; }
						.homeDetails .quickInfo{ width: 414px; float: left; }
							.homeDetails .quickInfo h3{ border: 0; margin: 20px 0 0 0; padding-bottom: 7px; }
				
						.homeDetails .sections{ float: left; width: 220px; margin: 10px 0 0 10px; }
							
							
							
.homeDetails .sections .wrapper{ margin: 0 0 1.7em 0; }
.homeDetails .sections .wrapper .info{ 
background:transparent url(../img/sidebox.png) no-repeat scroll left bottom;
padding-bottom:20px; overflow: hidden; width:217px;
margin-left:16px;
margin-right:10px;}
								.homeDetails .sections .wrapper .bottom{ height: 5px;}
									.sections .wrapper .info h2{ font-size: 1.7em; margin: 0 0 8px 0; color: #1f4e85; }
									.sections .wrapper .info p{ font-size: 1.2em; color: #525b6e; }
							
							
							.homeDetails .sections a.wrapper{ margin: 0 0 1.7em 0; display: block; width: 220px;  }
						.homeDetails .sections a.wrapper .info{overflow: hidden; }
.homeDetails .sections a.wrapper .bottom{ height: 5px; }
									.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; display:block; padding:8px; }
									.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; }
									

						.homeDetails .testimonials{ margin-top: 16px; width: 229px; float: right; background: url(../img/quoteTile.gif ) repeat-y; text-align: center; }
							.testimonials #top{ height: 9px; background: url(../img/quoteTop.gif ) no-repeat; }
							.testimonials #bottom{ height: 8px; background: url(../img/quoteBottom.gif ) no-repeat; } 
							.testimonials .quote{ font-family: "Georgia"; font-size: 1.7em; font-weight: normal; line-height: 1.5em; color: #a6a6a6; margin: 20px 18px 5px 18px; }
							.testimonials .name{ font-size: 1.1em; color: #ccc; margin: 0; }
							.testimonials .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; }
					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; }