/*
-----------------------------------------------
CGI pour CTQ
cree par Martine Giguere/Pierre-Gilles Tremblay
date creation: 14 dec 2006
derniere modification: 12 avril 07
----------------------------------------------- */


/* règles générales
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td,strong{margin:0;padding:0;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a img{
	text-decoration:none;
	border:0;
	border-style: none;
}
cite,code,th{font-style:normal;font-weight:normal;}
/*ol,ul{list-style:none;}*/
th{text-align:left;}
/*h1,h2,h3,h4{font-size:100%;}*/
q:before,q:after{content:'';}
body{font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;/*font-size:small;*/background-color: #fff; color:#4E3C14;}
table{font-size:inherit;font-size:100%;}
select, input, textarea{font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif;}
pre,code{font:115% monospace;font-size:100%;}
sup{
 font-size:0.8em;
 line-height:0.8em;
 vertical-align:top;
}
body{line-height:1.22em;height:auto;}
a:link{color:#002C82;}
a:visited{color:#000;}

/* Contenant global
----------------------------------------------- */

#container {
	background-color: #fff;
	width:760px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

/* corps de la page
----------------------------------------------- */
#contenu{
	margin:0 0 20px 0;
	padding:0;
	display:block;
        width:760px;
	}
/* Entête de page
----------------------------------------------- */
#header {
	width:760px;
        height:100px;
        margin:0;
        padding:0;
	display:block;
	background: url(../images/img_banniere.jpg) no-repeat top right;
	}

/* Menu principal dans le bandeau header
----------------------------------------------- */
#menuPrincipal{
	color:#fff;
	margin:0;
	padding:0;
	float:right;
	width:548px;
  }
#menuPrincipal ul {
	margin-top:57px;	
	padding:0;
	font:11px Arial, sans-serif;
	list-style:none;
	}
#menuPrincipal ul li {
	display: inline;
	}
#menuPrincipal ul li a{
	margin:0;
	float:left;
	padding:0 3px 0 5px;
	color:#fff;
	text-decoration:none;
	display:inline;
	background-color:#003399;
	}
#menuPrincipal a:hover{
	color:#fff;
	text-decoration:underline;
	}
#menuPrincipal li.current{
	margin:0px;
	padding:2px 5px 3px 10px;
	color:#fff;
	float:left;
	text-decoration:none;
	}
#menuPrincipal a.right{
	float:right;
  }

/* Headings
----------------------------------------------- */
h1{
	color:#8A1A0C;
	font-size: 1.4em;
	margin: 0 0 10px 0;
	padding:10px 0 20px 0;
	line-height:1.2em;
	background: url(../images/bg_h1.jpg) no-repeat bottom left ;
}
h1.surtitre{
	color:#8A1A0C;
	font-size: 1.4em;
	margin: 0 0 10px 0;
	padding:0px 0 20px 0;
	line-height:1.2em;
	background: url(../images/bg_h1.jpg) no-repeat bottom left ;
}
h1 span, span.surtitre{
        color:#8A1A0C;
	font-size:60%;
	font-weight: lighter;
	margin: 0;
	padding:0;
	letter-spacing: 1px;
	line-height:0.8em;
}

h1 acronym,
span.surtitre acronym{
  color:#8A1A0C;
	font-size:1em;
  font-weight:bold;
	cursor: help;
	border-bottom: 1px dotted #4E3C14;
}
/*titres a utiliser dans typo3 pour les grandes sections*/
h1.TitreTaxis, h1.TitreAutobus, h1.TitreCamionnage, h1.TitreTrains, h1.TitreMaritime, h1.TitrePEVL, h1.TitreIntermediaire, h1.TitreConducteur, h1.TitreCommission{
            padding:10px 0 23px 80px;
            line-height:1em;
            }
h1.TitreTaxis{
	background: url(../images/bg_h1_taxis.jpg) no-repeat bottom left;
}
h1.TitreAutobus{
	background: url(../images/bg_h1_autobus.jpg) no-repeat bottom left;
}
h1.TitreCamionnage{
            background: url(../images/bg_h1_camion.jpg) no-repeat bottom left;
            padding:10px 0 23px 80px;
            }
h1.TitreTrains{
	background: url(../images/bg_h1_trains.jpg) no-repeat bottom left;
}
h1.TitreMaritime{
	background: url(../images/bg_h1_maritime.jpg) no-repeat bottom left;
}
h1.TitrePEVL{
	background: url(../images/bg_h1_pevl.jpg) no-repeat bottom left;
	padding:10px 0 23px 80px;
}
h1.TitreIntermediaire{
	background: url(../images/bg_h1_inter.jpg) no-repeat bottom left;
	padding:10px 0 23px 80px;
}
h1.TitreConducteur{
            background: url(../images/bg_h1_conduc.jpg) no-repeat bottom left;
	   padding:10px 0 23px 80px;
}
h1.TitreCommission{
	background: url(../images/bg_h1_commi.jpg) no-repeat top left;
}
h2{
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 13px 0 5px 0;
}
h2.rpevl{
	float:left;
}

h2.form {
	font-size:1em;
	display:block;
	padding: 3px 0px 3px 6px;
	margin:10px 0 4px 0;;
	font-weight: bold;
	background:#F2E8CE;
	color:#4E3C14;
	clear:both; 
  }
/* patch */
h2.AvantDebut {
	font-size:1em;
	padding: 3px 0px 3px 6px;
	margin:10px 0 4px 0;;
	font-weight: bold;
	background:#F2E8CE;
	color:#4E3C14;
  }
div.AvantDebuter{
	width:490px;
  }
h2 span{
	font-size:90%;
	font-weight: lighter;
	margin: 0;
	padding:0;
	line-height:0.8em;
  }
h3{
	color: #4E3C14;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 2px 0;
  }
h4{
	color: #4E3C14;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 2px 0;
  }
/* menu vertical dans les pages sauf accueil
----------------------------------------------- */
#menu{
	float: left;
	display: block;
	width:160px;
	padding:0;
	margin:0 0 20px 0;
	}

#menu p{
margin:20px 0;
}
#menu p#rech{/*recherche dans typo3*/
	margin:0;
  }
#menu a{ 
	color:#002C82;
  }
#menu a:hover{
	text-decoration: none;
  }
#contenu #menu ul {
   list-style:none;
	list-style-type: none;
	list-style-image:none;
	margin-left:0;
	}
#menu ul ul{
        margin-left:0;
        margin-bottom:0;
	}
#menu ul li {
	padding:2px 0 2px 15px;
	background: url(../images/puce_actu.gif) no-repeat left 8px;
	}
#menu ul ul li{
	margin-left:10px;
	background: url(../images/puce_lien.gif) no-repeat left 8px;
}
.current{
	font-weight:bold;
	text-decoration:none;
	color:#002C82;
	}

.champTexte{/*formate lapparence des champs texte*/
	border:1px solid #676767;
	margin:3px 0;
}

.champTextRechercheGlobal{
    width: 80%;    
}
#menu h2 a {
	color:#8A1A0C;
}
/*Sous-titre de section dans typo3*/
#menu h2.taxi, #menu h2.autobus, #menu h2.camionnage, #menu h2.trains, #menu h2.maritime, #menu h2.pevl, #menu h2.intermediaire, #menu h2.conducteur, #menu h2.commission{
	line-height:1.2em;
	padding:5px 0 5px 36px;
	margin:5px 0;
	font-size:1em;
	color:#8A1A0C;
}
#menu h2.taxi{
	background: url(../images/bg_nv3_taxi.gif) no-repeat left 5px;
}
#menu h2.autobus{
	background: url(../images/bg_nv3_autobus.gif) no-repeat left 5px;
}
#menu h2.camionnage{
	background: url(../images/bg_nv3_camion.gif) no-repeat left 5px;
}
#menu h2.trains{
	background: url(../images/bg_nv3_trains.gif) no-repeat left 5px;
}
#menu h2.maritime{
	background: url(../images/bg_nv3_bateau.gif) no-repeat left 5px;
}
#menu h2.pevl{
	background: url(../images/bg_nv3_pevl.gif) no-repeat left 5px;
}
#menu h2.intermediaire{
	background: url(../images/bg_nv3_inter.gif) no-repeat left 5px;
}
#menu h2.conducteur{
	background: url(../images/bg_nv3_conduc.gif) no-repeat left 5px;
}
#menu h2.commission{
	background: url(../images/bg_nv3_commi.gif) no-repeat left 5px;
	line-height:1.8em;
}
#liens{
	width:inherit;
	margin:10px 0;
	padding:0;
	font-size:0.9em;
}
#menu #liens{
	background: url(../images/bg_cote.jpg) no-repeat left top;
	border-top:1px dashed #8A1A0C;
	padding-left:5px;
}
#menu #liens ul{
	margin-bottom:10px;
}
#menu #liens ul li a{
	width:140px;
}

#menu ul li.externe{ /*Previent qu'un lien est externe au site*/
	background:url(../images/ico_externe.gif) no-repeat  left 5px ;
	}

/* authentification (n est plus utilise dans accueil)
----------------------------------------------- */
#login{
	border:1px dashed #8A1A0C; 
	margin:20px 0;
	padding:0 0 0;
	}
#login fieldset{ 
	padding:10px;
	margin:0;
	background-color: #F2E8CE;
	}
#login label{
	color:#4E3C14;
}
#login h4{
	color:#8A1A0C;
	margin:5px;
}

.btnDesign{ /*a appliquer sur un bouton*/
	border:1px solid #8A1A0C;
	color:#4E3C14;
	margin:10px 10px 0 0;
	background: #fff url(../images/bg_btn.gif) no-repeat bottom right;
	cursor: pointer;
	padding:1px;
}

.btnDesignDisabled{/* a appliquer sur un bouton inactif*/
	border:1px solid #8A1A0C;
	color:#5F4D25;
	margin:10px 10px 0 0;
	background: #fff url(../images/bg_btn_disabled.gif) no-repeat bottom right;
	cursor: pointer;
	padding:1px;
}

.btnImage{ /* a appliquer sur un bouton de type image (ex: recherche typo3)*/
	margin:0 5px;
}
input{
        padding:2px 0;
}

select{
        margin:2px 0;
}

/* contenu de droite
----------------------------------------------- */
#contenuDroit{
	float:right;
	display: block;
	width:549px;
	padding:0;
	margin:0;
        margin-bottom:20px;
}
#contenuDroit p, #contenu p{
	margin:8px 0;
}
#contenu ul, #contenuDroit ul{
	list-style-image: url(../images/puce_rouge.gif);
	margin:0 0 10px 15px;
  }
#contenuDroit ul ul{
	list-style: url(../images/puce_lien.gif);
  }
ul li{
	margin:5px 0;
  }
acronym {
	cursor: help;
	border-bottom: 1px dotted #4E3C14;
	color:#000;
	font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
strong acronym {
        font-weight:bold;
  }
#contenu blockquote{
        margin: 10px 170px 10px 0;
        padding:5px;
        border:1px solid #f78c28;
        border-left:5px solid #f78c28;
  }
#contenu blockquote p{
	margin:0;
}
.haut{/* Lien qui retourne en haut de page */
	float:right;
	clear:both;
	font-size:90%;
	padding:0 16px 0 0;
	background: url(../images/ico_haut.gif) no-repeat right;
	}
#contenuDroit a.externe,
#contenu a.externe{ /*Previent qu'un lien est externe au site*/
  	/*background:url(../images/ico_externe.gif) no-repeat 0px 3px;
  	padding-left:15px;*/
  }
a.pdf img{/*Previent qu'un lien affiche un PDF*/
  	/*background: url(../images/ico_pdf.gif) no-repeat 0px 3px;*/
  	/*padding-left:18px;*/
  	position:relative;
  	top:3px;
  }
  #contenuDroit dt{
  	margin:10px 0 5px 0;
	font-weight: bold;
  }
  #contenu a:hover{
  	text-decoration: none;
  }
  #contenuDroit dd{
  	margin: 0 20px;
  }
  #contenuDroit ol.formulaire{/* liste a numero utilise dans le sondage*/
    	margin-left:30px;
    }
  #contenuDroit ol.formulaire li{
	line-height:1.5em;
	margin-top:10px;
	  }
 p.texteImage{/*utilise pour cote de securite et decisions pour le lien et son image*/
 	width:350px;
	clear:both;
	padding:10px 0 5px 0;
 }
  .texteImage a{
  	text-decoration:none;
  }
  #contenu .texteImage a:hover{
        text-decoration: underline;
    }
  .texteImage img{
  	border:none;
	float:left;
	margin:0 3px 5px 0;
  }
 #contenuDroit ul.listeExterne{/*utilise dans le cas d'une liste qui a des 
	liens vers des sites externes (ex: Liens utiles, Lois et reglements */
   	list-style-image:none;
	list-style-type: none;
   }
div.right{/*pour un div flottant à droite */
	float:right;
	margin:0 0 20px 10px;
	padding-left:10px;
	border-left:1px solid #8A1A0C;
}
div.right h2{
	margin-top:0;
}
/* guichet unique des transporteurs
----------------------------------------------- */
#gut{
	float:right;
	width:171px;
	background: url(../images/bg_gut.jpg) no-repeat top right;
        margin:0 0 20px 0;
        padding:0;
  }
#gut h6{
	margin:3px 0 50px 25px;
	font-weight: normal;
	font-size:90%;
}
#gut h6.interneGUT{
	margin:3px 0 5px 25px;
	font-weight:bold;
	color:black;
}
#gut ul{
	list-style: url(../images/puce_gut.gif);
	margin-left:35px;
	font-size:90%;
}
#gut ul li a{
	color:#000;
	width:130px;
	padding:0 5px 5px 0;
	margin:0;
	display:block;
	text-decoration: underline;

}
#gut ul li a:hover{
	text-decoration:none;
}
#pub_dr{ /*dans gut pour les publicites*/
	background: #fff url(../images/bg_blanc.gif) repeat-x left;
	text-align : right;
	padding-top:10px;
}
	/* contient le fil d'ariane et les icones
----------------------------------------------- */
#contenuAriane{
        float:left;
        display: block;
        width:760px;
        padding:0;
        margin:0;
        margin-bottom:10px;
        font-size:90%;
        height:15px;
        }
#ariane{
        font-size:95%;
        padding:0;
        margin: 0;
        float:left;
        width:620px;
        height:15px;
        }
#icones{
	float:right;
	margin-right:8px;
  }
#icones  ul {
        margin:0;
	padding:0;
	}
#icones  ul li {
	display: inline;
	}
#icones  ul li a{
	margin:0;
	float:left;
	padding:0 2px;
	text-decoration:none;
	display:inline;
	}
a.up,
a.down,
a.print{/*classes specifiques pour les boutons dimpressions et grossir diminuer caracteres*/
        visibility:hidden;
  }
 
#ariane div.user{
        
        padding:0 0 0 17px;
        float:left;
        background: url(../images/ico_user.gif) no-repeat;
  }

/* menus de section Securite au travail et permis de travail en page accueil
----------------------------------------------- */

#contenuGauche{
	width:372px;
	background: url(../images/bg_sections.jpg) no-repeat bottom left;
	margin: 0;
	padding:0 0 10px 0;
}
#securite{
	margin:0 0 0 10px;
	padding:0 0 0 0;
	width:169px;
	background: url(../images/bg_securite.jpg) no-repeat top left;
	}
p.description{
	padding:0 0 0 10px;
	margin:0;
	}
#sections{
	margin:0;
	padding:0;
	width:179px;
	background: url(../images/bg_section.jpg) no-repeat top left;
	float:right;
	}

#contenuGauche #sections ul, #contenuGauche #securite ul{
        margin:20px 0 0  0;
	padding:0;
	width:169px;
	list-style-image:none;
	list-style-type:none;
	font-size:1em;
	line-height:1.3em;
	}
#contenuGauche #sections ul li, #contenuGauche #securite ul li{
	margin:0;
  }
#contenuGauche #sections ul a, #contenuGauche #securite ul a{
	display:block;
	padding:3px 20px 0 10px;
	text-decoration:none;
	width:139px;
	color:#002C82;
	background: url(../images/bg_bouton.gif) no-repeat top left;
	border-bottom:1px dashed #E6C4B7;
	}
#contenuGauche #sections ul li a:hover, #contenuGauche #securite ul li a:hover{
	background: url(../images/bg_bouton_ov.jpg) no-repeat top left;
	color:#002C82;
	width:139px;
	}
#contenuGauche #sections ul ul a:visited, #contenuGauche #securite a:visited{
	color:#002C82;
}
/* Actualites et liens en accueil
----------------------------------------------- */
#actualites{
	margin:10px;
	padding:0;
	width:350px;
}
#actualites h2{
	color:#8A1A0C;
	font-size:90%;
	margin:0;
	padding:10px 5px 5px 0;
}
#actualites p{
	font-size:90%;
	margin:0;
	padding:0 5px 5px 0;
}
.date{/*formate la date en accueil typo3*/
	font-weight:bold;
	color:#4E3C14;
}
#actualites ul{
	list-style-image: url(../images/puce_actu.gif);
	margin-left:20px;
	font-size:90%;
}
#actualites ul li a{
	padding:0 0 2px 0;
	margin:0;
	display:block;
	width:150px;
	text-decoration: underline;
	background:none;
  }
#actualites a:hover, #liens a:hover{
	text-decoration:none;
  }
#actualites a:visited, #liens a:visited{
	color:#4E3C14;
  }


/* Tableau de donnees
----------------------------------------------- */	
.data{
	margin:10px 0 20px 0;
	width:100%;
	clear:both;
  }
.data td, .data th{
	padding:3px;
  }
.data th{
	font-weight:bold;
	color:#8A1A0C;
	border-bottom:1px dashed #8A1A0C;
	font-size: 90%;
	background: url(../images/bg_degrade.jpg) repeat-x bottom;
	line-height:1.1em;
	vertical-align:bottom;
  }
.data td{
	border-bottom:1px solid #F2E8CE;
	vertical-align:top;
}
#contenuDroit .data p, #contenu .data p{
	margin:0;
}
.data td strong{
	font-size:90%;
        margin:0;padding:0;
        color:#8A1A0C;
}
.data caption{
	text-align: left;
	font-size:120%;
	padding:5px 0;
}
.data a:hover{
	text-decoration:none;
}
.data td ul{
	list-style-image: url(../images/puce_rouge.gif);
	margin-left:15px;
}
.data td ul li{
	margin:0;
	padding:0;
}

table.data td.numero, th.numero{
	width:100px;
}
table.data td.duree{
        width:110px;
  }
 table.data td.dateCD{
        width:68px;
  }
table.data td.nature{
        width:110px;
  }
table.data td.autrePartie,table.data td.fonction{
        width:200px;
 }
table.data td.noperm{
        width:40px;
  }
 table.data td.dateCDplus{
        width:120px;
  }
table.data td.courtier{
        width:200px;
  }
th.niveau{
	font-weight:bold;
	color:#8A1A0C;
	border-bottom:1px solid #F2E8CE;
	font-size: 90%;
	background: none;
	line-height:1.1em;
	vertical-align:bottom;
	padding-bottom:5px;
}

th.top{
	vertical-align:top/* ajout pour showhide layer */;
}
td.niveau2{

}


/* marge autour icone  icone 'www/mandataire/rechercherDemandeWeb.htm' */
img.icone{
        margin:0 4px;
  }


/* showhide
----------------------------------------------*/
table.data th.thhorizon,
table.data td.thhorizon{
        background:white;
        border-bottom:1px solid #F2E8CE;
        font-size: 90%;
  }
div.showhide h3{
        color:#8A1A0C;
        cursor: pointer;
        text-decoration:underline;
  }
.coldeux{
        width:100px;
  }
.coltrois{
        width:480px;
  }
.annexe{
	font-weight: normal;
        margin:5px 5px 5px 0;
        line-height:1.3em;
  }
div.showhide{

  }
div.showhide strong{
	float:left;
	clear:both;
	border-top:1px solid #ccc;
	padding:4px 0 4px 15px;
	width:130px;

  }
span.contestation{
	display:block;
	margin-left:0px;
	border-top:1px solid #ccc;
	padding:4px 0 4px 0;
  }

  
  /* Navigation de resultats de recherche
----------------------------------------------- */	
.nav_resultats{
	float:right;
	height:30px;
}
.nav_resultats li{
	display:inline;
}
.nav_resultats li a{
	padding:3px 5px;
	float:left;
	display:inline;
}
.nav_resultats li a:hover{
	text-decoration:none;
}
.nav_resultats img{
	margin-top:3px;
}

#resultatsRecherche td.resultatOutils {
display:none;
}

#resultatsRecherche td.resultatUrl {
padding:8px;
}

#searchLangSpContainer {
display:none;
}
/* Bas de page
----------------------------------------------- */
#BasDePage {
	clear:both;
	margin:20px 0;
	padding:0;
	width:760px;
	background-color: #fff;
	text-align:center;
	}
#BasDePage a:hover{
	text-decoration:none;
	}
#BasDePage p {
	padding:8px 0 8px 0;
	}	
.navlist{
	list-style: none;
	padding: 0;
	margin: 10px 0 0  0;
  }

.navlist li{
	display: inline;
	padding: 0;
	margin: 0;
	color:#002C82;
  }
.navlist2{
	list-style: none;
	padding: 0;
	margin: 5px 0 20px 0;
  }

.navlist2 li{
	display: inline;
	padding: 0;
	margin: 0;
	color:#002C82;
  }
/* accessibilite
----------------------------------------------- */	

.skiplink {
	height:1px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:-50px;
	width:1px;
             }


/* consultation d'un dossier
----------------------------------------------- */	
td.libels{
	width:280px;
}
span.guidage{/*utiliser pour les infos de guidage dans un formulaire*/
	padding:0 0 0 0px;
	font-size:11px;
	margin:1px 0px 6px 0px;
        display:block;
	}
.champTexte{
	border:1px solid #676767;
  }
#contenu ul#navClient {
        text-align: left;
        border-bottom: 1px solid #f78c28;
        padding:3px 0;
        margin: 0;
        background-color: #fff;
        display:block;
        clear:both; 
        font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; /*modifie pour mac*/
  }

#navClient li {
        display: inline;
        margin:0;
        list-style:none;
  }

#navClient li a{
        padding: 3px 0.5em;
        color: #4E3C14;
        text-decoration: none;
        margin-left: 5px;
        background-color: #F2E8CE;
        border: 1px solid #f78c28;
        border-bottom:none;
  }

#navClient li a.current{
        background-color: #fff; 
        border-bottom: 1px solid #fff;
        color:#000;
  }

#navClient a:hover {
        color: #000;
        text-decoration: none;
        background-color:#F78C28;
  }

.nomClient{
        margin:0 0 10px 0;
	padding:6px 10px 5px 10px;
	color:#000;
        background-color:#F2E8CE;
        display:block;
        float:left;
        width:740px;
	}

/*            Consultation d'un dossier
-----------------------------------------------------------*/
.client{
       display:block;
       margin: 0 0 10px 0;
       padding:10px 10px 20px 10px;
       border:1px solid #f78c28;
       border-left:5px solid #f78c28;
       border-top:none;
    }
.client h2{
      font-size:1.2em;
      margin:0;
      padding:0 0 15px 0;
    }

.client p{
	margin:5px 20px;
  }
.client ul{
	margin:5px 35px;
	list-style-image: url(../images/puce_rouge.gif);
  }
.client ul li{
	margin:5px 0;
  }
.client ul a:hover{
	text-decoration: none;
  }
.client .nomClient{
	margin:0 0 0 0;
	float: none;
  }
.client .data{
	margin:10px 0 10px 0;
  }

.imprimeFiche{
	display:block;
	background: url(../images/ico_print.gif) no-repeat top left;
	padding:0 0 0 25px;
	margin:0 0 0 65px;
  }
div.tiersRpevl{ 
	width:38%;
	float:right;
  }

div.registrePEVL{
        display:block;
        background-color:#F2E8CE; 
        clear:left; /*--  Fais afficher le background à la bonne hauteur dans Firefox */ 
        margin-bottom:10px;
  }
div.topFixe{
        width:100%;
  }
 div.topFixe strong{
        font-size:90%;
  }
div.moitieFixe{
        width:49%;
        float:left;
  }
table.tableMoitie{
        width:50%;
        float:left;
        background-color:#F2E8CE; 
  }

table.tableMoitie td,
table.tableMoitie th{
        padding:0 3px;
        font-size:0.9em;
        vertical-align:top;
  }
table.tableMoitie th{
        font-weight:bold;
        padding:6px 0 0 4px;
  }
table.tableMoitie td.guidage{
        font-size:.8em;
        vertical-align:top;
        padding:0 0 6px 4px;
  }
table.tableMoitie td.rouge{ /*--  Affichage rouge pour fiche RPEVL --*/
        color:#B51D0C;
        font-weight:bold;
        font-size:1.2em
  }
th.wdxpetit{
        width:40%;
  }
th.wdxlarge{
        width:52%;
  }
#contenu blockquote.pluslarge{
        margin: 0px 10px 10px 0;
        padding:5px;
        border:1px solid #f78c28;
        border-left:5px solid #f78c28;
    }
#contenu blockquote.pluslarge p{
        margin-top: 5px;
}

/*  Saisie des certificats de taximètre
-------------------------------------*/

table.Rcertificat{
	height:350px;
}
table.Rcertificat td{
   padding:4px 3px 4px 3px;
  }
table.Rcertificat th{
  font-weight:bold;
  }
div.moitieFixe{
        display:block;
        width:47%;
        float:left;
        padding:0;
        margin:0px;
  }
div.moitieFixe div.libGauche{
        font-weight:bold;
        width:140px;
        float:left;
  }
div.moitieFixe div.strong{
        font-weight:bold;
        width:200px;
        float:left;
  }

div.moitieFixe input{
        clear:right;
  }
div.divcolgauche{
        padding:3px 10px 10px 10px;
        background:#F3E9D0 url(../images/bg_intranat.jpg) repeat-y center left;
  }
div.divcoldroite{
        padding:2px 10px 10px 10px;
        border:dashed 1px #E6D19B;
        border-left:0px;
    }

span.libele{
        font-weight:bold;
  }

div.tiersContexte{ 
        width:32%;
        float:left;
  }


/*tableau a utiliser pour un formulaire de saisie
--------------------------------------------------*/
table.Trech td{
	border-bottom:1px solid #F2E8CE;
  }
table.Trech{
	margin:10px 0;
	width:100%;
  }
.Trech td, .Trech th{
   vertical-align:top;
	padding:3px;
	}
.boutonsRech{
	text-align:right;
   clear:both;
	width:100%;
   padding:4px 0;
	display:block;
	margin-bottom:10px;
}
span.requis{/* champ obligatoire*/
	color:#B51D0C;
	font-weight:bold;
	}
p.mentionRequis{/* paragraphe pour indiquer que des champs sont obligatoires dans le formulaire*/
	margin:0;
	padding:0;
	color: #B51D0C;
	font-size:90%;
	}
/* Zone de navigation
----------------------------------------------- */	
div.boutons2{/* div pr/c/dent et suivant Prototype*/
  clear:both;
	width:100%;
  padding:4px 0;
	display:block;
	margin-bottom:10px;
	
  }

div.boutons2 a.btnDesign{/* modifie mac*/
	text-decoration:none;
	color:#444;
	font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding:2px 9px;
        margin:2px;
        border:1px solid #8A1A0C;
        float:right;
        margin-bottom:10px;
	}
div.boutons2 input.btnDesign{
        padding:2px;
        float:right;
 }
div.boutons2 a span{
        display:block;
        padding:2px 9px;
        margin:2px;
        border-bottom:1px solid #c99;
        border-right:1px solid #c99;
	}
.precedent{
	background: url(../images/precedent.gif) no-repeat left;
	padding:0 10px 0 25px;
  }
.suivant{
	background: url(../images/suivant.gif) no-repeat right;
	padding:0 25px 0 10px;
  }
.precedent:hover, .suivant:hover{
	text-decoration: none;
  }
/* largeurs fixes de colonne dans des tableaux de donnees.
 ----------------------------------*/
.nom{
        width:45%;
  }
.fixe{
	width:60px;
  }
.fixe80{
	width:80px;
  }
.fixe100{
	width:100px;
  }
.fixe130{
	width:130px;
  }
.fixe250{
	width:250px;
  }
th.fixeTiers{
	width:33%;
  }
/* Gestion des erreurs 
----------------------------------------  */
#messErreur{
	margin:0;
	padding:0;
}
.message{
	border:1px solid #AD3C10;
        border-left:5px solid #AD3C10;
	padding:10px;
	margin:0 20px;
}
#messErreur h6{
	background: url(../images/ico_messErr.jpg) no-repeat top left;
	margin:0;
	padding:2px 30px;
	color:#AD3C10;
	font-size: 1.0em;
}
#messErreur ul{
	margin-left:45px;
	list-style-image: url(../images/puce_orange.gif);
}


/*  page APAQ*/
ol.numero{
       padding:0 0 0 20px;
       margin:0 0 0 20px;
    }
ol.numero li{
      list-style-type:decimal;
    }
img.sticker{/*fait flotter l'image a gauche et le texte à droite*/
     float:left;
     margin:0 10px 20px 0;
  }
span.droiteh1{
       margin-top:-20px;
       display:block;
       text-align:right;
       clear:left;
       padding-bottom:2px;
    }
th.plong,td.plong{
       width:200px;
    }
td div.Ascenseur{
       height:50px;
    }
#annexe1 ul.margePG{
      margin-left:15px;
      }
/* Aide en ligne
----------------------------------------------*/		
		
#AideEnLigne #container{
	background-color: #fff;
	width:580px;
	margin:0;
	text-align:left;	
}
#AideEnLigne #header {
	width:100%;
        height:65px;
        margin:0 20px;
        padding:0;
	display:block;
	background: none;
	
	}
#AideEnLigne #icones ul li a{
	float:left;
	}
#AideEnLigne #icones ul li a.closewindow{
	text-decoration:underline;
	}
#AideEnLigne #header a{
	float:right;
	margin-top:30px;
	}
#AideEnLigne #contenu{
	margin:0 20px;
	padding:0;
	display:block;
        width:580px;
	}
#AideEnLigne #contenu p{
	margin:8px 0;
  }
#AideEnLigne #contenu ul{
	list-style-image: url(../images/puce_rouge.gif);
	margin-left:15px;
  }
#AideEnLigne #container #BasDePage {
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	width: 100%;
	background-color: #fff;
	text-align:center;
	}

/* Mise en page section Actualites Typo3
---------------*/
div.actualite{
	border-bottom:1px solid #F2E8CE;
	margin-bottom:5px;
	padding-bottom:5px;

}
.actualiteDate{
	margin:0;
	padding:0;
}
.actualiteTitre{
            font-size:1em;
            line-height:1.2em;
            margin:0;
            padding:0;
            color:#002C82;
            }
div.actualite a:hover{
	text-decoration:none;
  }
.archive{
	float:right;
	font-size:90%;
	padding:5px;
	margin:0;
	display:block;
  }
/*Entrevue page intro-------------*/

div.demi{
	border:1px dashed #8A1A0C; 
	margin:20px 0 0 10px;
	padding:0 0 0;
	}
div.demi fieldset{ 
	padding:10px;
	margin:0;
	background-color: #F2E8CE;
	}
div.demi label{
	color:#4E3C14;
}
div.demi  h4{
	color:#8A1A0C;
	margin:5px;
}

/* Mise en page
----------------------------------------------------*/
.centre{
	text-align:center;
  }
.wd33{
	width:33%
  }
.wd66{
	width:66%;
  }
.wd50{
	width:49%;
  }

.clear{
	clear:right;
  }
div.right{
	float:right;
  }
br.clear{
    clear:both;
    }
    
#bandeauRecherche h1 {
background-image:none;
}

/*Plan du site dans Typo3
-------------------------------- */
#planSite ul, #contenuDroit .tx-dropdownsitemap-pi1 ul{
	list-style-image:none;
	list-style-type:none;
	margin-left:0;
	font-weight:bold;
}
#planSite ul ul, #contenuDroit .tx-dropdownsitemap-pi1 ul ul{
	list-style-image: url(../images/puce_rouge.gif);
	margin:0 0 0px 15px;
	font-weight:normal;
}
#planSite ul ul ul, #contenuDroit .tx-dropdownsitemap-pi1 ul ul ul{
	list-style: url(../images/puce_lien.gif);
}

/* Popup ajax autocomplete  
-------------------------------- */
.popupFrame{
	font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:small;    
	background: #ffffff;
	border: solid 1px black;
	padding: 3px;
	z-index: 50000;
}

.popupItem {
	background: #ffffff;
	color:#4E3C14;;
	text-decoration: none;
	display: block;
	padding: 1px;    
}

.popupItem:hover {
	background: #7a8aff;
	color: #fffafa;
}
div.tableRadioHorizon table td input{
	display:block;
	float:left;
    }
div.tableRadioHorizon table td label{
	padding:0 10px 0 5px;
	display:block;
	float:left;
    }
div.tableRadioHorizon table td br{
	display:none;
    }
/* tableau créé par faces pour le bouton radio page: identification.jsp*/
table.Trech td.demandeweb table td{
	white-space:normal;
	margin:0;padding:0;
	border:0px;
  }

div.Avant table td{
	white-space:normal;
	margin:0;padding:0;
	border:0px;
    }
div.Avant table td input{
	display:block;
	float:left;
	padding:0 10px 0 5px;
    }
div.Avant table td label{
	display:block;
	padding:0 0 0 18px;
    }
ul.avis{
	display:block;
	padding:0 0 0 20px;
    }

/***********************/
span.pdf {

}