body { font-family: Verdana; padding: 0; margin: 0; font-size: 12px; line-height: 16px; color: #fff; background: #776b63; }

a { color: #830628; text-decoration: none;  }
a:hover { ;color: #000; }
a, a:active { outline: none; }



h1, h2, h3, h4, h5 { font-weight: normal; }

h2 { 
    margin: 0;
    padding: 15px 0 15px 0;
    font-size: 36px;
    margin-bottom: 15px;
}

img { border: none; }

.spacer { clear: both; }

div, p { margin: 0; padding: 0; }

.main { width: 960px; margin: 0 auto; }

strong { font-weight: bold; }
em { font-style: italic; }


.txt { line-height: 130%; }

#header { 
	background: url(img/bg-header-fr.jpg) no-repeat; 
	height: 229px;
}



#header h1 { padding:0; margin:0; float: right; padding: 0;  }
#header h1 a { padding:0; margin:0; display: block; width: 960px; height: 187px; text-indent: -10000px; }

#topRight { float: right; width: 500px; }

#top { color: #bbb0ab; padding: 8px 0 7px 0; }
p#topPp { float: left; padding-top: 1px; }

#zic { float: left; margin-left: 60px; position: relative; top:-2px;  }

#lang { width: 100px; float: right; text-align: left; padding: 0 0 0 0; }

#menu { /*background: red;*/ /*height: 31px;*/}
#menu li { 
    float: left;
}

#menu li a {
    width: 110px;
    height: 32px;
    float: left;
    padding: 0px 0 0 0;
    color: #fff;
    text-indent: -10000px;
    

}
.menu-lang-fr li a {
    background: transparent url(img/menu-sprite-fr.gif) no-repeat 0 0;
}
.menu-lang-en li a {
    background: transparent url(img/menu-sprite-en.gif) no-repeat 0 0;
}

#menu li a.btnDeco { background-position: 0 0; width: 196px; }
#menu li a.btnEvents { background-position: -225px 0; width: 186px; margin-left: 29px; }
#menu li a.btnLinks { background-position: -440px 0; width: 85px; margin-left: 29px; }
#menu li a.btnContact { background-position: -815px 0; width: 145px; margin-left: 290px; }


#menu li a.btnDeco:hover { background-position: 0 -32px; }
#menu li a.btnEvents:hover { background-position: -225px -32px; }
#menu li a.btnLinks:hover { background-position: -440px -32px; }
#menu li a.btnContact:hover { background-position: -815px -32px; }

#menu li.on a.btnDeco, #menu li a.btnDeco:active { background-position: 0 -64px; }
#menu li.on a.btnEvents, #menu li a.btnEvents:active { background-position: -225px -64px; }
#menu li.on a.btnLinks, #menu li a.btnLinks:active { background-position: -440px -64px; }
#menu li.on a.btnContact, #menu li a.btnContact:active { background-position: -815px -64px; }


#footer { background: transparent url(img/bg-footer.jpg) no-repeat 0 10px; padding: 20px 0px 15px 0; font-size: 10px;  }


.footLeft { float: left; width: 400px; }
.footRight { float: right; width: 500px; text-align: right; }
.footRight ul li { display: inline; margin-left: 16px; }

#footer a { color: #bbb0ab; }
#footer a:hover { color: #fff; }

#error { padding: 16px; margin: 0 0 10px 0; background: #ff0000; color: #fff; }
#succes { padding: 16px; margin: 0 0 10px 0; background: #830628; color: #fff;  }


#content {
	background: #8c7f79 url(img/bg-content.jpg) no-repeat 0 0;
	min-height: 536px;
}
body.home_DiV #content {
	background: #8c7f79 url(img/bg-content-home.jpg) no-repeat 0 0;
	min-height: 461px;
        padding-left: 20px;
}
body.decoration_DiV #content {
	background: #8c7f79 url(img/bg-content-decoration.jpg) no-repeat 0 0;
}

/* CONTACT */
.form2 {
    padding: 20px 30px;
}

.form2 h4 {
    font-weight: bold;
    font-size: 1.2em;
}
.c1Left {
	float: left; width: 400px;
}

.c1Right {
	float: left; width: 500px;
}


.txtInput label, .txtArea label {
	display: block;
	padding: 5px 0 3px 0; 
}

.txtInput input {
	padding: 5px;
	border: 1px solid #a0a0a0;
	width: 350px;
	font-family: Arial;
}

.txtInput input.txtInputBig {
    width: 488px;
}

textarea {
	padding: 5px;
	border: 1px solid #a0a0a0;
	
	width: 488px;
	font-family: Arial;
	font-size: 11px;
	height: 142px;
}
p.button {
	text-align: right;
	padding: 10px;
	margin-top: 15px;
}

.txtInput input:focus, textarea:focus { background: #fdf7f3; border: 1px solid #fff; }

.radioInput { padding: 20px 0; }
.radioInput label { margin-right: 30px; }

/* SITEMAP */

.map { padding: 0 0 15px 0; }
.map li { border-bottom: 1px solid #999; padding: 5px 0; }
.map li ul  { padding-left: 30px; }
.map li ul li { border-bottom: none; padding: 0; }


/************* home / accueil *************/

.introGallery {
    float: left;
    width: 330px;
    padding: 22px 0;
}

#edito {
	padding: 55px 20px 0 370px;
}

.typoImg {
    margin: 0 0 10px 0;
}

.downldLink {
    margin: 16px 0 0 0;
}


.txtPage { min-height: 240px; padding: 50px 0 0 410px; }


/************** decoration **************/


.c2left { float: left; width: 186px; padding-left: 10px; margin-right: 38px; }
.c2right { float: left; width: 706px; padding: 20px 20px 20px 0; }

body.decoration_DiV h2 {
    padding: 1px 0 0 30px;
    line-height: 100%;
    font-size: 26px;
}

#decoListCatz {
    background: #bbb0ab;
    border-bottom: 8px solid #960620;
    padding: 25px 10px 25px 10px;
}
#decoListCatz li {
    padding: 3px 0 3px 0;
}

#decoListCatz a {
    color: #fff;
}

#decoListCatz a:hover, #decoListCatz li.on a, #decoListCatz a:focus, #decoListCatz a:active {
    color: #830628;
}


#decoProdz {
    margin-top: 20px;
}
#decoProdz li {
    float: left;
}

#decoProdz li a {
    border: 1px solid #766a63;
    float: left;
}

#decoProdz li a img {
    display: block;
}

#decoProdz li.sepProdzVerti {
    width: 33px;
    height: 15px;
}
#decoProdz li.sepProdzHoriz {
    float: none;
    clear: both;
    height: 35px;
    background: transparent url(img/sep-prodz.png) 0 7px no-repeat;
}

* html #decoProdz li.sepProdzHoriz {
    background: transparent url(img/sep-prodz.gif);
}

/************* tip **************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	background: transparent url(img/tip-bottom.png) no-repeat 0% 100%;
	padding: 0 0 45px 0;
	opacity: 1;
	color: #fff;
	width: 213px;
}

* html #tooltip { background: transparent url(img/tip-bottom.gif) no-repeat 0% 100%; }


#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background: transparent url(img/tip-top.png) no-repeat 0% 0%;
    padding: 5px 5px 0 5px;
}

#tooltip div {
    color: #BBB0AB;
    font-size: 0.9em;
    line-height: 1.2em;
    background: #830628 ;
    padding: 0 5px 0 5px;
}
#sb-title-inner { display: none; }


/************** thumbz **************/
.thumbz {
    margin: 28px 0 16px 0;
    float: left;
}

.thumbz li {
    float: left;
    margin-right: 28px;
}

.thumbz li.lastitem {
    margin-right: 0px;
}

.thumbz li a {
    float: left;
    width: 75px;
    height: 75px;
    text-indent: -10000px;
}

/************** links **************/

#linkz {
    padding: 20px 0 20px 0;
}

#linkz li {
    padding: 0 0 15px 0;
    margin-bottom: 10px;
    background: transparent url(img/bg-link.png) no-repeat 20px 100%;
}

#linkz li .outterLink {
    padding: 7px 20px 7px 20px;
}


#linkz li a.imgLeft {
    float: left;
    border: 1px solid #7c7169;
}
#linkz li a.imgLeft {
    display: block;
}

#linkz li .linkInfos {
    margin-left: 220px;
}

#linkz h5 {
    font-size: 18px;
    line-height: 100%;
    border-bottom: 1px solid #830628;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

#linkz h5 a {
    color: #fff;
    padding: 0 0 0 20px;
    background: transparent url(img/arrow1.png) no-repeat 0 8px;
}
#linkz h5 a:hover { color: #000; }


#linkz .gggrey {
    background: #a0a0a0;
}
#linkz .gggrey h5 a { color: #830628; }
#linkz .gggrey h5 a:hover { color: #000; }

/******************** credits *****************/

.credits_DiV a label { color: #fff; }
