/* GLOBAL
*******************************************************************************
*/
* {
	margin:0;
	padding:0;
	outline: medium none;
}

body
{
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#333;
}

h1,h2,h3,h4,h5,th,.titre {
	font-family:Arial, Helvetica, sans-serif;
}

.titre {
	font-weight:bold;
}

h2,.titre.niveau2 {
	font-size:18px;
}

div.stat-group div.intro-section h2{
	padding-left:200px !important;
}

h3,.titre.niveau3 {
	font-size:16px;
}

h4,.titre.niveau4 {
	font-size:12px;
}

p,li,td,.text,.user { /*pour eviter descendant sur body*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}

a {
	color:#333;
}

.superscript {
	font-size:smaller;
}

.std {
	margin-bottom:15px;
}


/* FRAME
*******************************************************************************
*/

#container {
	width:990px;
	margin:0px auto;
}
#header_haut h1, #header_haut h2{
	float:left;
	width:380px;
	height:auto;
	display:inline;
	margin:30px 0 0 100px;
	font-size:14px;
}

#header_haut h1{
	position: absolute;
	left:-9999px;
}

#logo_conso{
	float:right;
	width:118px;
	height:51px;
	margin:10px 0;
	display: block;
}

#logo_planeto{
	float:left;
	width:367px;
	height:90px;
	margin:10px 0 0 10px;
}


#cadre-recherche{
	width:260px;
	float:right;
	margin:0 10px 0 0;
}

#cadre-recherche #search-text{
	width:205px;
	height:31px;
	padding-left:7px;
	border: 1px solid #8284ba;
	border-radius:3px;
	line-height:28px;
	font-size:14px;
	font-weight: bold;
	color: #8284ba;
	float:left;
	-webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}

#cadre-recherche #boutonEnvoyerGO{
	width:40px;
	height:33px;
	border:0;
	cursor:pointer;
	background: url(../images/btn_search.png);
	float:left;
	margin-left:3px;
}

#cadre-recherche #boutonEnvoyerGO:hover{
	background: url(../images/btn_search.png) bottom;

}

#logo_planeto img{
	border:0px;

}

#logo_conso img{
	border:0px;
	display:none;
}

h1 {
	float:left;
	width:249px;
	height:80px;
}

	h1 a img {
		border:none;
	}

#header_haut{
	height:120px;
	background: url(../images/header_3.jpg);
}

#publicite {
	/*float:right;*/
	display: none;
	width:728px;
	height:90px;
	background-color:#f6f6f6;
	margin:10px 0 15px 0;
}

#publicite_bas{
	width:728px;
	height:90px;
	background-color:#f6f6f6;
	margin:10px auto 15px;
}
/*
#introduction {
	clear:both;
	height:78px;
	background:url(../img/visuel.jpg) no-repeat;
	padding:8px 12px;
}
*/
	#introduction h2 {
		position:absolute;
		left:-9999px;
	}

	#introduction #cadre-recherche {
		clear:both;
		height:30px;
		padding:8px;
	}

	#introduction #cadre-recherche	form#search {
			position:relative;
		}

			#introduction #cadre-recherche form#search input {
				vertical-align:middle;
			}

			#introduction #cadre-recherche form#search input#search-text {
				width:100px;
				height:20px;
			}

			#introduction #cadre-recherche form#search label.overlabel {
				position:absolute;
				top:3px;
				left:5px;
				z-index:1;
				color:#999;
			}

			#introduction #cadre-recherche form#search label.overlabel {
				color:#999;
			}

			#introduction #cadre-recherche form#search label.overlabel-apply {
				position:absolute;
				top:3px;
				left:5px;
				z-index:1;
				color:#999;
			}

			#introduction #cadre-recherche form#search input#boutonEnvoyerGO {
				width:27px;
				height:23px;
				background-image:url(../img/button-go.gif);
				background-color:transparent;
				background-repeat:no-repeat;
				background-position:left top;
				border:none;
				cursor:pointer;
			}

			#introduction #cadre-recherche form#search input#boutonEnvoyerGO:hover {
				background-position:left -23px;
			}

#navigation {
	width:100%;
	height:44px;
	background-color:#f6f6f6;
	margin-bottom:15px;
	list-style-type:none;
	background:url(../img/fond_menu.gif) no-repeat;
	z-index:98;
	position:relative;
	clear:both;
}

	#navigation li {
		float:left;
		height:44px;
		position:relative;
		outline:none;
		background:url(../img/rollover_menu_off.png) no-repeat right top;
	}

	#navigation li:hover {
		visibility:inherit; /* fixes IE7 'sticky bug' */
	}

	#navigation li.top:hover,
	#navigation li.top.sfHover,
	#navigation li.top.on {
		background:url(../img/rollover_menu_on.png) no-repeat right top;
	}

		#navigation li a {
			float:left;
			height:37px;
			padding:7px 12px 0 9px;
			text-align:center;
			text-decoration:none;
			font-family: Tahoma, sans-serif;
		}

		#navigation li a.alt {
			height:31px;
			padding-top:13px;
		}

		#navigation li ul {
			height:0;
			left:-9999px;
			list-style-type:none;
			position:absolute;
			top:-9999px;
			width:0;
			z-index:1000;
		}

		#navigation li:hover ul,
		#navigation li.sfHover ul {
			height:auto;
			left:0;
			top:44px;
			white-space:nowrap;
			width:180px;
			z-index:1001;
		}

		#navigation.sf-shadow ul {
			background:url('../img/shadow.png') no-repeat bottom right;
			padding: 0 8px 9px 0;
			-moz-border-radius-bottomleft: 17px;
			-moz-border-radius-topright: 17px;
			-webkit-border-top-right-radius: 17px;
			-webkit-border-bottom-left-radius: 17px;
		}

		#navigation.sf-shadow ul.sf-shadow-off {
			background: transparent;
		}

			#navigation li ul li {
				float:none;
				position:static;
				background-image:none;
				background-color:#e1d9f0;
				font-weight:normal;
				height:34px;
				width:auto;
				outline:none;
			}

				#navigation li ul li a {
					float:none;
					display:block;
					width:auto; /*careful*/
					height:20px;
					padding:7px 11px;
					line-height:20px;
					text-align:left;
				}

				#navigation li ul li a:hover,
				#navigation li ul li a:active {
					background:#eae8ef;
				}

		#navigation>li:last-child {
			background:none;
		}

#principal
{
	float:right;
	width:750px;
	margin-bottom:15px;
}

.btn_planeto{
	height:35px;
	line-height:35px;
	font-size:13px;
	background-color: #e1d9f1;
	border-radius : 3px;
	color:#36375b;
	display:inline-block;
	!display:inline;
	!zoom:1;
	padding:0 10px;
	text-decoration:none;
}

.btn_planeto:hover{
	background-color: #cdc0e7;
}

.conteneur_btn_page_stat .btn_planeto{
	margin-bottom:15px;
}

#accessoire
{
	float:left;
	width:225px;
	overflow:hidden; /*IE*/
}
	#accessoire div.conteneur_boutons_sidebar
	{
		height:90px;
		margin:10px 0 0;
	}


	#accessoire div.animation
	{
		display: none;
		height:350px;
		margin-bottom:15px;
	}

	#accessoire .content
	{
		border:1px solid #d4d4de;
		margin-bottom:15px;
	}

		#accessoire .content div.titre
		{
			height:22px;
			padding:4px 12px;
			font-size:14px;
			line-height:22px;
			font-weight:normal;
			background:url(../img/fond_titre_nav.jpg) no-repeat;
			margin-bottom:12px;
		}

		#accessoire .content ul.raccourcis
		{
			margin-bottom:15px;
			padding-left:12px;
		}

			#accessoire .content ul.raccourcis li
			{
				padding-left:22px;
				height:16px;
				margin-bottom:0.5em;
			}

			#accessoire .content ul.raccourcis li.local
			{
				background-image:url(../img/puce_fleche.gif);
				background-position: 5px 50%
			}
			#accessoire .content ul.raccourcis li.wikio
			{
				background-image:url(../img/icone_wikio.gif);
			}
			#accessoire .content ul.raccourcis li.scoopeo
			{
				background-image:url(../img/icone_scoopeo.gif);
			}
			#accessoire .content ul.raccourcis li.facebook
			{
				background-image:url(../img/icone_facebook.gif);
			}
			#accessoire .content ul.raccourcis li.marquepage
			{
				background-image:url(../img/icone_favori.gif);
			}

		#accessoire .content .aussi
		{
			background:url(../img/fond_colonne.png) repeat-y;
		}

			#accessoire .aussi .item
			{
				padding:8px 12px;
				margin-bottom:15px;
			}

			#accessoire .aussi .item.alt
			{
				background-color:#f6f6f6;
				margin-bottom:15px;
			}

			#accessoire .aussi .item.last
			{
				margin-bottom:0px;
				padding-bottom:25px; /*troquer margin pour padding sur dernier*/
			}

	#accessoire .btn_planeto{
		width:175px;
		padding:0 0 0 50px;
		background-image:url(../images/sprite-planeto.png);
		background-repeat: no-repeat;
	}

	.btn_planeto.btn_nouvelles_stats{
		background-position: 5px 7px;
	}

	.btn_planeto.btn_stat_hasard{
		margin-top:20px;
		background-position: 12px -30px;
	}

#intro
{
	clear:both;
	padding:10px;
	margin-top:25px;
	margin-bottom:25px;
	border:#8385bb 1px solid;
	height:auto;
}


#footer_links
{
	clear:both;
	padding:15px 15px;
	height:auto;
	text-align:center;
	color:#CCCCCC;
}

#footer_links a{
color:#CCCCCC;
}

#appendix
{
	clear:both;
	padding:8px 15px;
	height:15px;
	background-color:#eee;
	text-align:right;
}

	#appendix .mention {
		float:left;
	}

	#appendix .nav-haut {
		float:right;
	}

		#appendix #nav-footer a {
			padding:3px 25px 4px 0;
			background:url(../img/bt_haut.png) no-repeat 100% 50%;
		}

/* MODULE
*******************************************************************************
*/

div.intro-site
{
	margin-bottom:15px;
}

	div.intro-site noscript.titre
	{
		/* background-color:orange;
		color:white;
		display:block;
		margin-bottom:10px;
		padding:8px; */ /*IE7 affiche toujours*/
	}

	div.intro-site div.titre
	{
		color:darkorange;
		margin-bottom:10px;
	}

	div.intro-site p.section-intro
	{
	}

div.user
{
	padding:12px;
}

	div.user p
	{
		margin:0 0 15px;
	}

	div.user img
	{
		display:block;
		margin:8px auto;
	}

ul.std
{
	list-style-type:none;
}

	ul.std li
	{
		background-position:left 50%;
		background-repeat:no-repeat;
	}

		ul.std li a
		{
			text-decoration:none;
			color:#6466A3;
		}

		ul.std li a:hover
		{
			text-decoration:underline;
		}

div.statdumois
{
	margin-bottom:15px;
}

	div.statdumois h3
	{
		background:url(../img/fond_section.gif) no-repeat;
		height:32px;
		line-height:32px;
		padding-left:15px;
	}

	div.statdumois .compteurs
	{
		padding:15px;
		border-left:1px solid #8385bb;
		border-right:1px solid #8385bb;
	}

		div.statdumois .compteurs .titre
		{
			text-align:center;
			margin-bottom:8px;
		}

		div.statdumois .compteurs .item
		{
			width:356px;
			height:39px;
			line-height:39px;
			margin:0 auto 12px;
			text-align:right;
			background:url(../img/compteur_mois.gif) no-repeat;
		}

			div.statdumois .compteurs .item .valeur
			{
				padding-right:18px;
				font-size:24px;
				font-family:Monaco, Lucida Console, monospace;
			}

	div.statdumois .accroche
	{
		padding:15px;
		background:url(../img/fond_section.gif) left -32px repeat-y;
		border-bottom:1px solid #8385bb;
	}

		div.statdumois .accroche h4
		{
			margin-bottom:8px;
		}

		div.statdumois .accroche .corps
		{
			margin-bottom:12px;
		}

		div.statdumois .accroche ul
		{
			padding-left:15px;
			list-style-type:square;
		}

div.pagination
{
	text-align:right;
	margin-bottom:15px;
	padding:4px 8px;
	background:#fff;
}

	div.pagination a
	{
		text-decoration:none;
	}

	div.pagination a:hover
	{
		color:white;
		background-color:#999;
	}

ul.sous-categories
{
	float:right;
	width:200px;
	margin-bottom:15px;
}

	ul.sous-categories li
	{
		padding-left:14px;
		margin-bottom:0.3em;
		background-image:url(../img/puce_fleche.gif);
	}



/* PAGE
*******************************************************************************
*/

body#search div.resultat-sommaire
{
}

body#search table
{
	margin-bottom:15px;
	border-collapse:collapse;
	width:100%;
}

	body#search table th,
	body#search table td
	{
		padding:4px 8px;
	}

	body#search table th
	{
		text-align:left;
		background:#eee;
	}

.info-envoi
{
	border:1px solid #d4d4de;
	background-color:#F6F1FF;
	margin-bottom:15px;
	margin-top:20px;
	padding:5px;
	font-weight:bold;
	color:red;
}

/* SECTION
*******************************************************************************
*/

body.statique #principal h2
{
	color:darkorange;
	margin-bottom:8px;
}

body.statique #principal p
{
	margin-bottom:15px;
}

body.statique #principal p img
{
	display:block;
	margin:0 15px 15px 0;
	float:left;
}

body.statique #principal form
{
	padding:15px;
	background-color:#f9f9f9;
	margin-bottom:15px;
}

	body.statique #principal form fieldset
	{
		padding:15px;
		margin-bottom:25px;
		font-family:Helvetica,Arial,sans-serif;
		background:#f6f1ff;
		border:1px solid #CCCCCC;
	}


		body.statique #principal form ol
		{
			list-style-type:none;
			float:left;
			width:100%;
		}

			body.statique #principal form ol li
			{
				clear:left;
				float:left;
				width:100%;
				margin-bottom:8px;
			}

				body.statique #principal form ol li label
				{
					float:left;
					text-align:right;
					padding-right:8px;
					width:15%;
				}

				body.statique #principal form ol li input
				{
					float:left;
					width:25%;
				}

/* DIVERS */

.historique
{
	clear:left;
}


/* pages */
#page_h3, .page_h3{
width:550px;
line-height:35px;
font-size:14px;
font-weight:bold;
}

.page_texte{
padding:20px;
}

.page_texte table{
margin-bottom:10px;
}

.page_texte > ul,.page_texte > p > ul,.page_texte > blockquote > ul{
padding-left:30px;
}

.page_texte table td{
padding:10px;
}

.page_espace{
margin:15px 0;
}


/* commentaires */
.comment{
padding:30px;
text-align:justify;
margin-left:50px;
}

.comment .etoile{
color:#990000;
}

.comment .aff{
font-style:italic;
font-size:10px;
}

.comment .nom{
margin-left:15px;
width:200px;
}

.comment .mail{
margin-left:5px;
width:200px;
}

.comment .web{
width:200px;
}

.comment .post{
margin-left:105px;
}

.comment textarea{
margin-left:105px;
width:300px;
height:100px;
}

.com_cont{
margin:20px 0;
padding:5px;
border:#CCCCCC 1px solid;
}

/*stat suivante, stat précédente*/
.conteneur_mini_liens{
	padding: 15px;
	clear: both;
	font-size: 11px;
}
.lien_stat_precedente,.lien_stat_suivante{
	/*color:#6466a3;
	font-weight:bold;
	margin-bottom: 30px;*/
}

.lien_stat_precedente{
	float:left;
}

.lien_stat_suivante{
	float:right;
	margin-bottom:15px;
}
/* envoyer à un ami */
.ami div{
float:right;
color:#6466a3;
margin-bottom:30px;
}

.envoi_ami{
bottom: 8px;
color: #6466A3;
position: absolute;
right: 130px;
}

/* nouveau */
.nouveau{
margin:-5px 20px 10px 0;
float:left;
}

.newdroite{
float:right;
margin-right:10px;
!float:none;
!margin-right:0;
}

.nouveau a{
font-family:Georgia, "Times New Roman", Times, serif;
color:#8284bb;
}

.newdroite a{
color:#CC0000;
display:none;
}

.nouveau img{
margin-right:5px;
}

/* nouveau : pagination */
.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}

.pagination a {
background:#fff;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
border:1px solid #bd88fe;
color:#bd88fe
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active, .pagination a.actif {
background:#f4ebff;
border:1px solid #bd88fe;
color:#bd88fe;
font-weight:700;
margin:2px;
padding:.2em .4em
}

/* entreprises */
.entreprises{
padding-top:6px;
}

/* pubs */
.pub_bas{
margin-bottom:15px;
}

/* habillage pubs */
.habillage_top{
width:990px;
margin:0 auto;
height:149px;
}

.habillage_g{
margin:-417px 0 0 -311px;
!margin-top:-417px;
position:absolute;
}

.page_nouveau .habillage_g{
!margin:0 0 0 -1090px;
!top:0;
}

.page_nouveau .habillage_g_ie6{
margin:-200px 0 0 -350px;
position:absolute;
}

.habillage_d{
position:absolute;
top:0;
margin:0 0 0 990px;
}

.habillage_top img, .habillage_g img, .habillage_d img, .habillage_g_ie6 img{
border:0;
}

.cesure{
border-top: 1px solid #8385BB;
border-bottom: 1px solid #8385BB;
float:left;
width:750px;
clear:both;
}

.csgb_clearer{
	clear:both;
}

.page_pseudo_statique h1{
	width:100%;
	height:auto;
	float: none;
	margin: 0 0 20px;
}

/*-----page 24h en france--------*/

.page24h_intro{
	margin-bottom:20px;
}
.page24h_rangee{
	clear:both;
	margin-bottom:15px;
}

.page24h_titre_bloc{
	text-align:center;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:10px;
}

.page24h_col_gauche, .page24h_col_milieu, .page24h_col_droite{
	/*min-height:50px;*/
	padding:5px 10px;
	text-align:center;
}

.page24h_col_gauche img, .page24h_col_milieu img, .page24h_col_droite img{
	/*border:1px solid #D4D4DE;*/
	display:block;
	margin:0 auto 10px;
}

/*rangee avec 1 colonne*/
.page24h_1_col .page24h_col_gauche{
	width:730px;
	background:#f4f2f8;
	/*text-align:left;*/
}


/*rangee avec 2 colonnes*/
.page24h_2_cols{
	background:url(../img/24h_2cols.gif) repeat-y;
}

.page24h_2_cols .page24h_col_gauche, .page24h_2_cols .page24h_col_droite{
	width:347px;
	float:left;
}

.page24h_2_cols .page24h_col_gauche{
	margin-right:16px;
}

/*rangee avec 3 colonnes*/
.page24h_3_cols{
	background:url(../img/24h_3cols.gif) repeat-y;
}

.page24h_3_cols .page24h_col_gauche,.page24h_3_cols .page24h_col_milieu, .page24h_3_cols .page24h_col_droite{
	width:220px;
	float:left;
}

.page24h_3_cols .page24h_col_gauche, .page24h_3_cols .page24h_col_milieu{
	margin-right:15px;
}

/*tableau infographie */

.tableau_infographie{
	width:750px;
	border-collapse: collapse;
	border:0;
	margin-top:20px;
}

.tableau_infographie tr td:first-child, .tableau_infographie tr td:last-child{
	width:340px;
	vertical-align: top;
}

.tableau_infographie tr td:first-child + td{
	width:70px;
}

.tableau_infographie tr td img{
	display:block;
	margin-bottom:35px;
	width:340px;
	border:0;
}

.lire_suite{
	font-weight:bold;
}

/* Inread Optidigital dans les rubiques thématiques de stat et les sats (page_stat.php et index-v2.php*/
div.entry-post{
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* le champ remarque est caché pour tromper les spammers (il ne doit pas être rempli par les vrais visiteurs) */

.remarque {
	display: none;
}

.optidigital-wrapper-div {
  width: 100%;
}


#header_haut {
    height: 120px;
    background: url(../images/header_3.jpg);
    background-position-x: 0;
    /* background-clip: content-box; */
    background-size: cover;
}