/********************* IO New ************************/


/********************* Box service PI ************************/
#box_sidebar_160 {
	width: 160px;
}

* +html #box_sidebar_160 {
	margin-bottom:-14px;
}

#box_sidebar_160 .entete {
	width: 160px;
	/*height:31px;*/
	padding:0px;
	margin:0px;
	float:left;
}

#box_sidebar_160 .entete img {
	padding:0px;
	margin:0px;
}
#box_sidebar_160 .contenu {
	width:158px;
	float:left;	
	padding:0px;
	margin:0px;
	background-color:#FBFBFB;
	background-image:url(../charte/TOTAL_degrade_gris_box_service.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 158px;		
}
html>#box_sidebar_160 .contenu {
	width: 158px;
}

#box_sidebar_160 .bas {
	width: 160px;
	float:left;	
	vertical-align:top;
	padding:0px;
	margin:0px;
}

#box_sidebar_160 .entre_coin_bas {
	background-color:#dedede;
	border-bottom-color:#d0d0d0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	float:left;
	width: 126px;
	height: 17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 16px;	
}

html>#box_sidebar_160 .entre_coin_bas {
    height: 16px;
}

/* propriétés communes à l'ensemble des 2 coins */
#box_sidebar_160 .bas_bg, .bas_bd, .bas_back {
	height: 17px; width: 17px;
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
#box_sidebar_160 .bas_bg {
	background: url(../charte/TOTAL_coin_bg_gris_box.gif);
}

#box_sidebar_160 .bas_bd {
	background: url(../charte/TOTAL_coin_bd_gris_box.gif);
}

#box_sidebar_160 .bas_back {
	background: url(../charte/IO_TOTAL_coin_bg_gris_back.gif);
}

#box_sidebar_160 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_sidebar_160 a.intitule {
	width:141px;
	display:block;
	background-image:url(../charte/TOTAL_puce_service.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	font-size:11px;
	color:#000000;
	text-decoration: none;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_sidebar_160 a.intitule {
        width: 130px;
}


#box_sidebar_160 p.trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:5px;
	margin-top:5px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_sidebar_160 p.espace {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#box_sidebar_160 a.lien {
	font-size:9px;
	display:block;
	width:150px;
	text-decoration:underline;
	padding-left:10px;
	padding-right:10px;	
	background-repeat:no-repeat;
	background-position:0px 4px;	
	color:#00A8E3;
	background-image:url(../charte/TOTAL_puce_lien_bleu.gif);
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_sidebar_160 a.lien {
        width: 130px;
}


/********************* Box Overview Page ************************/
.shadow1_overview {
	background:transparent url(../charte/TOTAL_shadow_front.gif) no-repeat scroll right bottom;
	float:left;
	margin-bottom:10px;
	/*padding-bottom:17px;*/
}
.shadow1, .shadow1_overview, .shadow1_menu, .shadow2, .shadow3, .shadow1_dark, .shadow2_dark, .shadow3_dark {
	display:block;
}

.box_overview {
	xwidth: 370px;
	display:block;
}

.box_overview .entete {
	width: 420px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	xwidth: 372px;		
	voice-family: "\"}\"";
	voice-family:inherit;
	xwidth: 370px;
}
html>.box_overview .entete {
	width: 420px;
}
#box_service_160 .entete {
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
.box_overview .entre_coin_entete_2, .box_overview .entre_coin_entete_1 {
	float:left;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:7px 0px 0px 5px;
	height: 28px;
	width: 96.2%;		
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 21px;	
	xwidth: 355px;	
}
html>.box_overview .entre_coin_entete_2, html>.box_overview .entre_coin_entete_1 {
        height: 21px;
        xwidth: 355px;
}

#box_sidebar_160 .entre_coin_entete_2 {
	float:left;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:7px 0px 0px 5px;
	height: 28px;
	width: 145px;		
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 21px;	
	xwidth: 355px;	
	font-weight:bold;
	color:#fff;
	font-size:14px;
}
html>#box_sidebar_160 .entre_coin_entete_2 {
        height: 21px;
        xwidth: 355px;
}

/* propriétés communes à l'ensemble des 2 coins */
.box_overview .entete_bg_2, .box_overview .entete_bd_2, .box_overview .entete_bd_1, .box_overview .entete_bg_1 {
	height: 28px;	
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}
#box_sidebar_160 .entete_bg_2, #box_sidebar_160 .entete_bd_2, #box_sidebar_160 .entete_bd_1, #box_sidebar_160 .entete_bg_1 {
	height: 28px;	
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
.box_overview .entete_bg_1 {
	background: url(../charte/TOTAL_entete_rouge_bg.jpg);
	width:5px;
}

.box_overview .entete_bd_1 {
	background: url(../charte/TOTAL_entete_rouge_bd.jpg);
	width:5px;
}

.box_overview .entre_coin_entete_1 {
	background-color:#EB3029;
	background-image:url(../charte/TOTAL_entete_rouge_degrade.jpg);
}

.box_overview .entre_coin_entete_2, #box_sidebar_160 .entre_coin_entete_2 {
	background-color:#1847A1;
	background-image:url(../charte/IO_TOTAL_entete_gray_degrade.jpg);
}

/* propriétés spécifiques à chaque coin */
.box_overview .entete_bg_2, #box_sidebar_160 .entete_bg_2 {
	background: url(../charte/IO_TOTAL_entete_gray_bg.jpg);
	width:5px;
}

.box_overview .entete_bd_2, #box_sidebar_160 .entete_bd_2 {
	background: url(../charte/IO_TOTAL_entete_gray_bd.jpg);
	width:5px;
}

.box_overview .contenu_70 {
	float:left;
	xheight:62px;
	xoverflow:hidden;
	padding:0px;
	margin:0px;
	background-color:#DEDEDE;
	background-image:url(../charte/TOTAL_degrade_front_gris_v62.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	xwidth:372px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:418px;	
}
html>.box_overview .contenu_70 {
	width:418px;
}

/**************** Front bas *********************/
.box_overview .bas {
	vertical-align:top;
	padding:0px;
	margin:0px;
	float:left;
	width:422px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 420px;
}
html>.box_overview .bas {
	width: 420px;
}

.box_overview .entre_coin_bas {
	background-color:#DEDEDE;
	border-bottom:1px solid #D0D0D0;
	float:left;
	width:388px;
	height: 18px;	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 386px;	
	height: 17px;
}
html>.box_overview .entre_coin_bas {
        width: 386px;
        height: 17px;
}

/* propriétés communes à l'ensemble des 2 coins */
.box_overview .bas_bd, .box_overview .bas_bg {
	width: 17px;
	height: 18px; 
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
.box_overview .bas_bg {
	background: url(../charte/TOTAL_coin_bg_gris_front.gif);
}

.box_overview .bas_bd {
	background: url(../charte/TOTAL_coin_bd_gris_front.gif);
}
.box_overview .bas_back {
	background: url(../charte/IO_TOTAL_coin_bg_gris_back.gif);
}
.box_overview img {
	float:left;
	margin:12px 10px 0px 10px;
	padding:0px;
	border:0px;
	border:1px solid #cccccc;
}

.box_overview p.texte {
	font-size:11px;	
	color:#000000;
	padding:0px 10px 0px 10px;
	margin:9px 0 2px 0;	
}

.box_overview p.textelink {
	font-size:11px;	
	color:#000000;
	padding:0px 10px 0px 10px;
	margin:6px 0 0px 0;	
}

.box_overview a.texte {
	text-decoration:none;
	color:#000000;
}

.box_overview p.espace {
	font-size:5px;
	margin:0px;
	padding:0px;
}

.box_overview a.lien_1, .box_overview a.lien_2 {
	width:150px;
	font-size:9px;
	text-decoration:underline;
	padding: 0px 0px 0px 10px;
	background-repeat:no-repeat;
	background-position:left;	
}

.box_overview a.lien_1 {
	color:#E93735;
	background-image:url(../charte/TOTAL_puce_lien_rouge.gif);
}

.box_overview a.lien_2 {
	color:#17479E;
	background-image:url(../charte/TOTAL_puce_lien_gris.gif);
}

#box_sidebar_160 ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#box_sidebar_160 h5.pdf {
	background:transparent url(/de/content/NT00028BCA.gif) no-repeat scroll left center;
}
#box_sidebar_160 h5.icon {
	padding:2px 0 5px 25px;
}

#box_sidebar_160 a.pdf {
	background-image:url(/de/content/NT00028BCA.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	color:#1847a1;
	display:block;
	font-size:11px;
	padding:3px 10px 0 24px;
	text-decoration:none;
	voice-family:inherit;
	width:115px;
	line-height:12px;
}

/*update IO-Berlin 090903*/
#box_sidebar_160 p.linklist {
	margin-left:7px;
	margin-bottom:4px;
	margin-top:5px;
}
#box_sidebar_160 h4 {
	margin-bottom:0;
	margin-left:7px;
	margin-right:5px;
	margin-top:7px;
	font-size:11px;
}
#box_sidebar_160 p.box_service_txt {
	padding-top:8px;
	margin-bottom:0px;
	margin-left:7px;
	margin-top:0;
	font-size:11px;
}

#box_sidebar_160 a.sidelinks, #zone_PI_contenu420 .contentArticle a.sidelinks {
background-image:url(../charte/IO_TOTAL_puce_service.gif);
background-position:0 4px;
background-repeat:no-repeat;
color:#18479f;
display:block;
font-size:11px;
padding-left:11px;
text-decoration:none;
voice-family:inherit;
width:130px;
}

#box_sidebar_160 a.sidelinks:hover, #zone_PI_contenu420 .contentArticle a.sidelinks:hover {
background-image:url(../charte/IO_TOTAL_puce_service.gif);
background-position:0 4px;
background-repeat:no-repeat;
color:#18479f;
display:block;
font-size:11px;
padding-left:11px;
text-decoration:none;
voice-family:inherit;
width:130px;
}

#box_sidebar_160 .imgMedia {
	margin: 0 0 0 1px;
}

#box_sidebar_160 .IO_contenu {
	width:158px;
	float:left;	
	padding:0px;
	margin:0px;
	background-color:#FBFBFB;
	background-image:url(../charte/IO_TOTAL_box_bot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 158px;		
}
html>#box_sidebar_160 .contenu {
	width: 158px;
}

img {
	border:none;
}

.contentArticle {
	margin-bottom:10px;
}

.cnt_article_left {
	float:left;
	margin-right:7px;
}

.cnt_article_right {
	float:left;
	*margin-top:10px;
}

.cnt_article_left img, .cnt_article_right img{
	border:1px solid #979799;
}

.cnt_article_left h4, .cnt_article_right h4{
	margin-bottom:-7px;
	font-size:11px;
}

.clear {
	clear:both;
}

#IOcontenu_html_420 h2, #contenu_html_590 h2, #contenu_popup h2, #contenu_faq h2, #IOcontenu_html_420 .table_contenu h2, #contenu_html_590 .table_contenu h2 {
color:#1946a1;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin:0;
padding-bottom:15px;
}

/********************** Content Teaser Imagegallery ************************/

.box_imggallery {
	xwidth: 370px;
	display:block;
}

.box_imggallery img {
	float:left;
	margin:3px 10px 0px 0px;
	padding:0px;
	border:0px;
	border:1px solid #3059b3;
}

#zone_PI_contenu420 .box_imggallery p.texte {
	font-size:11px;	
	color:#000000;
	padding:0px 10px 0px 10px;
	margin:0px 0 2px 0;	
}

#zone_PI_contenu420 .box_imggallery p.textelink {
	font-size:11px;	
	color:#000000;
	padding:0px 10px 0px 10px;
	margin:6px 0 0px 0;	
}

#zone_PI_contenu420 .box_imggallery a.texte {
	text-decoration:none;
	color:#000000;	
}

.box_imggallery p.espace {
	font-size:5px;
	margin:0px;
	padding:0px;
}

#zone_PI_contenu420 .box_imggallery a.lien_1, #zone_PI_contenu420 .box_imggallery a.lien_2 {
	width:150px;
	font-size:9px;
	text-decoration:underline;
	padding: 0px 0px 0px 10px;
	background-repeat:no-repeat;
	background-position:left;	
}

#zone_PI_contenu420 .box_imggallery a.lien_1 {
	color:#E93735;
	background-image:url(../charte/TOTAL_puce_lien_rouge.gif);
}

#zone_PI_contenu420 .box_imggallery a.lien_2 {
	color:#17479E;
	background-image:url(../charte/TOTAL_puce_lien_gray.gif);
}
#IOcontenu_html_420 {
	border:1px solid #CFCFCF;
	color:#000000;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0 0 10px 0;
	padding:10px;
	voice-family:inherit;
	width:397px;
}