@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}


body {background-color:#587638;}

:focus {-moz-outline-style: none;} 

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} 

#global {position:relative; width:1000px; margin:0 auto 0 auto; background-color:#587638;  background-repeat: no-repeat; background-image:url(images/backg_bois.jpg);}

#global #nav_haut {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#ffffff; margin:0px 0px 0px 0px; float:left; position:absolute; left: 745px; top: 8px;}

#global #nav_haut  a:link {color: #ffffff; text-decoration:underline;}

#global #nav_haut  a:visited {color: #ffffff; text-decoration:underline;} 
 
#global #nav_haut  a:hover {color:#ffffff; text-decoration: none;}  
 
#global #nav_haut  a:active {color: #ffffff; text-decoration:underline;}


#global #reservation {font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#ffffff; margin:0px 0px 0px 0px; float:left; position:absolute; left: 820px; top: 243px;}

#global #reservation  a:link {color: #ffffff; text-decoration:underline;}

#global #reservation  a:visited {color: #ffffff; text-decoration:underline;} 
 
#global #reservation  a:hover {color:#ffffff; text-decoration: none;}  
 
#global #reservation  a:active {color: #ffffff; text-decoration:underline;}


#entete {width:1000px; height:304px; margin:0 auto 0px auto; align:center;}

#menu {position:relative; background-repeat: no-repeat; background-image:url(images/backg_navigation.png); width:283px; height:272px; _background-image:none;}

#contenu {font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#666666; margin:0px 0px 20px 0px; float:left; width:627px; text-align:justify;}

.slogan {font-family: Times New Roman, Times, serif; font-size:18px; color:#decc52; margin:5px 0px 10px 0px;}

.photos {margin:5px 5px 5px 5px;}

#colonne {margin:20px 0px 0px 0px; width:627px;  background-color:#89a160;}

#camping_quebec {margin:20px 0px 0px 0px; width:300px; text-align:center;  float:left; }

#camping_quebec2 {margin:150px 0px 0px 0px; width:300px; text-align:center;  float:left; }

#meteomedia {margin:20px 0px 0px 0px; width:300px; text-align:center;  float:left; }

* html .colonne3 { color:#fff; width:292px;float:left; margin-left:5px; margin-bottom:12px; margin-top:12px; padding-right:5px;}
.colonne3 { color:#fff; width:292px; float:left; margin-left:8px; margin-bottom:12px; margin-top:12px; padding-right:10px;}
.colonne3 div{   }
.colonne3 h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 6px 0; border-bottom:1px solid #ffffff;}
.colonne3 h2{ font-size:14px; font-weight:bold; margin:6px 0;}
.colonne3 h2 a:link{color:#FFF; text-decoration:none;}
.colonne3 h2 a:visited{color:#FFF; text-decoration:none;}
.colonne3 h2 a:hover{color:#FFF; text-decoration:underline;}
.colonne3 h2 a:active{color:#FFF; text-decoration:none;}
.colonne3 img{ border-color:#FFF; }

.colonne4 { color:#fff; width:292px;float:left; margin-left:10px; margin-bottom:12px; margin-top:12px;}
* html .colonne4 { color:#fff; width:292px; float:left; margin-left:5px; margin-left:5px; margin-bottom:12px; margin-top:12px;}
.colonne4 div{   }
.colonne4 h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 6px 0; border-bottom:1px solid #ffffff;}
.colonne4 h2{ font-size:14px; font-weight:bold; margin:6px 0;}
.colonne4 h2 a:link{color:#FFF; text-decoration:none;}
.colonne4 h2 a:visited{color:#FFF; text-decoration:none;}
.colonne4 h2 a:hover{color:#FFF; text-decoration:underline;}
.colonne4 h2 a:active{color:#FFF; text-decoration:none;}
.colonne4 img{ border-color:#FFF; }

#footer {width:1000px; height:25px; background-color:#decc52;}

#footer dd {float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000; margin:6px 35px 10px 10px;}
#footer dd a:link{color:#000000; text-decoration:underline;}
#footer dd a:visited{color:#000000; text-decoration:underline;}
#footer dd a:hover{color:#000000; text-decoration:none;}
#footer dd a:active{color:#000000; text-decoration:underline;}
#footer dd + dd {float:left; font-size:9px; color:#000000;}

.typo_photos {font-family: Times New Roman, Times, serif; font-size:18px; color:#decc52; padding:0px 0px 10px 0px;}

H1 {font-family: Times New Roman, Times, serif; font-size:24px; color:#decc52; padding:0px 0px 30px 0px;}

H2 {font-family: Times New Roman, Times, serif; font-size:16px; color:#decc52; margin:20px 0px 10px 0px;}

H3 {font-family: Times New Roman, Times, serif; font-size:18px; color:#decc52; padding:20px 10px 0px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #fefaa4;}

H4 {font-family: Times New Roman, Times, serif; font-size:18px; color:#fefaa4;}

H5 {font-family: Times New Roman, Times, serif; font-size:18px; color:#decc52; margin:20px 0px 20px 0px;}

H6 {font-family: Times New Roman, Times, serif; font-size:16px; color:#decc52; background-color:#decc52;}

.liste ul{margin:0px 0px 30px 0px;
} 

.liste li{font-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; margin:0px 0px 0px 30px; text-align:left;} 

.haut {font-family: Times New Roman, Times, serif; font-size:14px; color:#decc52; padding:20px 0px 20px 0px; text-align:center}
.haut  a:link {text-decoration:none;}
.haut  a:visited {text-decoration:none;} 
.haut  a:hover {text-decoration: underline;}   
.haut  a:active {text-decoration:none;}

.liens_accueil {font-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; }
.liens_accueil  a:link {text-decoration:underline;}
.liens_accueil  a:visited {text-decoration:underline;} 
.liens_accueil  a:hover {text-decoration: none;}   
.liens_accueil  a:active {text-decoration:underline;}

.dates_tarifs {font-family: Times New Roman, Times, serif; font-size:13px; color:#decc52;}

.nb {font-family: Times New Roman, Times, serif; font-size:13px; color:#fefaa4; padding:0px 0px 20px 0px;}

p {font-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; padding:0px 0px 15px 0px;}

.description {font-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; padding:10px 10px 10px 10px;}

#colonne_gauche {width:316px; height:100%; text-align:left; list-style:none; float:left; margin:0px 0 18px 0;}

* html #nouvelle {width:250px; height:250px; list-style:none; line-height:12px; background-image:url(images/backg_nouvelles.gif); background-repeat:no-repeat; scrollbar-3dlight-color:#fefaa4; scrollbar-arrow-color:#fefaa4; scrollbar-track-color: #fefaa4; scrollbar-darkshadow-color:#fefaa4; scrollbar-face-color:#decc52; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; float:left; margin:140px 0px 0px 30px;}
#nouvelle {width:250px; height:250px; list-style:none; line-height:12px; background-image:url(images/backg_nouvelles.gif); background-repeat:no-repeat; scrollbar-3dlight-color:#fefaa4; scrollbar-arrow-color:#fefaa4; scrollbar-track-color: #fefaa4; scrollbar-darkshadow-color:#fefaa4; scrollbar-face-color:#decc52; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; float:left; margin:140px 0px 0px 30px;}
#nouvelle #news {font-family: Verdana, Geneva, sans-serif; font-size:14px; list-style:none; line-height:16px; color:#FFFFFF;  text-align:left; float:left; margin:50px 40px 10px 5px; overflow:auto; display:block; height:180px; width:220px; display:inline; }
html:not([lang*=""]) #nouvelle #news {font-family: Verdana, Geneva, sans-serif; font-size:14px; list-style:none; line-height:16px; color:#FFFFFF;  text-align:left; float:left; margin:50px 40px 10px 5px; overflow:auto; display:block; height:180px; width:220px; display:inline; }
#nouvelle #news a:link{color:#FFFFFF; text-decoration:underline;}
#nouvelle #news a:visited{color:#FFFFFF; text-decoration:underline;}
#nouvelle #news a:hover{color:#FFFFFF; text-decoration:none;}
#nouvelle #news a:active{color:#FFFFFF; text-decoration:underline;}
#nouvelle #news .tit_nouvelles{font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; padding:5px 10px 10px 20px; color:#decc52;}
html:not([lang*=""]) #nouvelle #news .tit_nouvelles{font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; padding:5px 10px 10px 20px; color:#decc52;}
#nouvelle #news p{font-family: Verdana, Geneva, sans-serif; font-size:11px; text-align:left;  line-height:16px; padding:0px 10px 0px 20px; color:#ffffff;}


* html #nouvellea {width:250px; height:250px; list-style:none; line-height:12px; background-image:url(images/backg_nouvellesa.gif); background-repeat:no-repeat; scrollbar-3dlight-color:#fefaa4; scrollbar-arrow-color:#fefaa4; scrollbar-track-color: #fefaa4; scrollbar-darkshadow-color:#fefaa4; scrollbar-face-color:#decc52; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; float:left; margin:140px 0px 0px 30px;}
#nouvellea {width:250px; height:250px; list-style:none; line-height:12px; background-image:url(images/backg_nouvellesa.gif); background-repeat:no-repeat; scrollbar-3dlight-color:#fefaa4; scrollbar-arrow-color:#fefaa4; scrollbar-track-color: #fefaa4; scrollbar-darkshadow-color:#fefaa4; scrollbar-face-color:#decc52; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; float:left; margin:140px 0px 0px 30px;}
#nouvellea #newsa {font-family: Verdana, Geneva, sans-serif; font-size:14px; list-style:none; line-height:16px; color:#FFFFFF;  text-align:left; float:left; margin:50px 40px 10px 5px; overflow:auto; display:block; height:180px; width:220px; display:inline; }
html:not([lang*=""]) #nouvellea #newsa {font-family: Verdana, Geneva, sans-serif; font-size:14px; list-style:none; line-height:16px; color:#FFFFFF;  text-align:left; float:left; margin:50px 40px 10px 5px; overflow:auto; display:block; height:180px; width:220px; display:inline; }
#nouvellea #newsa a:link{color:#FFFFFF; text-decoration:underline;}
#nouvellea #newsa a:visited{color:#FFFFFF; text-decoration:underline;}
#nouvellea #newsa a:hover{color:#FFFFFF; text-decoration:none;}
#nouvellea #newsa a:active{color:#FFFFFF; text-decoration:underline;}
#nouvellea #newsa .tit_nouvelles{font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; padding:5px 10px 10px 20px; color:#decc52;}
html:not([lang*=""]) #nouvellea #newsa .tit_nouvelles{font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; padding:5px 10px 10px 20px; color:#decc52;}
#nouvellea #newsa p{font-family: Verdana, Geneva, sans-serif; font-size:11px; text-align:left;  line-height:16px; padding:0px 10px 0px 20px; color:#ffffff;}

#menu div {# _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/backg_navigation.png",sizingMethod="scale");  #     width:283px;   #     height:272px;  }

.camping {background: url(images/bout_camping.png) top center; text-indent: -9999px; display: block; width: 214px; height: 30px; margin:20px 0px 0px 0px; position:relative;  z-index:1;}

.camping:hover {background-position: bottom center;}

.location { background: url(images/bout_location.png) top center; text-indent: -9999px; display: block; width: 214px; height: 32px;}

.location:hover { background-position: bottom center;}

.services { background: url(images/bout_services.png) top center; text-indent: -9999px; display: block; width: 214px; height: 35px;}

.services:hover {background-position: bottom center;}

.ferme { background: url(images/bout_ferme.png) top center; text-indent: -9999px; display: block; width: 214px; height: 33px;}

.ferme:hover {background-position: bottom center;}

.peche {background: url(images/bout_peche.png) top center; text-indent: -9999px; display: block; width: 214px; height: 32px;}

.peche:hover {background-position: bottom center;}

.attraits {background: url(images/bout_attraits.png) top center; text-indent: -9999px; display: block; width: 214px; height: 29px;}

.attraits:hover {background-position: bottom center;}

.activites { background: url(images/bout_activites.png) top center; text-indent: -9999px; display: block; width: 214px; height: 32px;}

.activites:hover {background-position: bottom center;}


.campinga { background: url(images/bout_campinga.png) top center; text-indent: -9999px; display: block; width: 214px; height: 30px; margin:20px 0px 0px 0px;
position:relative; z-index:1;}

.campinga:hover {background-position: bottom center;}

.locationa {background: url(images/bout_locationa.png) top center; text-indent: -9999px; display: block; width: 214px; height: 32px;}

.locationa:hover {background-position: bottom center;}

.servicesa { background: url(images/bout_servicesa.png) top center; text-indent: -9999px; display: block; width: 214px; height: 35px;}

.servicesa:hover {background-position: bottom center;}

.fermea {background: url(images/bout_fermea.png) top center; text-indent: -9999px; display: block; width: 214px; height: 33px;}

.fermea:hover {background-position: bottom center;}

.pechea {background: url(images/bout_pechea.png) top center; text-indent: -9999px; display: block; width: 214px; height: 32px;}

.pechea:hover {background-position: bottom center;}

.attraitsa {background: url(images/bout_attraitsa.png) top center; text-indent: -9999px; display: block; width: 214px; height: 29px;}

.attraitsa:hover {background-position: bottom center;}

.activitesa {background: url(images/bout_activitesa.png) top center; text-indent: -9999px; display: block; width: 214px; height: 32px;}

.activitesa:hover {background-position: bottom center;}


.liens  a:link {ont-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; padding:0px 0px 10px 0px; text-decoration:underline;}

.liens  a:visited {ont-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; padding:0px 0px 10px 0px; text-decoration:underline;} 
 
.liens  a:hover {ont-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; padding:0px 0px 10px 0px; text-decoration: none;}  
 
.liens  a:active {ont-family: Times New Roman, Times, serif; font-size:16px; color:#fefaa4; font-stretch:expanded; line-height:18px; padding:0px 0px 10px 0px; text-decoration:underline;}