/* ---------------------------------
 Alexandra Leroy - Site GMJ Phoenix
 Feuille de styles
 Elements graphiques du site 
 Novembre 2006
--------------------------------- */
/*Preload des images png permet d'enlever le bug de chargement // Remettre les liens des images en absolu */
/*.preload1 { 
background: url(../img/visuels/eur1.png); 
display: none; 
} 
.preload2 { 
background: url(../img/visuels/certifOrigine.png); 
display: none; 
}
.preload3 { 
background: url(../img/visuels/ata.png); 
display: none; 
} 
.preload4 { 
background: url(../img/visuels/detaxe.png); 
display: none; 
} 
.preload5 { 
background: url(../img/visuels/lta.png); 
display: none; 
}
.preload6 { 
background: url(../img/visuels/lvn.png); 
display: none; 
}
.preload7 { 
background: url(../img/visuels/lve.png); 
display: none; 
}
.preload8 { 
background: url(../img/visuels/cmr.png);
display: none; 
}
.preload8 { 
background: url(../img/visuels/bsd.png);
display: none; 
}
.preload9 { 
background: url(../img/visuels/iata.png);
display: none; 
}
.preload10 { 
background: url(../img/visuels/expedMultimodal.png);
display: none; 
}
.preload11 { 
background: url(../img/visuels/declarationADR.png);
display: none; 
}
.preload12 { 
background: url(../img/visuels/cefic.png);
display: none; 
}*/

* {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#000;
font-size: 11px;
}
p{
margin: 0 0 10px 0;
}
a.lien_ext:after {
content: "\0000a0[\2197]";
}
#navLiens{
color:#666;
font-size:10px;
text-decoration:none;
padding-top:5px;
}
#navLiens a{
color:#666;
font-size:10px;
text-decoration:none;
}
#navLiens a:hover{
text-decoration:underline;
}
#titrePage{
display:block;
margin-bottom:20px;
}
.spacer3{
clear:both;
height:3px;
font-size:1px;
}
.spacer5{
clear:both;
height:5px;
font-size:1px;
}
.spacer10{
clear:both;
height:10px;
font-size:1px;
}
.spacer22{
clear:both;
height:22px;
font-size:1px;
}
.separateurBlocG{
clear:both;
background-color:#CCC;
height:2px;
width:100%;
font-size:1px;
margin:4px 0 4px 0;
}
.bold{
font-weight:bold;
}
#retourHaut{
position:absolute;
right:10px;
font-weight:bold;
text-decoration:none;
}
/***************************************************************************************/
/*  Page interne */
.categorie{
position:relative;
margin-bottom:18px;
}

.categorie a{
font-weight:bold;
text-decoration:none;
line-height:18px;
}
.categorie a:hover{
font-weight:bold;
text-decoration:underline;
}
.titreCategorie{
clear:both;
width:626px;
background-color:#397797;
height:9px;
overflow:hidden;
}
*html .titreCategorie{
height:8px;
}
#categorieMarchandises .titreCategorie, #categorieMarchandises1 .titreCategorie, #categorieMarchandises2 .titreCategorie, #categorieMarchandises3 .titreCategorie, #categorieMarchandises4 .titreCategorie {
background-color:#ED7F11;
}
#categorieDechets .titreCategorie, #categorieDechets1 p.titreCategorie, #categorieDechets2 .titreCategorie, #categorieDechets3 .titreCategorie, #categorieDechets4 .titreCategorie, #categorieDechets5 .titreCategorie {
background-color:#57801D;
}
#categorieDocsConsignes .titreCategorie, #categorieDocsConsignes1 .titreCategorie, #categorieDocsConsignes2 .titreCategorie, #categorieDocsConsignes3 .titreCategorie, #categorieDocsConsignes4 .titreCategorie,  #categorieDocsConsignes5 .titreCategorie{
background-color:#DB5739;
}
#categorieDocsConsignes img, #categorieDocsConsignes1 img, #categorieDocsConsignes2 img, #categorieDocsConsignes3 img, #categorieDocsConsignes4 img, #categorieDocsConsignes5 img {
vertical-align:middle;
}
#categorieEtiqSecu .titreCategorie{
background-color:#DB5739;
}
.titreCategorie span.text{
text-transform:uppercase;
color:#23688B;
font-weight:bold;
line-height: 8px;
background-color:#E7E7E7;
padding-right:8px;
}
#categorieMarchandises .titreCategorie span.text, #categorieMarchandises1 .titreCategorie span.text, #categorieMarchandises2 .titreCategorie span.text, #categorieMarchandises3 .titreCategorie span.text, #categorieMarchandises4 .titreCategorie span.text {
color:#ED7F11;
background-color:#E7E7E7;
}
#categorieDechets .titreCategorie span.text, #categorieDechets1 .titreCategorie span.text, #categorieDechets2 .titreCategorie span.text, #categorieDechets3 .titreCategorie span.text, #categorieDechets4 .titreCategorie span.text, #categorieDechets5 .titreCategorie span.text {
color:#57801D;
background-color:#E7E7E7;
}
#categorieDocsConsignes .titreCategorie span.text, #categorieDocsConsignes1 .titreCategorie span.text, #categorieDocsConsignes2 .titreCategorie span.text, #categorieDocsConsignes3 .titreCategorie span.text, #categorieDocsConsignes4 .titreCategorie span.text, #categorieDocsConsignes5 .titreCategorie span.text, #categorieEtiqSecu .titreCategorie span.text {
color:#DB5739;
background-color:#E7E7E7;
}
.sousCategorie{
display:list-item;
list-style-type:square;
list-style-position:inside;
color:#397797;
font-weight:bold;
}
#categorieDocsConsignes .sousCategorie, #categorieDocsConsignes1 .sousCategorie, #categorieDocsConsignes2 .sousCategorie, #categorieDocsConsignes3 .sousCategorie, #categorieDocsConsignes4 .sousCategorie, #categorieDocsConsignes5 .sousCategorie, #categorieEtiqSecu .sousCategorie {
display:list-item;
list-style-type:square;
list-style-position:inside;
color:#DB5739;
font-weight:bold;
}
#categorieDechets .sousCategorie, #categorieDechets1 .sousCategorie, #categorieDechets2 .sousCategorie, #categorieDechets3 .sousCategorie, #categorieDechets4 .sousCategorie, #categorieDechets5 .sousCategorie, {
display:list-item;
list-style-type:square;
list-style-position:inside;
color:#57801D;
font-weight:bold;
}
#categorieEtiqSecu .sousCategorie{
display:list-item;
list-style-type:square;
list-style-position:inside;
color:#DB5739;
font-weight:bold;
}
#categorieEtiqSecu .ligne1Produit, #categorieEtiqSecu .ligne2Produit{
/*line-height:16px;*/
margin:0;
}
.ligne1Produit{
position:relative;
background-color:#FFF;
padding:3px 4px 3px 4px;
margin:0;
}
.ligne2Produit{
position:relative;
background-color:#D9D9D9;
padding:3px 4px 3px 4px;
margin:0;
}
.ref{
font-weight:bold;
color:#000;
}
/***************************************************************************************/
/*  Page Formulaire douanier */
#eur1{
position:absolute;
right:14px;
top:-11px;
}
#co{
position:absolute;
right:14px;
top:20px;
}
#ata{
position:absolute;
right:14px;
top:20px;
}
#detaxe{
position:absolute;
right:14px;
top:-16px;
}
#detaxe2{
position:absolute;
right:14px;
top:20px;
}
#lta{
position:absolute;
right:14px;
top:-16px;
}
#lvn{
position:absolute;
right:10px;
top:-16px;
}
#lve{
position:absolute;
right:26px;
top:-14px;
}
#cmr{
position:absolute;
right:26px;
top:-14px;
}
#selectarif{
position:absolute;
right:20px;
top:-11px;
border:1px #999 solid;
}
#conex{
position:relative;
margin-left:536px;
margin-top:-10px;
margin-bottom:20px;
border:1px #999 solid;
}
#deltapass{
position:absolute;
right:20px;
top:-11px;
border:1px #999 solid;
}
#edoc{
position:absolute;
right:20px;
top:-6px;
}
#malta2{
position:absolute;
right:20px;
top:-6px;
}
/***************************************************************************************/
/*  Page Transport voyageurs */
#visuelAutocaristes {
position:relative;
float: right;
margin-top: 0px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 10px;
}

/***************************************************************************************/
/*  Page Répertoire FNTV */

#visuelRepertoire{
position:relative;
float: left;
margin-top:-20px;
margin-left:0px;
}
#titreRepertoire{
position:absolute;
top:60px;
left:40px;
}
#baselineRepertoire{
position:absolute;
top:94px;
left:40px;
}
#logoFntv{
position:relative;
float: left;
display:block;
top:60px;
left:470px;
}
#btInfoAnnonceurs{
position:relative;
float: left;
width:auto;
margin-top:-20px;
margin-left:400px;
text-decoration:none;
}
#btInfoAnnonceurs img{
border:0;
float:left;
}
#btInfoAnnonceurs .texte{
background-image:url(../img/btJauneM.gif);
display:block;
float:left;
font-weight:bold;
padding-top:2px;
width:auto;
height:28px;
cursor:pointer;
}
.paragrapheFNTV{
float:left;
position:relative;
clear:both;
width:570px;
background-image:url(../img/flecheJaune.gif);
background-repeat:no-repeat;
min-height:30px;
margin-left:5px;
margin-bottom:16px;
padding-left:32px;
}
/**html .paragrapheFNTV {
background-image:none;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/flecheJaune.png', sizingMethod='crop'); /*lien image relatif à la page html */
/*}*/
#paragrapheFNTV1{
float:left;
margin-top:-50px;
}
*html #paragrapheFNTV1{
float:none;
}
.paragrapheFNTV .titre{
display:block;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
}
/***************************************************************************************/
/*  Page Formulaire Déchets */

#bsd{
position:absolute;
z-index:10;
right:14px;
top:-5px;
}

/***************************************************************************************/
/*  Page Accueil Transport marchandises dangereuses */
a#logoANCS{
float:right;
display:block;
margin-top:-40px;
}
a#logoANCS img{
border:0;
}
#navMD{
float:left;
width:375px;
margin-top:40px;
}
#navMD a{
display:block;
width:362px;
text-transform:uppercase;
text-decoration:none;
height:14px;
background:#D7D7D7 url('../img/flecheRouge.gif') no-repeat;
font-weight:bold;
color:#C04C32;
padding-left:13px;
padding-top:2px;
}
#navMD a:hover{
display:block;
width:362px;
text-transform:uppercase;
text-decoration:none;
height:14px;
background:#BBB url('../img/flecheRouge.gif') no-repeat;
font-weight:bold;
color:#C04C32;
padding-left:13px;
padding-top:2px;
}
#visuelsMD{
float:right;
position:relative;
z-index:-1;
margin-top:36px;
margin-bottom:30px;
}
p.chapoInfo{
clear:both;
background:transparent url(../img/puceRouge.gif) no-repeat;
padding-left:10px;
}
.chapoInfo a{
float:right;
margin-bottom:5px;
}
.chapoInfo a.lienNews {
float:none;
margin-bottom:5px;
}
form.inscription{
font-weight:bold;
}
form.inscription span{
clear:left;
margin-left:10px;
}
form.inscription #ok{
display:block;
margin:4px 0 0 30px;
}
#btSolutionsTMD {
	display: block;
	text-decoration: none;
	clear: both;
	margin-left: 109px;
	margin-right: auto;
	padding-top: 20px;
}
#btSolutionsTMD img {
	border: 0;
}
/***************************************************************************************/
/*  Page Contacts */
.contact{
float:left;
clear:both;
margin-bottom:20px;
}
.contact a{
float:left;
font-weight:normal;
}
.contact span{
float:left;
font-weight:normal;
}
.contact span.intitule{
display:block;
font-weight:bold;
width:170px;
margin-left:10px;
}
/***************************************************************************************/
/*  Page Liens */
.liens{
float:left;
width:280px;
margin-bottom:20px;
margin-left:20px;
font-weight:bold;
text-decoration:none;
vertical-align:middle;
}
.liens img{
border:0;
vertical-align:middle;
margin-right:10px;
}
.liens span{
display: block;
font-weight: normal;
font-size: 10px;
margin-left: 83px;
margin-top: -10px;
}
/***************************************************************************************/
/*  Page Information Devis (formulaire) */
form{
margin:0;
}
form p{
font-weight:bold;
float:left;
padding-left:10px;
width:270px;
}
form p.titreForm{
font-weight:bold;
float:left;
clear:both;
padding:0;
margin:0;
}
form .Reference{
font-weight:bold;
}
form .Quantite{
font-weight:bold;
}
.tableau{
float:left;
margin-left:10px;
margin-bottom:10px;
}
.tableau th{
width:270px;
text-align:left;
}
.tableau td{
width:120px;
text-align:left;
}
.tableau input{
text-align:left;
margin-left:0px;
margin-right:0;
}
form .Note{
font-weight:normal;
float:left;
width:184px;
margin-top:10px;
padding:4px 4px 4px 4px;
background-color:#E7E7E7;
border:1px solid #999;
}
form .remarqueForm{
float:left;
width:574px;
margin:0 20px 10px 20px;
background-color:#E7E7E7;
border:1px solid #999;
padding:4px;
}
*html form .remarqueForm{
margin:0 10px 10px 10px;
}
.select{
font-weight:bold;
float:left;
padding-left:10px;
width:500px;
}
.intituleForm{
float:left;
width:250px;
margin-bottom:2px;
margin-left:10px;
}
.tableau2{
float:left;
clear:both;
width:570px;
padding-left:10px;
margin-bottom:10px;
}
.tableau2 th{
text-align:left;
width:340px;
}
.tableau2 td{
text-align:left;
}
.tableau input{
text-align:left;
margin-left:0px;
margin-right:0;
}
p.intituleFormAdresse{
float:left;
width:560px;
margin-left:10px;
}
.select .intituleForm{
float:left;
width:280px;
margin-bottom:2px;
margin-left:10px;
}
form input, form select, form textarea{
font-weight:normal;
float:left;
margin-left:10px;
}
form input#btEnvoi{
font-weight:normal;
float:none;
display:inline;
width:auto;
}
.formCateg{
float:left;
width:624px;
background-color:#F9F9F9;
border:1px solid #E7E7E7;
padding-top:10px;
margin-bottom:10px;
}
.intituleForm2{
float:left;
width:250px;
margin-bottom:2px;
margin-left:10px;
}
.intituleForm2 input{
float:none;
display:inline;
font-weight:normal;
margin:0;
vertical-align:middle;
}
.intituleFormBon{
float:left;
margin-bottom:2px;
margin-left:10px;
}
.inputFormBonR{
float:left;
}
.inputFormBonQ{
float:left;
clear:both;
width:80px;
}
.confirmation{
float:left;
width:624px;
background-color:#F9F9F9;
border:1px solid #E7E7E7;
padding:10px 0 10px 0;
margin-bottom:10px;
font-weight:bold;
text-align:center;
}
/***************************************************************************************/
/*  Page Docs/Consignes de sécurité */
#banner_MD {
position:relative;
z-index: 1;
margin-bottom:16px;
margin-left:110px;
}
#banner_CEFIC {
position:relative;
z-index: 1;
margin-left:8px;
}
.pays{
display:block;
float:left;
width:140px;
margin:0 10px 10px 0px;
}
.pays img{
vertical-align:middle;
margin:0 8px 0 0;
}
.ligneFlags{
position:relative;
float:left;
width:618px;
background-color:#FFF;
padding:3px 4px 3px 4px;
margin:0;
}
#docIata{
position:absolute;
left:164px;
top:65px;
}
#expedMultimodal{
position:absolute;
left:264px;
top:65px;
}
#docADR{
position:absolute;
left:364px;
top:65px;
}
#consignes {
position:absolute;
z-index:10;
/*right:14px;*/
right:300px;
top:95px;
}
.ligne1ProduitCefic{
position:relative;
background-color:#FFF;
/*padding:3px 80px 3px 4px;*/
padding:3px 4px 3px 4px;
margin:0;
}
/***************************************************************************************/
/*  Page Ouvrage */
#adr{
position:absolute;
right:20px;
top:-10px;
}
#iata{
position:absolute;
right:20px;
top:-14px;
}
#imdg{
position:absolute;
right:20px;
top:-14px;
}
#rid{
position:absolute;
right:20px;
top:-10px;
}
#adnr{
position:absolute;
right:20px;
top:-10px;
}
/***************************************************************************************/
/*  Page Etiquetage Transport */

#classeGauche{
position:relative;
top:0;
left:0;
width:305px;
height:243px;
background-color:#FFF;
padding:3px 4px 3px 4px;
margin-bottom:0;
}
#classeDroite{
position:relative;
margin-top:-249px;
left:313px;
width:305px;
height:243px;
background-color:#FFF;
padding:3px 4px 3px 4px;
}
#classeGauche img, #classeDroite img{
vertical-align:middle;
}
#UN{
position:absolute;
z-index:10;
right:20px;
top:-4px;
}
#QE{
position:absolute;
z-index:10;
right:160px;
top:2px;
}
#QL{
position:absolute;
z-index:10;
right:160px;
top:-4px;
}
#DE {
position:absolute;
z-index:10;
right:200px;
top:2px;
}
#panneauOrange1{
position:absolute;
z-index:10;
right:160px;
top:55px;
}
#panneauOrange2{
position:absolute;
z-index:10;
right:30px;
top:55px;
}
#antirenversement{
position:absolute;
z-index:10;
right:155px;
top:250px;
}
#transportChaud{
position:absolute;
z-index:10;
right:250px;
top:90px;
}
#QE2 {
position:absolute;
z-index:10;
right:220px;
top:150px;
}
/***************************************************************************************/
/*  Page Equipements ADR */
#valiseSecurite{
position:absolute;
right:14px;
top:5px;
}
#obturateur {
position:absolute;
right:14px;
top:20px;
}
#kitAbsorbant{
position:absolute;
right:14px;
top:20px;
}
#gilet{
position:absolute;
right:260px;
top:5px;
}
#lampe{
position:absolute;
right:14px;
top:55px;
}

/***************************************************************************************/
/*  Page Etiquetage Securite travail */
.visuelEtiqSecu {
position:absolute;
right:300px;
top:4px;
}
#chlorobenzene {
position:absolute;
right:200px;
top:26px;
}
#tactile {
position:absolute;
right:220px;
top:86px;
}
/***************************************************************************************/
/*  Page Note d'information */
p.info{
margin-bottom:16px;
background-color:#F0F0F0;
padding:6px;
}
p.info span.chapo{
font-weight:bold;
font-size:12px;
}
p.info span.textInfo{
display:block;
}
p.info a {
display: inline;
}
/*  Nouvelle Page Note d'information */
div.info {
margin-bottom:16px;
background-color:#F0F0F0;
padding:6px;
clear: both;
}
div.info div.chapo {
font-weight:bold;
font-size:12px;
float: left;
margin: 0 0 16px 0;
}
div.info div.textInfo{
display:block;
clear: both;
}
div.info div.textInfo a.liens{
display: inline;
margin: 0;
padding: 0;
float: none;
}
div.info a {
display: inline;
}
/***************************************************************************************/
/*  Page Formations */
.formation{
position:relative;
margin-bottom:18px;
}
.formation .ligne1Produit{
padding:4px 4px 8px 4px;
}
.formation a{
margin-left:485px;
font-weight:bold;
}
.formation .titreFormation{
background-color:#DB5739;
width:626px;
}
.formation .titreFormation span.text{
display:block;
color:#FFF;
font-weight:bold;
margin:auto 4px auto 4px;
}
#formation1, #formation2, #formation3, #formation4, #formation5, #formation6, #formation7{
background-color:#FFF;
width:626px;
padding-top:10px;
padding-bottom:10px;
}
#formation1 p, #formation2 p, #formation3 p, #formation4 p, #formation5 p, #formation6 p, #formation7 p{
margin:0 4px 4px 4px;
}
.intituleFormation{
text-transform:uppercase;
color:#DB5739;
background-image:url(../img/puceBrique.gif);
background-repeat:no-repeat;
padding-left:10px;
font-weight:bold;
}
.sstitreFormation{
font-weight:bold;
}
.tiret{
display:block;
margin:0;
background-image:url(../img/puceNoirePetite.gif);
background-repeat:no-repeat;
padding-left:6px;
}

/***************************************************************************************/
/*  Page Appel Urgence */
.appelUrgence {
position:relative;
margin-bottom: 18px;
}
.appelUrgence a{
font-weight:bold;
}
.appelUrgence p.titreAppel {
background-color:#DB5739;
width:626px;
padding: auto 4px auto 4px;
margin: 0 0 10px 0;
}
.appelUrgence p.titreAppel span.text {
display:block;
color:#FFF;
font-weight:bold;
margin-left: 4px;
}
.texteAppel {
background-color: #FFFFFF;
padding:4px;
}
.texteAppel h2 {
margin: 0 0 11px 0;
}
.texteAppel img {
float: right;
margin: 0 0 4px 8px;
}
.appelUrgence p {
margin: 0 0 11px 0;
}
#formation1 p, #formation2 p, #formation3 p, #formation4 p, #formation5 p, #formation6 p, #formation7 p{
margin:0 4px 4px 4px;
}



/******************************************************************************************
Affichage des zooms
******************************************************************************************/
.visuZoom {
position:absolute;
z-index:12;
display:block;
visibility:hidden;
left:50px;
top:50px;
}
.visuZoom2 {
position:absolute;
z-index:12;
display:block;
visibility:hidden;
left:50px;
top:auto;
}
#visuDouane3 {
top:250px;
}
#visuDouane4 {
top:450px;
}
#visuDouane4bis {
top:65px;
left:135px
}
#visuDouane5 {
left:-20px;
top:500px;
}
#visuVoiture1 {
left:0px;
top:55px;
}
#visuVoiture2 {
left:50px;
top:30px;
}
#visuVoiture3 {
left:50px;
top:30px;
}
#visuDoc1 {
left:70px;
top:30px;
}
#visuDoc4 {
left: 10px;
top: 500px;
}

/* A CORRIGER */
#clone_defil {}
#conteneur_defil { width:800px; margin:0 auto; border:0; overflow:hidden;}
#cadre_defil { position:relative; width:800px; height:60px; overflow:hidden; }
#defile { position:absolute; margin-top:5px; background-color:transparent; }

/* BUTTONS */

input.submitbtn-achetercesarticles {
  position:relative;
  display:block;
  width:143px;
  height:30px;
  border:0;
  background:url(../img/buttons/submitbtn-achetercesarticles.gif) no-repeat;
  cursor:pointer;
}

input.submitbtn-validerlacommande {
  position:relative;
  display:block;
  width:150px;
  height:31px;
  border:0;
  background:url(../img/buttons/submitbtn-validerlacommande.gif) no-repeat;
  cursor:pointer;
}

input.submitbtn-validerlacommande-blue {
  position:relative;
  display:block;
  width:150px;
  height:31px;
  border:0;
  background:url(../img/buttons/submitbtn-validerlacommande-blue.gif) no-repeat;
  cursor:pointer;
}

input.submitbtn-passeraupaiement-blue {
  position:relative;
  display:block;
  width:144px;
  height:31px;
  border:0;
  background:url(../img/buttons/submitbtn-passeraupaiement-blue.gif) no-repeat;
  cursor:pointer;
}

input.submitbtn-passeraupaiement {
  position:relative;
  display:block;
  width:144px;
  height:31px;
  border:0;
  background:url(../img/buttons/submitbtn-passeraupaiement.gif) no-repeat;
  cursor:pointer;
}

td.art_td_class p {
  font-weight:normal;display:block;width:130px;height:auto;overflow:visible;padding:5px 0;white-space:normal;
}

span.titleArticle strong p {
  margin:0;
  padding:0;
}