/*nouveau*/

html, body {height: 100%; text-align:center;}

#wrap {
width:764px;
margin:0 auto;
padding:0 15px;
text-align:left;
min-height: 100%; background:url(/Fr/Images/cnt_wrp_bgr.png) center top repeat-y;}

#footer {
position: relative;
width:756px;
margin:0 auto;
height: 90px;
clear:both;
background:url(/Fr/Images/cnt_ftr_bgr.gif) left bottom no-repeat;
} 


/* Line-height fix pour les exposants */

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body{ margin:0px; padding:0px; background:#8d9baf url(/Fr/Images/cnt_bgr_cele.jpg) center top no-repeat; }

#header { width:756px; height:44px; margin:0 auto; padding:4px 0 0 0;  }
#headercnt { position:relative; display:block; height:44px; line-height:34px; text-align:center; color:#d8dce3; background:url(/Fr/Images/cnt_hdr_bgr.gif) left top repeat-x; }
#headercnt a, #headercnt a:visited { color:#d8dce3; text-decoration:none; font-weight:normal; padding:0 15px; }
#headercnt a:hover, #headercnt a:visited:hover { color:#d8dce3; text-decoration:underline; font-weight:normal; }

#sidebar { position:relative; float:left; width:109px; padding:0px; margin:0px; height:666px; }
ul#navtop { margin:0px; padding:0; list-style:none; }
ul#navtop li { margin:0px; padding:6px 6px 6px 0; list-style:none; text-align:right; background:#fff url(/Fr/Images/sdb_nav_top_bgr.gif) left top repeat-x; }
ul#navtop li a { font-size:11px; line-height:12px; font-weight:bold; font-style:italic; text-decoration:none; margin:0px; padding:0 0 0 10px; background:url('/Fr/Images/sdb_nav_top_lai.gif') 0 3px no-repeat; }
ul#navtop li a:hover { text-decoration:underline; }

#navmid { padding:10px 0 20px 0; margin:0px; text-align:right;   background:#fff url(/Fr/Images/sdb_nav_mid_bgr.gif) left top repeat-x; }
#navmid a.rec { display:block; padding:0 5px 10px 0; }
#navmid .tit {display:block; padding:5px; color:#98731e; font-size:11px; font-style:italic; font-weight:bold; }

#navmid ul { margin:10px 5px 0 0; padding:0px; list-style:none; }
#navmid ul li { margin:0px; padding:0px; list-style:none; }
#navmid ul li a { margin:0px; padding:0px; height:20px; line-height:16px; font-size:11px; font-weight:normal; color:#2d476b; text-decoration:none; vertical-align:top;}
#navmid ul li a:hover { text-decoration:underline; }

#navbot { padding:45px 0 20px 0; margin:0px; text-align:center; background:#fff url(/Fr/Images/sdb_nav_bot_bgr.gif) left top repeat-x;}

#footercnt {
position:relative;
height:90px;
padding:0px;
color:#025589;
}
#footercnt .liens { position:absolute; top:5px; left:10px; height:35px; line-height:35px; }
#footercnt .liens a, #footercnt .liens a:visited { color:#025589; text-decoration:none; font-weight:normal; padding:0 10px }
#footercnt .liens a:hover, #footercnt .liens a:visited:hover { color:#025589; text-decoration:underline; font-weight:normal; }

#footercnt .share { position:absolute; top:0px; right:0px; height:25px; padding:10px 0 0 10px;  }
#footercnt .share a { padding:0 5px;}
#footercnt .copy { position:absolute; top:47px; right:10px; height:35px; line-height:35px; color:#fff; }


/*** INDEX ***/

#indLogo { position:relative; float:left; display:block;}
#indSlideshow { position:relative; float:left; display:block; width:534px; height:153px; background:url(/Fr/Images/ind_vis_top_bgr.gif) left top no-repeat; }
#indSlideshow #slides { position:relative; float:left; display:block; overflow:hidden; width:534px; height:153px; z-index:0; }
#indSlideshow #nav { position:absolute; right:10px; bottom:5px; display:block; width:50px; height:25px; padding:6px 0 0 0; text-align:center; z-index:1; background:url(/Fr/Images/ind_vis_top_nav.png) left top no-repeat; }
#indSlideshow #nav a{  margin:0 3px 0; cursor:pointer;}

#indTabs {  position:relative; display:block; margin-bottom:30px; }
#indTabs .tit { font-size:13px; font-weight:bold; font-style:italic; color:#535c69; margin:15px 0 5px; }

#tabsind.ui-corner-all { border-radius:2px; border-color:#dddddd;  }
#tabsind .ui-tabs-nav { border-radius:2px; background:#e6e6e6; border-color:#dddddd; }
#tabsind ul li.ui-state-default { border-top-left-radius:2px; border-top-right-radius:2px; border-color:#dddddd; background:#f3f3f3; }
#tabsind ul li.ui-state-active { border-top-left-radius:2px; border-top-right-radius:2px;  background:#fcfcfc ; }
#tabsind ul li.ui-state-default a { font-size:13px; font-weight:bold; font-style:italic; color:#042c66; padding:0.4em 1em; }
#tabsind ul li.ui-state-active a { font-size:13px; font-weight:bold; font-style:italic; color:#98731e; }
#tabsind .ui-tabs-panel{ color:#025589; font-size:12px; padding:20px 10px; background:#ebebeb url(/Fr/Images/ind_tab_cnt_bgr.gif) left top repeat-x; }

#tabsind .tabcol { display:block; float:left; width:185px; margin-right:10px; }
#tabsind .tabcol ul { margin:0px; padding:0px; list-style:none; }
#tabsind .tabcol ul li { margin:0px; padding:3px 0; list-style:none; }
#tabsind .tabcol ul li a { color:#025589; }
#tabsind .tabcol ul li a:hover { color:#98731e; }


#indAct { position:relative; display:block; float:left; width:330px; margin-bottom:20px;}
#indAct .tit { font-size:16px; font-weight:bold; font-style:italic; color:#98731e; margin:0 0 15px 10px; }
#indAct .act { display:block;  height:32px; margin:0 0 6px 0; padding:5px 10px 0;  background: url(/Fr/Images/ind_act_bgr.gif) left top no-repeat;}
#indAct .act a { color:#025589; text-decoration:none; font-weight:normal; }
#indAct .act a:hover { color:#98731e; text-decoration:underline; }
#indAct .links { padding:10px 0 0 10px;}

#indBan { position:relative; display:block; float:right; width:260px; min-height:146px; margin-bottom:20px; padding:0; background:url(/Fr/Images/ind_ban_bgr.gif) left top no-repeat;}
#indBan .ban {  position:relative; display:block; width:254px; margin:0; padding:12px 3px 0;}
#indBan a.link { display:block; margin:0 0 0 10px; color:#98731e; text-decoration:underline; font-style:italic; }

#indSuj { position:relative; display:block; float:right; width:260px; margin:10 0 30 0; }
#indSuj .tit { font-size:16px; font-weight:bold; font-style:italic; color:#98731e; margin:0 0 15px 0px; }
#indSuj a { display:block; padding:0 0 5px 0;}

.icn-img img {position:relative; top:4px; margin:0 4 0 0;}


/* old */

html { overflow-y: scroll; }
img {border:none;}
a.imagelink:hover { background-color: transparent; }

img.nodec a:hover {border:none; background-color:none; outline:none; text-decoration:none;}

a	       { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #025589; font-weight:normal; }
a:link     { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #025589; font-weight:normal; }
a:active   { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #025589; font-weight:normal; }
a:visited  { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #025589; font-weight:normal; }
a:hover	   { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #98731e; font-weight:normal; }
a:hover.nex	   { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #98731e; font-weight:bold; background-color: #ced3db;}
li.active a, li.active a:visited {background-color: #1C385F; color:#ffffff; text-decoration:none;}

body       { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333;
			scrollbar-3d-light-color : #C2D1D1;
			scrollbar-arrow-color : #000000;
			scrollbar-base-color : #8291A7;
			scrollbar-dark-shadow-color : #1C385F;
			scrollbar-face-color : #8291A7;
			scrollbar-highlight-color : #C2D1D1;
			scrollbar-shadow-color : #500000;		
			}

form		{margin-left:0; margin-top:0; margin-bottom:0; margin-right:0;}

td         { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333; }
tr         { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333; }
p          { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal; }
ul         { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal; }
ul.menuRubrique {text-align:left; padding-left:17px; margin:0px; line-height:14px; font-size: 14px; list-style-type: square;}
ul.menuRubrique > li a {font-size: 14px;}
ul.menuRubrique li a, ul.menuRubrique li a:hover, ul.menuRubrique li a:visited, ul.menuRubrique li a:active {font-size:14px; text-decoration:none; }
ul.menuRubrique li.nouveau a {border-bottom: 1px solid #72D8FE; text-decoration: none;}

ul#menuIndex li#navIndex a, ul#menuIndex li#navIndex a:hover, ul#menuCamps li#navCamps a, ul#menuCamps li#navCamps a:hover, ul#menuActReg li#navActReg a, ul#menuActReg li#navActReg a:hover, ul#menuActLib li#navActLib a, ul#menuActLib li#navActLib a:hover, ul#menuLoc li#navLoc a, ul#menuLoc li#navLoc a:hover, ul#menuOrg li#navOrg a, ul#menuOrg li#navOrg a:hover, ul#menuCamps li#navCamps a, ul#menuCamps li#navCamps a:hover, ul#menuLiens li#navLiens a, ul#menuLiens li#navLiens a:hover, ul#menuInsc li#navInsc a, ul#menuInsc li#navInsc a:hover, ul#menuTarif li#navTarif a, ul#menuTarif li#navTarif a:hover, ul#menuRelache li#navRelache a, ul#menuRelache li#navRelache a:hover {background-color: #E8EBEF; margin-left:-4px; text-decoration: none; padding:2px 4px 2px 4px; line-height:18px; color: #025589;}



h1         { font-family: arial, helvetica, sans-serif; font-size: 17px; color: #49607F; margin-left:0; margin-top:0; margin-bottom:0 }
h2         { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #8E6B19; font-weight:bold; margin-left:0; margin-top:0; margin-bottom:0;}
h3         { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #49607F; font-weight:bold; margin-left:0; margin-top:0; margin-bottom:0 }
h4         { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #49607F; font-weight:bold; margin-left:0; margin-top:0; margin-bottom:0 }
h5         { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #8E6B19; font-weight:bold; margin-left:0; margin-top:0; margin-bottom:0; text-decoration: none;}
h1 a:link, h1 a:visited, h1 a:hover {font-size: 17px; color: #49607F; text-decoration:none;}

.tit       { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #49607F;}
.date      { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold;}
.sma       { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #333333; }

#button  { font-family: arial, helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #EFEFEF}

.pdf       { font-family: arial, helvetica, sans-serif; font-size: 11px; color: #808080; }

.comstitre { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #49607F; font-weight:bold; margin-left:0; margin-top:0; margin-bottom:0; text-decoration: underline}

.hrdashed  { margin:0px; padding:5px; border-bottom:1px dashed #BBB; border-top:0px; border-left:0px; border-right:0px;	line-height:0px;	height:1px; display:block;}

#flashcontent { 
	background:#ffffff;
}

.basdepage, .basdepage a, .basdepage a:visited, .basdepage a:hover {font-size:9px; color:#526476; margin-top:2px;}
.dloads a, .dloads a:link, .dloads a:active, .dloads a:visited, .dloads a:hover {color: #000; text-decoration:none;  font-weight:bold; border-bottom:1px dotted #000; font-weight:normal; line-height:16px;}
.linkintext a:link, .linkintext a:active, .linkintext a:visited, .linkintext a:hover {color: #000; text-decoration:none; font-size:11px; font-weight:bold; border-bottom:1px dotted #000; font-weight:normal; line-height:16px;}
.lienTexteEntier a:link, .lienTexteEntier a:active, .lienTexteEntier a:visited, .lienTexteEntier a:hover {color: inherit; text-decoration:none; line-height:16px; color: #49607F;}
.footerBar a:link, .footerBar a:visited, .footerBar a:hover, .footerBar a:active {color: #49607F; text-decoration:none; font-weight:normal; line-height:;}
.footerBar {color: #49607F;}


#preview{
	position:absolute;	
	background:transparent;
	padding:10px;
	display:none;
	color:#333;
	font-size:9px;
	}


#screenshot {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/* Syles pour polices de caractères */

.tiny {font-size:9px;}
.or {color:#8E6B19;}
.or2 {color:#A9891D;}
.special {color:red;}
.bleu {color: #49607F;}

/* Positionnement général */

#img_fright {float:right; margin:0 0 10 10;}
#img_fleft {float:left;	margin:5 10 10 0;}
.fleft {float:left;}
.fright {float:right;}

/* Mise en page */

#rubriqueD {float:right; width:220px; margin:30px 0px 0px 20px;}
#rubriqueL {width:220px; margin:30px 0px 0px 20px;}

.colGauche {width:360px; margin:12 0 100 0; float:left;}
.colDroite {float:left; width:242px; margin:16 0 100 18;}


/* Zone bas de page */
#ZoneBasPage {width:100%; height:84px; background:#CED3DB url(../Images/bg-spop.gif) top left repeat-x;}
#ZoneSpop {float:left; width:443px; background: transparent url(../Images/bg-spop-titre.gif) top left no-repeat;}
#spopContenu a:link, #spopContenu a:visited, #spopContenu a:hover, #spopContenu a:active {color: #49607F; text-decoration:none; font-weight:normal; line-height:; font-size:11px;}
#spopContenu {color: #98731E; padding:27 0 0 10; font-size:9px;}

#spopMessage {color: #98731E; margin:6 0 0 4; height:24px; width:421px; background: transparent url(../Images/bg-spop-msg.gif) top left no-repeat;}
div#spopMessage {padding:6 0 0 6; letter-spacing:-1px; }
#spopBanniere {float:left; margin-top:13px;}
div#spopMessage a:link, div#spopMessage a:visited, div#spopMessage a:hover, div#spopMessage a:active {}


#scrollup {color: #98731E; margin:6 0 0 4; height:24px; width:421px; background: transparent url(../Images/bg-spop-msg.gif) top left no-repeat; position: relative; overflow: hidden;}
div#scrollup {padding:6 0 0 6; letter-spacing:-1px;}
.headline {position: absolute; top: 210px; left: 6px; height: 24px; width:421px;}

/* Éléments de mise en page  */

.rubriqueINF {float:right; margin:0px 0px 18px 0px; width:220px; background-color:#EDF0F3;}
.rubriqueINFL {margin:0px 0px 18px 0px; width:220px; background-color:#EDF0F3;}

.titreINF {

	background-color:#1b395f; 
	border-bottom:3px solid #98731e; 
	color:#fff; 
	height:13px; 
	padding:6px 0px 5px 10px;
	
}


.titreELEC {

	background: url(../images/election/bg_titre_elect.gif) top left repeat-x; 
	/*border-bottom:2px solid #98731e;*/ 
	color:#fff; 
	height:13px; 
	padding:6px 0px 6px 10px;
	
}

.titreINFL {
	background: url(http://www.ville.levis.qc.ca/FR/images/bg_titre_automne.gif) top left repeat-x;
	background-color:#1b395f; 
	border-bottom:2px solid #AB470C; 
	color:#fff; 
	height:13px; 
	padding:6px 0px 6px 10px;
	
}

.contenuINF {padding:0px 0px 0px 8px;}


abbr {border-bottom:1px dotted; cursor:help;}

.boxC { 
  background: #98731E;
  color:#ffffff;
}
.boxtop { 
  background: url(../Images/neg.gif) no-repeat top right ; 
}
.boxtop div { 
  font-size: 0;
  height: 5px; 
  background: url(../Images/nwg.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../Images/seg.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 5px; 
  background: url(../Images/swg.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 5px 0px 5px;
  
}

#lienCadre a, #lienCadreEl a
{
display: block;
padding: 4px 0px 5px 0px;
background: url(http://www.ville.levis.qc.ca/FR/images/bg_titre.gif) top left repeat-x;
text-align:center;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin-left:8px;
}

#lienCadreEl a
{
background: url(../images/election/bg_titre_or.gif) top left repeat-x;
margin-left:0px;
}



#lienCadre a:link, #lienCadre a:visited, #lienCadreEl a:link, #lienCadreEl a:visited {color:#fff; text-decoration: none;}

#lienCadre a:hover {background:none; background-color: #0572b7;}
#lienCadreEl a:hover {background:none; background-color: #A57D21;}


#simpleTooltip {padding: 12px; border: 1px solid #A6A7AB; background: #2f425c; color:#000; width:440px; text-align:left;}
a#tip, a:hover #tip, a:visited #tip {font-size:12px; color: #00000; background-color:none; text-decoration:none; border-bottom:1px dotted ##0066CC;}

.ligneB {color:#1C395F;}

#periodeINSC {margin:0px 10px 10px 10px; padding-bottom:12px;}
#periodeINSC hr {color:#BDC8D2;}
#titreINSC {
	border-bottom:3px solid #B1D34F;
	color:#fff; 
	margin:0px;
	height:28px;
	_height:30px;
	width:258px;
	background-color:#0061AC;
	background: url(http://www.ville.levis.qc.ca/FR/images/bg_titre.gif) top left repeat-x;
	}

#titreINSC2 {
	border-bottom:3px solid #98731E;
	color:#fff; 
	margin:0px;
	height:27px;
	_height:29px;
	width:258px;
	background-color:#1C385F;
	}

#titreINSC p {font-size:14px; font-family: Arial, Helvetica, sans-serif; padding-top:6px; margin-left:11px; color:#fff; }

a.tlink1, a.tlink1:hover, a.tlink1:visited, a.tlink1:active, a.tlink2, a.tlink2:hover, a.tlink2:visited, a.tlink2:active {font-size: 14px; color: #8E6B19; text-decoration:none;}
a.tlink3, a.tlink3:hover, a.tlink3:visited, a.tlink3:active, a.tlink4, a.tlink4:hover, a.tlink4:visited, a.tlink4:active, a.tlink5, a.tlink5:hover, a.tlink5:visited, a.tlink5:active {font-size: 13px; text-decoration:none; border-bottom:1px dotted #000; background:none; line-height:22px;}



#tblEmp {width:620px; margin-bottom:50px; border-collapse:separate; color:#49607F; line-height:15px;}
#tblEmp thead th { font-weight:normal; font-size:12px; height:29px;  background: #1c385f url('http://www.ville.levis.qc.ca/FR/images/theadEmpEteBg.gif') top left repeat-x; padding:5px; color:#fff;}
#tblEmp tbody th { text-align:left; font-weight:normal; background-color:#fff; }
#tblEmp tbody td { text-align:center; background-color:#e6eaf0; padding:8px;}
#tblEmp .inter  {background-color:#f3f5f8;}
#tblEmp .inter2  {background-color:#ebf2fd;}
#tblEmp tbody tr#inter {background-color:f3f5f8;}

#tblEmp .col1 {border-right:1px solid #d8d8d8; width:310px; padding-left:16px; text-align:left;}

#tblEmp .col1 a, #tblEmpEte .col1 a:visited {text-decoration:none; border:none;}
#tblEmp .col1 a:hover, #tblEmpEte .col1 a:active {text-decoration:underline; border:none; background:none;}

#tblEmp .col2 {border-right:1px solid #d8d8d8; width:63px;}
#tblEmp .col2 a {font-weight:normal;}

#tblEmp .col3 {border-right:1px solid #d8d8d8;}
#tblEmp .col4 {}


#tblCo2 {width:242px; margin:0 0 0 0; border-collapse:separate; color:#49607F; line-height:15px;}
#tblCo2 thead th { font-weight:normal; font-size:11px; height:29px;  background: #1c385f url('http://www.ville.levis.qc.ca/FR/images/theadEmpEteBg.gif') top left repeat-x; color:#fff;}
#tblCo2 tbody th { text-align:left; font-weight:normal; background-color:#fff; }
#tblCo2 tbody td {vertical-align:top; background-color:#e6eaf0; padding:6px; font-size:10px; line-height:13px;}
#tblCo2 .inter  {background-color:#f3f5f8;}
#tblCo2 .inter2  {background-color:#ebf2fd;}
#tblCo2 .btmline  {border-bottom:1px solid #d8d8d8;}
#tblCo2 tbody tr#inter {background-color:f3f5f8;}

#tblCo2 .col1 {border-right:1px solid #d8d8d8; padding-left:8px; text-align:left;}
#tblCo2 .col2 {text-align:center; padding:6px 4px;}
#tblCo2 .col3 {border-right:1px solid #d8d8d8; width:;}

.encadre { background-color: #e6eaf0; padding:10px; margin-top:20px; margin-bottom:20px; overflow:auto; width:93%; clear:both;}



/* Tableaux pour la colonne 1 ou les corps de texte */

#tblFichiers {width:358px;  margin:0 0 22 0; border-collapse:separate; color:#49607F; line-height:15px;}
#tblFichiers thead th { font-weight:normal; font-size:11px; height:29px;  background: #1c385f url('http://www.ville.levis.qc.ca/FR/images/theadEmpEteBg.gif') top left repeat-x; color:#fff;}
#tblFichiers tbody th { text-align:left; font-weight:normal; background-color:#fff; }
#tblFichiers tbody td { background-color:#FAF2E2; font-size:11px; line-height:13px;}
#tblFichiers .inter  {background-color:#FCF7ED;}
#tblFichiers .btmline  {border-bottom:1px solid #fff;}
#tblFichiers tbody tr#inter {background-color:f3f5f8;}

#tblFichiers .col1 {border-right:1px solid #fff; width:245px; padding:10px; text-align:left;}
#tblFichiers .col2 {text-align:center; vertical-align:center; padding:6px 4px; line-height:16px;}
#tblFichiers .col3 {border-right:1px solid #d8d8d8; width:;}


/* Programme Loisirs */

#alerteLoi {width:220px; height:114px; margin:20px 0px 6px 0px; background: url(http://www.ville.levis.qc.ca/FR/images/bgAlerteLoi.png) top left no-repeat;}
#alerteLoi .content {padding:10px 8px 0px 8px;}
#alterteLoiIntro {width:204px; color:#fff;}
#alterteLoiMsg {margin:16px 0px 0px 5px; width:200px;}
#alerteLoi p {margin:0px 0px 2px 0px; color:#fff;}

/* Encadrés */
div#boxRc{background: #e1e3ed;}

b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(../Images/rc.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px} 

#boxLoi {
	width:96%;
	height:;
	font-size:14px;
	border:3px solid #B5BDCA;
	background-color: #007cc2;
	padding:10px;
	margin-bottom:20px;
	overflow:auto;
	clear:both;
	color:#fff;
	}

#boxAver {
	width:96%;
	height:;
	font-size:;
	/*border:4px solid #8D9BAF;*/
	background-color: #f79c31;
	padding:10px;
	margin-bottom:20px;
	overflow:auto;
	clear:both;
	color:#fff;
	}

#boxErratum {
	width:96%;
	height:;
	font-size:;
	/*border:4px solid #8D9BAF;*/
	background-color: #fff8aa;
	padding:10px;
	margin-bottom:20px;
	overflow:auto;
	clear:both;
	color:#000000;
	}

#boxLoi a, #boxLoi a:hover, #boxLoi a:visited {color: #fff; background-color:none;  border-bottom:none;}
#boxAver a, #boxAver a:hover, #boxAver a:visited {font-weight:bold; color: #fff; background-color:none;  border-bottom:1px solid #fff;}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:70px;
	margin:0;
	padding:0;
}
	div#rotator ul {
	margin:0;
	padding:0; 
}

/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	margin:0;
	padding:0;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0px solid #CBD1DA;
	padding: 0px;
	background: #FFF;
	margin:0;
	padding:0;
}
    div#rotator ul li.show {
	z-index:500;

}

.co_deneigement {width:176px; _width:195px; float:left; background: #ffffff url('../Images/bg_col_den.gif') repeat-x right top; padding:12 10; margin-right:16px;}
.inco_deneigement {width:96%; padding:4px 6px; background-color:#ffffff;}

/* Style des onglets */

.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li	{ margin:0; padding:0; display:inline }
.tabset_tabs a	{ color:#339 ! important; background-color:#def ! important; border:1px solid #99c; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none }
.tabset_tabs a:hover	{ color:#00c ! important; background-color:#eff ! important }
.tabset_tabs a.active	{ color:black ! important; background-color:white ! important; border-color:black; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }

.tabset_tabs li.firstchild a	{ border-left-width:1px }

.tabset_content	{ border:1px solid black; background-color:white; position:relative; z-index:1; padding:0.5em 1em; display:none }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}

/* Coins arrondis spiffycorners */

.coinsronds{display:block}
.coinsronds *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E8EBEF}
.coinsronds1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f6f8;
  border-right:1px solid #f5f6f8;
  background:#edf0f3}
.coinsronds2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdfd;
  border-right:1px solid #fcfdfd;
  background:#eceef2}
.coinsronds3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eceef2;
  border-right:1px solid #eceef2;}
.coinsronds4{
  border-left:1px solid #f5f6f8;
  border-right:1px solid #f5f6f8}
.coinsronds5{
  border-left:1px solid #edf0f3;
  border-right:1px solid #edf0f3}
.coinsrondsfg{
  background:#E8EBEF;
  padding:10px;}

/* Coins arrondis spiffycorners rouges */

.coinsrondsrge *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cc3300}

.coinsrondsfgrge{
  background:#cc3300;
  padding:10px;}

/* Nouvelle section v.1.1 */

.bigfont {font-size:14px;}
.red {color:#FF0006;}
#ariane {font-size:12px; font-weight:normal;}
#ariane a, #ariane a:link, #ariane a:active, #ariane a:visited {color: #8E6B19; text-decoration:none; font-size:12px; font-weight:bold;}
#ariane a:hover {color: #8E6B19; background-color: #fff; text-decoration:none;}

#acrobat a, #acrobat a:link, #acrobat a:active, #acrobat a:visited, #acrobat a:hover {color: #000; text-decoration:none; font-size:11px; font-weight:bold; border-bottom:1px dotted #000; font-weight:normal;}

#lienCadre a
{
display: block;
padding: 4px 0px 4px 0px;
width: 312px;
background: url(http://www.ville.levis.qc.ca/FR/images/bg_titre.gif) top left repeat-x;
text-align:center;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin-left:12px;
}


#lienCadre a:link, #lienCadre a:visited {color:#fff; text-decoration: none;}

#lienCadre a:hover {background: url() top left repeat-x; background-color: #0572b7;}

#simpleTooltip {padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; }
a#tip, a:hover #tip, a:visited #tip {color: #49607F; /*text-decoration:none; border-bottom:1px dotted #1C395F;*/}
.ligneB {color:#1C395F;}

#periodeINSC {margin:0px 10px 10px 10px; padding-bottom:12px;}
#periodeINSC hr {color:#BDC8D2;}
#titreINSC {
	border-bottom:3px solid #B1D34F;
	color:#fff; 
	margin:0px;
	height:28px;
	_height:30px;
	width:258px;
	background-color:#0061AC;
	background: url(http://www.ville.levis.qc.ca/FR/images/bg_titre.gif) top left repeat-x;
	}

#titreINSC2 {
	border-bottom:3px solid #98731E;
	color:#fff; 
	margin:0px;
	height:27px;
	_height:29px;
	width:258px;
	background-color:#1C385F;
	}

#titreINSC p {font-size:14px; fontfamily: Arial, Helvetica, sans-serif; padding-top:6px; margin-left:11px; color:#fff; }
.red{color:red;}


.button {
   border-top: 1px solid #0b7cc2;
   background: #025589;
   padding: 4px 7px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Verdana, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:link {color:#fff;}
.button:hover {
   border-top-color: #0363a3;
   background: #0363a3;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
.button:visited {color:#fff;}