/* Start of CMSMS style sheet 'main' */
@charset "UTF-8";
/*
 ABEFORCAL MAIN CSS
 
 1. RESET (Used to make a sure and reliable cross-browsers CSS)
 2. PRINT + HANDHELD(Used for printing and mobile phone)
 3. QUICK (Usefull class)
 4. INIT (Initialise default title, list,  etc...)
 4.1 INIT ALL (Initialise title, blockquote, list, etc...)
 4.2 INIT IMAGE (Initialise all elements will use background sprite image)
 5. FONT (Used to put font-family)
 6. HEAD (Header, skip because it's easier for searching)
 7. WRAP (Wrapper, same)
 7.1 WRAP FRONT (Wrapper used for the frontpage, usualy index.html)
 7.2 WRAP INTERN (Wrapper used for internal pages)
 8. FOOT (footer, same)
 
 Pepper & Koffee default CSS - version 1
*/

/* 1. RESET - Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* 2. PRINT + HANDHELD */
@media print
{
 body *{background: none !important;}
 .accessibility,#menu{display: none;}
}

@media handheld
{

}

/* 3. QUICK */
.accessibility,.accessibility li{position:absolute;text-indent:-9999px;background: none; width: 0;}
.menu-horizontal-static-left ul,.menu-horizontal-static-right ul{height:1.5em;}
.menu-horizontal-static-left li{float:left;margin:0 15px 0 0;}
.menu-horizontal-static-right li{float:right; margin:0 0 0 15px;}
.menu-horizontal-static-center ul{text-align:center;}
.menu-horizontal-static-center li{display:inline;}
.clear-menu-horizontal{clear:both;}
.clear {clear:both;width:100%;text-indent: -9999px;background: none;}

/* 4.1 INIT ALL */
body * {font-size: 1em; color: #6a6460; outline: none;} /* A SUPPRIMER PARCE QUE SA CREE DES PROBLEMES! */
#page{width: 1000px;margin: 0 auto;position: relative;}
#container{min-width: 1000px; position: relative; left: -10px;}
em{font-style: italic;}
strong{font-weight: bold;}
a:link,a:active,a:focus,a:visited{color: #3faded;}
a:hover{color: #2e9fe0; text-decoration: none;}
blockquote{
 padding: 0 0 0 60px;
 margin: 17px 0 25px 0;
 background-repeat: no-repeat;
 background-position: -963px -244px;
}
abbr{cursor: help;}
.button-forcal{display: block; height: 22px;}
#content ul li p{padding: 0; margin: 0;}
#content ul li{
 margin: 0 0 0 -15px;
 padding:0 0 5px 15px !important;
 background-repeat: no-repeat;
 background-position: -992px -399px;
}
#content ul ul{margin: 0 0 0 15px;}
#content ol li{list-style-type: decimal;}
#content ul ul li{background-position: -992px -579px;}

#accessibility-menu{
 top: 85px;
 width: 100%;height: 122px;
 background-repeat: repeat-x; background-position: 0 -55px;
}
#accessibility-header{
 width: 65%; height: 183px;
 top: 43px; left: 50%;
 background-position: 0 -447px;
 z-index: 6;
 margin: 0 0 0 -184px;
 min-width: 680px; max-width: 719px;
}

#content h2{ padding-bottom: 15px !important; }
#content h3{ padding-bottom: 10px !important; }
#content h4{ padding-bottom: 5px !important; }

/* 4.2 INIT IMAGE */
#content ul li,#accessibility-menu,#header-home,#header h2,#accessibility-header,#menu h3,#menu li a:link,#menu li a:active,#menu li a:visited,#menu li a:hover,#menu li a:focus,#accessibility-header,#header input,#intro-links,.button-forcal,#event-newsletters h2,#newsletters input,#footer h2,#accessibility-footer,#footer,#wrapper-top,blockquote,.block-forcal-header, .form-field input,#member-submit, .forum-index-name-icon,.forum-create a, .forum-reply a, #links-list a, .fbinput{
 background-image: url('/images/abeforcal_sprite.png');
}

/* FONT */
h1,h2,h3,h4,h5,h6,blockquote,#member-text,#wrapper-frontpage #content h4,#newsletters label,#menu li a{font-family: Georgia;}
blockquote{font-style: italic;}
#member-text{font-size: 1.154em;/* 15px */color: #69c5fa;}
#intro h2, #content h3, #wrapper-internal h1 {font-size: 2.308em;/* 30px */ line-height:1; color: #69c5fa;}
#wrapper-internal h2{font-size: 1.846em; color: #585350;}
#wrapper-internal h3{font-size: 1.538em; color: #585350;}
#wrapper-internal h4{font-size: 1.385em; color: #6a6460;}
#wrapper-internal h5{font-size: 1.154em; color: #69c5fa; font-weight: bold;}
#wrapper-internal h6{font-size: 1.077em; color: #6a6460; font-weight: bold;}
#wrapper-frontpage #content h4{font-size: 1.538em; color: #585350; line-height:1.1;}
#wrapper-top a:link, #wrapper-top a:visited, #wrapper-top a:active, #wrapper-top a:focus{color: #70d049; text-decoration: none;}
#wrapper-top a:hover {color: #70d049; text-decoration: underline;}
#footer p, #footer abbr, #footer span {font-size: 0.923em; /* 12px */color: #fff;}
#footer #policy a, #footer #policy a:link, #policy a:active, #policy a:visited {color: #fff;}
#policy a:hover {color: #fff; text-decoration: none;}
#newsletters input{font-size: 1.077em;}
.button-forcal, button-forcal:link, button-forcal:visited, button-forcal:active, button-forcal:hover, button-forcal:focus{font-family: Georgia; font-size: 1.077em; color: #fff; text-decoration: none;}
#newsletters label{font-size: 1.385em; /* 18px*/}
#menu li a{
 font-size: 1.846em;/* 24px */
 line-height:1;
 color: #111;
 text-decoration: none;
 text-indent: 21px;
 text-transform: lowercase;
 font-variant: small-caps;
 cursor: pointer;
}
#menu li span{
 font-family: Arial;
 font-size: 0.5em;/* 12px */
 color: #585350;
 padding: 3px 0 0 0;
 margin: 0 0 0 21px;
 text-transform: none;
 font-variant: normal;
}
#menu li a:active, #menu #menu-active a, #menu li a:active span, #menu #menu-active a span {color: #fff;}
sup{color: inherit;font-size: 0.667em; /* 8px */vertical-align: text-top}
#content{text-align: justify;line-height: 1.35;}
.block-forcal *,.block-forcal h4, .block-forcal a:link, .block-forcal a:visited,.block-forcal a:active {color: #fff !important;}
.button-forcal:link,.button-forcal:active,.button-forcal:hover,.button-forcal:visited,.button-forcal:focus {color: #fff;}
.event-more button{font-size: 0.846em;color: #3faded;}
.event-more button:hover{color: #2e9fe0;}
.event-all-date{font-size: 0.846em;color: #c3c3c3;}
.menu-header {
 color:#3FADED;
 font-size: 1.385em;
 font-variant:small-caps;
 line-height:1;
 text-decoration:none;
 text-transform:lowercase;
 font-family: Georgia;
}
.member-logout-welcome {font-family:Georgia;color:#3FADED;}

/* HEADER */
#header{height: 230px; position: relative;}
#clear-header{
 height: 122px;
 background-repeat: repeat-x; background-position: 0 -55px;
}
#header-home{
 display: block;
 text-indent: -5000px;
 margin: 0 0 0 56px;
 position: relative; top: 5px; z-index: 6;
 width: 260px; height: 112px;
 background-position: -319px -202px;
}
#header h2{
 top: 6px;
 position: relative; z-index: 7;
 width: 100%; height: 2px;
 background-position: 0 -690px;
}
#header form{
 top: 3px; right: 47px;
 position: absolute; z-index: 8;
}
#header legend, #header label{position: absolute;text-indent: -9999px; width: 0;}
#member-text{float: left; padding: 2px 15px 0 0; cursor: help;}
#header input{
 border: 0;
 padding: 3px 8px 0 8px;
 width: 65px; /* 81px - 8px -8px*/ height: 18px; /* 21px - 3px = 18px*/
 background-position: -606px -176px;
}
#header #member-submit{
 position: relative;
 text-indent: -9999px;
 top: 7px; left: 5px;
 width: 6px; height: 5px;
 background-position: -992px -584px;
 cursor: pointer;
}
#header #member-logout {
 position:absolute;
 right:53px;
 top: 25px;
 z-index:8;
}
#member-logout-param{margin: 0 7px 0 0;}

/* WRAPPER */
/* MENU */
#menu{
 float:left;
 width: 316px;
 position: relative; top: -87px;
}
#menu h3{
 text-indent: -9999px;
 height: 145px;
 background-position: 0 -237px;
}
#menu li a:link, #menu li a:visited {
 padding: 11px 0 0 0;
 display: block;
 width: 261px;height: 38px; /* 49px - 11px */
 margin: 1px 0 0 55px;
 background-position: 0 -692px; /* -58px -188px; */
}
#menu li span{display: block;padding: 0 39px 0 0;}
#menu li a:link span, #menu li a:visited span {position: absolute; text-indent: -9999px; height: 0;}
#menu li a:hover,#menu li a:focus{
 padding: 11px 0 0 0;
 display: block;
 width: 261px; height: 57px; /* 68px - 11px */
 margin: 1px 0 0 55px;
 background-position: -749px -176px;
}
#menu li a:hover span ,#menu li a:focus span, #menu li a:active span, #menu #menu-active a span{position: static; text-indent: 0;}
#menu li a:active, #menu #menu-active a{
 display: block;
 width: 261px;height: 57px; /* 68px - 11px */
 margin: 1px 0 0 55px;
 background-position: -374px -314px;
}
.menu-header{margin: 19px 0 3px 56px;}
#wrapper-internal #menu h3 {padding: 0;}
/* END MENU */
#content{width: 684px;margin: -15px 0 45px 0;float: left;position: relative; z-index: 7;}
#content-container{padding: 0 45px 0 30px;}
#wrapper-top{
 width: 49px; height: 18px;
 margin:0 0 0 900px;
 background-position: -820px -244px;
}
#wrapper-top a{
 display: block;
 text-align: center;
 position: relative; z-index: 9;
 text-indent: 0;
 padding: 28px 0 0 0;
}

/* 7.1 WRAP FRONT */
#intro{position: relative; z-index: 6;}
#intro h2{
 float: left;
 padding: 0 10px 0 0;
}
#intro-text{margin: 0 0 10px 0; position: relative; z-index: 1;}
#intro-links{
 position: relative; left:-30px;
 padding: 25px 0 0 30px;
 margin: -25px 0 20px 0;
 width: 650px; height: 39px; /* 64px - 25px du padding = 39*/
 background-position: 0 -382px;
}
#intro-member{
 float: left;
 width: 148px;
 text-align: center;
 padding: 3px 8px 0 0; /* 156 - 8 = 146px*/
 background-position: -821px -341px;
}
#intro-info{
 margin: 0 0 0 15px;
 float: left;
 width: 122px; /* 128 - 8px = 120*/
 text-align: center;
 padding: 3px 6px 0 0;
 background-position: -821px -316px;
}
.event{margin: 10px 0 15px 0;}
#event-newsletters h2{
 width: 185px; height: 150px;
 background-position: -635px -244px;
 margin: 0 0 -130px 245px;
 text-indent: -9999px;
}
#events{width: 45%; float: left; text-align: left;}
#events h4{margin: 0 0 10px 0;}
#event-archive a{
 text-align: center;
 margin: 22px 0 0 0;
 height: 22px; /* 25px-3px = 22px*/width: 94px; /* 105 - 4px + 101px*/
 padding: 3px 10px 0 0;
 background-position: -583px -202px;
}
.event-more{display: block;}
.event-more button{
 cursor: pointer;
 border: 0; background: 0;
 padding: 0; margin: 3px 0 0 -3px;
}
#content .event-body{display: none; background: none;}
#newsletters h3{text-align: right;}
#newsletters-explain{text-align: right;margin: 25px 0 0 0;}
#newsletters-explain{padding: 0 0 15px 380px;}
#newsletters legend{position: absolute; text-indent: -9999px; width: 0;}
#newsletters label{
 display:block;
 float:left; clear:left;
 margin: 0 0 13px 0;
 padding: 2px 0 0 0;
 width: 117px; height:28px;
 text-align: right;
 cursor: help;
 position: relative;
}
#newsletters input, .form-field input{
 display:block;
 float:right;
 border: 0;
 padding: 6px 8px 0 8px;
 margin: 0 0 15px 0;
 width: 161px; /* 177px - 16px = 161px */ height: 22px;/* 28px - 6px = 22px */
 background-position: -820px -366px;
 position: relative;
}
#newsletters #newsletters-submit{
 cursor: pointer;
 text-align: center;
 padding: 0 6px 0 0;
 height: 25px;
 height: 25px;
 width: 105px; /* 105- 4px = 101px*/
 background-position: -581px -202px;
}
#newsletters .hidden{position:absolute;text-indent:-9999px;background: none;}
#newsletters .hidden input{position:absolute;text-indent:-9999px;background: none;}
/* 7.2 WRAP INTERN */
#wrapper-internal p{padding: 0 0 10px 0;}
#wrapper-internal h1{padding: 0 0 6px 0;}
#wrapper-internal h2{padding: 0 0 5px 0; line-height: 1;}
#wrapper-internal h3{padding: 0 0 3px 0;}
#wrapper-internal h4{padding: 0 0 2px 0;line-height: 1;}
#wrapper-internal h5{padding: 0 0 1px 0;}
.block-forcal{
 position: relative;
 background-color: #69c5fa;
 padding: 13px 30px 4px 39px;
 margin: 5px 0 10px 0;
 min-height: 36px;
}
.block-forcal.right{
 margin: 5px 0 10px 10px;
}
.block-forcal-header{
 position: absolute;
 top: 0; left: 0;
 width: 32px; height: 36px !important;
 background-position: -869px -244px;
}
.half{width: 250px;float: left;}
#content ul li,
#links-list a{
 margin: 0 0 0 -15px;
 padding:0 0 0 15px;
 background-repeat: no-repeat;
 background-position: -992px -399px;
}
#content ul.no-style li{
margin:0;
padding: 0;
background: none;
}
.event-all{margin: 15px 0;}
.event-all ul {margin: 0 0 0 30px;}
.archive{margin-bottom: 17px;}
#wrapper-internal .event-all-date{margin-top: -4px;padding: 0 0 5px 0;}
.event-all-pagecount{text-align: center;}
.form-field{padding: 0 0 30px 0; clear: both;}
.form-field label{display: block; float: left;width: 190px;text-align: left;}
.form-field span{display: block; float: left;}
.form-field input, .form-field select{float: left;}
.form-field input{width: 161px;}
.form-field select{margin: 0 0 15px 0; width: 180px;}
#form-infos{width: 35%;float: left; padding:28px 0 0;}
#m4moduleform_2 legend,#m4moduleform_1 legend{position: absolute;text-indent: -9999px;}
.form-field label{font-size:1.154em; font-family:Georgia; cursor: help;}
#wrapper-internal #m4moduleform_2 h4,#wrapper-internal #m4moduleform_1 h4{margin: 13px 0 7px 0; color: #69C5FA;}
#wrapper-internal #m4moduleform_2 p, #wrapper-internal #m4moduleform_1 p{padding: 0 27px 10px 0;}
#wrapper-internal #memberYes input, #wrapper-internal #newsletter input{margin: 0 15px 0 0; width: 50px;}
#wrapper-internal #memberYes label, #wrapper-internal #newsletter label{width: 200px; width: 318px;}
#m4moduleform_2,#m4moduleform_1{width: 65%;float: left;}
#member-subscribe-submit {
 cursor:pointer;
 height:25px;
 background-position:-821px -316px;
 float:left;
 margin:19px 0 14px 0;
 padding:0 6px 0 0;
 text-align:center;
 width:129px;
 border: 0;
}
.quart{float:left;width:179px;}
.price { font-size: 1.3em; font-weight: stronger; font-family: Georgia; }
#form-infos .block-forcal {padding:15px 15px 4px 20px; text-align: right;}
#form-infos .block-forcal-header {text-align: left; text-indent: -9999px;padding: 0 !important;height: 33px;}
.block-forcal-header{padding: 0 !important; height: 26px; }
#member-two{clear: both; text-align: left;}
#wrapper-internal #block-forcal-cotisation{color: #fff; text-align: right;margin-bottom: 8px;}
#wrapper-internal #block-forcal-compte{
 display: block;
 font-size: 1.692em;
 text-align: center;
 margin: 10px 0 7px 0;
 font-family: Georgia;
}
#wrapper-internal #block-forcal-compte-big{
 display: block;
 font-size: 2.462em;
 text-align: center;
 margin: 10px 0 7px 0;
 font-family: Georgia;
}
#member-another{font-size: 0.846em;}
#m4moduleform_2, #m4moduleform_1{margin-top: 10px;}
#wrapper-internal #form-error p {
color:#C72323;
font-family:Georgia;
font-size:1.154em;
font-weight:bold;
}
.block{ margin-bottom: 20px; }

/* FOOTER */
#footer{
 position: relative;
 height: 60px;
 margin-bottom: -40px;
 background-position: 0 -630px;
}
#accessibility-footer{
 text-indent: -9999px;
 width: 100%; height: 54px;
 background-position: 0 0;
}
#clearr{clear: both; width: 100%;}
#footer h2{
 position: absolute;
 text-indent: -9999px;
 top: -162px; right: 110px;
 width: 259px; height: 236px;
 background-position: -719px -394px;
}
#policy{
 text-align: center;
 padding:48px 0 0;
 position:relative;
}
/* END FOOTER */

/* FORUM */

#no-access p{ 
border: 1px solid #922B22;
background: #FF837A;
color: #922B22;
line-height: 2em !important;
padding: 5px 
}
#no-access p strong{
color: black;
}
#no-access a{
color: black;
}

#forum{text-align: left;}
#forum-index-header{height: 17px; margin-top: 10px; padding:6px; clear: both;}

#forum-index-header div{
 float: left;
 font-size: 1.154em;
 font-family: Georgia;
 font-variant:small-caps;
 text-transform:lowercase;
}

.forum-index-name{width: 250px;}
.forum-index-sujet{width: 55px; text-align: center;}
.forum-index-message{width: 95px; text-align: center;}
.forum-index-lastmessage{width: 195px;}

.forum-index-forums div{float: left;}
.forum-index-forums{clear: both; padding:6px;}
.forum-padd-top{padding: 4px 0 0 0;}
.forum_alternate2{border: 1px solid #e0f1fa;}
.forum-index-forums div.clear {float: none;}
.forum-index-name-icon{
 float: left;
 background-position: -913px -250px;
 width: 25px; height: 26px;
 margin: 2px 10px 2px 0;
 text-indent: -9999px;
}
#wrapper-internal .forum-index-name h2 {padding: 0 0 2px;}
.forum-index-time{
 font-size: 0.769em;
}
.forum-create{float: right;}
.forum-create a {
 background-position:-821px -341px;
 float:left;
 padding:3px 8px 0 0;
 text-align:center;
 width:148px;
 display:block;
 height:22px;
 color:#FFFFFF;
 font-family:Georgia;
 font-size:1.077em;
 text-decoration: none;
}
.forum-reply{float: right;}
.forum-reply a {
 background-position:-581px -202px;
 float:left;
 padding:3px 6px 0 0;
 text-align:center;
 width:105px;
 display:block;
 height:22px;
 color:#FFFFFF;
 font-family:Georgia;
 font-size:1.077em;
 text-decoration: none;
}
.forum-reply a img {display: none;}
#wrapper-internal #forum h1.titre-forum{
 float: left;
}
#forum-empty{ text-align: center; margin-top: 55px;}
.forum-index-forums div.forum-admin {
 clear:both;
 float:right;
 padding:0 10px 0 0;
}
.forum-admin span {
 margin: 0 0 0 5px;
}
#wrapper-internal .forum-action-success{
 clear: both;
 padding:0 0 0 6px;
 color:#C72323;
 font-family:Georgia;
 font-size:1.154em;
 font-weight:bold;
}
.forum-post-author{
 float: left;
 width: 170px;

 border-right: 1px dotted #E0F1FA;
}
.forum-index-forums{margin: 12px 0 0 0;}

.forum-index-forums .forum-post-author div{
 float: none;
}
.forum-index-forums .forum-post-edition{
 width: 410px;
 float: right;
}
.forum-post-name {
 font-size:1.385em;
 font-family: Georgia;
}
.forum-post-author-posts {
 float:left;
 font-family:Georgia;
 font-size: 0.846em;
 font-variant:small-caps;
 text-transform:lowercase;
 margin: 0 0 20px 0;
}
.forum-post-body{
 width: 100%;
}

.forum-post-edition{position: relative;}

.forum-post-admin{
 position: absolute;
 right: 0;
}
.forum-post-date{
 font-family:Georgia;
 font-size: 1em;
 font-variant:small-caps;
 text-transform:lowercase;
 margin: 0 0 4px 0;
}
.forum-post-admin div{
 margin-left: 5px;
}
/* END FORUM*/

/* A MODIFIER? */
.form-subject-input{
 background: red;
}

.form-subject-input{
 float: right;
 width: 432px;
 background: transparent url(/images/sprite_formulaire.png);
 width: 432px; height: 28px;
}

.form-subject-textarea{
 float: right;
 width: 432px;
 background: transparent url(/images/sprite_formulaire.png) 0 -29px;
 width: 432px; height: 215px;
}

#add-topic .form-subject-textarea-box {
 float: none;
}
#add-topic .form-subject-input-box{
 height: 55px;
 margin-top: 20px;
}

#add-topic .form-subject-input-box label{
 padding-top: 4px;
}

#add-topic label{
 float: left;
 width: 170px;
 font-size:1.385em;
 font-family: Georgia;
 cursor: help;
}

#add-topic input, .form-subject-textarea textarea{
 border: 0;
 clear: right;
 font-size:1.077em;
}

.form-subject-textarea textarea{
 width: 412px; height: 195px;
 margin: 10px 0 0 10px;
}

#add-topic input{
 width: 412px;
 height: 21px;
 margin: 4px 0 0 10px;
 padding: 2px 0 0 0;
}
#add-topic #post-submit{
 cursor:pointer;
 float:right;
 width: 107px; height:25px;
 margin:22px 6px 0 0;
 padding:1px 0 0;
 background-position:-581px -202px;
}
.form-subject-textarea-bbcode{
 float:left;
 margin: 0 0 0 5px;
}
.form-subject-textarea-bbcode select{position:relative; top:-7px;}
.author-more{
 cursor: pointer;
 color:#3FADED;
 padding:3px 0 0 0;
}

#forum-add-message{
 margin-bottom: 10px;
}

#wrapper-internal .forum_pagination {
 float: left;
 padding: 3px;
 font-family:Georgia;
 font-size:0.923em;
 font-variant:small-caps;
 text-transform:lowercase;
 border: 1px solid #E0F1FA;
 margin:7px 0 4px;
 padding:3px 10px 4px;
}
#wrapper-internal .right{ float: right;}
/* End of 'main' */