/*

Couleurs :

jaune pub			#f4d50d
typo jaune foncé	#b28a00
rouge foncé			#e11e60

*/

body {
	border-top: 8px solid #9d0a2b;
	margin : 0;
	padding : 0 0 0 28px;
	background : white url("../images/fond.jpg") repeat fixed 0 0;
	font-family : arial;
}

h1 {
	background : transparent url("../images/titre.gif") no-repeat scroll 0 0;
	font-size : 0;
	color : transparent;
	display : block;
	width : 515px;
	height : 177px;
	float : left;
}

#page {
	width : 910px;
	padding : 0;
	margin : 20px 0 0 0;
}

#main_menu {
	border-top : 1px solid #9d0a2b;
	padding : 10px 0 0 0;
	margin : 0;
	clear : both;
}

#main_menu li {
	list-style-type : none;
	display : inline;
	float : left;
}

#main_menu li a {
	color : #e21e5f;
	text-decoration : none;
	font-size : 12px;
	width : 130px;
	display : block;
}

#main_menu li.adresse {
	font-size : 11px;
	color : #95827e;
	text-align : right;
	float : right;
}

.clearer {
	clear : both;
	visibility : hidden;
	margin : 0;
	padding : 0;
}

.col {
	margin-top : 16px;
	display : block;
	width : 452px;
	float : left;
}

.col div.hr {
	display : block;
	height : 12px;
	border :0;
	margin : 0 0 1px 0;
	padding : 0;	
}

.col hr {
	display : none;
	height : 12px;
	border :0;
	margin : 0 0 1px 0;
	padding : 0;
}

.col.influence-pub .hr		{ background : transparent url("../images/pixels_jaunes.gif") repeat scroll 0 0;  }
.col.influence-contenu .hr	{ background : transparent url("../images/pixels_bleu.gif") repeat scroll 0 0;  }

.col .infos {
	margin : 0;
	padding : 0 20px 0 10px;
}

.col.influence-pub .infos					{ background : #f4d50d; }
.col.influence-contenu .infos			{ background : #3a50f3; }

body#home .col.influence-pub			{ background : #f4d50d; height : 250px; position : relative; }
body#home .col.influence-contenu	{ background : #3a50f3; height : 250px; position : relative; }


body.page .col .infos { background : transparent;}

.col .nav {
	list-style-type : none;
	list-style-position : inside;
	margin : 0;
	padding: 0;
	background : white;
	border-bottom : 24px solid black;
}

body.page .col.influence-pub .nav { background : #f4d50d; }
body.page .col.influence-contenu .nav { background : #3a50f3; }

body.page .col.influence-pub .nav li { list-style-image : url("../images/fleche_blanche_fond_jaune.gif"); }
body.page .col.influence-contenu .nav li { list-style-image : url("../images/fleche_blanche_fond_bleu.gif"); }

body#home .col.influence-pub .nav li, body.page .col.influence-pub .nav li.current { list-style-image : url("../images/fleche_jaune.gif"); background : white;}
body#home .col.influence-contenu .nav li, body.page .col.influence-contenu .nav li.current { list-style-image : url("../images/fleche_bleue.gif"); background : white;}

body.page .col .nav { border : 0; }

.col .nav hr {
	height : 0;
}

.col .nav li {
	float : left;
	margin : 0;
	padding : 0;
	border : 0;
	border-right : 1px solid black;
}

.col.influence-pub .nav, .col.influence-pub .nav li, .col.influence-pub .nav li a { border-color : #f4d50d; color : #b28a00 ;}
.col.influence-contenu .nav, .col.influence-contenu .nav li, .col.influence-contenu .nav li a { border-color : #3a50f3; color : #3a50f3;}

.col .nav li a {
	line-height: 3em ;
	padding : 0 10px 0 0;
	display : block;
	text-decoration : none;
	font-size : 12px;
}

body.page .col .nav li { border-color : white; }
body.page .col.influence-pub .nav li a { color : #b28a00; }
body.page .col.influence-contenu .nav li a { color : #99ccff; }

body .col .nav2 { width : 454px; border : 0; border-collapse : separate; border-spacing : 1px; font-size : 12px; position : relative; left : -1px; }
body .col .nav2 tr { border: 0;}
body .col .nav2 td a { text-decoration : none; line-height: 3em; padding : 0 10px 0 12px; margin-left : 4px;}

body .col.influence-pub .nav2 td { background : #f4d50d; }
body .col.influence-pub .nav2 td a { color : #b28a00; background : url("../images/fleche_blanche_fond_jaune.gif") 0 1px no-repeat;}
body#home .col.influence-pub .nav2 td, body .col.influence-pub .nav2 td.current { background : white; }
body#home .col.influence-pub .nav2 td a, body .col.influence-pub .nav2 td.current a { background : url("../images/fleche_jaune.gif") 0 1px no-repeat;}

body .col.influence-contenu .nav2 td { background : #3a50f3; }
body .col.influence-contenu .nav2 td a { color : #99ccff; background : url("../images/fleche_blanche_fond_bleu.gif") 0 1px no-repeat;}
body#home .col.influence-contenu .nav2 td, body .col.influence-contenu .nav2 td.current { background : white; }
body#home .col.influence-contenu .nav2 td a, body .col.influence-contenu .nav2 td.current a { background : url("../images/fleche_bleue.gif") 0 1px no-repeat;}
body#home .col.influence-contenu .nav2 td a { color :  #3a50f3;}

body#home .col .nav2 {
	margin-bottom : 12px;
	position : absolute;
	bottom : 0;
}

.infos h2 {
	font-weight: normal;
	font-size : 30px;
	color : white;
	margin : 0;
	padding : 0;
}

.infos h2 img {
	margin : 0;
	padding : 0;
}

body.page .col.influence-pub	 .infos h2 { color : #f4d50d; }
body.page .col.influence-contenu .infos h2 { color : #3a50f3; }

.page-content {
	background : white;
	margin : 5px 0 0 0;
	padding : 0 0 1em 0;
	width : 909px;
}

.infos p {
	font-size : 12px;
}

.col.last {
	margin-left : 5px;
}

.screenshots-referents {
	list-style-type : none;
}

.screenshot {
	font-size : 10px;
	width : 232px;
	float : left;
	margin-right : 66px;
	margin-bottom : 2em;
}

.screenshot a {
	text-decoration : none;
	color : black;
}

.screenshot a img {
	border : 0;
}

.screenshots-referents .screenshot.last {
	margin-right : 0px;
}


.screenshot img {
	display : block;
	width : 232px;
	height  : 188px;
	background : black;
}

.screenshot span {
	display : block;
	text-align : center;
}

.screenshot .title	{	font-weight : bold; margin-top : 16px;}
.screenshot .url	{	color : #e11e60; }

.page-content p {
	font-size : 12px;
	margin : 0;
}

.page-content p.verslesformats {
	display : block;
	margin : 0.8em 0;
}

/* PAGE */

.normal h3 {
	font-weight : bold;
	font-size : 12px;
	color : #e11e60;
	padding-top : 3em;
	margin-left : 20px;
	margin-bottom : 0;
}

.normal h4 {
	font-weight : bold;
	font-size : 12px;
	margin : 0 0 1em 0;
}

/* INFLUENCE PUB */

#pub-femmes			.page-content.pub .description { background : #f4d50d url("../images/titre_femme.gif") no-repeat scroll 0 0; }
#pub-trendsetters	.page-content.pub .description { background : #f4d50d url("../images/titre_trendsetter.gif") no-repeat scroll 0 0; }
#pub-devdurable		.page-content.pub .description { background : #f4d50d url("../images/titre_devdurable.gif") no-repeat scroll 0 0; }
#pub-entertainment	.page-content.pub .description { background : #f4d50d url("../images/titre_entertainment.gif") no-repeat scroll 0 0; }

.page-content .description {
	width : 773px;
	font-size : 12px;
	margin : 0;
	padding : 66px 68px 10px 68px;
}

.page-content.contenu .description { padding-left : 16px; width : 825px;}
.page-content.contenu .description p	{ padding : 1em 0 0; margin : 0; color : white; }

#con-texte	.page-content.contenu .description { background : #204abc url("../images/titre_texte.gif") no-repeat scroll 0 0; }
#con-video	.page-content.contenu .description { background : #204abc url("../images/titre_video.gif") no-repeat scroll 0 0; }
#con-design	.page-content.contenu .description { background : #204abc url("../images/titre_design.gif") no-repeat scroll 0 0; }

.col-2 {
	padding-top: 42px;
	float : left;
	width : 431px;
	margin-left : 0;
	margin-right : 5px;
}

.col-2.first {
	clear : left;
	margin-left : 21px;	
}

.col-2.last {
	margin-right : 21px;
	clear : right;
}

.col-2 h3{
	padding-top : 0;
	margin-left : 0;
}

.col-2 h4{
	font-size : 11px;
	padding : 0;
	margin : 0 0 2em 0;
	text-transform : uppercase;
}

.col-2 img {
	max-width : 430px;
}

table.mapping {
/*	width : 861px; */
	float : left;
	margin : 2em 0 2em 22px;
	border-collapse : collapse;
}

.mapping thead td, .mapping tfoot td{
/*	width : 121px;*/
	vertical-align : bottom;
	padding : 0;
	margin : 0;
	border : 0px solid black;
	height : auto;
}

.mapping thead td { height : 77px; }
.mapping thead td img,.mapping tfoot td img  {
	margin : 0;
	padding : 0;
	display : block;
}

.mapping tbody tr {
	background : transparent url("../images/dash-2px.gif") repeat-x scroll bottom left;
}

.mapping tbody td {
	width : 121px;
	height : 79px;
	padding : 1em 0;
	text-align : center;
	vertical-align : middle;
	background : transparent url("../images/dash-2px-vertical.gif") repeat-y scroll top left;
	word-wrap: break-word;
}

.mapping tbody span {
	display : block;
	font-size : 11px;
	margin : 0;
	padding : 0;
}

.mapping tbody a {
	text-decoration : none;
	color : black;
}

.mapping tbody a img {
	border: 0;
}

.mapping tbody span.blog-name {
	font-weight : bold;
}

.mapping tbody span.blog-url {
	color : #e21e5f;
	width : 120px;
	word-wrap: break-word;
	display : none;
}

.mapping tbody td.left-yellow				{ background : transparent url("../images/pixel-yellow.gif") repeat-y scroll top left; }
.mapping tbody td.right-yellow				{ border-right	: 1px solid #e0c306; background : none; }
.mapping tbody td.left-green				{ background : transparent url("../images/pixel-green.gif") repeat-y scroll top left; }
.mapping tbody td.right-green				{ background : transparent url("../images/dash-green.gif") repeat-y scroll top left; }
.mapping tbody td.left-blue					{ background : transparent url("../images/pixel-blue.gif") repeat-y scroll top left; }
.mapping tbody td.right-blue				{ background : transparent url("../images/dash-blue.gif") repeat-y scroll top left; }
.mapping tbody td.left-yellow-right-green	{ background : transparent url("../images/yellow-green.gif") repeat-y scroll top left; }

.verslesformats a {
	color : black;
	text-decoration : underline;
}

/* INFLUENCE CONTENU */
.page-content.contenu {
	padding-top : 3px;
}

.page-content.contenu h3 {
	background : transparent url("../images/pixels-blue-2.png") repeat scroll top left;
	font-size : 14px;
	margin : 1em 16px;
	color : #2686b8;
	text-transform : uppercase;
	clear : both;
}

.page-content.contenu h3 span {
	background : white;
	line-height : 1em;
	padding-right : 4px;
}

.page-content.contenu h4 {
	font-size : 12px;
	padding : 0 16px;
}

.page-content.contenu p {
	font-size : 12px;
	padding : 0.5em 16px;
}

.page-content.contenu ul {
	font-size : 12px;
}

/* Formats */
#formats .page-content img {
	margin :  1em 16px 0 0;
}

#formats .page-content table {
	margin :  1em 16px 0 0;
	width : 90%;
	border : 1px solid #e1e1e1;
}


#formats .page-content table td {
	width : 25%;
	padding : 16px 4px;
	vertical-align : top;
}

#formats .page-content table td h4 {
	text-decoration : underline;
}

#formats .page-content table ul {
	font-size : 12px;
	list-style-type : square;
	padding-left : 16px;
}

#formats .page-content table ul li {  		color : #c0bfbf; }
#formats .page-content table ul li .li-text { color : #000000; }

/* Presse */

.presse {
	font-size : 12px;
	list-style-type : none;
	padding-left : 0;
}

.presse li {
	padding-bottom : 20px;
}

.presse span {
	display : block;
}

.presse span.libelle {
	font-weight: bold;
}

.presse a {
 	color : black;
	text-decoration : underline;
}

.annonceur-logo {
	display : block;
	float : left;
	height:200px;
	margin: 20px;
		margin-left: 10px;
}

.annonceur-logo img {
	width: 100px;	
}

/* FOOTER */

#footer {
	clear : both;
	background : transparent url("../images/pixels_rouges.gif") repeat scroll 0 0;
	display : block;
	font-size : 9px;
	color : #bba9a6;
	padding : 3px;
	text-align : right;
	margin-top : 4px;
}

#footer a {
	text-decoration : none;
	color : #bba9a6;
}

b {
	display : none;
}

i { display : none;}

form {
	font-family : arial;
	font-size : 12px;
	padding-top: 12px;
}

form label {
	display : block;
	width : 180px;
	float : left;
	clear : left;
	line-height : 2em;
}

form input[type=text], form textarea {
	width : 320px;
	border : 1px solid #e0e0e0;
	float : left;
	clear : right;
}

form input[type=submit]{
	float : left;
	clear : right;
	width : 95px;
	background : #e21e5f;
	color : white;
	border : 0;
	line-height : 2em;
	margin-left : 180px;
}

/* RSS */

.rss_blog {
	font-family : arial;
	float : right;
	margin-top : 110px;
	padding-bottom: 15px;
}

.rss_blog h3 {
	font-size : 14px;
	text-align : right;
	color : white;
	font-weight : normal;
	padding : 0;
	margin : 0;
}

.rss_blog ul {
	list-style-type : none;
	text-align : right;
	padding : 0;
	margin : 0;
}

.rss_blog ul li {
	padding : 0;
	margin : 0;
	line-height : 11px;
}

.rss_blog a {
	font-size : 11px;
	text-decoration : none;
	color : #e21e5f;
}