body {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 11px;
}

.shiptrack {
font-size: 12px;
color: #325184;
font-weight: bold;
}

.andcom {
font-size: 8px;
font-style: italic;
font-weight: bold;
color: #000000;
}

/*contient tous les elements de la page*/
#page {
margin-top: 1%;
width: 780px;
left: 0;
padding: 0;
}

/*contient tous les elements sauf le footer*/
#conteneur {
width: 100%;
left: 0;
margin: 0;
padding: 0;
}

#header {
margin: 0;
padding: 0;
}

#header img {
border: 0;
}

#milieu {
width: 100%;
clear: both;
margin-top: 2px;
padding: 10px 0 0 0;
}

#gauche {
float: left;
width: 520px;
padding: 0;
margin: 0;
}

#welcome {
text-align: center;
padding: 0 0 10px 0;
}

#welcome p {
margin: 0 0 0.4em 0;
}

#welcome a, #header a {
color:  #000066; 
}

#welcome a:hover, #header a:hover {
color: #A82A1A;
}



/*pour la premiere page*/
#accueil {
border: 1px solid #325184;
text-align: center;
background-image: url(image/world.gif);
padding: 10px 10px 12px 10px;
width: 500px;
}

#accueil img {
border: 1px solid gray;
margin: 10px 5px 10px 5px;
} 


/*pour les autres pages*/
#centerH {
width: 100%;
border: 1px solid #325184;
background-image: url(image/world.gif);
background-position-x : center;
background-position-y : center;
}

#centerH p {
margin: 10px 0 10px 0;
padding: 0;
}

#centerH2 {
width: 100%;
border: 1px solid #325184;
background-color: #EFEFEF;
text-align: left;
margin-bottom: 10px;
/*padding: 5px;*/
}


#centreH2 img {
border: 0;
float: left;
}

#centerH2 h1 {
font-size: 13px;
margin: 0 0 1em 0;
}

#centerH2 h2 {
font-size: 13px;
font-weight: lighter;
margin: 0 0 1em 0;
}

 

/*liste de choix pour les infos et les transporteurs*/
.list {
border: 1px solid gray;
text-align: left;
font-weight: bold;
}

#droite {
width: 250px;
height: 490px;
/*border: 1px solid #325184;*/
padding: 0;
margin: 5px; /* 525px*/
}


.pubV {
width: 120px;
height: 240px;
border: 1px solid #325184;
background-color: #FFFFFF;
margin: 0;
text-align: center;
}

.pubH {
margin: 5px 0 8px 0;
border: 1px solid #325184;
/*width: 468px;*/
width: 100%;
height: 60px;
background-color: #FFFFFF;
text-align: center;
}

.pubH img, .pubV img {
border: 0;
margin: 0;
padding: 0;
}

#footer{
width: 100%;
margin-top: 0;
margin-bottom: 5px;
border-top: 1px solid #325184;
clear: both;
font-size: 10px;
}

/*pour le and de ShippingandTracking*/
.footerand {
font-size: 7px;
font-style: italic;
}

#footer a {
text-decoration: none;
color:  #000066; 
}

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

#footer p {
margin: 0;
}

.trans {
text-align: center;
width: 100%;
border: 1px solid #325184;
margin-bottom: 2%;
}

.transH {
border-bottom: 1px solid #325184;
background-color: #CCCCCC;
font-size: 12px;
font-weight: bold;
/*padding: 1 0 1 0;*/
}

.transB {
background-color: #EFEFEF;
text-align: left;
padding: 0.5em 0 0.5em 0;
}

.transB p {
margin-left: 3em;
}


/*dans la page de choix de l'info et du transporteur, titre du centreH*/
.titre { 
border-bottom: 1px solid #325184;
margin: 0.5em 0 0.5em 0;
padding-bottom: 0.5em;
font-weight: bold;
text-align: center;
}


/*cadre qui prend 100% de l'espace*/
#cadre {
/*width: 100%;*/
background-color: #EFEFEF; 
border: 1px solid #325184;
padding: 1em 1.8em 1em 1.8em;
text-align: justify;
margin-top: 1em;
/*font-size: 11px;*/
clear: both;
margin-bottom: 5px;
}

#cadre p, #centerH2 p {
margin: 0 0 1em 0;
}

#cadre ul, #centerH2 ul {
margin: 0;
}

#cadre li, #centerH2 li{
margin : 1em 0 0 2em;
}

#cadre h1 {
font-size: 12px;
font-weight: lighter;
margin: 0 0 1em 0;
}

#cadre h2 {
font-size: 12px;
margin: 0 0 1em 0;
text-align: center;
}

.newsearch {
clear: both;
left: 0;
border: 1px solid #325184;
background-color: #EFEFEF;
padding: 0.5em 0 0.5em 0;
width: 140px;
}

.newsearch img {
border: 0;
}


.transB a, #cadre a, #centerH2 a, #centerH a, .pubV a, .pubH a{
/*text-decoration: none;*/
color: #000066; 
}

.transB a:hover, #cadre a:hover, #centerH2 a:hover, #centerH a:hover, .pubV a:hover, .pubH a:hover{
/*text-decoration: underline;*/
color: #A82A1A;
}

.outil {
border: 1px solid #325184;
width: 120px;
margin: 0 0 5px 0;
text-align: center;
padding: 4px 0 4px 0;
}

.outil a {
text-decoration: none;
color: #325184;
font-weight: bold;
font-size: 12px;
}

.outil a:hover {
text-decoration: underline;
color: #A82A1A;
}

.outil img {
border: 0;
margin: 0;
padding: 0;
}

#link a {
text-decoration: none;
color: #325184;
font-weight: bold;
}

#link a:hover {
text-decoration: underline;
color: #A82A1A;
}

#link p {
margin: 0 0 3px 0;
}