@charset "utf-8";
/* CSS Document */
/* CSS reset
-------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
code, kbd, samp, pre, tt, var, textarea, 
input, select, isindex, listing, xmp, plaintext {white-space: normal;font-size: 1em;font: inherit;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}
ol, ul, li {list-style: none;}
em {font-style: italic;}
strong {font-weight: bold;}
a {text-decoration:none;}
p{line-height:normal;margin:10px 0;padding:0;}

/*.............................................................................................................................*/
#contenuPrincipal .tableauContenuPrincipal 	{
											height: auto; /*540px*/
											margin: 0px 0px 0px 77px;
											width: 720px;
											}

#contenuPrincipal .tableauContenuPrincipal .sectionGaucheContenuPrincipal	{
																			padding-right:3px;
																			}
		
td.nouvelleSectionCentrale	{
							width:590px;
							margin-left:0px;
							margin-bottom:-10px;
							border-left: 3px solid #EE333E;
							display:block;
							}

#content	{
			position:relative;
			margin-left:5px;
			margin-top:5px;
			/*margin-bottom:30px;*/
			width:590px;
			height:auto;
			z-index:2;
			}
			
			
#tableauNouvellesServAdmin .tableauElementNouvServAdmin .sectionImgElementNouvServAdmin {
    width: 103px;
}
/**************************************** bande jaune messages **************************************/
.contenuBasEntete	{
					position:relative;
					display:block;
					width:906px;
					height:25px;
					margin:0px;
					padding:0px;
					}
						
.menuPrincipalEntete	{
						position:relative;
						display:block;
						width:100%;
						height:auto;
						margin:0px auto;
						padding:0px;
						}
						
#mainlevel	{
				position:relative;
				display:block;
				float:none;
				width:100%;
				height:auto;
				margin:0px auto;
				}

#mainlevel li	{
				float:none;
				}

#mainlevel li a	{
				float:none;
				}				

#mainlevel li a:link	{
					float:none;
					}				
/**************************************** end of bande jaune messages **************************************/		
/**************************************** modifs bloc urgence **************************************/

#ContenuPageAccueil	{
					position:relative;
					width:590px;
					height:auto;
					margin:0px;
					padding:0px;
					margin-bottom:5px;
					}

.BlockMessageUrgent	{
					margin:0px;
					padding:0px;
					}
					
#ContenuPageAccueil table.tblMessageUrgent	{
											width:590px;
											height:auto;
											padding-bottom:10px;
											}
					
/**************************************** fin de modifs bloc urgence **************************************/	

				
/****************************************  SLIDER  **************************************/

#slider	{
		position:relative;
		width:590px;
		height:245px;
		margin-bottom:10px;
		}
		
#slider	img	{
			max-width:590px;
			max-height:245px;
			}

/****************************************  4 boxes **************************************/
#fourBoxes	{
			position: relative;
			display:block;
			width:590px;
			height:291px;
			}
				
.columnsBox	{
			position:relative;
			display:block;
			float:left;
			width:295px;
			height:145px;
			}
			
/*************************   Si jquery animate opacity ne fonctionne pas pour explorer 6 et 7   ************************************/			
/*
.columnsBox img	{
				opacity:1;
				filter:alpha(opacity=40); /* For IE8 and earlier */
/*				}
	
.columnsBox img:hover	{
						opacity:0.8;
						filter:alpha(opacity=90); /* For IE8 and earlier */
/*						}

/***************************  Si texte et background au lieu d'une images, les images doivent être redécoupées sans les textes  *********************************************/			
/*
.columnsTitles {
				position:relative;
				display:block;
				float:left;
				width:198px;
				height:auto;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:28px;
				font-weight:900;
				color:#FFF;
				margin-left:31px;
				margin-top:30px;
				}

#primaires	{
			background-image:url(../images/ecolePrimairesRedBig.jpg);
			background-repeat:no-repeat;
			background-size:295px 145px;
			}
		
#secondaires	{
			background-image: url(../images/ecoleSecondairesGreenBig.jpg);
			background-repeat:no-repeat;
			background-size:295px 145px;
			}	
		
#fp	{
			background-image: url(../images/fpYellowBig.jpg);
			background-repeat:no-repeat;
			background-size:295px 145px;
			}
				
#adultes	{
			background-image: url(../images/adultesPurpleBig.jpg);
			background-repeat:no-repeat;
			background-size:295px 145px;
			}
*/				

#boutonsTrouver	{
				position:relative;
				display:block;
				width:590px;
				height:53px;
				margin-top:10px;
				}
				
#boutonsTrouver a 	{
					position:relative;
					display:block;
					float:left;
					width:195px;
					height:53px;
					}	
					
#boutonsTrouver a.middlePadding	{
								padding-left:2px;
								padding-right:2px;
								}
								
#boutonsTrouver a img	{
						opacity:1;
						filter:alpha(opacity=40); /* For IE8 and earlier */
						}
	
#boutonsTrouver a img:hover	{
							opacity:0.8;
							filter:alpha(opacity=90); /* For IE8 and earlier */
							}	

/*........................................left nav ....................................*/

#leftNav	{
			position: relative;
			display:block;
			background-color:#FFFCF2;
			width:130px;
			height:auto;
			/*margin-bottom:10px;*/
			z-index:9000;
			}						

#leftNav h1	{
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:900;
			color:#3F6C06;
			border-bottom: 1px solid #3F6C06;
			padding: 20px 4px 5px;
			text-align:right;
			}

a.grandsTitres	{
				font-family:Verdana, Geneva, sans-serif;
				font-size:12px;
				font-weight:900;
				color:#3F6C06;
				border-bottom: 1px solid #3F6C06;
				padding: 20px 4px 5px;
				text-align:right;
				text-decoration:none;
				margin-bottom:10px;
				display:block;
				}

li.imagesNavLiens	{
					display:block;
					margin-left:10px;
					}
				
li.leftNavTitle 	{
					position: relative;
					display:block;
					width:130px;
					height:auto;
					text-align:right;
					border-bottom: 1px solid #FFC792;
					}	
						
li.leftNavTitle a	{
					position: relative;
					display:block;
					width:127px;
					height:auto;
					color: #195490;
					text-decoration: none;
					text-transform:uppercase;
					font-weight:900;
					font-size: 7pt;
					font-family: Verdana,Arial,Helvetica,sans-serif;
					padding-bottom:5px;
					padding-top:5px;
					padding-right:3px;
					}
				
li.leftNavTitle a:hover	{
						color:#FFF;
						background-color:#195490;
						}
					
li.leftNavTitle ul	{ 
						position: relative;
						display:inline-block;
						width:130px;
						height:auto;
						}

li.leftNavTitle ul li	{
						position: static;
						display:inline-block;
						width:130px;
						height:auto;
						background-color:#B7C2DE;
						}
						
li.leftNavTitle ul li a	{
						position:relative;
						width:120px;
						height:auto;
						color:#4758A7;
						text-decoration: none;
						text-transform: none;
						font-weight:normal;
						font-size: 7pt;
						font-family: Verdana,Arial,Helvetica,sans-serif;
						border-bottom: #FFF solid 1px;
						padding-bottom:5px;
						padding-right:10px;
						}
						
					
li.leftNavTitle ul li a:hover	{
								color:#FFF;
								background-color:#195490;
								border-bottom:none;
								}

								
/* LEVEL TWO */
.subMenu li ul	{ 
				position:absolute;
				display:none;
				background-color:#FFFCF2;
				width:130px;
				height:auto;
				margin-bottom:10px;
				margin-top:-5em;
				margin-left:130px;
				list-style:none;
				z-index:9998; 
				}

.subMenu li ul li	{
					position:relative;
					display:block;
					width:130px;
					height:auto;
					font-size:12px;
					text-align:left;
					border-bottom: 1px solid #FFC792;
					text-decoration:none;
					z-index:9999;
					background-color:#FFFCF2;
					}

.subMenu li ul li:hover	{
						background-color:#195490;
						}
					
 /* IE 6 & 7 Needs Inline Block */
.subMenu li ul li a	{
					position: relative;
					display:block;
					width:125px;
					height:auto;
					color: #195490;
					text-decoration: none;
					text-transform:none;
					font-weight:900;
					font-size: 7pt;
					font-family: Verdana,Arial,Helvetica,sans-serif;
					padding-left:5px;
					padding-top:5px;
					padding-bottom:5px;
					padding-right:0px;
					} 

.subMenu li ul li a:hover	{
							color:#FFF;
							background-color:#195490;
							border-bottom:none;
							}						

/*........................................  find de left nav ....................................*/

							
#bottomNav	{
			position: relative;
			display:block;
			width:590px;
			height:auto;
			margin-top:10px;
			margin-bottom:10px;
			z-index:9999;
			}						
	
li.bottomNavTitle 	{
					position: relative;
					display:block;
					width:180px;/* 195px */
					height:auto;/*23px*/
					float:left;
					margin-left:8px;
					margin-right:8px;
					color:#323b8c;
					border-bottom:#fbba00 solid 2px;
					padding-bottom:5px;
					}	
					
li.bottomNavTitle a	{
					font-size:12px;
					font-weight:normal;
					text-transform: none;
					color:#323b8c;
					text-decoration:none;
					}					
					
li.bottomNavTitle ul	{ 
						position: relative;
						display:block;
						width:185px;
						height:auto;
						margin-top:5px;
						margin-left:0px;
						margin-bottom:5px;
						}

.bottomNavTitle ul li	{
					position: static;
					width:100%;
					display:inline-block;
					font-size:12px;
					background-color:#a7d6fc;
					margin-bottom:5px;
					}
					
.bottomNavTitle ul li a	{
					font-size:12px;
					display: inline-block; /* IE 6 & 7 Needs Inline Block */
					text-decoration:none;
					padding-left:2px;
					padding-top:5px;
					padding-bottom:5px;
					}
						
.bottomNavTitle ul li a.publications	{
									position:relative;
									display:inline-block;
									float:right;
									width:126px;
									height:auto;
									}
						
.bottomNavTitle ul li a:hover	{
							text-decoration:underline;
							}						
				
li.bottomNavTitle ul li img	{ 
						position: relative;
						display:block;
						float:left;
						max-width:50px;
						height:auto;
						margin-top:5px;
						margin-left:2px;
						margin-right:2px;
						margin-bottom:5px;
						}