/* CSS Document */

body{
margin: 0px;
background-color: #2874c7;
color: #2f2f2f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

h1{
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
color: #2a75c7;
}

h2{
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #2a75c7;
}

h3{
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: italic;
color: #2a75c7;
}

p{
margin-top: 3px;
margin-bottom: 8px;
}

#copyrights p{
color: #a3cbfa;
font-size: 11px;
}

#copyrights a{
color: #a3cbfa;
font-size: 11px;
}

#copyrights a:hover{
color: #a3cbfa;
font-size: 11px;
text-decoration: none;
}

.bg_gr{
background: url('../images/fr_accueil/bg_gr.jpg') repeat-y top right;
}

.bg_gh{
background: url('../images/fr_accueil/bg_gh.jpg') no-repeat top right;
}

.bg_1{
background: url('../images/fr_accueil/bg_1.jpg');
padding-left: 48px;
padding-right: 15px;
}

td.bg_1_rep {
	background: url('../images/fr_accueil/bg_1_rep.jpg') repeat-y left top;
	padding: 0;
	margin: 0;
}

div#bg_1_haut {
	background: url('../images/fr_accueil/bg_1_haut.jpg') no-repeat left top;
	width: 454px;
}

div#bg_1_bas {
	background: url('../images/fr_accueil/bg_1_bas.jpg') no-repeat left bottom;
	width: 454px;
}

div#bg_1_pad {
	padding: 0 15px 117px 48px;
}

.bg_2{
background: url('../images/fr_accueil/bg_2.jpg') repeat-y;
color: #2874c7;
padding-left: 30px;
padding-top: 2px;
padding-right: 15px;
height: 173px;
}

.bg_2_rep {
	background: url('../images/fr_accueil/colD_rep.gif') repeat-y;
}

.bg_dr{
background: url('../images/fr_accueil/bg_dr.jpg') repeat-y top left;
}

.bg_dh{
background: url('../images/fr_accueil/bg_dh.jpg') no-repeat top left;
}

.bg_gb{
background: url('../images/fr_accueil/bg_gb.jpg') no-repeat top right;
}

.bg_db{
background: url('../images/fr_accueil/bg_db.jpg') no-repeat top left;
}

.bgcontent{
background: url('../images/fr_interieur/bg_content_r.jpg') repeat-y top left;
}

.sm_bg{
background: url('../images/fr_interieur/sm_bg_r.jpg') repeat-y top left;
}

.bg_content_h{
background: url('../images/fr_interieur/bg_content_h.jpg') no-repeat top left;
/*padding: 20px;*/
}

.btn-button {
background: url('../images/fr_accueil/btn_button.jpg');
background-position: center;
background-repeat: repeat-x;
border: 1px solid #ffffff;
color: #ffffff;
}

.sousmenu{
margin-left: 25px;
font-size: 11px;
color: #2a75c7;
}

.sousmenu a{
font-size: 11px;
color: #2a75c7;
text-decoration:none;
}

.sousmenu a:hover{
font-size: 11px;
color: #2a75c7;
text-decoration:underline;
}

a{
color: #2a75c7;
text-decoration:underline;
}

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

ul li{
	list-style-image: url('../images/fr_interieur/bullet.gif');
	padding-bottom: 5px;
}

.pagecontent{
padding-left: 20px;
padding-right: 20px;
}

.bg_content_h p img{
margin: 10px;
}

.contentpadding{
padding-right: 40px;
padding-left: 40px;
}

.jrouge{
font-weight: bold;
text-align:center;
padding: 8px;
margin: 6px;
border: 2px solid #CC0000;
color: #CC0000;
background-color: #FED8D8;
margin-top: 8px;
}

.jvert{
font-weight: bold;
text-align:center;
padding: 8px;
margin: 6px;
border: 2px solid #009900;
color: #009900;
background-color: #DBFFCE;
margin-top: 8px;
}

.tblgristh {
font-size: 11px;
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
}

.tblgrisc1 {
font-size: 11px;
background-color: #DDDDDD;
}

.tblgrisc2 {
font-size: 11px;
background-color: #EEEEEE;
}

/************************* CARTE *************************/

.posRel {
	position: relative;
}

.cB {
	clear: both;
}

div#carteBG {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

div#carteBassinBlanche, div#carteBassinCoulonge, div#carteBassinDumoine, div#carteBassinGatineau, div#carteBassinNoire, div#carteBassinOutaouais, div#carteBassinQuyon {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	visibility: hidden;
}

div#carteRiviere {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15;
}

div#carteHydrographie {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 17;
}

div#carteBordures {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
}

div#carteToponymie {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 22;
}

div#carteReactive {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 25;
	width: 393px;
	height5: 413px;
}

div#carteBtnZone {
	padding-bottom: 10px;
}

div#carteBtnZone div.btnDiv {
	float: left;
	margin: 0 10px 2px 0;
}

div#carteBtnZone img {
	border: 0;
}