body {
	
	color: #000; 
	font-family: 'helvetica Neue',helvetica  ;
	background:  url("/images/background_03.png")   repeat scroll 0 0;
}


/* structure de la home page */ 
div {
/*border:1px solid yellow;;*/
}
.jFlowControl{
background: url("/images/cercle_gris.jpg");
}
#container{
	margin-left:auto;
	margin-right: auto;
	position: relative;
	width: 1024px;
	height: 683px;	
	background-repeat: no-repeat;
	margin-top: -21px;	
}
#allcontent{
	background: transparent url(/images/background_01.png) no-repeat scroll 0 0;
	height: 546px;
}
#topmenu{
	
	width: 1024px;
	height: 40px;
	background: url("/images/header_01.png");
}
#topmenu div{
float: right;
height: 30px;
padding-right:0px;

width:90px;
}
#topmenu div a{
	display: block;
	width: 90px;	
	position: relative;
	top: 10px;
	text-align: center;
	font-size: 14px;
	color: #999;
}
#logo{
position: relative;

width: 74px;
height: 56px;
top: 40px;
left: 35px;
background: url("/images/logo_3e.png");
}

/* contenu central */
#content{
	position: relative;
	top: 40px;
	height: 410px;
	width: 870px;
	left: 110px;
	font-size: 14px;
	color: #999;
}
#leftcontent{	
	position: relative;
	height: 325px;
	width: 254px;
	float: left;
	top: 0px;
}
#leftitle{
line-height:33px;
}
#leftitle #title1{
font-size:19px;
font-weight:bold;
}

#leftitle #title2{
font-size:19px;
font-weight:bold;
color: gray;
}
.lefttext{
	position: absolute;
	top: 200px;
	height: 135px;
}
#rightcontent{
	position: relative;
	top: 0px;
	height: 380px;
	left:40px;
	float: left;
}
.slideimage{
	height: 380px;
	width: 305px;
	overflow: hidden;
}
.slideleft{
	height: 380px;
	width: 240px;
}
.slideleft .slidetitle{
margin-bottom:20px;
width:200px;
color:#AE20CD;
font-size: 24px;
width: 240px;
margin-left: 5px;
}
li .slidecontent { margin-left: 5px;}

/*  bottom menu  */

#bottommenu{
	position: relative;
	height: 97px;
	background: transparent url(/images/menu_separateur_01.png) repeat-x scroll 0 0;	
	width: 1024px;
	margin: auto;
}
.item{
	margin-right: 2px;
	float: left;
	height:97px;
	width:169px;
	cursor: pointer;	
}


#item1{
	background: transparent url(/images/menu_btn_01_off.png) no-repeat scroll 0 0;	

}
#item2{
	background: transparent url(/images/menu_btn_02_off.png) no-repeat scroll 0 0;
}
#item3{
	background: transparent url(/images/menu_btn_03_off.png) no-repeat scroll 0 0;
}
#item4{
	background: transparent url(/images/menu_btn_04_off.png) no-repeat scroll 0 0;	
}

#item5{
	background: transparent url(/images/menu_btn_05_off.png) no-repeat scroll 0 0;
	
}

#item6{
	background: transparent url(/images/menu_btn_06_off.png) no-repeat scroll 0 0;
	margin-right:0px;
}


/* contenu du menu */

#slidem{
	margin-left:auto;
	margin-right: auto;
	
	width: 1024px;
	
	background: transparent url(/images/background_03.png) repeat-y scroll 0 0;
	color: #999;
}
#plaquette{	
	margin-top: 45px;
	margin-left: 35px;
	width: 250px;
	color: #FFF;
	float: left;
}

#plaquette a{	
	color: #FFF;
}
#plfleche{	
	margin-top: 48px;	
	width: 8px;
	height: 10px;
	float: left;
	margin-left: 5px;
}


.projecttitle1{	
	margin-top: 100px;
	margin-left: 35px;
	float: left;
}

.prjlogo{	
	background: #FFF;
	height: 40px;
	margin-top: 100px;
	margin-right:35px;
	float: right;
	width: 40px;
}

.menutext1{	
	margin-top: 25px;
	margin-left: 35px;
	float: left;
	width: 954px;

}
.menucol1,.menucol2{
	width: 450px;
	float: left;
	text-align: justify;

	line-height: 25px;
}

.menutext1 .menucol1, .menutext1 .menucol2{
	font-style:italic;
}
.menucol2{
	margin-left: 50px;
}
.menucol2{

}
.menutext2{	
	margin-top: 25px;
	margin-left: 35px;
	float: left;
	width: 954px;

}
.menuimage{	
	margin-top: 20px;
	width: 1024px;
	float: left;
	
	}
#footer1{
	background: transparent url(/images/footer_01.png) no-repeat scroll 0 0;
	height: 71px;
	width: 1024px;
	margin: auto;
}
/* separateur */
.bas
{
	width: 1024px;
	
}

.bas  .title .lab{
	font-weight:bold;

}

.bas  .title .titlevalue{
	font-weight:bold;
	color: gray;

}
.bas .slidecontent{
	width: 850px;

}
/* page video */
#leftvideo{	
	position: relative;
	height: 365px;
	width: 290px;
	float: left;
	
}

#rightvideo{
	position: relative;
	top: 0px;
	height: 365px;
	left:70px;
	float: left;
}
.textvideo{
	margin-top: 25px;
}
/* page map */
#map_canvas{	
	top: 0px;
	height: 365px;
	width: 575px;	
	float: left;
	border: 1px solid #999;
}
.textcontact{
margin-top: 100px;
}

/* separateur */

.espace  {
clear:both;
overflow:hidden;
}

.espacev  {
clear:both;
overflow:hidden;
height: 10px;
}

.espaceborde  {

clear:both;
overflow:hidden;
border-bottom: 1px solid #999;
width: 954px;
margin-left: 35px;
margin-top: 25px;
}
/* separateurs de boutons */
.bsep {
	position: absolute;
	float: left;
	height: 97px;
	width: 2px;
	top:0;
}

#sep1{
	background: transparent url(/images/menu_separateur_01.png) no-repeat scroll 0 0;
	left: 169px;
}
#sep2{
	background: transparent url(/images/menu_separateur_02.png) no-repeat scroll 0 0;
	left: 340px;
}
#sep3{
	background: transparent url(/images/menu_separateur_03.png) no-repeat scroll 0 0;
	left: 511px;
}
#sep4{
	background: transparent url(/images/menu_separateur_04.png) no-repeat scroll 0 0;
	left: 682px;

}
#sep5{
	background: transparent url(/images/menu_separateur_05.png) no-repeat scroll 0 0;
	left: 853px;
}