*{
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
	line-height:1px;
	height:1px;
	font-size:1px;
}

.invisible{
	position:absolute;
	left:-50000px;
	top:-50000px;
}

body{
	font:normal 0.8em "Arial Verdana Helvetica", sans-serif;
	text-align:center;
}

#leftcontent a img{
	border:none;
}

/* INSERER ICI LES VARIANTES MAGAZINE*/
body.sciences{
	background:white url("../bg/bandeau/bg_sciences.jpg") repeat-x top left;
}
body.techno{
	background:white url("../bg/bandeau/bg_techno.jpg") repeat-x top left;
}
body.environnement{
	background:white url("../bg/bandeau/bg_environnement.jpg") repeat-x top left;
}
body.habitat{
	background:white url("../bg/bandeau/bg_habitat.jpg") repeat-x top left;
}
body.sante{
	background:white url("../bg/bandeau/bg_sante.jpg") repeat-x top left;
}
body.services{
	background:white url("../bg/bandeau/bg_services.jpg") repeat-x top left;
}
/* */

	#globalcontainer{
		margin:0 auto;
		text-align:left;
	}

.align-right{
	text-align:right;
}

/*********************************************************************************************************************
*** HEADER
*********************************************************************************************************************/

		#header{
			width:946px;
			height:182px;
			margin:0 auto;
			margin-bottom:5px;
		}

			#date{
				float:left;
				width:228px;
				height:128px;
				padding-top:2px;
				padding-left:0px;
			}

			/* INSERER ICI LES VARIANTES MAGAEINE*/
			.sciences #date{
				background:transparent url("../bg/bandeau/h1_sciences.jpg") no-repeat top left;
			}
			.techno #date{
				background:transparent url("../bg/bandeau/h1_techno.jpg") no-repeat top left;
			}
			.environnement #date{
				background:transparent url("../bg/bandeau/h1_environnement.jpg") no-repeat top left;
			}
			.habitat #date{
				background:transparent url("../bg/bandeau/h1_habitat.jpg") no-repeat top left;
			}
			.sante #date{
				background:transparent url("../bg/bandeau/h1_sante.jpg") no-repeat top left;
			}
			.services #date{
				background:transparent url("../bg/bandeau/h1_services.jpg") no-repeat top left;
			}
			/* */

				#date p{
					font-weight:bold;
					font-size:11px;
					padding-left:40px;
					height:13px;
				}

				#date a{
					display:block;
					height:115px;
				}

			#pageshaut{
				float:left;
				width:718px;
				height:128px;
				padding:2px 0px 0px 0px;
			}

			/* INSERER ICI LES VARIANTES MAGAEINE*/
			.sciences #pageshaut{
				background:white url("../bg/bandeau/h2_sciences.jpg") no-repeat top left;
			}
			.techno #pageshaut{
				background:white url("../bg/bandeau/h2_techno.jpg") no-repeat top left;
			}
			.environnement #pageshaut{
				background:white url("../bg/bandeau/h2_environnement.jpg") no-repeat top left;
			}
			.habitat #pageshaut{
				background:white url("../bg/bandeau/h2_habitat.jpg") no-repeat top left;
			}
			.sante #pageshaut{
				background:white url("../bg/bandeau/h2_sante.jpg") no-repeat top left;
			}
			.services #pageshaut{
				background:white url("../bg/bandeau/h2_services.jpg") no-repeat top left;
			}
			/* */

			#pageshaut h3{
				display:inline;
				font-size:11px;
				padding-left:292px;
			}

			#pageshaut ul{
				list-style:none;
				height:20px;
				overflow:hidden;
				display:inline;
			}
				#pageshaut ul li{
					display:inline;
				}

					#pageshaut ul li a{
						display:inline;
						font-weight:bold;
						font-size:11px;
						text-decoration:none;
						color:black;
					}

					#pageshaut ul li a:hover, #pageshaut ul li a:active, #pageshaut ul li a:focus{
						text-decoration:underline;
					}

			#pageshaut a{
				display:block;
				width:718px;
				height:108px;
			}

/*********************************************************************************************************************
*** MENU DU HAUT ROLLOVER
*********************************************************************************************************************/

			#menuhaut{
				clear:both;
				width:946px;
				height:29px;
				background:white url("../bg/menuhaut/no/inter.jpg") repeat-x top left;
			}

				#menuhaut ul{
					list-style:none;
					height:29px;
				}

					/************ PREMIER NIVEAU ************/

					#menuhaut ul li{
						float:left;
						margin-right:2px;
						height:29px;
					}

					#menuhaut ul li a{
						display:block;
						height:29px;
						text-decoration:none;
					}

					/* INSERER ICI LES VARIANTES MAGAZINE */
					#menuhaut ul li#itemscience{
						width:127px;
					}

					#menuhaut ul li#itemscience a{
						background:white url("../bg/menuhaut/no/b1_sciences.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemscience a:hover, #menuhaut ul li#itemscience a:focus, #menuhaut ul li#itemscience a:active{
						background:white url("../bg/menuhaut/ho/b4_sciences.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemscience a.actif{
						background:white url("../bg/menuhaut/act/b2_sciences.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemscience a.actif:hover, #menuhaut ul li#itemscience a.actif:focus, #menuhaut ul li#itemscience a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_sciences.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemtechno{
						width:134px;
					}

					#menuhaut ul li#itemtechno a{
						background:white url("../bg/menuhaut/no/b1_techno.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemtechno a:hover, #menuhaut ul li#itemtechno a:focus, #menuhaut ul li#itemtechno a:active{
						background:white url("../bg/menuhaut/ho/b4_techno.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemtechno a.actif{
						background:white url("../bg/menuhaut/act/b2_techno.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemtechno a.actif:hover, #menuhaut ul li#itemtechno a.actif:focus, #menuhaut ul li#itemtechno a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_techno.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemhabitat{
						width:133px;
					}

					#menuhaut ul li#itemhabitat a{
						background:white url("../bg/menuhaut/no/b1_habitat.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemhabitat a:hover, #menuhaut ul li#itemhabitat a:focus, #menuhaut ul li#itemhabitat a:active{
						background:white url("../bg/menuhaut/ho/b4_habitat.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemhabitat a.actif{
						background:white url("../bg/menuhaut/act/b2_habitat.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemhabitat a.actif:hover, #menuhaut ul li#itemhabitat a.actif:focus, #menuhaut ul li#itemhabitat a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_habitat.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemenvironnement{
						width:149px;
					}

					#menuhaut ul li#itemenvironnement a{
						background:white url("../bg/menuhaut/no/b1_environnement.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemenvironnement a:hover, #menuhaut ul li#itemenvironnement a:focus, #menuhaut ul li#itemenvironnement a:active{
						background:white url("../bg/menuhaut/ho/b4_environnement.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemenvironnement a.actif{
						background:white url("../bg/menuhaut/act/b2_environnement.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemenvironnement a.actif:hover, #menuhaut ul li#itemenvironnement a.actif:focus, #menuhaut ul li#itemenvironnement a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_environnement.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemsante{
						width:130px;
					}

					#menuhaut ul li#itemsante a{
						background:white url("../bg/menuhaut/no/b1_sante.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemsante a:hover, #menuhaut ul li#itemsante a:focus, #menuhaut ul li#itemsante a:active{
						background:white url("../bg/menuhaut/ho/b4_sante.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemsante a.actif{
						background:white url("../bg/menuhaut/act/b2_sante.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemsante a.actif:hover, #menuhaut ul li#itemsante a.actif:focus, #menuhaut ul li#itemsante a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_sante.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemthemes{
						width:134px;
					}

					#menuhaut ul li#itemthemes a{
						background:white url("../bg/menuhaut/no/b1_themes.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemthemes a:hover, #menuhaut ul li#itemthemes a:focus, #menuhaut ul li#itemthemes a:active{
						background:white url("../bg/menuhaut/ho/b4_themes.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemthemes a.actif{
						background:white url("../bg/menuhaut/act/b2_themes.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemthemes a.actif:hover, #menuhaut ul li#itemthemes a.actif:focus, #menuhaut ul li#itemthemes a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_themes.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemservices{
						width:127px;
						margin-right:0px;
					}

					#menuhaut ul li#itemservices a{
						background:white url("../bg/menuhaut/no/b1_services.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemservices a:hover, #menuhaut ul li#itemservices a:focus, #menuhaut ul li#itemservices a:active{
						background:white url("../bg/menuhaut/ho/b4_services.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemservices a.actif{
						background:white url("../bg/menuhaut/act/b2_services.jpg") no-repeat top left;
					}

					#menuhaut ul li#itemservices a.actif:hover, #menuhaut ul li#itemservices a.actif:focus, #menuhaut ul li#itemservices a.actif:active{
						background:white url("../bg/menuhaut/ho/b3_services.jpg") no-repeat top left;
					}
					/* */

					/************ SECOND NIVEAU ************/

					#menuhaut ul li ul{
						display:none;
					}

					#menuhaut ul li:hover ul{
						position:absolute;
						width:300px;
						height:auto;
					}

					#menuhaut ul li ul li{
						float:none;
						background-color:white;
						height:24px;
						line-height:24px;
						width:257px;
						border-left:2px solid red;
						border-right:2px solid red;
						border-bottom:2px solid red;
						padding:0px;
						padding-left:33px;
						padding-left:
						cursor:pointer;
					}

					#menuhaut ul li ul li.themes{
							height:33px;
							line-height:16px;
							padding:4px;
							padding-left:53px;
							width:237px;
					}

						#menuhaut ul li ul li a, #menuhaut ul li ul li a:hover, #menuhaut ul li ul li a:focus, #menuhaut ul li ul li a:active{
							display:inline;
							background-image:none !important;
						}

						#menuhaut ul li ul li.first{
							border-top:2px solid red;
						}

						#menuhaut ul li ul li a span{
							color:black;
							font-weight:normal;
							font-size:12px;
							text-transform:lowercase;
						}

						#menuhaut ul li ul li.focus ul li{
							border-left:none;
							border-right:none;
							border-bottom:none;
							display:inline;
							padding-left:0px;
							padding:0px;
						}

					/* INSERER ICI LES VARIANTES MAGAZINE */
					#menuhaut ul li#itemscience ul li{
						border-color:#104ea5;
					}

					#menuhaut ul li#itemscience ul li a{
						color:#104ea5;
						font-weight:bold;
					}

					#menuhaut ul li#itemtechno ul li{
						border-color:#5a92ff;
					}

					#menuhaut ul li#itemtechno ul li a{
						color:#5a92ff;
						font-weight:bold;
					}

					#menuhaut ul li#itemhabitat ul li{
						border-color:#FFA200;
					}

					#menuhaut ul li#itemhabitat ul li a{
						color:#f07515;
						font-weight:bold;
					}

					#menuhaut ul li#itemenvironnement ul li{
						border-color:#5ab47e;
					}

					#menuhaut ul li#itemenvironnement ul li a{
						color:#5ab47e;
						font-weight:bold;
					}

					#menuhaut ul li#itemsante ul li{
						border-color:#e60501;
					}

					#menuhaut ul li#itemsante ul li a{
						color:#e60501;
						font-weight:bold;
					}

					#menuhaut ul li#itemthemes ul li{
						border-color:#8e3cab;
					}

					#menuhaut ul li#itemthemes ul li.sante{
						background:white url("../bg/menuhaut/pictos/mgp_sante.jpg") no-repeat 20px 10px;
					}

					#menuhaut ul li#itemthemes ul li.techno{
						background:white url("../bg/menuhaut/pictos/mgp_techno.jpg") no-repeat 20px 10px;
					}

					#menuhaut ul li#itemthemes ul li.habitat{
						background:white url("../bg/menuhaut/pictos/mgp_habitat.jpg") no-repeat 20px 10px;
					}
					
					#menuhaut ul li#itemthemes ul li.espace{
						background:white url("../bg/menuhaut/pictos/mgp_espace.jpg") no-repeat 20px 10px;
					}
					
					#menuhaut ul li#itemthemes ul li.matiere{
						background:white url("../bg/menuhaut/pictos/mgp_matiere.jpg") no-repeat 20px 10px;
					}
					#menuhaut ul li#itemthemes ul li a{
						color:#8e3cab;
						font-weight:bold;
					}

					#menuhaut ul li#itemservices ul li{
						border-color:#ffd801;
					}

					#menuhaut ul li#itemservices ul li a{
						color:black;
						font-weight:bold;
					}
					
					/************ MENU FOCUS ************/

					#menuhaut ul li ul li.focus{
						width:257px;
						padding:0px;
						height:auto;
						line-height:20px;
						font-size:11px;
						padding-left:33px;
						font-weight:bold;
					}

					#menuhaut ul li ul li.focus a{
						text-transform:lowercase;
					}

					#menuhaut ul li ul li.focus a:hover, #menuhaut ul li ul li.focus a:focus, #menuhaut ul li ul li.focus a:active{
						text-decoration:underline;
					}

					#menuhaut ul li ul li ol{
						list-style:none;
						display:none;
					}

					#menuhaut ul li ul li.focus ol{
						display:inline;
					}

					#menuhaut ul li ul li ol li{
						display:inline;
						line-height:15px;
						background-color:transparent !important;
						padding:0px;
						padding-left:0px;
						border-left:0px;
						border-right:0px;
						border-bottom:0px;
					}

					#menuhaut ul li ul li ol li a{
						display:inline !important;
						background:none !important;
						border-left:none !important;
						border-bottom:none !important;
						border-right:none !important;
						line-height:15px !important;
						background-color:transparent !important;
						padding-left:0px !important;
					}

					#menuhaut .subtitle{
						color:black;
						font-size:11px;
					}

					/* INSERER ICI LES VARIANTES MAGAZINE */
					#menuhaut ul li#itemscience ul li.focus{
						border-left:2px solid #104ea5;
						border-bottom:2px solid #104ea5;
						border-right:2px solid #104ea5;
						background-color:#cee2ff;
					}

					#menuhaut ul li#itemscience ul li.focus a{
						color:#104ea5;
					}

					#menuhaut ul li#itemtechno ul li.focus{
						border-left:2px solid #5a92ff;
						border-bottom:2px solid #5a92ff;
						border-right:2px solid #5a92ff;
						background-color:#d4e2fe;
					}

					#menuhaut ul li#itemtechno ul li.focus a{
						color:#5a92ff;
					}

					#menuhaut ul li#itemhabitat ul li.focus{
						border-left:2px solid #f07515;
						border-bottom:2px solid #f07515;
						border-right:2px solid #f07515;
						background-color:#ffcac8;
					}

					#menuhaut ul li#itemhabitat ul li.focus{
						color:#ffcac8;
					}

					#menuhaut ul li#itemenvironnement ul li.focus{
						border-left:2px solid #5ab47e;
						border-bottom:2px solid #5ab47e;
						border-right:2px solid #5ab47e;
						background-color:#ceffe2;
					}

					#menuhaut ul li#itemenvironnement ul li.focus a{
						color:#5ab47e;
					}

					#menuhaut ul li#itemsante ul li.focus{
						border-left:2px solid #e60501;
						border-bottom:2px solid #e60501;
						border-right:2px solid #e60501;
						background-color:#ffcac8;
					}

					#menuhaut ul li#itemsante ul li.focus a{
						color:#e60501;
						background-color:red;
					}

					#menuhaut ul li#itemthemes ul li.focus{
						border-left:2px solid #8e3cab;
						border-bottom:2px solid #8e3cab;
						border-right:2px solid #8e3cab;
						background-color:#f4d6ff;
					}

					#menuhaut ul li#itemthemes ul li.focus{
						color:#8e3cab;
					}

					#menuhaut ul li#itemservices ul li.focus{
						border-left:2px solid #ffd801;
						border-bottom:2px solid #ffd801;
						border-right:2px solid #ffd801;
						background-color:#fcf1b6;
					}

					#menuhaut ul li#itemservices ul li.focus a{
						color:#ffd801;
					}
					/* */

/********************************************************************************************************************
*** NEWSLETTER ET RECHERCHE
********************************************************************************************************************/
	
	#header .subhead{
		height:23px;
		width:946px;
		margin-top:3px;
	}

	#header .newsletter{
		float:left;
		width:219px;
		height:20px;
		background:transparent url("../bg/newsletter_recherche/lettre_info.gif") no-repeat 0px 0px;
	}

		#header .newsletter a{
			display:block;
			width:219px;
			height:20px;
		}

	#header .recherche{
		float:right;
		height:20px;
		width:267px;
		background:transparent url("../bg/newsletter_recherche/bloc_recherche.gif") no-repeat 0px 0px;
	}

		#header .recherche #header-search{
			position:relative;
			top:0px;
			left:0px;
		}

			#header .recherche #header-search input{
				border:none;
				height:15px;
				margin-top:2px;
				margin-left:2px;
				width:158px;
				background:transparent;
			}

			#header .recherche #header-search a{
				width:95px;
			}

				#header .recherche #header-search a img{
					display:none;
				}

/*********************************************************************************************************************
*** PUBHAUT
*********************************************************************************************************************/

#pub_haut, #pubhaut{
	margin:0 auto;
	width:960px;
	height:50px;
}
				
/*********************************************************************************************************************
*** CONTENU
*********************************************************************************************************************/
	#contenu{
		width:960px;
		margin:0 auto;
	}
				#header-pub, #content-container{
					border-left:none !important;
					border-right:none !important;
				}
				
				#leftcontent{
					width:200px;
					padding-left:10px;
					background:transparent url("../images/nav/menu-gauche/images/mgc.jpg") repeat-y scroll 12px 0px;
					background:none;
					padding-bottom:0px;
					padding-top:0px;
					margin-bottom:10px;
				}

				span.today {
					color: #FF0000;
				}

				span.bold {
					font-weight: bold;
				}

				div.separateur {
					height: 16px;
					background: transparent url("../images/nav/pointille_homepage_h2.gif") repeat-x scroll left center;
				}

	.deux_cols .col_gauche, .deux_cols .col_droite{
		float:left;
		width:50%;
	}

	.deux_cols, .couleur_alt{
		margin-bottom:20px;
		width:396px;
	}

	.deux_cols_couleur{
		background:transparent url("../bg/home_magazine/actus/actu_ombre_droite.jpg") no-repeat bottom right;
		padding-right:3px;
		height:132px;
		min-height:132px;
		padding-bottom:15px;
		width:406px;
		margin-bottom:10px;
	}

	.deux_cols_couleur .col_gauche, .deux_cols_couleur .col_droite{
		float:left;
		width:50%;
		height:132px;
		min-height:132px;
	}

	
	.bloc-home-textimage{
		padding-left:10px;
		padding-right:5px;
		padding-top:10px;
		width:180px;
		overflow:hidden;
	}

		.bloc-home-textimage h2{
			width:180px;
		}

		.bloc-home-textimage img{
			float:left;
			margin-right:5px;
			border:1px solid black;
		}

		.bloc-home-textimage span{
			font-weight:normal;
		}

		.bloc-home-textimage a{
			color:black;
			text-decoration:none;
		}

			.bloc-home-textimage a:hover{
				text-decoration:underline;
			}




/*********************************************************************************************************************
*** FOOTER
*********************************************************************************************************************/

#rightcontent * a:hover, #centercontent * a:hover{
	text-decoration:underline !important;
}

#connexe, a#connexe, a#connexe:hover, #rightcontent .contenu_connexe h2.principal span a:hover, #centercontent .contenu_connexe h2.principal span a:hover{text-decoration:none !important;}

a {outline: none;}

div.contenu_noir a{
	color:black !important;
}