@charset "UTF-8";

/*******************************************************************************************/
/* DEFAULT */
/*******************************************************************************************/
body {
	font:normal 62.5% calibri, Helvetica, Arial, sans-serif;
	height:100%;
	line-height:1em;
	margin:0;
	color:#335;
}
body.debug {
}
a {
	text-decoration:underline;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	cursor:pointer;
}
acronym {
	cursor:pointer;
}
.nowrap {white-space:nowrap;}
.justify {text-align:justify;}
.clear {
	height:0;
	clear:both;
}
.clear:before,
.clear:after {
	content: '';
	display: table;
}
.clear:after {
	clear: both;
}

.warning {
	border:4px dashed red !important;
}
#idRubPack,
#panDebug {
	position:fixed;
	z-index:500;
	padding:0 10px;
	clear:both;
	font:normal 16px calibri, Arial, sans-serif;
	color:#000;
	letter-spacing:0px;
	background-color:rgba(128,128,128,0.3);
	text-shadow: 0 0 3px #fff;
}
.ie #idRubPack,
.ie #panDebug {
	background:transparent url('../images/ieBlack50.png') 0 0 repeat;
}
#idRubPack b {
	font:bold 20px calibri, Helvetica, Arial, sans-serif;
}
#panDebug h1 {
	font:normal 20px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	background-color:rgba(255,0,0,0.5);
	padding:5px 10px;
	margin:20px 0 10px 0;
}
.ie #panDebug h1 {
	background-color:#F00;
}
#idRubPack {
	top:0px;
	right:0px;
}
#panDebug {
	left:0px;
	bottom:0px;
	/*display:none;*/
}
body .dev {
	display:none;
}
body.debug .dev {
	display:block;
}
#panDebug {
	display:none;
}
.test1 {
	font-size:15px;
	font-family:"Calibri",monospace;
}
.test2 {
	font-size:15px;
	font-family:monospace;
}


/*******************************************************************************************/
/* Modal overlay */
/*******************************************************************************************/
#modal,
#modal-fullscreen {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	z-index:150;
	background-color:rgba(0,0,0,0.5);
    transition:				background-color 0.6s ease-in;
    -webkit-transition:		background-color 0.6s ease-in;
    -moz-transition:		background-color 0.6s ease-in;
    -ms-transition:			background-color 0.6s ease-in;
    -o-transition:			background-color 0.6s ease-in;
	display:none;
}
.ie #modal,
.ie #modal-fullscreen {
	background:transparent url('../images/ieBlack50.png') 0 0 repeat;
}
#pan-subnav {
	/*
	background-image:		linear-gradient(#fff, #e3e3e3);
	background-image:		-webkit-gradient(linear, #fff, #e3e3e3);
	background-image:		-moz-linear-gradient(#fff, #e3e3e3);
	background-image:		-ms-linear-gradient(#fff, #e3e3e3);
	background-image:		-o-linear-gradient(#fff, #e3e3e3);
	*/
	background-color: #fff;
	display:block;
	position:absolute;
	overflow:hidden;
	z-index:151;
	margin:0 auto;
	width:972px;
	height:321px;
	padding:1px 0 0 0;
	border:1px solid #fff;
	border-radius:			0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	-moz-border-radius:		0 0 5px 5px;
	-ms-border-radius:		0 0 5px 5px;
	-o-border-radius:		0 0 5px 5px;
	box-shadow:				0px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:		0px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:		0px 5px 5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:			0px 5px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow:			0px 5px 5px rgba(0, 0, 0, 0.5);
	border-top:1px solid #9a9a9a;
	margin-left:-1px;
}
.ie78 #pan-subnav {
	border:1px solid #9a9a9a;
}
#pan-subnav .subnav {
	font-size:16px;
	line-height:20px;
	font-family:"Calibri",monospace;
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}

/*
#modal div.bg {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-color:#000;
	z-index:151;
	opacity : 0.6;
	-moz-opacity : 0.6;
	background-color: rgba(0, 0, 0, 0.6);
}
.ie6 #modal {
	position:absolute;
}
.ie #modal div.bg {
	background-color:#000;
    -ms-filter: "alpha(opacity=50)";
}
.ie6 #modal div.bg, .ie7 #modal div.bg {
	background-color:#000;
    filter : alpha(opacity=50);
}
body {
	background:red url('../images/logo-salamandre-in-250.jpg') 50% 50%;
}
*/


/*******************************************************************************************/
/* DOWNLOAD */
/*******************************************************************************************/
.ico_full, .ico_prod, .ico_pdf, .ico_doc, .ico_xls, .ico_com, .ico_zip, .ico_video, .ico_link, .ico_solution, .ico_offer, .ico_website {
	padding-left:20px !important;
	background:transparent url('../images/ico_acrobat.png') 0 50% no-repeat;
}
.pan-external .ico_full,
.ico_link,
.ico_website	{background-image:url('../images/ico_link.png');}
.ico_video		{background-image:url('../images/ico_video.png');}
.ico_doc		{background-image:url('../images/ico_word.png');}
.ico_xls		{background-image:url('../images/ico_excel.png');}
.ico_zip		{background-image:url('../images/ico_zip.png');}
.ico_video		{background-image:url('../images/ico_video.png');}
/*******************************************************************************************/
/* STRUCTURE */
/*******************************************************************************************/
.pan-overview {
	display:block;
	position:relative;
	clear:both;
}
.pan-page {
	margin:0 auto;
	width:976px;
	display:block;
	position:relative;
}
.mode-subnav .pan-page {
}
#pan-header {
	background:#fff url('../images/bg-header-nav.png') 0 100% repeat-x;
	position:relative;
	height:135px;
	padding-top:15px;
}
.ie7 #pan-header {
	height:136px;
	padding-top:13px;
}
#pan-header hgroup .pan-page {
	height:68px;
	width:376px;
	bottom:0;
	position:absolute;
}
#pan-header .pan-page a#in-logo {
	padding:68px 0 0 339px;
	height:0;
	width:0;
	overflow:hidden;
	display:block;
	background:transparent url('../images/logo_IN.png') 0 0 no-repeat;
}
#pan-header .pan-page #bg-header-solutions {
	bottom:-14px;
	right:0;
	position:absolute;
	height:97px;
	width:553px;
	overflow:hidden;
	display:block;
	background:transparent url('../images/bg-header-solutions.png') 0 0 no-repeat;
}
.ie7 #pan-header .pan-page #bg-header-solutions {
	bottom:-15px;
	height:96px;
}
#pan-header .pan-page #bg-header-solutions.on {
	background-position:0 100%;
}
#pan-header #pan-search {
	bottom:15px;
	right:0;
	text-align:right;
	position:absolute;
}
#pan-header #search-field {
	display:inline;
	width:180px;
	height:23px;
	padding:5px 10px;
	overflow:hidden;
	background-color:#fff;
	color:#aaa;
	font:normal 16px calibri, Arial, sans-serif;
	border:1px solid #c5c5c5;
	border-right:none;
	border-radius:			5px 0 0 5px;
	-webkit-border-radius:	5px 0 0 5px;
	-moz-border-radius:		5px 0 0 5px;
	-ms-border-radius:		5px 0 0 5px;
	-o-border-radius:		5px 0 0 5px;
    transition:				color 0.6s ease-in;
    -webkit-transition:		color 0.6s ease-in;
    -moz-transition:		color 0.6s ease-in;
    -ms-transition:			color 0.6s ease-in;
    -o-transition:			color 0.6s ease-in;
	background-image:linear-gradient(#fff, #e3e3e3);
	background-image:-webkit-gradient(linear, #fff, #e3e3e3);
	background-image:-moz-linear-gradient(#fff, #e3e3e3);
	background-image:-ms-linear-gradient(#fff, #e3e3e3);
	background-image:-o-linear-gradient(#fff, #e3e3e3);
	float:left;
}
#pan-header #search-field.over {
	color:#000;
	text-shadow: 1px 1px 1px #ccc;
}
#pan-header #search-bt {
	border:1px solid #e0e3e4;
	display:inline;
	width:35px;
	height:35px;
	background:#e0e3e4 url('../images/search-bt.png') 50% 50% no-repeat;
	border:1px solid #c5c5c5;
	border-radius:			0 5px 5px 0;
	-webkit-border-radius:	0 5px 5px 0;
	-moz-border-radius:		0 5px 5px 0;
	-ms-border-radius:		0 5px 5px 0;
	-o-border-radius:		0 5px 5px 0;
	float:left;
	clear:right;
}
#pan-header #nav-top {
	position:relative;
	margin:0 auto;
	padding:15px 0 0 0;
	height:51px;
	clear:both;
}
.ie7 #pan-header #nav-top {
	height:53px;
}
.ie8 #pan-header #nav-top {
	height:52px;
}
#nav-top a {
	color:#60646D;
	letter-spacing:0px;
	clear:both;
	font:bold 13px "avenir_lt_35", calibri, Helvetica, Verdana, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
.ie78 #nav-top a {
	font:normal 14px calibri, Helvetica, Verdana, Arial, sans-serif;
}
.iphone #nav-top a {
	font-size:13px;
}

#nav-top a.over,
#nav-top a:hover {
	/*color:#F1121D;*/
	color:#F1121D;
}
#nav-top a span {
	padding:19px 20px 17px 20px;
	display:inline-block;
	z-index:0;
}
.ie78 #nav-top a {
	letter-spacing:0px;
}
.ie78 #nav-top a span {
	padding:19px 20px 18px 20px;
}
#nav-top a.on span,
#nav-top a.under span {
	color:#F1121D;
	padding-right:19px !important;
	border:1px solid #c9c9c9;
	border-style:none solid none none;
	background-color:#f0f0f0;
	background-image:linear-gradient(#fff, #f0f0f0);
	background-image:-webkit-gradient(linear, #fff, #f0f0f0);
	background-image:-moz-linear-gradient(#fff, #f0f0f0);
	background-image:-ms-linear-gradient(#fff, #f0f0f0);
	background-image:-o-linear-gradient(#fff, #f0f0f0);
}
/*
#nav-top a.under span {
	color:#960C15;
}
*/
#nav-top a.over span,
#nav-top a:hover span {
	background:#fff none;
	border:1px solid #9a9a9a;
	border-style:none solid;
	margin-left:-1px;
	padding-right:19px !important;
	color:#000;
}
#nav-top a.before span {
	padding-right:19px !important;
	border-right:1px solid #c9c9c9;
}
#nav-top a#bt-subnav-000 span {
	width:0;
	height:0;
	overflow:hidden;
	float:left;
	background-image:url('../images/ico-home.png');
	background-position:16px 0;
	background-repeat:no-repeat;
	padding:52px 25px 0 25px !important;
	margin-left:0;
}
#nav-top a#bt-subnav-000.before span {
	background-position:16px 0;
	padding-right:24px !important;
}
#nav-top a#bt-subnav-000.before.over span,
#nav-top a#bt-subnav-000.before:hover span {
	background-position:16px -55px;
	padding-right:25px !important;
}
#nav-top a#bt-subnav-000.over span,
#nav-top a#bt-subnav-000:hover span {
	background-position:16px -55px;
	padding:52px 25px 0 24px !important;
	margin-left:-1px;
}
#nav-top a#bt-subnav-000.on span,
#nav-top a#bt-subnav-000.on.over span,
#nav-top a#bt-subnav-000.on:hover span {
	background-position:16px -55px;
	border-style:none solid;
	padding:52px 25px 0 24px !important;
	margin-left:-1px;
}
.ie7 #nav-top a {
	float:left;
	clear:none;
	padding-top:1px;
}


#subNavLine {
	position:absolute;
	height:1px;
	background-color:#fff;
	z-index:200;
	margin-left:4px;
	padding:0 5px 0 4px;
}
.ie89 #subNavLine {
	margin-left:3px;
	padding:0 5px 0 4px;
}




/*******************************************************************************************/
/* TOP SUB NAV */
/*******************************************************************************************/
.subnav .subpan {
	position:relative;
	padding:10px 0 0 40px;
	border:none;
}
.subnav  .pubpan {
	position:absolute;
	bottom:0;
	width:100%;
	height:91px;
	display:block;
	background:transparent url('../images/bg-pub.png') 0 0 repeat-x;
	border-top:1px solid #fff;
}
.subnav  .pubpan .pub a {
	background:transparent url('../images/bg-pub.png') 0 0 no-repeat;
	padding:91px 0 0 0;
	width:324px;
	height:0;
	float:left;
	overflow:hidden;
}
.subnav  .pubpan .pub a:hover {
	padding:87px 0 0 0;
	width:324px;
	border-top:5px solid #277ABE;
	background-position:0 -5px !important;
}
.subnav  .pubpan .pub a span {
	color:#1c415a;
	clear:both;
}
.subnav .col {
	float:left;
	width:270px;
}
.subnav a {
	text-decoration:none;
	color:#000;
	display:block;
}
.subnav .col {
}
.subnav .deep_2 a,
.subnav .deepfree a {
	color:#000;
	letter-spacing:0px;
	line-height:1em !important;
	width:270px;
	
	clear:both;
	font:normal 18px "avenir_lt_35", calibri, Helvetica, Verdana, Arial, sans-serif;
	
	padding:0 0 3px 0;
	margin:0;
}
.subnav .deep_2 a.on,
.subnav .deepfree a.on {
	color:#F1121D;
}
.subnav .deep_2 a.under {
	/*color:#960C15;*/
	color:#000;
}
.subnav .deep_2 a:hover,
.subnav .deepfree a:hover {
	color:#277abe;
}
.subnav .deep_3 a,
.subnav .deepfree a {
	color:#60646D;
	/*font:normal 16px calibri, Arial, sans-serif;*/
	letter-spacing:0px;
	font:normal 9px "avenir_lt_35", calibri, Helvetica, Verdana, Arial, sans-serif;
	background:transparent none;
	padding:5px 0 0 2px;
	margin:0;
	line-height:0.70em !important;
	width:290px;
	color:#637077;
}
.subnav .deep_3 a b,
.subnav .deepfree a b {
	display:inline;
	font-size:0.5em;
	padding:0 10px 0 0;
}
.subnav .deep_3 a i,
.subnav .deepfree a i {
	font-size:0.8em;
	padding:0 0 0 5px;
	font-style: normal;
}
.subnav {
	background:#fff url('../images/bg-subpan321.jpg') 0 0 repeat;
}
#subnav-001 {background-position:0 0;}
#subnav-077 {background:#fff none;}
#subnav-045 {background:#fff none;}
#subnav-012 {background-position:0 -321px;}
#subnav-022 {background-position:0 -642px;}
#subnav-032 {background-position:0 -963px;}

/* GROUPE */
#pan-subnav #rubpan-001 {
	position:absolute;
	left:35px;
	width:850px;
	height:150px;
}
#pan-subnav #rubpan-001 div.cols {
	position:relative;
	display:inline-block;
	float:left;
	width:230px;
	padding:10px 0 0 0;
}
#pan-subnav #rubpan-001 div a {
	padding:10px 0 7px 0;
	font-size:15px;
	width:230px;
}


/* SOLUTIONS */
#pan-subnav #subnav-077 div.deep_3 a {
	width:auto;
	font-size:15px;
	margin:0 0 0 0;
	padding:5px 0 3px 0;
}
#pan-subnav #rubpan-078,
#pan-subnav #rubpan-079,
#pan-subnav #rubpan-080,
#pan-subnav #rubpan-081,
#pan-subnav #rubpan-133 {
	position:absolute;
	padding:5px 5px 15px 90px;
	background:transparent url('../photos/subnav-078.png') 0 10px no-repeat;
}
#pan-subnav #rubpan-078 {
	position:absolute;
	top:10px;
	left:30px;
	width:410px;
}
#pan-subnav #rubpan-079 {
	position:absolute;
	top:115px;
	left:30px;
	width:410px;
}
#pan-subnav #rubpan-080 {
	position:absolute;
	top:10px;
	left:560px;
	width:320px;
	/*width:350px;*/
}
#pan-subnav #rubpan-081 {
	position:absolute;
	top:115px;
	left:560px;
}
#pan-subnav #rubpan-133 {
	position:absolute;
	top:220px;
	left:30px;
	width:410px;
}
#pan-subnav #rubpan-078 {	background-image:url('../photos/subnav-078.png');	}
#pan-subnav #rubpan-079 {	background-image:url('../photos/subnav-079.png');	}
#pan-subnav #rubpan-080 {	background-image:url('../photos/subnav-080.png');	}
#pan-subnav #rubpan-081 {	background-image:url('../photos/subnav-081.png');	}
#pan-subnav #rubpan-133 {	background-image:url('../photos/subnav-133.png');	}


/* PRODUITS ET SERVICES */
#subnav-045 .subpan { 		padding-top:2px;}
#subnav-045 .colOrdered {	width:300px;	float:left;}
#subnav-045 .colOrdered a {
	font-size:15px;
	margin:4px 0 0 0;
	padding:5px 0 3px 0;
	width:300px;
}
#subnav-045 .colOrdered a span {}
.en #subnav-045 .colOrdered_0 {	width:270px;}
.en #subnav-045 .colOrdered_1 {	width:400px;}
.en #subnav-045 .colOrdered_2 {	width:220px;}
.en #subnav-045 .colOrdered_0 a {	width:270px;}
.en #subnav-045 .colOrdered_1 a {	width:400px;}
.en #subnav-045 .colOrdered_2 a {	width:220px;}

/* EXPERTISE */
#pan-subnav #rubpan-013,
#pan-subnav #rubpan-018 {
	position:absolute;
	left:470px;
	width:200px;
}
#pan-subnav #rubpan-018 {
	left:700px;
}
#pan-subnav #rubpan-013 a,
#pan-subnav #rubpan-018 a {
	width:200px;
}
#pan-subnav #rubpan-013 div,
#pan-subnav #rubpan-018 div {
	position:relative;
	display:inline-block;
	float:left;
	padding:10px 0 0 0;
}
#pan-subnav #rubpan-013 div a,
#pan-subnav #rubpan-018 div a {
	font-size:15px;
	padding-bottom:3px;
	width:200px;
}

/* MEDIA */
#pan-subnav #rubpan-022 {
	position:absolute;
	right:150px;
}
#pan-subnav #rubpan-022 div {
	position:relative;
	display:inline-block;
	float:left;
	padding:10px 0 0 0;
}
#pan-subnav #rubpan-022 div a {
	font-size:16px;
	padding-bottom:3px;
	width:350px;
}

/* ALAE */
#pan-subnav #rubpan-033 {
	position:absolute;
	left:220px;
	width:250px;
}
#pan-subnav #rubpan-038,
#pan-subnav #rubpan-039 {
	position:absolute;
	left:550px;
	width:380px;
}
#pan-subnav #rubpan-038 {
	top:160px;
}
#pan-subnav #rubpan-033 a,
#pan-subnav #rubpan-038 a,
#pan-subnav #rubpan-039 a {
	width:250px;
}
#pan-subnav #rubpan-033 div,
#pan-subnav #rubpan-038 div,
#pan-subnav #rubpan-039 div {
	position:relative;
	display:inline-block;
	float:left;
	padding:5px 0 0 0;
}
#pan-subnav #rubpan-033 div a,
#pan-subnav #rubpan-038 div a,
#pan-subnav #rubpan-039 div a  {
	font-size:15px;
	padding-bottom:3px;
	width:250px;
}
#pan-subnav #rubpan-033 div a {
	width:290px;
}
#pan-subnav #rubpan-039 div a {
	width:380px;
}


.en #pan-subnav #rubpan-033,
.en #pan-subnav #rubpan-038 {
	left:350px;
}
.en #pan-subnav #rubpan-039 {
	left:620px;
	width:350px;
}


/*******************************************************************************************/
/* FOCUS */
/*******************************************************************************************/
#btFocusPrev,
#btFocusNext {
	position:absolute;
	display:block;
	width:36px;
	height:301px;
	z-index:50;
	/*
	border:1px solid rgba(255,255,255,0.2);
	border-style:none solid none none;
	background-color:rgba(0,0,0,0.3);
	*/
	display:block;
	cursor:pointer;
}
/*
.ie #btFocusPrev,
.ie #btFocusNext {
	border:none;
	background-color:transparent;
	background:transparent url('../images/ieBlack30.png') 0 0 repeat;
}
*/
#btFocusPrev span,
#btFocusNext span {
	position:absolute;
	display:block;
	width:36px;
	height:301px;
	background:transparent url('../images/btFocusNavPrev.png') 0 50% no-repeat;
}
.ie #btFocusPrev span,
.ie #btFocusNext span {
	background:transparent url('../images/btFocusNavPrev.png') 0 50% no-repeat;
}
#btFocusNext {
	right:0;
	/*border-style:none none none solid;*/
	border:none;
}
#btFocusNext span,
.ie #btFocusNext span {
	background-image:url('../images/btFocusNavNext.png');
}
#btFocusPrev.over span,
#btFocusNext.over span {
	background-position:100% 50%;
}
#pan-focus {
	position:relative;
	display:block;
	width:100%;
	height:301px;
	clear:both;
	background-color:#fff;
}
#pan-focus #focTiles {
	position:absolute;
	width:100%;
	height:301px;
	display:block;
	z-index:10;
}
#pan-focus #focTiles div {
	position:absolute;
	z-index:10;
	width:100%;
	height:301px;
	background:transparent none 50% 0 repeat;
}
#pan-focus #focTiles div.test {
	/*background:#fff url('../images/bg-focus-test.png') 50% 0 repeat;*/
	background:#fff none 50% 0 repeat;
}
#pan-focus #focTiles div.default {
	/*background:#7D7E7F url('../images/bg-focus-test.png') 50% 0 repeat;*/
	background:#7D7E7F none 50% 0 repeat;
}
#pan-focus #focTiles div.road {
	/*background:#A2A4A6 url('../images/bg-focus-road.png') 50% 0 repeat;*/
	background:#37373C none 50% 0 repeat;
}
#pan-focus #focTiles div.navy {
	/*background:#0F2437 url('../images/bg-focus-navy.png') 50% 0 repeat;*/
	background:#0F2437 none 50% 0 repeat;
}
#pan-focus #focTiles div.night {
	/*background:#000 url('../images/bg-focus-night.png') 50% 0 repeat;*/
	background:#000 none 50% 0 repeat;
}
#pan-focus #focTiles div.sand {
	background:#A99688 url('../images/bg-focus-sand.jpg') 50% 0 repeat;
	/*background:#A99688 none 50% 0 repeat;*/
}
#pan-focus #focTiles div.sky {
	/*background:#2f75b1 url('../images/bg-focus-sky.png') 50% 0 repeat;*/
	background:#2f75b1 none 50% 0 repeat;
}
#pan-focus #focTiles div.snow {
	/*background:#A2A4A6 url('../images/bg-focus-snow.png') 50% 0 repeat;*/
	background:#CFD1D4 none 50% 0 repeat;
}
#pan-focus #focTiles div.cloud {
	/*background:#fff url('../images/bg-focus-cloud.png') 50% 0 repeat;*/
	background:#fff none 50% 0 repeat;
}
#pan-focus #focTiles div.black {		background:#000;	}
#pan-focus #focTiles div.white {		background:#fff;	}
#pan-focus #focTiles div.vanilla {	background:#C3C4BE;	}
#pan-focus #focTiles div.grey {		background:#38373D;	}

#pan-focus #focBg div {
	position:absolute;
	background:transparent none 50% 0 no-repeat;
	width:100%;
	height:301px;
	display:block;
	top:0;
	z-index:20;
	border-collapse: separate;
	box-shadow: inset 0px 5px 3px rgba(0,0,0,0.3);
}
.ie9 #pan-focus #focBg div {
	box-shadow: none;
}
.ie9 #pan-focus #focIeShadow,
.ie78 #pan-focus #focIeShadow {
	position:absolute;
	width:100%;
	height:7px;
	display:block;
	top:0;
	z-index:40;
	background:transparent url('../images/ieFocBgShadow.png') 0 0 repeat;
}
#pan-focus #focBg div img {
	margin:0 auto;
}
#pan-focus #focImg {
	display:none;
}
.ie7 #pan-focus #focInfo {
	position:absolute;
	display:block;
	z-index:30;
}


#pan-focus #focInfo article {
	position:absolute;
	display:block;
	width:400px;
	height:241px;
	padding:30px 20px;
	z-index:30;
}
#pan-focus #focInfo article.light {
	background-color:rgba(255,255,255,0.8);
}
#pan-focus #focInfo article.medium {
	background-color:rgba(0,0,0,0.1);
}
#pan-focus #focInfo article.dark {
	background-color:rgba(255,255,255,0.7);
}
.ie #pan-focus #focInfo article.light {
	background:transparent url('../images/ieWhite80.png') 0 0 repeat;
}
.ie #pan-focus #focInfo article.medium {
	background:transparent url('../images/ieBlack10.png') 0 0 repeat;
}
.ie #pan-focus #focInfo article.dark {
	background:transparent url('../images/ieWhite70.png') 0 0 repeat;
}
#pan-focus #focInfo article.long {
	width:358px;
	right:0;
}
#pan-focus #focInfo article.short {
	width:258px;
	right:0;
}


#pan-focus #focInfo div article h1 {
	clear:both;
	padding:0;
	margin:0;
	/*color:#fff;*/
	color:#F1121D;
	letter-spacing:0px;
	font:normal 28px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	/*text-shadow: 0 0 3px #000;*/
}
.tactile #pan-focus #focInfo div article h1 {
	text-shadow: 0 0 1px #000;
}
#pan-focus #focInfo div article h1 b {
	display:none;
}
#pan-focus #focInfo div article p {
	clear:both;
	padding:0;
	margin:0;
	margin-top:25px;
	color:#000;
	font:normal 16px calibri, Arial, sans-serif;
	/*text-shadow: 0 0 3px #000;*/
}
#pan-focus #focInfo article.dark p {
	color:#000;
}

.tactile #pan-focus #focInfo div article p {
	text-shadow: 0 0 1px #000;
}
#pan-focus #focInfo div article p a {
	color:#fff;
}
#pan-focus #focInfo div article .linkmore {
	position:absolute;
	padding:0;
	margin:15px 20px 25px 20px;
	bottom:0;
	right:0;
}
#pan-focus #focInfo div article a.bt {
	clear:both;
	display:inline-block;
	margin-top:25px;
	padding:7px 20px;
	font:bold 14px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	color:#fff;
	text-shadow: 0 0 2px #960f1a;
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #c6c8c9;
	border-color:#f35767 #960f1a #960f1a #f35767;
	border-radius:			3px;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	-ms-border-radius:		3px;
	-o-border-radius:		3px;
	background-color:#ec192a;
	background-image:linear-gradient(#f82d3a, #e20c0f);
	background-image:-webkit-gradient(linear, #f82d3a, #e20c0f);
	background-image:-moz-linear-gradient(#f82d3a, #e20c0f);
	background-image:-ms-linear-gradient(#f82d3a, #e20c0f);
	background-image:-o-linear-gradient(#f82d3a, #e20c0f);
}
.tactile #pan-focus #focInfo div article a.bt {
	text-shadow: 0 0 1px #960f1a;
}
#pan-focus #focInfo div article a.bt:hover {
	border-color:#960f1a #f35767 #f35767 #960f1a;
	background-color:#ec192a;
}
#pan-focus #focInfo div article a.bullet {
	display:none;
}
#pan-focus #focTiles div.hide,
#pan-focus #focBg div.hide,
#pan-focus #focInfo article.hide {
	display: none;
}
#pan-focus #focInfo div article div.bt_0006 a.bt {
	background-image:url('../images/logo-linkedin-focus.png');
	background-position:122px 50%;
	background-repeat:no-repeat;
	padding: 10px 60px 10px 10px;
	width:100px;
}



/*
#pan-focus {
	position:relative;
	display:block;
	width:100%;
	height:306px;
	clear:both;
}
#pan-focus #focInfo,
#pan-focus #focImg,
#pan-focus #focBg,
#pan-focus #focTiles {
	position:absolute;
	width:100%;
	height:306px;
	display:none;
}
#pan-focus #focInfo {
	z-index:410;
}
#pan-focus #focImg {
	z-index:30;
}
#pan-focus #focBg {
	z-index:20;
	max-width:1250px;
	position:relative;
	margin:0 auto;
}
#pan-focus #focTiles {
	z-index:10;
	display:block;
}
*/



/*
#pan-focus,
#pan-focus .pan-page {
	background:#7D7E7F url('../images/bg-focus-default.png') 50% 0 repeat-x;
	position:relative;
	height:306px;
}
#pan-focus .pan-page-navy {
	background:#0F2437 url('../images/bg-focus-navy.png') 50% 0 repeat-x;
}
#pan-focus {
	position:relative;
}
*/



/*******************************************************************************************/
/* SOCIAL */
/*******************************************************************************************/
.pan-social-bar {
	position:relative;
	display:block;
	clear:both;
	background:transparent url('../images/bg-social-bar.png') 0 100% repeat-x;
	height:39px;
	text-align:right;
	font: normal 13px calibri, Helvetica, Arial, sans-serif;
	color: #335;
	text-transform: uppercase;
}
#pan-social-bar-top {
	margin:40px 0 0 0;
}
#pan-social-bar-bottom {
	margin:40px 0 70px 0;
}
.pan-social-bar .share {
	position:absolute;
	display:inline-block;
	right:0;
}
.pan-social-bar span {
	position:absolute;
	top:12px;
	left:-50px;
}
.pan-social-bar .icon {
	display:inline-block;
	padding:7px;
}
.pan-social-bar .icon a {
	vertical-align: center;
	display:inline-block;
	position:relative;
	overflow:hidden;
	height:0;
	width:0;
	margin-left:5px;
	padding:25px 0 0 25px;
	background:transparent url('../images/bt-social-bar.png') left top no-repeat;
}
.pan-social-bar .icon a.bt-facebook 			{background-position:0 top;}
.pan-social-bar .icon a.bt-facebook:hover 		{background-position:0 bottom;}
.pan-social-bar .icon a.bt-linkedin 			{background-position:-25px top;}
.pan-social-bar .icon a.bt-linkedin:hover 		{background-position:-25px bottom;}
.pan-social-bar .icon a.bt-googleplus 			{background-position:-50px top;}
.pan-social-bar .icon a.bt-googleplus:hover 	{background-position:-50px bottom;}
.pan-social-bar .icon a.bt-email 				{background-position:-75px top;}
.pan-social-bar .icon a.bt-email:hover 			{background-position:-75px bottom;}

/*
		<div class="share">
			<span><xsl:value-of select="$ISO/social/@share" /></span>
			<div class="icon">
				<xsl:apply-templates select="$ISO/social/bt[not(@bHide)]"/>
			</div>
		</div>
*/




/*******************************************************************************************/
/* CRISIS */
/*******************************************************************************************/
.pan-crisis {
	font:					normal 14px "Calibri",Verdana,Arial,sans-serif;
	border:					1px solid #BA9114;
	background-color:		#FFC;
	box-shadow:				0px 3px 10px rgba(100,100,0, 0.2);
	-webkit-box-shadow:		0px 3px 10px rgba(100,100,0, 0.2);
	-moz-box-shadow:		0px 3px 10px rgba(100,100,0, 0.2);
	-ms-box-shadow:			0px 3px 10px rgba(100,100,0, 0.2);
	-o-box-shadow:			0px 3px 10px rgba(100,100,0, 0.2);
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	margin-top: 			3em;
}
.pan-crisis.over {
	background-color:		#FFF;
}
.pan-crisis p.btTitle {
	margin: 				0;
	padding: 				10px 40px 10px 40px;
	cursor: 				pointer;
	color: 					#BA9114;
	background: 			transparent url('../images/ico-warning-24.png') 8px 50% no-repeat;
}
.pan-crisis-content {
	border-top:				1px solid #BA9114;
	padding: 				10px 40px 20px 40px;
	background-color:		#FFF;
	border-radius:			0 0 5px 5px;
	-moz-border-radius:		0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	-khtml-border-radius:	0 0 5px 5px;
}
.pan-crisis-content p,
.pan-crisis-content a {
	color: 					#677;
}




/*******************************************************************************************/
/* MODE SIDE */
/*******************************************************************************************/
.mode-side {
	background:transparent url('../images/bg-overview-side.png') -2000px 0 repeat-y;
	min-width:976px;
}
.mode-side #pan-page {
	/*background:transparent url('../images/bg-overview-side.png') -1734px 0 repeat-y;*/
	display:block;
	min-height:800px;
	min-width:976px;
	border:none;
}
.mode-side .pan-page section#pan-content {
	float:left;
}
.mode-side section#pan-content {
	width:653px;/*710px;*/
	padding-right:27px;
}

#side-other {
	width:260px;
	display:block;
	float:right;
	padding:95px 0px 15px 36px;
	font-size:14px;
	line-height:16px;
	background-color:#fbfbfb;
}
#side-other header {
	width:230px;
	padding:10px 15px;
	margin:0;
	display:block;
	clear:both;
	color:#094a7e;
	background-color:#dee1e5;
	letter-spacing:0px;
	font:bold 18px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	cursor:default;
	line-height:1em;
	border-radius:			3px;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	-ms-border-radius:		3px;
	-o-border-radius:		3px;
}
#side-other header a {
	color:#094a7e;
	display:block;
	text-decoration:none;
}
#side-other  .pan-side {
	padding:5px 10px 60px 10px;
}
#side-other  #pan-internal,
#side-other  #pan-videos,
#side-other  #pan-facts,
#side-other  #pan-rubs,
#side-other  #pan-solutions,
#side-other  #pan-offers,
#side-other  #pan-external,
#side-other  #pan-contact {
	padding-top:0;
}
#side-other  #pan-solutions .micro,
#side-other  #pan-offers .micro,
#side-other  #pan-rubs .micro {
	padding-left:85px;
	position:relative;
	border-bottom:1px dotted #a8a9aa;
}
#side-other  #pan-solutions img,
#side-other  #pan-offers img,
#side-other  #pan-rubs img {
	position:absolute;
	top:18px;
	left:-85px;
	width:75px;
	height:50px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	box-shadow: 			0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
#side-other  #pan-solutions a,
#side-other  #pan-offers a,
#side-other  #pan-rubs a {
	padding:15px 0;
	margin:0;
	min-height:50px;
	line-height:16px;
	display:block;
	color:#000 ;
	text-decoration:none;
	position:relative;
}
#side-other  #pan-solutions a:hover,
#side-other  #pan-offers a:hover,
#side-other  #pan-rubs a:hover {
	color:#4589B4;
}
#side-other  #pan-solutions span,
#side-other  #pan-offers span,
#side-other  #pan-rubs span {
	display:block;
	color:#888;
	font-size:0.85em;
	padding:0 0 5px 0;
}
#side-other  #pan-solutions b,
#side-other  #pan-offers b,
#side-other  #pan-rubs b {
	display:block;
	padding:0 0 5px 0;
	font-size:1.15em;
	clear:right;
}
#side-other  #pan-facts .linkmore {
	padding:15px 0 5px 0;
}
#side-other  #pan-facts .linkmore a {
	color: #4589b4;
	line-height: 1em;
	font-size: 15px;
}
#side-other  #pan-facts .bt-linkedin {
	padding:5px 0;
}
#side-other  #pan-facts .bt-linkedin a {
	padding:5px 30px 5px 0;
	background:transparent url('../images/logo-home-linkedin.png') 100% 50% no-repeat;
}



/*******************************************************************************************/
/* CONTACT USER */
/*******************************************************************************************/
#side-other  #pan-contact div.user,
#pan-article div.user {
	background-color: 		#fff;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	box-shadow: 			0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
#pan-article div.user {
	background-color: 		#FBFBFB;
}
#side-other  #pan-contact div.user ul,
#pan-article div.user ul {
	margin:0;
	padding:0;
	padding-bottom:10px !important;
}
#side-other  #pan-contact div.user li,
#pan-article div.user li {
	border-bottom:none;
	margin:10px 20px;
}
#pan-article div.user li {
	list-style: none;
	margin:0 !important;
	padding:7px;
}
#side-other  #pan-contact div.user li span,
#pan-article div.user li span {
	display:inline-block;
	width:15%;
	padding-left:20%;
}
#side-other  #pan-contact div.user li.user_name,
#pan-article div.user li.user_name {
	padding:10px 0 !important;
	margin-bottom:5px !important;
	text-align:center;
	color: #335 !important;
	background-color: 		#eee;
	border-bottom:1px solid #E5E5E5;
	border-radius:			3px 3px 0 0;
	-moz-border-radius:		3px 3px 0 0;
	-webkit-border-radius:	3px 3px 0 0;
	-khtml-border-radius:	3px 3px 0 0;
}
#side-other  #pan-contact div.user li.user_name {
	font-size:14px;
}
#pan-article div.user li.user_name {
	font-size:18px !important;
}
#side-other  #pan-contact div.user li.user_name i.user_job,
#pan-article div.user li.user_name i.user_job {
	display:block;
	padding:5px 10px 0 10px;
	font-size:12px;
}
#pan-article div.user li.user_name i.user_job {
	font-size:16px;
}

#side-other  #pan-contact div.user li span.user_civ,
#pan-article div.user li span.user_civ {
	padding-left:0px;
	display:inline;
}
#side-other  #pan-contact div.user li.user_phone b,
#side-other  #pan-contact div.user li.user_portable b,
#side-other  #pan-contact div.user li.user_fax b,
#pan-article div.user li.user_phone b,
#pan-article div.user li.user_portable b,
#pan-article div.user li.user_fax b {
	font-size:1.3em;
	font-weight:normal;
}
#side-other  #pan-contact div.user li.user_email,
#pan-article div.user li.user_email {
	text-align:center;
	padding-left:0;
	padding-right:0;
}
#side-other  #pan-contact div.user li.user_email a,
#pan-article div.user li.user_email a {
	padding:0 !important;
	color: #335 !important;
	text-decoration: none;
	font: normal 11px Arial, Verdana, sans-serif;
}
#side-other  #pan-contact div.user li.user_email a:hover,
#pan-article div.user li.user_email a:hover {
	text-decoration: underline;
}
#pan-article div.user li.user_email a {
	font-size: 14px;
}


/*******************************************************************************************/
/* MODE SUBNAV */
/*******************************************************************************************/
.mode-subnav {
	background:transparent url('../images/bg-overview-subnav.png') 50% 0 repeat-y;
	min-width:976px;
}
.mode-subnav #pan-page {
	/*background:transparent url('../images/bg-overview-subnav.png') -1734px 0 repeat-y;*/
	display:block;
	min-height:800px;
	min-width:976px;
	border:none;
}
.pan-page section#pan-content {
	float:left;
}
.mode-subnav section#pan-content {
	width:653px;/*710px;*/
	padding-left:57px;
}
.side-subnav {
	width:266px;
	display:block;
	float:left;
}
.side-subnav a {
	text-decoration:none;
	color:#000;
	display:block;
}


.mode-full section#pan-content {
	width:100%;
}


#bg-overview-shadow {
	width:100%;
	height:10px;
	background:transparent url('../images/bg-overview-shadow.png') 50% 0px no-repeat;
	border-top:1px solid #E3E3E3;
}
/*
.mode-full #bg-overview-shadow {
	background-position:50% 1px;
}
*/
.side-subnav .deep2 a {
	color:#000;
	letter-spacing:0px;
	font:bold 2em calibri, Arial, sans-serif;
	padding:15px 20px 15px 10px;
	border-bottom:1px dotted #9c9c9c;
	width:216px;
}
.side-subnav .deep2childs {
	border-bottom:1px dotted #9c9c9c;
	padding-bottom:10px;
	width:246px;
}
.side-subnav .deep2childsLast {
	border-bottom:none;
}
.side-subnav .deep3 a {
	color:#595959;
	letter-spacing:0px;
	font:normal 1.7em calibri, Arial, sans-serif;
	padding:7px 10px 7px 30px;
	background:transparent url('../images/blt-deep-3.png') 15px 14px no-repeat;
	/*border-bottom:1px dotted #b3b3b3;*/
	line-height:1em;
	display:none;
}
.side-subnav .deep3 a {
	display:block;
}
.side-subnav .deep2 a:hover,
.side-subnav .deep2on a {
	color:#F1121D;
}
.side-subnav .deep3on a {
	color:#F1121D;
	background:transparent url('../images/blt-deep-3-on.png') 15px 14px no-repeat;
}
.side-subnav .deep2 a:hover,
.side-subnav .deep3 a:hover {
	color:#4589B4;
}
.side-subnav .deep3 a:hover {
	background:transparent url('../images/blt-deep-3-over.png') 15px 14px no-repeat;
}
.side-subnav .deep3on a {
	font-weight:bold;
}
.side-subnav .under a {
	/*color:#960C15;*/
	color:#000;
}

/*******************************************************************************************/
/* ARTICLE */
/*******************************************************************************************/
#pan-article {
	padding:0 0 20px 0;
}
#pan-article h2 {
	font:normal 28px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
}
#pan-article h3 {
	margin-top:40px;
	font:normal 18px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
}
#pan-title #pan-subtitle {
	font:normal 18px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	margin-top:0.5em;
}
#pan-title #pan-subtitle ul {
	padding-left:20px;
	margin:0;
}
#pan-title #pan-subtitle p {
	font:normal 16px calibri, Arial, sans-serif;
	margin-top:0;
}

#pan-article .slogan {
	font: normal 22px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	margin: 5px 0 40px 2px;
	color: #c40c15;
}
#pan-article .spacer {
	height: 3em;
	margin: 3em 0;
}

#pan-article img.reset {
	max-width:100%;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
#pan-article img.photo {
	float:left;
	margin:5px 50px 20px 0;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
#pan-article img.right {
	float:right;
	margin:5px 0 20px 50px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
#pan-article img.middle {
	display:block;
	float:none;
	margin:5px auto 20px auto;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
#pan-article img.shadow {
	box-shadow: 			0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
#pan-article p,
#pan-article cite,
#pan-article li,
#pan-article dt,
#pan-article dd {
	color:#637077;
	font:normal 16px calibri, Arial, sans-serif;
}
#pan-article li {
	padding:10px 0 0 0;
}
#pan-article b,
#pan-article strong {
	font-weight:bold;
}
#pan-article a {
	color:#4589b4;
}
#pan-article cite {
	line-height:26px;
	font-style:italic;
	font-size:17px;
	color:#3C4B54;
	padding-left:20px;
	border-left:2px solid #E2E2E2;
	display:block;
}
#pan-article cite i,
#pan-article cite em {
	font-style:normal;
}
#pan-article cite span.legend {
	clear:both;
	display:block;
	text-align:right;
	font-size:0.8em;
	font-style:normal;
	padding-top:15px;
}
#pan-article span.question,
#pan-article span.answer {
	font-weight:bold;
}
#pan-article h3 span.question {
	font:bold italic 18px calibri, Helvetica, Arial, sans-serif;
}
#pan-article dl {
	position:relative;
}
#pan-article dt {
	width:140px;
	font-weight:bold;
	float:left;
	padding:5px 10px;
}
#pan-article dd {
	padding:5px 10px;
}

#pan-article dl.ol dt {
	position:absolute;
    width:80px;
	padding:0;
    left:0;
}
#pan-article dl.ol dt span {
	text-align:right;
    font:bold 50px Segoe UI Light, Segoe UI, Tahoma, sans-serif;
	color:#656f78;
    display:block;
	overflow:hidden;
    width:65px;
    height:50px;
    line-height:50px;
	padding:2px 15px 0 0;
}
#pan-article dl.ol dd {
	padding:5px 0 15px 80px;
	margin:0;
	min-height:50px;
}

#pan-article hr {
	border:none;
	height:0;
	display:block;
	clear:both;
	padding-bottom:8px;
	margin:30px auto 40px auto;
	border-bottom:1px dotted #ccc;
}
#pan-article .legend {
	color:#637077;
	font:normal 13px calibri, Arial, sans-serif;
	line-height:16px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	display:block;
}
#pan-article .intro {
	color:#000;
	font-weight:normal;
	font-size:24px;
}
#pan-article .center {
	text-align:center;
    display:block;
}
#pan-article .important {
	color:#000;
	font-weight:normal;
	font-size:18px;
}

#pan-article div.picture,
#pan-article div.picture_100,
#pan-article div.picture_125,
#pan-article div.picture_150,
#pan-article div.picture_200,
#pan-article div.picture_250,
#pan-article div.picture_275,
#pan-article div.picture_300,
#pan-article div.bloc,
#pan-article div.ico {
	position:relative;
	padding:0 0 0 250px;
	display:block;
	height:auto;
	clear:both;
	*height:1%;
}
#pan-article div.picture img,
#pan-article div.picture_100 img,
#pan-article div.picture_125 img,
#pan-article div.picture_150 img,
#pan-article div.picture_200 img,
#pan-article div.picture_250 img,
#pan-article div.picture_275 img,
#pan-article div.picture_300 img,
#pan-article div.bloc img,
#pan-article div.ico img {
	float:left;
	top:2px;
	left:0;
	width:200px;
	max-width:100%;
	margin:5px 50px 0px -250px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
#pan-article div.picture_100 {		padding-left:150px;}
#pan-article div.picture_125 {		padding-left:175px;}
#pan-article div.picture_150 {		padding-left:200px;}
#pan-article div.picture_200 {		padding-left:250px;}
#pan-article div.picture_250 {		padding-left:300px;}
#pan-article div.picture_275 {		padding-left:325px;}
#pan-article div.picture_300 {		padding-left:350px;}
#pan-article div.picture_100 hgroup,
#pan-article div.picture_100 img {	margin-left:-150px;	width:100px;}
#pan-article div.picture_125 hgroup,
#pan-article div.picture_125 img {	margin-left:-175px;	width:125px;}
#pan-article div.picture_150 hgroup,
#pan-article div.picture_150 img {	margin-left:-200px;	width:150px;}
#pan-article div.picture_200 hgroup,
#pan-article div.picture_200 img {	margin-left:-250px;	width:200px;}
#pan-article div.picture_250 hgroup,
#pan-article div.picture_250 img {	margin-left:-300px;	width:250px;}
#pan-article div.picture_275 hgroup,
#pan-article div.picture_275 img {	margin-left:-325px;	width:275px;}
#pan-article div.picture_300 hgroup,
#pan-article div.picture_300 img {	margin-left:-350px;	width:300px;}
#pan-article div.picture ul {
	padding-left:0;
}
#pan-article img.picture,
#pan-article img.picture_100,
#pan-article img.picture_125,
#pan-article img.picture_150,
#pan-article img.picture_200,
#pan-article img.picture_250,
#pan-article img.picture_275,
#pan-article img.picture_300 {
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
#pan-article img.picture_100 {	width:100px;}
#pan-article img.picture_125 {	width:125px;}
#pan-article img.picture_150 {	width:150px;}
#pan-article img.picture_200 {	width:200px;}
#pan-article img.picture_250 {	width:250px;}
#pan-article img.picture_275 {	width:275px;}
#pan-article img.picture_300 {	width:300px;}

#pan-article div.picture hgroup,
#pan-article div.picture_100 hgroup,
#pan-article div.picture_125 hgroup,
#pan-article div.picture_150 hgroup,
#pan-article div.picture_200 hgroup,
#pan-article div.picture_250 hgroup,
#pan-article div.picture_275 hgroup,
#pan-article div.picture_300 hgroup,
#pan-article div.bloc hgroup,
#pan-article div.ico hgroup {
	float:left;
	top:2px;
	left:0;
	max-width:100%;
	margin-top:5px 50px 0px inherit;
}
#pan-article div.picture_100 hgroup img,
#pan-article div.picture_125 hgroup img,
#pan-article div.picture_150 hgroup img,
#pan-article div.picture_200 hgroup img,
#pan-article div.picture_250 hgroup img,
#pan-article div.picture_275 hgroup img,
#pan-article div.picture_300 hgroup img {float:none;	margin-left:0px;}

#pan-article div.bloc {
	position:relative;
	padding:10px 0 10px 330px;
}
#pan-article div.bloc img {
	width:280px;
	margin:15px 50px 10px -330px;
}
#pan-article div.bloc ul {
	padding-left:0;
	margin:0;
}
#pan-article ul.contact_list,
#pan-article ul.contact_list li {
	padding:0;
}
#pan-article ul.contact_list li {
	margin:0 0 0 20px;
}

#pan-article div.ico {
	position:relative;
	padding:10px 0 10px 95px;
}
#pan-article div.ico p {
	margin:0;
	line-height:1.2em;
}
#pan-article div.ico img {
	width:75px;
	margin:-5px 20px 10px -95px;
}

#pan-article .big {
	font-size:1.2em;
	font-weight:bold;
}
#pan-article .colorfade {
	color:#fff;
	background:#003661 url("../images/bg-colorfade.png") repeat-x top;
}
#pan-article div.download {
	display:block;
	clear:both;
	padding-bottom:30px;
}
#pan-article div.download a {
	position:relative;
	margin:10px 10px 30px 0;
	width:190px;
	height:auto;
	text-align:center;
	display:block;
	float:left;
	text-decoration:none;
}
#pan-article div.download a img {
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	margin:0 auto 10px auto;
	display:block;
	clear:both;
	box-shadow:				0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
#pan-article div.download a img.reset {
	box-shadow:				none;
	-webkit-box-shadow:		none;
	-moz-box-shadow:		none;
	-ms-box-shadow:			none;
	-o-box-shadow:			none;
}
#pan-article div.download a b,
#pan-article div.download a strong {
	display:block;
	clear:both;
	margin:10px auto;
	font-size:1.5em;
	line-height:1.2em;
}
#pan-article div.download a:hover b,
#pan-article div.download a:hover strong {
	text-decoration:underline;
}
#pan-article div.download a span {
	font-size:1.2em;
	font-weight:normal;
	color:#637077;
}

/*******************************************************************************************/
/* LAYOUT */
/*******************************************************************************************/
.innerLayout,
.fullLayout {
	width:653px;
	float:both;
	position:relative;
}
.ie67 .innerLayout .layout-1-2,
.ie67 .innerLayout .layout-2-2,
.ie67 .fullLayout .layout-1-2,
.ie67 .fullLayout .layout-2-2 {
   zoom: 1;
   display: inline;
}
.innerLayout .layout-1-2 {
	vertical-align:top;
	width:310px;
	margin-right:15px;
	display:inline-block;
}
.innerLayout .layout-2-2 {
	vertical-align:top;
	width:310px;
	margin-left:15px;
	display:inline-block;
}
.fullLayout {
	width:977px;
	padding-top:40px;
}
.fullLayout .layout-1-2 {
	width:625px;
	float:left;
}
.fullLayout .layout-2-2 {
	margin-left:50px;
	width:302px;
	float:left;
}


/*******************************************************************************************/
/* ARIANE */
/*******************************************************************************************/
#pan-ariane {
	padding:30px 0 0 0;
	height:20px;
}
#pan-ariane a {
	color:#637077;
	letter-spacing:0px;
	font:normal 1.4em calibri, Arial, sans-serif;
	padding:0 0;
	text-decoration:none;
}
#pan-ariane a:hover {
	text-decoration:underline;
}
#pan-ariane span.last a {
	text-decoration:none;
	cursor:default;
}
#pan-ariane span.sep {
	padding:2px 0 2px 30px;
	background:transparent url('../images/blt-ariane.png') 50% 3px no-repeat;
}


/*******************************************************************************************/
/* TITLE */
/*******************************************************************************************/
#pan-title h1,
#pan-article h1 {
	padding:40px 0 5px 0;
	margin:0;
	display:block;
	clear:both;
	color:#F1121D;
	letter-spacing:0px;
	font:normal 32px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	border-bottom:1px dotted #ccc;
	cursor:default;
}

#pan-news-infos #pan-title {
	line-height:1em;
}
#pan-article .color {
	color:#F1121D;
}
body.solution-titres #pan-title h1,
body.solution-titres #pan-article h1,
body.solution-titres #pan-article .color a,
body.solution-titres #pan-article .color a:hover,
#pan-article .solutions-titres h2 {
	color:#6b184b;
}
body.solution-identite #pan-title h1,
body.solution-identite #pan-article h1,
body.solution-identite #pan-article .color a,
body.solution-identite #pan-article .color a:hover,
body.solution-identite #references,
#pan-article .solutions-identite h2 {
	color:#03566e;
}
body.solution-data #pan-title h1,
body.solution-data #pan-article h1,
body.solution-data #pan-article .color a,
body.solution-data #pan-article .color a:hover,
body.solution-data #references,
#pan-article .solutions-data h2 {
	color:#b5521c;
}
body.solution-flux #pan-title h1,
body.solution-flux #pan-article h1,
body.solution-flux #pan-article .color a,
body.solution-flux #pan-article .color a:hover,
#pan-article .solutions-flux h2 {
	color:#33692e;
}
body.solution-composants #pan-title h1,
body.solution-composants #pan-article h1,
body.solution-composants #pan-article .color a,
body.solution-composants #pan-article .color a:hover,
#pan-article .solutions-composants h2 {
	color:#ac0109;
}

#pan-article .solutions-titres,
#pan-article .solutions-titres .color,
body.solution-titres #pan-article .color,
body.solution-titres #pan-article a.color,
body.solution-titres #pan-article a:hover.color,
#pan-article .solutions-titres h3,
body.solution-titres #pan-article h2 {
	color:#a41066;
}
#pan-article .solutions-identite,
#pan-article .solutions-identite  .color,
body.solution-identite #pan-article .color,
body.solution-identite #pan-article a.color,
body.solution-identite #pan-article a:hover.color,
#pan-article .solutions-identite h3,
body.solution-identite #pan-article h2 {
	color:#018099;
}
#pan-article .solutions-data,
#pan-article .solutions-data .color,
body.solution-data #pan-article .color,
body.solution-data #pan-article a.color,
body.solution-data #pan-article a:hover.color,
#pan-article .solutions-data h3,
body.solution-data #pan-article h2 {
	color:#cc6b1f;
}
#pan-article .solutions-flux,
#pan-article .solutions-flux .color,
body.solution-flux #pan-article .color,
body.solution-flux #pan-article a.color,
body.solution-flux #pan-article a:hover.color,
#pan-article .solutions-flux h3,
body.solution-flux #pan-article h2 {
	color:#7ba13a;
}
#pan-article .solutions-composants,
#pan-article .solutions-composants .color,
body.solution-composants #pan-article .color,
body.solution-composants #pan-article a.color,
body.solution-composants #pan-article a:hover.color,
#pan-article .solutions-composants h3,
body.solution-composants #pan-article h2 {
	color:#e80107;
}

body.solution-titres #pan-article dl.ol dt span {
	color:#d5699c;
}
body.solution-identite #pan-article dl.ol dt span {
	color:#019eb9;
}
body.solution-data #pan-article dl.ol dt span {
	color:#e5a401;
}
body.solution-flux #pan-article dl.ol dt span {
	color:#bec04d;
}
body.solution-composants #pan-article dl.ol dt span {
	color:#ac0109;
}
#pan-article .colorfade {
	color:#fff;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	padding:20px 40px;
	margin:50px auto;
	background:#00213a url("../images/bg-colorfade.png") repeat-x top; /* #003661 #00213a */
}
#pan-article .colorfade h2,
#pan-article .colorfade p,
#pan-article .colorfade ul,
#pan-article .colorfade li,
#pan-article .colorfade a {
	color:#fff !important;
}

body.solution-flux #pan-article .colorfade h2,
body.solution-flux #pan-article .colorfade p,
body.solution-flux #pan-article .colorfade ul,
body.solution-flux #pan-article .colorfade li,
body.solution-flux #pan-article .colorfade a,
body.solution-data #pan-article .colorfade h2,
body.solution-data #pan-article .colorfade p,
body.solution-data #pan-article .colorfade ul,
body.solution-data #pan-article .colorfade li,
body.solution-data #pan-article .colorfade a {
	color:#000 !important;
}
#pan-article .colorfade ul,
#pan-article .colorfade ol {
    padding: 0 0 0 15px;
}
#pan-article .colorfade h2 {
	margin:0;
}
body.solution-titres #pan-article .colorfade {
	background:#e40276 url("../images/bg-colorfade-titres.png") repeat-x top;/* #7a1b4d #e40276 */
}
body.solution-identite #pan-article .colorfade {
	background:#44b8d8 url("../images/bg-colorfade-identite.png") repeat-x top;/* #0797af #44b8d8 */
}
body.solution-data #pan-article .colorfade {
	background:#fedb00 url("../images/bg-colorfade-data.png") repeat-x top;/* #d47000 #fedb00 */
}
body.solution-flux #pan-article .colorfade {
	background:#dcd628 url("../images/bg-colorfade-flux.png") repeat-x top;/* #89a428 #dcd628 */
}
body.solution-composants #pan-article .colorfade {
	background:#ac0109 url("../images/bg-colorfade-composants.png") repeat-x top;/* #e80107 #ac0109 */
}

/*******************************************************************************************/
/* Pan title */
/*******************************************************************************************/
#pan-une h1,
#pan-edito h1,
#pan-news h1,
#pan-webtv h1,
#pan-products h1 {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	display:block;
	clear:both;
	color:#637077;
	letter-spacing:0px;
	font:normal 32px "avenir_lt_35", Helvetica, Arial, sans-serif;
	border-bottom:1px dotted #ccc;
	position:relative;
}
#pan-une h1,
#pan-edito h1,
#pan-products h1 {
	color:#F1121D;
}
#pan-news h1 a,
#pan-webtv h1 a {
	color:#637077;
	text-decoration:none;
	cursor:pointer;
}
#pan-webtv a#youtube {
	display:block;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:30px 71px 0 0;
	width:0;
	height:0;
	background:transparent url('../images/logo_youtube.png') 0 0 no-repeat;
	float:left;
}



/*******************************************************************************************/
/* Bloc Produit Discover */
/*******************************************************************************************/
.pan-discover {
	margin:80px 0 20px 0;
	border:1px solid #d4d4d4;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	padding:20px 35px;
}
.pan-discover h2 {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	display:block;
	clear:both;
	color:#000;
	letter-spacing:0px;
	font:normal 36px "avenir_lt_35", Helvetica, Arial, sans-serif !important;
	border-bottom:1px dotted #ccc;
	position:relative;
}
.pan-discover .half {
	width:100%;
	background:transparent url('../images/bg-dotted-half.png') 50% 0 repeat-y;
	margin:30px 0;
}
.pan-discover .mini {
	width:272px;
	float:left;
	padding: 0 0 50px 0;
}
.pan-discover .mini h2 {
	margin-top:0;
	border:none;
	font-size:22px !important;
}
.pan-discover .mini .linkmore {
	padding:0;
}
.pan-discover .left {
	float:left;
}
.pan-discover .right {
	float:right;
}
.pan-discover .mini img {
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	margin:5px 0 0 0;
	width:270px;
}
.pan-discover hr {
	margin:20px auto 40px auto !important;
}
#pan-article .half .over {
	cursor:pointer;
}
#pan-article .half .over * {
	color:#277ABE;
	text-decoration:none;
}



/*******************************************************************************************/
/* Bloc Mini */
/*******************************************************************************************/
.blocs_mini {
	margin:50px auto;
}
.blocs_mini .mini {
	width:210px;
	height:180px;
	float:left;
	text-align:center;
	font:normal 14px "avenir_lt_35", Helvetica, Arial, sans-serif !important;
}
.blocs_mini .mini img {
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	margin:0 auto 10px auto;
	width:160px;
	display:block;
	clear:both;
	box-shadow:				0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}



/*******************************************************************************************/
/* Bloc Prods */
/*******************************************************************************************/
.blocs_prods {
	margin:50px auto;
}
.blocs_prods .prod {
	position:relative;
	padding:0 0 0 170px;
}
.blocs_prods .prod h2 a {
	color:#000 !important;
	text-decoration:none;
	*height:1%;
}
.blocs_prods .prod h2 a:hover {
	text-decoration:underline;
}
.blocs_prods .prod img {
	float:left;
	margin-left:-170px;
}
.blocs_prods .mini img {
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	margin:0 auto 10px auto;
	width:160px;
	display:block;
	clear:both;
	box-shadow:				0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}



/*******************************************************************************************/
/* Bloc Numbers */
/*******************************************************************************************/
.blocs_numbers {
	margin:10px auto;
	text-align:center;
}
.blocs_numbers .row {
	padding:15px 0;
	text-align:center;
	margin:0 auto;
}
.blocs_numbers .nbNumb_3 {
	width:550px;
}
.blocs_numbers .nbNumb_2 {
	width:350px;
}
.blocs_numbers .numb {
	position:relative;
	float:left;
	width:150px;
	padding:0 50px 0 0;
}
.blocs_numbers div.first {
	padding-left:0;
}
.blocs_numbers div.last {
	padding-right:0;
}
.blocs_numbers .numb_bg {
	background-color:#eef0f2;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	padding:10px 5px 5px 5px;
	height:170px;
}
.blocs_numbers .numb_bg img {
}
.blocs_numbers .numb_bg .color {
	/*font:16px "avenir_lt_35",Helvetica,Arial,sans-serif;*/
	font:bold 20px Segoe UI Light, Segoe UI, Tahoma, sans-serif;
	line-height:1em;
	cursor:default;
	padding-bottom:5px;
}
#pan-article .blocs_numbers .numb_bg .note {
	padding:0;
	margin:0;
	font-size:14px;
	line-height:15px;
	cursor:default;
}
#pan-article .blocs_numbers .numb_bg .note acronym {
	color:#555;
	font-weight:bold;
	text-decoration:none;
	border:none;
	cursor:default;
}
#pan-article .blocs_numbers .numb_bg .note .small {
	font-size:0.8em;
	display:block;
	clear:both;
}

/*******************************************************************************************/
/* References */
/*******************************************************************************************/
.ref_trans span.ref_ico,
.ref_int span.ref_ico,
.ref_san span.ref_ico,
.ref_edu span.ref_ico {
	width:50px;
	height:32px;
	overflow: hidden;
	display:block;
	background:transparent url('../images/ref-ico.png') 0 0 no-repeat;
	float:left;
	margin:-5px 10px 0 0;
}
body.solution-identite .ref_trans span.ref_ico 	{background-position:0 0;}
body.solution-identite .ref_int span.ref_ico 	{background-position:0 -32px;}
body.solution-identite .ref_san span.ref_ico 	{background-position:0 -64px;}
body.solution-identite .ref_edu span.ref_ico 	{background-position:0 -96px;}
body.solution-data .ref_trans span.ref_ico 		{background-position:-50px 0;}
body.solution-data .ref_int span.ref_ico 		{background-position:-50px -32px;}
body.solution-data .ref_san span.ref_ico 		{background-position:-50px -64px;}
body.solution-data .ref_edu span.ref_ico 		{background-position:-50px -96px;}
#pan-article #references h3 {
	font-weight:bold;
}
#pan-article #references h3,
#pan-article #references p,
#pan-article #references li {
	margin-bottom: 0;
}
#pan-article #references ul {
	padding-left:20px;
}
#pan-article #references li {
	padding: 0;
	margin: 0;
}

/*******************************************************************************************/
/* Fact home bloc */
/*******************************************************************************************/
#pan-news {
	width:272px;
	padding:15px;
	background-color:#f1f2f3;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	position:relative;
	font-size:1.5em;
}
div.news {
	padding-left:60px;
	position:relative;
	border-bottom:1px dotted #a8a9aa;
}
#pan-facts .photo,
#pan-news .photo {
	position:absolute;
	top:15px;
	left:-60px;
	width:50px;
	height:50px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	box-shadow: 			0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
#pan-facts .photo {
	top:18px;
}
#pan-facts div.news a,
#pan-article div.news a {
	padding:15px 0;
	margin:0;
	min-height:50px;
	line-height:16px;
	display:block;
	color:#000 ;
	text-decoration:none;
	position:relative;
}
#pan-facts div.news a:hover,
#pan-article div.news a:hover {
	color:#4589B4;
}
#pan-news div.news a:hover .photo {
}
#pan-facts span.info,
#pan-news span.info {
	display:block;
	color:#888;
	font-size:0.8em;
	font-style:italic;
	padding:0 0 5px 0;
}
.linkmore {
	padding:15px 0 10px 0;
	text-align:right;
}
.linkmore .bt {
	font-size:15px;
}
.linkmore .bullet {
	padding:7px 15px 0 0;
	height:0;
	width:0;
	font-size:0;
	background:transparent url('../images/blt-facts.png') 100% 50% no-repeat;
}
#pan-products .mini .linkmore a {
	padding-bottom:3px;
	display:inline-block;
}



/*******************************************************************************************/
/* Fact page */
/*******************************************************************************************/
#pan-news-infos {
	min-height:100px;
	margin:50px 0 25px 0;
	padding-left:130px;
	position:relative;
	text-align:left;
}
#pan-news-infos .photo {
	position:absolute;
	width:100px;
	height:100px;
	left:0px;
	top:0px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	box-shadow:				0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
.ie78 #pan-news-infos .photo {
	border:1px solid #ccc;
}
#pan-news-infos .infos {
	color:#888;
	font-style:italic;
	font-size:14px;
	padding-bottom:20px;
}
#pan-news-infos span.media,
#pan-news-infos span.date {
	padding:0;
}
#pan-news-infos #pan-title {
	display:inline;
	font-size:24px;
	font-weight:bold;
	border:none;
}
.addon {
}
.addon .pan-internal,
.addon .pan-external {
	width:305px;
	padding:10px 40px 0 0;
	display:block;
	float:left;
}
.addon .pan-external {
	padding-right:0;
}
.addon .pan-internal span.title,
.addon .pan-external span.title {
	display:block;
	background:#eceeef url('../images/nrm-title-internal.png') 10px 50% no-repeat;
    width:255px;
	padding:10px 10px 10px 40px;
	color:#7d7e82;
	letter-spacing:0px;
	text-shadow: 1px 1px 1px #fff;
	font:normal 14px "Calibri", Verdana, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
.addon .pan-external span.title {
	background-image:url('../images/nrm-title-external.png');
}
#side-other ul,
.addon ul {
	list-style-image : none;
	padding:10px;
	margin:0;
}
#side-other ul {
	padding:10px 0;
}
#side-other ul li,
.addon ul li {
	/*border-bottom:1px dotted #7d7e82;*/
	list-style:none;
	margin:0 0px !important;
	padding:5px;
	/*background:transparent url('../images/bg-dotted.png') 0 100% repeat-x;*/
	border-bottom: 1px dotted #CCCCCC;
	overflow:hidden;
	font:normal 12px Arial, Verdana, sans-serif;
}
#side-other ul li a,
.addon ul li a {
	display:block;
	padding:2px;
	padding-left:20px !important;
	color: #637077;
	font:normal 12px calibri,Arial,sans-serif;
	text-decoration: none;
}
#side-other ul li a:hover,
.addon ul li a:hover {
	color:#E1162A;
}



/*******************************************************************************************/
/* Webtv home bloc */
/*******************************************************************************************/
#pan-webtv {
	margin:60px 0 0 0;
	width:272px;
	padding:15px;
	background-color:#f1f2f3;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	position:relative;
	font-size:1.4em;
}
#webtvHomeList {
}
#webtvHomeList,
#webtvList {
	padding:15px 0 0 0;
	/*background:transparent url('../photos/demo-youtube.jpg') 50% 50% no-repeat;*/
}
.video .thumb {
	position:absolute;
	top:0px;
	left:0px;
}
.video img {
	margin:15px 0 0 0;
	color:#a8a9aa;
	width:320px;
	height:180px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#webtvHomeList .video img,
#pan-videos .video img {
	width:120px;
	height:68px;
}
#webtvList .video img {
	margin:0;
}
.video .time {
	color:#fff;
	background-color:#000;
	padding:4px 7px 5px 7px;
	right:0;
	bottom:0;
	border-radius:			5px 0 5px 0;
	-moz-border-radius:		5px 0 5px 0;
	-webkit-border-radius:	5px 0 5px 0;
	-khtml-border-radius:	5px 0 5px 0;
	position:absolute;
	font-size:14px;
	line-height:12px;
}
.video {
	padding:15px 0 15px 330px;
	display:block;
	position:relative;
	cursor:pointer;
	min-height:180px;
}
#webtvHomeList .video,
#pan-videos .video {
	padding-left:130px;
	min-height:70px;
	border-bottom:1px dotted #a8a9aa;
}
#webtvList .video {
	padding:0 0 80px 350px;
}
.loading .video .load {
	z-index:10;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	background:#fff url('../images/as-preloader.gif') 50% 50% no-repeat;
}
#pan-article #webtvList h3 {
	margin-top:0;
}
#pan-article #webtvHomeList p,
#pan-videos p {
	padding:0 0 10px 0;
	margin:0;
	position:relative;
	font-size:14px;
	line-height:16px;
	display:block;
	color:#000;
	text-decoration:none;
}
#pan-article #webtvList p span.date,
#pan-videos p span.date {
	font-size:0.8em;
}
#webtvHomeList div.over,
#webtvHomeList div.over p,
#pan-videos div.over,
#pan-videos div.over p,
#webtvList div.over,
#webtvList div.over p {
	color:#4589B4 !important;
}


#pan-modalcontent {
	position:fixed;
	top:0;
	left:0;
	z-index:151;
	width:auto;
	height:auto;
	display:none;
}
#pan-modalcontent iframe {
	width:640px;
	height:360px;
}
#pan-modalcontent video,
#pan-modalcontent video object {
	width:560px;
	height:315px;
	background-color:#000;
}
#pan-modalcontent iframe,
#pan-modalcontent video {
	box-shadow:				0px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:		0px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:		0px 5px 5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:			0px 5px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow:			0px 5px 5px rgba(0, 0, 0, 0.5);
}

/* Button video with fade */
.bt-play {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:150px;
	line-height:150px;
	text-align:center;
	background-color: rgba(0,0,0,0.2);
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	box-shadow:				0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
.bt-play span {
	line-height:150px;
	width:90px;
	text-align:left;
	font-size:80px;
	color:#fff;
	display:inline;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	transition:				color 0.1s;
	-webkit-transition: 	color 0.1s;
	-moz-border-radius: 	color 0.1s;
	-ms-border-radius:		color 0.1s;
	-o-border-radius:		color 0.1s;
}
.bt-play-over {
	background-color: rgba(0,0,0,0);
	transition:				background-color 0.5s;
	-webkit-transition: 	background-color 0.5s;
	-moz-border-radius: 	background-color 0.5s;
	-ms-border-radius:		background-color 0.5s;
	-o-border-radius:		background-color 0.5s;
}
.bt-play-over span {
	color:#ec192a;
}

/*******************************************************************************************/
/* FACTS */
/*******************************************************************************************/
#panFactSelector {
	border:1px solid #d9d9d9;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	position:relative;
	padding:15px 0;
	margin:20px 0 40px 0;
	background-color: #FAFAFB;
	box-shadow:				0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:		0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:		0 1px 3px rgba(0,0,0,0.1);
	-ms-box-shadow:			0 1px 3px rgba(0,0,0,0.1);
	-o-box-shadow:			0 1px 3px rgba(0,0,0,0.1);
}
#panFactSelector div.factFilter {
	width:156px;
	padding:0 30px;
	float:left;
	border-right:1px dotted #ccc;
}
#panFactSelector div.factMedia {
	border:none;
}
#panFactSelector div.factFilter h2 {
	font-size:20px;
	margin-top:0;
}
#panFactSelector div.on h2 {
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
}
#panFactSelector div.factFilter select {
	width:156px;
	font-size:14px;
}
#panFactSelector div.on option.on {
	font-weight:bold;
}

#factList {
	position:relative;
}
#factList.load {
	background:transparent url('../images/as-preloader.gif') 50% 50% no-repeat;
	background-color: #FAFAFB;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	min-height:120px;
	box-shadow:				inset 0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:		inset 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:		inset 0 1px 3px rgba(0,0,0,0.1);
	-ms-box-shadow:			inset 0 1px 3px rgba(0,0,0,0.1);
	-o-box-shadow:			inset 0 1px 3px rgba(0,0,0,0.1);
}
#factList div.fact {
	position:relative;
	display:block;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	margin:15px 0;
	padding:15px 30px 5px 160px;
	text-decoration:none;
	min-height:120px;
}
#factList .over {
	background-color:		#f1f2f3;
	cursor:pointer;
    transition:				all 0.1s ease-in;
    -webkit-transition:		all 0.1s ease-in;
    -moz-transition:		all 0.1s ease-in;
    -ms-transition:			all 0.1s ease-in;
    -o-transition:			all 0.1s ease-in;
}
#factList .date {
	margin:0;
}
#factList .media {
	margin:0;
}
#factList .photo {
	position:absolute;
	color:#a8a9aa;
	width:100px;
	height:100px;
	left:20px;
	box-shadow: 			0 1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 5px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 5px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 5px rgba(0,0,0,0.2);
}
.ie78 #factList .photo {
	box-shadow:none;
	border:1px solid #ccc;
}
#factList div.fact h3 {
	margin:10px 0 0px 0;
	/*
	color: #000;
	font:normal 16px "avenir_lt_35",Arial,sans-serif;
	clear:both;
	*/
}
#pan-article #factList hr {
	margin:10px auto 20px auto;
}
#factList a {
	float:left;
	clear:right;
	padding:0 0 20px 0;
}
#factList #factLoadMore {
	display:block;
	text-align:center;
	font:normal 20px "avenir_lt_35", Helvetica, Arial, sans-serif;
	border:1px solid #d9d9d9;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	background-color: #FAFAFB;
	padding:15px 0;
	margin:40px 0;
	width:100%;
}
#factList #factLoadMore:hover {
	background-color: #fff;
}
.factNav {
	display:block;
	clear:both;
	font:normal 13px calibri, "avenir_lt_35", Helvetica, Arial, sans-serif;
	margin:40px auto 40px auto;
	border:1px solid #d9d9d9;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	background:#FAFAFB url('../images/bg-dotted-half.png') 50% 50% repeat-y;
}
.factNavTop,
.factNavBottom {
}
.factNav .factPrev,
.factNav .factNext {
	width:320px;
}
.factPrev {
	float:left;
}
.factNext {
	float:right;
	text-align:right;
}
.factNav .factPrev a,
.factNav .factNext a {
	display:block;
	position:relative;
	padding:10px 25px;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
	text-decoration:none;
	color:#637077;
	min-height:60px;
}
.factNav .factPrev a {
	padding-left:90px;
	background:transparent url('../images/btFactNavPrev.png') 0 33px no-repeat;
}
.factNav .factNext a {
	padding-right:90px;
	background:transparent url('../images/btFactNavNext.png') 100% 33px no-repeat;
}
.factNav .factPrev a:hover,
.factNav .factNext a:hover {
	color:#4589B4;
	background-image:url('../images/btFactNavPrevOver.png');
}
.factNav .factNext a:hover {
	background-image:url('../images/btFactNavNextOver.png');
}
.factNav .photo {
	position:absolute;
	color:#a8a9aa;
	width:50px;
	height:50px;
	top:13px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	box-shadow: 			0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	border:1px solid #eee;
}
.ie78 .factNav .photo {
	box-shadow:none;
	border:1px solid #ccc;
}
.factNav .factPrev .photo {
	left:27px;
}
.factNav .factNext .photo {
	right:27px
}
/*
.load {
	border:1px solid red;
	width:100%;
	height:100;
}
#factList a {
	border-bottom:1px dotted #a8a9aa;
	padding:15px 0;
	margin:10px 0;
	line-height:16px;
	display:block;
	font-size:13px;
	color:#000 ;
	text-decoration:none;
	position:relative;
}
#factList a:hover {
	color:#4589B4;
}
#factList a:hover .photo {
	border-color:#4589B4;
}
*/


/*******************************************************************************************/
/* VIDEOS and FACT debug */
/*******************************************************************************************/
.showDebug {
	float:left;
	position:absolute;
	z-index:10;
	font: normal 20px courier;
	color:#fff;
	background-color: rgba(255,0,0,0.8);
	padding:2px 7px 3px 7px;
	width:106px;
	text-align:center;
	border-radius:			3px 3px 0 0;
	-moz-border-radius:		3px 3px 0 0;
	-webkit-border-radius:	3px 3px 0 0;
	-khtml-border-radius:	3px 3px 0 0;
}
#webtvList .showDebug {
	width:auto;
	padding:2px 15px 3px 15px;
	border-radius:			3px 0 3px 0;
	-moz-border-radius:		3px 0 3px 0;
	-webkit-border-radius:	3px 0 3px 0;
	-khtml-border-radius:	3px 0 3px 0;
}
.news .showDebug,
#side-other .showDebug,
#webtvHomeList .showDebug {
	font-size:14px;
	margin-top:15px;
}
.news .showDebug,
.micro .showDebug {
	margin:20px 0 0 -60px;
	width:36px;
}
.headline .showDebug,
#pan-news-infos .showDebug,
#factList .showDebug,
.prod .showDebug {
	width:auto;
	padding:2px 15px 3px 15px;
	right:0;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}

.micro .showDebug {
	margin:20px 0 0 -85px;
	width:62px;
}

/*******************************************************************************************/
/* MARQUES */
/*******************************************************************************************/
#pan-article .marques {
	margin:0;
	padding:0;
	display:block;
}
#pan-article .marques li {
	position:relative;
	width:197px;
	height:120px;
	float:left;
	list-style:none;
	background:transparent url('../images/bg-dotted-half.png') 100% 0 repeat-y;
	margin:0;
	padding:0 10px 70px 10px;
	text-align:center;
}
#pan-article .marques li strong {
	display:block;
	color:#000;
	font-size:18px;
	padding:5px 0;
}
#pan-article .marques li p {
	margin:0;
}
#pan-article .marques li.first {
}
#pan-article .marques li.last {
	background:transparent none;
}
#pan-article .marques li img {
	width:190px;
	clear:both;
	position:absolute;
	bottom:10px;
	left:12px;
}


/*******************************************************************************************/
/* Footer */
/*******************************************************************************************/
#pan-footer {
	background:#000e1a url('../images/bg-footer.png') 0 0 repeat-x;
	margin-top:80px;
	clear:both;
}
#pan-body {
	background:#fff url('../images/bg-body-footer.png') 50% 100% no-repeat;
	padding-bottom:45px;
	display:block;
	min-height:550px;
}
footer {
	position:relative;
	padding:30px 0;
	/*background:#fff url('../photos/demo-footer.jpg') 50% 0 no-repeat;*/
	height:600px;
}
#pan-footer .layout-1-4,
#pan-footer .layout-2-4,
#pan-footer .layout-3-4,
#pan-footer .layout-4-4 {
	width:202px;
	height:570px;
	padding:0 0 30px 20px;
	display:block;
	float:left;
	border:1px solid #295170;
}
#pan-footer .layout-1-4,
#pan-footer .layout-4-4 {		width:202px;}

#pan-footer .layout-2-4 {		width:222px;}
#pan-footer .layout-3-4 {
	padding-top:30px;
	width:262px;
}

.en #pan-footer .layout-2-4 {	width:182px;}
.en #pan-footer .layout-3-4 {	width:302px;}

#pan-footer p,
#pan-footer a {
	font:normal 14px calibri, Arial, sans-serif;
	color:#fff;
}

#pan-footer .layout-1-4 {	border-style:none none none solid;	}
#pan-footer .layout-2-4 {	border-style:none none none solid;	}
#pan-footer .layout-3-4 {	border-style:none solid none none;	}
#pan-footer .layout-4-4 {	border-style:none solid none none;	}
#pan-footer h2 {
	color:#E1162A;
	font:normal 22px calibri, Arial, sans-serif;
	margin:40px 0 10px 0;
}
#pan-sitemap h2,
#pan-sitemap-products h2,
#pan-cgv h2,
#pan-contact h2,
#pan-qrcode-help h2 {
	margin-top:0;
}
#pan-sitemap h2 {
	margin-bottom:0;
}
#pan-footer nav {
	margin-top:-9px;
}
#pan-footer .bt-contact a.bt,
#pan-footer .bt-job a.bt {
	clear:both;
	display:inline-block;
	margin-top:25px;
	padding:7px 20px;
	font:normal 14px "avenir_lt_35", calibri, Helvetica, Arial, sans-serif;
	color:#fff;
	text-shadow: 0 0 2px #960f1a;
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #c6c8c9;
	border-color:#f35767 #960f1a #960f1a #f35767;
	border-radius:			3px;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	-ms-border-radius:		3px;
	-o-border-radius:		3px;
	background-color:#ec192a;
	background-image:linear-gradient(#f82d3a, #e20c0f);
	background-image:-webkit-gradient(linear, #f82d3a, #e20c0f);
	background-image:-moz-linear-gradient(#f82d3a, #e20c0f);
	background-image:-ms-linear-gradient(#f82d3a, #e20c0f);
	background-image:-o-linear-gradient(#f82d3a, #e20c0f);
}
.tactile #pan-footer .linkmore a.bt {
	text-shadow: 0 0 1px #960f1a;
}
#pan-footer .linkmore {
	text-align: left;
	padding:0;
}
#pan-footer .bt-contact a.bt,
#pan-footer .bt-job a.bt {
	width:160px;
	padding:10px;
	text-align:center;
}
#pan-footer .bt-contact a.bt {
	font-size: 14px;
}
#pan-footer .bt-contact a.bt:hover {
	border-color:#960f1a #f35767 #f35767 #960f1a;
	background-color:#ec192a;
}
#pan-footer .bt-job a.bt {
	padding:5px 10px;
	font-size: 14px;
	text-shadow: 0 0 2px #494949;
	border-color:#acacac #494949 #494949 #acacac;
	background-color:#808080;
	background-image:linear-gradient(#8f8f8f, #737373);
	background-image:-webkit-gradient(linear, #8f8f8f, #737373);
	background-image:-moz-linear-gradient(#8f8f8f, #737373);
	background-image:-ms-linear-gradient(#8f8f8f, #737373);
	background-image:-o-linear-gradient(#8f8f8f, #737373);
}
#pan-footer .bt-job a.bt:hover {
	border-color:#494949 #acacac #acacac #494949;
	background-color:#808080;
}
#pan-footer a.bullet {
	display:none;
}
#pan-sitemap .deep_2 {
	padding-top:20px;
}
#pan-sitemap-products .deep_2 {
	padding-top:10px;
}
#pan-sitemap-products .deep_2 a,
#pan-sitemap .deep_2 a {
	text-decoration:none;
}
#pan-sitemap-products .deep_2 .deep_3 a,
#pan-sitemap .deep_2 .deep_3 a {
	text-decoration:none;
	color:#a3adb8;
	font-size:1.2em;
}
#pan-sitemap-products .deep_2 .deep_3 a b,
#pan-sitemap .deep_2 .deep_3 a b {
	display:inline;
	font-size:0.7em;
	padding:0 7px 0 0;
}
#pan-sitemap-products .deep_2 .deep_3 a i,
#pan-sitemap .deep_2 .deep_3 a i {
	font-size:0.9em;
	padding:0 0 0 3px;
}
#pan-sitemap-products .deep_2 a.on,
#pan-sitemap .deep_2 a.on {
	color:#4589B4;
}
#pan-sitemap-products .deep_2 a.under,
#pan-sitemap .deep_2 a.under {
}
#pan-sitemap-products a.link-sitemap,
#pan-sitemap a.link-sitemap {
	margin:20px 0 0 0;
	display:block;
}

#pan-footer #pan-websites .linkmore {
	background:transparent none;
	float:left;
}
#pan-footer #pan-websites .linkmore a.bt {
	font-size:1.5em;
	color: #fff;
	text-decoration:none;
}
#pan-footer #pan-websites .linkmore a.bt:hover { 
	color:#E1162A;
}
#pan-footer #pan-websites .bt-facebook a.bt,
#pan-footer #pan-websites .bt-linkedin a.bt,
#pan-footer #pan-websites .bt-googleplus a.bt,
#pan-footer #pan-websites .bt-youtube a.bt {
	display:block;
	background:transparent url('../images/bt-social-link.png') 0 0 no-repeat;
	width:0;
	height:0;
	padding:36px 0 0 36px;
	margin:-2px 8px 10px 0;
	overflow:hidden;
}
#pan-footer #pan-websites .bt-facebook a.bt:hover,
#pan-footer #pan-websites .bt-linkedin a.bt:hover,
#pan-footer #pan-websites .bt-googleplus a.bt:hover,
#pan-footer #pan-websites .bt-youtube a.bt:hover {
	opacity:0.6;
}

#pan-footer #pan-websites .bt-linkedin a.bt {
	background-position:-36px 0;
}
#pan-footer #pan-websites .bt-googleplus a.bt {
	background-position:-72px 0;
}
#pan-footer #pan-websites .bt-youtube a.bt {
	background-position:-108px 0;
}
#pan-footer #pan-websites .bt-ebusiness,
#pan-footer #pan-websites .bt-chronoservices {
	clear:both;
}
#pan-footer #pan-websites .bt-ebusiness a.bt::before,
#pan-footer #pan-websites .bt-chronoservices a.bt::before { 
	content: "• \00A0";
}

#pan-lang a {
	padding:2px 30px 2px 30px !important;
	display:block;
	text-decoration:none;
}
#pan-lang a#lg_fr {
	background:transparent url('../images/flag_fr.png') 0 50% no-repeat;
}
#pan-lang a#lg_en {
	background:transparent url('../images/flag_en.png') 0 50% no-repeat;
}
#pan-lang a.on {
	color:#4589B4;
}

#pan-cgv p {
	padding:0 0 15px 0;
}
.ico_cgv {
	padding:2px 0 2px 30px !important;
	background:transparent url('../images/ico_cgv.png') 0 50% no-repeat;
}

#pan-credit p {
	padding:0;
	margin:0;
}
#pan-credit ul {
	margin:0;
	padding-left:15px;
	font-size:12px;
}
#pan-credit li,
#pan-credit li a {
	text-decoration:none;
	color:#a3adb8;
	padding:10px 0 0 0;
}

/*******************************************************************************************/
/* SHOP */
/*******************************************************************************************/
#pan-article div.shop {
	position:relative;
	padding:0 0 50px 250px;
	margin:50px 0 70px 0;
	display:block;
	height:auto;
	clear:both;
	border-bottom:1px dotted #ccc;
	*height:1%;
}
#pan-article div.shop img {
	float:left;
	top:2px;
	left:0;
	width:200px;
	margin:5px 50px 0px -250px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	box-shadow:				0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:		0 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:			0 1px 2px rgba(0,0,0,0.2);
}
#pan-article div.shop ul {
	padding-left:0;
}
#pan-article div.shop p.author {
	font-style:italic;
	color:#333355;
}
#pan-article div.shop p.desc {
	color:#333355;
}
#pan-article div.shop .tech {
	color:#637077;
	font:normal 16px calibri, Arial, sans-serif;
	padding-left:20px;
	border-left:2px solid #E2E2E2;
	line-height:26px;
	margin:20px 0;
}
#pan-article div.shop .tech ul {
	padding-left:15px;
}
#pan-article div.shop .price {
	display:inline-block;
	font-weight:bold;
	padding:5px 10px;
	margin:10px 0;
	border:2px solid #E2E2E2;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}
/*
#pan-article a {
	color:#4589b4;
}
#pan-article cite {
	line-height:26px;
	font-style:italic;
	font-size:17px;
	color:#3C4B54;
	padding-left:20px;
	border-left:2px solid #E2E2E2;
	display:block;
}
*/

/*******************************************************************************************/
/* SHOP NOIMG */
/*******************************************************************************************/
#pan-article div.shop.noimg  {
	padding-left: 0;
}
#pan-article div.shop h3 {
	margin-bottom: 10px;
	/*border:1px solid red;*/
}
#pan-article div.shop.noimg dl {
	border-left: 2px solid #E2E2E2;
	margin-left: 0;
	padding:10px 0;
	width:45% !important;
	display:inline-table;
}
#pan-article div.shop.noimg dt {
	/*border:1px solid pink;*/
	width: 80px;
}
#pan-article div.shop.noimg dd {
	/*border:1px solid green;*/
	display: block;
	margin: 0px;
}

/*******************************************************************************************/
/* BACK TO TOP */
/*******************************************************************************************/
#back2Top {
	cursor:pointer;
	position:absolute;
	left:0;
	bottom:0;
	display:none;
	z-index:100;
	border:1px solid #d2d5d6;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
	background:#e2e5e6 url('../images/blt-top.png') 50% 50% no-repeat;
	color:#000;
	font-size:1.5em;
	font-family:"trebuchet MS",monospace;
	padding:15px;
	box-shadow:				0px 5px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:		0px 5px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:		0px 5px 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:			0px 5px 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:			0px 5px 3px rgba(0, 0, 0, 0.3);
}
#back2Top.over {
	border:1px solid #b7bcbe;
	background-color:#fff;
	box-shadow:				0px 3px 2px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:		0px 3px 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:		0px 3px 2px rgba(0, 0, 0, 0.8);
	-ms-box-shadow:			0px 3px 2px rgba(0, 0, 0, 0.8);
	-o-box-shadow:			0px 3px 2px rgba(0, 0, 0, 0.8);
}



/*******************************************************************************************/
/* QRCode */
/*******************************************************************************************/
#pan-qrcode #qrcode {
	padding:5px;
	background-color:#fff;
	width:230px;
	height:2030px;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}
#pan-qrcode #qrcode img {
	width:225px;
	height:225px;
}
#pan-footer .layout-4-4 #pan-qrcode #qrcode,
#pan-footer .layout-4-4 #pan-qrcode #qrcode img {
	width:140px;
	height:140px;
}
#pan-qrcode p {
	text-decoration:none;
	color:#a3adb8;
	font-size:1.2em;
}
#pan-sitemap a:hover,
#pan-sitemap-products a:hover,
#pan-lang a:hover,
#pan-cgv a:hover,
#pan-cgv a:hover li {
	color:#E1162A !important;
}
#pan-qrcode.over #qrcode {
	cursor:pointer;
	padding:0;
	border:5px solid #277ABE;
	border-radius:			5px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	-khtml-border-radius:	5px;
}
#pan-qrcode-help {
	position:absolute;
	width:569px;
	height:580px;
	padding:0 40px 20px 40px;
	display:none;
	top:30px;
	left:0;
	border:1px solid #295170;
	border-style:none solid none solid;
	/*background-color:#000;*/
	background:#000e1a url('../images/bg-footer.png') 0 -30px repeat-x;
}
#pan-footer .layout-1-4 #pan-qrcode-help {
	width:687px;
	padding:0 30px 20px 30px;
}
#pan-qrcode-help h1 {
	padding:0 0 5px 0;
	margin:0 0 30px 0;
	display:block;
	clear:both;
	color:#F1121D;
	letter-spacing:0px;
	font:normal 24px "avenir_lt_35", Helvetica, Arial, sans-serif;
	border-bottom:1px dotted #295170;
}
#pan-qrcode-help .step {
	clear:both;
	height:160px;
}
#pan-qrcode-help h2 {
	color:#fff;
}
#pan-qrcode-help h2 span {
	padding:2px 10px;
	margin:0 15px 10px 0;
	color:#000e1a;
	background-color:#fff;
	border-radius:			15px;
	-moz-border-radius:		15px;
	-webkit-border-radius:	15px;
	-khtml-border-radius:	15px;
}
#pan-qrcode-help .demo {
	clear:right;
	float:right;
	width:200px;
	height:135px;
	overflow:hidden;
	display:block;
	margin:0 0 0 15px;
	background:transparent url('../images/qrc-show.jpg') 0 0 no-repeat;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-khtml-border-radius:	3px;
}