/* CSS Document */

body{
	margin: 0 auto;
	padding: 0px;
	background: url(images/bg.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.clear {
	clear:both;
}
#mainBG{

	margin: 0px;
	padding: 0px;
	text-align: center;
}
#conteneur{
	width: 775px;
	margin: 0 auto;
	padding: 0px;
}

/* ------------ Debut Header -------------  */

#header{
	width: 775px;
	margin-top: 2px;
}

	#header1{
		width: 474px;
		float: left;
		height: 31px;
		text-align: left;
	}
		#header1 h1{
			margin: 0px;
			padding: 8px 8px 0px 20px;
			font-size: 12px;
			color: #333;
		}
		
	#header2{
		width: 222px;
		float: left;
	}
	
	#header3{
		width: 212px;
		height: 167px;
		float: left;
		
	}
	
	#header4{
		width: 543px;
		height: 167px;
		float: left;
	}
	
	#header5{
		width: 775px;
		clear: left;
	}

/* ------------ FIN Header -------------  */


/* ------------ Début Content -------------  */

#content{
	width: 775px;
	background: url(images/academie/bg-centre.gif) repeat-y;	
}
	#leftCol{
		width: 200px;
		float: left;
	}
		#extranet{
			margin: 0px 0px 20px 0px;
		}
	
			#extranet1{
				background: url(images/IRESP-extranet2.gif) repeat-y center;
				width: 200px;
				color: #F26522;
				font-weight: bold;
			}
			#extranet1 form{
				text-align: left;
				padding: 10px 0px 0px 32px;
				margin: 0px;
			}
			#extranet1 form input{
				width: 131px;
				height: 14px;
			}
			#extranet1 form div{
				width: 60px;
				padding: 10px 0px 12px 0px;
				}
			
		#content a.btn{
			width: 80px;
			height: 16px;
			text-decoration: none;
			font-weight: bold;
			font-style: normal;
			display: block;
			color: #FFFFFF;
			background-color: #E23131;
			font-size: 10px;
			border-top: solid #E23131 1px;
			border-left: solid #E23131 1px;
			border-bottom: #FFCC33 1px solid;
			border-right: #FFCC33 1px solid;
		}
		#content a:hover.btn{
			background-color: #999999;
			border-top: solid #666666 1px;
			border-left: solid #666666 1px;
			border-bottom: #000000 1px solid;
			border-right: #000000 1px solid;

		}
			#content a.btn span{
				text-align: center;
				display: block;
				padding: 1px 0px 0px 0px;
				color:#fff;
			}

		.tfield {
			margin: 3px 0px 6px 0px;
		}

a img {border: none;}						

ol#teasers {width: 160px; background: url(images/academie/bg-right.gif) repeat-y; list-style: none; margin: 0 0 0 20px; padding: 0;}
#teasers li {margin: 0 0 10px 0;}
#teasers label {font-weight: bold; color: #F26522;}
#teasers p {font-weight: bold; margin: 0 8px 3px 8px;}
div.awnser{
	display: block;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

			
	#rightCol{
		width: 575px;
		float: left;
	}
		#bgMenuTop{
			background: url(images/bg-menu-top-Off.gif) no-repeat;
			width: 575px;
			height: 95px;
		}
		
		#bgTitreTop{
			width: 555px;
			float: left;
			background: url(images/bg-centre-top.gif) no-repeat top right;
		}
			#bgTitreTop #titrePage{
			
				width: 352px;
				height: 80px;
				float: left;
				text-align: left;
			}
			#bgTitreTop #titrePage{
			
				width: 352px;
				height: 80px;
				float: left;
				text-align: left;
			}
				#bgTitreTop #titrePage h2{
					font-size: 23px;
					margin: 0px;
					padding: 16px 0px 0px 20px;
					font-weight: bold;
					color: #fff;
				}
				
		#centerContent{
			width: 555px;
			text-align: left;
		}
			
			#infoContent{
				width: 540px;
				float: left;
			}
				#infoContent p{
					padding: 0px 20px 15px 20px;
					margin: 0px;
					text-align: justify;
				}
				
				#infoContent ul{margin: 0 20px 0 20px; list-style: square;}
				
				#infoContent h2, #infoContent h3, #infoAccueil h3, #infoContent h4, #infoAccueil h4, #infoContent h6{
					padding: 0px 20px;
				}
				#infoContent h3, #infoAccueil h3{color: #E23131; font-size: 17px; margin: 0 0 10px 0;}
				#infoContent h4, #infoAccueil h4{font-size: 12px; margin: 0 0 5px 0;}
				#infoContent h5{font-size: 11px; margin: 3px 0 3px 0; padding: 0;}
				#infoContent h6{font-size: 10px; font-style: italic; margin: 0 0 5px 0;}
				#infoContent table{margin: 0 0 15px 0; border-left: 20px solid #fff;}
				#infoContent td, th{padding: 5px 3px;}
				#infoContent th{background: #E23131; color: #fff;}
				#infoContent .alt {background: #f0f0f0;}
				#infoContent p.accueil {font-size: 13px; line-height: 18px;}
				#infoContent .img1 {float:left; padding: 0 20px 15px 20px;}
				#infoContent .img2 {float:left; padding: 0 20px 15px 0;}
				#infoContent .img3 {float:left; padding: 0 0 15px 0;}
				#infoContent img, #infoAccueil img{background: #fff; border: solid 2px #E23131; padding: 4px;}
				#infoContent li.select{padding: 0 0 5px 0;}
				#infoContent a, #infoAccueil a, #leftCol a{color: #E23131; text-decoration: none;}
				#infoContent a:hover, #leftCol a:hover, #infoAccueil a:hover{text-decoration: underline;}
				.pgl{width: 146px; border: 2px solid #f2631d; float: left; margin: 0 17px 20px 20px;}				
				.pdr{width: 146px; border: 2px solid #f2631d; float: left; margin: 0 0 20px 0;}
				.thumbnails {float: left; margin-right: 5px;}
				.title {float: left;}
				.lettrine {padding: 6px 3px 5px 0; font-size: 30px; display: block; float: left;}
				.floatleft {float:left; margin: 0 5px 0 0;}
				.floatright {float:right; margin: 0 20px 0 0;}
			
			#rTeaser{
				width: 160px;
				float: left;
				margin: 0 0 20px 0;
			}
				#rTeaser form{
					margin: 0px;
					text-align: center;
					padding: 4px 8px 0px 7px;
				}
					#rTeaser form div{
					width: 141px;
					}
						#rTeaser form div div{
						width: 70px;
						padding: 3px 0px 6px 0px;
						}
						
a img {border: none;}						

ol#teasers {width: 160px; background: url(images/academie/bg-right.gif) repeat-y; list-style: none; margin: 0 0 0 20px; padding: 0;}
#teasers li {margin: 0 0 10px 0;}
#teasers label {font-weight: bold; color: #E23131;}
#teasers p {font-weight: bold; margin: 0 8px 3px 8px;}
div.awnser{
	display: block;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
						
			.mailing1{
				background: url(images/Pompiers-extranet2.gif) repeat-y;
				padding: 0px;
				margin: 0px 0 20px 20px;
			}
			.mailing2{
				background: url(images/Pompiers-extranet2.gif) repeat-y;			
				margin: 0;
				width: 160px;
				font-size: 9px;
				font-style: italic;
				color: #E23131;
				font-weight: bold;
				text-align: center;
			}
			.mailing2 p{
				color: #231f20;
				font-style: normal;
				font-weight: normal;
			}			
				#rTeaser form input{
					width: 141px;
					font-size: 11px;
				}
			#imgRight{
				margin-top: 20px;
			}

			#leftCol ul{margin: 93px 0 15px 20px; padding: 0;}
			#infoContent ul{margin: 0 20px 15px 20px; padding: 0 20px;}

#listnews ul {margin: 0; padding: 0;}
#listnews li {background: url(images/academie/bg-right.gif) repeat-y; list-style: none; margin: 0; padding: 0; text-align: left;}
#listnews li a {width: 158px; color: #636466; text-decoration: none; margin: 0 2px 0 0; padding: 0; display: block;}
#listnews li a:hover {background: #f9f9f9; color: #000; text-decoration: none;}
#listnews li a#last{border: none; font-style: italic; text-align: right; font-weight: bold;}
#listnews li a#last p {text-align: right; color: #E23131;}
#listnews li a#last:hover p {background: #fff; color: #636466;}
#listnews li a p {padding: 5px; margin: 0;}
#listnews li a p.date {font-style: italic; font-size: 10px;}
#listnews li#top {background: url(images/academie/nouvelles.gif) no-repeat; height: 22px; padding: 0;}
#listnews h6 {background: #e5e5e5; font-size: 11px; margin: 0; padding: 5px; font-style: normal;}

#infoContent  ul#allnews {margin: 0 20px; padding: 0;}
#infoContent #allnews li {border-bottom: 2px solid #bfbfbf; list-style: none; margin: 0; padding: 0;}
#infoContent #allnews li p {margin: 0; padding: 0;}
#infoContent #allnews li a {color: #000; text-decoration: none; padding: 5px; display: block; cursor: pointer;}
#infoContent #allnews li a:hover {color: #E23131; text-decoration: none;}


#infoContent ul#client li {padding: 0 0 5px 0;}
#infoContent hr {
	border: 0;
	color: #E23131;
	background-color: #c33c19;
	height: 1px;
	margin: 0 20px 15px 20px;
}

/* ------------ FIN Content -------------  */


/* ------------ Début MENU de Gauche -------- */




/* ------------ FIN MENU de Gauche -------- */


/* ------------ Début MENU du HAUT -------- */

.menu {width:575px; position:relative; margin:0; font-size:11px; position:relative; z-index:100;}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; width:115px; text-align: left;}

.menu ul li ul li {float:left; width:93px; background: url(images/sep.gif) no-repeat left bottom;}
.menu ul li ul li.last {background: none;}
.menu ul li ul li a, .menu ul li ul li a:visited {height: 30px; width: 94px; text-align: center;}

.menu ul li a, .menu ul li a:visited {display:block; width:115px; text-decoration:none; height:95px; color:#000;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:95px; left:0;}

.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:transparent;}

.menu ul li#mt1:hover a,
.menu ul li#mt1 a:hover {color:#fff; background: url(images/top-menu01.gif);}

.menu ul li#mt2:hover a,
.menu ul li#mt2 a:hover {color:#fff; background: url(images/top-menu02.gif);}

.menu ul li#mt3:hover a,
.menu ul li#mt3 a:hover {color:#fff; background: url(images/top-menu03.gif);}

.menu ul li#mt4:hover a,
.menu ul li#mt4 a:hover {color:#fff; background: url(images/top-menu04.gif);}

.menu ul li#mt5:hover a,
.menu ul li#mt5 a:hover {color:#fff; background: url(images/top-menu05.gif);}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:575px;background: url(images/bg-menu-on.gif) repeat-x; color:#fff; border-bottom: 2px solid #e23131;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0;}

.menu ul li:hover ul.left_side li.last,
.menu ul li a:hover ul.left_side li.last {border-right:none;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background: url(images/bg-menu-on.gif) repeat-x; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; border-bottom: 2px solid #e23131;}

.menu ul li#mt1:hover ul li a,
.menu ul li#mt1 a:hover ul li a,
.menu ul li#mt2:hover ul li a,
.menu ul li#mt2 a:hover ul li a,
.menu ul li#mt3:hover ul li a,
.menu ul li#mt3 a:hover ul li a,
.menu ul li#mt4:hover ul li a,
.menu ul li#mt4 a:hover ul li a,
.menu ul li#mt5:hover ul li a,
.menu ul li#mt5 a:hover ul li a {display:block; color:#fff; background: none;}

.menu ul li#mt1:hover ul li a:hover,
.menu ul li#mt1 a:hover ul li a:hover,
.menu ul li#mt2:hover ul li a:hover,
.menu ul li#mt2 a:hover ul li a:hover,
.menu ul li#mt3:hover ul li a:hover,
.menu ul li#mt3 a:hover ul li a:hover,
.menu ul li#mt4:hover ul li a:hover,
.menu ul li#mt4 a:hover ul li a:hover,
.menu ul li#mt5:hover ul li a:hover,
.menu ul li#mt5 a:hover ul li a:hover {color:#f7dc0a;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background: url(images/bg-menu-on.gif) repeat-x;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background: url(images/bg-menu-on.gif) repeat-x; color:#fff;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {color:#000;}

#bgMenuTop li a span{display: block; padding: 36px 0px 0px 7px;}

#bgMenuTop li a span span{
				color: #E23131;
				padding: 0px;
				font-size: 9px;
				margin-top: 4px;
				font-weight: bold;
}
#bgMenuTop li a:hover span span{ color: #f8f8f8;}
				
#bgMenuTop li ul li a span {padding: 7px 0 0 0;}

								.section-01 #bgMenuTop ul li#mt1{
									background-image: url(images/top-menu01.gif);
									}
								.section-01 #bgMenuTop ul li#mt1 a{color: #fff;}
								.section-01 #bgMenuTop ul li#mt1 a:hover{color: #f7dc0a;}
								.section-01 #bgMenuTop ul li#mt1 a span span{color: #ccc;}																	
			
							#bgMenuTop ul #mt1{
								width: 113px;
								}								
								.section-02 #bgMenuTop ul li#mt2{
									background-image: url(images/top-menu02.gif);
									}
								.section-02 #bgMenuTop ul li#mt2 a{color: #fff;}
								.section-02 #bgMenuTop ul li#mt2 a:hover{color: #f7dc0a;}
								.section-02 #bgMenuTop ul li#mt2 a span span{color: #ccc;}																							
								.section-03 #bgMenuTop ul li#mt3{
									background-image: url(images/top-menu03.gif);
									}	
								.section-03 #bgMenuTop ul li#mt3 a{color: #fff;}
								.section-03 #bgMenuTop ul li#mt3 a:hover{color: #f7dc0a;}
								.section-03 #bgMenuTop ul li#mt3 a span span{color: #ccc;}																	
								.section-04 #bgMenuTop ul li#mt4{
									background-image: url(images/top-menu04.gif);
									}
								.section-04 #bgMenuTop ul li#mt4 a{color: #fff;}
								.section-04 #bgMenuTop ul li#mt4 a:hover{color: #f7dc0a;}
								.section-04 #bgMenuTop ul li#mt4 a span span{color: #ccc;}																			
								.section-05 #bgMenuTop ul li#mt5{
									background-image: url(images/top-menu05.gif);
									}
								.section-05 #bgMenuTop ul li#mt5 a{color: #fff;}
								.section-05 #bgMenuTop ul li#mt5 a:hover{color: #f7dc0a;}
								.section-05 #bgMenuTop ul li#mt5 a span span{color: #ccc;}
/* ------------ FIN MENU du HAUT -------- */

/* ------------ Début footer -------------  */

#footer{
	width: 775px;
	height: 84px;
	float: left;
	background: url(images/academie/bg-bas.gif) no-repeat;
}

	#btnTop{
		padding: 0px 0px 0px 423px;
		text-align: left;
	}
		#btnTop div{
			width: 112px;
		}

		#btnTop a{
			height: 30px;
			color: #00667C;
			text-decoration: none;
			font-weight: bold;
			display: block;
			background-image: none;
			font-size: 10px;
		}
		#btnTop a:hover{
			color: #FF9900;
			background: url(images/academie/btnTop-Over.gif) no-repeat;
		}
			#btnTop a span{
				display: block;
				padding: 9px 0px 0px 10px;
			}
	#copyRights{
		width: 776px;
		padding: 10px 0px 14px 0px;
		color: #ffffff;
	}
			#copyRights a{
				color: #ffffff;
				text-decoration: none;
				}
	#footerLinks{
		margin-top: 20px;
		color: #ffffff;
		width: 776px;
	}
		#footerLinks span{
				font-weight: bold;
				font-size: 10px;
			}
		#footerLinks a{
			color:  #ffffff;
			text-decoration: none;
		}

/* ------------ FIN footer -------------  */
.acrobat {
	background: url(images/acrobat.gif) no-repeat;
	font-weight: bold;
	padding: 2px 0 2px 20px;
}