@import url("reset.css");

body{
	margin: 0px;
	padding: 20px 10px;
	background: #fff;
	color: #0065a4;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	position: relative;
}
#contenu{
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
#body{
	margin: 0px;
	padding: 0px 0px 30px 0px;
	background: #0065a4;
	text-align: center;
}
#body.site-2011 {background:#32733c;}
#content table.invincible,
#content #minisite table{
	border:inherit;
	border:none;
	text-align:left;

}
	#content table.invincible td,
	#content #minisite table td{
		border:inherit;
		border:none;

	}
	#content table.invincible tr,
	#content #minisite table tr{
		border:inherit;
		border:none;

	}


a{
	color: #003657;
	text-decoration: underline;
}
a:hover{
	color: #FFFFFF;
	text-decoration: none;
}	#main a:hover{color: #001b2c;}
div.editBTN{
	position: relative;
	z-index: 5;
}
	div.editBTN img{
		position: absolute;
		top: 0px;
		left: -65px;
		background: #FFFFFF;
		padding: 15px 5px;
		cursor: pointer;
	}
h1{
	float: left;
	width: 220px;
	clear: both;
	margin-top: 6px;
}
h2, input.title_edit{
	padding: 20px 150px 8px 12px;
	font: 26px/28px Georgia, "Times New Roman", Times, serif;
	color: #004b7a;
	position: relative;
	z-index: 5;
}
	input.title_edit{
		position: absolute;
		top: 0px;
		left: -6px;
		padding-top: 10px;
	}
	#nouvelle h2{
		padding-left: 0px;
		padding-right: 0px;
	}
h3{
	padding-top: 8px;
	padding-bottom:5px;
	color: #414042;
	font: 22px/24px "Palatino Linotype", "Times New Roman", Times, serif;
}
h4{
	padding-top: 25px;
	color: #414042;
	font: 20px/22px "Palatino Linotype", "Times New Roman", Times, serif;
}	h4 strong{
		display: block;
		color: #0065a4;
		font-size: 34px;
		font-weight: normal;
		line-height: 30px;
		letter-spacing: -1px;
	}
	#top div.photo h4 {background:url(/images/img-ccicq-logo.png) no-repeat 32px 1px;clear:left;float:left;height:37px;width:195px;}
	#top div.photo h4 span {display:none;}
h5{
	color: #004b7a;
	font: 20px/22px "Palatino Linotype", "Times New Roman", Times, serif;
	padding-top:10px;
}
h6{
	color: #004b7a;
	padding-top: 30px;
	font: 18px/21px Arial, Helvetica, sans-serif;
}

ul, ol{padding-bottom: 20px;}
ul li{
	padding: 3px 20px 3px 30px;
	background: url(/images/bullet.gif) 17px 9px no-repeat;
}
ul li li,
ol li ul li{
	font-size: 11px;
	background: url(/images/bullet.gif) -978px 9px no-repeat;
	list-style: none;
	padding: 3px 20px 3px 30px;
	margin: 0px;
}
ul li ol li,
ol li ol li{
	font-size: 11px;
	background: none;
	list-style: lower-alpha;
	padding-left: 0px;
	margin-left: 35px;
}
ol li{
	background: none;
	list-style: decimal;
	margin-left: 35px;
	padding: 3px 20px 3px 0px;
}
p{
	padding: 0.75em 0px;
	
}

#sidebar{
	margin-top:25px;

}

.rapport_annuel{
	margin-bottom:10px;

}

.document_communique{
	border:none;
	margin-bottom:0px;
}


input.btn,
form input.btn,
#sidebar div.chequier input.btn,
#sidebar div.liste input.btn,
#fancy_ajax_box input.btn{
	background: #0065a4;
	padding: 3px 8px 3px 8px;
	color: #FFFFFF;
	width: auto;
	cursor: pointer;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
form input:hover.btn,
#sidebar div.chequier input:hover.btn,
#sidebar div.liste input:hover.btn{background: #004b7a;}

#sidebar p.more,
#content p.more{
	text-align: right;
	padding-right: 7px;
	font-size: 12px;
}
#content p.more{
	padding-right: 12px;
	font-weight: bold;
}
#sidebar p.more a,
#content p.more a{color: #0065a3; text-decoration: none;}
#sidebar p.more a:hover,
#content p.more a:hover{text-decoration: underline;}

div.pub{text-align: center;}
#case div.pub{
	position: absolute;
	top: -99px;
	margin: 25px 0px 0px 32px;
	width: 618px;
}
div.pub h6{
	padding: 4px 0px 8px 0px;
	margin: 0px;
	list-style: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0065a3;
}
div.pub img{
	border: 1px solid #0065a4;
	margin-bottom: 18px;
}

/* Les tableaux */
table,
#content table{
	width:100%;
	border: 1px solid #0065a4;
	border-collapse: separate;
	margin: 15px 0px;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#content table{
	font-size: 100%;
	line-height: 1.5em;
}
table th, table td,
#content table th, #content table td{
	padding: 3px 10px 3px 10px;
}
table th,
#content table th{
	background: #0065a4;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	text-align:center;
}
table td,
#content table td{
	border-top: 1px solid #0065a4;
	border-right: 1px solid #0065a4;
	border-left: 1px solid #0065a4;
}
table.htmlarea,
table.htmlarea th,
table.htmlarea td,
#content table.htmlarea,
#content table.htmlarea th,
#content table.htmlarea td,
#content table.htmlarea table,
#content table.htmlarea table th,
#content table.htmlarea table td{
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
	border-collapse: collapse;
	line-height: normal;
	width: auto;
}

#fancy_title table,
#fancy_title table td,
#fancy_title table th,
#fancy_ajax_box table,
#fancy_ajax_box table td,
#fancy_ajax_box table th{
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
	border-collapse: collapse;
	line-height: normal;
}
/* *************** */

div.holder{
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
#quicknav{
	height: 21px;
	font: 14px/21px "Century Gothic", "Apple Gothic", Verdana, Arial, sans-serif;
}
	#quicknav ul,
	#quicknav ul li{
		float: left;
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
	}
	#quicknav ul.right{float: right;}
	#quicknav ul b{
		padding: 0px 6px;
		font: 13px/21px Verdana, Arial, Helvetica, sans-serif;
	}
	#quicknav ul{padding: 0px 50px;}
	#quicknav ul a{text-decoration: none;color:#fff;}
	#quicknav ul a:hover{color: #fff; text-decoration: underline;}
#top{
	background: #dcdddf url(/images/bg.gif) center 0px repeat-x;
	height: 724px;
	min-height: 724px;
}	html > body #top{height: auto; min-height: 724px;}

.site-2011 #top {background: #626263 url(/images/bg2011.jpg) 0 0 repeat-x;}
	
	#top div.photo{
		background-position: center 21px;
		background-repeat: no-repeat;
		height: 321px;
	}
	
	#top div.photo div.holder div.holder{height: 248px;position:relative;}
	#top div.photo div.holder div.holder div.tel-header {color:#9fc5de;font:14px/21px "Century Gothic", "Apple Gothic", Verdana, Arial, sans-serif;left:370px;position:absolute;top:0;white-space:nowrap;}
	#top div.photo div.holder div.holder div.tel-header span,
	#top div.photo div.holder div.holder div.tel-header a {color:#fff;}
	#top div.photo div.holder div.holder div.tel-header a {text-decoration:none;}
	#top div.photo div.holder div.holder div.tel-header a:hover {text-decoration:underline;}
#main{position: relative;}
#main div.main{
	background: url(/images/bg-main-top.jpg) 0px 0px no-repeat;
	height: 1165px;
	min-height: 1165px;
	padding-top: 68px;
}	html > body #main div.main{height: auto; min-height: 1165px;}
.site-2011 #main div.main{
	background: url(/images/bg-main-top-2011.jpg) 0px 0px no-repeat;}
#main div.holder{
	background: url(/images/bg-main.gif) 0px 0px repeat-y;
}	
.site-2011 #main div.holder{
	background: url(/images/bg-main-2011.gif) 0px 0px repeat-y;
}
#partenaires{
	background: #FFFFFF url(/images/bg-footer-case.gif) center 0px no-repeat;
	height: 182px;
	min-height: 182px;
}	html > body #partenaires{height: auto; min-height: 182px;}

#content, #sidebar{
	display: inline;
	width: 618px;
	float: left;
	margin-right: 25px;
	margin-left: 32px;
}
#content{
	font-size: 12px;
	line-height: 1.5em;
	padding-bottom: 99px;
}
#sidebar{
	width: 274px;
	float: left;
	margin-right: 21px;
	margin-left: 0px;
	line-height: 17px;
	font-size: 13px;
}


.formulaire form label{
	display:block;
	float:left;
	width:200px;
	clear:left;
	font-size:12px;
	margin-right:20px;
	padding-left:5px;
}

.formulaire form input{
	
	font-family:Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:12px;
	border:1px solid #C2DAE9;
}

.formu{
	padding: 5px 0 5px 0;
}

#content div.box,
#partenaires div.box{
	width: 618px;
	background: #FFFFFF;
}
	#content div.box div.top,
	#partenaires div.box div.top{
		background: url(/images/bg-box-top.gif) 0px 0px no-repeat;
		padding: 3px 0px 0px 0px;
	}
	
	.box pub{
	   background: url(/images/photos/bg_box_bottom_05.png) 0px 0px no-repeat;
	   width:620px;
	   height:145px;
	
	}
	#content div.box div.bottom,
	#partenaires div.box div.bottom{
		background: url(/images/bg-box-bottom.gif) 0px bottom no-repeat;
		height: 305px;
		min-height: 305px;
		height: 15px;
		min-height: 15px;
		padding: 8px 12px;
	}	html > body #content div.box div.bottom,
		html > body #partenaires div.box div.bottom{
			height: auto;
			min-height: 305px;
			min-height: 15px;
		}
	#content div.coupon div.bottom{
		padding: 0px 3px 3px 3px;
	}
	#content div.box div.white{
		padding: 3px;
	}
	#content div.box div.white div.white{
		padding: 8px 9px 5px 9px;
		background: #FFFFFF;
		margin-top: -3px;
	}
	#partenaires div.box div.bottom{
		height: 117px;
		min-height: 117px;
		padding: 7px 12px 0px 12px;
	}	html > body #partenaires div.box div.bottom{min-height: 117px;}
	
#content div.box66{width: 381px; float:left; margin-top: 29px;}
#content div.box33{width: 216px; float:left; margin-top: 29px;}
#content div.vedette{margin-left: 21px; display: inline;}
	#content div.box66 div.top{background: url(/images/bg-box-66-top.gif) 0px 0px no-repeat;}
	#content div.box33 div.top{background: url(/images/bg-box-33-top.gif) 0px 0px no-repeat;}
	#content div.box66 div.bottom{background: url(/images/bg-box-66-bottom.gif) 0px bottom no-repeat;}
	#content div.box33 div.bottom{background: url(/images/bg-box-33-bottom.gif) 0px bottom no-repeat;}

	#content div.accueil div.top{background: url(/images/titres/bienvenue.gif) 0px 0px no-repeat; margin-top: -17px; padding-top: 17px;}
	#content div.vedette div.top{background: url(/images/titres/en-vedette.gif) 0px 0px no-repeat; margin-top: -17px; padding-top: 17px;}
	
	#content div.vedette div.bottom{
		height: 238px;
		min-height: 238px;
	}	html > body #content div.vedette div.bottom{height: auto; min-height: 238px;}
#teaser{
	position:absolute;
	z-index:40;

}
.teaser{

}
#teasers a{
	display:block;
	
}

#teasers span{
	position:relative;
	background-color:#004b7a;
	top:137px;
	left:189px;
	z-index:60;
	color:#ffffff;
	padding:6px 6px 6px 20px;
}

#teasers div{
	float: left;
}

#teasers a img{
	margin-top: 20px;
	/*background: url(/images/teasers/recycler.jpg) 0px 0px no-repeat;*/
}

#teasers a.chambre_commerce_annee img{
	background-image: url(/images/teasers/chambre_de_commerce_de_lannee.jpg);
	margin-top:14px;
	margin-left:20px;
}

#teasers a.chambre_commerce_annee:hover img{background-position: 0px -131px;
}

#teasers a.banquet img{background-image: url(/images/teasers/banquet.jpg);}
#teasers a.partage img{
	margin-top: 14px;
	background-image: url(/images/teasers/partagez.jpg);
}
#teasers a:hover img{background-position: 0px -124px;}
#teasers a.partage:hover img{background-position: 0px -130px;}

#teaser-president {background:url(/images/teaser-president-111004.jpg) no-repeat top left;width:251px;height:147px;position:relative;z-index:1;margin:0 0 0 11px;}
#teaser-president a {color:#fff;font-size:10px;position:absolute;z-index:2;}
#teaser-president a.lisez {bottom:14px;right:5px;}
#teaser-president a.courriel {bottom:1px;right:5px;}

a.teaser-business,
a.teaser-chequier,
a.teaser-topreussite {display:block;width:254px;height:122px;margin:17px 0 0px 10px;}
a.teaser-business {background:url(/images/teasers/teaser_lebusiness.jpg) no-repeat top left;}
a.teaser-chequier {background-image:url(/images/teasers/chequier.jpg);}
a.teaser-topreussite {background:url(/images/teasers/teaser_topreussite.jpg) no-repeat top left;}
a.salon-virtuel {background-image:url(/images/salon_virtuel.jpg); width:254px;height:123px; display:block;margin:17px 0 0px 10px;}

#sidebar div.box{
	width: 254px;
	background: url(/images/bg-sidebox.gif) 0px 0px repeat-y;
	margin: 0px 10px;
}
	#sidebar div.box div.top{background: url(/images/bg-sidebox-top.gif) 0px 0px no-repeat; padding: 0px;}
	#sidebar div.box div.bottom{
		background: url(/images/bg-sidebox-bottom.gif) 0px bottom no-repeat;
		height: 63px;
		min-height: 63px;
		padding: 8px;
	}	html > body #sidebar div.box div.bottom{
			height: auto;
			min-height: 63px;
		}
		
#sidebar h3{
	margin: 0px 0px 0px 0px;
	padding: 12px 10px 0px 10px;
	line-height: normal;
	position: relative;
	height: 24px;
}
#sidebar h3 img{
	position: absolute;
	top: 8px;
	left: 10px;
}
#sidebar h3.avantages{
	margin-bottom: -12px;
	height: 31px;
}
#sidebar h3.avantages img{top: 12px;}
#sidebar p{
	text-align: left;
	padding: 0.75em 4px;
}
#sidebar div.box{margin-top: -8px;}
#sidebar div.box ul{font-size: 11px;}
#sidebar div.box ul li{
	padding-top: 1px;
	padding-bottom: 1px;
	background-position: 17px 7px;
}

#sidebar div.chequier,
#sidebar div.liste{
	margin-top: 8px;
	text-align: right;
}

#sidebar div.liste{
	height:200px;
}

#sidebar div.liste{background: url(/images/titres/bg-liste.jpg) 0px 0px no-repeat;}
#sidebar div.liste div.top, #sidebar div.liste div.bottom{background: none;}
#sidebar div.liste div.bottom{
	height: 200px;
	min-height: 200px;
	padding: 8px 12px;
}	html > body #sidebar div.liste div.bottom{height: auto; min-height: 97px;}
#sidebar div.chequier div.top{background-image: url(/images/titres/bg-chequier.jpg);}
#sidebar div.chequier div.bottom{
	padding: 53px 12px 12px 12px;
	height: 81px;
	min-height: 81px;
}	html > body #sidebar div.chequier div.bottom{height: auto; min-height: 81px;}

#sidebar div.chequier h6,
#sidebar div.liste h6{
	clear: right;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 28px 0px 5px 8px;
}
#sidebar div.liste h6{padding-top: 38px;}
#sidebar div.chequier input,
#sidebar div.liste input{
	padding: 2px 8px;
	background: #FFFFFF;
	width: 180px;
	border: none;
	margin-bottom: 5px;
	color: #99c1db;
	text-align: right;
}
#sidebar div.liste input{width: 140px;}

#content a.btn,
#sidebar a.btn{
	float: right;
	text-align: right;
	padding: 3px 8px 3px 40px;
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	background: #0065a4;
	font-size: 11px;
	line-height: 18px;
}
#content a.btn:hover,
#sidebar a.btn:hover{background: #004b7a;}

#case{
	position: relative;	
}
#logos{
	padding-left: 20px;
	height: 79px;
	padding-top: 103px;
	line-height: 79px;
	vertical-align: middle;
}	#logos img{margin-right: 15px;}
#footer{
	
	color: #FFFFFF;
	padding-top: 20px;
}
.site-2011 #footer {background:url(/images/bg-footer-2011.gif) repeat-x 0 0;}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#footer ul, #footer ul li,
#footer ul ul, #footer ul ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}

	#footer ul{padding-left: 15px;}
	#footer ul li{
		float: left;
		font-size: 11px;
		padding-right: 13px;
	}
	#footer ul ul{padding-left: 0px;}
	#footer ul ul li{
		float: none;
		font-size: 9px;
		line-height: 12px;
		padding: 2px 15px 2px 10px;
		background: url(/images/bullet-footer.gif) 0px 7px no-repeat;
	}
	.site-2011 #footer ul ul li{
		background: url(/images/bullet-footer-2011.gif) 0px 7px no-repeat;
	}
#footer div.right{
	float: right;
	text-align: right;
	font-size: 10px;
	position: relative;
	padding-top: 60px;
	padding-right: 35px;
	width: 280px;
}
#footer div.right p{
	padding: 6px 0px;
	line-height: 15px;
	text-align: right;
}
img.ccc-A{
	position: absolute;
	top: -75px;
	right: 54px;
}
#menu{
	position: relative;
	z-index: 10;
	background-image: url(/images/menu/menu_1_photo_hover.gif);
	background-image: url(/images/menu/menu_2_photo_hover.gif);
	background-image: url(/images/menu/menu_3_photo_hover.gif);
	background-image: url(/images/menu/menu_4_photo_hover.gif);
	background-image: none;
	width: 970px;
}
#menu ul{
	width: 970px;
	padding-bottom: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu ul li{
	float: left;
	margin-left: 1px;
	margin-right: 18px;
	width: 228px;
	height: 148px;
	background: url(/images/menu/menu_1.gif) -16px -16px no-repeat;
	position: relative;
	z-index: 10;
	padding: 0px;
}
#menu ul li.menu2{background-image: url(/images/menu/menu_2.gif);}
#menu ul li.menu3{background-image: url(/images/menu/menu_3.gif);}
#menu ul li.menu4{background-image: url(/images/menu/menu_4.gif); margin-right: 0px;}

.site-2011 #menu ul li {background: url(/images/menu/menu_1_2011.gif) -16px -16px no-repeat transparent;}
.site-2011 #menu ul li.menu2{background-image: url(/images/menu/menu_2_2011.gif);}
.site-2011 #menu ul li.menu3{background-image: url(/images/menu/menu_3_2011.gif);}
.site-2011 #menu ul li.menu4{background-image: url(/images/menu/menu_4_2011.gif);}

#menu ul li a{
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 59px;
	background: url(/images/menu/menu_1_2011_photo.gif) -16px -16px no-repeat;
	padding-top: 90px;
	padding-left: 28px;
	padding-right: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font: 10px/11px "Century Gothic", "Apple Gothic", Verdana, Arial, sans-serif;
	z-index: 30;
}
#menu ul li.menu2 a{background-image: url(/images/menu/menu_2_2011_photo.gif);}
#menu ul li.menu3 a{background-image: url(/images/menu/menu_3_2011_photo.gif);}
#menu ul li.menu4 a{background-image: url(/images/menu/menu_4_2011_photo.gif); margin-right: 0px;}
#menu ul li a:hover,
#menu ul li.shover a{background-image: url(/images/menu/menu_1_photo_hover.gif);}
.site-2011 #menu ul li a:hover,
.site-2011 #menu ul li.shover a{background-image: url(/images/menu/menu_1_2011_photo_hover.gif);}
#menu ul li a.menu2:hover,
#menu ul li.shover a.menu2{background-image: url(/images/menu/menu_2_2011_photo_hover.gif);}
#menu ul li a.menu3:hover,
#menu ul li.shover a.menu3{background-image: url(/images/menu/menu_3_2011_photo_hover.gif);}
#menu ul li a.menu4:hover,
#menu ul li.shover a.menu4{background-image: url(/images/menu/menu_4_2011_photo_hover.gif);}
#menu ul li a strong{
	display: block;
	font:bold 16px/12px "Century Gothic", "Apple Gothic", Verdana, Arial, sans-serif;
	padding-bottom: 3px;
}
	#menu ul ul{
		position: absolute;
		margin: 0px;
		background: url(/images/menu/menu.gif) 0px 0px no-repeat;
		width: 198px;
		top: 149px;
		left: 15px;
		left: -999em;
		padding-top: 10px;
		z-index: 20;
		height: auto;
	}
	#menu ul li.shover ul{left: 15px;}
	#menu ul ul li.end,
	.site-2011 #menu ul ul li.end{
		background: url(/images/menu/menu_bottom.gif) 0px bottom no-repeat;
		padding-bottom: 8px;
	}
	#menu ul ul li,
	.site-2011 #menu ul ul li,
	#menu ul ul li a,
	.site-2011 #menu ul ul li a{
		position: static;
		float: none;
		display: block;
		margin: 0px;
		padding: 0px;
		width: auto;
		height: auto;
		font-size: 13px;
		line-height: 14px;
		background: none;
		width: 198px;
	}
	#menu ul li.shover ul li a,
	.site-2011 #menu ul li.shover ul li a{
		width: 168px;
		line-height: 15px;
		padding: 7px 7px;
		color: #82b4d3;
		background: none;
		margin: 0px 8px;
	}
	#menu ul li.shover ul li a em{
		display: block;
		font-size: 10px;
		font-style: normal;
	}
	#menu ul li.shover ul li a:hover{
		background-color: #024d7c;
		text-decoration: none;
		color: #FFFFFF;
	}

#calendarbox table,
#calendarbox table tr,
#calendarbox table th,
#calendarbox table td{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: none;
	color: #0065a3;
}
#calendarbox{padding: 0px 0px 0px 4px;}
#calendarbox a{color: #0065a3; text-decoration: none;}
#calendarbox a:hover{text-decoration: underline;}
#calendarbox table{
	width: 231px;
}
	#calendarbox table th{
		font-weight: bold;
		padding: 3px 0px;
	}
	#calendarbox table td{
		width: 33px;
		height: 33px;
		line-height: 33px;
		background: url(/images/calendar.gif) 0px 0px no-repeat;
		color: #FFFFFF;
		font-size: 10px;
	}
	#calendarbox table td.curdate{
		background-position: -33px 0px;
		font-weight: bold;
		color: #0065a3;
		font-size: 13px;
	}
	#calendarbox table td a{
		display: block;
		width: 33px;
		height: 33px;
		line-height: 33px;
		color: #FFFFFF;
		background: url(/images/calendar.gif) -99px 0px no-repeat;
		font-size: 13px;
	}
	#calendarbox table td a:hover{
		color: #0065a3;
		background-position: -132px 0px;
		text-decoration: none;
	}
	#calendarbox p.more{
		padding-top: 5px;
	}
	#calendarbox p.mois{
		text-align: center;
		font-size: 16px;
		padding-top: 10px;
	}
#outils{
	position: relative;
	z-index: 6;
	padding-right: 5px;
}
#outils ul,
#outils ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
#outils ul{
	padding-top: 17px;
	float: right;
	position: absolute;
	height: 30px;
	right: 0px;
	top: 0px;
}
#outils ul li, #outils ul li a{
	float: left;
	width: 30px;
	height: 30px;
}
#outils ul li a{
	cursor: pointer;
	background: url(/images/outils.gif) 7px 10px no-repeat;
}
#outils ul li.large a{background-position: -27px 6px;}
#outils ul li.print a{background-position: -57px 6px;}
#outils ul li.share a{background-position: -87px 8px;}

#outils ul li a:hover{background-position: 7px -20px;}
#outils ul li.large a:hover{background-position: -27px -24px;}
#outils ul li.print a:hover{background-position: -57px -24px;}
#outils ul li.share a:hover{background-position: -87px -22px;}

#outils ul li a.hidden{background-position: 7px -50px; cursor: default;}
#outils ul li.large a.hidden{background-position: -27px -54px; cursor: default;}

#outils ul li.facebook a{background: url(/images/FaceBook-icon.png) 0px 7px no-repeat;}

#haut{position: relative; z-index: 10;}
#haut a{
	display: block;
	position: absolute;
	width: 234px;
	padding: 0px 10px;
	background: #0065a4;
	z-index: 10;
	right: 31px;
	top: 18px;
	cursor: pointer;
	text-align: center;
	font: 16px/34px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #cce0ed;
	height: 34px;
}


#haut a:hover{
	color: #FFFFFF;
	background: #004b7a;
}
#content h3.legend{display: none;}
#content #nouvelles{margin-top: 39px;}
#content #nouvelles.box div.top{
	background: url(/images/titres/actualites.gif) 0px 0px no-repeat;
	padding-top: 26px;
}
#content #nouvelles.box div.bottom{
	height: 296px;
	padding: 8px 7px;
}
#content #nouvelles.full div.bottom{
	height: 15px;
	min-height: 15px;
}	html > body #content #nouvelles.full div.bottom{
		height: auto;
		min-height: 15px;
	}
#content #nouvelles.full{margin-bottom: 40px;}

#content #nouvelles div.left{
	float: left;
	width: 314px;
	height: 290px;
	overflow: hidden;
}
	#content #nouvelles div.left div.item{
		width: 305px;
		height: 290px;
		margin-left: 3px;
		font-size: 12px;
		line-height: 17px;
	}
	#content #nouvelles div.left div.item img{
		background-position: center center;
		background-repeat: no-repeat;
	}
	#content #nouvelles div.left div.item p{
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	#content #nouvelle{
		padding: 10px;
	}
	#content #nouvelle p.img img{
		background-repeat: no-repeat;
		background-position: center center;
	}
#content #nouvelles div.right{
	float: left;
	width: 290px;
	height: 292px;
	background: url(/images/bg-nouvelles.png) 0px -4px no-repeat;
}

#calendarbox div.btns{
	padding-left: 3px;
	padding-right:5px;
	margin-top:5px;

}
	#calendarbox a.btn{
		margin: 0px;
		padding: 0px;
		float: left;
		font-size: 9px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		margin-right: 0px;
		display: inline;
	}
	#calendarbox a.sugg{width:225px; margin-bottom:5px;}
	#calendarbox a.all{width: 225px;}
	
	#content #nouvelles div.right div.btns{padding-left: 5px;}
	#content #nouvelles div.right a.btn{
		margin: 0px;
		padding: 0px;
		float: left;
		font-size: 9px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		margin-right: 3px;
	}
	#content #nouvelles div.right a:hover.btn{background-color: #00578e;}
	#content #nouvelles div.right a.btn span{display: none;}
	#content #nouvelles div.right a.sugg{width: 132px;}
	#content #nouvelles div.right a.all{width: 115px;}
	#content #nouvelles div.right a.rss{
		width: 27px;
		background-image: url(/images/rss.gif);
		background-position: center center;
		background-repeat: no-repeat;
	}

#content #nouvelles div.right ul,
#content #nouvelles div.right ul li{
	margin: 0px;
	padding: 0px;
	width: 290px;
	list-style: none;
	background: none;
}
#content #nouvelles div.right ul li{
	padding: 0px 5px 10px 5px;
	width: 280px;
	height: 78px;
	float: left;
}
#content #nouvelles div.right ul li a{
	display: block;
	width: 280px;
	height: 78px;
	float: left;
	clear: left;
	text-decoration: none;
	color: #FFFFFF;
	background: url(/images/news-over.gif) -999em center no-repeat;
	cursor: pointer;
}
#content #nouvelles div.right ul li a.selected,
#content #nouvelles div.right ul li a:hover{
	background-position: 0px center;
	background-color: #00578e;
}
	#content #nouvelles div.right ul li a span.num{
		width: 43px;
		height: 58px;
		float: left;
		text-align: center;
		font: bold 40px/58px "Times New Roman", Times, serif;
		border-right: 2px solid #FFFFFF;
		margin: 10px 10px 10px 0px;
		display: inline;
	}
	#content #nouvelles div.right ul li a.selected span.num,
	#content #nouvelles div.right ul li a:hover span.num{
		width: 31px;
		padding-left: 12px;
	}
	#content #nouvelles div.right ul li a span.img{
		width: 76px;
		height: 56px;
		padding: 11px 0px;
		float: left;
	}	#content #nouvelles div.right ul li a span.img img{
			background-repeat: no-repeat;
			background-position: center center;
		}
	#content #nouvelles div.right ul li a span.titre{
		width: 139px;
		float: left;
		padding: 8px 10px 8px 0px;
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
		color: #99c1db;
	}
	#content #nouvelles div.right ul li a span.titre strong{
		color: #FFFFFF;
		font-weight: normal;
		display: block;
		padding-bottom: 3px;
	}
	
	#content #allnews{
		width: 604px;
		clear: left;
		padding-top: 5px;
		font-size: 12px;
		line-height: 17px;
	}
		#content #allnews ul,
		#content #allnews ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
			background: none;
			float: none;
		}
		#content #allnews ul li{
			padding: 5px;
			width: 594px;
		}
		#content #allnews ul li a{
			display: block;
			width: 574px;
			padding: 10px;
			text-decoration: none;
			color: #000000;
		}
		#content #allnews ul li a img{
			background-position: center center;
			background-repeat: no-repeat;
		}
		#content #allnews ul li a strong{color: #0065a3;}
		#content #allnews ul li a strong em{
			display: block;
			font-style: normal;
			font-weight: normal;
			font-size: 10px;
		}
		#content #allnews ul li a:hover{
			background: #0065a3;
			color: #FFFFFF;
			text-decoration: none;
		}	#content #allnews ul li a:hover strong,
			#content #allnews ul li a:hover small{color: #FFFFFF;}
		#content #allnews ul li a span.img{
			float: left;
			width: 108px;
		}
		#content #allnews ul li a span.titre{
			float: left;
			width: 574px;
		}
		#content #allnews ul li a small{
			color: #0065a3;
			font-weight: bold;
		}

#events div.calendrier{margin-bottom: 40px;}
#events h3{
	padding-right: 13px;
	color: #FFFFFF;
	padding-top: 20px;
	font-size: 36px;
	text-align: right;
}
#events h3 strong{font-size: 40px;}
#events h4{
	padding-top: 14px;
	padding-bottom: 16px;
}

#content #events a.btn{
	margin-top: 10px;
	margin-right: 10px;
	padding-right: 20px;
}
#events div.date{
	float: left;
	margin-top: 10px;
	margin-left: -20px;
	background: #0065a3;
	color: #FFFFFF;
	width: 55px;
	height: 55px;
	text-align: center;
	font: 34px/55px "Times New Roman", Times, serif;
}
#events div.content{
	float: left;
	width: 544px;
	padding-left: 15px;
	color: #414042;
	padding-bottom: 16px;
}
#events div.content p{
	text-align: left;
	padding: 0.3em 0px;
}

#fancy_ajax_box{padding: 0px 20px;}
#fancy_ajax_box,
#fancy_ajax_box p{
	color: #414042;
	text-align: center;
}
#fancy_ajax_box table td,
#fancy_ajax_box table th{
	text-align: left;
	padding: 5px 8px;
	border-bottom: 1px solid #0065a4;
}
#fancy_ajax_box table th{
	font-weight: bold;
	border-bottom-color: #4d94bf;
}
#fancy_ajax_box form input,
#fancy_ajax_box form select,
#fancy_ajax_box form textarea{
	border: 1px solid #e0e0e0;
	border-right-color: #b9b9b9;
	border-bottom-color: #b9b9b9;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
}

div.paging,
div.paging-end{
	padding: 20px 10px 10px 10px;
	/*margin-bottom: -40px;*/
	padding-left: 13px;
}
div.box div.paging,
div.box div.paging-end{
	padding-top: 10px;
	padding-left: 15px;
	margin-top: 0px;
}
div.paging-end{
	margin-bottom: 0px;
	margin-top: -53px;
	padding-top: 10px;
}
div.box div.paging-end{
	padding-top: 0px;
	margin-top: -13px;
}
div.paging a,
div.paging span,
div.paging-end a,
div.paging-end span{
	float: left;
	padding: 0px 10px;
	line-height: 26px;
	border: 1px solid #FFFFFF;
	margin-right: 4px;
	background: #0065a4;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
div.paging span,
div.paging-end span{
	font-weight: bold;
	background: #FFFFFF;
	color: #0065a4;
	border-color: #0065a4;
}
#content div.paging a:hover,
#content div.paging-end a:hover{
	background: #a9cbe0;
	color: #0065a4;
	border-color: #0065a4;
}


.contact_droite{
	float:left;
	margin-left:30px;
	width:250px;

}

.contact_gauche{
	float:left;
	width:250px;

}

.clear{
	clear:both;

}

.envoyer{
	float:right;
	padding-top:10px;

}


.titre_entreprise{
	margin-top:10px;
	font-size:18px;
}

.titre_description{
	padding-top:0px;
	font-size:16px;

}

#long_desc{
	display:none;

}
#plan_du_site{
	float:left;
	width:300px;

}

#plan_du_site2{
	margin-left:300px;

}

#albums-photos{
	margin-top:20px;
	
}

	#albums-photos img{
		border:2px solid #99c1db;
		padding:4px;
	
	}
	
	#albums-photos a img:hover{
		border:none;
		padding:6px;
	
	}


	#albums-photos p img{
		border:none;
	
	}
	
#btn_pdf{
	background:url(/images/bg_icone_pdf.png);
	width:220px;
	height:145px;
	float:right;
	margin-right:15px;
	margin-top:15px;

}

	#btn_pdf p{
		color:#FFFFFF;
		padding-top:90px;

	
	}
	
	#btn_pdf a{
		color:#FFFFFF;
		width:220px;
	    height:145px;
		padding-top:90px;
		padding-bottom:30px;
		padding-left:25px;
		padding-right:25px;
	}
	
.lien_pdf{
	background:url(../images/icone_pdf.png);
	background-repeat:no-repeat;
	top:center;
	padding-left:20px;
	padding-bottom:5px;

}

#get_adobe{
	margin-top:70px;
	margin-bottom:20px;
}

.lettre_maj strong{
	text-transform:uppercase;
	font-size:3em;

}

.legende{
	float:left;
	width:300px;
}

.img_album{
	border:2px solid #99c1db;
}

.becancourriel{
	margin-top:50px;

}

#facebook{
	padding:10px 0px 10px 7px;
	width:200px;
	margin-left: 70px;
	margin-top:10px;
	
}



#facebook a { 
	text-decoration:none; color:#0065A3;
	background-image:url(../images/FaceBook-icon.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;


}

#form_chequier .password,
#login_chequier .password { background:transparent url(/images/bg_password.gif) !important; }

#form_chequier .conf_password { background:transparent url(/images/bg_conf_pass.gif) !important; }
#mailling_list p{
	background-color:#c2dae9;
	color:#004B7A;

}

/*ol li.legende{
	width:150px;
}*/

h3.bleu{
	background: #0065a4;
	color: #FFFFFF;
	padding: 8px 13px;
	margin-bottom: 10px;
}

div.rabais{
	border-top: 1px solid #99c1db;
	border-bottom: 1px solid #FFFFFF;
	padding: 17px 17px;
	background: #FFFFFF url(/images/bg-box-bottom.gif) -4px 80px no-repeat;
}
div.rabais h4{
	padding: 0px;
	margin: 0px;
}
div.rabais h4 img{
	float: right;
	margin: 0px 0px 10px 30px;
}
div.coupon div.coupon{
	padding: 10px;
	background: #FFFFFF url(/images/bg-box-bottom.gif) -4px 140px no-repeat;
}
div.coupon h4{
	padding: 0px;
	margin: 0px;
}
div.coupon div.left,
div.coupon div.right{
	float: left;
	width: 320px;
	text-align: left;
}
div.coupon div.right{
	float: right;
	width: 250px;
}
div.coupon div.left{
	font-size: 120%;
	padding-top: 5px;
}
div.coupon div.left p,
div.coupon div.right p{text-align: left;}

#minisites, #minisites li{
	background: none;
	border: none;
	list-style: none;
	height: 32px;
	margin: 0;
	padding: 0;
}
#minisites{
	padding-left: 5px;
	padding-top: 10px;
}
#minisites li,
#minisites li a,
#minisites li a span{
	float: left;
	height: 26px;
}
#minisites li{
	border-bottom: 1px solid #99c1db;
	margin-right: 2px;
	padding-top: 5px;
}
#minisites li a{
	background: url(/images/onglets-minisites.gif) right -228px no-repeat;
	font: bold 12px/26px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#minisites li a:hover{
	background-position: right -76px;
}
#minisites li a span{
	color: #4c86af;
	cursor: pointer;
	background: url(/images/onglets-minisites.gif) 0 -152px no-repeat;
	padding: 0 10px;
	text-decoration: none;
}
#minisites li a:hover span{
	background-position: 0 0;
	color: #004b83;
}
#minisites li.selected,
#minisites li.selected a,
#minisites li.selected a span{
	height: 32px;
}
#minisites li.selected{
	border-bottom: 1px solid #FFFFFF;
	padding-top: 0;
}
#minisites li.selected a{
	background-position: right -76px;
	font: 20px/32px Tahoma, Arial, Helvetica, sans-serif;
}
#minisites li.selected a span{
	background-position: 0 0;
	color: #004b83;
	padding: 0 20px;
}

#centredoc {padding:20px 0 0;}
#centredoc h4 {background:#0066a8;border:1px solid #005186;box-shadow:0 0 5px #000;color:#fff;cursor:pointer;font:14px/16px Tahoma, Arial, Helvetica, sans-serif;margin:0 0 10px;-moz-box-shadow:0 0 5px #000;padding:5px 10px;}
#centredoc h4:hover {background:#61a540;border-color:#487c2f;box-shadow:0 0 5px #818181;-moz-box-shadow:0 0 5px #818181;}