BODY {
	BACKGROUND-ATTACHEMENT: fixed;
	BACKGROUND: #ffffff;
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px;
}
TABLE,TR,TD,P,DIV {
	COLOR: #2f2f2f;
	FONT-FAMILY: Arial;
	FONT-SIZE: 12px;
}
A:HOVER {
	COLOR: #2f2f2f;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
}
A:FOCUS {
	COLOR: #2f2f2f;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
}
A:LINK {
	COLOR: #2f2f2f;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
}
A:VISITED {
	COLOR: #2f2f2f;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
}
A {
	COLOR: #2f2f2f;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
}
.navigation {
	COLOR: #FFFFFF;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}
.navigation:HOVER, .navigation:FOCUS {
	COLOR: white ;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
.navigation2 {
	COLOR: gray;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}
.navigation2:HOVER, .navigation2:FOCUS {
	COLOR: black;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
#contenu_referencement_nouvelle { display:none; }
#contenu_referencement_blog { display:none; }
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
 behavior: url("csshover3.htc");
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { font-family:Arial; font-size:12px;}
#vers_contenu {text-indent:-10000px; position:absolute;}
/*ÉLÉMENTS*/
h1, #sondage h2, #nouvelles h2 { font-size:18px; font-weight:bold; color:#b0b100; border-bottom:1px solid #ffc784; padding:0 0 6px 0; width:100%; margin:0 0 15px 0;}
h2 { font-size:14px; color:#bb6200; margin:0 0 10px 0;font-weight:bold;}
h3 {}
ul {margin:0 0 20px 0; }
ul  li {  background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/puce.gif') no-repeat left 2px; padding:0 0 0 17px; }
ul li a,ul li { text-decoration:none; font-size:12px; color:#000;}
p {font-size:12px; color:#2f2f2f; margin:0 0 20px 0;}

/*STRUCTURE*/
#wrap_main { width:100%; text-align:center;}
#wrap_top { width:100%; text-align:center; float:left;}
#top { width:950px;margin:0 auto; text-align:left;}
#logo { width:350px; float:left;}

/*Menu utilitaire*/
#menu_ut { width:600px; float:left; background:#003399 url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/paysage_header.jpg') no-repeat top; }
#menu_ut ul { height:29px; margin:87px 0 0 310px;}
#menu_ut ul li { display:inline; border-left: 1px solid #000; padding:0 3px; background:none;}
#menu_ut ul li.premier { border:none;}
#menu_ut ul li a,#menu_ut ul li a:link {color:#fff; font-size:10px; text-decoration:none;}

#wrap_header_repeat{ width:100%; text-align:center; background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_all.gif') repeat-x top;float:left;}
#wrap_header { width:100%; text-align:center;  background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_main.jpg') no-repeat  top; float:left;}
#header {width:950px;margin:0 auto; text-align:left;}

/*Menu principal*/
#menup { width:950px;}
#menup  ul { margin:127px 0 0 0 ; height:26px; }
#menup  ul li { text-align:center; display:inline; position:relative; float:left; background:none; padding:0; line-height:12px; height:26px;}
.mp_csssj { width: 106px;}
.mp_mission_locale {width: 94px;}
.mp_mission_regionale {width: 105px;}
.mp_services {width: 96px;}
.mp_qualite_services {width: 108px;}
.mp_prevention {width: 130px;}
.mp_reseau_local {width: 119px;}
.mp_comite_usager {width: 109px;}
.mp_imprimer { text-indent:-9999px;}
.mp_grandir_police {text-indent:-9999px;}
.mp_diminuer_police {text-indent:-9999px;}
#menup  ul li.mp_imprimer  a {background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_imprimer.gif') no-repeat top; display:block; width:28px; height:26px; }
#menup  ul li.mp_grandir_police a {background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_diminuer_police.gif') no-repeat top; display:block; width:24px; height:24px; }
#menup  ul li.mp_diminuer_police a  {background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_grandir_police.gif') no-repeat top; display:block; width:20px; height:18px;}
#menup  ul li a,#menup  ul li a:link { font-size:11px; font-weight:bold;text-transform:uppercase; color:#4f4f4f; text-decoration:none;}
#menup  ul li a:hover { color:#da3200;}
#menup ul li ul { display:none; position:absolute; top:25px; left:0px;  margin:0; height:auto; width:950px; background: url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_menu_deroulant.png') repeat-x bottom; }
#menup  ul li.mp_qualite_services ul { left:-400px;}
#menup ul li:hover ul { display:block; }
#menup ul li:hover a {color:#da3200;}
#menup ul li ul li { float:left;display:block; padding:10px 10px 20px 10px; max-width:150px; height:auto;}
#menup ul li ul li a, #menup ul li ul li a:link  {text-transform:none; font-weight:normal; font-size:12px; color:#4F4F4F; text-decoration:none; }
#menup ul li:hover ul li a {color:#4F4F4F;}
#menup ul li ul li a:hover { color:#2c2c2c;}
/*Content*/
#wrap_content { width:100%; text-align:center; background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_content.gif') repeat-x top; float:left;}
#content {width:950px;margin:0 auto; padding:15px 0 0 0; text-align:left;}
#col_gauche { width:170px; padding:0 16px; float:left; background:#fff url(http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_col_1.gif) repeat-x left top; }
#col_droite { width:725px; padding:0 0 0 23px ; float:left; background:url(http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_col_droite.gif) no-repeat left top;min-height:1000px;}


#pied_page_iframe {width:950px; padding-bottom:0px !important 50px;}
#logo_pied_page { width:950px; text-align:center;}
#logo_pied_page ul {}
#logo_pied_page ul li {float:left; background:none; padding:0; margin:4px 13px;}
.recherche {background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_recherche.gif') no-repeat top; width:163px; height:40px; padding:4px 0 4px 7px;}
.btn_recherche { background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/btn_recherche.png') no-repeat top; width:24px; height:27px; border:none; cursor:pointer; text-indent:-9999px; }


/*Footer*/
#wrap_footer { width:100%; text-align:center; background:#e6e6d2; float:left;padding:30px 0;}
#footer {width:950px;margin:0 auto;text-align:left;  }
#footer_col_1 { width:185px;float:left; border-right:1px solid #cbcbae;}
#footer ul li { background:none; padding:0;}
#footer ul li a { color:#3c3c3c; text-decoration:none; font-size:10px;}

#footer_col_2 { width:221px; float:left; padding:0 0 0 26px;}
#footer_col_3 { width:517px; float:left; background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_footer.gif') no-repeat left 73px;}

/*Accueil*/
#col_1_accueil { width:263px; float:left; padding:0 20px 0 0;}
#sondage { width:263px;}
#col_2_accueil {width:422px; float:left; padding:0 0 0 20px;}
#partenaires {width:422px; float:left;}
#slideshow {width:422px; float:left;}
#nouvelles {width:398px; float:left; background:#f6f6de url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_nouvelles.gif') repeat-x top; padding:8px 12px;} 



/*CLASSES*/
.clear {clear:both;}
.widget{ margin:0 0 20px 0;}
.titre_widget { display:block; background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/bg_titre_col_1.gif') no-repeat; width:161px; height:19px; font-family:Arial; font-size:14px; font-weight:bold; color:#fff; padding:6px 0 0 9px; margin:0 0 14px 0; }
.txt_recherche { text-transform:uppercase; font-size:10px;color:#2f2f2f; display:block;}
.copy { color:#3c3c3c; font-size:10px; display:block; margin:117px 0 0 35px; text-transform:uppercase;}
ul.info_express {}
ul.info_express li {  background:url('http://www.csssjonquiere.qc.ca/web/image/interface_2011/puce.gif') no-repeat left; padding:0 0 0 17px; }
ul.info_express li a { text-decoration:none; color:#000;}


#contenu_referencement_nouvelle { display:none; }
#contenu_referencement_blog { display:none; }

#nouvelle_1  h3 { font-size:14px; font-weight:bold; color:#2f2f2f;}
#nouvelle_1 p { font-size:12px; color:#2f2f2f;}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 426px;
    margin: 0 auto;
    position: relative;
}

.scroll {
overflow: hidden;
width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	/*background: url(../images/leftshadow.png) repeat-y;*/
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	/*background: url(../images/rightshadow.png) repeat-y;*/
}

.inside {
	padding: 10px;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
background:none;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

#calendrier_left { width:415px;float:left; padding:0 20px 0 0; }
#calendrier_right {width:280px; float:left;}

.item_nouvelle .titre_nouvelle, .item_nouvelle p {font-family:Arial;font-size:12px;color:#2F2F2F;}
.item_nouvelle .titre_nouvelle {font-weight:bold; color:#2F2F2F;}
.item_nouvelle .en_lire_plus {;font-size:12px;color:#2F2F2F;text-align:right; text-decoration:underline; width:100%;border-top:1px solid #ffc784;  display:block; padding-top:4px;}

/*Google search*/
.google_box {height:20px;font-size:10px; width:125px;}
.google_btn {font-size:10px;}

.captcha1 { width: 180px; height: 20px; position: absolute; background-image: url(http://www.csssjonquiere.qc.ca/soluss_library/captcha/cover.png); z-index: 9999; }
.captcha2 { background-image: url(http://www.csssjonquiere.qc.ca/soluss_library/captcha/trame.jpg); text-align: center; border: medium none; font-size: 14px; font-weight: bold; font-family: 'Comic Sans MS',Arial; }

/*Animation*/

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
    position:relative;
    background:#fff url(../web/image/interface/animation/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.theme-default .nivoSlider a {
    border:0;
    display:block;
}

.theme-default .nivo-controlNav {
    position:absolute;
   right:10px;
    bottom:20px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../web/image/interface/animation/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.theme-default .nivo-controlNav a.active {
    background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:23px;
	height:22px;
	background:url(../web/image/interface/animation/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background:url(http://www.csssjonquiere.qc.ca/web/image/interface_2011/next.png);
	right:15px;
}
.theme-default a.nivo-prevNav {
background:url(http://www.csssjonquiere.qc.ca/web/image/interface_2011/prev.png);
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}