@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html{	
	margin: 0;
	padding: 0;
}

body {
	text-align:center;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	color: #696B74;
	font-weight:normal;
	background:#FFFFFF url(../images/habillage/bg_body.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

.center {
	margin: 0 auto;
	width: 1020px; 
	text-align: left;
}

.clr{
	clear:both;
}

.left{
	float:left;
	margin:0;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border:0;
}

a img, img a{
	border:0;
}

a{color: #5892BA;}
a:hover{color: #696B74;}

blockquote{
	margin:20px 0 20px 33px;
}

#bg_bandeau{ 
	background:url(../images/habillage/bg_bandeau.jpg) left bottom no-repeat;
	float:left;
}

#bandeau{ 
	float:left;
	width:110px;
	margin-right:10px;
}

#global {
	float: left;
	width:900px;
	background:url(../images/habillage/bg_ligne.gif) 0 100px repeat-y;	
}

#img_top { 
	height: 5px; 
	float: left;
	width: 900px;
}

#top { 
	height: 114px; 
	float: left;
	background:url(../images/habillage/bg_top.png) 0 0 repeat-x;
	border-bottom:1px solid #FFFFFF;
	width: 900px;
}

#logo {
	float:left; 
	margin:16px 0 0 38px; 
}

#top_right{
	width: 300px; 
	float:right;
	text-align:right;
	padding:65px 20px 0 0;
	color: #8D9196;
	font-size:11px;
}

#top_right a{
	color: #628FB5;
	padding-left:10px;
	text-decoration:none;
}

#top_right a:hover{
	color: #446681;
	text-decoration:underline;
}

/* Menu  */
#conteneur_menu { 
	float: left;
	border-top:1px solid #AEB7C1;
	border-bottom:1px solid #FFFFFF;
	background-color:#333333;
}

#conteneur_menu img{ 
	display:block;
}

#menu li, #landing-products li{
	list-style:none;
}

#menu {
	float:left;
	width:221px;
	min-height:130px;
}

#menu li{
	float: left;
}

#header {  
	float: left;
	width:679px;
}

.transoff{
	z-index:28; 
	position: relative; 
	left: 30px; 
	top:-30px;
	background-color:#FFFFFF;
	padding:2px 5px;
	filter : alpha(opacity=30) ;
    -moz-opacity : 0.3 ;
    opacity : 0.3 ;
	width:185px;
	padding:2px 3px;
	height:16px;
	line-height:16px;
}

.title {
	z-index:30; 
	position: relative; 
	left: 30px; 
	top:-52px;
	width:185px;
	padding:2px 3px;
	height:16px;
	line-height:16px;
	line-height:16px;
	text-decoration:underline;
	color:#000000;
	font-size:11px;
}

.title a{
	color:#000000;
	
	 
}

/* Content */
#content {
	width: 860px; 
	float: left;
	border-top:1px solid #AEB7C1;
	background:url(../images/habillage/bg_content.jpg) 0 0 no-repeat;
	padding:0 20px;
	height:auto;
}

#content_left {
	width: 201px; 
	float: left;
	padding-top:300px;
}

#content_left_plan {
	width: 201px; 
	float: left;
	padding-top:100px;
}

#content_left li, #content_left_plan li{
	float: left;
	list-style:none;
	margin-bottom:10px;
}

#content_right img.visuel_intro { 
	float: left;
	margin:0 15px 15px 0;
}

#content_right {
	width: 630px; 
	float: left;
	padding:15px 0 10px 29px;
}

#content_right h1{
	color:#484951;
	font-size:14px;
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	margin-bottom:15px;
}

#content_right h2{
	color:#5892BA;
	font-size:16px;
	margin-bottom:15px;
	font-weight:normal;
	text-transform: uppercase;
	background:url(../images/habillage/fleche_bleue.gif) left center no-repeat;
	padding-left:12px;
}

#content_right h3{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:12px;
	background: url(../images/habillage/fleche_noire.gif) left center no-repeat;
}

#content_right p{
	margin-bottom:15px;
}

#content_right p.border_accroche{
	padding-bottom:30px;
	border-bottom:1px solid #E1E4E8;
}

#galerie {
  padding: 12px;
}

#galerie li{
	margin: 0 10px 20px 0; 
	float:left;
	list-style:none;
}

#bas_page{ 
	padding:10px 0; 
	float: left;
	width:860px;
	margin-bottom:11px;
	font-size:11px;
	color:#586A7E;
	border-top:1px solid #586A7E;
}

#footer{ 
	padding:10px 0 10px 150px; 
	float: left;
	height:31px;
	width:470px;
	margin-bottom:11px;
	text-align:center;
  margin-top: 60px;
}

#footer li{ 
	margin-right:15px;
	float: left;
	list-style:none;
}

#copyright { 
	padding-top:10px; 
	float: left;
	height:30px;
	width:620px;
	color:#999999;
	text-align:center;
	font-size:10px;
}

#copyright a{ 
	color:#999999;
	text-decoration:none;
}

#copyright a:hover{ 
	color:#666666;
	text-decoration:none;
}

.texte12px{
	line-height:12px;
	color:#474851;
}
.texte10px{
	font-size:10px;
}

.texte11px{
	font-size:11px;
}

table.tableau_date td{
	padding:3px 3px 10px 15px;
	vertical-align:top;
}

td.date{
	padding-right:15px;
	background: url(../images/habillage/bg_date.gif) right top no-repeat;
	font-weight:bold;
	width:110px;
	text-align:right;
	font-size:12px;
}