﻿@import "reset.css"; 
@import 'basic.css'; 
@import 'general.css'; 
 
 
/* @group #nav_left */ 
 
#nav_left{ 
	margin-top: 3px; 
	min-height: 60px;
} 
#nav_left a.lvl1{ 
	color: #000000; 
	font-weight: bold;	 
	padding-top: 15px; 
	height: 20px; 
	background-color: #EDEDEA; 
	display: block; 
	padding-left: 11px; 
} 
#nav_left a.lvl1 span{ 
	background: url( images/nav_left_puce.gif ) no-repeat 0 2px; 
	padding-left: 13px; 
} 
#nav_left a.lvl1.ouvert{ 
	background-color: #fff; 
} 
#nav_left a.lvl1.ouvert span{ 
	background-position: 0 -11px; 
} 
#nav_left .zone2{ 
	padding-bottom: 7px; 
	display: none; 
	border-bottom: 1px solid #cecece; 
} 
#nav_left a.lvl2{ 
	color: #646464; 
	font-weight: normal; 
	padding-left: 23px;	 
	padding-top: 7px; 
	display: block; 
} 
 
/* @end */ 
 
/* @group bloc */ 
#content_bloc{ 
	float: left; 
	width: 735px;
	margin-bottom: 10px;
} 
#content_bloc .clear{ 
	height: 20px; 
} 
#nav_left, 
.bloc{ 
	float: left; 
	margin-right: 20px; 
} 
#nav_left, 
.type1{ 
	width: 225px; 
} 
.type2{ 
	width: 470px; 
} 
.type4{ 
	width: 960px; 
	margin-right: 20px; 
} 
.bloc h3{ 
	color: #000; 
	text-transform: uppercase; 
	font-weight: bold; 
	margin-bottom: 10px; 
} 
.bloc p{ 
	margin-bottom: 5px; 
	line-height: 16px; 
	font-size: 12px; 
} 
.bloc .legende{ 
	font-style: italic; 
	font-size: 10px; 
	margin-top: 15px; 
	display: block; 
} 
 
.carre_image .c1{ 
	float: left; 
	width: 105px; 
	margin-right: 14px; 
	margin-bottom: 14px; 
} 
.carre_image .c2{ 
	float: left; 
	width: 105px;	 
	margin-bottom: 14px; 
} 
.carre_image .c3{ 
	float: left; 
	width: 105px;	 
	margin-right: 14px; 
	margin-bottom: 14px;	 
} 
.carre_image .c4{ 
	float: left; 
	width: 105px;	 
	margin-bottom: 14px; 
} 
 
/* @end */ 
 
/* @group #ariane */ 
 
#ariane, 
#ariane a{ 
	color: #3f3f3f; 
} 
#ariane{ 
	padding: 12px 15px 8px 0; 
	float: left; 
	border-bottom: 1px solid #d9dcdf; 
	margin-bottom: 20px; 
	width:720px; 
} 
#ariane a{ 
	text-transform: uppercase; 
} 
#ariane span{ 
	margin-right: 6px; 
} 
 
/* @end */ 
 
/* @group .lien zone  */ 
 
.liens li{ 
	margin-top: 7px; 
} 
.liens.liste li{ 
	display: block; 
	margin-bottom: 10px; 
} 
.liens a.icon{ 
    background: url("images/section_lien_puce.gif") no-repeat scroll 0 0 transparent; 
    display: inline-block; 
    font-size: 11px; 
    height: 14px; 
    margin-bottom: 2px; 
    margin-right: 10px; 
    padding-left: 20px; 
    padding-top: 2px; 
} 
.liens a.lien_picture{
	background-position: 0 0;
}	
.liens a.lien_ppt{
	background-position: 0 -16px;
}	
.liens a.lien_film{
	background-position: 0 -32px;
}	
.liens a.lien_download{
	background-position: 0 -48px;
}	
.liens a.lien_webcast{
	background-position: 0 -64px;
}	
.liens a.lien_web{
	background-position: 0 -80px;
}
.liens a.lien_archive{
	background-position: 0 -96px;
}	
.liens a.lien_retour{
	background-position: 0 -112px;
}	
.liens a.lien_allnews{
	background-position: 0 -128px;
}	
.liens a.lien_pdf{
	background-position: 0 -144px;
}	
.liens a.lien_txt{
	background-position: 0 -160px;
}	 
 
 
/* @end */ 
 
/* @group .teasers */ 
 .Main_pro
 {
 	border-bottom:1px solid #D9DCDF;
	padding:0px;
	margin-bottom:15px;
 }
.teasers{ 
	padding: 5px 0px 0px; 
} 
.teasers .teasers_brief
{
	background-color:#e9e9e9;
	font-size:12px;
	color:#696969;
	padding:4px;
	min-height:45px;
}
.teasers .teaser{ 
	display: block; 
	float: left; 
	/*height: 106px; */
	width: 225px; 
	margin-right: 20px; 
	margin-bottom: 20px; 
	position: relative; 
} 
.teasers .teaser strong{ 
	display:block; 
	height: 18px; 
	color: #fff; 
	text-transform: uppercase; 
	padding: 5px 0 2px 5px; 
} 
.teasers .teaser img{ 
	/*position: absolute; */
	bottom: 0; 
	left: 0; 
} 
.teasers .teaser  span{ 
	display: block; 
	position: absolute; 
	top: 36px; 
	padding: 0 5px; 
	color: #fff; 
} 
 
/* @end */ 
 
/* @group zoom */ 
a.zoomLien{ 
	display: block; 
	position: relative; 
} 
a.zoomLien span{ 
	display: block; 
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 22px; 
	height: 22px; 
	opacity: 0.5; 
	background: transparent url( images/zoom.png ) no-repeat 0 0; 
} 
a.zoomLien:hover span{ 
	opacity: 1; 
} 
 
/* @end */ 
 
/* @group .banniere  */ 
#banner{ 
	position: relative;
    z-index: 9 !important;
} 
*html #degrade_banner{ 
	background: none; 
} 
#degrade_banner{ 
	width: 736px; 
	height: 37px; 
	position: absolute; 
	top: 0; 
	right: 0; 
	background: url("images/degrade.png") no-repeat; 
} 
 
#bloc_banner{ 
	height: 80px; 
	/*width: 715px; */
	padding: 15px 0 0 12px; 
	position: relative; 
	right: 0; 
	bottom: 0;	 
	/*background-color: #FFF;*/ 
	color: #000; 
	font-size: 14px; 
} 
#bloc_banner p{	 
	line-height: 18px; 
	font-size: 13px;
} 
 
 
.jaune p, 
.bleu p{ 
	color: #FFF; 
} 
/**** New Style ****/
.Solution_Map
{
	margin:25px 0px;
}
.MainContent
{
	margin-bottom:25px;
}
.image-wrap
{
	float: left;
    margin-right: 5px;
    max-width: 110px;
    width: 20%;
} 
.image-wrap Img
{
	border:1px solid #cecece;
}
.node-type-solution-details .image-wrap Img
{
	width: 110px;
}
.detail-wrap
{
	float: left;
    margin-left: 12px;
    width: 76%;
}

.detail-wrap h3 {
    line-height: 20px;
    margin: -4px 0 10px;
	color: #000000;
    font-size: 14px;
    font-weight: normal;
    margin: 0px 0 10px;
    text-transform: uppercase;
}
.detail-wrap a.more
{
	display: block;
    margin: 10px 0 0;
	background: url("images/bg_more.png") no-repeat scroll left center;
    padding-left: 20px;
	color: #4B7FCC;
    font-size: 11px;
    text-decoration: none;
}
.Library_table
{
	margin-bottom:20px;
}
.Library_table th {
    background-color:#e3342f;
    border: 1px solid #D4D4D4;
    color: #FFFFFF;
    padding: 5px;
    text-transform: uppercase;
}
.Library_table td {
    border: 1px solid #D4D4D4;
    padding: 8px;
}
.pdf-file {
    background: url("../images/pdf_icons.png") no-repeat scroll 0px 0px;
    padding-left: 27px;
    padding-top: 4px;
}
.MainCareers {
    margin: 0 0 0px;
}
.MainCareers h1
{
    font-size:16px;
    font-weight:bold;
    display:inline-block;
    margin:0 0 2%;
}
.MainCareers h3
{
    font-size:14px;
    font-weight:bold;
    margin:15px 0;
}
.MainCareers a {
    background-color: #E3342F;
    border: 1px solid #CACACA;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px;
}
.MainCareers a:hover {
    background-color: #000;
    color: #FFFFFF;
    text-decoration: none;
}
.MainCareers ul li
{
    line-height:20px;
}
.MainForm {
    margin:0px; padding:0px;
}
.MainForm td
{
	font-size:11px;
	font-weight:bold;
}
.MainForm h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
    padding: 0;
}
.MainForm .TextField {
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
    font-size: 12px;
    height: 18px;
    margin: 0 0 8px;
    width: 257px;
}
.MainForm .Dropdown {
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
    font-size: 12px;
    height: 24px;
    margin: 0 0 5px;
    padding: 3px 0;
    width: 250px;
}
.TextField:focus, .Dropdown:focus, .Comments:focus {
    box-shadow: 0 0 5px #cecece;
    outline: medium none;
}
.MainForm label {
    margin: 0 15px 0 5px;
    display:inline-block;
}
.Map_Txt
{
	margin:20px 0px;
	font-size:14px;
}
#block-webform-client-block-24 .title{
	display:none;
}
#webform-component-thank-you{
	margin:0px;
}
#block-webform-client-block-24 label{
	margin: 0;
	width:110px;
	font-size: 11px;
    font-weight: bold;
}
#block-webform-client-block-24  .form-text{
	background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
    font-size: 12px;
    height: 18px;
    margin: 0 0 8px;
    width: 257px;
}
#block-webform-client-block-24 .webform-component{
	margin: 0;
}
#block-webform-client-block-24 .option{
	margin: 5px 15px 10px 5px;
	width: 26px;
}
#block-webform-client-block-24  #edit-submit--2{
	background-color: #E3342F;
    border: 1px solid #CACACA;
    color: #FFFFFF;
    display: inline-block;
    margin-left: 310px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 5px;
	text-decoration: none;
}
#block-webform-client-block-24  #edit-submit--2:hover{
	background-color: #000;
    color: #fff;
}
/*** Sitemap ***/
.MainSitemap
{
	margin:0px; padding:0px;
}
.MainSitemap .Sitemap
{
	display:inline-block;
	width:45%;
	vertical-align:top;
	margin-right:3%;
	margin-bottom: 40px;
}
.MainSitemap .SitemapLast
{
	display:inline-block;
	vertical-align:top;	
	width:45%;
	margin-bottom: 40px;
}
.MainSitemap h1
{
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 10px 0px;
}
.MainSitemap h2{
	margin-bottom: 10px;
}
.MainSitemap ul
{
	display:inline-block;
	margin-left:4%;
	vertical-align:top;
}
.MainSitemap ul ul
{
	margin-left:10%;
	width: 90%;
}
.MainSitemap ul li
{
	margin-left:10px;
	padding: 3px 0;
}
.MainSitemap ul li a
{
	color:#3F3F3F;
	font-size:12px;
	background:url(images/bullet.png) no-repeat left;
	padding: 0 10px;
}
.MainSitemap ul li a:hover
{
	color:#e3322c;
}
/* @group #teasers */ 
 .Main_pro
 {
 	border-bottom:1px solid #D9DCDF;
	padding:0px;
	margin-bottom:15px;
	padding-top:20px;
 }
#teasers{ 
	padding: 5px 0px 0px; 
} 
#teasers .teasers_brief
{
	background-color:#e9e9e9;
	font-size:11px;
	color:#696969;
	padding:4px;
}
#teasers .teaser{ 
	display: block; 
	float: left; 
	height: 106px; 
	width: 225px; 
	margin-right: 20px; 
	margin-bottom: 20px; 
	position: relative; 
} 
#teasers .teaser strong{ 
	display:block; 
	height: 18px; 
	color: #fff; 
	text-transform: uppercase; 
	padding: 5px 0 2px 5px; 
} 
#teasers .teaser img{ 
	/*position: absolute; */
	bottom: 0; 
	left: 0; 
} 
#teasers .teaser  span{ 
	display: block; 
	position: absolute; 
	top: 36px; 
	padding: 0 5px; 
	color: #fff; 
} 
#content_bloc #block-system-main .content .node-products img{
	max-width:735px !important;
}
sup{
	vertical-align:super;
	font-size:70%;
}
sub{
	vertical-align:baseline;
	font-size:70%;
}
/* @end */