

body {
	background-color: #f8f8f8;
	background-image: url(../img/bck2.jpg); background-position:top;
	background-repeat:repeat-x;
	color: #333333;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0;
}
#masthead {
	color: #999999;
	background-image: url(/img/logo.jpg); background-position:100px 20px;
	background-repeat: no-repeat;
	height: 170px;
	background-color: #ffffff;
}
#menubar {
	width: 766px;
	margin-top: 42px;
	font-size: 0.8em; 

	height: 85px;

}

#bigwrap {background-image: url(../img/etudiants.jpg); background-repeat:no-repeat; width: 974px; margin: 0 auto; background-position: 0 300px;}

#wrapper {
	width: 766px;
	background-color:#FFFFFF; margin-left: 208px; 
}
#column_wrapper { min-height: 800px;border-right: 1px solid #969799;border-left: 1px solid #969799;

}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#maincontent {background-image:url(../img/backsideRight.jpg); background-repeat:repeat-y; background-position:right;
	width: 540px;
	float: left;
}
#sidebar {
	width: 210px;
	float: left; background-color:#ffffff; padding-top: 30px; 
}
#maincontent .content {
	padding: 44px 36px;
	font-size: 0.8em;
	line-height: 1.65em;
}

#masthead .content {
	padding: 12px 20px;
}
#footer .content {
	padding: 12px 20px;
}
#footer {
	color: #999999;
	background-color: #000000; background-image:url(../img/footerBottom.jpg); background-repeat:no-repeat; height: 57px;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
}
#footer2 {
width: 766px; margin: 0 auto; background-color:#f8f8f8;
	color: #999999;
	padding: 0px;
	margin: 0;
	font-size: 0.65em;
	clear: both;
}
#footer2 a {color: #999999;}
#topGraph {width: 100%; background-image:url(../img/bartop.jpg); background-repeat:repeat-x; height: 5px; background-position:top;}
#footerbottom {width: 100%; background-image:url(../img/barbottom.jpg); background-repeat:repeat-x; height: 10px; background-position:bottom;}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
#left a:link {
	color: #9B7C00;
}
#left a:visited {
	color: #333333;
}
#left a:hover {
	color: #000000;
}
#right a:link {
	color: #755E00;
}
#right a:visited {
	color: #333333;
}
#right a:hover {
	color: #000000;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
#footer a:link {
	color: #999999;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #FFFFFF;
}
.p7uberlink {
	font-weight: bold !important;
	letter-spacing: 0.15em;
	border-color: #000000 !important;
}
h1 {
	font-size: 1.8em;
	margin: 0;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}

.callout {
	float: right; background-image:url(../img/callout1.jpg);
	width: 122px; height: 179px;
	margin: 6px 8px 0px 0px;
	padding: 20px 10px 10px 10px;
	
	font-size: 0.75em;
}

#infolettre {height: 166px; width: 210px; background-image:url(../img/infolettre.jpg); background-repeat:no-repeat; font-size: 9pt; color: #FFFFFF; font-weight: bold;}
#infolettre .content {padding-left: 20px; padding-top: 50px; padding-right: 30px; height: 73px;}

#box1 {background-image: url(/img/backboxes.jpg); background-repeat:repeat-y;}
#box1 .content {padding-left: 15px; padding-right: 8px; font-size: 9pt; padding-bottom: 0px;}
#box1 h1 {margin: 0; padding: 0;}
#box2 {background-image: url(/img/backboxes.jpg); background-repeat:repeat-y;}
#box2 .content {padding-left: 15px; padding-right: 8px; font-size: 9pt;}
#box2 h1 {margin: 0; padding: 0;}
#links_fr {background-image: url(../img/liensutiles_fr.jpg); height: 215px;}
#links_en {background-image: url(../img/liensutiles_en.jpg); height: 215px;}
#linkwrap {padding-top: 70px; padding-left: 15px;}
#links_fr ul {padding: 0px; margin: 0px;}
#links_fr li {	list-style-type: none;
	display: block; height: 23px; padding-top: 10px; font-size: 8.5pt;}
	
#links_fr li a {color: #FFFFFF; font-weight: bold; }

#links_en ul {padding: 0px; margin: 0px;}
#links_en li {	list-style-type: none;
	display: block; height: 23px; padding-top: 10px; font-size: 8.5pt;}
	
#links_en li a {color: #FFFFFF; font-weight: bold; }


/* H1 classes */ 
.ServicesScolaires {background-image: url(../img/icon_s1.jpg); padding-left: 80px; display: block;  background-repeat:no-repeat; margin: 0px; padding-bottom: 0px;}
.mission {background-image: url(../img/icons2.jpg); padding-left: 80px; display: block; background-repeat:no-repeat;margin: 0px; padding-bottom: 0px;}
.contact_icon {background-image: url(../img/icons3.jpg); padding-left: 80px; display: block; background-repeat:no-repeat;margin: 0px; padding-bottom: 0px;}

.sub {font-size: 14pt; color: #FF9900;}

/* FORM Design */ 
#contact_top {background-image: url(../img/back2.jpg); background-repeat:no-repeat; width: 450px; height: 150px;}
#contact_mid {background-image: url(../img/back3.jpg); background-repeat:repeat-y; width: 450px;}
#contact_bottom{background-image: url(../img/back4.jpg); background-repeat:no-repeat; width: 450px; height: 13px;}


#contactf_right {float: left; width: 180px; padding-right: 20px;}
#contactf_left {float: left; width: 185px; padding-left: 40px;}
#contactf {padding: 0; margin: 0;}
#contactf textarea {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; width: 168px; height: 65px; padding: 10px 10px 10px 30px; background-image: url(../img/message.jpg); border: 0; overflow:auto; background-color: #ef2a03;}
#contactf input { border: 0px; background-color: #ef2a03;}

#name {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-image: url(../img/inp1.jpg); height: 19px; padding-top: 7px; padding-left: 15px; width: 171px; background-repeat:no-repeat;}
#tel {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-image: url(../img/inp2.jpg); height: 19px; padding-top: 7px; padding-left: 15px; width: 171px; background-repeat:no-repeat;}
#email{font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-image: url(../img/inp3.jpg); height: 19px; padding-top: 7px; padding-left: 15px; width: 171px; background-repeat:no-repeat;}