html{font-size: 62.5%;}
body  {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; /* equivaut a 10px si la grosseur du navigateur est � medium */
	background: #00246B url(../images/background_01.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #00246b;
}

script{margin:0;padding:0}

img, #photos_container #bgphotos { behavior: url(/includes/iepngfix.htc); }

img{border:0}
form{margin:0;padding:0;}

strong{font-weight:bold !important;}

blockquote {
  display: block !important;
  margin: 1em 40px !important;
}


p{
margin:5px 0 5px 0;
line-height:1.2em;
}

h1 img{
	margin-left:0;
}

h1{
	font: 2.4em Verdana, Tahoma, Arial, sans-serif;
	color:#00246b;
	margin-bottom:8px !important;
}

h2{
	font: 1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#809bbc;
	margin-bottom:12px !important;
	font-weight:bold;
}

h3{
	font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:10px !important;
	font-weight:bold;
}

h4{
	font: 1em Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:1px !important;
	font-weight:bold;
	border-bottom:1px solid #BFCDDD;
	padding:0 0 5px 0;
}

h5{
	font: 1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:10px !important;
	font-weight:bold;
}

h6{
	font: 1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#ecb31c;
	margin-bottom:10px !important;
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6 {margin:0}

.tahoma10{
	font:10px Tahoma, Arial, sans-serif;
}

.tahoma11{
	font:11px Tahoma, Arial, sans-serif;
}


ul.none{
	margin:0 !important;
	padding:0 !important;
	font-size:1em;
}

ul.none li{
	list-style:none;
	background:none !important;
	margin:10px 0 10px 0px;
	padding:0 !important;
	line-height:14px;
}	

/* Lien des resultats de recherche */
a h3{
	font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:5px !important;
	font-weight:bold;
	text-decoration:underline;
}

a:hover h3{
	color:#809bbc;
}

a p{
	color:#00246b;
	text-decoration:none;
}

a:hover p{
	color:#809bbc;
	text-decoration:none;
}
/* Lien des resultats de recherche */


#piv{
	width:703px;
	height:33px;
	background:url(/fr/images/societe-des-traversiers-du-quebec.gif) no-repeat;
	padding:57px 0 0 257px;
}

#menupivgauche{
	width:350px;
	height:20px;
	float:left;
}

#menupivgauche a{
	text-decoration:none;
	color:#FFFFFF;
	font: Arial, Helvetica, sans-serif;
	margin-right:16px;
}

#menupivenglish{
	width:50px;
	height:20px;
	float:right;
}

#menupivenglish a{
	text-decoration:none;
	color:#FFFFFF;
	font: Arial, Helvetica, sans-serif;
}

#menupivarianne{
	width:687px;
	height:auto;
	clear:left;
	text-align:right;
	font-size:1em;
	margin-bottom:-5px;
}

#menupivarianne a{
	color:#00246b;
}


#entete{
	position: absolute;
	top: 90;
	left: 0;
	width: 960px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 242px;
}

#enteteprint{
	display:none;
}


#colonnecentre ul{
	margin:0 0 0 18px;
	padding:0;
	font-size:1em;
}	

#colonnecentre li{
	list-style:none;
	background:transparent url(/images/puce_liste.gif) 0px 4px no-repeat;
	margin:10px 0 10px 0px;
	padding:0 0 0 10px;
	line-height:14px;
}

#colonnecentre a{
	color: #00246b;
}


#colonnecentre ul.pucebleu{
	margin:0 0 0 18px;
	padding:0;
	font-size:1em;
}	

#colonnecentre ul.pucebleu li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:10px 0 10px 0px;
	padding:0 0 0 10px;
	line-height:14px;
}	

#colonnecentre ul.pucebleunormal{
	margin:0 0 0 18px;
	padding:0;
	font-size:1em;
}	

#colonnecentre ul.pucebleunormal li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:10px 0 10px 0px;
	padding:0 0 0 10px;
	line-height:14px;
}

#colonnecentre ul.pucebleuemplois{
	margin:0 0 0 18px;
	padding:0;
	font-size:1em;
}	

#colonnecentre ul.pucebleuemplois li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 8px no-repeat;
	margin:0;
	padding:0 0 0 10px;
	line-height:21px;
}

#colonnecentre ul.pucebleuemplois li a{
	color:#FFFFFF !important;
}


#footer{
	width:960px;
	height:108px;
	background:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center;
}

#footer a{
	color: #00246b;
}

#menufooter{
	width:960px;
	height:31px;
	padding:18px 0 0 0;
	margin:0 0 13px 0;
	border-top:1px solid #bfcddd;
	border-bottom:1px solid #bfcddd;
}


#fermeturetable{
	clear:left;
}

#conteneur_carte {
	width: 701px;
	overflow: hidden;
	height: 850px;
	margin-top: 232px;
	position: absolute;
}
 
#mouvement_carte {
	position: absolute;
	top: 320px;
	left: -1123px;
	/*top: 70px;
	left: -517px;*/
	/*top: 150px;
	left: -825px;
	top: -140px;
	left: 0px;*/
}
 
#fleche_droite {
	background-image: url(/images/fleche_droite.png);
	height: 68px;
	width: 68px;
	position: absolute;
	margin-top: 770px;
	margin-left: 633px;
	cursor:pointer;
	z-index: 999;
}
 
#fleche_gauche {
	background-image: url(/images/fleche_gauche.png);
	height: 68px;
	width: 68px;
	position: absolute;
	margin-top: 770px;
	margin-left: 0px;
	cursor:pointer;
	z-index: 999;
 
}

/* Style du template ACCUEIL seulement */
.tmpaccueil #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  
	height: 1172px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:2; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container_colonnes doit �tre plus petit*/
}

.tmpaccueil #carte{
	position: absolute;
	left: 0;
	width: 960px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:1083px;
	background:url(/images/carte-des-traversiers_backgroud.png) no-repeat;
}

.tmpaccueil #carte .picto{
	position:absolute;
	width:35px;
	height:40px;
}

.tmpaccueil #container_colonnes {
	width:960px;
	margin:0;
	padding:0;
	z-index:1; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container doit �tre plus grand*/
}

.tmpaccueil #colonnegauche{
	position: relative;
	float:left;
	width:240px;
	height:auto;
	padding:16px 9px 0 9px;
	background:transparent;
}

.tmpaccueil #colonnecentre{
	position: relative;
	float:left;
	width:408px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding:213px 18px 0 18px;
	background:transparent;
}

.tmpaccueil #colonnedroite{
	position: relative;
	float:left;
	width:258px;
	height:auto;
	padding:239px 0 0 0;
	background:transparent;
}

.tmpaccueil #logobascolonnedroite{
	position:absolute;
	width:222px;
	height:114px;
	padding:0 18px 0 18px;
	margin:0 0 0 0;
	top:920px;
}
/* Fin des styles pour ACCUEIL seulement */

/* Style du template NIVEAU 2 colonnes seulement */
.niv2colonnes #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;
	height: auto;
	background: #FFFFFF url(../images/bg_container_niv2colonnes.gif) 0 3px repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:2; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container_colonnes doit �tre plus petit*/
}

.niv2colonnes #container_colonnes {
	width:960px;
	margin:0;
	padding:0;
	z-index:1; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container doit �tre plus grand*/
}

.niv2colonnes #colonnegauche{
	position: relative;
	float:left;
	width:240px;
	height:auto;
	padding:16px 9px 0 9px;
	background:transparent;
}

.niv2colonnes #colonnecentre{
	position: relative;
	float:left;
	width:666px;
	min-height:550px;
	height:auto !important;
	height:550px;
	padding:213px 18px 0 18px;
	background:transparent;
}

/* Fin des styles pour NIVEAU 2 colonnes seulement */

/* Style du template NIVEAU 3 colonnes seulement */
.niv3colonnes #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  
	height: auto;
	background: #FFFFFF url(../images/bg_container_niv3colonnes.gif) 0 2px repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:2; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container_colonnes doit �tre plus petit*/
}

.niv3colonnes #container_colonnes {
	width:960px;
	margin:0;
	padding:0;
	z-index:1; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container doit �tre plus grand*/
}

.niv3colonnes #colonnegauche{
	position: relative;
	float:left;
	width:240px;
	height:auto;
	padding:16px 9px 0 9px;
	background:transparent;
}

.niv3colonnes #colonnecentre{
	position: relative;
	float:left;
	width:408px;
	min-height:550px;
	height:auto !important;
	height:550px;
	padding:213px 18px 0 18px;
	background:transparent;
}

.niv3colonnes #colonnedroite{
	position: relative;
	float:left;
	width:258px;
	height:auto;
	padding:239px 0 0 0;
	background:transparent;
}
/* Fin des styles pour NIVEAU 3 colonnes seulement */

/* CONTENU DE LA COLONNE DE GAUCHE */
#menucontainer{
	width:228px;
	height:auto;
	background:url(/images/bg_menup.jpg) repeat-y;
	margin-left:6px;
}

#topmenu{
	width:228px;
	height:138px;
	background:url(../images/bg_topmenu.jpg) no-repeat;
}

#topmenu img{
	margin:13px 0 0 21px;
}

#container_recherche{
	width:222px;
	height:60px;
	background:url(/images/bg_recherche.jpg) repeat-x;
	font-family:Verdana;
	font-size:1.2em;
	font-weight:bold;
	color:#809bbc;
	padding:8px 0 0 18px;
}

#container_recherche input {
	height:18px;
	width:180px;
	border:1px solid #FDD89F;
	float:left;
	margin:5px 0 0 0;
}

#container_recherche img {
	float:left;
	margin:5px 0 0 0;	
}

#utilitaires {
	height:auto;
	width:240px;
	border-bottom:1px solid #BFCDDD;
}

#menuoutil{
	color:#B2B2B2;
	margin:0 0 0 9px;
	padding:0 0 0 0;
}

#menuoutil ul{
	background-image:none;
	margin:0;
	padding:0;
}

#menuoutil li{
	list-style:none;
	width:222px;
	border-bottom:1px solid #E2E8EF;
	background:#fff;
}

#menuoutil li.last{
	border-bottom:none;
}

#menuoutil img{
	margin:0 6px 0 9px;
	float:left;
}

#menuoutil a{
	width:222px;
	height:18px;
	text-decoration:none;
	color:#B2B2B2;
	display:block;
	padding:4px 0px 0px 0px;
}


/* CONTENU DE LA COLONNE DE DROITE */
#alerte{
	position:relative;
	width:222px;
	height:155px;
	background:#e7ecf2 url(../images/bg_alerte.jpg) repeat-x;
	color:#cf1639;
	padding:9px 18px 0 18px;
}

#alerte_en{
	position:relative;
	width:222px;
	height:165px;
	background:#e7ecf2 url(../images/bg_alerte.jpg) repeat-x;
	color:#cf1639;
	padding:9px 18px 0 18px;
}

#alerte h2, #alerte_en h2{
	color:#cf1639;
	margin-bottom:5px !important;
}

#alerte a, #alerte_en a{
	color: #00246b;
}

#traversierenimage{
	width:222px;
	height:auto;
	padding:0 0 0 14px;
}

#traversierenimage a{
	color: #00246b;
}


#nouvelles,#coordonnees, #imagerotate{
	width:222px;
	height:auto;
	padding:10px 18px 10px 18px;
}

#liensutiles{
	width:222px;
	height:auto;
	padding:0 18px 10px 18px;
}

#nouvelles ul, #coordonnees ul, #imagerotate ul{
	margin:0;
	padding:0;
}

#liensutiles ul{
	margin:0;
	padding:0;
	font-size:1em;
}	


#nouvelles li, #coordonnees li, #liensutiles li, #imagerotate li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:10px 0 10px 0px;
	padding:0 0 0 10px;
	line-height:14px;
}	

#nouvelles a, #coordonnees a, #liensutiles a, #imagerotate a{
	color: #00246b;
}
		
#nouvelles h2, #coordonnees h2, #liensutiles h2, #imagerotate h2{
	color:#ecb31c;
	margin-bottom:5px !important;
}


#gardezcontact{
	width:188px;
	height:94px;
	background:url(/fr/images/bg_gardez_le_contact.jpg) no-repeat;
	color:#809bbc;
	padding:54px 35px 0 35px;
}

#gardezcontact_en{
	width:188px;
	height:94px;
	background:url(/en/images/bg_gardez_le_contact.jpg) no-repeat;
	color:#809bbc;
	padding:54px 35px 0 35px;
}

#gardezcontact input, #gardezcontact_en input {
	height:18px;
	width:158px;
	border:1px solid #FDD89F;
	float:left;
	margin:10px 0 0 0;
}

#gardezcontact img, #gardezcontact_en img {
	float:left;
	margin:10px 0 0 8px;	
}

/* Boite avec coin arrondis */
#cssboxcontainer{
background: transparent url(../images/bg_fond_cssbox.gif) 0px 140px no-repeat;
}

#cssboxbg{
position:relative;
background:transparent url(../images/bg_box_traverse.gif) no-repeat;
width:440px;
min-height:135px;
height:auto !important;
height:135px;
padding:11px 0 0 226px;
margin:20px auto 0 auto;
overflow:hidden;
}

#phototraverse{
position:absolute;
top:20px;
left:20px;
}

#textetraverse img{
margin-right:5px;
}

#textetraverse p{
min-height:72px;
height:auto !important;
height:72px;
}

#textetraverse h2{
font:1.1em Tahoma, Arial, sans-serif;
color:#00246b;
font-weight:bold;
margin-bottom:20px !important;
}

#textetraverse a{
color:#00246b;
}

#bottom{
background:transparent url(../images/box_traverse_bottom.gif) no-repeat;
width:665px;
height:7px;
margin-bottom:0px auto 20px auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#bottom{
	margin:-5px auto 20px auto;
	}
}


#horairetraverse_container{
	width:406px;
}

#horairetraverse_container a{
	color: #00246b;
}
	
#horairetraverse_top{
	position:relative;
	width:388px;
	height:26px;
	background:url(../images/bg_top_horaire_traverse.gif) no-repeat;
	padding:1.1em 0 0 18px;
}

#horairetraverse_top #left{
	width:280px;
	height:20px;
	float:left;
	font:1.2em Tahoma, Arial, sans-serif;
	font-weight:bold !important;
}

#horairetraverse_top #right{
	width:80px;
	height:20px;
	float:left;
	background:url(../images/ico_autre_periode.gif) 0 -2px no-repeat;
	padding:0 0 0 20px;
	cursor:pointer;
}

#horairetraverse_container td{
	background:#dfe6ee;
	text-align:center;
	padding:4px;
}

#horairetraverse_container .entetetableau{
	background:#dfe6ee;
	text-align:center;
	font:10px Tahoma, Arial, sans-serif;
	font-weight:bold;
	border-top:1px solid #fff;
	padding:4px;
}

#horairetraverse_container .entete2tableau{
	background:#dfe6ee;
	text-align:center; 
	font:10px Tahoma, Arial, sans-serif;	
	font-weight:bold;
	width:67px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	padding:4px;
}

#horairetraverse_container .entete2tableau2col{
	background:#dfe6ee;
	text-align:center; 
	font:10px Tahoma, Arial, sans-serif;	
	font-weight:bold;
	width:195px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	padding:4px;
}

#horairetraverse_container .celldegrade{
	background:#dfe6ee url(../images/bg_cellule_degrade.jpg) repeat-y;
	text-align:center;
	border-right:1px solid #ecf0f5;
}

#horairetraverse_container .celldegradelast{
	background:#dfe6ee url(../images/bg_cellule_degrade.jpg) repeat-y;
	text-align:center;
	border-right:1px solid #ecf0f5;
	border-left:1px solid #fff;
}

#horairetraverse_container .borderright{
	border-right:1px solid #fff;
	text-align:center;
}

.horairetraverse_bottom{
	width:386px;
	height:17px;
	background:url(../images/bg_bottom_horaire_traverse.gif) no-repeat;
	padding:4px 0 0 20px;
	font:.9em Tahoma, Arial, sans-serif;
	font-weight:bold;
}

.horairetraverse_bottom img{
	padding:0 5px 3px 0;
}

.horairetraverse_bottom a{
	text-decoration:none;
}

.horairecomplet{
	width:406px;
	height:auto;
	background:#bfcddd;
}

#autresperiode_container, .autresperiode_container {
	position:absolute;
	width:240px;
	height:auto;
	border:1px solid #ecb31c;
	top:0;
	left:164px;
	visibility:hidden;
}


#autresperiode_container #top, .autresperiode_container #top-autreperiode {
	width:136px;
	height:25px;
	background:#f9e6b4;
	padding:11px 0 0 104px;
}


#autresperiode_bottom{
	width:212px;
	background:#fff;
	text-align:right;
	line-height:17px;
	font-size:1em;
	padding:3px 18px 7px 10px;
}

#autresperiode_bottom a{
	color: #00246b;
	text-decoration:underline;
}

#autresperiode_bottom img{
	margin:0 6px 0 0;
	width:5px;
	height:8px;
}

/*#autresperiode_bottom ul{
	margin:0;
	padding:0;

}	

#autresperiode_bottom li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	line-height:14px;
}	

#autresperiode_bottom li a{
	color: #00246b;
	text-decoration:underline;
}

/* LISTE DES TARIFS */
#tarifs_container ul{
	margin:0;
	padding:0;
	border-top:1px solid #BFCDDD;
}	

#tarifs_container li{
	list-style:none;
	background:transparent url(/images/puce_liste.gif) 18px 4px no-repeat;
	margin:5px 0 5px 0px;
	padding:0 0 5px 28px;
	border-bottom:1px solid #BFCDDD;
	position:relative;
}	

#tarifs_container li a{
	color: #00246b;
}

#tarifs_container li #prix{
	position:absolute;
	width:100px;
	top:0;
	left:300px;
	_left:275px;
	margin:0;
	padding:0;
	font-weight:bold;
}


#tarifs_container ul ul{
	margin:-18px 0  -11px -28px;
	padding:0;
	border-top:none;
}	

#tarifs_container li li{
	width:165px;
	list-style:none;
	background:none;
	padding:0 60px 5px 183px;
	border-bottom:1px solid #BFCDDD;
}	

#tarifs_container li li #prix{
	position:absolute;
	width:100px;
	top:0;
	left:300px;
	_left:303px;
	margin:0;
	padding:0;
	font-weight:bold;
}
/* FIN LISTE DES TARIFS */

/* Saviez-vous que */

#saviezvousque{
	margin:0 0 -5px 8px;
	padding:9px 18px 9px 0;
	width:202px;
	border-left:1px solid #ecb31c;
	border-right:1px solid #ecb31c;
}	

#saviezvousque ul{
	margin:0;
	padding:0;
}	

#saviezvousque li{
	list-style:none;
	background:transparent url(/images/puce_liste.gif) 18px 3px no-repeat;
	margin:5px 0 5px 0px;
	padding:0 0 5px 28px;
	color: #809bbc;
}	

#saviezvousque li a{
	color: #809bbc;
}


/* Style d'un tableau */
#tableau_top{
	position:relative;
	width:647px;
	height:26px;
	background:url(../images/bg_top_specifications.gif) no-repeat;
	padding:11px 0 0 18px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}


#tableau td{
	background:#dfe6ee;

}

#tableau .left{
	width:205px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	border-top:1px solid #fff;
	padding:4px 4px 4px 18px;
}

#tableau .right{
	font:1em Tahoma, Arial, sans-serif;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	padding:4px 4px 4px 18px;
}

#tableau_bottom{
	width:645px;
	height:17px;
	background:url(../images/bg_bottom_specifications.gif) no-repeat;
	padding:4px 0 0 20px;
	font:1em Tahoma, Arial, sans-serif;
	font-weight:bold;
}

#tableau_bottom img{
	padding:0 5px 3px 0;
}

#tableau_bottom a{
	text-decoration:none;
}


#entete_galerieimage{
	width:665px;
	text-align:center;
}

#entete_galerieimage .selectentete{
	font-weight:bold;
	text-align:left;
	width:300px;
	padding:0 0 0 12px;
}

#entete_galerieimage select{
	width:280px;
	font:1.1em Tahoma, Arial, sans-serif;
}

#entete_galerieimage table{
	margin:15px 0 18px 10px;
}

#entete_galerieimage hr{
	width:100%;
	color:#C0CDDE;
    border: 0;
 	background-color: #C0CDDE;
	height: 1px;
	margin:0;
	padding:0;
}

#entete_galerieimage left{
	width:200px;
	float:left;

}

#entete_galerieimage right{
	width:200px;
	float:left;
}

#photos_container{
	width:650px;
	margin:0 0 0 0px;
}

#photos_container #bgphotos{
	float:left;
	background:url(../images/bg_photo_galerie.png) no-repeat;
	width:199px;
	height:125px;
	padding:10px 0 0 11px;
	margin: 0 0 4px 5px;
}

#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:25000;
}

.popup {
	position: absolute;
	z-index: 20000;
	border-collapse: collapse;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(/onclick/onclick_media/popup_bulle/bubble-1.png); }
.popup td.top { background-image: url(/onclick/onclick_media/popup_bulle/bubble-2.png); }
.popup td#topright { background-image: url(/onclick/onclick_media/popup_bulle/bubble-3.png); }
.popup td.left { background-image: url(/onclick/onclick_media/popup_bulle/bubble-4.png); }
.popup td.right { background-image: url(/onclick/onclick_media/popup_bulle/bubble-5.png); }
.popup td#bottomleft { background-image: url(/onclick/onclick_media/popup_bulle/bubble-6.png); }
.popup td.bottom { background-image: url(/onclick/onclick_media/popup_bulle/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(/onclick/onclick_media/popup_bulle/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

#minimenu_traverses{
	height:auto;
	padding:6px 18px 9px 18px;
	margin:18px 0 18px 0;	
	border-bottom:1px solid #bfcddd;
	border-top:1px solid #bfcddd;	
}

#minimenu_traverses ul{
	margin:0;
	padding:0;
}	

#minimenu_traverses li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:8px 0 8px 0px;
	padding:0 0 0 10px;
	line-height:13px;
	font-size:11px;
}	

#minimenu_traverses a{
	color: #00246b;
}

#minimenu_traverses td{
	vertical-align:top;
}

#sitemap ul{
	margin:0;
	padding:0;
	font-size:1em !important;
}	

#sitemap li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:10px 0 10px 0px;
	padding:0 0 0 10px;
	line-height:14px;
	font-weight:bold !important;
}

#sitemap li li{
	font-weight:normal !important;
}

#sitemap a{
	color: #00246b;
}

/* Ajustement des formulaires */

.x-form fieldset legend{
	color: #00246b;
}

.x-form fieldset .x-form-item{
	font-weight:normal;
}

.x-form-item{
	font-size:11px;
	font-weight:bold;
}

.x-form-btns-ct{
	margin:0 0 20px 0 !important;
	padding:0 !important;
	font-size:11px;
}

.x-combo-list-item{
	font-size:11px;
	text-align:left;
}

#colonnecentre form input{
	font-size:11px;
}

#colonnecentre form textarea{
	font-size:11px;
}

#textetraverse .classDot{
	margin-right: 10px;
	margin-top: -33px;
	float: right;
}

.legendre{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 10px;
	background-color: white;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
}

.legendre td{
	padding-top: 5px;
}