/* COMMUN */
html { background: url(../images/bg-html.gif) repeat-x; }
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background: url(../images/bandeau-top.jpg) center 0px no-repeat; }
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: none; color: #797979; }
a:hover { text-decoration: underline; }
	/* conteneurs */
#global { position: relative; width: 980px; height: auto; margin: 0px auto 0px auto; }
#header { position: relative; width: 980px; height: 159px; margin: 0px 0px 10px 0px; }
#conteneur { position: relative; width: 980px; height: auto; margin-top: 4px; overflow: hidden; }
#col-gauche { position: relative; float: left; width: 330px; min-height: 410px; height: auto; }
#col-centre { position: relative; float: left; width: 330px; min-height: 410px; height: auto; }
#col-droite { position: relative; float: left; width: 320px; min-height: 410px; height: auto; }
#col-contenu { position: relative; float: left; width: 650px; min-height: 400px; height: auto; padding: 0px 0px 0px 10px; margin: 10px 0px 0px -11px; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #e6e6e6; }
	/* logo */
#logo { position: absolute; top: 0px; left: 65px; width: 259px; height: 159px; background: url(../images/logo.png) no-repeat; }
#logo a { display: block; height: 100%; text-indent: -5000px; overflow: hidden; }
	/* baseline */
#baseline { position: absolute; top: 10px; left: 330px; color: #ffffff; text-align: left; font-size: 22px; font-weight: bold; padding: 4px 8px; line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg-date.png) repeat; }
	/* pictos */
#pictos { position: absolute; left: 0px; top: 121px; width: 65px; height: 30px; }
#pictos li { width: auto; float: left; }
#pictos li a { display: block; text-indent: -5000px; overflow: hidden; height: 26px; padding: 0px 6px 0px 6px; text-decoration: none; border-bottom: 4px solid #ffffff; }
#pictos li a.on { border-bottom: 4px solid #eb0024; }
#pictos li a:hover { border-bottom: 4px solid #eb0024; }
#pictos li a.home { width: 20px; background: url(../images/picto-home.gif) 6px 3px no-repeat; }
#pictos li a.contact { width: 20px; background: url(../images/picto-contact.gif) 6px 3px no-repeat; }
	/* reseaux sociaux */
#reseaux { position: absolute; top: 35px; left: 5px; width: 32px; }
#reseaux li { float: left; }
#reseaux a { display: block; text-indent: -5000px; width: 32px; height: 32px; margin-bottom: 10px; overflow: hidden; }
#reseaux a.twitter { background: url(../images/twitter.gif) 0px 0px no-repeat; }
#reseaux a.facebook { background: url(../images/facebook.gif) 0px 0px no-repeat; }
	/* bandeau sponsors */
#bandeau-sponsors { position: relative; width: 978px; height: 71px; margin-top: 10px; border: 1px solid #e6e6e6; }
#bandeau-sponsors li { float: left; }
#bandeau-sponsors a { display: block; text-indent: -5000px; overflow: hidden; }
	/* block partenaires */
#blk-partenaires { position: relative; width: 320px; height: 76px; margin: 10px 0px 0px 0px; }
#blk-partenaires div.blk { float: left; width: 106px; }
#blk-partenaires h2 { width: auto; text-align: center; font-size: 10px; color: #808080; font-weight: bold; text-decoration: underline; }
#blk-partenaires div.bandeau-part { position: relative; overflow: hidden; width: 100%; height: 64px; }
#blk-partenaires div.bandeau-part .items { width: 20000px; }
#blk-partenaires .part { display: block; float: left; width: 106px; height: 64px; text-indent: -5000px; overflow: hidden; }
	/* pied */
#pied { position: relative; top: 0px; left: 0px; width: 980px; margin: 0px auto 10px auto; text-align: center; color: #808080; padding: 10px 0px 0px 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; }
	/* espace login */
#blk-login-titre { color: #eb0024; font-size: 12px; font-weight: bold; height: 12px; }
#blk-login .input { width: 168px; height: 16px; color: #000000; font-size: 10px; float: left; margin-top: 5px; padding-left: 4px; border: 1px solid #000000; }
#blk-login .valider { display: block; width: 19px; height: 19px; overflow: hidden; float: left; margin: 4px 0px 0px 5px; border: 0px; cursor: pointer; background: url(../images/picto-fleche-fonce.png) no-repeat; }
#blk-login .valider:hover { background: url(../images/picto-fleche-rouge.gif) 0px 0px no-repeat; }
#blk-login p { clear: both; }
#blk-login .lien, #blk-login .lien:link, #blk-login .lien:visited { color: #000000; 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: 0px; margin: 6px 0px 0px 0px; }


/* NAVIGATION */
	/* nav */
#nav { position: absolute; top: 121px; left: 324px; width: 656px; height: 30px; }
#nav li { width: auto; height: 30px; float: left; text-align: center; }
#nav li a { display: block; height: 26px; line-height: 24px; color: #ffffff; font-size: 13px; font-weight: bold; padding: 0px 15px 0px 15px; text-decoration: none; border-bottom: 4px solid #ffffff; }
#nav li a:hover { border-bottom: 4px solid #eb0024; }
#nav li a.on { border-bottom: 4px solid #eb0024; }
#nav li a.on:hover { border-bottom: 4px solid #eb0024; }
	/* sous nav */
#snav { position: relative; width: 250px; height: auto; margin: 10px 0px 0px 69px; }
#snav h2 { width: auto; height: 23px; font-size: 13px; color: #ffffff; font-weight: bold; line-height: 23px; text-indent: 5px; margin-bottom: 5px; background: url(../images/degrade-fonce.gif) repeat-x; border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
#snav h2 span { display: block; width: 19px; height: 19px; float: left; margin: 2px 0px 0px 2px; background: url(../images/picto-fleche-rouge.gif) no-repeat; }
#snav > ul > li { padding: 2px 0px 2px 0px; }
#snav > ul > li > a { display: block; font-size: 13px; width: auto; height: 16px; line-height: 15px; text-indent: 10px; font-weight: bold; text-decoration: none; padding-left: 5px; }
#snav > ul > li > a.on, #snav > ul > li > a.on:link, #snav > ul > li > a.on:visited { color: #eb0024; background: url(../images/puce-rouge.gif) 3px 5px no-repeat; }
#snav > ul > li > a.off, #snav > ul > li > a.off:link, #snav > ul > li > a.off:visited { color: #4c4c4c; }
#snav > ul > li > a.off:hover, #snav > ul > li > a.on:hover { color: #4c4c4c; background: url(../images/puce-rouge.gif) 3px 5px no-repeat; }
	/* sous sous nav */
.ssnav > li { padding: 1px 0px 0px 0px; }
.ssnav > li > a { display: block; font-size: 12px; width: auto; height: 16px; line-height: 15px; text-decoration: none; padding-left: 40px; }
.ssnav > li > a.on, .ssnav > li > a.on:link, .ssnav > li > a.on:visited { color: #eb0024; }
.ssnav > li > a.off, .ssnav > li > a.off:link, .ssnav > li > a.off:visited { color: #4c4c4c; }
.ssnav > li > a.off:hover, .ssnav > li > a.on:hover { color: #eb0024; }


/* INDEX */
	/* block partenaire titre */
#blk-part-titre { position: relative; width: auto; height: auto; padding: 5px 0px 19px 0px; overflow: hidden; }
#blk-part-titre a { display: block; text-indent: -5000px; overflow: hidden; }
#blk-part-titre p { float: left; }
	/* block presentation */
#blk-presentation { position: relative; width: 318px; height: 407px; border: 1px solid #bfbfbf; background: url(../images/degrade-presentation.gif) repeat-x #ededed; }
#blk-presentation h2 { width: auto; height: 23px; font-size: 13px; color: #eb0024; font-weight: bold; line-height: 23px; text-indent: 5px; margin-bottom: 5px; background: url(../images/degrade-clair.gif) repeat-x; border-bottom: 1px solid #bfbfbf; }
#blk-presentation h2 span { display: block; width: 19px; height: 19px; float: left; margin: 2px 0px 0px 2px; background: url(../images/picto-fleche-clair.gif) no-repeat; }
#blk-presentation p { color: #4c4c4c; line-height: 15px; padding: 0px 10px 10px 10px; }
	/* block programme */
#blk-programme { position: relative; width: 320px; height: 132px; margin-top: 10px; font-size: 11px; background: url(../images/bg-programme.gif) 0px 25px no-repeat #f1f4ed; }
#blk-programme h2 { width: auto; height: 23px; font-size: 13px; color: #ffffff; font-weight: bold; line-height: 23px; text-indent: 5px; margin-bottom: 0px; background: url(../images/bg-titre-programme.gif) repeat-x; border: 1px solid #bfbfbf; }
#blk-programme h2 span { display: block; width: 19px; height: 19px; float: left; margin: 2px 0px 0px 2px; background: url(../images/picto-fleche-fonce.png) no-repeat; }
#blk-programme p { color: #eb0024; font-weight: bold; padding: 10px 10px 0px 85px; }
#blk-programme ul { list-style-image: url(../images/puce-noir.gif); margin: 5px 0px 10px 130px; color: #4c4c4c; font-weight: bold; }
#blk-programme ul a { color: #4c4c4c; }
#blk-programme .mea { padding-top: 10px; text-transform: uppercase; }
#blk-programme .mea a { color: #eb0024; }
	/* block actualites */
#blk-actus { position: relative; width: 320px; height: 323px; margin: 0px 0px 0px 0px; }
#blk-actus h2 { width: auto; height: 23px; font-size: 13px; color: #eb0024; font-weight: bold; line-height: 23px; text-indent: 5px; margin-bottom: 5px; background: url(../images/degrade-clair.gif) repeat-x; border: 1px solid #bfbfbf; }
#blk-actus h2 span { display: block; width: 19px; height: 19px; float: left; margin: 2px 0px 0px 2px; background: url(../images/picto-fleche-clair.gif) no-repeat; }
#blk-actus .actus { position: relative; height: 266px; overflow: hidden; }
#blk-actus .picto-rss { position: absolute; top: 3px; right: 3px; }
div.items { position: absolute; }
div.actu { width: 320px; height: 86px; clear: both; border-bottom: 1px dashed #b2b2b2; }
div.actu h3 { height: 32px; font-size: 12px; color: #000000; font-weight: bold; padding-top: 5px; overflow: hidden; }
div.actu img { float: left; margin-right: 10px; margin-top: 5px; border: 1px solid #d0d0d0; }
div.actu p { height: 41px; font-size: 11px; margin-top: 1px; overflow: hidden; }
div.actu p span { color: #eb0024; }
div.actu a { position: absolute; right: 0px; font-size: 10px; color: #000000; font-style: italic; }
#actu-plus { position: relative; width: 318px; height: 23px; margin-top: 2px; border: 1px solid #bfbfbf; background: url(../images/degrade-clair.gif) repeat-x; }
#actu-plus a.disabled { visibility: hidden !important; }
#btn-actu-moins, #btn-actu-plus { display: block; height: 19px; line-height: 18px; color: #666666; white-space: nowrap; font-size: 11px; font-weight: bold; text-decoration: none; }
#btn-actu-moins { position: absolute; top: 2px; left: 2px; text-align: left; padding-left: 25px; background: url(../images/picto-fleche-gauche.gif) left 0px no-repeat; }
#btn-actu-moins:hover { color: #1f2123; background: url(../images/picto-fleche-gauche.gif) left -19px no-repeat; }
#btn-actu-plus { position: absolute; top: 2px; right: 2px; text-align: right; padding-right: 25px; background: url(../images/picto-fleche-droite.gif) right 0px no-repeat; }
#btn-actu-plus:hover { color: #1f2123; background: url(../images/picto-fleche-droite.gif) right -19px no-repeat; }


/* CONTENU */
	/* page interieur */
#conteneur h1.titre { color: #eb0024; font-size: 16px; height: 24px; line-height: 23px; font-style: italic; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #eb0024; text-indent: 14px; background: url(../images/puce-rouge.gif) 0px 10px no-repeat; }
#conteneur strong.noiritalic { color: #000000; font-style: italic; }
#conteneur strong.intertitrenoir { font-size: 14px; color: #000000; }
#conteneur strong.intertitrerouge { font-size: 14px; color: #db021b; }
#conteneur strong.intertitrevert { font-size: 14px; color: #27871e; }
#conteneur strong.texteblanc { color: #ffffff; }
#conteneur span.legende { font-size: 10px; color: #c4c4c4; }
#conteneur div.chapeau, #conteneur p.chapeau { text-align: justify; padding-left: 14px; margin: 0px 0px 10px 0px; color: #4c4c4c; font-style: italic; overflow: hidden; }
#conteneur .article { padding-left: 14px; }
#conteneur .article p { text-align: justify; padding-bottom: 10px; color: #000000; }
#conteneur .article ul { list-style-image: url(../images/puce-noir.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 { width: 223px; height: auto; float: right; margin: 0px 0px 5px 25px; text-align: left; font-style: normal; border: 1px solid #bfbfbf; background: url(../images/degrade-presentation.gif) repeat-x #ededed; }
#conteneur div.docs h3 { width: auto; height: 23px; font-size: 11px; color: #666666; font-weight: bold; line-height: 23px; text-indent: 5px; margin-bottom: 5px; background: url(../images/degrade-clair.gif) repeat-x; border-bottom: 1px solid #bfbfbf; }
#conteneur div.docs h3 span { display: block; width: 19px; height: 19px; float: left; margin: 2px 0px 0px 2px; background: url(../images/picto-fleche-clair.gif) no-repeat; }
#conteneur div.docs ul { list-style-image: none; margin: 3px 5px 5px 5px; }
#conteneur div.docs li { line-height: 18px; }
#conteneur div.docs a, #conteneur div.docs a:link, #conteneur div.docs a:visited { color: #4c4c4c; font-size: 11px; text-decoration: none; font-weight: normal; }
#conteneur div.docs a:hover { text-decoration: underline; }
	/* margin-bottom 10px */
#conteneur .bottom8 { margin-bottom: 8px; }
	/* margin-right 10px */
#conteneur .right8 { margin-right: 8px; }
	/* margin-left 10px */
#conteneur .left8 { margin-left: 8px; }
	/* margin-top 10px */
#conteneur .top8 { margin-top: 8px; }


/* FORMULAIRE */
#gab-form-contact { width: auto; height: auto; padding-top: 10px; }
.blk-form { display: none; }
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; }


/* GABARITS */
	/* sitemap */
#gab-sitemap { width: auto; height: auto; padding: 0px 0px 5px 0px; }
#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; }
	/* actualités */
div.actualites { position: relative; clear: both; height: auto; border-bottom: 1px dashed #b2b2b2; overflow: hidden; }
div.actualites h2 { font-size: 15px; font-weight: bold; }
div.actualites h2 span { font-size: 9px; font-weight: normal; color: #2a7910; }
div.actualites img { float: left; margin-right: 5px; margin-bottom: 10px; border: 1px solid #d0d0d0; }
div.actualites p { padding-bottom: 10px; }
div.actualites a, div.actualites a:link, div.actualites a:visited { position: absolute; right: 0px; font-size: 10px; color: #eb0024; font-style: italic; }
	/* pagination */
p.pagination { width: auto; height: 15px; text-align: center; font-size: 11px; font-weight: bold; margin: 10px 0px 10px 0px; color: #666666; border: 1px solid #bfbfbf; background: url(../images/degrade-clair.gif) repeat-x #ededed; }
p.pagination a, p.pagination a:link, p.pagination a:visited { position: absolute; font-weight: normal; color: #666666; text-decoration: none; }
p.pagination a:hover { color: #1f2123; }
p.pagination a.first { left: 25px; }
p.pagination a.previous { left: 105px; }
p.pagination a.last { right: 25px; }
p.pagination a.next { right: 105px; }
	/* photos */
#gab-photos { width: auto; height: auto; color: #666666; padding: 0px 0px 5px 0px; }
#gab-photos div.photos { float: left; width: 208px; height: 162px; margin-bottom: 6px; overflow: hidden; border: 1px solid #bfbfbf; background-color: #fafafa; }
#gab-photos div.photos td { width: 210px; 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: #ffffff; background: url(../images/degrade-fonce.gif) bottom repeat-x; border-top: 1px solid #bfbfbf; }
#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; }
	/* sponsors */
div.gab-sponsors { clear: both; overflow: hidden; padding-top: 6px; }
div.sponsors { float: left; width: 153px; height: 85px; margin-bottom: 6px; overflow: hidden; border: 1px solid #ffffff; }
div.sponsors td { width: 153px; height: 85px; text-align: center; vertical-align: middle; }
div.sponsors img { border: 0px; }
	/* diaporama */
#gab-diaporama { width: auto; height: auto; color: #666666; padding: 0px 0px 5px 0px; }
#gab-diaporama div.diapo { float: left; width: 156px; height: 85px; margin-bottom: 6px; overflow: hidden; border: 1px solid #bfbfbf; background-color: #fafafa; }
#gab-diaporama div.diapo td { width: 156px; height: 85px; text-align: center; vertical-align: middle; }
#gab-diaporama div.diapo span { display: block; height: 20px; font-size: 9px; text-align: left; text-indent: 4px; line-height: 22px; color: #ffffff; background: url(../images/degrade-fonce.gif) bottom repeat-x; border-top: 1px solid #bfbfbf; }
#gab-diaporama div.diapo img { border: 0px; }
	/* presentation */
#gab-programme { width: auto; height: auto; padding: 0px 0px 10px 0px; }
#gab-programme .italic { font-style: italic; }
#gab-programme .gras { font-weight: bold; }
#gab-programme .blanc { color: #ffffff; }
#gab-programme .bgris { background-color: #f4f4f4; }
#gab-programme .tcenter { text-align: center; }
#gab-programme table td { padding: 2px 5px; }