@charset "utf-8";
	/* Main css */
	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */

	body {
		font-size: 68.75%;
		line-height: 1.3;
		color: #1562ad;
		font-family: Arial, sans-serif;
		margin: 0;
		padding: 0;
	}

	#main {
		margin: 0 auto;
		width: 940px;
		text-align: left;
	}

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

	#head {
		height: 89px;
		position: relative;
	}

	#head ul {
		float: right;
		list-style-type: none;
		padding: 0;
		margin: 63px 0 0 0;
	}

	#head #logo {
		float: left;
		display: block;
	}

	#head ul li { display: inline; }

	#head ul li a {
		padding-left: 10px;
		float: right;
	}

	#head ul#lang {
		position: absolute;
		top: 20px;
		right: 0;
		margin: 0;
	}

	#head ul#lang a {
		display: block;
		height: 11px;
		width: 16px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -1000px;
		padding: 0;
		margin-left: 10px;
	}

	#head ul#lang a#fr { background-image: url(../img/flag_fr.gif); }

	#head ul#lang a#en { background-image: url(../img/flag_en.gif); }

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

	.imgrpl {
		overflow: hidden;
		display: block;
		margin: 0;
		padding: 0;
		text-indent: -1000px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}

	.preuvedelivraison {
		background: #F2F2F2 url(../img/txtPreuveDeLivraison.gif) no-repeat 0 0;
		width: 188px;
		height: 61px;
	}

	.preuvedenlevement {
		background: #F2F2F2 url(../img/txtPreuveDenlevement.gif) no-repeat 0 0;
		width: 188px;
		height: 52px;
	}

	/* ---------------------------------------------------------------- */
	#content { background: transparent url(../img/BgContent.gif) no-repeat 0 0; }

	#content .inner {
		background: transparent url(../img/bgBottom.gif) no-repeat 0 60%;
		padding-bottom: 10px;
		height: 108px;
	}

	#column {
		float: left;
		width: 188px;
		margin-right: 40px;
		padding: 72px 0 120px 0;
	}

	.centersmallsize {
		float: left;
		width: 460px;
		padding-top: 55px;
	}

	.centerlargesize {
		float: left;
		width: 710px;
		padding-top: 10px;
	}

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

	.bloc1 {
		background: #f2f2f2;
		padding-bottom: 35px;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.bloc1 ul {
		background: #e4e4e4;
		margin: 0;
		padding: 10px 8px 15px;
		list-style-type: none;
	}

	.bloc1 ul li {
		padding: 0 0 4px 11px;
		background: transparent url(../img/bulletRed.gif) no-repeat 0px 5px;
	}

	.bloc2 {
		background: #f2f2f2;
		padding-top: 30px;
		padding-bottom: 35px;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.bloc2 span {
		display: block;
		background: #e4e4e4;
		padding: 10px 8px 15px;
		list-style-type: none;
	}

	.bloc3 {
		background: #f2f2f2;
		padding-bottom: 30px;
		font-weight: bold;
	}

	.bloc3 div.txt {
		display: block;
		background: #e4e4e4;
		padding: 10px 8px 15px;
		list-style-type: none;
	}

	.bloc3 div.txt-retour {
		display: block;
		background: #e4e4e4;
		padding: 10px 8px 15px;
		list-style-type: none;
	}

	.bloc3 div.btn { padding: 10px 0 0 20px; }

	.blocplusexapaq {
		background: transparent url(../img/blocPlusB.gif) no-repeat 0 100%;
		margin-bottom: 15px;
	}

	.blocplusexapaq h3 {
		background: transparent url(../img/blocPlusT.gif) no-repeat 0 0;
		width: 188px;
		height: 40px;
	}

	.blocplusexapaq div {
		color: #fff;
		padding: 5px 15px 15px 8px;
		font-weight: bold;
	}

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

	h1 { color: #aeadad; }

	h2 {
		font-size: 1em;
		color: #225596;
		font-weight: bold;
	}

	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* formulaire */

	label { font-weight: normal; }

	input.text {
		font-size: 1em;
		padding: 1px;
		width: 135px;
	}

	input.smallt { width: 64px; }

	input.verysmallt { width: 50px; }

	textarea {
		width: 165px;
		height: 100px;
		padding: 2px;
	}

	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* boutons */

	.btnred:link, .btnred:visited, btnred:hover {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 9px;
		cursor: pointer;
	}

	.btnred {}

	.btnred_preuve {
		width: 130px;
	}

	.btnred span span {
		background: transparent url(../img/btnRedL.gif) no-repeat 0 0 ;
		padding: 0 0 0 10px;
	}

	.btnred span {
		background: transparent url(../img/btnRedR.gif) no-repeat 100% 0;
		height: 16px;
		line-height: 15px;
		position: relative;
		float: left;
		padding: 0 10px 0 0;        /* Largeur du côté gauche */
		vertical-align: middle;
	}

	/*	vert ici relais	*/
	.btngreen:link, .btngreen:visited, btngreen:hover {
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
		cursor: pointer;
	}

	.btngreen {}

	.btngreen span span {
		background: #d7e4ac;
		background: transparent url(../img/btnVertL.gif) no-repeat 0 0 ;
		padding: 0 0 0 10px;
	}

	.btngreen span {
		background: transparent url(../img/btnVertR.gif) no-repeat 100% 0;
		height: 16px;
		line-height: 15px;
		position: relative;
		float: left;
		padding: 0 10px 0 0;        /* Largeur du côté gauche */
		vertical-align: middle;
	}

	/* Special url exapaq	*/
	.btnred_url:link, .btnred_url:visited, btnred_url:hover {
		color: #fff;
		text-decoration: none;
		cursor: pointer;
	}

	.btnred_url { font-size:12px !important; }

	.btnred_url span span {
		background: transparent url(../img/btnRedL.gif) no-repeat 0 0 ;
		padding: 0 0 0 10px;
	}

	.btnred_url span {
		background: transparent url(../img/btnRedR.gif) no-repeat 100% 0;
		height: 16px;
		line-height: 15px;
		position: relative;
		float: left;
		padding: 0 10px 0 0;        /* Largeur du côté gauche */
		vertical-align: middle;
	}

	/*Hack for safari */
	body:first-of-type .btnred span { line-height: 16px; }

	.btnright { float: right; }

	.btnbottomleft {
		position: absolute;
		bottom: 15px;
		right: 0;
	}

	.btnprint {
		float: right;
		margin-left: 85px;
	}

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

	.bloctext1 {
		background: transparent url(../img/bulletBlue.gif) no-repeat 0 5px;
		padding: 0 0 10px 12px; /*12*/
		margin-bottom: 5px;
		margin-left: -12px;
		position: relative;
		zoom: 1;
	}

	.nopoint {
		background: none;
		padding-left: 12px;
	}

	.bloctext1 label {
		display: block;
		float: left;
		width: 200px;
		height: 20px;
		line-height: 25px;
	}

	.bloctext1 div { clear: both; }

	.bloctext1 div:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.bloctext1 div { display: inline-block; }

	* html .bloctext1 div { height: 1%; }

	.bloctext1 div { display: block; }

	.clickblock {
		display: block;
		width: 160px;
		position: absolute;
		bottom: 10px;
		right: 0;
		font-weight: bold;
	}

	.bloctext1 textarea { float: left; }

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

	.blocexapassdetail h2 { float:left; }

	.blocexapassdetail {
		border: 1px solid #c3c3c3;
		padding: 8px 8px 8px 25px;
		margin: 7px 0 0 0;
		background: transparent url(../img/bulletRed.gif) no-repeat 13px 12px;
	}

	.blocexapassdetail div {
		/*clear:both;*/
	}

	.blocexapassdetail label {
		float: left;
		display: block;
		width: 150px;
		font-weight: bold;
	}

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

	.blocrecherchedetail_icirelais {
		min-height: 58px;	/*34px;*/
		background: url(../img/logo-icirelais-retouche-3.gif) no-repeat top right;
	}
	.blocrecherchedetail,
	.blocrecherchedetail_exapaq {
		min-height: 62px;
		background: url(../img/logo-exa-mini2.gif) no-repeat top right;
	}

	.blocrecherchedetail div,
	.blocrecherchedetail_icirelais div,
	.blocrecherchedetail_exapaq div {
		/*clear:both;*/
		padding-bottom: 15px;
	}

	.blocrecherchedetail div:after,
	.blocrecherchedetail_icirelais div:after,
	.blocrecherchedetail_exapaq div:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.blocrecherchedetail div,
	.blocrecherchedetail_icirelais div,
	.blocrecherchedetail_exapaq div { display: inline-block; }

	* html .blocrecherchedetail div,
	* html .blocrecherchedetail_icirelais div,
	* html .blocrecherchedetail_exapaq div { height: 1%; }

	.blocrecherchedetail div,
	.blocrecherchedetail_icirelais div,
	.blocrecherchedetail_exapaq div { display: block; }

	.blocrecherchedetail label,
	.blocrecherchedetail_icirelais label,
	.blocrecherchedetail_exapaq label {
		display: block;
		float: left;
		width: 200px;
	}

	.blocline {
		border-top: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
		padding: 10px 70px 8px 0;
	}

	.noline {
		border-top: 0;
		border-bottom: 0;
	  }

	.blocline:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.blocline{ display: inline-block; }

	* html .blocline { height: 1%; }

	.blocline { display: block; }

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

	.table_container {
		position: relative;
		margin-bottom: 1.4em;

	}

	/*ie6*/
	.table_container  { _zoom: 1; }

	.table_container table {
		border-collapse: collapse;
		margin-bottom: 0;
	}

	.table_container td {
		border: 1px solid #aeadad;
		color: #1562ad;
	}

	.table_container th {
		color: #1562ad;
		background: #fff;
	}

	.table_container th, .table_container td { padding: 4px 5px 4px 10px; }

	.table_container table .alt td { background: #f2f2f2; }

	.tl_corner{
		position: absolute;
		top: 0;
		left: 0;
		background: transparent url(../img/tl_corner.gif) no-repeat 0 0;
		width: 4px;
		height: 4px;
	}

	.tr_corner{
		position: absolute;
		top: 0;
		right: 0;
		background: transparent url(../img/tr_corner.gif) no-repeat 0 0;
		width: 4px;
		height: 4px;
	}

	.bl_corner{
		position: absolute;
		bottom: 0;
		left: 0;
		background: transparent url(../img/bl_corner.gif) no-repeat 0 0;
		width: 4px;
		height: 4px;
	}

	.br_corner{
		position: absolute;
		bottom: 0;
		right: 0;
		background: transparent url(../img/br_corner.gif) no-repeat 0 0;
		width: 4px;
		height: 4px;
	}

	/*Hack for safari */
	body:first-of-type .br_corner{
		right: -1px
	}

	/*Hack for firefox (and not for ie7) */
	.tl_corner, x:-moz-any-link {
		top: -1px;
		left: -1px;
		*top: 0;
		*left: 0;
	}

	.tr_corner, x:-moz-any-link {
		top: -1px;
		*top: 0;
	}

	.bl_corner, x:-moz-any-link {
		left: -1px;
		*left: 0;
	}

	/* Hack pour ie7 seulement */
	.tr_corner { right: -1px !important; }

	/*ie6*/
	.bl_corner, .br_corner { _bottom: -8px; }

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

	.alternatetable table { border: 1px solid #aeadad; }

	.alternatetable td, .alternatetable th {
		border-bottom: 1px solid #aeadad;
		border-width: 0 0 1px 0;
		color: #1562ad;
	}

	.alternatetable table th { padding: 8px 5px 8px 10px; }

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

	.alternatetable table td  {
		/*background: #f2f2f2;*/
	}

	.alternatetable table .alt td { background:#fff; }

	.alternateversion2 table td {
		padding: 8px 5px 8px 10px;
		background: #f2f2f2;
	}

	.alternatetable table .alt td { background: #fff; }

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

	.infobulle {
		position: absolute;
		/*background: transparent url(../img/bulletInfo.gif) no-repeat 0 0;*/
		width: 28px;
		height: 31px;
		display: block;
		/*overflow:hidden;*/
		/*text-indent:-1000px;*/
		left: 465px;
		top: 0;
	}

	.bloctext1 .infobulle {
		position: static;
		float: left;
		margin-left: 10px;
	}

	#info {
		display: none;
		margin-left: -166px;
		left: 50%;
		width: 332px;
		height: auto;
		position: absolute;
		z-index: 1001;
		top: 300px;
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info_resultat_exapaq {
		display: none;
		margin-left: 500px;
		width: 200px;
		height: auto;
		position: absolute;
		z-index: 1001;
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info_bis {
		display: none;
		margin-left: 25px;
		/*left: 50%;*/
		width: 332px;
		height: auto;
		position: absolute;
		z-index: 1001;
		/*top: 350px;*/
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info2_bis {
		display: none;
		margin-left: 25px;
		/*left: 50%;*/
		width:332px;
		height: auto;
		position: absolute;
		z-index: 1001;
		/*top: 350px;*/
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info2 {
		display: none;
		margin-left: 300px;
		width: 300px;
		height: auto;
		position: absolute;
		z-index: 1001;
		/*top: 240px;*/
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}
	
	#info6 {
		display: none;
		margin-left: 300px;
		width: 300px;
		height: auto;
		position: absolute;
		z-index: 1001;
		/*top: 240px;*/
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info3 {
		display: none;
		margin-left: 250px;
		width: 300px;
		/*height: 220px;*/
		height: auto;
		position: absolute;
		z-index: 1001;
		top: -60px;
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info4 {
		display: none;
		margin-left: 370px;
		margin-top: -60px;
		width: 300px;
		/*height: 150px;*/
		height: auto;
		position: absolute;
		z-index: 1001;
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	#info5 {
		display: none;
		margin-left: 480px;
		width: 250px;
		height: auto;
		position: absolute;
		z-index: 1001;
		top: 230px;
		padding: 20px;
		background-color: #FFFFFF;
		border: 1px solid #0066FF;
	}

	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------- */
	/* english */

	.lang-en .preuvedelivraison {
		background-image: url(../img/txtPreuveDeLivraison_en.gif);
		background-position: 0 5px;
	}

	.lang-en .blocplusexapaq h3 { background-image: url(../img/blocPlusT_en.gif); }

	.lang-en .preuvedenlevement { background-image: url(../img/txtPreuveDenlevement_en.gif); }

/*	Gestion des images preuve de livraison. */
	/* Preuve de livraison */
	.tab_preuve_livraison { width: 100%; }

	.tab_preuve_livraison tr td {
		margin: 0;
		padding: 0;
	}

	.tab_preuve_livraison tr td.texte_livraison { width: 70%; }

	.tab_preuve_livraison tr td.btn_livraison {
		width: auto;
		padding-right: 5px;
	}

	img.preuve_petite_image {
		padding: 5px;
		border: 5px solid gray;
	}

	.preuve_grande_image {
		width: 598px;
		height: 102px;
	}
	.preuve_petite_image {
		width: 234px;
		height: 200px;
	}

/*	Resultat recherche colis T */
	.clear { clear: both; }

	#bloc_contenu {
		position: relative;
		width: 300px;
		display: inline;
		float: left;
	}

	.bloctext div.contenu-resultat {}

	.bloctext div {
		width: 40%;
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}

	.bloctext > .Label {
		padding: 0 20px 0 0;
		width: 100px;
	}

	.bloctext > .Label label { font-weight: bold; }

	.bloctextbis {
		width: 70%;	/* 70% */
		display: inline;
		float: left;
	}

	.mini_logo_resultat_recherche {
		margin-left: 15%;	/* 50px	*/
		margin-top: 10px;
		position: relative;
		display: inline;
		float: left;
	}

	input#chp_expedition_jour,
	input#chp_expedition_mois {
		/*text-align: center;*/
		width: 20px;
	}
	input#chp_expedition_annee {
		/*text-align: center;*/
		width: 40px;
	}

	input:disabled {
		color: #000000;
		background-color: white;
	}

	table#tab_liste_colis_exapaq .tcol1 {
		width: 90px;
		padding: 0 5px 0 5px;
	}

	table#tab_liste_colis_exapaq .tcol3 {
		padding: 0 5px 0 5px;
		width: 70px;
	}