body {
	background:url(../images/back_body.jpg) top center no-repeat #fff;
	text-align:center;
	font:14px/18px Helvetica, Arial, sans-serif;
	color:#5b5b5b;
}

#container{
	width:960px;
	margin:0 auto;
	text-align:justify;
}

a{ color:#bb6428; }

a:visited{ color:#536980; }

a:hover, a:hover b{ color:#e2a63c; }

b{
	font-weight:bold;
	color:#000;
}

.quote{
	width:300px;
	text-align:center;
	margin:40px auto 0 auto;
	font-size:18px;
	line-height:22px;
	color:#bb6428;
}

/*--------------------*/
/* - - - Lists - - - */
/*--------------------*/

ul.list{
	margin:14px 0 0 15px;
	padding-right:15px;
	list-style:square;
	color:#536980;	
}

ul.list li{
	margin:9px 0 0 0;
}

ul.list ul{
	margin-top:0;
	list-style:square;
	color:#5b5b5b;
}

/*--------------------*/
/* - - - Titles - - - */
/*--------------------*/

h1{
	font:36px/40px Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:lighter;
	padding-top:20px;
	margin-left:50px;
}

h2{
	width:515px;
	text-align:left;
	font:20px/24px Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:lighter;
	margin:2px 0 0 50px;
}

h3{
	font:16px/16px Helvetica, Arial, sans-serif;
	color:#000;
	font-weight:normal;
	margin:30px 0 4px 0;
}

h4{
	font:13px/13px Helvetica, Arial, sans-serif;
	color:#000;
	font-weight:normal;
	margin:30px 0 7px 0;
}

h4 + p { margin:0; }

/* - Sidebars - */

h5{
	font:19px/20px Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:normal;
}

h6{
	font:14px/15px Helvetica, Arial, sans-serif;
	color:#f6e4c5;
	font-weight:normal;
}

h6.smaller{
	font-size: smaller;
}


/*--------------------*/
/* - - - Header - - - */
/*--------------------*/

#util-menu{
	list-style:none;
	height:18px;
	line-height:18px;
	margin-top:2px;
	padding:0;
	font-size:10px;
	text-transform:uppercase;
	color:#536980;
	overflow: hidden;
}

#util-menu li{
	float:right;
	margin:0;
	padding-left:8px;
}

#util-menu a{
	text-decoration:none;
	color:#536980;
}

#util-menu .language a{
	font-weight:bold;
	color:#000;
}

#util-menu a:hover, #util-menu .language a:hover{
	color:#e2a63c;
}

#header{
	height:73px;
	width:960px;
	background:url(../images/back_header.png) left top no-repeat transparent;
}

#logo{
	float:left;
	margin:30px 0 0 26px;
}

#sentio{
	height:24px;
	display:block;
	margin-left:879px;
	padding-top:2px;
}

/*------------------------*/
/* - - - Breadcrumb - - - */
/*------------------------*/

#breadcrumb{
	float:right;
	list-style:none;
	color:#bb6428;
	font-size:10px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

#breadcrumb li{
	display:inline;
	margin-left:4px;
	
}

#breadcrumb a{
	text-decoration:none;
	color:#7392b2;
}

#breadcrumb a:hover{
	color:#e2a63c;
}


/*-------------------*/
/* - - - Tabs - - - */
/*------------------*/

#tabs{
	width:860px;
	height:20px;
	margin:0 0 0 25px;
	font-size:12px;
	line-height:20px;
	list-style:none;
	background-color:#5b5b5b;
}

#tabs ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#tabs li{
	float:left;
	margin:0;
}

#tabs a{
	display:block;
	border-right:1px solid #e3e9f0;
	white-space:nowrap;
	margin:0;
	padding:0 10px;
	text-decoration:none;
	color:#fff;
}

#tabs a:hover{
	color:#fff;
	background:#e2a63c;
}


/*---------------------*/
/* - - - Sidebar - - - */
/*---------------------*/

.sidebar{ text-align:left; }

.sidebar-header{
	width:166px;
	height:44px;
	background:top left no-repeat #fff;
	padding:20px 0 0 13px;
}

.sidebar-header h6{
	color:#d5dfe8;
}

.yellow .sidebar-header h6{
	color:#f6e4c5;
}

.black .sidebar-header{ padding-top:23px; }

.black .sidebar-header h6{
	color:#cecece;
}

.sidebar ul{
	font-size:12px;
	color:#000;
	list-style:none;
	margin:0;
}

.sidebar li{
	border:1px solid #7392b2;
	border-bottom:0;
	line-height: 15px;
	width:177px;
	margin:0;
}

.sidebar.yellow li{ border-color: #e2a63c; }

.sidebar.black li{ border-color: #5b5b5b; }

.sidebar a{
	display:block;
	padding:8px 30px 6px 10px;
	background:url(../images/sidebar_arrow.png) 150px center no-repeat #d5dfe8;
	text-decoration:none;
	color:#000;	
}

.sidebar.yellow a{ background-color:#f6e4c5; }

.sidebar.black a{ background-color:#cecece; }

.sidebar a:hover{
	background:url(../images/sidebar_arrow_o.png) 150px center no-repeat #fff;
	background-color:#fff;
}

/*--------------------*/
/* - - - Footer - - - */
/*--------------------*/

#top_page{
	height:16px;
	width:109px;
	margin:50px 0 0 774px;
	padding-top:5px;
	text-align:center;
	background:url(../images/top_page.gif) top left no-repeat #fff;
	font-size:12px;
	color:#fff;
}

#top_page a{
	color:#fff;
	text-decoration:none;
}

#top_page a:hover{
	color:#e2a63c;
}

#footer{
	width:960px;
	text-align:center;
	padding-top:10px;
	font-size:10px;
}

#footer a{
	color:#093866;
	text-decoration:none;
}

#footer ul{
	list-style:none;
}

#footer li{
	margin:0;
	display:inline;
	margin:0 6px;
}


/*---------------------*/
/* - - - General - - - */
/*---------------------*/

.title{
	width:960px;
	background:top left no-repeat;
	clear:both;
}

.t100{ height:104px; }

.t200{ height:194px; }

.t200 h2{ margin-top:17px; }

.container_4 .pic-right{
	width:454px;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
	margin-right:-25px;
}

.container_4 .pic-left{
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
}

.container_4 .pic-left img{ display:block; }

.container_4 .big-title{
	width:454px;
	margin-top:0;
	margin-right:-25px;
	text-align:center;
	font-size:14px;
	color:#bb6428;
}

/* - - - CTAs - - - */
.cta-heaher{
	width:168px;
	height:38px;
	padding:7px 0 0 9px;
	background:left top no-repeat;
	font-size:20px;
	line-height:20px;
	color:#000;
}

.cta-heaher span{
	font-size:13px;
	line-height:15px;
}

.cta{
	width:157px;
	height:70px;
	padding:12px 9px 0 9px;
	border:1px solid #e2a63c;
	border-top:0;
	text-align:left;
	font-size:12px;
	color:#000;
}

.cta a{ font-weight:bold; }


/*-------------------*/
/* - - - Forms - - - */
/*-------------------*/

a.form-btn, a.form-btn-dis{
	display:block;
	width:152px;
	height:24px;
	padding-top:8px;
	background:url(../images/bouton_form.gif) 0 0 no-repeat;
	text-align:center;
	font-size:14px;
	color:#fff !important;
	text-decoration:none;
	font-weight:lighter;
}

a.form-btn:hover{ background:url(../images/bouton_form.gif) 0 -32px no-repeat; }

a.form-btn:active{ background:url(../images/bouton_form.gif) 0 -64px no-repeat; }

a.form-btn-dis{ background:url(../images/bouton_form.gif) 0 -96px no-repeat; cursor: default;}


/*------------------*/
/* - - - Home - - - */
/*------------------*/

#home #logo { margin-bottom:19px; }

.hotspot{
	float:left;
	text-align:left;
	width:291px;
	padding-left:15px;
	height:137px;
	margin:7px 21px 20px 0;
	background:url(../images/home/home_hotspot_back.jpg) left 11px no-repeat #fff;
	font-size:13px;
	line-height:16px;
	color:#536980;
}

.hotspot h1{
	margin:27px 0 0 0;
	padding:0;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#000;
}

.hotpic{
	float:right;
	text-align:right;
}

.hotpic a.details{
	display:block;
	text-align:right;
	width:72px;
	padding-right:28px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	background:url(../images/home_arrow.gif) 75px 2px no-repeat;
}

.hotpic a.details:hover{
	color:#093866;
	background-image:url(../images/home_arrow_o.gif);
}

.footer-home{
	clear:both;
	border-top:1px solid #b9c8d8;
}


/*---------------------*/
/* - - - Product - - - */
/*---------------------*/

.product-box{
	width:388px;
	height:182px;
	margin-bottom:40px;
	text-align:left;
	background:url(../images/product_box.jpg) top left no-repeat;
	font-size:12px;
	line-height:17px;
	color:#536980;
}

.product-box h2{ 
	width:230px;
	margin:16px 0 20px 16px;
}

.product-box p{ margin-left:16px; }

.product-box .continuer{
	display:block;
	text-align:right;
	margin-top:5px;
	padding:0 50px 0 0;
	background:url(../images/product_arrow.gif) 108px 2px no-repeat;
	font-size:16px;
	line-height:20px;
	color:#536980;
	text-decoration:none;	
}

.product-box .continuer:hover{
	color:#093866;
	background-image:url(../images/product_arrow_o.gif);
}

.consist{
	margin:30px 0;
	font-size:16px;
	color:#000;
}

.prod-desc{
	color:#e2a816;
	text-align:left;
}

.textpic{
	width:352px;	
}


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

.pic-prod{
	float:left;
	width:228px;
	margin:16px 30px 20px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
}

.container_4 .pic-left img{ display:block; }

/*-----------------------------------*/
/* - - - Integrator Ressources - - - */
/*-----------------------------------*/
/* Login */

.form-sep{
line-height:7px;
height:7px;
background:url(/images/form_sep.gif) 0 0 repeat-x; 
}

.browser{ margin:12px 0 0 20px; }

.browser th{ padding-right:30px; }

.browser td, .browser th{ padding-bottom:7px; }

.browser img{ display:inline; vertical-align:-4px; }

/* Ressources */
.ress-title{
	margin:30px 0 5px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	color:#bb6428;	
}

.corners{
	position:relative;
}

.ressources{
	width:630px;
	border-collapse:separate;
}

.ressources td, .ressources th{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#7392b2;
}

.ressources-head th{
	background-color:#7392b2;
	color:#fff;
	padding:11px 20px 7px 20px;
	font-weight:normal;
	border-right:1px solid #fff;
}

.head-document{
	width:133px;
}

.head-desc{
	width:269px;
}

th.head-download{
	width:107px;
	border-right-color:#7392b2;
}

tr.evenrow td{
	background-color:#eee;
}

td.document, td.download{
	padding:12px 20px;
	vertical-align:middle;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

td.document{
	width:131px;
	border-left:1px solid #7392b2;
}

td.desc{
	width:278px;
	padding:12px 15px;
	font-size:11px;
	line-height:13px;
}

td.download{
	width:115px;
	padding:12px 15px;
	font-size:12px;
}

.download a{
	color:#000;
	text-decoration:none;
}

.download div{
	margin-top:15px;
	text-align:center;
}

.download img{
	float:right;
}