/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}
.is_link { cursor: pointer;}

img 
{
	border: 0px;
}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:white; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#site-header .inner{}

/* ===| MENU ELEMENTS |======================================================*/
#menu-left{background:url(../images/bg-menu-left.jpg) no-repeat; height:50px;float:left;width:10px;}
#menu-right{background:url(../images/bg-menu-right.jpg) no-repeat;height:50px;float:left;width:10px;}
#menu{background:url(../images/bg-menu.jpg) repeat-x;height:50px;float:left;width:710px;}
#menu-recherche{background:url(../images/bg-recherche.jpg) repeat-x 0 0;float:left;width:214px;height:50px;}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left;margin:0; padding:0; overflow: hidden;background:url(../images/bg-content.jpg) repeat-y;}
#left-outter1{float:left;background:url(../images/bg_top.png) no-repeat;width:700px;}
#left-outter2{background:url(../images/bg_bottom.png) no-repeat; height:11px;width:700px;float:left}
#left-inner{padding-left:20px;padding-right:15px;}
#menu-bi{position:absolute;z-index:90;margin-top:1px;margin-left:549px;}
 
#english.normal a:link, #english.normal a:visited
{
	background: url(../images/img.png) 0px 0px no-repeat;
  	width:51px;
  	padding-left: 20px;
  	height:19px;
  	color: black;
  	float:left; 
  	display:block
}
#english.normal a:hover
{
	background: url(../images/img.png) 0px -70px no-repeat;
	width:51px;
	padding-left: 20px;
	color: white;
	height:19px;
	float:left;
	display:block
}
#english.active a:link, #english.active a:visited
{
	background: url(../images/img.png) 0 -69px no-repeat;
	width:51px;
	padding-left: 20px;
	color: white;
	height:19px;
	float:left; 
	display:block
}
#english.active span.over a:visited,  #english.active span.over a:link
{
	background: url(../images/img.png) 0px 0px no-repeat;
	width:51px;
	padding-left: 20px;
	color: white;
	height:19px;
	float:left;
	display:block
}
#english.active a:hover
{
	background: url(../images/img.png) 0 -69px no-repeat;
	width:51px;
	padding-left: 20px;
	color: white;
	height:19px;
	float:left;
	display:block
}

#french.normal a:link, #french.normal a:visited
{
	background:url(../images/img.png) -70px -69px no-repeat;
	width:60px;
	padding-left: 20px;
	height:19px;
	color: black;
	float:left;
	display:block
}
#french.normal a:hover
{
	background: url(../images/img.png) -70px 0px no-repeat;
	width:60px;
	padding-left: 20px;
	height:19px;
	color: white;
	float:left;
	display:block
}
#french.active a:link, #french.active a:visited
{
	background: url(../images/img.png) -70px 0px no-repeat;
	width:60px;
	padding-left: 20px;
	height:19px;
	color: white;
	float:left;
	display:block
}
#french.active span.over a:visited, #french.active span.over a:link 
{
	background: url(../images/img.png) -70px -70px no-repeat;
	width:60px;
	padding-left: 20px;
	height:19px;
	color: white;
	float:left;
	display:block
}
#french.active a:hover
{
	background: url(../images/img.png) -70px 0px no-repeat;
	width:60px;
	padding-left: 20px;
	height:19px;
	color: white;
	float:left;
	display:block
}



#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

.view_ev
{
	font-size: 16px;
}

#actualite, #contact-info, #promo {}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden;}
.right-inner{padding: 0px 0px 10px 20px;}

.right-box-outer{padding:0; background:url(../images/bg-right-box-outer.jpg) repeat-x #ae560e; height:100%;min-height:108px;border-left:1px solid #9d3d03;border-right:1px solid #9d3d03;float:left;width:218px;}
.right-box-outer-top{background:url(../images/bg-right-box-outer-top.jpg) no-repeat 0 bottom;float:left;width:223px;height:6px;}
.right-box-outer-bot{background:url(../images/bg-right-box-outer-bot.jpg) no-repeat;float:left;width:223px;height:6px;}

.right-box-inner
{
	background:#f0f1f3;
	float:left;
	width:206px;
	border-left:1px solid #b25a12;
	border-right:1px solid #b25a12;
	height:200px;
	overflow: auto;
	position:relative;
	left:6px;
}
.right-box-inner-top{background:url(../images/bg-right-box-inner-top.jpg) no-repeat 0 bottom;width:208px;height:6px;float:left;position:relative;left:6px;}
.right-box-inner-bot{background:url(../images/bg-right-box-inner-bot.jpg) no-repeat;width:208px;height:4px;float:left;position:relative;left:6px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}


.footer1{background:url(../images/footer-top.jpg) no-repeat 0 bottom;height:16px;}
.footer2{background:url(../images/footer-bot.jpg) no-repeat;}

#footer.outter	{margin: 0 auto; padding: 20px 0px 0px 0px;}
#footer .inner	{background:#e6cdb7 0px 0px; padding: 0 0 25px;height:40px;width:941px;}

.foot-image{float:left;padding-left:15px;padding-top:10px;padding-right:10px;}
.text-ue
{
	width:420px;
	line-height:11px;
	font-size:11px;
	padding-top:10px;
	text-align: justify;
}

.lg_white
{
	color: black;
	text-decoration: none;
}

.lg_orange
{
	color: white;
	text-decoration: none;
}

#search_form div{

}

#si{
	width:100px;
}

#sb{
}

.banner_right
{
	display:block;
	margin:0 0 10px 57px;
	width:145px;
}