/* COMMUN */
html { width: 100%; }
body { width: 100%; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; background: url(../images/bandeau-noir.gif) repeat-x 0px 50px; }
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
/* liens */
a, a:link, a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: underline; }
/* conteneurs */
#global { position: relative; width: 965px; height: auto; margin: 26px auto 0px auto; z-index: 600; }
#header { position: relative; top: 0px; width: 965px; height: 354px; background: url(../images/deco-gauche.png) no-repeat 0px 24px; z-index: 800; }
#decoD { position: absolute; top: 50px; right: 0px; width: 100%; height: 330px; background: url(../images/deco-droite.png) no-repeat center; z-index: 500; }
#col-gauche { position: absolute; left: 0px; top: 0px; width: 230px; height: auto; margin-top: 324px; }
#contenu { position: relative; top: 0px; left: 245px; width: 705px; min-height: 197px; height: auto; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: #f9f9f9; }
/* logo */
#logo { position: absolute; top: 0px; left: 0px; width: 185px; height: 54px; margin-top: 2px; background: url(../images/logo.png) no-repeat; z-index: 810; }
#logo a { display: block; height: 100%; text-indent: -5000px; overflow: hidden; }
/* pied */
#pied { position: relative; right: 0px; top: 0px; text-align: right; width: auto; color: #808080; margin: 8px 9px 5px 0px; }
#pied li { display: inline; text-align: center; font-size: 10px; }
#pied li a { text-decoration: none; padding: 0px 6px; color: #808080; }
#pied li a:hover { text-decoration: underline; }
/* illustration */
#illus { position: absolute; top: 24px; right: 0px; width: 720px; height: 330px; background-color: #ffffff; z-index: 830; }
#illus h2 { position: absolute; width: 705px; text-align: right; bottom: 15px; font-size: 10px; font-weight: normal; font-style: italic; color: #000000; padding-right: 15px; }
/* encart transparent */
#encart-trans { position: absolute; left: 0px; top: 139px; width: 230px; height: 170px; background: url(../images/encart-transparent.png) no-repeat; z-index: 810; }
#encart-trans h2 { font-size: 13px; color: #ffffff; text-align: center; margin: 12px 0px 0px 0px; }
#encart-trans p { font-size: 12px; color: #ffffff; text-align: justify; padding: 10px; }
#encart-trans a { position: absolute; bottom: 13px; right: 9px; color: #ffffff; font-size: 11px; font-weight: bold; }
/* sponsors */
#sponsors { position: relative; width: 199px; height: 89px; padding: 0px 0px 0px 31px; margin: 5px 0px 0px 0px; background: url(../images/sponsors.gif) no-repeat left; }
/* encart bleu */
#encart-bleu { position: relative; width: 228px; height: 148px; margin: 5px 0px 0px 0px; background-color: #f5f8fb; border: 1px solid #d9e2ee; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#encart-bleu h2 { font-size: 13px; color: #1251a6; text-align: right; margin: 6px 10px 0px 10px; border-bottom: 1px solid #1251a6; }
#encart-bleu p { font-size: 12px; color: #000000; text-align: justify; padding: 5px 10px 10px 10px; }
#encart-bleu a { position: absolute; bottom: 8px; right: 9px; color: #1251a6; font-size: 11px; font-weight: bold; }
/* encart docs a telecharger */
#encart-docs { position: relative; width: 228px; min-height: 60px; height: auto; margin: 5px 0px 0px 0px; background-color: #f5f8fb; border: 1px solid #d9e2ee; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#encart-docs h2 { font-size: 13px; color: #1251a6; text-align: right; margin: 6px 10px 0px 10px; border-bottom: 1px solid #1251a6; }
#encart-docs ul { list-style-image: none; margin: 3px 10px 10px 10px; }
#encart-docs li { line-height: 18px; text-align: right; }
#encart-docs a, #encart-docs a:link, #encart-docs a:visited { color: #000000; font-size: 11px; text-decoration: none; }
#encart-docs a:hover { text-decoration: underline; }
#encart-docs a span { color: #1251a6; font-weight: normal; }
/* encart meteo */
#encart-meteo { position: relative; width: 228px; min-height: 175px; height: auto; margin: 5px 0px 0px 0px; background-color: #fbfaf5; border: 1px solid #e0cece; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#encart-meteo h2 { font-size: 12px; color: #9b100c; text-align: center; margin: 4px 0px 0px 0px; }
#encart-meteo .meteo { position: relative; width: 112px; float: left; text-align: center; }
#encart-meteo .meteo .ville { position: absolute; top: 60px; width: 112px; color: #9b100c; text-align: center; }
#encart-meteo .meteo .prevision { margin-bottom: 10px; }
#encart-meteo .meteo .condi { color: #808080; font-size: 11px; }
#encart-meteo .meteo .temp { color: #808080; font-size: 11px; padding-left: 10px; }
#encart-meteo p.date { color: #808080; font-size: 11px; text-align: center; }
#encart-meteo p.km { position: absolute; left: 56px; bottom: 19px; width: 113px; height: 28px; color: #9b100c; font-size: 11px; text-align: center; font-weight: bold; background-color: #ffffff; border: 1px solid #dcc8c7; }
#encart-meteo p.copyright { position: absolute; bottom: 2px; width: 228px; color: #808080; font-size: 9px; text-align: center; }
/* pictos */
#pictos { position: absolute; left: 0px; top: 124px; width: 230px; z-index: 830; }
#pictos li { width: 12px; float: left; padding: 0px 5px 0px 5px; }
#pictos li a { display: block; text-indent: -5000px; overflow: hidden; height: 10px; }
#pictos li a.home { background: url(../images/picto-home.gif) no-repeat; }
#pictos li a.contact { background: url(../images/picto-contact.gif) no-repeat; }
/* bouton fan club */
#btn-fan-club { position: relative; display: block; width: 230px; height: 50px; text-indent: -5000px; overflow: hidden; margin: 5px 0px 0px 0px; background: url(../images/fan-club.gif) no-repeat; }
/* espace login */
#blk-login { position: absolute; top: 5px; right: 0px; width: 198px; height: 79px; margin: 3px 0px 0px 8px; padding: 7px 5px 2px 15px; overflow: hidden; background: url(../images/espace-client.png) no-repeat; }
#blk-login-titre { color: #b60f1d; font-size: 12px; font-weight: bold; height: 12px; }
#blk-login .input { width: 168px; height: 16px; color: #a2a2a2; font-size: 10px; float: left; margin-top: 5px; padding-left: 4px; border: 1px solid #b60f1d; }
#blk-login .valider { display: block; width: 11px; height: 16px; overflow: hidden; float: left; margin: 7px 0px 0px 5px; border: 0px; cursor: pointer; background: url(../images/btn-fleche-connexion.png) no-repeat; }
#blk-login .valider:hover { background: url(../images/btn-fleche-connexion.png) 0px -16px no-repeat; }
#blk-login p { clear: both; }
#blk-login .lien, #blk-login .lien:link, #blk-login .lien:visited { color: #797979; font-size: 11px; margin: 0px 0px 0px 7px; }
#blk-login .nom { padding-top: 10px; }
#blk-login .deconex { }
/* share */
.addthis_button { position: absolute; top: 0px; right: 14px; margin: 14px 0px 0px 0px; }
/* separateur */
div.separateur { width: 705px; height: 10px; background-color: #ffffff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
/* NAVIGATION */
/* nav */
#nav { position: absolute; top: 0px; left: 240px; width: 725px; height: 24px; z-index: 820; }
#nav li { width: 140px; height: 24px; float: left; padding-left: 5px; text-align: center; }
#nav li a { display: block; text-indent: -5000px; overflow: hidden; height: 24px; line-height: 25px; color: #b2b2b2; font-size: 14px; text-decoration: none; background-repeat: no-repeat; background-position: center 0px; }
#nav li a:hover { color: #666666; background-position: center -24px; }
#nav li a.on { color: #e81f19; background-position: center -48px; }
/* sous nav */
h2.titre { position: absolute; left: 0px; top: 108px; width: 230px; height: 35px; line-height: 35px; font-size: 22px; letter-spacing: 0px; font-weight: bold; text-align: right; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; -moz-opacity: 0.15; opacity: 0.15; z-index: 820; }
#snav { position: absolute; left: 0px; top: 139px; width: 230px; height: 160px; padding-top: 10px; background: url(../images/encart-transparent.png) no-repeat; z-index: 810; }
#snav > li { line-height: 9px; margin-bottom: 3px; padding-bottom: 8px; }
#snav > li > a { display: block; font-size: 13px; width: auto; height: 10px; font-weight: bold; text-decoration: none; padding-left: 5px; }
#snav > li > a.on, #snav > li > a.on:link, #snav > li > a.on:visited { color: #e5211c; border-left: 5px solid #e5211c; }
#snav > li > a.off, #snav > li > a.off:link, #snav > li > a.off:visited { color: #ffffff; padding-left: 10px; }
#snav > li > a.off:hover, #snav > li > a.on:hover { color: #ffffff; padding-left: 5px; border-left: 5px solid #e5211c; }
/* sous sous nav */
.ssnav { margin: 5px 0px 0px 25px; }
.ssnav > li { line-height: 15px; }
.ssnav > li > a { margin-left: -3px; font-size: 12px; font-weight: normal; text-decoration: none; }
.ssnav > li > a.off, .ssnav > li > a.off:link, .ssnav > li > a.off:visited { color: #ffffff; }
.ssnav > li > a.on, .ssnav > li > a.on:link, .ssnav > li > a.on:visited { color: #e5211c; }
.ssnav > li > a.off:hover, .ssnav > li > a.on:hover { color: #e5211c; }
/* CONTENU */
/* page interieur */
#contenu .article { position: relative; width: 683px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#contenu .article h1.titre { height: 22px; color: #000000; font-size: 18px; font-weight: bold; font-style: italic; text-indent: 7px; margin: 0px 0px 5px 0px; border-left: 8px solid #e5211c; }
#contenu .article strong.intertitre { font-size: 12px; color: #e5211c; font-style: italic; }
#contenu .article p { text-align: justify; padding-bottom: 10px; }
#contenu .article p.chapeau { color: #000000; font-style: italic; margin: 10px 0px 0px 0px; }
#contenu .article ul { list-style-image: url(../images/puce-grise.gif); margin: 0px 0px 10px 40px; }
/* margin-bottom 10px */
#contenu .bottom8 { margin-bottom: 8px; }
/* margin-right 10px */
#contenu .right8 { margin-right: 8px; }
/* margin-left 10px */
#contenu .left8 { margin-left: 8px; }
/* margin-top 10px */
#contenu .top8 { margin-top: 8px; }
/* FORMULAIRE */
#gab-form-contact { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
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 { display: block; float: left; clear: both; padding-right: 5px; width: 198px; color: #22211d; height: auto; font-weight: bold; text-align: right; }
p.form span.etoile { color: #d12b31; font-weight: bold; font-size: 15px; line-height: 11px; }
p.form span.detail { color: #d12b31; font-weight: normal; font-size: 10px; line-height: 14px; }
p.msg { color: #d12b31; }
input.text { width: 220px; font-size: 11px; height: 14px; }
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: 226px; font-size: 11px; margin-left: 203px; }
/* COMMENTAIRES */
#comments { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#comments h3.titre { color: #000000; border-bottom: 1px solid #e5211c; text-indent: 5px; font-size: 14px; margin-bottom: 5px; border-left: 8px solid #e5211c; }
#comments h3.titre span { position: absolute; right: 12px; font-size: 10px; }
#comments p.comm { padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px dotted #aaaaaa; }
#comments p.comm strong { display: block; color: #333333; padding: 5px 10px 0px 0px; float: left; }
#comments p.comm span { display: block; font-size: 11px; color: #999999; padding-top: 6px; }
/* GABARITS */
/* sponsors */
#gab-sponsors { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#gab-sponsors div.spons { float: left; width: 161px; height: 110px; margin-bottom: 10px; overflow: hidden; background-color: #ffffff; border: 1px solid #d9d9d9; }
#gab-sponsors div.spons td { width: 161px; height: 89px; text-align: center; vertical-align: middle; }
#gab-sponsors div.spons span { display: block; height: 20px; font-size: 12px; text-align: center; line-height: 18px; color: #808080; background-color: #f5f8fb; border-top: 1px solid #d9d9d9; }
#gab-sponsors div.spons img { border: 0px; }
/* actualités */
div.actualites { position: relative; width: 683px; min-height: 80px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
div.actualites h2 { height: 18px; color: #000000; font-size: 15px; font-weight: bold; font-style: italic; text-indent: 7px; margin: 0px 0px 5px 0px; border-left: 8px solid #e5211c; }
div.actualites h2 span { font-size: 9px; font-weight: normal; color: #e5211c; }
div.actualites img { float: left; margin-right: 5px; margin-top: 0px; }
div.actualites p { text-align: justify; padding-bottom: 10px; }
div.actualites a, div.actualites a:link, div.actualites a:visited { position: absolute; bottom: 10px; right: 10px; font-size: 11px; color: #000000; font-style: italic; font-weight: bold; }
/* albums */
#gab-albums { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#gab-albums div.album { float: left; width: 161px; height: 89px; margin-bottom: 6px; overflow: hidden; background-color: #ffffff; border: 1px solid #d9d9d9; }
#gab-albums div.album td { width: 161px; height: 89px; text-align: center; vertical-align: middle; }
#gab-albums div.album span { display: block; height: 20px; font-size: 9px; text-align: left; text-indent: 4px; line-height: 22px; color: #808080; background-color: #f5f8fb; border-top: 1px solid #d9d9d9; }
#gab-albums div.album img { border: 0px; }
/* photos */
#gab-photos { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#gab-photos div.photos { float: left; width: 218px; height: 162px; margin-bottom: 6px; overflow: hidden; background-color: #ffffff; border: 1px solid #d9d9d9; }
#gab-photos div.photos td { width: 218px; height: 141px; 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: 22px; color: #666666; background-color: #ffffff; border-top: 1px solid #d9d9d9; }
#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; }
/* video flv */
#gab-video-flv { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; overflow: auto; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#gab-video-flv p { text-align: justify; padding-bottom: 10px; }
#gab-video-flv strong.intertitre { font-size: 12px; color: #e5211c; font-style: italic; }
/* sitemap */
#gab-sitemap { width: 683px; min-height: 197px; height: auto; color: #666666; padding: 10px; background-color: #ffffff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
#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 { background-color: #f9f9f9; color: #e5211c; height: 24px; line-height: 24px; font-weight: bold; padding-left: 4px; }
#gab-sitemap ul li a.niv1 { font-weight: bold; padding-left: 20px; }
#gab-sitemap ul li a.niv2 { padding-left: 40px; }