a:active, a:focus {outline: 0;}

/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:964px;/* for mozilla*/
	background-color:#034577;
	background-image:url(images/bg-page.jpg);
	background-position:center top;
	background-repeat:repeat-x;

	}

#outer{
	height:100%;
	min-height:100%;
	width:964px;
	text-align:left;
	margin:auto;
	position:relative;
	border:0px solid red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color:#FFffff; 
}

#outer-home{
	height:100%;
	min-height:100%;
	width:964px;
	text-align:left;
	margin:auto;
	position:relative;
	border:0px solid red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color:#FFffff;
	background-image:url(images/bg-page-home.jpg);
	background-position:top left;
	background-repeat:no-repeat;

}

#outer-find{
	height:100%;
	min-height:100%;
	width:964px;
	text-align:left;
	margin:auto;
	position:relative;
	border:0px solid red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color:#FFffff;
	background-image:url(images/bg-page-find.png);
	background-position:top left;
	background-repeat:no-repeat;
}

/* crop scale */
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body #outer-home{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body #outer-find{height:auto;} /*for mozilla as IE treats height as min-height anyway*/


#header{
	position:absolute;
	top:0;
	left:0px;
	width:964px;
	height:118px;
	overflow:hidden;
	z-index:100;
	border:0px solid green;
	background-color:#ffffff;
	background-image:url(images/bg-header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#footer {
	width:964px;
	clear:both;
	height:30px;
	border-top:0px;
	text-align:left;
	left:0;
	bottom:0;
	position: absolute;
	border:0px solid #33ffff;
	background-color:#034577;
}

* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */



/* footer content    -----------------------------------------------   */

.footer-middle{ margin-top:10px; height:18px; }

 /* table  */

.t-footer{ width:964px; height:10px; }
.t-footer td{ text-align:center; vertical-align:top; border-right:1px solid #fff; color: #fff; } 
.t-footer td.noborderright{text-align:right; vertical-align:top; border-right:0px; color: #fff; }
.t-footer td.noborderleft{ text-align:left; vertical-align:top; border-right:0px; color: #fff; }

 /* link  */

a.orange-footer:link,a.orange-footer:visited,a.orange-footer:active{ color:#E96717; text-decoration:none;}
a.orange-footer:hover { color: #E96717; text-decoration:none; }


/* header content  ---------------------------------------  */
 
/*  langue */
 .header-langue {
	position:relative; float:left; top:0px; width:110px; height:0px; border:0px solid red; margin:0px; vertical-align:middle; text-align:left;}
 
/* table */
.t-langue{ width:110px; height:25; vertical-align:bottom; vertical-align:middle;}
.t-langue td{text-align:left; vertical-align:bottom; border-right:1px solid #b2c9d7; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #fff; height:25px; }
.t-langue td.noborder{text-align:left; vertical-align:bottom; border-right:0px solid #678fab; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #fff; }
 
 
/*  search */
.header-search{position:relative; top:0px; float:right; right:600px; width:250px; height:0px; border:0px solid red; margin:0px; vertical-align:middle; text-align:left; border:0px solid green; }

.t-search{ width:100%; height:35px; }
.t-search td{ text-align:left; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #fff; height:35px; }

/*  menu */
.header-menu{
	position:relative; position:absolute; clear:both; float:left; top:83px; left:0px; width:610px; height:25px;  margin:0px; vertical-align:middle; padding:0px 0px 0px 0px; border:0px solid green;}

.t-header-menu{width:100%;height:25px;}
.t-header-menu td{text-align:center; vertical-align:top; border-right:1px solid #b5cbd7;} 
.t-header-menu td.noborder{	text-align:center; vertical-align:top;	border-right:0px;}

/* link home page */
.indexlink {z-index: 200; position:absolute; visibility: visible; width: 300px; top: 0px; left:660px; height: 107px; border:0px solid red;}

/* link */

a.header:link,a.header:visited,a.header:active{font-family: Arial, Verdana, Arial, Helvetica, sans-serif; color: #b2c9d7; text-decoration:none;}
a.header:hover{font-family: Arial, Verdana,  Helvetica, sans-serif; color: #ffffff; text-decoration:none;}

.header-on{ color:#ffffff; text-decoration:none; font-weight:normal; border:1px solid red;}
.header-menu-on{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	background-image:url(images/header-menu-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	border:0px solid  #fff;
	}





/*   content     ---------------------------------------   */

#innerwrap {/* enables content first */
	float:left;
	width:580px;
	margin-left:20px;
	margin-top:141px;
	border:0px solid red;

}
#innerwrapRight {
	position:relative;/*ie needs this to show float */
	width:290px;
	float:right;
	margin-top:141px;
	margin-right:20px;
	padding-top:0px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	border:0px solid #33ffff;
}

/* -----------------------------------------  */


.box {
	position:relative;/* ie needs this to show float */
	width:290px;
	padding:0 0 10PX 0;
	border:0px;
	margin-bottom:31px;
	border:0px solid green;
	background-color:#f0f0f0;
}

.box-left{
	position:relative;/* ie needs this to show float */
	width:280px;
	float:left;
	padding:0 0 10PX 0;
	border:0px;
	margin-bottom:31px;
	border:0px solid green;
	background-color:#f0f0f0;
	}


.box-right{	position:relative;/* ie needs this to show float */
	width:280px;
	float:right;
	padding:0 0 10PX 0;
	border:0px;
	margin-bottom:31px;
	border:0px solid red;
	background-color:#f0f0f0;
	}

.Cours_box {
	position:relative;/* ie needs this to show float */
	width:290px;
	padding:0 0 10PX 0;
	border:0px;
	margin-bottom:31px;
	border:0px solid green;
	background-color:#f0f0f0;

}

/* box pour la home page --------------------------  */

.box-home-left{
	position:relative;/* ie needs this to show float */
	width:265px;
	float:left;
	padding:0 0 10PX 0;
	border:0;
	margin:0;
	font-size: 10px;
	}
	
.box-home-right{
	position:relative;/* ie needs this to show float */
	width:265px;
	float:right;
	padding:0 0 10PX 0;
	border:0px;
	margin:0px;
	border:0px solid green;
	background-color:#f0f0f0;
	}

.box-home {
	width:580px;
	clear:both;
	padding:0 0 10PX 0;
	border:0px;
	margin:0px;
	border:0;
	border-top:31px solid #ffffff;
	background-color:#ffffff;
}

/* print page -------------------------------------------------------  */

.print-header{
	position:absolute;
	top:0px;
	left:10px;
	width:935px;
	height:159px;
	border:0px solid red;
	order:1px
}
.print-box{
	position:absolute;
	top:10px;
	left:10px;
	border:0px solid green;
	width:935px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align:left;
}