body {
	margin: 0;
	padding:0;
	background: url(css/img/fondpage.png) repeat-x top center #EFEFEF;
	}
#logobar {
	position: relative; margin: 0px auto; width: 952px; height: 98px; background: url(css/img/topimg.png) no-repeat bottom center #FFFFFF; }
}
#logointro {
/*	left: 0; */
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0px;
	float: left;
/*	display: inline; */
	}
#logointro div.baseline {
	margin: 0px 0 0 120px;
	font-weight: bold; 
	font-family: verdana;
	font-size: 13pt;
	color:#666666;
	font-style:italic;
	}
#page {
	min-width: 952px; 
	max-width: 952px;
	width: auto; 
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	}
#fondpage {
	background: url(css/img/background-pages.png) no-repeat top center;
	padding: 19px 0 0 0;
	margin: 0px 0px 20px 0px;
	width: 952px;
	}
#container {
	width: 74.5%;
	float: left;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	}
h1 {
	color: #EEE8AA;
	font: 18pt verdana; 
	font-weight: bold; 
	}
a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #191970;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #3366CC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #003399;
	}

/* 	Menu Haut de page */
a.menu:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
/* 	text-shadow: #333333 2px 2px 2px; */
	}
a.menu:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
/* 	text-shadow: #333333 2px 2px 2px; */
	}
a.menu:hover, a:active { 
	text-decoration: underline; 
	color: #FFFFFF;
/* 	text-shadow: #333333 2px 2px 2px; */
	}

/* 	Menu Bas de page */
a.menuB:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #339900;
/* 	text-shadow: #333333 2px 2px 2px; */
	}
a.menuB:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #339900;
/* 	text-shadow: #333333 2px 2px 2px; */
	}
a.menuB:hover, a:active { 
	text-decoration: underline; 
	color: #003399;
/* 	text-shadow: #333333 2px 2px 2px; */
	}

.margingPPhoto { 
		top: 0px;
    	left: 0px;
      	float: center;
		}
acronym {
	border-bottom: none;
	}
body,th,td,p {
	font-family: verdana;
	font-size: 16pt;
	}
#logobar p, #footer p, #liens p, #blocTextPos p, #blocTextPos1 p, #blocTextPos2 p, #blocTextPos3 p, #blocTextPos4 p { 
  	font: 9pt/17pt verdana; 
 	margin-top: 0px;
 	text-align: justify;
	}
h2 {
	color: #003399;
	font: bold normal large Verdana, serif;
	font-size: 18pt;
	letter-spacing: 5px; 
	padding-top: 5px; 
	background: inherit;
	}
#titre1 h2 {
	color: #F58320;
	font: bold normal large Verdana, serif;
	font-size: 20pt;
	text-align: center;
	}
h3 { 
	font: bold italic large Verdana, serif;
	font-size: 12pt;
	font-weight: bold; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #003399;
	background: inherit;
	text-shadow: #999 4px 4px 4px;
	}
h4 { 
	font: 10pt verdana; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #003399;
	}
h5 { 
	font: italic normal 9pt verdana; 
	margin-bottom: 0px; 
	color: #003399;
	}
.titre {
	color: #F58320;
	font: bold normal large Verdana, serif;
	font-size: 20pt;
	background-color: #ffffff;
	}
#date {
	}
#date p {
	margin-top: 3px;
	padding-right: 40px;
	text-align: right;
	font: italic normal 9pt verdana; 
	letter-spacing: 1px; 
	color: #003399;
	}
.ContText {
	font: 10pt verdana; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #003399;
	}
#fondtext {
	background-color: transparent;
/* 	margin-top: 0px; */
/* 	margin-bottom: 1em; */
/* 	padding: 15px; */
	}
#bloctext, #bloctext1, #bloctext2 {
/* 	background-image:url(""); */
/* 	background-repeat:no-repeat; */
	clear: left;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 10px 35px 5px 35px;
	margin-left: 2%;
	margin-right: 2%;
	background: transparent url(barre.png) no-repeat bottom center;
/*	border-collapse: collapse; border-top: 1px solid #003399; border-bottom: 1px solid #003399; */
	}
#bloctextLiens {
	width: 25%;
	background-color: #99CC00;
	position: relative;
	float: right;
	margin: 30px 0 0 0;
	padding: 1px;
	line-height: normal;
	font: 9pt verdana; 
	font-weight: bold; 
	color: #003399;
	}
#bloctextLiens ul {
	display : block;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#bloctextLiens ul li {
	border-collapse: collapse; border-bottom: 1px solid #FFFFFF;
	display : block;
	margin: 5px 0 5px 0;
	padding: 0;
	}
#bloctextLiens ul li a:hover, #bloctextLiens ul li a:active {
	color: #FFFFFF;
	display : block;
	background-color: #003399;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	}
#bloctextLiens li a:link, #bloctextLiens li a:visited {
	display : block;
	padding: 2px 5px 2px 5px;
	}
#ancres {
	font-size: 12pt;
/* 	text-shadow: #FFFFFF 2px 2px 1px; */
 	margin: 0 0 0 0;
	text-align: center;
	}
#ancres li {
	text-align: center;
	display: inline;
	padding: 0px 10px 0px 10px;
	width: 25%;
	}
#bloctextContact {
	background-color: transparent;
	right: 1em;
	position: relative;
	float: right;
	clear: right;
	display: inline;
	margin: -80px 0 0 0;
	padding: 1px;
	}
.textinfos {
	font: 9pt/17pt verdana; 
	color: #003399;
	font-weight: bold;
/*	text-shadow: #996600 2px 2px 1px; */
	}
#blocphotos {
	background-color: transparent;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 15px;
	max-width: 952px;
	margin-left: 2%;
	margin-right: 2%;
	background: transparent url(barre.png) no-repeat bottom center;
/*	border-collapse: collapse; border-top: 1px solid #003399; border-bottom: 1px solid #003399; */
	}
#blocphoto table {
	text-align: center;
	}
#blocTextPos, #blocTextPos1, #blocTextPos2, #blocTextPos3, #blocTextPos4 {
	background-color: transparent;
	text-align: center;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1px;
	margin-bottom: 1em;
	padding: 0px;
	}	
.mPhotoright { 
	float: right;
	clear: inherit;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	}
.mPhotoleft { 
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	border-spacing: 0px;
	}
#EnsPhotoright, #EnsPhotoright1, #EnsPhotoright2, #EnsPhotoright3, #EnsPhotoright4,{
	}
#EnsPhotoleft, #EnsPhotoleft1, #EnsPhotoleft2, #EnsPhotoleft3, #EnsPhotoleft4,{
	}
#titre, #titre1, #titre2, #titre3, #titre4 {
	text-align: center;
	}
#paragraphe, #paragraphe1, #paragraphe2 {
	text-align: justify;
	}
#titre1 h2, #titre2 h2 {
	background: transparent url(fondTitre.png) repeat-y top center;
	}
#paragraphe1 h4, #paragraphe2 h4 {
	text-align: justify;
	font: 10pt verdana; 
/*	letter-spacing: 1px; */
	margin-bottom: 0px; 
	color: #003399;
	}
#titreimg, #titreimg1, #titreimg2, #titreimg3, #titreimg4 {
	text-align: center;
	font: 12pt verdana;
	font-weight: bold;
	color: #003399;
	}
#titreright, #titreright1, #titreright2, #titreright3, #titreright4 {
	text-align: left;
	font: 12pt verdana;
	font-weight: bold;
	color: #003399;
	}
#titreleft, #titreleft1, #titreleft2, #titreleft3, #titreleft4 {
	text-align: left;
	font: 12pt verdana;
	font-weight: bold;
	color: #003399;
	}
#titrecenter, #titrecenter1, #titrecenter2, #titrecenter3, #titrecenter4 {
	text-align: center;
	font: 12pt verdana;
	font-weight: bold;
	color: #003399;
	}
#textimg, #textimg1, #textimg2, #textimg3, #textimg4 {
	text-align: justify;
	font: 11pt verdana;
	color: #EEE8AA;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #F58320;
	}
#legende, #legende1, #legende2, #legende3, #legende4 {
	font: italic normal 9pt verdana; 
	margin-bottom: 0px; 
	color: #99CC99;
	}
.legende {
	font: italic normal 8pt verdana; 
	margin-bottom: 0px; 
	color: #99CC99;
	text-align: left;
	}
#liens, #liens1, #liens2, #liens3, #liens4 {
	font: italic normal 9pt verdana; 
	margin-bottom: 0px; 
	color: #EEE8AA;
	}
a.miniliens {
	font: normal 9pt verdana; 
	color: #003399;
	text-decoration: underline; 
	font-weight: bold;
	}
a.miniliens:hover {
	font: normal 9pt verdana; 
	color: #99CC66;
	text-decoration: underline; 
	font-weight: bold;
	}
a.miniliens:active {
	font: normal 9pt verdana; 
	color: #99CC66;
	text-decoration: underline; 
	font-weight: bold;
	}
a.miniliens:visited {
	font: normal 9pt verdana; 
	color: #99CC99;
	text-decoration: underline; 
	font-weight: bold;
	}
#blocform {
	text-align: center;
	background-color: transparent;
	clear: left;
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 2%;
	margin-right: 2%;
	max-width: 952px;
	padding: 15px;
	border-collapse: collapse; border: 1px solid #DCDCDC;
	}
.select { 
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 1px;
	background-color: #003399;
	border: solid 1px #003399;
	cursor:hand;
	}
.FormText {
	font: 9pt Trebuchet MS; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #003399;
	}
.intext {
	color: #003399;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	border: solid 1px #99CC99;
	}
.pop {
	color: #003399;
	font-weight: bold;
	font-size: 9pt;
	font-family: "Courier New", Courier, Monaco;
	padding: 2px;
	border: solid 1px #666666;
	}
table {
	}
th {
	color: #FFFFFF;
	background-color:#cc3333;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
td {
	color: #cc3333;
	background-color:#FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}

/*	#footer {
	clear: both;
	width: 100%;
	height: 110px;
	border-spacing: 0px;
	margin: 40px 0px 40px 0px;
	} */
/*	#footer p {
	display: none;
	text-align: center;
	margin-left: 106px;
	margin-right: 40px;
	} */

#main_navigation { height: 21px; margin: 0px 0px; padding: 9px 80px 0px 80px; background: url(css/img/mainnav.png) repeat-x top center transparent; font-size: 60% }
#main_navigation ul { margin: 0px auto }
#main_navigation ul li { float: left; width: 144px; height: 12px; text-align: center; line-height: 12px; list-style-type: none; }
#main_navigation ul li a { position: relative; top: -1px; font-weight: bold; color: white; text-decoration: none }
#main_navigation ul li a:hover { text-decoration: underline }

#main_navigation ul li.lnk01 { width: 143px; border-right: solid 1px #57A3D1 }
#main_navigation ul li.lnk02 { width: 142px; border-left: solid 1px #D0E9B3; border-right: solid 1px #57A3D1 }
#main_navigation ul li.lnk03 { width: 142px; border-left: solid 1px #D0E9B3; border-right: solid 1px #57A3D1 }
#main_navigation ul li.lnk04 { width: 142px; border-left: solid 1px #D0E9B3; border-right: solid 1px #57A3D1 }
#main_navigation ul li.lnk05 { width: 143px; border-left: solid 1px #D0E9B3 }


/* begin - subnavs
--------------------------------------------- */

#sub_navigation { height: 25px; margin: 0px 1px; padding: 20px 0px 0px 0px; background: url(../../images/shared/subnav_bckgrnd01.gif) no-repeat top center #222E84; font-size: 75% }
#sub_navigation ul { margin: 0px; text-align: center }
#sub_navigation ul li { float: none; width: auto; position: static; display: inline; margin: 0px; padding: 0px 6px; list-style-type: none; }
#sub_navigation ul li a { position: relative; top: -1px; display: inline; margin: 0px; padding: 0px; font-weight: bold; color: white; text-decoration: none }
#sub_navigation ul li a:hover { text-decoration: underline }

#sub_navigation ul li.lnk01 { border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk02 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk03 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk04 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk05 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk06 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk07 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk08 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk09 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk10 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk11 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk12 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }
#sub_navigation ul li.lnk13 { border-left: solid 1px #939BD1; border-right: solid 1px #636FC0 }

#sub_navigation ul li.last { border-right: 0px }

/*
#sub_navigation #why_sylvan_works { margin: 0px auto 0px 0px }
#why_sylvan_works li { padding: 0px 8px }

#sub_navigation #tutoring_by_grade { margin: 0px auto 0px 0px }
#tutoring_by_grade li { padding: 0px 8px }
*/


/* end - subnavs
--------------------------------------------- */

#accueil #situation { width: 950px; height: 178px; padding: 3px 1px 0px 1px; background: url(css/home/background_module.gif) no-repeat top center white; text-align: left }


/* begin
Situation Sylvan La Rochelle... left box ~~~~~~~~  */

#accueil #situation #trouversylvan { width: 246px; height: 178px; float: left; background: url(css/home/larochelle.gif) no-repeat top center transparent }
#accueil #situation #trouversylvan h3 { position: relative; width: 118px; margin: 50px 37px 0px 78px; padding: 0px; height: 38px }

#accueil #situation #trouversylvan h3 a { position: relative; top: 0px; display: block; width: 118px; height: 38px; margin: 0px auto 0px auto; padding: 0px; font-size: 0px; line-height: 0px; text-indent: -99999em; background: url(css/home/larochelle_lien.gif) no-repeat 0px 0px transparent; outline: none  }
#accueil #situation #trouversylvan h3 a:hover { background-position: -118px 0px }

#accueil #situation #trouversylvan p.subtext { margin: 65px 0px 0px 10px; font-size: 60%; text-align: left }

#sylvanpages #bloctextLiens #trouversylvan { width: 239px; height: 178px; float: left; background: url(css/home/larochelle.gif) no-repeat top center transparent; margin: 0 0 10px 0; }
#sylvanpages #bloctextLiens #trouversylvan h3 { position: relative; width: 118px; margin: 50px 37px 0px 78px; padding: 0px; height: 38px }

#sylvanpages #bloctextLiens #trouversylvan h3 a { position: relative; top: 0px; display: block; width: 118px; height: 38px; margin: 0px auto 0px auto; padding: 0px; font-size: 0px; line-height: 0px; text-indent: -99999em; background: url(css/home/larochelle_lien.gif) no-repeat 0px 0px transparent; outline: none  }
#sylvanpages #bloctextLiens #trouversylvan h3 a:hover { background-position: -118px 0px }

#sylvanpages #bloctextLiens #trouversylvan p.subtext { margin: 65px 0px 0px 10px; font-size: 100%; text-align: left }

/* end
Situation Sylvan La Rochelle... left box ~~~~~~~~  */

/* begin
Qui sommes-nous... middle box ~~~~~~~~  */

#accueil #situation #gethelp { width: 435px; margin: 0px 0px 0px 3px; padding: 12px 0px 0px 0px; float: left; display: inline }
#accueil #situation #gethelp h3 { margin: 0px 10px; padding: 0px 0px 5px 0px; font-size: 95%; text-align: center }
#accueil #situation #gethelp p { margin: 0px 10px; padding: 0px; font-size: 50%; text-align: center }
#accueil #situation #gethelp a.icon { display: block; width: 78px; margin: 6px 0px 0px 0px; float: left; font-size: 65%; font-weight: bold; text-decoration: none; text-align: center }

#accueil #situation #gethelp a.math { width: 72px }
#accueil #situation #gethelp a.reading { width: 72px }
#accueil #situation #gethelp a.writing { width: 78px }
#accueil #situation #gethelp a.studyskills { width: 80px }
#accueil #situation #gethelp a.accueilwork { width: 80px }
#accueil #situation #gethelp a.collegeprep { width: 86px }

/*#accueil #situation #gethelp a.studyskills { margin-left: 1px !important }*/
#accueil #situation #gethelp a.no-margin { margin-left: 0px }

#accueil #situation #gethelp a.icon span.img { display: block; width: 57px; height: 57px; margin: 0px auto; background-color: green }

#accueil #situation #gethelp a.math span.img { background: url(css/home/icon_math.gif) no-repeat 0px 0px }
#accueil #situation #gethelp a.reading span.img { background: url(css/home/icon_reading.gif) no-repeat 0px 0px }
#accueil #situation #gethelp a.writing span.img { background: url(css/home/icon_writing.gif) no-repeat 0px 0px }
#accueil #situation #gethelp a.studyskills span.img { background: url(css/home/icon_studyskills.gif) no-repeat 0px 0px }
#accueil #situation #gethelp a.accueilwork span.img { background: url(css/home/icon_accueil.gif) no-repeat 0px 0px }
#accueil #situation #gethelp a.collegeprep span.img { background: url(css/home/icon_collegeprep.gif) no-repeat 0px 0px }

#accueil #situation #gethelp a:hover span.img { background-position: -57px 0px; cursor: hand }

#accueil #situation #gethelp a.icon span.txt { display: block; width: 79px; margin: 5px auto 0px auto; text-transform: uppercase; text-align: center }
#accueil #situation #gethelp a.math span.txt { width: 72px }
#accueil #situation #gethelp a.reading span.txt { width: 72px }
#accueil #situation #gethelp a.writing span.txt { width: 78px }
#accueil #situation #gethelp a.studyskills span.txt { width: 80px }
#accueil #situation #gethelp a.accueilwork span.txt { width: 80px }
#accueil #situation #gethelp a.collegeprep span.txt { width: 86px }

#accueil #situation #gethelp a:hover span.txt { cursor: hand }

/* end
Get the Help... middle box ~~~~~~~~  */

/* begin
Math Prep... right box ~~~~~~~~ */
#accueil #tutoring { width: 249px; margin: 0px 0px 0px 3px; padding: 24px 0px 0px 14px; float: left; display: inline }
#accueil #tutoring a { display: block; margin: 0px 0px 0px 0px; text-decoration: none; font-size: 65%; font-weight: bold; text-transform: uppercase; text-align: right }
#accueil #tutoring a span { padding-right: 10px }
#accueil #tutoring p {font-size:65%; text-align:left; color:#003399; padding: 10px;}
#accueil #tutoring h3, #accueil #tutoring h3 a { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 100%; text-transform: none; text-decoration: none; text-align: center; }
.clear-both {clear: both;}
.floatleft {display: block; width: 75px; float: left; padding-right: 10px;}
.floatright {display: block; height: 79px; width: 120px; float: right; padding-right: 12px;}
/* end
Math Prep... right box ~~~~~~~~ */

#footer { min-height: 60px !important; padding: 3.8em 1.0em 0.8em 1.0em; font-size: 81%; color: #666666 }

#sylvanpages #footer { min-height: 60px !important; padding: 3.8em 1.0em 0.8em 1.0em !important; clear: both !important; font-size: 75% !important; color: #666666 !important }

#accueil #footer { background: url(css/home/footer_accueil_bckgrnd.gif) no-repeat top center white }

#sylvanpages #footer { background: url(css/img/footer_background-pages.gif) no-repeat top center white }