/* CSS Document */
/* Template 1 CSS Document */

*{margin:0; padding:0;}
body {background:#FFFFFF url(images/body.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#675C53;}
img{border:none;}

#container { width:865px; margin:0 auto; position:relative;}

#menu_portail {width:865px; margin:0 auto; height:34px;}
#menu_portail ul { background:#0033FF url(images/body.gif) repeat-x top left; overflow:hidden; list-style:none; margin:0 auto; padding:10px 0 0 0; font-size:11px;}
#menu_portail ul li.test1 { position:absolute; top:40px; left:670px; overflow:hidden; border:none; background: url(images/circle-arrow.gif) no-repeat left;}
#menu_portail ul li.test1 a { padding:0 0 0 15px; }
#menu_portail ul li.test2 { position:absolute; top:57px; left:685px; overflow:hidden; border:none; background: url(images/circle-arrow.gif) no-repeat left;}
#menu_portail ul li.test2 a { padding:0 0 0 15px; }
#menu_portail ul li { float:left; border-left:1px solid #FFFFFF;}
#menu_portail ul li.noborder { border:none; margin:0 0 0 7px; }
#menu_portail ul li.select { border:none; margin:0 0 -1px 7px; }
#menu_portail ul li.noborder form { float:left; margin:0; padding:0; }
#menu_portail ul li.select a { float:left; width:50px; }
#menu_portail ul li a {color:#FFFFFF; padding:0 7px 0 7px; text-decoration:none}
#menu_portail ul li a:hover { color:#000000; text-decoration:none }
#menu_portail ul li.noborder select {margin:-5px 0 0 0; padding:4px 2px 4px 0; font-size:10px; background: url(images/select-top.gif) no-repeat top left; border:none; width:152px;}
*html #menu_portail ul li.noborder select{margin:0;}

/* Header */
#header {width:865px; margin:0 auto; background:url(images/container.gif) 100% 0 no-repeat;}
#header h1 {float:left; width:566px; height:49px; background: url(images/sage-logo.gif) no-repeat top left; margin:35px 0 0 0;}
#header h1 a { width:566px; height:49px; text-indent:-1000px; font-size:10px; color:#000000; background:url(images/sage-logo.gif) no-repeat top left; display:block}
#header a img { float:left; width:566px; margin:35px 0 0 0; }

#fsearch {float:right; width:189px; margin:70px 0 10px 0;}
#fsearch form {padding:0 0 0 20px; background:url(images/search-loop.gif) 0 50% no-repeat;}
#fsearch form input, #fsearch input { border:1px solid #F3F3F3; width:110px; height:19px; margin:5px 0px 0px 3px; padding:1px 0 0 0; }
#fsearch form input.bt, #fsearch input.bt  { border:none; width:27px; height:21px; margin:2px 0 -5px 0; padding:0;}
#fsearch img { margin-top:5px; float:left }

/*- Menu et Drop down -*/
#menuh {height:30px; clear:both; font-family:Arial, Helvetica, sans-serif;font-size:13px; padding-right:10px; background:#FFFFFF url(images/menu.gif) no-repeat top left; width:855px; }
#menuhalign{float:right; clear:both}
#menuh ul li ul, #menuh ul:first-child{background:none;}
#menuh li a{color:#237D60; text-decoration:none; display:block; width:96px; text-align:center; line-height:30px; padding:0 5px;}
#menuh li a:hover{text-decoration:none; border:none; color:#237D60; background:url(images/menu-button.gif) no-repeat;}
#menuh ul{float:left; display:inline;}
#menuh li{display:block; float:left; list-style:none; position:relative; height:30px;}
#menuh li:hover{cursor:pointer;}
#menuh ul li ul{background:#FFFFFF; border:1px solid #CECECE; position:absolute;top:29px;left:0;display:none;width:170px;padding:5px 0;}
#menuh ul li ul li{font-size:11px; font-weight:normal;float:none; height:1%;}
#menuh li li a{color:#000000; line-height:normal; background:none; text-align:left; padding:3px 0 3px 15px; width:auto;}
#menuh li li a:hover{color:#000000; background:url(images/li-li-hov.gif) repeat-x;}
#menuh ul li:hover{background:url(images/menu-button.gif) no-repeat top left;}
#menuh ul a.amenu{background:url(images/menu-button.gif) no-repeat top left;}
#menuh ul li ul a.amenu{background:none;}
#menuh ul li:hover ul{display:block;}
#menuh ul li:hover ul li ul{display:none;position:absolute;top:0;left:187px;z-index:1000;background:none;}
#menuh ul li:hover ul li:hover ul{display:block;background:#0a4832 url(images/bg_layer.png) repeat-x top left;}
#menuh ul li:hover ul li:hover ul li ul{display:none;position:absolute;top:0;left:187px;z-index:1000;background:none;}
#menuh ul li:hover ul li:hover ul li:hover ul{display:block;background:#0a4832 url(images/bg_layer.png) repeat-x top left;} 
#menuh ul li.blue a { color:#00A1DE; }
#menuh ul li.blue a:hover { color:#00A1DE; }
#menuh ul li.yellow a { color:#E98300; }
#menuh ul li.yellow a:hover { color:#E98300; }


/*Contenu principal */
#maincontent_hp { clear:both; width:865px; margin:0 auto; /*background:url(images/footer-image.gif) no-repeat bottom right;*/ overflow:hidden }
/*#path { width:810px; float:left; margin:1px 0 0 0; padding:3px 0 0 5px; font-size:11px; color:#000000 }
#path a { color:#000000; text-decoration:none }
#path a:hover { color:#000000; text-decoration:underline }
div.print { width:50px; float:right; background:url(images/print-background.gif) no-repeat top left; margin:1px 0 1px 0; padding:0; }
div.print img { margin:4px 0 3px 4px; }*/
/*- Chemin & Print -*/


#path .fl_vt { background:url(images/fl_path_noir.png) no-repeat 0 3px; padding-left:18px; margin-left:2px; }

#locator { clear:both;padding-bottom:8px;}
.locator { width:800px; float:left; margin:1px 0 0 0; padding:3px 0 0 5px; font-size:11px; color:#000000 }
.locator a { color:#000000; text-decoration:none }
.locator a:hover { color:#000000; text-decoration:underline }

#locator a.send { float:left; width:22px; height:22px; background:url(images/send.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }
#locator a.print { float:left; width:23px; height:22px; background:url(images/print.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }
#locator .banner{padding-top:1px;}

#footer {font-size:11px; background:url(images/footer-image.gif) no-repeat top right; overflow:hidden; padding:110px 0 20px 0; color:#158569; width:995px; margin:-50px auto 0 auto; }
#footer ul { width:801px; margin:0 60px 0 0;  padding:2px 60px 2px 0; list-style:none; background:url(images/sage-footer.gif) no-repeat right; overflow:hidden; text-align:right; display:block;}
#footer ul li {display:inline;}
#footer a {color:#158569; text-decoration:none; margin:0 3px;}
#footer a:hover { color:#158569; text-decoration:underline; }
.date{text-align:right; color:#808080; padding:0 198px 0 0;}

/*- Body -*/
#wrapper {
	clear:both;
	background:url(images/wrapper.gif) no-repeat top left;
	overflow:hidden;
	width: 865px;
	/*margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;*/
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.top { clear:both; backgroun }
/*- Chemin & Print -*/

/*#locator {
	clear:both;
	display: block;
}
div.locator { width:800px; float:left; margin:1px 0px 0px 0px; padding:3px 0px 0px 5px; font-size:11px; color:#000000 }
div.locator a { color:#000000; text-decoration:none }
div.locator a:hover { color:#000000; text-decoration:underline }

#locator a.send { float:left; width:22px; height:22px; background:url(images/send.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }
#locator a.print { float:left; width:23px; height:22px; background:url(images/print.gif) no-repeat top left; font-size:10px; text-indent:-10000px; }*/

/*div.print {
 width:50px;
 float:right;
 background:url(images/print-background.gif) no-repeat top left;
 margin:1px 0px 1px 0px;
 padding:0px;
}

div.print img { margin:4px 0px 3px 4px; }*/
.clear { clear:both }

/*- Gros Boutons -*/
div#promo { clear:both; }
span.ecoles {
 float:left;
 background:url(images/ecoles.gif) no-repeat top ;
 font-size:18px;
 margin:20px 0px 30px 100px;
}

span.ecoles a { color:#FFFFFF; padding:80px 50px 90px 45px; display:block; text-decoration:none }
span.etudiants { float:left; background:url(images/etudiants.gif) no-repeat top left; font-size:18px; margin:20px 0px 30px 150px }
span.etudiants a { color:#FFFFFF; padding:80px 50px 92px 50px; display:block; text-decoration:none }

/*- Contenu -*/
#content {
	float:left;
	width:610px;
	padding:0px;
	background:url(images/content-borders.gif) repeat-y top left;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
}

#content p { margin:0px; padding:10px 20px 10px 20px }

#content a { color:#7E8B7A;
text-decoration:none;}
#content a:hover { color:#7E8B7A;
text-decoration:underline; }

#content .entry {
 padding:0px 0px 200px 0px;
 background:url(images/content-background.gif) no-repeat bottom left;
 padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#content .etudiantes {
 background:url(images/content-background-2.gif) no-repeat bottom left;
}

#content .etudiantes h1 {
 margin:5px 0px 0px 20px;
 padding:0px 0px 5px 65px;
 background:url(images/etudiantes.gif) no-repeat top left;
 font-size:18px;
 color:#F2AF00;
 font-weight:normal;
}

#content .etudiantes h1 strong { font-weight:bold; display:block }

#content .ecole {
 background:url(images/content-background-2.gif) no-repeat bottom left;
}

#content .ecole h1 {
 margin:5px 0px 0px 20px;
 padding:0px 0px 5px 65px;
 background:url(images/ecoles-petit.jpg) no-repeat top left;
 height:54px;
 font-size:18px;
 color:#00A1DE;
 font-weight:normal;
}

#content .ecole h1 strong { font-weight:bold; display:block }


#content h2 { color:#000000; font-size:12px; margin:10px 0px 15px 20px; padding:0px; }
#content h2 span { display:block }

#intro {
 background-color:#FFFFFF;
 padding:15px 0px 0px 0px;
 margin:0px;
 clear:both
}

#intro #actualites {
 float:left;
 width:302px;
 height:233px;
 background:url(images/actualites.gif) no-repeat top left;
 overflow:hidden
}

#intro #actualites h3 { color:#C1D59F; font-size:15px; font-weight:normal; margin:0px; padding:10px 0px 0px 30px; width:220px; float:left }
#intro #actualites img { float:left; margin:10px 0px 0px 0px; padding:0px; }
#intro #actualites ul { clear:both; margin:0px 0px 0px 23px; padding:7px 0px 0px 0px; list-style:none;}
#intro #actualites ul li { font-weight:bold; color:#000000; font-size:11px; margin:5px 0px 0px 0px; padding-right:10px; }
#intro #actualites ul li p { color:#675C53; margin:0px; padding:0px 5px 0px 10px; font-weight:normal }

#intro #temoignages {
 float:left;
 width:299px;
 height:232px;
 background:url(images/temoignages.gif) no-repeat top left;
 overflow:hidden;
 margin:0px 0px 0px 10px;
}

#intro #temoignages h3 { color:#007F64; margin:0px; padding:10px 0px 5px 30px; font-weight:bold; font-size:15px; }
#intro #temoignages div.flash { width:227px; margin:0px auto; padding:15px 0px 0px 0px; }
#temoignages div ul {clear:both; margin:0px 0px 0px 23px; padding:5px 0px 15px 0px; list-style:none;}
#temoignages div ul li {
margin-bottom:3px;
}
#temoignages div ul li a {
background:#FFFFFF url(images/puces/puce_vert_clair.gif) no-repeat scroll left center;
padding-left:20px;
padding-right:5px;
color:#7E8B7A;
text-decoration:none;
}
#temoignages div ul li a:hover {
background:#FFFFFF url(images/puces/puce_vert_clair.gif) no-repeat scroll left center;
padding-left:20px;
padding-right:5px;
color:#7E8B7A;
text-decoration:underline;
}
#temoignages div p {
padding-left:10px;
padding-right:10px;
}
#intro #newsletter {
 width:241px;
 height:79px;
 background:url(images/news-letter.gif) no-repeat top left;
 margin:0px 4px 0px 0px;
 padding:0px;
 float:right
}

#intro #newsletter h4 { color:#007F64; font-size:15px; margin:0px 0px 0px 15px; padding:7px 0px 0px 0px; }
#intro #newsletter p { margin:0px; padding:5px 10px 5px 10px; font-size:11px; }
#intro #newsletter p a { color:#7E8B7A;text-decoration:none; }
#intro #newsletter p a:hover { color:#7E8B7A;text-decoration:underline; }
/*- Sidebar -*/
#sidebar {
 float:right;
 width:241px;
 margin:0px 4px 0px 0px;
 padding:0px 0px 0px 0px;
 /margin:0px 4px 0px 0px;
 -margin:0px 2px 0px 0px;
}

#sidebar #menuwrap {  background:url(images/sidebar-background.gif) repeat-y top left; overflow:hidden; margin:0px; padding:0px; }
#sidebar h4 { color:#000000; font-size:12px; margin:0px 0px 0px 10px; padding:8px 0px 0px 0px; }
#sidebar .menu { background:url(images/sidebar-footer.gif) no-repeat bottom left; padding:0px 0px 3px 0px; margin:0px; }

#sidebar #menuwrap ul {
 margin:0px;
 padding:0px 0px 2px 0px;
 list-style:none;
}

#sidebar #menuwrap ul li {
 margin:5px 5px 5px 5px;
 padding:12px 0px 0px 0px;
 background:#ECEDEB url(images/li.gif) no-repeat top left;
 border-bottom:1px solid #E5F2EF
}

#sidebar #menuwrap ul li a { color:#675C53; font-weight:bold; text-decoration:none; background:url(images/li-footer.gif) no-repeat bottom left; display:block; padding:0px 15px 10px 15px; }

#sidebar #banners {
 width:241px;
 margin:6px 0px 0px 0px;
 padding:0px;
 background:#FFFFFF url(images/banners-background.gif) repeat-y top left;
 clear:both
}

#sidebar #banners #banners-footer {
 margin:0px;
 padding:0px 0px 10px 0px;
 background:url(images/banners-footer.gif)  no-repeat bottom left;
}

#sidebar #banners ul {
 background:url(images/banners-top.gif) no-repeat top left;
 margin:0px;
 padding:10px 0px 0px 0px;
 list-style:none;
}

#sidebar #banners ul li { background:none; margin:0px 10px 0px 20px; padding:0px; }
#sidebar #banners ul li.project { background:url(images/project-footer.gif) no-repeat bottom left; padding:0px 0px 5px 0px; display:block; width:203px; margin-top:5px; }
#sidebar #banners ul li.project a { background:url(images/project.gif) no-repeat top left; display:block; padding:7px 0px 0px 60px; color:#FFFFFF; text-decoration:none; font-weight:bold }
#sidebar #banners ul li.project span { background:url(images/project-background.gif) repeat-y top left; display:block; padding:0px 0px 5px 0px; }

/*- Footer -*/
#footer {
 width:995px;
 margin:0px auto;
 padding:110px 0px 30px 0px;
 background:url(images/footer-image.gif) no-repeat top right;
 clear:both;
 display:block
}

#footer div {
 width:750px;
 margin:0px auto;
 padding:0px;
 background:url(images/sage-footer.gif) no-repeat bottom right;
 overflow:hidden;
 text-align:center;
 color:#158569;
 font-size:11px;
}

#footer div p.date { text-align:right; color:#808080; padding:0px 69px 0px 0px; margin:0px; }
#footer ul { margin:0px; padding:0px 0px 0px 0px; list-style:none }
#footer ul li { float:left; margin:0px; padding:0px 4px 0px 1px; }

#footer div a { color:#158569; text-decoration:none; margin:0px 3px 0px 3px; }
#footer div a:hover { color:#158569; text-decoration:underline; }