/* COMMUN */
html { height: 100%; background: url(../images/bg-site.gif) 0px 100px repeat-x; }
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
	/* html 5 */
header, nav, footer, figure, section, article, figcaption, aside { display: block; }
section { position: relative; clear: both; }
	/* conteneurs */
body { height: 100%; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }
header { position: relative; width: 980px; height: 150px; margin: 0px auto 0px auto; z-index: 100; }
#conteneur { position: relative; width: 980px; height: auto; margin: 0px auto 0px auto; padding-bottom: 20px; overflow: hidden; }
	/* logo / baseline */
#logo { position: absolute; top: 10px; left: 10px; width: 180px; height: 130px; background: url(../images/logo.gif) no-repeat; }
#logo a { display: block; height: 100%; text-indent: -5000px; overflow: hidden; }
	/* fil d'ariane */
#fil-ariane { position: absolute; top: 120px; left: 340px; font-size: 26px; font-weight: bold; color: #f4eee9; margin: 0px 0px 0px 0px; text-transform: lowercase; }
#fil-ariane a { color: #f4eee9; }
	/* footer */
footer { position: relative; left: 0px; top: 0px; width: 100%; height: auto; margin: 0px auto 10px auto; border-top: 1px solid #eee7df; }
footer ul { padding-top: 10px; color: #9a9a9a; text-align: center; font-size: 10px; text-transform: uppercase; }
footer li { display: inline; text-align: center; }
footer li a, footer li a:link, footer li a:visited { text-decoration: none; padding: 0px 15px; color: #9a9a9a; }
footer li a:hover { text-decoration: underline; }
footer li a span { display: block; float: left; text-indent: -5000px; }
footer li a img { vertical-align: bottom; border: 0px; }
	/* espace login */
#blk-login { width: auto; height: auto; padding: 0px 0px 20px 0px; overflow: hidden; }
#blk-login-titre { color: #b70e1d; font-size: 12px; text-transform: uppercase; font-weight: bold; height: 12px; margin: 0px 20px 5px 20px; }
#blk-login .input { width: 150px; height: 18px; padding: 0px 4px; color: #9a9a9a; float: left; margin-bottom: 5px; border: 1px solid #9a9a9a; }
#blk-login .valider { display: block; float: left; width: 20px; height: 20px; margin: 0px 0px 0px 5px; cursor: pointer; overflow: hidden; background: url(../images/fleche-droite-rouge.png) 0px 0px no-repeat; border: 0px; }
#blk-login .valider:hover { background: url(../images/fleche-droite-rouge.png) 0px -20px no-repeat; }
#blk-login p { clear: both; }
#blk-login .lien, #blk-login .lien:link, #blk-login .lien:visited { color: #b70e1d; margin: 0px 0px 0px 7px; }
#blk-login .nom { padding-top: 5px; }
#blk-login .deconex a { color: #b70e1d; }


/* NAVIGATION */
	/* nav */
#nav > ul { position: absolute; top: 60px; right: 10px; width: auto; height: 41px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }
#nav > ul > li { width: auto; height: auto; float: left; text-align: right; text-transform: lowercase; padding: 0px 0px 0px 8px; }
#nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display: block; height: 40px; line-height: 40px; color: #ac8f68; font-size: 13px; padding: 0px 14px 0px 10px; background: url(../images/puce-nav.gif) right 0px no-repeat; }
#nav > ul > li > a:hover { color: #b70e1d; border-bottom: 1px solid #b70e1d; text-decoration: none; background-position: right -40px; }
#nav > ul > li > a.on { color: #b70e1d; border-bottom: 1px solid #b70e1d; text-decoration: none; background-position: right -40px; }
#nav > ul > li > a.roll { color: #b70e1d; border-bottom: 1px solid #b70e1d; text-decoration: none; background-position: right -40px; }
#nav > ul > li > a.on:hover { color: #b70e1d; border-bottom: 1px solid #b70e1d; text-decoration: none; background-position: right -40px; }
	/* sous nav menu roll */
.snavM { position: absolute; display: none; padding: 0px 0px; background: url(../images/bg-snav.png); z-index: 200; -webkit-box-shadow: 2px 2px 5px #d8d8d8; -moz-box-shadow: 2px 2px 5px #d8d8d8; box-shadow: 2px 2px 5px #d8d8d8; }
.snavM > li { text-align: left; margin-bottom: 2px; }
.snavM > li > a, .snavM > li > a:link, .snavM > li > a:visited { display: block; height: 28px; line-height: 28px; color: #ac8f68; font-size: 13px; text-decoration: none; padding: 0px 40px 0px 10px; }
.snavM > li > a:hover { color: #b70e1d; }


/* INDEX */
	/* slideshow */
#slideshow { position: relative; width: 960px; height: 350px; overflow: hidden; margin: 0px auto 0px auto; z-index: 50; -webkit-box-shadow: 2px 2px 5px #d8d8d8; -moz-box-shadow: 2px 2px 5px #d8d8d8; box-shadow: 2px 2px 5px #d8d8d8; }
#kwicks { position: relative; width: 960px; height: 350px; background-color: #221208; }
#kwicks li { position: relative; display: block; float: left; width: 240px; height: 350px; text-align: right; cursor: pointer; overflow: hidden; }
#kwicks li div.cartouche { position: absolute; left: -1px; top: 220px; width: 460px; height: 73px; text-align: left; color: #fff; padding: 10px 20px 15px 20px; overflow: hidden; background: url(../images/bg-titre-slideshow.png); border: 1px solid #221208; }
#kwicks li div.cartouche h1 { font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 5px; text-transform: lowercase; }
#kwicks li div.ombre { position: absolute; width: 76px; height: 350px; right: 0px; top: 0px; background: url(../images/ombre-slideshow.png) no-repeat; }
#kwicks li img { border: 0px; }
	/* block texte */
#texte-home { position: relative; width: 980px; height: auto; margin: 40px auto 0px auto; padding-bottom: 20px; overflow: hidden; }
#texte-home article { position: relative; float: left; width: 428px; height: 109px; padding: 15px 20px; margin: 0px 10px 0px 10px; background-color: #fff; border: 1px solid #f3ede7; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 5px #d8d8d8; -moz-box-shadow: 2px 2px 5px #d8d8d8; box-shadow: 2px 2px 5px #d8d8d8; }
#texte-home article h2 { height: 22px; line-height: 22px; font-weight: bold; font-size: 15px; font-style: italic; color: #b70e1d; margin-bottom: 10px; border-bottom: 1px solid #b70e1d; }
#texte-home article p { color: #505050; padding: 0px; text-align: justify; }
#texte-home article img { border: 0px; float: left; margin-right: 10px; }
#texte-home article span { position: absolute; right: 20px; bottom: 15px; color: #b70e1d; font-weight: bold; font-size: 11px; }
#texte-home a:hover, #texte-home a:link, #texte-home a:visited, #texte-home a { text-decoration: none; cursor: pointer; }
#texte-home a:hover article span { text-decoration: underline; }


/* CONTENU */
#conteneur figure { position: relative; float: left; width: 310px; min-height: 400px; height: auto; margin: 0px 20px 0px 10px; overflow: hidden; }
#conteneur figure .pics { width: 40000px; position: absolute; clear: both; }
#conteneur figure .pics div { width: 310px; height: auto; margin-top: 20px; float: left; }
#conteneur figure .pics img { border: 0px; }
	/* page interieur */
#conteneur h1.titre { height: 22px; line-height: 22px; font-weight: bold; font-size: 15px; font-style: italic; color: #b70e1d; margin: 15px 20px 10px 20px; border-bottom: 1px solid #b70e1d; }
#conteneur div.chapeau, #conteneur p.chapeau { text-align: justify; font-size: 10px; color: #ac8f68; text-transform: uppercase; overflow: hidden; }
#conteneur article { position: relative; float: left; width: 628px; min-height: 400px; height: auto; padding-bottom: 5px; margin: 20px 0px 0px 0px; background-color: #fff; border: 1px solid #f3ede7; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 5px #d8d8d8; -moz-box-shadow: 2px 2px 5px #d8d8d8; box-shadow: 2px 2px 5px #d8d8d8; }
#conteneur article p {  }
#conteneur article p a { color: #ac8f68; }
#conteneur article > ul { color: #333; list-style-image: url(../images/puce-anthracite.gif); margin: 0px 0px 10px 40px; }
#conteneur p.postscriptum { font-size: 11px; color: #eb0024; font-style: italic; padding-top: 2px; border-top: 1px solid #eb0024; }
	/* docs a telecharger */
#conteneur div.docs { position: relative; width: 186px; height: auto; float: left; margin: 25px 0px 0px 0px; text-align: left; }
#conteneur div.docs h2 { width: 184px; height: 19px; line-height: 19px; font-size: 12px; color: #459bd8; text-indent: 10px; font-weight: bold; text-transform: uppercase; border: 1px solid #8cc9f4; background: url(../images/puce-fleche-bleu.gif) 0px 6px no-repeat #f3f9fe; }
#conteneur div.docs ul { list-style-image: none; margin: 5px 5px 0px 0px; }
#conteneur div.docs li { height: auto; color: #63604a; font-size: 11px; padding-bottom: 5px; }
#conteneur div.docs a, #conteneur div.docs a:link, #conteneur div.docs a:visited { color: #b9b8bd; font-size: 10px; padding-left: 16px; line-height: 17px; background: url(../images/picto-pdf.png) 0px 0px no-repeat; }
#conteneur div.docs a:hover { text-decoration: underline; }


/* FORMULAIRE */
.gab-form-contact { width: auto; height: auto; padding: 0px 20px 10px 20px; overflow: hidden; }
p.form { clear: both; padding: 1px 0px 1px 0px; font-size: 11px; height: auto; line-height: 18px; text-align: left; }
p.submit { clear: both; padding: 1px 0px 3px 0px; }
p.form label, p span.int { display: block; float: left; clear: both; padding-right: 5px; width: 198px; color: #22211d; height: auto; font-weight: bold; text-align: right; }
p.form label.int { display: inline; float: left; clear: none; width: auto; height: auto; text-align: center; font-weight: normal; padding: 0px 17px 0px 0px; }
p.form span.etoile { color: #e42b2a; font-weight: bold; font-size: 15px; line-height: 11px; }
p.form span.detail { color: #e42b2a; font-weight: normal; font-size: 10px; line-height: 14px; }
p.msg { color: #d12b31; }
input.text { width: 220px; font-size: 11px; height: 14px; }
input.code { width: 128px; margin-top: 4px; }
input.somme { width: 68px; text-align: right; padding-right: 2px; }
input.password { width: 220px; font-size: 11px; height: 14px; }
input.checkbox { width: 14px; height: 16px; margin: 2px 5px 0px 0px; vertical-align: middle; }
input.posL { float: left; margin-right: 5px; }
input.radio { width: 14px; height: 14px; margin: 2px 4px 2px 0px; vertical-align: middle; }
textarea.textarea { width: 216px; height: 60px; font-size: 11px; padding: 0px 2px; font-family: Arial, Helvetica, sans-serif; }
select.select { width: auto; font-size: 11px; height: 18px; }
input.submit { width: 132px; font-size: 11px; margin-left: 203px; }


/* GABARITS */
	/* sitemap */
#gab-sitemap { width: auto; height: auto; padding: 0px 20px 10px 20px; overflow: hidden; }
#gab-sitemap ul { height: auto; margin: 0px 0px 0px 0px; }
#gab-sitemap ul li { padding-bottom: 5px; }
#gab-sitemap ul li a { display: block; width: auto; }
#gab-sitemap ul li a.niv0, #sitemap ul li a.niv0:link, #sitemap ul li a.niv0:visited { color: #1f2123; height: 24px; line-height: 24px; font-weight: bold; padding-left: 4px; background-color: #F6F6F6; }
#gab-sitemap ul li a.niv1 { font-weight: bold; padding-left: 20px; }
#gab-sitemap ul li a.niv2 { padding-left: 40px; }
#gab-sitemap ul li a.niv3 { padding-left: 60px; }
	/* photos */
.gab-photos { width: auto; height: auto; color: #666666; padding: 0px 0px 0px 20px; }
.gab-photos div.photos { position: relative; float: left; width: 182px; height: 152px; overflow: hidden; border: 1px solid #bcbcb9; background-color: #fff; }
.gab-photos div.photos.mbottom { margin-bottom: 18px; }
.gab-photos div.photos.mright { margin-right: 18px; }
.gab-photos div.photos td { width: 182px; height: 131px; text-align: center; vertical-align: middle; }
.gab-photos div.photos span { display: block; height: 20px; font-size: 9px; text-align: left; text-indent: 4px; line-height: 18px; color: #63604a; background-color: #ece9e9; border-top: 1px solid #bcbcb9; }
.gab-photos div.photos span a { position: relative; display: block; float: left; width: 12px; margin: 4px 4px 0px 0px; }
.gab-photos div.photos img { border: 0px; }