/* CSS Document */

body {
	width:1030px;
	margin:0 auto;
	background-color:#c33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	behavior: url(csshover.htc); /* WinIE behavior call */
}

img {
	border:0;
}

a {
	color:#c33;
	text-decoration:underline;
}

hr {
	clear: right;
	color:#fff;
	border:0;
	background:none;
	width:50%;
}
	
h2 { 
	background:url(images/picto_titre.jpg) no-repeat left center;
	padding-left:25px;
	margin-left:25px;
	margin-top:10px;
	font-size:26px;
	font-weight:bold;
	color:#aaa296;
}

/* ----- GLOBAL ----- */

#global {
	width:1024px;
	margin:0;
	padding:0;
	background:url(images/fond.jpg) repeat-y;
}

/* ----- ENTETE ----- */



#entete {
	width:941px;
	height:200px;
	margin-left:33px;
}

/* Mapping */

#mapping { 
	float:right;
	background-image: url(images/logo-3_test.jpg);
	height: 196px;
	width: 140px; 
}

	#mapping_menu a {
		position: relative;
		text-decoration: none;
	}
	  
	/*#mapping_menu a i { visibility: hidden; }*/
	
	a#regionalsace {top: 0; left:0; height:123px; }
	a#academie {  top: 0; left:0; height:123px; }
	a#saverne { top:124; left: 0; height:69px; }


/* ----- CONTENU ----- */


#contenu{
	width:941px;
	overflow:visible; 
	margin-top:10px;
	margin-left:34px;
	color:#000;
	background:url(images/fond-de-gauche-repeat-2.jpg) repeat-y bottom left;
}


/* ----- GAUCHE ----- */



#gauche {
	width:270px;
	min-height:720px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:720px; /* for IE5.x and IE6 */
	background:url(images/fond-de-gauche-2.jpg) no-repeat;
	float:left;
}
	
	#relations a {
		display:block;
		width:190px;
		height:50px;
		background:url(images/b_relations.gif) no-repeat 0 -50px;
		margin-left:30px;
		margin-top:5px;
	}
	
	#echange a {
		display:block;
		width:190px;
		height:50px;
		background:url(images/b_echange.gif) no-repeat 0 -50px;
		margin-left:30px;
		margin-top:5px;
	}
	
	#evenements a {
		display:block;
		width:190px;
		height:50px;
		background:url(images/b_evenements.gif) no-repeat 0 -50px;
		margin-left:30px;
		margin-top:5px;
	}
	
	#lesgens a {
		display:block;
		width:190px;
		height:50px;
		background:url(images/b_lesgens.gif) no-repeat 0 -50px;
		margin-left:30px;
		margin-top:5px;
	}
		
	#relations :hover, #echange a:hover, #evenements a:hover, #lesgens a:hover {
		background-position:0 0px;
	}


/* ----- NAVIGATION ----- */

#navigation {
	margin-left:280px;
	width:650px;
	min-height:60px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:60px; /* for IE5.x and IE6 */
}
	
/* Menu horizontal */
ul#navmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin:10px 0 0 0;
	border: 0 none;
	padding: 0;
	width: 640px; /*For KHTML*/
	list-style: none;
	height: 24px;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
}

ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 180px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu ul li {
	width: 180px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

/* 1er niveau */
ul#navmenu a {
	text-decoration: none;
	text-transform: uppercase;
	color: #A8A094;
	background-color: none;
	padding: 0 7px;
	border-right: 2px #c33 solid;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	height: auto !important;
	height: 1%; /*For IE*/
}

div#navigation li.submenu:hover {
	background-color: #CC3333;
	margin-left:2px;
}

ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
	color: #A8A094;
	background-color: none;
}

/* 2eme niveau */
ul#navmenu ul {
	background:#fff;
	border-left:#c33 1px solid;
}

ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
	float: none;
	text-transform: none;
	border-right: none;
}

ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
	background-color:#c33;
	color:#fff;
}

/* Ne pas supprimer */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
  display: block;
}


/* ----- CENTRE ----- */


	/*  Accueil */
	
	#centre { 
		margin-left:280px;
		width:650px;
		min-height:800px; /* for modern browsers */
		height:auto !important; /* for modern browsers */
		height:80px; /* for IE5.x and IE6 */
	}
		
		#edito {
			width:650px;
			height:230px;
			background-color:#cc9;
			font-size:10px;
		}

/* Lu uniquement par IE 7 */
		*:first-child+html #edito {
			height:250px;
		}
		
		#edito .p_president {
			float:left;
			margin-right:10px;
		}
		
		#edito h1 {
			color:#fff;
			font-size:18px;
		}
		
		#edito p {
			padding-right:10px;
		}
		
	.accueil h2 {
		color:#aaa296;
		font-size:18px;
		padding:10px 45px;
		background:url(images/fleche-grande.jpg) no-repeat left center;
		border-bottom:#ccc 1px solid;
	}
		
	.accueil p {
		font-size:10px;
	}
		
	.accueil h2 span {
		color:#c33;
	}
		
	.accueil a.suite {
		text-decoration: none;
		float:right;
		padding-right:20px;
		background:url(images/fleche-petite-droite.jpg) no-repeat right center;	
		font-size:10px;
	}
		
		.accueil #p_droite {
			float:right;
			margin-left:10px;
		}	
		
		.accueil p#t_droite {
			text-align:right;
		}
		
		.accueil #p_gauche {
			float:left;
			margin-right:10px;
		}
	
		
	/*  Page Simple */
	
	.simple { 
		border:#ccc 1px solid;
	}
	
	#simple { 
		width:620px;
		height:150px;
		padding:0 15px;
	}
	
		#simple h1 { 
			background:url(images/picto_titre.jpg) no-repeat left center;
			padding-left:25px;
			margin-top:10px;
			font-size:26px;
			font-weight:bold;
			color:#aaa296;
		}
		
		#simple p { 
			background-color:#ccc;
			color:#fff;
			padding:30px;
			margin:0 -15px;
			font-size:18px;
			font-weight:bold;
		}
	
	#texte_simple { 
		padding:10px;
	}
	
		#image_simple { 
			float:left;
			margin-right:10px;
		}
	
		#texte_simple p { 
			font-size:10px;
			color:#000;
			text-align:justify;
		}
		
		#texte_simple a.retour {
			padding-left:20px;
			background:url(images/fleche-petite-gauche.jpg) no-repeat left center;	
			font-size:10px;
			color:#000;
			text-decoration:none;
		}	
		
		
	/*  Page Rubrique (Evenements, Relations, Espace, Les gens) */
	
	.rub_gauche { 
		border:#ccc 1px solid;
	}
	
	#rub_gauche { 
		width:620px;
		height:50px;
		padding:0 15px;
		margin-bottom:120px !important;
		margin-bottom:25px;
	}
	
		#rub_gauche h1 { 
			background:url(images/picto_titre.jpg) no-repeat left center;
			padding-left:25px;
			margin-top:10px;
			font-size:26px;
			font-weight:bold;
			color:#aaa296;
		}
		
		#rub_gauche p { 
			color:#fff;
			padding:20px;
			margin-left: -15px;
			margin-bottom:0 !important;
			margin-bottom:-12px;
			font-size:18px;
			font-weight:bold;
		}
			
			/*  Page Relations entreprise */
		
			#rub_gauche div.p_relations { 
				float:right;
				margin-right: -15px;		
			}
		
			#rub_gauche p.relations { 
				background-color:#cc9;
				padding:40px;
			}
		
			#texte_relations { 
				color:#aaa296;
				padding:40px 40px 40px 130px;
				font-size:10px;
			}
		
				#texte_relations h2 {
					color:#c33;
					font-size:18px;
					font-weight:normal;
					background:url(images/fleche-grande-gris.jpg) no-repeat left center;
					padding-left:45px;
				}
		
				#texte_relations a {
					text-decoration:none;
				}
		
				#texte_relations p {
					padding-left:45px;
					margin-top:-15px;
				}
			
			/*  Page Espace d'echange */
		
			#rub_gauche div.p_echange { 
				float:right;
				margin-right: -15px;				
			}
		
			#rub_gauche p.echange { 
				background-color:#c99;
				padding:40px;
			}
			
			/*  Page Evenements */
		
			#rub_gauche div.p_evenements { 
				float:right;
				margin-right: -15px;				
			}
		
			#rub_gauche p.evenements { 
				background-color:#9cc;
				padding:40px;
			}
			
			/*  Page Les gens */
		
			#rub_gauche div.p_lesgens { 
				float:right;
				margin-right: -15px;				
			}
		
			#rub_gauche p.lesgens { 
				background-color:#99c;
				padding:40px;
			}
	
	
	/*  Page Rubrique (filieres) */
	
	.filieres #filieres_gauche {
		border:1px solid #ccc;		
		width:65%;
		float:left;
		padding-left:30px;
	}
	
		#filieres_gauche h1 {
			color:#c33;
			font-size:18px;
			padding-left:45px;
			background:url(images/fleche-grande.jpg) no-repeat left center;
			margin-left:80px;
		}
	
		#filieres_gauche h2 {
			color:#00;
			font-size:14px;
			padding:10px 18px;
			margin:0;
			background:url(images/picto_titre-petit.jpg) no-repeat left center;
			border:1px solid #ccc;
			display:block;
			width:30%;
		}
		
		#filieres_gauche h3 {
			color:#000;
			font-size:12px;
			font-weight:normal;
		}
		
			#filieres_gauche h3 span{
				border-bottom:#c33 1px solid;
			}
		
		#filieres_gauche ul {
			color:#000;
			font-size:10px;
			list-style-type:none;
			padding-left:10px;
		}
		
		#filieres_gauche p {
			color:#000;
			font-size:10px;
		}
		
		#filieres_gauche .special {
			background-color:#fcc;
			padding:2px;
		}
		
		#filieres_gauche .pictos {
			padding:10px;
			margin-bottom:15px;
		}
		
			#filieres_gauche .pictos a {
				font-size:10px;
				color:#000;
				padding-right:10px;
				text-decoration:none;
			}
			
				#filieres_gauche .pictos a.imprimer {
					padding-left:15px;
					background:url(images/picto_imprimer.jpg) no-repeat left center;
				}
			
				#filieres_gauche .pictos a.ami {
					padding-left:22px;
					background:url(images/picto_ami.jpg) no-repeat left center;
				}
			
				#filieres_gauche .pictos a.favoris {
					padding-left:15px;
					background:url(images/picto_favoris.jpg) no-repeat left center;
				}

	
	.filieres #filieres_droite {
		width:20%;	
		float:left;
		padding-left:30px;
	}
	
	#filieres_droite .liste {
		height:400px;
	}
	
		#filieres_droite h1 {
			color:#c33;
			font-size:16px;
			font-weight:normal;
			text-align:center;
		}
	
		#filieres_droite p {
			color:#000;
			font-size:10px;
			border-bottom:#c33 1px solid;
			padding-bottom:5px;
		}
	
			.liste span {
				color:#aaa296;
			}
	
			.liste a {
				color:#000;
				text-decoration:none;
				display:block;
				width:80%;

			}
	
			.liste a:hover {
				color: #c33;
				width:80%;
			}



/* ----- BAS DE PAGE ----- */

#bas {
	margin-left:280px;
	width:650px;
	min-height:50px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:50px; /* for IE5.x and IE6 */
	margin-bottom:2px;
}
	
	#bas .haut {
		float:right;
	}	
	
	#bas .haut a {
		font-size:10px;
		color:#aaa296;
		text-decoration:none;
		padding-right:15px;
		background:url(images/fleche-petite-haut.jpg) no-repeat right center;
	}
	
#bas p {
	color:#c33;
	font-size:10px;
	margin:2px 0;
}
	
#bas a {
	text-decoration:none;
}	
	
#bas p.ligne1 {
	text-align:center;
}