body {margin: 0px; padding: 0px; background-image: url('images/backgrounds/accueil.jpg'); background-attachment: fixed;
}

div#background{position: relative; margin:0px; padding:0px; left:0px; right: 0px; z-index: 1; width: auto; height: auto;
}

div#erreur{display: none; width: 100%; height: 100%; background-image: url('images/bge.png'); position: absolute; z-index: 2; left:0px; right: 0px;
}

div#erreur2{margin: 150px 0px 0px 325px; background-color: #FFFFFF; width: 260px; height: auto; border: 2px solid #bedfed; padding: 20px 20px 0px 20px; font-family: Tahoma, Helvetica, Arial; font-size: 14px; color: #444; line-height: 1.6em;
}

div#erreur2 h1{font-family: Tahoma, Helvetica, Arial; font-style: italic; font-size: 29px; font-weight: Normal; color: #fff; margin: 26px 0px 26px 0px; height: 38px; width: 90%; padding: 5px 0px 5px 0px; text-align: right;
}

div#erreur2 h1 a{white-space: normal; padding: 0px 16px 3px 16px; background-color: #0081B8;
}

div#erreur2 h1 a:link{color: #fff; background-color: #0081B8; text-decoration: none;
}
div#erreur2 h1 a:visited{color: #fff; background-color: #0081B8; text-decoration: none;
}
div#erreur2 h1 a:hover{color: #0081B8; background-color: #fff; text-decoration: none; cursor: pointer;
} 
div#erreur2 h1 a:active{color: #0081B8; background-color: #fff; text-decoration: none;
}

div#page {margin: 28px 0px 0px 32px; width: 950px; height: auto;
}

div#header{margin: 0px 0px 26px 0px; width: 950px; height: 237px;
}

div#header div#hleft{width: 610px; height: 237px; margin: 0px; float: left;
}

div#header img{border: none;
}

div#header div#hleft a{margin: 0px 26px 26px 0px; display: block; float: left;
}

div#header div#hleft a:hover {background-position: 0 -106px !important;
}

div#hleft a#canicross{width: 96px; height: 106px; background-image: url('images/header/canicross.png');
}
div#hleft a#medias{width: 96px; height: 106px; background-image: url('images/header/articles.png');
}
div#hleft a#liens{width: 96px; height: 106px; background-image: url('images/header/liens.png');
}
div#hleft a#accueil{width: 96px; height: 106px; background-image: url('images/header/accueil.png');
}
div#hleft a#photos{width: 96px; height: 106px; background-image: url('images/header/photos.png');
}
div#hleft a#videos{width: 96px; height: 106px; background-image: url('images/header/videos.png');
}
div#hleft a#courses{width: 96px; height: 106px; background-image: url('images/header/courses.png');
}
div#hleft a#contacts{width: 96px; height: 106px; background-image: url('images/header/contacts.png');
}


div#header div#hright{width: 340px; height: 237px; margin: 0px 0px 0px 610px;
}

div#hright img{float: left; 
}

input#newsletter{width: 330px; height: 20px; padding-left: 5px; color: #8E8E8E; font-size: 14px; font-family: Tahoma, Helvetica, Arial; float: left;  
}

input#inscrire{width: 218px; height: 30px; background-color: #fff; background-image:url('images/header/sinscrire.png'); border: none; margin: 15px 22px 0px 0px;
}

input#inscrire:hover{background-position: 0 -30px !important; cursor: pointer;
}

input#desinscrire{width: 96px; height: 30px; background-color: #fff; background-image:url('images/header/desinscrire.png'); border: none; margin: 15px 0px 0px 0px;
}

input#desinscrire:hover{background-position: 0 -30px !important; cursor: pointer;
}

div#contenu{border-top: 3px solid #fff; border-bottom: 3px solid #fff; padding-top: 26px; overflow: hidden; margin-bottom: 26px;
}

div#left{width: 584px; float: left; margin-right: 26px; overflow: hidden;
}

div.texteContainer{border: 1px solid #bedfed; padding: 26px 26px 26px 26px; margin: 26px 0px 26px 0px; 
}

div.texte{background-image: url('images/contenu/bg-right.png'); padding: 26px 26px 26px 26px;
}

div.texte img{max-width: 475px; max-height: 316px;
}

h1{font-family: Tahoma, Helvetica, Arial; font-style: italic; font-size: 29px; font-weight: Normal; color: #fff; margin: 0px 0px 26px 0px; height: 38px; width: 90%; padding: 0px 0px 0px 0px;
}

h1 a{white-space: normal; padding: 0px 16px 3px 16px;
}

h1 a:link{color: #fff; background-color: #0081B8; text-decoration: none;
}
h1 a:visited{color: #fff; background-color: #0081B8; text-decoration: none;
}
h1 a:hover{color: #0081B8; background-color: #fff; text-decoration: none;
} 
h1 a:active{color: #0081B8; background-color: #fff; text-decoration: none;
}

h2{font-family: Tahoma, Helvetica, Arial; font-size: 23px; font-weight: Normal; color: #B44600; margin: 0px 0px -10px 0px; font-style: italic;
}

p{font-family: Tahoma, Helvetica, Arial; font-size: 14px; color: #444; line-height: 1.6em;
}

ul{list-style-image: url('images/contenu/paw2.png'); margin: 10px 0px 10px 0px; padding: 0px 0px 0px 30px; font-family: Tahoma, Helvetica, Arial; font-size: 13px; color: #666666; line-height: 1.6em;
}

div.items{width: 572px; height: 114px; background-image:url('images/contenu/bg-items.png'); margin: 26px 0px 26px 0px; padding: 12px 0px 0px 12px;
}

div.items h1{font-family: Tahoma, Helvetica, Arial; font-size: 20px; font-weight: Normal; color: #B44600; margin: 0px; width: 440px; height: 1em;
}

div.items p{font-family: Tahoma, Helvetica, Arial; font-size: 13px; color: #666666; width: 440px; line-height: 1.2em; margin: 10px 0px 10px 0px; background-image: none; padding: 0px;
}

div.items ul{list-style-image: url('images/contenu/paw.png'); margin: -7px 0px 0px 0px; padding: 0px 0px 0px 20px; font-family: Tahoma, Helvetica, Arial; font-size: 13px; color: #666666; line-height: 1.2em; width: 420px;
}

div.items li{margin: 0px; padding: 0px;
}

div.items span{font-family: Tahoma, Helvetica, Arial; font-size: 16px; color: #0081B8;  margin: 0px 5px 0px 0px; padding: 0px;
}

div.items img.rc{float: right; margin-top: 12px;
}

div#right{width: 340px; overflow: hidden;
}

span#photosduJour{width: 197px; height: 30px; background-image: url('images/contenu/photos-jour.gif'); display: block; margin-bottom: 26px; background-position: 0 -30px;
}

div#photosJour{width: 300px; height: 250px; background-image: url('images/contenu/bg-right.png');
}

div#photosContainer, div#bigboxContainer{width: 298px; height: 250px; border: 1px solid #bedfed; padding: 20px; margin-bottom: 26px;
}

div#bigbox{width: 300px; height: 250px; background-color: #fff; text-align: center;
}

a#facebook{width: 96px; height: 106px; background-image: url('images/contenu/facebook.png'); display: block; margin: 0px 26px 26px 0px; float: left;
}

a#flickr{width: 96px; height: 106px; background-image: url('images/contenu/flickr.png'); display: block; margin: 0px 26px 0px 0px; float: left;
}

div#right a#facebook:hover {background-position: 0 -106px !important;
}

div#right a#flickr:hover {background-position: 0 -106px !important;
}

div#footer{background-image: url('images/footer/bg-footer.png'); background-repeat: no-repeat; width: 950px; height: 100px; margin-bottom: 26px;
}

div#footer p{font-family: Tahoma, Helvetica, Arial; font-size: 13px; color: #666666; padding: 10px 0px 0px 12px; line-height: 1em; background-image: none;
}

div#footer a:hover {background-position: 0 -20px !important;
}

div#footer a#avis{width: 181px; height: 12px; background-image: url('images/footer/avis.png'); margin: 0px 0px 0px 11px; display: block; clear: both;
}

div#footer a#avis:hover {background-position: 0 -12px !important;
}

div#footer a#canicrossf{width: 96px; height: 20px; background-image: url('images/footer/canicross.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#mediasf{width: 96px; height: 20px; background-image: url('images/footer/articles.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#contactsf{width: 96px; height: 20px; background-image: url('images/footer/contacts.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#accueilf{width: 96px; height: 20px; background-image: url('images/footer/accueil.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#photosf{width: 96px; height: 20px; background-image: url('images/footer/photos.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#videosf{width: 96px; height: 20px; background-image: url('images/footer/videos.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#coursesf{width: 96px; height: 20px; background-image: url('images/footer/courses.gif'); margin: 15px 26px 0px 0px; display: block; float: left;
}
div#footer a#liensf{width: 96px; height: 20px; background-image: url('images/footer/liens.gif'); margin: 15px 0px 0px 0px; display: block; float: left;
}

table#priverlogin{width: 60%; font-family: Tahoma, Helvetica, Arial; font-size: 14px; color: #444; line-height: 1.6em; border: 2px solid #bccccc; margin-top: 10px;
}

table#priverlogin tr{border: none; 
}

table#priverlogin tr:hover{background-color: transparent;
}

table#priverlogin td{text-align: center; vertical-align: middle; padding: 10px; 
}

 a:link {color: #666666;}
 a:visited {color: #666666;}
 a:hover {color: #B44600;}
 a:active {color: #B44600;}
