/*
Courriel: hlavoie@adncomm.com
Date: 14 janvier 2008
Révision: 13 mars 2008
*/



/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");
body {
	background:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#413003;
}

#body {
	background: #f0e5b8 url(/images/bgBody.gif) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#413003;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}

.mailbox {
float:right;
margin-right:75px;
}
ul{
	text-align: justify;
	}

/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	margin: 0 auto;
	background:url(/images/bgPage.gif) repeat-y;
}







/* Le Header
--------------------------------------------------------------------------------------- */
.flt-left.image {
margin-left:0px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
}
.image {
background: #ffffff;
border:2px solid #D1A427;
padding:2px;
margin-left:15px;
margin-top:15px;
margin-bottom:15px;

}
.image1 {
	background:#dd5605;
	border:2px solid #fff;
	padding:2px;
	margin-top:15px;
	margin-bottom:15px;
	}

.partenaire {
margin-left:36px;
}

h3.association {
text-transform:none;
}

.MAJ {
color:#dd5605;
}

#header {
width:760px;
height:388px;
background:url(/images/bgHeader.jpg) no-repeat;
position:relative;
}

#header h1{
width:751px;
color:#f2e1b2;
font-size:13px;
text-align:right;
font-style:italic;
height:18px;
padding: 7px 6px 0px 0px;;
}

/* sous-menu */

#nav {
padding:14px 0 0 15px;
position:absolute;
top:25px;
left:4px;
width:201px;
font-family:Tahoma,arial;
font-size:13px;
color:#dd5605;
width:186px;
height:31px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	padding:4px 0 0 15px;
	width:186px;
	height:22px;
	background:url(/images/menuli.gif) no-repeat;
	color:#dd5605;
	text-decoration:none;
	display: block;
}

#nav a.onIt{
background:url(/images/menuli_hov.gif) no-repeat;
}

#nav a:hover{
color:#7f5301;
text-decoration:none;
background:url(/images/menuli_hov.gif) no-repeat;

}

#nav li {
	float: left;
	width: 186px;
}

#nav li ul {
	position: absolute;
	width: 186px;
	left: -999em;
	margin-left:200px;
	margin-top:-28px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}


/* fin sous-menu */

	#nav #menutop a{
	display:block;
	padding:14px 0 0 15px;
	width:186px;
	
	height:22px;
	background:url(/images/menutop.gif) no-repeat;
	}
	#nav #menutop a.onIt{
	background:url(/images/menutop_hov.gif) no-repeat;
	}
	
	#nav #menutop a:link {color:#dd5605;text-decoration:none;}
	#nav #menutop a:visited {color:#dd5605;text-decoration:none;}
	#nav #menutop a:hover {color:#7f5301;text-decoration:none;background:url(/images/menutop_hov.gif) no-repeat;}
	#nav #menutop a:active {color:#b34025;text-decoration:none;}



#nav #menubottom a{
display:block;
padding:4px 0 0 15px;
width:186px;
height:31px;
background:url(/images/menubottom.gif) no-repeat;
}

#nav #menubottom a.onIt{
background:url(/images/menubottom_hov.gif) no-repeat;
}


#nav #menubottom a:link {color:#dd5605;text-decoration:none;}
#nav #menubottom a:visited {color:#dd5605;text-decoration:none;}
#nav #menubottom a:hover {color:#7f5301;text-decoration:none;background:url(/images/menubottom_hov.gif) no-repeat;}
#nav #menubottom a:active {color:#b34025;text-decoration:none;}

/* Nouvelles */
	.suite {
	margin: 0px 0px 0px 10px;
	color:#dd5605;
	}
	
		.suite a {
		color:#dd5605;
		}
		
		.suite a:hover {
		text-decoration:none;
		}
#News {
float: left;
border-bottom:1px dotted #dd5605;
padding: 0px 0px 30px 0px;
margin: 0px 0px 10px 0px;
}

	#News a {
	color:#413003;
	}
	
		#News a:hover {
		text-decoration:none;
		}
	
	#News p {
	padding-bottom:35px;
	width:370px;
	text-align:justify;
	float: left;
	clear: both;
	}
	.NewsLeft{
		width:370px;
		float: left;
		clear: left;
		}

	#News h2 {
	background:url(/images/bulletNews.gif) no-repeat;
	margin-top:3px;
	margin-bottom:0px;
	padding:7px 0px 10px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#866201;
	border: none;
	float: left;
	}
	
	#News .Right {
 	width:157px;
	height:116px;
 	float:right;
 	border-bottom:1px dotted #dd5605;
	}
	
		#News .img {
		margin: 10px 0px 0px 20px;
		width:124px;
		height:106px;
		
		}
	
		#News .Right img {
		background:#dd5605;
		border:2px solid #fff;
		padding:2px;
		}
	
	
	#News .suite {
	margin-left:10px;
	color:#dd5605;
	}
	
		#News .suite a {
		color:#dd5605;
		}
		
		#News .suite a:hover {
		text-decoration:none;
		}
		
	#News .archives {

	margin-top:0px;
	margin-bottom:5px;
	}
	
		.blockNews{
		padding: 0px 0px 120px 0px;
		}



/* Bottin */

.bottin {
padding-top:10px;
border-bottom:1px dotted #82630f;
}

#bottin a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#866201;
}

#bottin a:hover {
	text-decoration:none;
}

#bottintop {
border-bottom:1px dotted #dd5605;
padding-bottom:10px;
margin-bottom:10px;
text-align:center;
}

#bottinbottom {
border-top:1px dotted #dd5605;
border-bottom:1px dotted #dd5605;
padding:10px 0;
margin-top:20px;
text-align:center;
}
/* Bottin fin*/

/* Activités de prévention */ 

.activiteprev, .activiteprev2, .activiteprev3 {
width:150px;
text-align:center;
float:left;
margin: 0px 36px 20px 0px;
}
	.activiteprev a, .activiteprev2 a, .activiteprev3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color: #866201;
	padding: 4px 0px 0px 0px;
	}
	
	.activiteprev a:hover, .activiteprev2 a:hover, .activiteprev3 a:hover {
	text-decoration:none;
	}
	
	.activiteprev img, .activiteprev2 img, .activiteprev3 img {
		margin: 0px;
		}
	
		.activiteprev img:hover, .activiteprev2 img:hover, .activiteprev3 img:hover {
		border:2px solid #dd5605;
		}

.activiteprev2 {
	margin: 0px 36px 20px 0px;
	}
.activiteprev3 {
	margin: 0px 0px 20px 0px;
	}
	
	.img-album-span img{
		margin: 0px 0px 3px 0px;
		}
		
		  .img-album-span{
  padding:0px 2px 5px 0px;
  }
  .last{
  padding:0px;
  }
  
  .img-album{
		background:#ffffff;
		border:2px solid #D1A427;
		padding:2px;
		}
  .img-album:hover{
  border:2px solid #dd5605;
  }
  
  .menuCat{
  width:250px;
  }
		
		

		
/* Fin activités de prévention */

/* Calendrier
------------------------------------- */

#calendrier {
	width: 198px;
	margin:0 auto 0 auto;
}

#calendrier .titre {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fffad9;
text-align:left;
text-transform:uppercase;
margin-left:7px;
margin-top:6px;
}

#calendrier .mois {
font-family:Tahoma,Arial, Helvetica, sans-serif;
color:#413003;
height:17px;
font-size:12px;
background:#f1ebc7;
padding:5px 0;
text-align:center;
}

#calendrier .mois a {
text-decoration:none;
}

#calendrier .mois span {
	line-height: 1.6em;
	vertical-align: top;
}

#calendrier table {
	background:#eccf82;
	float:right;
	width: 197px;
	border:1px solid #f1ebc7;
	clear: both;
}
#calendrier th, #calendrier td {
	text-align: center;
}

#calendrier th {
margin-bottom:15px;
}

#calendrier th {
font-family:Century Gothic,arial,verdana;
color:#000;
font-size:10px;
font-weight:bold;
background:#f1ebc7;
margin-bottom:4px;
}


	#calendrier td {
		font-family:Century Gothic,arial,verdana;
		color:#413003;
		font-size:11px;
		background:#f1ebc7;
		width:21px;
		height:11px;
		background: url(/images/td.jpg) top center no-repeat;
		padding:0 4px 4px 4px;
	}
	
#calendrier td.vide {
	background: url(/images/tdvide.jpg) top center no-repeat;
}

#calendrier td.curdate {
	
	font-weight: bold;
	
}

#calendrier td a {
	width:21px;
	height:16px;
	background: url(/images/tdevent.jpg) top center no-repeat;
	color: #000;
	display: block;
	text-decoration:none;
}

#calendrier .evenements {
	width: 198px;
	height: 20px;
	color:#dd5605;
	background:#e2c165;
	text-align: right;
	padding: 8px 0 0 0;
	margin: 0;
}
#calendar{
	margin: 0px 0px 6px 0px;
	}


#calendrier a.allnews{
	color: #dd5605;
	font-family:tahoma;
	font-size:12px;
	text-decoration:underline;
	display: block;
	text-align: right;
	background: url(/images/bg-all-news.gif) right no-repeat;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	clear: both;
	}
#calendrier a:hover.allnews{
	text-decoration: none;
	}


/* Calendrier fin */

/* Intranet */
#intranet2 input {
width:200px;
background:#d1a427;
border:1px solid #a5821e;

}

#intranet2 label {
font-weight: bold;
width: 110px;
display: block;
float: left;
}

#intranet2 a {
display:block;
text-decoration:none;
margin-left: 110px;
background:#e2c165;
padding:5px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
border:1px solid #a5821e;
width: 190px;
font-weight: bold;
}
#intranet2 a:hover {
	background:#D22328;
	color: #ffffff;
			}

#intranet2 form {
padding-top:13px;
padding-bottom:13px;
line-height:16px;
}
		
#intranet{
position:absolute;
top:357px;
padding-left:235px;
padding-top:7px;
padding-right:10px;
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fffad9;
width:515px;
height:25px;
background:url(/images/bgIntranet.jpg) repeat-y;
text-align: right;
}

	#intranet form {
	/*float:right;*/
	margin-left:0px;
	}
	

		#intranet form a {
		display:block;
		float:right;
		margin-top:-20px;
		margin-left:8px;
		text-align:center;
		padding:2px 0 1px 0;
		width:52px;
		height:15px;
		font-size:11px;
		text-decoration:none;
		color:#413003;
		background:#e2be5e;
		border:1px solid #eccf82;
		font-weight: normal;
		}
		#intranet form a:hover {
			background:#D22328;
			color: #ffffff;
			}
	
		#intranet label {
		font-size:12px;
		font-weight:normal;
		padding-right:5px;
		margin-left:6px;
		}
		
		#intranet input {
		width:94px;
		height:15px;
		border:1px solid #e2be5e;
		background:url(/images/bgInputTxt.jpg) repeat-x;
		}
		.passW{
			margin-right: 70px;
			}
	
	#intranet small {
	font-size:10px;
	font-weight:normal;
position: relative;
display: inline;
	}
	
		#intranet small a {
		color:#fffad9;
		text-decoration: underline;
		}
		
		#intranet small a:hover {
		text-decoration: none;
		}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {}


#contentRight{
width:209px;
float:right;

}

#contentLeft{
width:530px;
padding:15px 5px;
}

/* Liens
------------------------------------- */

a {
color:#413003;
}
a:hover {
text-decoration:none;
}




/* Typographie
------------------------------------- */

h1 {}
h2, h2 a {
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
color:#dd5605;
border-bottom:1px dotted #dd5605;
padding-bottom:5px;
margin-bottom:12px;
}
	
	h2 a{
	border-bottom: none;
		}
	
h3 {
	margin-top:3px;
	margin-bottom:0px;
	padding:7px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	color:#866201;
	border:none;
}

h3 a {
	margin-top:3px;
	margin-bottom:0px;
	padding:7px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	color:#866201;
	border:none;
}

h3 a:hover {
text-decoration:none;
}
h3.sListe{
	cursor: pointer;
	}
	h3.sListe img{
		margin: 3px 0px 0px 2px;
		vertical-align: text-top;
		}

h4 {
font-size:13px;
}
h5 {}
h6 {}

p, ul, ol, table, form {}

p {
text-align:justify;
padding-bottom:13px;
line-height:16px;
}

p.para1{
	border: 1px solid #D3AE49;
	background: #F4ECCC;
	padding: 11px;
	font-size: 12px;
	line-height: 13px;
	margin: 0px 2px 18px 0px;
	}



q {}
blockquote {}


/* Listes
------------------------------------- */

#contentLeft ul{
margin:0px 10px 10px 5px;
}

	#contentLeft ul li, #contentLeft ul ul li{
	padding:5px 0px 5px 13px;
	background:url(/images/puce.gif) left top no-repeat;
	}
	
	#contentLeft ul ul{
	margin-left:10px;
	}
	#contentLeft ul ul{
	margin: 0px 0px 0px 20px;
	}
		#contentLeft ul ul li{
			background:url(/images/puce2.gif) left top no-repeat;
			padding:5px 0px 5px 9px;
			}
			#contentLeft ul ul li b{
			color:#866201;
				}

#dl ul {
margin:0px 10px 10px 0px;
}
	#dl ul li{
	padding:3px 0px 5px 20px;
	background:#ebd496 url(/images/dlpuce.gif) left top no-repeat;
	}
	
		#dl ul li.line2 {
		background:url(/images/dlpuce.gif) left top no-repeat;
		}
	
	#dl ul li:hover{
	background:#ebdeb9 url(/images/dlpuce.gif) left top no-repeat;
	}
	 #d2 ul{
	 margin:0px 10px 10px 0px;
	 padding: 0px 0px 20px 0px;
	 width: 534px;
}
	#d2 ul li{
	padding:3px 0px 5px 20px;
	background:#ebd496 url(/images/puce1a.gif) left top no-repeat;
	}
	
		#d2 ul li.line2 {
		background:url(/images/puce1b.gif) left top no-repeat;
		}
	
	#d2 ul li:hover{
	background:#ebdeb9;
	}

dl {}
dt {}
dd {}


/* Tableaux
------------------------------------- */

table {}
caption {}
th {}
td {}


/* Formulaires
------------------------------------- */

form {}
input {}
textarea {}
label {}
fieldset {}
legend {}



/* La menutop
--------------------------------------------------------------------------------------- */

#menutop{
clear:left;
width:213px;
font-size:12px;
margin-left:0px;
margin-bottom:0px;
}
#menutop li{
list-style:none;
padding:0px;
background:none;
}

#menutop li a{

display:block;
text-align:right;
background:url(/images/bgLiLeft.jpg) bottom right no-repeat;
padding:9px 6px;
list-style:none;
}
#menutop li ul li{
margin:0;}
#menutop li ul li a {
margin:0;
display:block;
text-align:left;
background:url(/images/bgLiLeft2.jpg) bottom left repeat-x;
border-top:1px solid #b5121b;
border-right:1px solid #b5121b;
color:#b5121b;
padding:9px 6px 9px 6px;
margin-left:15px;
list-style:none;
}

	.boBo{
	border-bottom:1px solid #b5121b;
	}
	
#menutop li ul li a:hover {
color:#000;
}

#menutop li a {color:#b5121b;text-decoration:none;}
#menutop li a:hover {color:#000;text-decoration:none;}

/* sous-menu */

#menutop  li ul { /* sous-menu */
	position : absolute;
	left: -999em;
	margin-left : 213px;
	margin-top : -34px;
}

#menutop li ul ul { /* 2e niveau sous-menu */
	left: -999em;
}

#menutop  li a {
	width: 214px;
	display :block;
	padding:9px 6px;
	text-decoration:none;
	list-style:none;
}
	
#menutop  li a:hover {
color:#000;
text-decoration:none;
}

	
#menutop li:hover ul ul, #menutop li:hover ul ul ul, #menutop li.sfhover ul ul, #menutop li.sfhover ul ul ul {
	left: -999em;
}
	
#menutop li:hover ul, #menutop li li:hover ul, #menutop li li li:hover ul, #menutop li.sfhover ul, #menutop li li.sfhover ul, #menutop li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#menutop li:hover ul, #menutop li.sfhover ul {
background-position: 0 0;
}


#menutop  li.menuon a:link { 
color:#000;
 }
#menutop  li.menuon a:visited {
color:#000;
}
#menutop  li.menuon a:hover {
color:#000;
}
#menutop  li.menuon a:active {
color:#000;
}

#menutop li ul li.menuon a:link { 
color:#000;
 }
#menutop li ul li.menuon a:visited {
color:#000;
}
#menutop li ul li.menuon a:hover {
color:#000;
}
#menutop li ul li.menuon a:active {
color:#000;
}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	width:760px;
	height:118px;
	background:#f0e5b8 url(/images/bgFooter.jpg) no-repeat;
	padding-bottom:10px;
	position:relative;
	font-family:Tahoma, arial;
	font-size:11px;
	color:#413003;	
}

	#footer a {
	color:#413003;
	text-decoration:none;	
	}
	
	#footer a:hover {
	text-decoration:underline;	
	}

#copyright{
position:absolute;
top:65px;
left:5px;
color:#413003;
font-size:11px;
}

#cdsadn{
text-align:right;
position:absolute;
top:99px;
left:5px;
color:#413003;
font-size:11px;
}

	#cartedusite a{
	text-decoration:underline;
	}
	
	#cartedusite a:hover{
	text-decoration:none;
	}

#HDP{
position:absolute;
padding:16px 63px 0 0;
top:52px;
left:551px;
width:146px;
height:22px;
background:url(/images/HDP.jpg) no-repeat;
text-transform:uppercase;
color:#fffad9;
font-size:11px;
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
text-align:right;
}
#HDP:hover {
background:url(/images/HDP2.jpg) no-repeat;
}
	#footer #HDP {
	color:#fffad9;
	text-decoration:none;
	}
	
	#footer #HDP:hover{
	color:#413003;
	}


/**** Les Images d'intégration ****/

.ImgATPIQ, .ImgATPIQLeft, .ImgATPIQRight, .newsDetails img{
	margin: 10px 0px 10px 0px;
	background: #ffffff;
	border: 1px solid #D1A427;
	padding: 9px;
	}
	
.ImgATPIQLeft{
	float: left;
	margin: 3px 10px 10px 0px;
}
.ImgATPIQRight{
	float: right;
	margin: 3px 0px 10px 10px;
	}

.adobe{
	display: block; 
	margin: 10px 0px 0px 0px; 
	text-align: right;
	}
.teasers{
	padding: 20px 0px 0px 0px;
	}