@charset "UTF-8";
/* CSS Document */
body {
background-image:url(../image/fond3.png);
background-repeat:repeat-x;
background-color:#93A2BB;
}

#main {
margin:auto;
width:800px;
}

a img {border: 0;}

a {
text-decoration:none;
color:#333333;
}

#headeraboutlila {
height:110px;
background-image:url(image/SLbanniere.png);
background-position:center;
background-repeat:no-repeat;
}

#menubanniere {
margin-left:430px;
padding-top:70px;
width:370px;
height:50px;
text-decoration:none;
border:0;
}


#aboutlila {
float:left;
margin-right:5px;
}

#Admissions {
float:left;
margin-right:5px;
}

#SchoolLife {
float:left;
margin-right:5px;
}

#contenu {
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:auto;
width:800px;

}

#petitebanniere {
background-image:url(image/hautcorpsSL.png);
background-position:center;
background-repeat:no-repeat;
height:24px;
}

#menuSL {
margin:auto;
width:780px;
text-align:center;
}

#menuSL li{
display:inline;
text-decoration:none;
padding:8px;
padding-bottom:0;
padding-top:0;
margin:auto;
}

#SLmenu {
height:36px;
background-image:url(image/fonmenuSL.png);
background-position:center;
background-repeat:repeat-y;
margin:auto;
}

#corps {
width:800px;
background-image:url(../image/fondcorps.png);
background-position:center;
background-repeat:repeat-y;
}



#navigationemploy {
margin:auto;
padding-top:70px;
}


#menuemploy li{
font-size:12px;
display:inline;
text-decoration:underline;
padding:6px;
}

#texte {
padding-top:40px;
margin:auto;
width:750px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
text-align:justify;
color:#333333;
text-indent:20px;
}

#texte a {
text-decoration:underline;
}

h1 {
text-align:center;
}


h2 {
text-align:center;
}

h4 {
color:#333333;
text-indent:0;
line-height:8px;
}

#texte ul {
margin-left:30px;
}

#texte li {
text-indent:0;
text-decoration:none;
}

#note {
font-style:italic;
text-indent:0;
}



#foot {
background-image:url(../image/baspage.png);
background-position:center;
background-repeat:no-repeat;
width:800px;
margin:auto;
height:20px;
}

#menufonctionnel {
background-image:url(../image/fondmenu.png);
background-repeat:no-repeat;
background-position:center;
text-align:right;
width:800px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#menu {
margin-right:70px;
padding-top:18px;
}

#menu li{
display:inline;
text-decoration:none;
padding:4px;
}

#navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			background-color:#506991;
			width: 150px;
			color:#333333;
			font: 14px "Arial", sans-serif;
			border:none;

		
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color:#333333;
			text-decoration: none;
			background: #506991 url(image/boutonsschoollife/menuder.png) left bottom no-repeat;
			border:none;
}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(image/boutonsschoollife/menuder.png);
			border:none;
}
		#navigation .open a, #navigation .open span {
			background-image: url(image/boutonsschoollife/menuder.png);
			border:none;
}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;
			border:none;
}
		#navigation .subMenu {
			font-size: 12px;
			background: #ccc url(subMenu.png) 0 0 repeat-x;
			font-size: 12px;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
			list-style:none;
			}
		#navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			border:none;
}

#menucampus {
margin-right:10px;
padding-top:20px;
width:150px;
text-align:center;
float:right;
border:none;
}
#banniere {
float:left;
}



a:hover {
text-decoration:underline;
}

#feed {
width:500px;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
clear:left;
line-height:18px;
}

#sitemap {
width:600px;
margin-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
clear:left;
}

#calendar {
width:580px;
margin-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
clear:left;
}

#sitemap table {
table-layout:auto;
border-collapse:collapse;
}


#calendar table {
table-layout:auto;
border-collapse:collapse;
}

#jour {
height:30px;
border:1px;
border-style:solid;
vertical-align:middle;
border-top:none;
border-right:none;
border-left:none;
}

#calendar td,tr {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px;
border-style:groove;
height:30px;
vertical-align:middle;

}

#news {
width:600px;
height:150px;
padding-top:20px;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:30px;
text-align:center;
clear:both;
margin:auto;
color:#FF0066;
}

#search {
width:400px;
margin-left:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
clear:left;
}

#search td,tr {
border:none;
}

#WE {
background-color:#CCCCCC;
}

#photo_news {
margin-right:10px;
width:150px;
float:right;
}

#campuses {
width:600px;
margin:auto;
text-align:center;
}

#campuses table {
table-layout:fixed;
border-collapse:collapse;
text-align:center;
margin:auto;
}

#presentationcampus {
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-left:15px;
width:560px;
clear:left;
}

.content {/* style grouping for content divs */
  margin: 2.5em 3%;
  font: 1em Georgia, Palatino, Serif; 
  padding: 1.5em;
  border: 8px groove  #c0c0c0;
  background: #f5f5f5;
  }

  h1.float-left {/* header element float */
  float: left;
  width: 9em;
  margin: 0 0.2em 0 0;
  background: #eee8aa;
  border-right: 2px dotted #cd853f;
  border-bottom: 2px dotted #cd853f;
  }

  p.top {/* after header margin adjustment */
  margin-top: 0;
  padding: 0.2em;
  border-top: 3px dotted #696969;
  background: #ffffe0;
  }