/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body{
	margin: 0;
	text-align: justify;
	font-size: 12px;
	font-family:Tahoma, Verdana, Arial;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	color:#145A95;
}
a:hover { 
	color:#176AAA;
	text-decoration: none;
}

.invisible { 
	position: absolute; top: -3000em; height: 1%; 
}

.body-rubrique #logo a{
	background:url(images/logoraffut.jpg) no-repeat;
	width: 190px;
	height:52px;
	float:left;
	margin-top:27px;
	margin-left:15px;
}
#sommaire #page #bandeau_sommaire {
	width:885px;
	height:195px;
	margin-left:220px;
	margin-top:20px;
	!margin-top:-70px;
	background-color:#000000;
}
#sommaire #page #bandeau_bas {
	background:url(images/bandeau_bas_accueil.gif) no-repeat;
	height:135px;
	width:885px;
	margin-left:220px;
	background-color:#E50830;
	!margin-top:-120px;
}

#sommaire #page #contenu_page_sommaire #contenu_gauche {
	width:400px;
	float:left;
	margin-top:10px;
}

#sommaire #page #contenu_page_sommaire #contenu_gauche p {
	margin-bottom:15px;
}

#sommaire #page #contenu_page_sommaire #contenu_news {
	width:270px;
	background-color:#DCDCDC;
	float:right;
	min-height:200px;
	height:auto !important;
	height:200px;
	margin-right:30px;
	!padding-bottom:20px;
}
	
	#sommaire #page #contenu_page_sommaire #contenu_news li.titre a{
		color:#000;
	}
	
	#sommaire #page #contenu_page_sommaire #contenu_news li.titre{
		color:#000;
	}

	#sommaire #page #contenu_page_sommaire #contenu_news li.lien_suite a{
		color:#E50830;
	}
	
	#sommaire #page #contenu_page_sommaire #contenu_news #logo{
		background:url(images/logo_news.jpg) no-repeat;
		height:57px;
		width:270px;
	}
	
	#sommaire #page #contenu_page_sommaire #contenu_news li.titre{
		font-weight:bold;
		margin-top:10px;
		margin-left:25px;
		margin-bottom:10px;
	}
	
	#sommaire #page #contenu_page_sommaire #contenu_news li.chapo{
		margin-left:25px;
		margin-top:10px;
		width:210px;
	}
	
	#sommaire #page #contenu_page_sommaire #contenu_news li.date_publication{
		margin-left:25px;
		font-size:11px;
		margin-top:10px;
		float:left;
		!margin-right:20px;
	}
	
	#sommaire #page #contenu_page_sommaire #contenu_news li.lien_suite{
		color:#E50830;
		font-weight:bold;
		margin-top:10px;
		margin-left:15px;
	}
	 
	#sommaire #page #contenu_page_sommaire #contenu_news hr{
		width:200px;
		margin-top:10px;
	}
	

#sommaire #page #contenu_page_sommaire #descriptif_site {
	font-style:italic;
	color:#9E9D9D;
	font-size:18px;
	margin-top:30px;
	margin-left:150px;
	width:520px;
}

#sommaire #page #menu {
	margin-top:5px;
}
	
.body-rubrique #page #menu {
	float:left;
	margin-top:15px;
	width:180px;
	text-align:right;
}
	
		.body-rubrique #page #menu a.rub_inactive{
			color:#787878;
			text-transform:uppercase;
			font-size:12px;
			line-height:23px;
		}
		.body-rubrique #page #menu a.rub_inactive:hover{
			color:#F0002C;
		}
		.body-rubrique #page #menu a.rub_active{
			color:#F0002C;
			text-transform:uppercase;
			font-size:12px;
			line-height:23px;
		}
		
	.body-rubrique #page li.sous_menu{
		margin-bottom:15px;
		text-align:right;
		margin-top:15px;
		width:180px;
		font-size:11px;
		!margin-left:-30px;
	}

	.body-rubrique #page li.sous_menu a{
		font-size:12px;	
	}
	
	.body-rubrique #page li.sous_menu a.ss_rub_active{
		color:#F0002C;
	}
	
	.body-rubrique #page li.sous_menu a.ss_rub_inactive{
		color:#787878;
	}
	.body-rubrique #page li.sous_menu a.ss_rub_inactive:hover{
		color:#F0002C;
	}
	
	#rubrique2 #page #logo_rub {
			width:100px;
			height:200px;
			display:inline;
			float:left;
			margin-top:20px;
			margin-left:18px;
			!position:absolute;
		}
		
		#rubrique2 #page #contenu_page{
			width:739px;
			margin-left:220px;
			background:#E3E3E3;
			min-height:500px;
			height:auto !important;
			height:500px;			
			margin-top:0px;
			!margin-top:-217px;
		}
		
	
			#rubrique13 #page #contenu_page,#rubrique12 #page #contenu_page {
				width:739px;
				margin-left:220px;
				background:#E3E3E3;
				min-height:400px;
				height:auto !important;
				height:400px;		
				margin-top:0px;	
				!margin-top:-217px;
				
			}
			#rubrique13 #page #logo_rub {
				width:100px;
				height:200px;
				display:inline;
				float:left;
				margin-top:20px;
				margin-left:18px;
				!position:absolute;
			}
			#rubrique12 #page #logo_rub {
				margin-top:20px;
				!position:absolute;
			}
		
			#rubrique3 #page #logo_rub {
		width:100px;
		height:200px;
		display:inline;
		float:left;
		margin-top:20px;
		margin-left:15px;
		!position:absolute;
	}
	
		#rubrique3 #page #contenu_page {
			width:739px;
			margin-left:220px;
			background:url(images/bande_rouge_rub3.gif) repeat-y;
			min-height:400px;
			height:auto !important;
			height:400px;
			margin-top:0px;
			!margin-top:-130px;
		}
		

			#rubrique3 #page #contenu_page #logo_article{
				border:1px solid #B1B1B1;
				padding-left:5px;
				padding-top:5px;
				padding-bottom:5px;
				padding-right:0px;
				width:510px;
				margin-top:20px;
				margin-bottom:20px;
			}
		
		#rubrique4 #page #logo_rub {
			width:100px;
			height:200px;
			display:inline;
			float:left;
			margin-top:20px;
			margin-left:18px;	
			!position:absolute;
		}
	
		#rubrique4 #page #contenu_page,#rubrique7 #page #contenu_page,#rubrique8 #page #contenu_page,#rubrique9 #page #contenu_page{
			width:739px;
			margin-left:220px;
			background:url(images/bande_rouge_rub4.gif) repeat-y;
			min-height:600px;
			height:auto !important;
			height:600px;
			margin-top:0px;
			color:#fff;
			!margin-top:-235px;
		}
		
		#rubrique5 #page #contenu_page{
			width:745px;
			margin-left:220px;
			background:#E3E3E3;
			min-height:400px;
			height:auto !important;
			height:400px;
			display:block;
			!margin-top:-220px;
		}
		
			#rubrique7 #page #bandeau,#rubrique8 #page #bandeau,#rubrique9 #page #bandeau  {
				background:url(images/bandeau_rub4.gif);
				height:135px;
				width:741px;
				margin-left:220px;
				margin-top:20px;
				!margin-top:-60px;
			}
			
			#rubrique7 #page #logo_rub,#rubrique8 #page #logo_rub,#rubrique9 #page #logo_rub {
				width:100px;
				height:200px;
				display:inline;
				margin-top:20px;
				margin-left:18px;	
				!position:absolute;
			}
			
			#rubrique4 #page #contenu_page,#rubrique7 #page #contenu_page,#rubrique8 #page #contenu_page,#rubrique9 #page #contenu_page{
				min-height:600px;
				height:auto !important;
				height:600px;
				padding-bottom:80px;
			}
			
			#rubrique4 #page #contenu_page #partie_gauche,#rubrique7 #page #contenu_page #partie_gauche,#rubrique8 #page #contenu_page #partie_gauche,#rubrique9 #page #contenu_page #partie_gauche{
				float:left;
				width:400px;
			}
			

			#rubrique4 #page #contenu_page #partie_gauche #partie_pub ,#rubrique7 #page #contenu_page #partie_gauche #partie_pub ,#rubrique8 #page #contenu_page #partie_gauche #partie_pub,#rubrique9 #page #contenu_page #partie_gauche #partie_pub{
				width:400px;
				padding-bottom:50px;
				border-bottom:2px solid #424242;
				float:left;
				margin-bottom:60px;
				margin-top:50px;
				margin-left:30px;
				!margin-left:50px;
				!padding-left:70px;
			}
			
				#rubrique4 #page #partie_gauche #partie_pub #texte_article,#rubrique7 #page #partie_gauche #partie_pub #texte_article, #rubrique8 #page #partie_gauche #partie_pub #texte_article, #rubrique9 #page #partie_gauche #partie_pub #texte_article {
					width:400px;
					float:left;
					margin-bottom:50px;
					!width:300px;
					
				}
				
				#rubrique4 #page #partie_droite,#rubrique7 #page #partie_droite{
					float:right;
					width:112px;
				}
				
				#rubrique8 #page #partie_droite{
					float:right;
					width:112px;
				}
				
				#rubrique9 #page #partie_droite{
					float:right;
					width:111px;
				}
				
				
				#rubrique4 #page #droite,#rubrique7 #page #droite,#rubrique8 #page #partie_droite #droite,#rubrique9 #page #partie_droite #droite{
					width:86px;
					margin-right:26px;
					margin-top:30px;
				}
				
	
		#rubrique4 #page #contenu_page #legende,#rubrique7 #page #contenu_page #legende,#rubrique8 #page #contenu_page #legende,#rubrique9 #page #contenu_page #legende{
				height:50px;
				margin-left:50px;
				width:400px;
				!margin-left:100px;
				margin-bottom:20px;
		}
		
		#rubrique6 #page #contenu_page {
			width:740px;
			margin-left:220px;
			background:#E3E3E3;
			min-height:720px;
			height:auto !important;
			height:720px;
			margin-top:10px;
			padding-bottom:20px;
			!margin-top:-200px;
		}
		
			#rubrique6 #page #contenu_page #partie_gauche{
				width:200px;
				padding-top:65px;
				float:left;
				!margin-left:40px;
			}
			
			#rubrique6 #page #contenu_page #partie_gauche #texte_article{
				float:left;
				width:150px;
				
			}
			
			#rubrique6 #page #contenu_page #droite {
				width:400px;
				float:left;
				margin-left:30px;
				margin-top:30px;
			}
			
			#rubrique6 #page #contenu_page h3{
				margin-left:80px;
				text-transform:uppercase;
				font-weight:bold;
				font-size:14px;
				
			}
			
			#rubrique6 #page #contenu_page #partie_gauche  p{
				margin-top:10px;
			}
			
			#rubrique6 #page #contenu_page #partie_gauche  a{
				color:#F0002C;
			}
		
		.body-rubrique #page #contenu_page_sommaire{
			width:740px;
			margin-left:220px;
			min-height:400px;
			height:auto !important;
			height:400px;
			margin-top:20px;
		}
		
		.body-rubrique #page #contenu_page {
			width:710px;
			margin-left:220px;
			min-height:400px;
			height:auto !important;
			height:400px;
			background:#E3E3E3;
			
		}
		
			.body-rubrique #page #contenu_page #titre_rub{
				text-transform:uppercase;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size:17px;
				margin-bottom:30px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub{
				margin-left:80px;
				width:510px;
				padding-top:65px;
				margin-bottom:20px;
				padding-bottom:59px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub li.titre a{
				font-weight:bold;
				color:#000;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub li.titre{
				color:#000; /*Pour IE*/
				!font-weight:bold;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub li.chapo{
				margin-top:10px;
				margin-bottom:10px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub li.date_publication{
				font-size:11px;
				margin-bottom:10px;
				float:left;
				!margin-right:20px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub li.lien_suite a{
				color:#E50830;
				font-weight:bold;
				margin-left:30px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub li.lien_suite{
				color:#E50830; /*Pour IE*/
				font-weight:bold;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub hr{
				margin-bottom:20px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub #date_publication{
				font-size:11px;
				margin-bottom:15px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub #logo_article{
				float:left;
				padding-right:10px;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub #texte_article p{
				margin-top:10px;
			}
			
				.body-rubrique #page #contenu_page #contenu_rub #texte_article p a{
					color:#F0002C;
				}
				
				.body-rubrique #page #contenu_page #contenu_rub #texte_article p a:hover{
					text-decoration:underline;
				}
			
			.body-rubrique #page #contenu_page #contenu_rub #texte_article li.sousrub a,li.rub a,li.art a{
				color:#000;
			}
			
			.body-rubrique #page #contenu_page #contenu_rub #texte_article li.sousrub a,li.art a{
				color:#787878;		
			}
			
			.body-rubrique #page #contenu_page #contenu_rub #texte_article li.sousrub,li.art{
				list-style:square;
				color:#787878;
			}

			.body-rubrique #page #contenu_page #contenu_rub #texte_article li.rub{
				margin-top:10px;
			}
	
		.body-rubrique #page #logo_rub {
			width:100px;
			height:200px;
			display:inline;
			float:left;
			margin-top:20px;
			margin-left:18px;
		}	
		
		.body-rubrique #page iframe{
			margin-left:80px;
		}

.body-rubrique #page #bandeau {
	background:url(images/terrainaqua.jpg) no-repeat;
	height:133px;
	width:710px;
	margin-left:220px;
	margin-top:20px;
}

#rubrique3 #page #bandeau {
	background:url(images/bandeau_rub3.gif);
	height:133px;
	width:741px;
	margin-left:220px;
	margin-top:20px;
	!margin-top:-60px;
}

#rubrique2 #page #bandeau,#rubrique12 #page #bandeau,#rubrique13 #page #bandeau{
	background:url(images/bandeau_rub2.gif) no-repeat;
	height:134px;
	width:745px;
	margin-left:220px;
	margin-top:20px;
	!margin-top:-70px;
}

#rubrique4 #page #bandeau {
	background:url(images/bandeau_rub4.gif);
	height:135px;
	width:741px;
	margin-left:220px;
	margin-top:20px;
	!margin-top:-60px;
}

#rubrique6 #page #bandeau {
	background:url(images/bandeau_rub6.gif) no-repeat;
	height:120px;
	width:745px;
	margin-left:220px;
	margin-top:20px;
	!margin-top:-60px;
}

#rubrique5 #page #bandeau {
	background:url(images/terrainaqua.jpg) no-repeat;
	width:745px;
	height:134px;
	margin-left:220px;
	margin-top:20px;
	!margin-top:-60px;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

	
.body-rubrique #page #pied_de_page{
	width:200px;
	color:#9D9D9D;
	font-size:11px;
	float:left;
}

	.body-rubrique #page #pied_de_page{
		text-align:right;
	}
	
	.body-rubrique #page #pied_de_page a{
		font-weight:bold;
		color:#787878;
	}
	
	.body-rubrique #page #pied_de_page #adresse_site{
		color:#787878;
	}
	
	.body-rubrique #page #menu_outils{
		margin-left:200px;
		width:370px;
		margin-top:110px;
		!margin-top:55px;
		margin-bottom:50px;
	}
	
	.body-rubrique #page #menu_outils li{
		display:inline;
		border-right:1px solid;
		padding-left:12px;
		padding-right:12px;
	}
	
	.body-rubrique #page #menu_outils a{
		color:#000000;
	}
	
	.body-rubrique #page #menu_outils li.dernier{
		border:none;
	}