body {overflow-x: hidden;width: 100%; height: 100%;margin: 0;padding: 0; background-image: url('../images/deco/fond1.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed;}
a {text-decoration: none;border: none; color: #fff; outline:0;}
a:link, a:visited, a:hover, a:active {outline:none;}
a:focus {outline:0 !important}
img {border: none;outline:none; text-decoration: none;}
ul, li {list-style-type: none;}

/* En-tête + menu */

.topcontainer {
position: fixed;
width: 100%;
height: 27%;
top: 0;
margin-top: -2.5%;
padding: 0;
background-image: url('../images/deco/bgmenu.png');
background-repeat: no-repeat;
background-position: top left;
background-size: 100% auto;
z-index: 998;
}

.menus {position: fixed;width: 100%;height: 20%;margin-top: 6%;background: transparent;z-index: 999;}

#menu1 {float: left;width: 40%;height: 100%;margin-left: 0;margin-right: 10%;background: transparent;text-align: center;}
#menu2 {float: right;width: 40%;height: 100%;margin-right: 0;margin-left: 10%;background: transparent;text-align: center;}

#menu1 ul.nav {width: 100%; height: 100%; margin: 0 ; padding: 0;overflow: hidden; text-align: center;}
#menu1 ul.nav li {display: inline-block;list-style-type: none;width: 25%;height: 0.9em;margin: 0;background: transparent;text-align: center;}
#menu1 ul.nav li a {font: bold 0.9em 'Marcellus', serif; text-transform: uppercase;color: #d0d0d0; text-shadow: 0 1px 3px #000; text-decoration: none;}
#menu1 ul.nav li a:hover {color: rgba(0,0,0,0.6);text-shadow: 2px 2px 3px rgba(255,255,255,0.1);}
#menu2 ul.nav {width: 100%; height: 100%; margin: 0 ; padding: 0;overflow: hidden; text-align: center;}
#menu2 ul.nav li {display: inline-block;list-style-type: none;width: 20%;height: 0.9em;margin: 0;background: transparent;text-align: center;}
#menu2 ul.nav li a {font: bold 0.9em 'Marcellus', serif; text-transform: uppercase;color: #d0d0d0; text-shadow: 0 1px 3px #000; text-decoration: none;}
#menu2 ul.nav li a:hover {color: rgba(0,0,0,0.6);text-shadow: 2px 2px 3px rgba(255,255,255,0.1);}

/* fond Empress */
.bgrock1 {position: fixed;margin: 0;padding: 0;width: 35%;height: 70%;top: 30%; bottom: 0%; left:0;
background: transparent url('../images/deco/bgrock1.png') no-repeat; background-size: auto 100%; background-position: bottom left;z-index: 2;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/deco/bgrock1.png',
sizingMethod='scale');
}
.bgrock2 {position: fixed;margin: 0;padding: 0;width: 35%;height: 70%;top: 30%; bottom: 0%; right:0;
background: transparent url('../images/deco/bgrock2.png') no-repeat; background-size: auto 100%; background-position: bottom right;z-index: 2;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/deco/bgrock2.png',
sizingMethod='scale');
}

/* Boites */
.globalcontainer { position: absolute; width: 100%; height: auto; top: 25%; text-align: center; background: transparent; z-index: 3;}
.container {width: 70%;height:auto;margin: 0 auto; position: relative; z-index: 3; overflow: hidden;margin-bottom: 4%;background-color: rgba(77,77,77,0.5); -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);box-shadow: 0px 0px 30px rgba(0,0,0,0.5); border-top: 1px solid rgba(99,99,99,0.6); border-left: 1px solid rgba(99,99,99,0.6);padding: 2%; text-align: center;}
.boxes { height: auto; width:100%; margin: 0 auto;padding: 0 auto;text-align: center;}
.cadrechien {display: inline-block;width: 250px; height: auto; margin: auto;background-color: #d8d8d8;margin: 2%;padding: 2%;z-index: 4;opacity: 0.8;}
.cadrechien:hover {background-color: #e3e3e3;-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);box-shadow: 0px 0px 20px rgba(0,0,0,0.6);opacity: 1;}
.clear {clear: both; visibility: hidden;}


.pedigreebutton {text-align: center;margin: 0 auto;padding: 10px;font-family:'Oswald', sans-serif;
font-size: 1em;
text-transform: uppercase;
color: #acacac; 
text-decoration: none;
}
.pedigreebutton:hover {color: #fff;}


/* galeries */
.mini {padding: 0;margin: 1%;height: 120px;width: 120px;box-shadow:2px 2px 5px rgba(0,0,0,0.8);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.8);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.8);opacity: 0.6;filter: alpha(opacity=60);}
.mini:hover {opacity: 1.0;filter: alpha(opacity=100);}

/* textes et décos */
span.floatleft { float: left;}
img.floatright { float: right; margin: 1%;box-shadow:2px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
img.floatleft { float: left; margin: 1%;clear: both;box-shadow:2px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
p.texte {line-height: 1.5em;font-family: 'Varela', sans-serif; font-size: 1em; color: #fff; text-align: justify;}
p.indent {text-indent: 3%;}
p.center {text-align: center;}
h1.infochien {text-align: center; font-size: 0.9em; font-weight: bold;line-height: 1em;text-transform: uppercase;font-family: 'Varela', sans-serif;color: #000;margin-left: 5px; margin-right: 5px;}
h1.nomchien {text-align: center; font-size: 1em; font-weight: bold;line-height: 1em;text-transform: uppercase;font-family: 'Varela', sans-serif;color: #fff;margin-left: 5px; margin-right: 5px;}
p.left {text-align: left; }
h1.titre {font-family: 'Marcellus', serif;text-align: left;font-weight: normal; font-size: 1.1em; line-height: 1em;color: #fff;text-transform: uppercase;margin-top: -1%;padding-bottom: 1%;border-bottom: 1px solid #fff;letter-spacing: 2px;}
h4.nom{ font-size:3em; font-family: 'Alex Brush', cursive, Helvetica, Arial, sans-serif; color:#444952; text-shadow:1px 1px 0 rgb(0,0,0); margin-top: 3%;}

.imgtop { width: 99%; height: auto;margin: 0 auto; margin-top: -3%;-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.intro {max-width: 900px; box-shadow:2px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5)}


.avatar {opacity: 0.8;margin: 5px;padding: 0;}
.avatar:hover {opacity: 1;box-shadow:2px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.ombre {margin: 10px;padding: 0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.avatarfloat {float: left;margin:2%; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow:2px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
span.floatleft {text-decoration: none;float: left;margin: 2%;margin-left: 5%;font-size: 0.8em;}
span.floatright {text-decoration: none;float: right;margin: 2%;margin-right: 5%;font-size: 0.8em;}
span.lettrine {font-size: 4.5em;font-weight: 400;margin: 2%;margin-right: 4%;float: left;color: #701111;text-shadow: 1px 1px 2px rgba(0,0,0,0.8);font-family: 'Alex Brush', cursive;}
.contact {float: left;margin: 1%;width: 48%;}

/* Footer */
#footer {position: fixed; bottom: 0;margin-bottom: -3%; padding: 0;height: 20%;width: 100%;
background-image: url('../images/deco/bgfooter.png');
background-repeat: no-repeat;
background-size: 100% auto;z-index:998;text-align: center;}
.copyrightalign {
position: fixed;
width: 100%;
height: 8%;
bottom: 0;
z-index: 999;
text-align: center;
}
p.copyright {height: 8%; vertical-align: middle;padding-top: 5px;color: #fff;font-family: 'Varela', sans-serif;font-size: 0.7em;letter-spacing: 3px;text-decoration: none;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}