/* ======================================================
   GLOBAL RESET
====================================================== */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal } /*ne pas mettre em et strong dans cette ligne VT*/
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
q:before, q:after { content:''}

strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { margin:0; padding:0; list-style-type:disc; }

html>body * a { position:relative }  /* Gets links displaying over a PNG background, html>body n'est pas compris par IE6 */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* ======================================================
   GENERIQUE
====================================================== */
html { width:100%; }
body { width:100%; font-family:arial, helvetica, sans-serif; font-size:13px; color:#3a0000; line-height:17px; text-align:left; background:#fefef5 url('images/template/fdhome.png') top left repeat-y; }

h1 { padding:0 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:normal; color:#3A0000; font-size:20px; line-height:18px; }
h2 { padding:0.5em 0 0.2em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#3A0000; font-size:15px; line-height:18px; }
h3 { padding:0.7em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:normal; color:#aa5652; font-size:15px; line-height:18px; }
h4 { display:inline; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#aa5652; font-size:13px; line-height:18px; }
h5 { padding:0.5em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#3A0000; font-size:13px; line-height:18px; }
h6 { padding:0.5em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#3A0000; font-size:13px; line-height:18px; }

h1 img { vertical-align:middle; text-decoration:none; margin-right:10px; }
h2 a { font-size:13px; }

a { color:#aa5652; font-weight:normal; text-decoration:underline }
a:link { color:#aa5652; font-weight:normal; text-decoration:underline }
a:focus { color:#720909; font-weight:normal; text-decoration:underline }
a:hover { color:#720909; font-weight:normal; text-decoration:underline }

p { padding:0.2em 0 0.3em 0; }
hr { margin:10px 0 10px 0; height:1px; line-height:1px; border:none; background-color:#fec533; }
img, a img { border:none; text-decoration:none; }
table { border:none; text-align:top; border-collapse:collapse }
th { display:none; } 
td { padding:4px; vertical-align:top; font-family:arial, helvetica, sans-serif; font-size:13px; }
ul { margin:10px; }
li { margin-left:10px; }
blockquote { margin-left:40px; color:#aa5652; font-style:italic; }

/* ======================================================
   BLOCS COMMUNS
====================================================== */
#accessibility { display:none; margin:0 auto 0 auto; padding:0 20px; width:900px; height:30px; line-height:30px; color:#888; background-color:#f1f1f1; text-align:right }
#accessibility a { color:#888; background:none; text-decoration:none; }
#accessibility a:hover, #accessibility a:focus { color:#222; background:none; text-decoration:none; }

#logo { position:absolute; top:15px; left:31px; width:152px; height:158px; margin:0; padding:0; z-index:100; }
#logo a { background:none; text-decoration:none; }

#content { padding:110px 0 0 270px; min-width:700px; max-width:800px; margin-right:20px; }
#content.home { padding: 30px 0 0 270px; min-width:720px; min-height:700px; }
#content.interne { padding: 30px 0 0 30px; max-width:1000px; background:#fefef5; }

#options { position:absolute; top:0; right:0; width:116px; height:38px; background:transparent url('images/template/fond_bt.gif') top left no-repeat;}
#options a { display:block; float:left; width:24px; height:24px; margin: 7px 0 0 12px; }
a.bthome { background:transparent url('images/template/bthome.png') top left no-repeat; text-indent:-9999px; }
a.bthome:hover { background-position:-24px 0px; }
/*a.addthis_button_compact { background:transparent url('images/template/btsend.png') top left no-repeat; text-indent:-9999px; }
a.addthis_button_compact:hover { background-position:-24px 0px; }*/
a.btrss { background:transparent url('images/template/btrss.png') top left no-repeat; text-indent:-9999px; }
a.btrss:hover { background-position:-24px 0px; }

#footer { position:absolute; top:0; left:0; width:214px; height:800px; text-align:left; z-index:0; }
#footer.img1 { background:transparent url('images/template/imgpage1.jpg') top left no-repeat; }
#footer.img2 { background:transparent url('images/template/imgpage2.jpg') top left no-repeat; }
#footer.img3 { background:transparent url('images/template/imgpage3.jpg') top left no-repeat; }
#footer.img4 { background:transparent url('images/template/imgpage4.jpg') top left no-repeat; }
#footer.img5 { background:transparent url('images/template/imgpage5.jpg') top left no-repeat; }
#footer #copyright { position:absolute; top:718px; width:214px; height:32px; font-size:12px; line-height:15px; padding:50px 0 0 4px; color:#ca9795; background:transparent url('images/template/transparent.png') top left no-repeat; z-index:100; }
#footer #copyright a { color:#ca9795; background:none; text-decoration:none; }
#footer #copyright a:hover, #footer #copyright a:focus { color:#ca9795; background:none; text-decoration:none; }

/* ======================================================
   MENU - SOUS MENU
====================================================== */
ul#menu, ul#menu li { list-style-type:none; margin:0; }
ul#menu { width:214px; height:600px; padding-top:220px; background:transparent url('images/template/fond_menu.png') top center no-repeat; z-index:100; }
ul#menu li { width:166px; height:28px; margin:0 0 0 23px; padding:0; text-align:left; }
ul#menu li a { display:block; width:131px; height:21px; margin:0 0 0 8px; padding: 7px 0 0 21px; font-size:15px; color:#111; text-decoration:none; }
ul#menu li a:focus, ul#menu li a:hover { background-color:#fdfeb8; color:#111; text-decoration:none; }
ul#menu li.current { background:transparent url('images/template/bt_hover.png') top center no-repeat; color:#444; text-decoration:none }
ul#menu li.current a:focus, ul#menu li.current a:hover { background:none; }

/* ======================================================
   HOMEPAGE
====================================================== */
#actualites { clear:both; width:311px; margin:40px 0 40px 0; padding:0; float:left; }
#agenda { width:335px; min-height:85px; float:right; margin:40px 0 40px 0; padding:20px; background:transparent url('images/template/fdagenda.png') top center no-repeat; }
#agenda table tr td { padding-right:20px; }
#activites { min-width:720px; clear:both; }
#activites a { display:block; float:left; width:311px; height:24px; line-height:24px; margin-bottom:20px; color:#aa5652; font-weight:normal; text-decoration:none; }
#activites a:focus, #activites a:hover { text-decoration:underline; }
#activites a.right { float:right; margin:0 60px 20px 0; }
#activites a img { vertical-align:middle; text-decoration:none; margin-right:10px; } 
#horaires { width:281px; height:80px; padding:5px 10px 10px 20px; float:left; margin: 20px 0 40px 0; background:transparent url('images/template/fdjaune.png') bottom center no-repeat; color:#aa5652; }
#horaires table tr td { margin:0; padding:0 20px 0 0; }
#mailing { width:271px; height:70px; padding:5px 10px 10px 30px; float:right; margin: 30px 60px 40px 0; background:transparent url('images/template/fdjaune.png') top center no-repeat; color:#aa5652; }
#mailing h3 { margin-bottom:10px; }
#membres { color:#aa5652; clear:both; width:680px; height:30px; padding:10px 20px; border-left: 1px solid #fec533; border-top: 1px solid #fec533; border-right: 1px solid #fec533; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
#membres form { display:inline; }
#membres form label { margin-left:20px; }

/* ======================================================
   CLASSES
====================================================== */
.clearing {clear:both; }
.toleft { float:left; padding-right:10px; }
.toright { float:right; padding-left:10px; }
.invisible { display:none; }
.small { font-size:11px; }
.smallgras { font-size:11px; font-weight:bold; }
.smallrose { line-height:20px;color:#aa5652;font-size:11px; }
.smallgris { line-height:20px;color:#969696;font-size:12px;font-weight:bold; }
.imgicn { vertical-align:middle; text-decoration:none; margin-right:10px;  }
.imgslogan { float:right; margin:30px 0 10px 10px; }

a.link img, a.linkcurrent img { vertical-align:middle; text-decoration:none; margin-right:10px; }
a.link { display:block; float:left; width:350px; height:24px; line-height:24px; margin-bottom:20px; color:#aa5652; font-weight:normal; text-decoration:none }
a.link:link { color:#aa5652; font-weight:normal; text-decoration:none }
a.link:focus { color:#720909; font-weight:normal; text-decoration:underline }
a.link:hover { color:#720909; font-weight:normal; text-decoration:underline }
a.linkcurrent { display:block; float:left; width:350px; height:24px; margin-bottom:20px; line-height:24px; color:#aa5652; font-weight:bold; text-decoration:none }

.signature { display:block; padding:0px; font-size:10px; line-height:12px; text-transform:none }
.legend { display:block; padding:2px 5px 15px 5px; color:#666; font-size:11px; line-height:14px; }

/* ======================================================
   FORMULAIRES
====================================================== */
form { margin:0 0 10px 0; }
form.long { border: 1px solid #fec533; padding:20px 10px 20px 10px; width:680px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
fieldset { padding: 1em; margin: 0 0 1em 0; border: 1px solid #fec533; width:500px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
legend { font-weight: bold; color: #aa5256; padding: 5px 5px 5px 5px; }
label { margin: 0; padding: 0; vertical-align:top; line-height:20px; font-weight:normal; }
form p { margin: 0.5em 0; padding: 0; }
.checkbox { margin-right:5px; }
form p label { float:left; width:140px;	height:25px; text-align: left; white-space: no wrap; }
.formfield { border: 1px solid #fec533; font-size:12px; width:340px; height:20px; line-height:14px; padding:0px 0px 0px 5px; COLOR: #333; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formfieldcourt { border: 1px solid #fec533; font-size:12px; width:145px; height:18px; line-height:14px; padding:0px 0px 0px 5px; COLOR: #333; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formfieldmoyen { border: 1px solid #fec533; font-size:12px; width:200px; height:18px; line-height:14px; padding:0px 0px 0px 5px; COLOR: #333; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formfieldlong { border: 1px solid #fec533; font-size:12px; width:255px; height:20px; line-height:14px; padding:0px 0px 0px 5px; COLOR: #333; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
textarea { border: 1px solid #fec533; padding:0px 5px 0px 5px; font-size: 12px; width:340px; height:100px; cursor: hand; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formbutton { border: none; font-weight:normal; font-size: 14px; width:100px; height:22px; line-height:24px; cursor: hand; color: #fff; background-color: #3a0000; padding:0 0 3px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formbutton:hover, .formbutton:focus { color:#fec533 }
.formbuttonjaune { border:none; font-weight:normal; font-size:12px; width:70px; height:20px; line-height:20px; cursor: hand; color: #fff; background-color: #fec533; margin:0 0 0 10px; padding:0 0 3px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formbuttonjaune:hover, .formbuttonjaune:focus { color:#720909 }
.formbuttoncourt { border:none; font-weight:normal; font-size:12px; width:30px; height:20px; line-height:20px; cursor: hand; color: #fff; background-color: #fec533; padding:0 0 3px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.formbuttoncourt:hover, .formbuttoncourt:focus { color:#720909 }

/****************************************************************/
/*                      SPECIAL STYLES                          */
/****************************************************************/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#282828; padding:0;}
/*#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}*/
#cboxLoadingOverlay{background:#282828;}
#cboxTitle{display:none;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext {text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{position:absolute; top:-22px; right:0; padding:0 20px 0 10px; width:40px; height:22px; line-height:22px; background:transparent url('images/template/bt-closewindow-over.png') top left no-repeat; text-align:left; color:#fff; font-size:12px; text-decoration:none; text-transform:capitalize }
#cboxClose.hover{background-image:url('images/template/bt-closewindow.png'); color:#fff; text-decoration:none }
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}