html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus{
	outline: 0;
}
ol,ul{
	list-style: none;
}
table{
	border-collapse: separate;
	border-spacing: 0;
}
caption,th,td{
	font-weight: normal;
	text-align: left;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: "";
}
blockquote,q{
	quotes: "" "";
}
img,input,select,option{
	vertical-align: middle;
}

strong{
    font-weight:bold;
}


/**********************************************/
/* Reusable class                             */
/**********************************************/
.overflow-hidden {
	overflow:hidden;	
}
.clear:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear{
	display: inline-table;
}
.clear{
	height:0;
	clear: both;
	display:block
}
.inline{
    display:inline-block !important;
}
strong, .bold {
    font-weight:bold;
}
.floatright {
    float:right;
}
.floatleft {
    float:left;
}
.hidden {
    display:none;
}
.indent{
    text-indent: -9999px;
    line-height:0;
}
.indent img{
    display:block;
}
.no-margin{
    margin:0 !important;
}
address{
    font-style:normal;
    line-height:16px;
    white-space:nowrap;
}
.block{
    display:block;
}
/**********************************************/
/* Specific content                           */
/**********************************************/
body{
    background:url('../images/body-bg.gif');
}
html, body{
  	height:100%;
}
#wrapper{
    margin:0 auto;
    min-height:100%;
	position:relative;	
    width:904px;
}
#header{
    position:relative;
    height:206px;
}
#header h1{
    position:absolute;
    top:0;
    left:-10px;
}
#header #switch-lang{
    position:absolute;
    top:0;
    right:0;
    line-height:25px;
    width:107px;
    background:#9ea8ae;
    text-align:center;
}
span.sep{
    padding:0 4px;
}
#header #map{
    position:absolute;
    width:107px;
    right:0;
    top:27px;
}
#header #nav{
    position:absolute;
    left:0;
    bottom:0;
}
#header #nav li{
    position:relative;
    float:left;
}
#header #nav li a img{
   vertical-align:top
}
#header #breadcrumb a{
    font-size:10px;
    color:#666;
}
#switch-lang a{
    text-decoration:none;
    font-size:11px;
    color:#504f4f;
}
#switch-lang a.active{
    color:#FFF;
}
#content{
    padding:20px 0px 20px 0px;
    height:100%;
    margin:0 auto;
}
.text{
	font-weight:bold;
	line-height:30px;	
    margin:0 auto;	
	text-align:center;		
    width:700px;	
}
#banner-fr, #banner-en{
    position:relative;
    height:316px;
    background:url('../images/fr/banner.jpg') no-repeat;
    margin-bottom:68px;
}
#banner-fr p, #banner-en p{
    position:absolute;
    right:20px;
    top:150px;
    line-height:20px;
    color:#063972;
    width:180px;
    text-align:justify;
}
#banner-en{
    background:url('../images/en/banner.jpg') no-repeat;
}

/**************************** FOOTER *********************************/
#footer{
    background:url('../images/footer-bg.jpg') no-repeat;
    height:145px;
    margin:-145px auto 0 auto;
	position:relative;
	text-align:center;
    width:904px;		
}
#footerclear {
	height:125px;
}
#nav2{
    margin:0 auto;	
	width:420px;
}
#nav2 img{
    vertical-align:top;
}
#nav2 li{
    float:left;
}
.signature{
    position:absolute;
    bottom:0;
    right:15px;
}
/**************************** SECTIONS *********************************/
/*********************** Accueil / Entreprise **************************/
#header-wrapper{
    background:url('../images/submenu-bg.gif') repeat-x bottom left;
    position:relative;
    width:100%;
    height:242px;
}
#header-wrapper #header{
    margin:0 auto;
    width:904px;
    height:242px;
    background:url('../images/wrapper-bg.png') repeat-y top center;
}
#header-wrapper #header #nav{
    bottom:36px;
}
#home-news{
    background:url('../images/home-news.gif');
    height:206px;
    float:left;
    width:401px;
    padding:10px 22px;
	color:#f3f3f3;
}
#home-news a{
    color:#FFFFFF;
}
#home-news p{
    line-height:18px;
    margin-bottom:10px;
}
.box-wrapper-blue{
    background:#083f89 url('../images/contentbox-bg-blue.gif') repeat-x;
    min-height:405px;
    width:100%;
}
.box-wrapper{
    min-height:405px;
    width:100%;
}
.contentbox{
    width:904px;
    margin:0 auto;
}
/*???????*/
/**************************** Actualité ********************************/
#actualites{
    margin:10px 0 25px 25px;
	width:800px;
}
/**************************** Emplois ********************************/
#emp-intro{
    line-height:25px;
    text-align:center;
    font-weight:bold;
    width:725px;
    margin:45px auto;
}
#lst-jobs li{
    height:73px;
    line-height:73px;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
}
#lst-jobs li.alt{
    background:url('../images/emp-blue-bg.gif') repeat-x;   
}
#lst-jobs li a{
    color:#063972;
    background:url('../images/pdf.png') no-repeat right center;
    padding-right:45px;
    height:73px;
    display:inline-block;
}
#lst-jobs li.alt a{
    color:#FFF;
}
#competence{
    width:458px;
    margin:85px auto;
    display:block;
}
/**************************** Realisations ********************************/
#serv-sect-content{
	height:100%;		
}
#serv-sect-content h3{
	background:url('../images/bg-deroulant.gif') no-repeat;
	width:902px;
	height:25px;
	padding-top:10px;
}
#serv-sect-content h3 a {
    color:#063972;
    font-size:14px;
	font-weight:bold;
    padding-left:12px;
    text-transform:uppercase;  
	text-decoration:none;
}
#serv-sect ul, #serv-sect ul li  {
	list-style-type:none;
	margin:0;
	padding:0;
}
#serv-sect h3{
	margin:0;	
}
.deroulant{
    background-color:#e5e5e5;
	padding:10px;
	width:882px;
}
#serv-sect .deroulant ul, #serv-sect .deroulant ol{
	margin:15px 15px 15px 50px;	
}
#serv-sect .deroulant ul li {
	list-style-type: circle;
}
#serv-sect .deroulant ol li {
	list-style-type: decimal;
}