* 
{
margin: 0;
padding: 0;
border: 0;
}

html
{
background: #ebe7de;
}

body 
{
background: #b7a37e url(img/body.jpg) top center no-repeat;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
font-size: 14px;
color: #303030;
text-align: center;
}

.wrap1, .wrap2, .wrap3, .wrap4, .wrap5, .wrap6, .wrap7, .wrap8, .wrap9, .wrap10, .wrap11
{
float: left;
padding-left: 24px;
}

.wrap1 {width: 58px;}
.wrap2 {width: 140px;}
.wrap3 {width: 222px;}
.wrap4 {width: 304px;}
.wrap5 {width: 386px;}
.wrap6 {width: 468px;}
.wrap7 {width: 550px;}
.wrap8 {width: 632px;}
.wrap9 {width: 714px;}
.wrap10 {width: 796px;}
.wrap11 {width: 878px;}

.first
{
padding-left: 0;
clear: left;
}

.wrap12
{
width: 960px;
margin: 0 auto;
text-align: left;
}

.left
{
float: left;
}

.right
{
float: right;
}

.clear
{
clear: both;
}

p, ul li, ol li, label, td
{
font-size: 14px;
line-height: 22px;
}

p, ol, ul, label
{
margin: 0 0 22px 0;
}

ul li
{
list-style: inside square;
}

#Marques ul li
{
list-style: none;
}

h1, h2, h3, h4
{
font-family: Georgia, "Times new Roman", Times, serif;
margin: 0 0 22px 0;
line-height: 22px;
}

h2
{
font-size: 36px;
font-weight: bold;
margin: 0 0 22px 0;
line-height: 44px;
}

h3
{
font-size: 18px;
font-weight: normal;
font-style: italic;
color: #324f36;
}

a
{
color: #744826;
text-decoration: none;
}

a:hover
{
color: #744826;
text-decoration: underline;
}

/* LOGO */

a#Logo1
{
display: block;
height: 75px;
width: 250px;
overflow: hidden;
background: transparent url(img/logo.gif) 0 0 no-repeat;
margin-top: 40px;
text-indent: -9000px;
}

a#Logo1:hover
{
background: transparent url(img/logo.gif) 0 -81px no-repeat;
}

/* Nav sup */

ul#Nav1
{
float: right;
margin: 30px 0 42px 0;
}

ul#Nav1 li
{
float: left;
list-style: none;
}

ul#Nav1 li a
{
display: block;
padding: 0 10px;
margin: 0 0 0 5px;
color: #744826;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

ul#Nav1 li a:hover, .accueil ul#Nav1 li a.accueil, .magasin ul#Nav1 li a.magasin, .contact ul#Nav1 li a.contact
{
background: #744826;
text-decoration: none;
color: #f8e8cf;
}

/* Nav inf */

/* ul#Nav2
{
float: right;
margin: 26px 10px 0 0;
}

ul#Nav2 li
{
float: left;
list-style: none;
}

ul#Nav2 li a.carpe
{
display: block;
width: 80px;
height: 40px;
background: transparent url(img/menu.jpg) 0 -180px no-repeat;
}

ul#Nav2 li a.carnassier
{
display: block;
width: 130px;
height: 40px;
background: transparent url(img/menu.jpg) -80px -180px no-repeat;
}

ul#Nav2 li a.silure
{
display: block;
width: 80px;
height: 40px;
background: transparent url(img/menu.jpg) -210px -180px no-repeat;
}

ul#Nav2 li a.coup
{
display: block;
width: 70px;
height: 40px;
background: transparent url(img/menu.jpg) -290px -180px no-repeat;
}

ul#Nav2 li a.fiches
{
display: block;
width: 200px;
height: 40px;
background: transparent url(img/menu.jpg) -360px -180px no-repeat;
}

ul#Nav2 li a.carpe:hover, .carpe ul#Nav2 li a.carpe
{
background: transparent url(img/menu.jpg) 0 0 no-repeat;
}

ul#Nav2 li a.carnassier:hover, .carnassier ul#Nav2 li a.carnassier
{
background: transparent url(img/menu.jpg) -80px 0 no-repeat;
}

ul#Nav2 li a.silure:hover, .silure ul#Nav2 li a.silure
{
background: transparent url(img/menu.jpg) -210px 0 no-repeat;
}

ul#Nav2 li a.coup:hover, .coup ul#Nav2 li a.coup
{
background: transparent url(img/menu.jpg) -290px 0 no-repeat;
}

ul#Nav2 li a.fiches:hover, .fiches ul#Nav2 li a.fiches
{
background: transparent url(img/menu.jpg) -360px 0 no-repeat;
} */

div#Nav2
{
float: right;
margin: 29px 10px 0 0;
width: 500px;
height: 37px;
background: url(img/slogan.png) 0 0 no-repeat;
font-weight: bold;
font-size: 18px;
}

div#Nav2 p
{
line-height: 37px;
text-align: center;
color: #ffffff;
}

/* Sous menu fiches techniques */

ul#Nav3
{
width: 200px;
margin: 0;
display: none;
position: absolute;
z-index: 400;
}

ul#Nav3 li
{
display: block;
list-style: none;
}

ul#Nav3 li a.techCarpe
{
display: block;
background: transparent url(img/menu.jpg) -360px -220px;
width: 200px;
height: 35px;
}

ul#Nav3 li a.techCarnassier
{
display: block;
background: transparent url(img/menu.jpg) -360px -255px;
width: 200px;
height: 30px;
}

ul#Nav3 li a.techSilure
{
display: block;
background: transparent url(img/menu.jpg) -360px -285px;
width: 200px;
height: 30px;
}

ul#Nav3 li a.techCoup
{
display: block;
background: transparent url(img/menu.jpg) -360px -315px;
width: 200px;
height: 35px;
}

ul#Nav3 li a.techCarpe:hover
{
background: transparent url(img/menu.jpg) -360px -40px;
}

ul#Nav3 li a.techCarnassier:hover
{
background: transparent url(img/menu.jpg) -360px -75px;
}

ul#Nav3 li a.techSilure:hover
{
background: transparent url(img/menu.jpg) -360px -105px;
}

ul#Nav3 li a.techCoup:hover
{
background: transparent url(img/menu.jpg) -360px -135px;
}

/* Diaporama page d'accueil */

#Diaporama, #Slide
{
position: relative;
width: 960px;
height: 300px;
overflow: hidden;
}

#Diap1, #Diap2, #Diap3, #Diap4
{
position: absolute;
width: 960px;
height: 300px;
top: 0;
left: 0;
z-index: 100;
}

#Diap1 {background: url(img/diaporama.jpg) 0 0 no-repeat;}
#Diap2 {background: url(img/diaporama.jpg) 0 -300px no-repeat;}
#Diap3 {background: url(img/diaporama.jpg) 0 -600px no-repeat;}
#Diap4 {background: url(img/diaporama.jpg) 0 -900px no-repeat;}

#Pager
{
position: absolute;
right: 10px;
bottom: 10px;
z-index: 200;
}

#Pager a
{
color: #2c7e2c;
margin: 0 4px;
width: 7px;
height: 7px;
display: block;
float: left;
background: #2c7e2c;
border: solid 3px #104110;
overflow: hidden;
}

#Pager a.activeSlide
{
background: #ffffff;
color: #ffffff;
}

/* MAIN CONTENT */

.content
{
margin: 20px 10px;
padding: 20px 20px 30px 20px;
background: #f8e8cf;
border: solid 1px #a29171;
}

#Affaires
{
margin: 0;
padding: 20px 20px 30px 20px;
margin: 0 10px 40px 0;
background: #f8e8cf;
border: solid 1px #a29171;
overflow: hidden;
}

.promo
{
margin: 20px 0;
width: 284px;
height: 70px;
background: transparent url(img/promo.png) center top no-repeat;
}

a.macaron
{
display: block;
margin: 0 0 11px 0;
width: 138px;
padding: 10px;
text-align: center;
background: #a95e21;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1a378', endColorstr='#a95e21');
background: -webkit-gradient(linear, left top, left bottom, from(#d1a378), to(#a95e21));
background: -moz-linear-gradient(top, #d1a378, #a95e21);
border: solid 1px #854a1b;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
}

a.macaron:hover
{
background: #9b561e;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc9b6e', endColorstr='#9b561e');
background: -webkit-gradient(linear, left top, left bottom, from(#cc9b6e), to(#9b561e));
background: -moz-linear-gradient(top, #cc9b6e, #9b561e);
text-decoration : none;
border-color: #806145;
}

p.pro
{
font-weight: bold;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.content .leftCol
{
float: left;
margin: 0 30px 22px 0;
}

.content .rightCol
{
overflow: hidden;
}

div.lienCarpe, div.lienCarnassier, div.lienSilure, div.lienCoup
{
display: block;
width: 160px;
height: 66px;
margin: 0 0 11px 0;
}

div.lienCarpe
{
background: transparent url(img/liens.png) 0 0 no-repeat;
}

div.lienCarnassier
{
background: transparent url(img/liens.png) 0 -66px no-repeat;
}

div.lienSilure
{
background: transparent url(img/liens.png) 0 -132px no-repeat;
}

div.lienCoup
{
background: transparent url(img/liens.png) 0 -198px no-repeat;
}

div.lienCarpe:hover
{
background: transparent url(img/liens.png) -160px 0 no-repeat;
}

div.lienCarnassier:hover
{
background: transparent url(img/liens.png) -160px -66px no-repeat;
}

div.lienSilure:hover
{
background: transparent url(img/liens.png) -160px -132px no-repeat;
}

div.lienCoup:hover
{
background: transparent url(img/liens.png) -160px -198px no-repeat;
}

div.lienHoraires
{
background: #81737e;
border: solid 1px #6b5165;
padding: 10px;
color: #ffffff;
text-align: center;
width: 138px;
margin: 0 0 11px 0;
}

div.lienHoraires:hover
{
background: #85657e;
border: solid 1px #6b5165;
}

/* Carroussel */

#MarquesWrapper
{
position: relative;
z-index: 10;
width: 570px;
height: 60px;
margin: 20px 10px;
padding: 10px 20px;
background: #f8e8cf;
border: solid 1px #a29171;
overflow: hidden;
}

#Marques ul li
{
width: 114px;
height: 60px;
}

#Prev, #Next
{
width: 10px;
height: 40px;
position: absolute;
top: 20px;
z-index: 20;
cursor: pointer;
}

#Prev
{
background: transparent url(img/prevnext.gif) 0 0 no-repeat;
left: 3px;
}

#Next
{
background: transparent url(img/prevnext.gif) -20px 0 no-repeat;
right: 3px;
}

.nosMarques
{
margin: 33px 0 22px 10px;
width: 480px;
height: 22px;
background: transparent url(img/textes.gif) 0 0 no-repeat;
}

#Footer
{
background: #ebe7de url(img/footer.jpg) top repeat-x;
padding: 11px 0 55px 0;
}

#Footer p
{
font-size: 12px;
}

#Banniere
{
width: 570px;
height: 220px;
overflow: hidden;
margin: 0 0 22px 0;
}

#GMap
{
margin-bottom: 22px;
}

#sujet
{
display: none;
}

form
{
margin-bottom: 21px;
}

input, textarea, label
{
display: block;
margin: 0;
padding: 0;
line-height: 21px;
font-family: Helvetica, Arial, sans-serif;
}

input, textarea
{
padding: 2px;
border: solid 1px #b7a37e;
width: 360px;
margin-bottom: 11px;
}

label.error
{
margin-bottom: 11px;
color: #ff0000;
}

#button
{
width: auto;
padding: 2px 10px;
background: #b7a37e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
}

#button:hover
{
border-color: #8a7b5f;
}

#button:active
{
background: #a98d57;
}