*
{
	margin: 0;
	padding: 0;
}
body
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	color: #727272;
	font-size: 11px;
	font-family: "arial";
	background-image: url(../images/fd.jpg);
	background-repeat: repeat-x;
	background-color: #45005a;
}

#global
{
	position: relative;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 975px;
	text-align: left;
	background-color: #fff;
}
/* The header and footer */
.header
{
	display: block;
	height: 68px;
	background-image: url(../images/fd-header.jpg);
	background-repeat: no-repeat;
}
#navigation
{
	height: 38px;
	background-image: url(../images/fd-menu.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#navigation a
{
	float: left;
	display: block;
	color: #FFF;
	font-size: 12px;
	height: 26px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 14px;
	margin-top: 12px;
}
#navigation a:hover
{
	color: #c4add0;
}

#navigation .current
{
	color: #abbf00;
}
#navigation span
{
	background-image: url(../images/separateur-menu.gif);
	background-repeat: repeat-y;
	background-position: left;
	height: 36px;
	display: block;
	float: left;
	width: 15px;
	margin-top: 2px;
}

/* debut menu */
.ssmenu
{
	position: absolute;
	visibility: hidden;
	border: 1px solid #45005a;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background-color: #664877;
	width: 172px;
	text-align: center;
}

.ssmenu2
{
	position: absolute;
	visibility: hidden;
	border: 1px solid #45005a;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 200;
	background-color: #664877;
	width: 95px;
	text-align: center;
	left: 0;
}
.ssmenu2 a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #45005a;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color: #b6ca0b;
	font-size: 11px;
	font-weight: normal;
}
.ssmenu a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #45005a;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color: #b6ca0b;
	font-size: 11px;
	font-weight: normal;
}
.ssmenu a:hover
{
	color: #e0fa02;
	background-color: #45005a;
	font-size: 11px;
	font-weight: normal;
}
.ssmenu2 a:hover
{
	color: #e0fa02;
	background-color: #45005a;
	font-size: 11px;
	font-weight: normal;
}

.ssmenu3
{
	position: absolute;
	visibility: hidden;
	border: 1px solid #45005a;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 200;
	background-color: #664877;
	width: 71px;
	text-align: center;
	left: 0;
}

.ssmenu3 a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #45005a;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color: #b6ca0b;
	font-size: 11px;
	font-weight: normal;
}
.ssmenu3 a:hover
{
	color: #e0fa02;
	background-color: #45005a;
	font-size: 11px;
	font-weight: normal;
}
/* fin menu */

/* This bit does all the work */
#container
{
	position: relative;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
}


#left
{
	float: left;
	position: relative;
	width: 188px;
	left: 10px;
}


#center
{
	margin-left: 222px;
	margin-right: 210px;
	height: 1%;
}
#center2
{
	margin-left: 0px;
	margin-right: 0px;
	height: 1%;
}

.footer
{
	display: block;
	height: 30px;
	background-image: url(../images/fd-footer.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	color: #fbd8fb;
	padding-top: 8px;
	margin-bottom: 10px;
}
.clear
{
	clear: both;
}

#bloc-tracking
{
	height: 152px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fd-tracking.gif);
	background-repeat: no-repeat;
}
#bloc-tracking p
{
	height: 152px;
	width: 382px;
	padding-left: 15px;
}
#bloc-connex
{
	height: 383px;
	float: left;
	width: 387px;
	margin-left: 60px;
	background: url(../images/fd-form1.gif) no-repeat;
}

#bloc-instance
{
	background: url(../images/fd-form1.gif) no-repeat;
}

#bloc-tracking p
{
	line-height: 18px;
}


#bloc-top
{
	float: left;
	line-height: 24px;
	width: 956px;
	padding-top: 10px;
}
#bloc-top p
{
	text-align: left;
	line-height: 24px;
	margin-left: 100px;
}

#bloc-droit
{
	float: left;
}
#faq
{
	width: 365px;
	float: left;
	padding-left: 110px;
	height: 50px !important;
}
#contact
{
	clear: both;
}
#crte
{
	padding-left: 100px;
}
#pop
{
	float: left;
	width: 402px;
	padding-left: 50px;
}

.serv
{
	background-image: url(../images/fond-tracking.gif);
	height: 152px;
	width: 392px;
	color: #fff;
	margin-left: 90px;
}
.serv p
{
	padding-left: 25px;
	padding-top: 70px;
}
#bloc-droit .saisie
{
	margin: 0px 0px 0px 150px;
	line-height: 18px;
}

#bloc-bottom
{
	clear: both;
	height: 30px;
	text-align: center;
	width: 100%;
}
#bloc-bottom p
{
	background-image: url(../../css/images/fd-rd-blc.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 23px;
	width: 100%;
	padding-top: 8px;
}
#bloc-faq-gauc
{
	width: 290px;
	float: left;
	margin-top: 15px;
	line-height: 20px;
	text-align: right;
	padding-right: 25px;
}
#bloc-faq-drt
{
	width: 580px;
	float: left;
	margin-top: 15px;
	padding-left: 25px;
	border-left: dotted 1px #333333;
	line-height: 20px;
	text-align: justify;
}

h3
{
	font-size: 11px;
	font-weight: bold;
	color: #45005a;
	line-height: normal;
	margin: 0;
	padding: 15px;
	margin-bottom: 10px;
	display: block;
	background-color: #f8fcd6;
	cursor: pointer;
	width: 100%;
}
h2 span
{
	text-decoration: underline;
}
h2 img
{
	display: inline;
}

#histo
{
	/* width: 640px; 	padding-left: 145px; 	float: left; */
}
#imprime
{
	float: left;
}
.masque
{
	display: none;
	padding: 15PX;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: justify;
	border: dashed 1px #d3d5d8;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 13px;
	width: 100%;
}
.form
{
	width: 150px;
	border: 1px solid #abc100;
	color: #666666;
	margin-bottom: 3px;
	height: 18px;
	font-size: 11px;
}
select
{
	margin-top: 5px;
}
.table1
{
	border-left: solid 1px #baa1c2;
	border-right: solid 1px #baa1c2;
}
.table2
{
	border-left: solid 1px #dfe98a;
	border-right: solid 1px #dfe98a;
}
#left1
{
	background-image: none;
}
#left2
{
	background-image: none;
}

.tbl-head
{
	background-color: #45005a;
	height: 25px;
	border-left: 1px solid #45005a;
	border-right: 1px solid #45005a;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-size: 14px;
}

.tbl-head2
{
	background-color: #abbf00;
	height: 25px;
	border-left: 1px solid #abbf00;
	border-right: 1px solid #abbf00;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-size: 14px;
}
.tbl-shead2
{
	background-color: #f8fcd6;
	background-image: url(../images/border-table-color2.gif);
	background-repeat: repeat-y;
	font-size: 11px;
}
.tbl-shead2 td
{
	height: 35px;
	border-bottom: #dfe98a solid 1px;
	font-weight: bold;
	color: #6c7709;
}
.tbl-content2
{
	background-color: #fff;
	background-image: url(../images/border-table-blc2.gif);
	background-repeat: repeat-y;
	height: 30px;
	border-bottom: #d3e067 solid 1px;
	font-size: 11px;
}
.tbl-shead
{
	background-color: #eee3f1;
	background-image: url(../images/border-table-color.gif);
	background-repeat: repeat-y;
	font-size: 11px;
}
.tbl-shead td
{
	height: 35px;
	border-bottom: #baa1c2 solid 1px;
	font-weight: bold;
	color: #45005a;
}
.tbl-content
{
	background-color: #fff;
	background-image: url(../images/border-table-blc.gif);
	background-repeat: repeat-y;
	height: 30px;
	border-bottom: #baa1c2 solid 1px;
	font-size: 11px;
}
#right1
{
	background-image: url(../images/border-table-right.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#right2
{
	background-image: url(../images/border-table-right2.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#btn
{
	margin-left: auto;
	margin-right: auto;
}
.btn
{
	background-color: #e8e8e8;
	height: 33px;
	border: #bcbcbc solid 1px;
	padding-left: 10px;
	padding-right: 10px;
}
#align
{
	vertical-align: middle;
	text-align: center;
}
/*menu*/


#footer
{
	clear: both;
	color: #5c5d5c;
	width: 100%;
	background-image: url(../../css/images/footer.gif);
	padding-top: 8px;
}

#footer a
{
	color: #074e5c;
}

#footer a:hover
{
	text-decoration: underline;
}

.lien-noir
{
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}
.lien-noir:hover
{
	text-decoration: none;
}

.lien-vert
{
	color: #abbf00;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}
.lien-vert:hover
{
	text-decoration: none;
	color: #c6dd03;
}

.lien-violet
{
	color: #45005a;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}
.lien-violet:hover
{
	text-decoration: none;
	color: #45005a;
}

.lien-violet-inactif
{
	color: #C0C0C0;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.lien-violet-inactif:hover
{
	text-decoration: none;
	color: #C0C0C0;
}

.lien
{
	color: #074e5c;
	text-decoration: none;
}
.lien:hover
{
	text-decoration: underline;
}
.noir11bold
{
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
#mail2
{
	background-image: url(../images/mail2.gif);
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 25px;
}

h2
{
	font-size: 14px;
	font-weight: bold;
	color: #abbf00;
	font-style: italic;
	margin: 0;
	padding: 0;
	float: left;
}
.gris
{
	color: #727272;
	font-weight: normal;
}
.violet
{
	color: #45005a;
}

.jaune10
{
	color: #e6f183;
	font-size: 10px;
}

.lien1
{
	font-size: 10px;
	color: #45005a;
	text-decoration: underline;
}
.lien1:hover
{
	text-decoration: none;
}

.lien2
{
	color: #abbf00;
	font-size: 10px;
	text-decoration: underline;
}
.lien2:hover
{
	text-decoration: none;
}
.blod14blc
{
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: #fff;
}
.bold11blc
{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.blod14vert
{
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: #abbf00;
}
.blod14violet
{
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: #45005a;
}
.lgth10grey
{
	font-size: 10px;
}

/*tracking*/
#suiviColis
{
	border-left: solid 1px #baa1c2;
	border-right: solid 1px #baa1c2;
	width: 630px;
	margin-bottom: 12px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
#suiviColis thead tr td
{
	background-color: #45005a;
	height: 25px;
	border-left: 1px solid #45005a;
	border-right: 1px solid #45005a;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
#suiviColis thead tr td span
{
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: #abbf00;
}
#suiviColis thead tr th
{
	background-color: #eee3f1;
	border-right: 1px dotted #45005A;
	font-size: 11px;
	height: 35px;
	border-bottom: #baa1c2 solid 1px;
	font-weight: bold;
	color: #45005a;
	text-align: center;
}
#suiviColis thead tr th a img
{
	border: 0;
}
#suiviColis tbody tr td
{
	text-align: center;
	background-color: #fff;
	border-right: 1px dotted #45005A;
	height: 30px;
	border-bottom: #baa1c2 solid 1px;
	font-size: 11px;
}

#ImageEtapeColis
{
	width: 630px;
	margin-left: auto;
	margin-right: auto;
}

#historiqueColis
{
	border-left: solid 1px #dfe98a;
	border-right: solid 1px #dfe98a;
	width: 630px;
	margin-bottom: 12px;
	border-collapse: collapse;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
}
#historiqueColis thead tr td
{
	background-color: #abbf00;
	height: 25px;
	border-left: 1px solid #abbf00;
	border-right: 1px solid #abbf00;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
#historiqueColis thead tr th
{
	background-color: #F8FCD6;
	border-right: 1px dotted #BCD011;
	font-size: 11px;
	height: 35px;
	border-bottom: #dfe98a solid 1px;
	font-weight: bold;
	color: #6c7709;
	text-align: center;
}
#historiqueColis thead tr th a img
{
	border: 0;
}
#historiqueColis tbody tr td
{
	background-color: #fff;
	border-right: 1px dotted #BCD011;
	height: 30px;
	border-bottom: #d3e067 solid 1px;
	font-size: 11px;
	text-align: center;
}
#msgAlert
{
	color: #45005A;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/picto-alert.gif) no-repeat 0 50%;
	line-height: 33px;
	padding-left: 40px;
	margin-left: 5px;
}
#reponseFormReclam
{
	color: #bed213;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 20px;
}

/* partie relais */
#form-relais
{
	margin: 0 0 15px 290px;
	height: 152px;
	width: 472px;
	background-image: url(../images/relais/fd-bloc.gif);
	background-repeat: no-repeat;
}
#form-relais h1
{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #bed213;
	padding: 35px 0 0 27px;
}
#form-relais div
{
	padding: 20px 0 0 80px;
}
#form-relais label
{
	font-size: 14px;
	font-style: oblique;
	font-weight: bold;
	color: #abbf00;
}
#listeRelais
{
	margin: 12px 0 0 20px;
	list-style: none;
	width: 97%;
}
#listeRelais a
{
	text-decoration: none;
	font-weight: bold;
	color: #45005a;
	display: block;
	line-height: 15px;
}
#listeRelais .nom
{
	font-weight: bold;
	font-size: 13px;
	margin-top: 7px;
}
#listeRelais .adresse
{
	font-weight: normal;
	font-size: 12px;
}
#listeRelais .horaires
{
	font-weight: normal;
	color: #727272;
	font-size: 11px;
	background: url(../images/relais/picto-horaires.png) no-repeat 0 50%;
	padding-left: 20px;
	line-height: 22px;
	float: left;
}
#listeRelais .detail
{
	font-weight: normal;
	color: #727272;
	font-size: 11px;
	background: url(../images/relais/picto-detail.png) no-repeat 0 50%;
	padding-left: 20px;
	line-height: 22px;
	float: left;
	margin-left: 15px;
}
#listeRelais a img
{
	border: 0;
}
#noRelais
{
	margin-left: 130px !important;
	font-style: italic;
}

#map_canvas
{
	float: left;
	border: 1px solid #45005a;
	width: 500px;
	height: 300px;
	margin: 30px 0 0 0;
}
#TitrePage
{
	width: 450px;
	padding: 5px 10px 5px 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ABBF00;
	text-align: center;
}
#divReplanification
{
	height: 340px;
}
#tableReplanification
{
	margin-left: auto;
	margin-right: auto;
	width: 630px;
}
#tableReclamation
{
	margin-left: auto;
	margin-right: auto;
}
.trRecla
{
}
#divMessageErreur
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ABBF00;
	text-align: center;
	color: #45005a;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#divSavoirPlus
{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#divSavoirPlusLogo
{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:Aqua;*/
}
.imgSavoirPlusLogoAdrexo
{
	vertical-align:middle;
	text-align:left;
}
.imgSavoirPlusLogoKiala
{
	float:right;
	padding-top:25px;
}

.SavoirPlusTitre
{
		font-weight: bold;
}
.SavoirPlusText
{
	margin-left:50px;
	margin-top:5px;
}