/* GLOBAL
*******************************************************************************
*/
* {
	margin:0;
	padding:0;
}

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

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

.titre {
	font-weight:bold;
}

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

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

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

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

a {
	color:#333;
}

.superscript {
	font-size:smaller;
}

.std {
	margin-bottom:15px;
}


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

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

#logo_planeto{
	float:left;
	width:249px;
	height:80px;
}

#logo_conso{
	float:right;
	width:224px;
	height:80px;
}

#logo_planeto img,#logo_conso img{
	border:0px;	
}

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

	h1 a img {
		border:none;
	}

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

#introduction {
	clear:both;
	height:78px;
	background:url(../img/visuel.jpg) no-repeat;
	padding:8px 12px;
}

	#introduction h2 {
		/*float:left;
		width:40%;
		height:40px;
		font-weight:normal;*/
	}

	#introduction h2 {
		height:32px;
		margin-top:8px;
		text-align:center;
		font-size:12px;
		font-weight:normal;
	}

	#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;
}

	#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 13px 0 9px;
			text-align:center;
			text-decoration:none;
			font-family:Geneva, 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;
				}

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

#accessoire 
{
	float:left;
	width:225px;
	overflow:hidden; /*IE*/
}

	#accessoire div.animation 
	{
		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*/
			}

#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_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;
}

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

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

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

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

.newdroite a{
color:#CC0000;
}

.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;
}