/* --------------------------------------------------- */
	/* 					Styles globaux					   */
	/* --------------------------------------------------- */

	body,html {font-family: helvetica, arial; background: #1d5065;}
	body{
		 margin: 8px 0 0 0;
		 padding: 0;
	}

	#zoneOne
	{
		display: table; height: 100%; width: 100%;/*position: absolute;*/ overflow: hidden;
	}
/*	#centreur {
		#position: absolute; 
		#top: 50%;
		display: table-cell; 
		vertical-align: middle;
	}*/
	#conteneur, #boutonsHaut
	{
		width: 950px;
		/*border: 1px solid red;*/
		font-size: 10px;
		margin-left: auto;
		margin-right: auto;
		/*#position: relative; #top: -50%;*/
		background: #ffffff;
	}
	
	#contenu {font-size: 12px; padding: 0px 0px 20px 20px; width: 670px; text-align: justify;}
	#contenu table td {padding: 5px; margin: 0;}
	#contenu table td {border: 1px solid}
	#contenu img {margin: 5px;}
	#contenu li {margin: 10px 0 5px 0;}
	#contenu h1 {color: #ca0731; font-size: 18px;}
	#contenu h2 {color: #ca0731; font-size: 15px; margin-left: 8px;}
	#contenu h3 {color: #ca0731; font-size: 13px; margin-left: 15px;}
	#contenu a {color: #1f5ba6;}
	#contenu a:hover {color: #ca0731} 
	
	.separateur {clear: both; height: 1px; line-height: 1px;}
	.separateurGauche {clear: left;}
	.titresCaches {visibility: hidden; display: none; line-height: 0;}
	
	#filAriane {margin: 0; background: #f1f2fb; padding: 5px 0 5px 15px; margin: 0 0 15px 0px; font-size: 12px;}
	#filAriane a {color: #1f5ba6;}
	#filAriane a:hover {color: #ca0731} 
	
	a img {border: none;}

	#footer {background: #7297a7; color: #eb4541; text-align: right; font-size: 12px; line-height: 5px; height: 30px; padding: 5px 10px 5px 0;}
	#footer span {position: relative; top: -8px; left: -30px;}	
	#footer a {color: #ffffff; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}
	#footerLogos {float: left; padding-left: 15px;}
	#footerLogos img {border: none; margin-right: 15px;}
	
	#elevateur {width: 0px; height: 450px; float: right;}
	/* --------------------------------------------------- */
	/* 					Page d'accueil					   */
	/* --------------------------------------------------- */

	#homeTetiere {	border: 0px solid red;
		background: #bbc4cd url(http://www.ires-fr.org/_images/home_tetiere.jpg) bottom left no-repeat;
		height: 260px;
		/*margin-bottom: 20px;*/
		position: relative;
	}
	#homeAnimation {position: absolute; left: 280px; top: 73px; width: 349px; height: 156px; }

	#homeTetiereOutils {
		clear: both; 
		background: url(http://www.ires-fr.org/_images/home_tetiere_coinHautGauche.jpg) top left no-repeat; 
		margin: 0; 
		padding: 0; 
		height: 70px;
	}
 	#homeTetiereOutils #tetiereBlocOutils {clear: both; padding: 15px 30px 0 890px;}
	#tetiereBlocOutils img {margin: none; padding: 0; float: left; display: block}
	
	#homecollrech{position: absolute; left: 124px; top: 6px;}
	
	#baseLine {border: 0px solid blue; margin: none; padding: 0; display: block; line-height: 1px}
	#homeTetiereMenu {
		float: left; 
		text-align: right; 
		list-style-type: none; 
		position: relative; 
		top: 15px;
		left: -39px;
		_left: -80px;
		width: 80px; 
		font-size: 9px;
		padding: 0;
		margin: 7px 0 0 40px; 
	}
	#homeTetiereMenu li {text-align: right; font-weight: bold; font-size: 10px;}
	#homeTetiereMenu li, #homeTetiereMenu li a {color: #ca0731; text-decoration: none;}
	#homeTetiereMenu li a:hover {color: #0f3a5e; text-decoration: underline;}
	
	#homeTetiereMenu_5 {position: relative; left: 7px;}
	#homeTetiereMenu_1 {margin-top: 11px;}
	#homeTetiereMenu_15 {margin-top: 12px;}
	#homeTetiereMenu_6 {margin-top: 10px;}
	#homeTetiereMenu_16 {margin-top: 8px;}

	#homeTetiereMenu_20 {position: relative; left: 7px;}
	#homeTetiereMenu_17 {margin-top: 11px;}
	#homeTetiereMenu_18 {margin-top: 12px;}
	#homeTetiereMenu_22 {margin-top: 10px; position: relative; top: -3px;}
	#homeTetiereMenu_19 {margin-top: 8px; position: relative; top: -4px;}

	.homeVignettes {float: left; margin: 3px 5px 5px 0;}
	#homePavePrincipal {margin: 10px 335px 0 90px;}
	#homePavePrincipal {font-size: 11px;}
	#homePavePrincipal h2 a {color: #ca0731; font-size: 12px; text-decoration: none; margin: 0px; line-height: 14px;}
	#homePavePrincipal h2 a:hover {text-decoration: underline;}
	#homePavePrincipal p {margin-top: 0px; padding: 0;}
	
	#homeBlocOnglets {width: 315px; float: right;}
	
	.homeOnglets {float: left; list-style-type: none; margin: 1px; padding: 0px; line-height: 12px; font-size: 9px; vertical-align: middle; background: url(http://www.ires-fr.org/_images/homeOnglets_Fond.jpg) top left repeat-x;}
	.homeOnglets a {text-decoration: none; color: #8d8c92; font-size: 11px; position: relative; left: 5px; top: 3px;}
	.homeOnglets a:hover {text-decoration: underline;}

/*
	#homeBlocOnglets li {background: url(/_images/homeOnglets_Fond.jpg) top left repeat-x;}
	#homeBlocOnglets ul {margin: 0; padding: 0;}
	#homeBlocOnglets ul li {float: left; list-style-type: none; margin: 3px; padding: 0px; line-height: 12px; font-size: 9px; vertical-align: middle;}
	#homeBlocOnglets ul li a {text-decoration: none; color: #8d8c92; font-size: 11px; position: relative; left: 5px; top: 3px;}
	#homeBlocOnglets ul li a:hover {text-decoration: underline;}
*/

	.ongletCoteGauche {float: left; margin: 0px; padding:0px; display: block;}
	.ongletCoteDroit {float: right; margin: 0px; padding:0px; display: block;}

	#ongletRevue, #onglet_9, #onglet_23 {width: 50px;}
	#ongletChronique, #onglet_25 {width: 90px;}
	#ongletLettre, #onglet_10 {width: 50px;}
	#ongletDocument, #onglet_10{width: 90px;}
	#onglet_11 {width: 70px;}
	#onglet_14 {width: 80px;}
	
	#homeBlocOngletActu {color: #1f5ba6; font-size: 11px; line-height: 14px; text-align: justify; padding: 3px 10px 10px 15px; margin-top: 37px; background: url(http://www.ires-fr.org/_images/homeOngletsFondBoite.gif) top left no-repeat;}
	#homeBlocOngletActu h2 {color: #ea1c47; font-size: 13px; font-weight: bold;}

	#homeBlocOngletActu a {color: #1f5ba6;}
	#homeBlocOngletActu a:hover {color: #ea1c47;}
		
	/* --------------------------------------------------- */
	/* 					Autres pages					   */
	/* --------------------------------------------------- */
	
 	#tetiere #tetiereBlocOutils {padding: 15px 0px 0 820px;}
	
	#collrech{position: absolute; left: 270px; top: 12px;}
	#logo{width:124px;height:123px;position: absolute; left: 90px; top: 0px;}

	#tetiere {position: relative; background: #d2d4e2 url(http://www.ires-fr.org/_images/tetiere.jpg) top left no-repeat; height: 123px; overflow: hidden; border: 0px solid green;}

	#tetiere ul {clear: left; border: 0px solid red; margin: 90px 0 0 0; padding: 0;}
	#tetiere li {float: left; display: block; margin: 0; padding-top: 0;}
	#tetiere li a {font-weight: bold; color: #ca0731; text-decoration: none;}
	#tetiere li a:hover {text-decoration: underline;}
	#tetiere  .formulaire_recherche {position: relative; top: -70px;}

	/* ---- Menu horizontal --- */
	
	#tetiereMenu_5 {padding-left: 259px;}
	#tetiereMenu_20 {padding-left: 254px;}
	
	#tetiereMenu_1 {padding-left: 40px;}
	#tetiereMenu_17 {padding-left: 50px;}
	
	#tetiereMenu_15 {padding-left: 35px;}
	#tetiereMenu_18 {padding-left: 75px;}
	
	#tetiereMenu_6 {padding-left: 55px;}
	#tetiereMenu_22 {padding-left: 60px;}
	
	#tetiereMenu_16 {padding-left: 43px;}
	#tetiereMenu_19 {padding-left: 35px;}

	/* ----------------------- */
	
	#paveContextuel {
		overflow: visible;
		width: 215px;
		float: right;
		color: #1f5ba6;
		font-size: 11px; 
		line-height: 14px; 
		text-align: justify; 
		padding: 2px 0px 0px 0px; 
		background: url(http://www.ires-fr.org/_images/homeOngletsFondBoite2.gif) top left no-repeat;
	}
	#paveContextuel h1 {
		color: #f15055; 
		font-size: 11px; 
		font-family: verdana; 
		background: url(http://www.ires-fr.org/_images/menuContextuelTitreFond.gif) top left repeat-x; 
		margin: 3px 1px 0 5px; 
		padding: 5px;
	}
	#paveContextuel img {margin: 10px 0 0 4px; display: none;}
	#paveContextuel ul {margin-left: 0px; padding-left: 20px;}
	#paveContextuel li a {color: #3c7694;}
	#paveContextuel li a:hover {color: #ca0731} 
	#paveContextuelContenu {padding: 10px 10px 15px 15px;}
	#paveContextuelContenu h2 {color: #3c7694; font-family: verdana; font-size: 11px;}

	.spip_surligne {background-color: yellow;}
	#tetiere .formulaire_recherche {position: absolute; z-index: 100; top: 45px; left: 610px; width: 170px;}
	.formulaire_recherche input {line-height: 11px; font-size: 10px; width: 80px; border-top: 2px solid #4d5e8d; border-left: 2px solid #4d5e8d; padding: 2px;}
	.formulaire_recherche label {font-weight: bold; color: #526390; font-size: 11px;}

	#homeTetiere .formulaire_recherche label {color: #ffffff;}
	#homeTetiere .formulaire_recherche {position:absolute; left: 780px; top: 165px;}

	.liste-articles ul {list-style-type: decimal;}
	#rubriqueArchives li {list-style-type: none;}
	.liste-articles li, #rubriqueArchives li {padding: 0; margin: 0;}
	.liste-articles li h3, #rubriqueArchives li h3 {position: relative; left: -15px; margin: 5px;}

	.infoZone {visibility: hidden; position: absolute; top: 250px; left: 350px; width: 300px; border: 3px dotted red; background: #e4e6eb; color: #465a63; z-index: 500; padding: 5px 5px 5px 15px;}
	.infoZonesCloseBox {
        float: right;
        margin: 2px; 
	}
	.infoZone a {color: #465a63;}
	.infoZone a:hover{font-weight: bold;}
	
	
	#tetiereBoutons {position: absolute; left: 629px; top: 72px; width: 110px; height: 40px;}
	/*#tetiereVoidContact, #tetiereVoidPlan, #tetiereVoidTelephone {border: 0px solid red; height: 90px; width: 30px; z-index: 200; top: 0px; position: relative; left: 465px;}*/
	#tetiereVoidContact {}
	#tetiereVoidPlan {}
	#tetiereVoidTelephone {}