/* CSR Updated may2011 */

body { font-size: 1.5em; }
h1 { width:702px; }
td { text-align: left; }
.footer { font-size: 0.4em; }
.mainOrange { text-align: left; }
.mainRed { text-align: left; }
.mainGreen { text-align: left; }
.mainPink { text-align: left; }
.mainDarkGreen { text-align: left; }
.mainBlue { text-align: left; }
.mainBlueSmall { text-align: left; }
#situation { margin: 0; font-size: 10px; }
h2 { margin: 0; font-size: 12px; }
#content { width: 702px; float: left; font-size: 1em; }
#content p.main_intro_text { font-size: 14px; }
#content p { font-size: 11px; margin: 11px 0px; }
#content p.bigMe { font-size: 16px; }
/* TITRES CONTENU */

h3 { line-height: 24px; margin: 2px 0; font-size: 1em; }
h3.colorMe { padding-top: 0px !important; padding-top: 6px; padding-left: 20px; height: 16px; }
/* LISTES DE LIENS CONTENU */
#subLinkList { font-size: 11px; }
/* CITATION CONTENU */
div#colContent1 { float: left; }
div#colContent2 { float: right; }
#content .boxContent { width: 344px; border:1px solid #DDDDDD; background-color:#F4F4F4; }
#content .boxContent { margin: 20px 5px 0px 0px; }
#content .boxContent h4 { color:#000000; font-size:12px; margin:0; padding:7px 0px 8px; margin-left: 7px; }
#content .boxContent p { margin: 13px 7px; }
#content .boxContentBig { width: 702px; border:1px solid #DDDDDD; background-color:#F4F4F4; }
#content .boxContentBig { margin: 20px 5px 0px 0px; }
#content .boxContentBig h4 { color:#000000; font-size:12px; margin:0; padding:7px 0px 8px; margin-left: 7px; }
#content .boxContentBig p { margin: 13px 7px; }
/* COLONNE */
#column { width: 221px; font-size: 11px; line-height: 14px; margin-left: 15px; }
#column #linkList { padding: 0; margin: 0; margin-bottom: 5px; list-style: none; font-size: 1.2em; }
#column #linkList li { background: url('../img/arrowBlack.png') top left no-repeat; height: 20px; padding-left: 20px; }
#column #linkList a { color: #000; text-decoration: none; }
#column h6 { line-height: 20px; font-size: 1em; }
#column .box h6 { font-size: 12px; }
.greyBox { padding: 5px; margin: 5px 0; background: #ECEDED; }
.greyBox h6 { margin: 0; color: #6E6C6F; }
.greyBox p { color: #9B9D9E; margin: 0; }
div.mainLink { padding-bottom: 10px; }
ul#quicklinks { padding: 0; margin: 2px 0; list-style: none; }
ul#quicklinks li { background: url('../img/arrowGrey.png') top left no-repeat; line-height: 16px; text-indent: 18px; margin: 5px 0px; }
li.accbullet { background-position: 2px 6px; }
.box { padding: 5px; margin: 5px 0; }
/*
	GREEN TEMPLATE
*/

.mainGreen #subLinkList a:hover { color: #7DB915; }
.mainGreen h3.colorMe { background: url('../img/arrowGreen.png') center left no-repeat; color: #7DB915; }
.mainGreen #column #linkList li.selected a { color: #7DB915; }
.mainGreen #column #linkList a:hover { color: #7DB915; }
.mainGreen .box { background: #7DB915; }
.mainGreen .box h6, .mainGreen .box p { /*color: #FFF;  capgemini*/ margin: 0;}
.mainGreen .box a { /*color: #FFF; capgemini */	text-decoration: none;}
.mainGreen .box a.mainLink { font-weight: bold; }
.mainGreen .box a:hover { color: #ECEDED; }
.mainGreen #column #linkList li.selected { background: url('../img/arrowGreen.png') top left no-repeat; }
.mainGreen #ban { width: 702px; height: 454px; background: url('../img/banHome.jpg') no-repeat; position: relative; }
.mainGreen #banSmall { width: 702px; height: 150px; background: url('../img/banHome.jpg') no-repeat; position: relative; }
.mainGreen #ban strong { width: 567px; height: 375px; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; behavior: url('js/iepngfix.htc'); background: url('../img/txtHome.png') no-repeat; }
.mainGreen #banSmall strong { width: 567px; height: 75px; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; behavior: url('js/iepngfix.htc'); background: url('../img/txtHome.png') no-repeat; }
/*

	ORANGE TEMPLATE

*/

.mainOrange { text-align: left; }
.mainOrange #subLinkList a:hover { color: #F39200; }
.mainOrange h3.colorMe { background: url('../img/arrowOrange.png') left no-repeat; color: #F39200; }
.mainOrange #column #linkList li.selected a { color: #F39200; }
.mainOrange #column #linkList a:hover { color: #F39200; }
.mainOrange .box { background: #F39200; }
.mainOrange .box h6, .mainOrange .box p { /*	color: #FFF; capgemini */ margin:0; }
.mainOrange .box a.mainLink { font-weight: bold; }
.mainOrange #column #linkList li.selected { background: url('../img/arrowOrange.png') top left no-repeat; }
.mainOrange #ban { width: 702px; height: 300px; background: url('../img/banObjective.jpg') no-repeat; position: relative; }
.mainOrange #banSmall { width: 702px; height: 150px; background: url('../img/banObjective.jpg') no-repeat; position: relative; }
.mainOrange #ban strong, .mainOrange #banSmall strong { width: 278px; height: 78px; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; behavior: url('js/iepngfix.htc'); background: url('../img/txtObjective.png') no-repeat; }
/*
	DARK GREEN TEMPLATE
*/

.mainDarkGreen #subLinkList a:hover { color: #088B30; }
.mainDarkGreen h3.colorMe { background: url('../img/arrowDarkGreen.png') left no-repeat; color: #088B30; }
.mainDarkGreen #column #linkList li.selected a { color: #088B30; }
.mainDarkGreen #column #linkList a:hover { color: #088B30; }
.mainDarkGreen .box { background: #088B30; }
.mainDarkGreen .box h6, .mainDarkGreen .box p { color: #FFF; margin: 0; }
.mainDarkGreen .box a { color: #FFF; text-decoration: none; }
.mainDarkGreen .box a.mainLink { color: #FFF; font-weight: bold; }
.mainDarkGreen .box a:hover { color: #ECEDED; }
.mainDarkGreen #column #linkList li.selected { background: url('../img/arrowDarkGreen.png') top left no-repeat; }
.mainDarkGreen #ban { width: 702px; height: 300px; background: url('../img/banEthics.jpg') no-repeat; position: relative; }
.mainDarkGreen #banSmall { width: 702px; height: 150px; background: url('../img/banEthics.jpg') no-repeat; position: relative; }
.mainDarkGreen #ban strong, .mainDarkGreen #banSmall strong { width: 633px; height: 78px; text-indent: -9999px; position: absolute; bottom: 5px; right: 0px; behavior: url('js/iepngfix.htc'); background: url('../img/txtEthics.png') no-repeat; }
/*

	BLUE TEMPLATE

*/

.mainBlue #subLinkList a:hover { color: #00B6DE; }
.mainBlue h3.colorMe { background: url('../img/arrowBlue.png') left no-repeat; color: #00B6DE; }
.mainBlue #column #linkList li.selected a { color: #00B6DE; }
.mainBlue #column #linkList a:hover { color: #00B6DE; }
.mainBlue .box { background: #00B6DE; }
.mainBlue .box h6, .mainBlue .box p { color: #FFF; margin: 0; }
.mainBlue .box a {color:#FFF !important; text-decoration:none;}
.mainBlue .box a.mainLink { color: #FFF; font-weight: bold; }
.mainBlue .box a:hover { color: #ECEDED; }
.mainBlue #column #linkList li.selected { background: url('../img/arrowBlue.png') top left no-repeat; }
.mainBlue #ban { width: 702px; height: 300px; background: url('../img/banCaring.jpg') no-repeat; position: relative; }
.mainBlue #banSmall { width: 702px; height: 150px; background: url('../img/banCaringSmall.jpg') no-repeat; position: relative; }
.mainBlue #ban strong, .mainBlue #banSmall strong { width: 188px; height: 78px; text-indent: -9999px; position: absolute; top: -5px; right: 0px; behavior: url('js/iepngfix.htc'); background: url('../img/txtCaring.png') no-repeat; }
/*

	RED TEMPLATE

*/

.mainRed #subLinkList a:hover { color: #DF004E; }
.mainRed h3.colorMe { background: url('../img/arrowRed.png') left no-repeat; color: #DF004E; }
.mainRed #column #linkList li.selected a { color: #DF004E; }
.mainRed #column #linkList a:hover { color: #DF004E; }
.mainRed .box { background: #DF004E; }
.mainRed .box h6, .mainRed .box p { color: #FFF; margin: 0; }
.mainRed .box a { color: #FFF; text-decoration: none; }
.mainRed .box a.mainLink { color: #FFF; font-weight: bold; }
.mainRed .box a:hover { color: #ECEDED; }
.mainRed #column #linkList li.selected { background: url('../img/arrowRed.png') top left no-repeat; }
.mainRed #ban { width: 702px; height: 300px; background: url('../img/banDiversity.jpg') no-repeat; position: relative; }
.mainRed #banSmall { width: 702px; height: 150px; background: url('../img/banDiversity.jpg') no-repeat; position: relative; }
.mainRed #ban strong, .mainRed #banSmall strong { width: 255px; height: 78px; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; behavior: url('js/iepngfix.htc'); background: url('../img/txtDiversity.png') no-repeat; }
.wpsBreadcrumbTrail { font-size: 0.803em; padding-bottom: 3px; }
/*

	PINK TEMPLATE

*/

.mainPink #subLinkList a:hover { color: #E62886; }
.mainPink h3.colorMe { background: url('../img/arrowPink.png') left no-repeat; color: #E62886; }
.mainPink #column #linkList li.selected a { color: #E62886; }
.mainPink #column #linkList a:hover { color: #E62886; }
.mainPink .box { background: #E62886; }
.mainPink .box h6, .mainPink .box p { color: #FFF; margin: 0; }
.mainPink .box a { color: #FFF; text-decoration: none; }
.mainPink .box a.mainLink { color: #FFF; font-weight: bold; }
.mainPink .box a:hover { color: #ECEDED; }
.mainPink #column #linkList li.selected { background: url('../img/arrowPink.png') top left no-repeat; }
.mainPink #ban { width: 702px; height: 300px; background: url('../img/banPartnering.jpg') no-repeat; position: relative; }
.mainPink #banSmall { width: 702px; height: 150px; background: url('../img/banPartnering.jpg') no-repeat; position: relative; }
.mainPink #ban strong, .mainPink #banSmall strong { width: 322px; height: 78px; text-indent: -9999px; position: absolute; bottom: 5px; right: 5px; behavior: url('js/iepngfix.htc'); background: url('../img/txtPartnering.png') no-repeat; }
/*

PURPLE TEMPLATE

*/

.mainBlue #subLinkList a:hover { color: #934C94; }
.mainPurple h3.colorMe { background: url('../img/arrowPurple.png') left no-repeat; color: #934C94; }
.mainPurple #column #linkList li.selected a { color: #934C94; }
.mainPurple #column #linkList a:hover { color: #934C94; }
.mainPurple .box { background: #934C94; }
.mainPurple .box h6, .mainPurple .box p { color: #FFF; margin: 0; }
.mainPurple .box a { color: #FFF; text-decoration: none; }
.mainPurple .box a.mainLink { color: #FFF; font-weight: bold; }
.mainPurple .box a:hover { color: #ECEDED; }
.mainPurple #column #linkList li.selected { background: url('../img/arrowPurple.png') top left no-repeat; }
.mainPurple #ban { width: 702px; height: 300px; background: url('../img/banBack.jpg') no-repeat; position: relative; }
.mainPurple #banSmall { width: 702px; height: 150px; background: url('../img/banBackSmall.jpg') no-repeat; position: relative; }
.mainPurple #ban strong, .mainPurple #banSmall strong { width: 365px; height: 78px; text-indent: -9999px; position: absolute; bottom: 5px; right: 0px; behavior: url('js/iepngfix.htc'); background: url('../img/txtBack.png') no-repeat; }
/*

/* UTILE */

.clear { clear: left; }
.clearBoth { clear: both; }
/*
	EXOTIC
*/

#content p.main_intro_text_big, #content span.main_intro_text_big { font-size: 30px; line-height: 30px; margin-top: 20px; }
#content p.titleFacts, #content span.titleFacts { font-size: 14px; line-height: 30px; margin-top: 20px; color: #7DB915; }
.exotic_green_normal { color: #83b818; }
span.exotic_green { font-size: 50px; color: #83b818; }
#content p.exotic_green_big { font-size: 13px; font-weight: bold; color: #83b818; }
.exotic_green_normal { color: #83b818; }
.exotic_purple, #content p.exotic_purple { font-size: 13px; font-weight: bold; color: #57378a; line-height: 12px; }
.exotic_purple_normal, #content p.exotic_purple_normal { color: #57378a; }
#content p.exotic_pink_big { font-size: 13px; font-weight: bold; color: #e3166a; }
.exotic_pink { color: #e3166a; }
.exotic_big, #content p.exotic_big { font-weight: bold; font-size: 14px; }
.exotic_bigger, #content p.exotic_bigger { font-weight: bold; font-size: 50px; }
.exotic_small, #content p.exotic_small { font-size: 11px; }
.exotic_bleu { color: #00b4dd; }
#content p.exotic_bleu_big { font-size: 13px; font-weight: bold; color: #00b4dd; }
.exotic_orange { color: #F39200; }
#content p.exotic_orange_big { color: #F39200; font-weight: bold; font-size: 16px; }
img.exotic_image_left { float: left; margin-right: 10px; }
img.exotic_image_right { float: right; }
ul.listUl { list-style-type: disc; padding-left: 20px; padding-right: 20px; font-size: 11px; }
ol.listOl { list-style-type: roman; padding-left: 20px; padding-right: 20px; font-size: 11px; }
.tabTable { padding: 0; border-collapse: collapse; border: 1px solid black; margin: 5px; }
.tabTable th { padding: 5px 5px 0px 5px; border: 1px solid black; font-size: 10px; }
.tabTable td { vertical-align: top; padding: 5px; border: 1px solid black; font-size: 10px; }
.tabTable .tabHead { color: #e3166a; display: block; border-bottom: 3px #934C94 solid; padding-bottom: 5px; }
.tabTable .tabColHead { font-weight: bold; }
.tabPurple { color: #934C94; }
.tabPink { color: #e3166a; }
.tabGreen { color: #83b818; }
.tabBlue { color: #00B6DE; }
/*Update: APR-MAY-JULLY2010-MAY2011*/
/**/
.offAndAccessible { position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden; }
.noBorder { border:none!important; }
.clearBlocks {clear:both; overflow:hidden; visibility:hidden; width:99%; height:0; line-height:0; font-size:0; margin:0; padding:0; border:0; background-color:transparent;}
.txtAlignLeft {text-align:left;}
.txtAlignRight {text-align:right;}
.txtAlignCenter {text-align:center;}
/*Colors*/
.clrPink { color:#E3166A; } /*#E62886*/
.clrRed { color:#DF004E; }
.clrPurple { color:#57378A; }
.clrBlue { color:#00B4DD; }
.clrGreen { color:#088B30; }
/*Stress*/
.clrGrayBorderLeft { padding-left:23px; border-left:solid 1px #CCCCCC }
/**/
.clrGrayBorder { border:solid 1px #999999; }
/*TimeLine*/
#timeLineContainer { margin:39px 0 21px 0; }
#timeLineContainer .timeLineItemContainer { }
#timeLineContainer .timeLineItemContainer .timeLineImg { float:left; width:26%; margin:0 2% 0 0; padding:11px 0 0 0; text-align:center; }
#timeLineContainer .timeLineItemContainer .timeLineImg img { margin:0 3px 9px 3px; vertical-align:top; clear:both; }
#timeLineContainer .timeLineItemContainer .timeLineItem { float:left; width:69.8%; margin:0 0 33px 0; padding:0 0 0 2%; border-left:solid 1px #ccc; }
#timeLineContainer .timeLineItemContainer .timeLineItem .timeLineMonth { color:#666; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0 0 11px 0; }
/*Zoom img Js*/
a.photoZoom img { border-width:0; }
/*Data Table*/
table.tabTable { width:692px; } /*Resetting width*/
table.tabTable td.icoTargetReached { padding-left:19px; background: url(../img/ico_target_reached.png) no-repeat scroll 5px 9px; }
table.tabTable td.icoInProgress { padding-left:19px; background: url(../img/ico_in_progress.png) no-repeat scroll 5px 9px; }
span.icoInProgress { padding-left:19px; background: url(../img/ico_in_progress.png) no-repeat scroll 5px 2px; }
span.icoTargetReached { padding:0 10px 0 19px; background: url(../img/ico_target_reached.png) no-repeat scroll 5px 2px; }
/*COLs*/
/*COL: right*/
#column #boxKeyFact { margin:5px 0; padding:5px; background-color:#96BE0E; }
#column #boxKeyFact h6 { font-size:1.1em; color:#FFFFFF; font-weight:bold; margin:0; padding:0; }
#column #boxKeyFact p { margin:3px 0; color:#FFFFFF; }
#column #boxInBrief { margin:13px 0 9px 0; }
#column #boxQuickLinks { }
#column #boxQuickLinks h6 { font-size:1.0em; font-weight:bold; margin:0; padding:0 0 3px 0; border-bottom:solid 1px #DDDDDD; }
#column #boxQuickLinks ul { margin:5px 0 0 0; padding:0 0 8px 0; }
#column #boxQuickLinks ul li { margin:0 0 0 5px; padding:0 0 4px 10px; background:transparent url(http://www.alcatel-lucent.com/wps/themes/html/ExternalVGAMain/images/ico_bullet.gif) no-repeat scroll 2px 6px; }
#column #boxBanners {margin:13px 0; border-top:solid 1px #DDD; border-bottom:solid 1px #DDD;}
#column #boxBanners p {margin:7px 0; }
#column #boxCsrBanner { }
/*Updated May2011*/
/*Trying to compensate for new visual guidelines*/
#subLinkList {background-color:#feffff;}
#content .boxContent {background-color:#feffff;}
/*HOME*/
/*Video player*/
#videoPlayerWrapper {padding:31px; text-align:center; background-color:#C6C7C9;} /*avalaible space is 702 ; player is 640 : 702-640 /2 : padding 31px*/
#videoPlayer {width:640px; margin:auto;}
#homeTxtWrapper {padding:17px; background-color:#fff;}
#homeTxtWrapper #homeTxtCol01 {float:left; width:454px /*702-34 -180 -34*/; padding:0 34px 0 0;}
#homeTxtWrapper #homeTxtCol02 {float:left; width:180px;}
#homeTxtWrapper #homeTxtCol02 p {margin:0 0 3px 0;}
#homeTxtWrapper .homeTxtIntro {font-size:13px; text-transform:uppercase; margin:0 0 11px 0;}
#homeTxtWrapper .homeTxtData {font-size:12px; font-style:italic;}
#homeTxtWrapper .homeTxtSign {font-weight:bold; text-align:right;}
#homeBannerWrapper {padding:0 17px 17px 17px; background-color:#fff;}
#homeBannerWrapper p {margin:0;}
#homeBannerWrapper p img {margin:0 21px 0 0;}
#homeBannerWrapper .rulerHrz {height:1px; margin:0 0 17px 0; padding:0; border-top:solid 1px #ddd;}
/**/
.virtualColContainer {clear:both; margin:0 auto 21px auto; overflow:hidden;}
.virtualColContainer .virualCol01-3L, .virtualColContainer .virualCol01-3Mid, .virtualColContainer .virualCol01-3R {float:left; width:227px; margin:0; padding:0; background-color:#fff; overflow:hidden;}
.virtualColContainer .virualCol01-3Mid {margin:0 10px;}
.boxWrapper {}
.boxWrapper .boxHead {position:relative; width:227px; height:120px; background-color:transparent; background-attachment:scroll; background-repeat:no-repeat; background-origin:0 0;}
.boxWrapper .boxHead p {position:absolute; left:11px; bottom:9px; display:block; width:37px; height:37px; line-height:37px; margin:0 !important; padding:0;}
.boxWrapper .boxHead p strong {font-weight:bold; font-size:44px; color:#fff; text-shadow:2px 2px 2px #333;}
		/**/
.virtualColContainer .virualCol01-3L .boxWrapper .boxHead {background-image:url(/csr/htm/en/img/vision_01_bg01.jpg);}
.virtualColContainer .virualCol01-3Mid .boxWrapper .boxHead {background-image:url(/csr/htm/en/img/vision_01_bg02.jpg);}
.virtualColContainer .virualCol01-3R .boxWrapper .boxHead {background-image:url(/csr/htm/en/img/vision_01_bg03.jpg);}
		/**/
.boxWrapper .boxBody {padding:11px;}
.boxWrapper .boxBody p {margin:0 0 7px 0 !important; padding:0;}
/**/
td.title h2 {width:702px; font-size:24px; font-weight:normal; color:#68469A; margin:15px 0 11px 20px; padding:5px 0 10px 0; line-height:1em;} /*Resettinh H2 to look like former h1*/


