body { padding:0; margin:0; font-size:0.85em; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; background:#FFF; color:#454545; }
form { padding:0; margin:0; }

/* visualisation rapide de l'ensembllegend classe des div (en remplaçant 'none' par 'solid' )*/
/* div { border:1px #999999 none; } */

.content { border:0; padding:0; margin:0 auto; width:900px; overflow:hidden; }

	/* - - - HEADER - - - */
	.header	{ height:180px; width:853px; margin:0 0 1px 0; padding:0; }
		.zone_toppub { height:90px; width:850px; margin:0 0 5px 0; }
		.zone_logo { height:85px; width:323px; float:left; }
		.zone_date { height:15px; width:525px; float:left; text-align:right; padding:45px 0 1px 0; font-size:0.7em; margin:0; overflow:hidden; }
		.zone_barre { height:25px; width:519px; float:left; background:#E5E5E5; overflow:hidden; padding:0 0 0 7px; margin:0; color:#797979; }
			.zone_barre a { display:block; float:left; height:25px; }
				#carnet { width:52px; background:url("../images/carnet.gif") no-repeat; }
				#agenda { width:52px; background:url("../images/agenda.gif") no-repeat; }
				#contact { width:54px; background:url("../images/contact.gif") no-repeat; }
				#apropos { width:59px; background:url("../images/apropos.gif") no-repeat; }
				#newsletter { width:78px; background:url("../images/newsletter.gif") no-repeat; }
			.zone_barre form { float:left; margin:3px 0 0 5px; padding:0; height:25px; }
				.zone_barre form .go { margin:0; border:0; padding:0; }
				.zone_barre form .recherche { margin-top:0; }
	#barre2 { width:849px; height:27px; padding:0; margin:0 0 5px 0; background:#696969; clear:both; }
		#barre2 a { display:block; float:left; height:27px; }
			#economie { width:114px; background:url("../images/economie.gif") no-repeat; }
			#produits { width:106px; background:url("../images/produits.gif") no-repeat; }
			#distribution { width:133px; background:url("../images/distribution.gif") no-repeat; }
			#technologie { width:132px; background:url("../images/technologie.gif") no-repeat; }
			#services { width:106px; background:url("../images/services.gif") no-repeat; }
			#referencement { width:149px; background:url("../images/referencement.gif") no-repeat; }


.zone_main { }

	/* - - - GAUCHE - - - */
	.zone_leftpub { float:left; width:140px; min-height:880px; overflow:hidden; }
		.zone_magazine { padding:10px 0 0 0; width:130px; background:url("../images/magazine.gif") no-repeat; margin:0 10px 22px 0; }
		.vignetteMag { border:0; margin-top:5px; }
		a.mag { font-weight:bold; font-size:9pt; color:#c50004; text-decoration:none }
		#essentiel { width:120px; padding:29px 0 0 0; background:url("../images/l_essentiel_par_marche.gif") no-repeat; font-size:0.8em; margin:0 0 20px 0; }
			#essentiel a { text-decoration:none; color:#000; padding:0; margin:0; }
			#essentiel ul { margin:0; padding:0; list-style-type: none; }
			#essentiel li { background:#E5E5E5; margin:1px 0; padding:3px 3px 3px 10px; line-height:1em; }
			#essentiel .title { color:#B8030A; text-transform:uppercase; font-weight:bold; padding:0; margin:0; }
		#promotions { width:140px; padding:29px 0 0 0; margin:0 0 20px 0; background:url("../images/promotions.gif") no-repeat; }
		.zone_skyscraper_01 { width:120px;  height:600px; margin:0 20px 20px 0; }
		#sitesidg { width:120px; padding:29px 0 0 0; background:url("../images/les_sites_du_groupe.gif") no-repeat; font-size:0.8em; margin:0 0 10px 0; }
			#sitesidg ul { margin: 1px 0; padding: 4px; list-style-type: none; background-color:#E5E5E5; }
			#sitesidg ul li { line-height:1.1em; }
			#sitesidg a { text-decoration:none; color:#000; padding:0; margin:0; }

	/* CENTRE */
	.zone_centre { float:left; width:530px; min-height:880px; }
		.zone_recherche { width:500px; height:200px; padding:11px 0 0 0; margin: 0 0 0 0px; }
		.zone_rappel_recherche { border-top:#999999 2px solid; border-bottom:#999999 2px solid; width:500px; font-size:10pt; padding:0; }
		.zone_resultat { width:500px; /* height:555px;*/ padding:11px; margin: 0 0 0 0px; }

	/* INFOS A DROiTE */
	.zone_infolog { float:left; width:210px; min-height:880px; }
		.zone_login { width:188px; height:108px; margin:0 5px 5px 5px; padding:5px; border:1px solid #aa0021; }
		.zone_actu { background:url("../images/alaune.gif") no-repeat; width:198px; /* height:657px;*/ margin:0 5px 5px 5px; padding:25px 0 0 0; border:1px none #3399FF; }
		.actuRss { font-size:8pt; line-height:8.5pt; background-color:#d8d8d8; padding:8px; }
			a.actuLnk:link, a.actuLnk:visited { font-weight:bold; color:#000; text-decoration:none; }
			a.actuLnk:hover,a.actuLnK:active { font-weight:bold; color:#000; text-decoration:underline; }

	/* PUB A DROITE */
	.zone_rightpub { width:122px; height:600px; float:right; }
		.zone_skyscraper_02 { width:120px; height:600px; margin:0 2px 0 0; }
		.zone_boutons_pub { width:120px; height:194px; margin:0 2px 0px 0; }

	/* FOOTER */
	#partenaires {width:826px; border: solid #cccccc 1px; text-align: left; padding: 7px; }
  #partenaires .title { color: #696969; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; }
  #partenaires a { color: #B8030A; font-weight: bold; }
	
	#copyright { width:826px; clear:both; margin:10px 0 20px 0; color:#696969; text-align:center; font-size:1.2em; }
	
	.footerinova { clear:both; width:930px; height:25px; line-height:25px; background:#CCC; text-align:center; padding:0 10px; }
		.footerinova a { font-weight:normal; font-size:9pt; color:#444444; text-decoration:none; }


/* des hr invisibles qui jouent le rôle de séparateurs*/
hr.cleanerGrisSurGris { clear:both; height:1px; color:#d8d8d8; background:#d8d8d8; width:100%; margin:0; padding:0; border:none; }
hr.smallcleaner { clear:both; height:1px; color:#fff; width:100%; background:#FFF; margin:0; padding:0; border:none; }

/* classes particulières */
/* formulaire de login */
h1.login { font-weight:bold; font-size:12pt; margin:0 0 10px 0; padding:0 0 0 4px; }
fieldset.login { background-color:#d8d8d8; padding:4px; height:102px; border:none; }
fieldset.recherche { width:487px; border: 1px solid #d8d8d8; display:block; }
legend.recherche { font-size:13pt; color:#b8030a; font-weight:bold; border: 1px solid #d8d8d8; padding:0 5px; }
input.login { border: 1px solid black; background-color:#FFF; font-size:8pt; line-height:9pt; height:9pt; width:70px; }
label.login { float:left; font-size:8pt; line-height:9pt; height:9pt; text-align:right; margin: auto 4px 10px 0px; width:80px; }
p.login { font-size:9pt; line-height:8pt; margin:0; padding:6px 4px 0 4px;; }
.boutonLogin { border: none #fff; border: hidden #fff; border:1px solid #fff; background-color:#CCC; font-size:8pt; line-height:8pt; height:12pt; }

/* milieu de page */
/* titre */
h1.titre { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-stretch:condensed; font-size:9pt; font-weight:bold; font-variant:small-caps; padding-left:4px; }
h5.titre { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-stretch:condensed; font-size:11pt; font-weight:bold; }
/* bordures du titre */
div.titre { border-top:#999 1px solid; border-bottom:#999999 1px solid; }

/* entêtes des zones magazine et actu */
.headerRed { background-color:#c50004; color:#FFF; text-align:center; font-variant:small-caps; font-size:9pt; font-weight:bold; }


/* formulaire de recherche */
fieldset.recherche { background:none; padding:4px; border:none; }
input.recherche, select.recherche, input.register, select.register { border: 1px solid #000; background:#FFF; font-size:8pt; line-height:14pt; }
input.recherche { padding-left:4px; width:211px; }
select.recherche { width:150px; }
select.register{ width:94%; }
label.recherche { float:none; clear:both; font-size:10pt; color:#b8030a; font-weight:bold; line-height:14pt; text-align:left; margin: auto 0px 10px 0; width:100%; }
.boutonRecherche, .boutonRegister {  border:1px solid #fff; background:#CCC; font-size:8pt; line-height:8pt; height:12pt; margin : 5px 0 0 5px; }
.rouge { color:#c50004; }

a.actuLnkRouge:link, a.actuLnkRouge:visited { font-weight:bold; color:#c50004; text-decoration:none; }
a.actuLnkRouge:hover, a.actuLnKRouge:active { font-weight:bold; color:#c50004; text-decoration:underline; }

/* Special résultat de recherche */
.payantOui { border:2px solid #aa0021; background:#e5e5e5; font-size:8pt; font-family:Arial, Helvetica, sans-serif; }
.payantNon { border:2px solid #a1a5a7; background:#f3f3f3; font-size:8pt; font-family:Arial, Helvetica, sans-serif; }
h3.payantOui { color:#aa0021; font-size:9pt; font-weight:bold; font-variant:small-caps; border:0; border-bottom:1px solid #2e2e2e; }
h3.payantNon { color:#000; font-size:9pt; font-weight:bold; font-variant:small-caps; border:0; border-bottom:1px solid #2e2e2e; }
a.fiche:link, a.fiche:visited { text-decoration: none; color:#aa0021; }
a.fiche:hover, a.fiche:active { text-decoration:underline; color:#aa0021; }
/* aspect des liens vers les pages de résultats de recherche (attention chaque lien est un formulaire */
.ButtonPages { border:0; color:#000; background:#fff; font-size:8pt; line-height:8pt; width:25px; float:left; cursor:pointer; margin-bottom:8px; }

/* censé nettoyer les hauteur des container de float bof, bof.. */
.clearfix:after { content: ".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

