/**
 * Default CSS file
 */


/*---- Elements principaux de la strucutre du site ----*/
body{
	font: normal normal normal 11px verdana;
	margin:0px;
  	padding:0px;
  	background-color:#FFFFFF;
	background-image: url("../images/body_fond.jpg");
	background-repeat: repeat-x;
}

div#window{
	background-image: url("../images/body_logo.png");
	background-repeat: no-repeat;
	background-position: top left;
	/*position: fixed;*/
}

a{color:#812020;text-decoration:none;text-shadow:none;font-style: normal;}
a img{border:none;}
a:hover{text-shadow:1px 1px 0 #454545; color:#FFFFFF;}

h1{margin:5px 0px;font-size:19px;font-weight:bold;}
h1 a{
	font: normal normal bold 16px Verdana;
	color: #43240c;
	text-transform:capitalize;
}
h2{margin:5px 0px;font-size: 17px;font-weight: bold;}
h3{margin:3px 0px;font-size: 15px;font-weight: bold;}
h4{margin:3px 0px;font-size: 14px;font-weight: bold;color: #812020;}

div#main{
	width:968px; /*largeur de 960px + ombre 8px*/
	margin-right: auto;
	margin-left: auto;
	background-image: url("../images/fond_main.png");
	background-repeat: no-repeat;
	background-position: top center;
}
div#title{
	width:968px;
	height:167px;
	margin:0px;
	padding:0px 8px;
}
	div#head{
		background-image: url("../images/title.png");
		background-repeat: no-repeat;
		background-position: center center;
	}
div#head{
	width:968px;
	height:134px;
	margin-top:10px;
}
div#menu{
	display:block;
	width:968px;
	height:20px;
	padding: 3px 0px;
	margin-top:10px;
}
	div#menu ul{
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	div#menu ul li{
		float: left;
		padding:0px 8px;
		font: normal normal bold 12px verdana;
		border-right:2px #333333 groove;
	}
div#content{
	display:block;
	width:968px;
	height:auto;
	overflow: auto;
	margin-top:3px;
	background-image: url("../images/body_logo.png");
	background-repeat: no-repeat;
	background-position: 295px 200px;
	}
	div.content_h{
		display:block;
		width:968px;
		height:17px;
		background-image: url("../images/fond_content_h.png");
		background-repeat: no-repeat;
	}
	div.content_b{
		display:block;
		width:968px;
		height:17px;
		background-image: url("../images/fond_content_b.png");
		background-repeat: no-repeat;
	}
	div.content_c{
		display:block;
		width:968px;
		overflow:hidden;
		background-image: url("../images/fond_content_c.png");
		background-repeat: repeat-y;
	}
		div.col_side{
			display:block;
			float:left;
			padding:0px 10px 3000px 14px;
			width:271px;
			height:auto;
			border-right:2px #000000 groove;
			margin-bottom: -3000px;
		}
			div.metier{
				display:block;
				width:271px;
				height:145px;
				margin-bottom:10px;
			}
				div.metier h2{
					display:block;
					width:230px;
					margin:0px;
					padding-top:117px;
					padding-left:10px;
				}
				div.metier h2 a{
					font-size:14px;
					font-weight:bold;
					color:#FFFFFF;
				}
			div.actu{
				display:block;
				width:271px;
				height:auto;
				margin-bottom:10px;
			}
				div.actu_head{
					display:block;
					width:271px;
					height:146px;
					background-image: url("../images/actu_head.png");
					background-repeat: no-repeat;
				}
					div.actu_head h2{
						display:block;
						margin:0px;
						padding-top:120px;
						padding-left:10px;
						font-size:14px;
						font-weight:bold;
						color:#FFFFFF;
					}
				div.actu_body{
					display:block;
					width:251px;
					height:auto;
					margin:0px;
					padding:5px 10px;
					background-image: url("../images/actu_body.png");
					background-repeat: repeat-y;
				}
					div.actu_body h3{
						display:block;
						margin:0px;
						font-size:12px;
						font-weight:bold;
						color:#812020;
					}
					div.actu_body span{
						float:right;
						font-style: italic;
						font-weight: bold;
					}
					div.actu_body h3 a:hover{
						color: #812020;
						text-shadow:2px 1px 0 #FFFFFF;
					}
					div.actu_body p{
						display:block;
						margin-top:5px;
						margin-bottom:10px;
						padding-left:20px;
						text-align: justify;
					}
				div.actu_foot{
					display:block;
					width:271px;
					height:9px;
					margin:0px;
					padding:0px;
					background-image: url("../images/actu_foot.png");
					background-repeat: no-repeat;
				}
		div.col_main{
			display:block;
			float:right;
			padding:0px 14px 0px 10px;
			width:647px;
			height:auto;
			overflow:hidden;
		}
			div.col_main h1{
				display: block;
				width: 641px;
				height: 22px;
				margin: 0px;
				margin-bottom: 10px;
				padding: 3px 10px 0px 10px;
				background-image: url("../images/fond_h1_center.png");
				background-repeat: no-repeat;
				color: #FFFFFF;
				font-size: 16px;
			}
			div.map_bloc{
				display: block;
				float: left;
				width: 415px;
				height: auto;
				background-image: url("../images/france_map.png");
				background-repeat: no-repeat;
				overflow:hidden;
			}
			div.map{
				display: block;
				position: relative;
				width: 415px;
				height: 446px;
			}
				div.map_bloc img{
					position:relative;
					cursor: pointer;
				}
				div.puce_map{
					display:block;
					position: absolute;
					cursor: pointer;
					width: 12px;
					height: 12px;
					margin-top: -8px;
					margin-left: -8px;
					background-image: url("../images/puce_ecole.png");
				}
			div.list_side{
				display: block;
				float: right;
				width: 220px;
				height: auto;
				padding-left: 10px;
				padding-bottom: 10px;
				border-left: 2px #333333 groove;
			}
				div.list_side h4{
					font-weight: bold;
					font-size: 12px;
					margin: 10px 0px 5px 0px;
					color:#333333;
					/*text-shadow:1px 1px 0 #FFFFFF;*/
				}
				div.list_side a{
					padding-left: 15px;
					background-repeat: no-repeat;
					background-position: left center;
				}
				a.puce_out{
					background-image: url("../images/puce_ecole.png");
				}
				a.puce_on{
					background-image: url("../images/puce_ecole_on.png");
					color:#FFFFFF;
					text-shadow:1px 1px 0 #676767;
				}
				div.list_side a:hover{
					background-image: url("../images/puce_ecole_on.png");
				}
			div.fiche_ecole{
				display: block;
				width: 415px;
				height: 125px;
				margin-top:10px;
			}
				div.fiche_ecole div{
					display: block;
					float: left;
					width: 158px;
					height: 108px;
					background-image: url("../images/fond_img_ecole.png");
				}
				div.fiche_ecole div img{
					position: relative;
					left: 6px;
					top: 6px;
					width: 146px;
					height: 96px;
				}
				div.fiche_ecole p{
					width: 250px;
					float: right;
					margin: 4px 0px;
				}
				div.fiche_ecole p h4{
					width: 250px;
					float: right;
					margin: 4px 0px;
				}
div#foot{
	display:block;
	width:968px;
	height:66px;
	margin-right: auto;
	margin-left: auto;
	font: 11px verdana;
	text-align:center;
	padding:15px;
	margin-top:10px;
	background-image: url("../images/fond_foot.png");
	background-repeat: no-repeat;
	background-position: top center;
}
	div#sitemap a{
		color: #812020;
	}
	div#sitemap a:hover{
		text-decoration: underline;
		text-shadow:none;
		color: #812020;
	}
p.actu_side img{
	width: 150px;
	float: left;
}
p.actu_img img{
	width: 300px;
	margin-left: 160px;
}