@import url(reset.css);
@import url(font.css);

/* USED COLORS
RED LOGO = #a7242f
GREY = #333
BLUE = #778894
*/

/* --- GENERIC CLASSES --- */
h1{ background: url(img/logo-fedito.jpg) no-repeat; float: left;}
h1 a{ width: 395px; height: 136px;}

h2{ margin-bottom: 20px;}
h5{  color: #8e8e8e;}
h6{ color: #000;}
p{ margin-bottom: 15px;}
a{ color: #a7242f; text-decoration: underline;}
a:hover{ text-decoration: none;}
a.rss{ background: url(img/rss.jpg) no-repeat; height: 18px; padding: 6px 10px 9px 40px; color: #f29400;}

input{ border: 0;}
input.input-m{ border: 1px solid #c4c6c6; height: 18px; margin-bottom: 1px; width: 175px; padding: 1px 5px 1px 5px; }
input.input-s{border: 1px solid #c4c6c6; height: 18px; margin-bottom: 1px; width: 170px; padding: 1px 5px 1px 5px; }
input.btn{ background:url(img/btn.png) no-repeat right top; padding-right: 20px; height: 23px;}

.overlayer .close{ padding-left: 100px; margin-top: 20px;}
.overlayer .close a{ background:url(img/btn-overlayer.jpg) no-repeat; width: 103px; height: 21px; padding-top: 5px; color: #fff; display:block; text-align: center; text-decoration: none;}
.overlayer-news{ position: absolute; left: 0px; width: 610px; background:#c9c7c8; padding: 22px 20px; color: #333; bottom: 0; z-index: 15;}
.overlayer-news a.closeover{ background: #ccc url(img/cross.gif) no-repeat; width: 16px; height: 16px; color: #fff; display:block; text-indent: -9999px; position: absolute; right: 10px; top: 10px;}
.overlayer-news table td{padding: 0 10px 0 0;}
.overlayer-news table td .input-m{ width: 165px; float: left;}
.overlayer-news table td .btn{ float: left;}
.overlayer-news table td.paragraphe{padding-bottom: 5px; float: left;}
.overlayer-news .close{ padding-left: 100px; margin-top: 20px;}
.overlayer-news .close a{ background:url(img/btn-overlayer.jpg) no-repeat; width: 103px; height: 21px; padding-top: 5px; color: #fff; display:block; text-align: center; text-decoration: none;}

.red{ color: #a7242f;}
.hide{ display: block; text-indent: -9999px;}
.clear{ clear: both;}

/* GLOBAL */
body{ background: #e9e9e9 url(img/bkgd-body.jpg) repeat-x;}
#fedito{ width: 1000px; margin: 0 auto;}
#header{ width: 100%; background:url(img/curve-fedito.jpg) no-repeat right bottom; padding-bottom: 10px;}

#header input{ float: left;}
#header .login{ float: right; margin-top: 50px; margin-right: 50px; width: 320px;}
#header .login td{ padding: 2px 0;}
#header .login td p{ float: left; margin: 0 10px 4px 0;}
#header .login td.tdlabel{ width: 90px;}
#header .logout{ float: right; margin-top: 86px; margin-right: 0; width: 320px;}
#header .logout td{ padding: 2px 0;}
#header .logout td p{ float: left; margin: 0;}
#header .logout td.tdlabel{ width: 200px; text-align: right; padding-right: 10px;}
.search{ float: right; width: 39%; text-align: right; -moz-opacity:0.3; opacity: 0.3; filter:alpha(opacity=30); background: #eaeaea; padding: 0 10px;}
.search table{ float: right;}
.search table td{ padding: 5px 0;}
.search table td input.input-m{ width: 164px;}
.search table td p{ float: left; margin: 0 30px 4px 0;}

ul#menu{ clear: both; float: left; width: 980px; background: #6a1920 url(img/bkgd-menu.jpg) repeat-x; padding: 0 10px; height: 48px;}
ul#menu li{ display: inline; padding: 0 12px 7px 12px; float: left;}
ul#menu li a{ color: #FFF; text-decoration: none; padding: 15px 0 8px 0; display: block; float: left;}
ul#menu li a:hover{ border-bottom: 1px solid #fff;}
ul#menu li a.select{ background:url(img/bullet-menu.jpg) center top no-repeat; border-bottom: 1px solid #fff;}

#inter-head{ position: relative;}
#inter-head .left{ background:url(img/left-bottom-menu.jpg) no-repeat;}
#inter-head .right{ background:url(img/right-bottom-menu.jpg) no-repeat;}
#inter-head .left, #inter-head .right{ width: 10px; height: 10px; float: left;}
#inter-head .shot, #inter-head .topright{ height: 200px;}
#inter-head .shot{ background: #dfdfdf url(img/shadow-top-infobloc.jpg) repeat-x; float: left; border-right: 1px solid #d2d1d1; width: 620px;}
#inter-head .shot h2{ color: #a7242f;}
#inter-head .shot img{ float: left; margin-right: 10px; margin-bottom: 10px;}
#inter-head .shot p.more{ clear: both;}
#inter-head .topright{ background: #e8e9ea url(img/shadow-top-lightbloc.jpg) repeat-x; float: left; border-left: 1px solid #fff; width: 318px;}
#inter-head .topright h2{ color: #627583; margin-left: 10px;}
#inter-head .topright p{ color: #656667; margin-left: 10px; margin-right: 10px;}
#inter-head .shot, #inter-head .topright{ padding: 30px 10px;}
#inter-head .shadow-bottom{ position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: url(img/shadow-bottom.png) repeat-x;}
#inter-head #crumb{ width: 960px; float: left; background: #e9eced url(img/shadow-top-lightbloc.jpg) repeat-x; padding: 15px 10px;}
#inter-head #crumb ul{ border-bottom: 1px solid #ccc; float: left; width: 960px; padding-bottom: 5px;}
#inter-head #crumb ul li{ float: left; color: #999; padding: 0 3px;}
#inter-head #crumb ul li a{ color: #999;}
#inter-head #crumb ul li span{ color: #a7242f;}
#inter-head #crumb ul li.rsslink{ float: right;}
#inter-head #crumb ul li.rsslink a{ color: #F60; text-decoration: none; background: url(img/ico-rss-crumb.jpg) no-repeat left 1px; padding-left: 15px;}
#inter-head #crumb ul li.rsslink a:hover{ text-decoration: underline;}

/* CONTENT */
.content{ background:url(img/bkdg-content.jpg) repeat; float: left;}
.content .left{ width: 630px; height: 100%; border-right: 1px solid #d2d1d1; background: #dcdbdb url(img/content-left.jpg) repeat-x left bottom; padding: 20px 10px;}
.content .right{ width: 308px; border-left: 1px solid #fff; background: #dedede; padding: 20px;}

.content .left, .content .right{ float: left; position: relative;}
.content .left h2, .content .right h2{ color: #778894;}
.content .left h2{ margin-left: 10px;}
.content .left .li{ position: relative; border-bottom: 1px solid #b7b7b7; margin-bottom: 15px; margin-left: 10px;}
.content .left .li h3{ background: url(img/bullet-arrow.png) no-repeat left 2px; padding-left: 10px; margin-bottom: 2px; }
.content .left .li h3 a{ text-decoration: none;}
.content .left .li h3 em{ color: #333;}
.content .left .li h5{ margin-left: 10px; margin-bottom: 10px;}
.content .left .li p{ width: 530px;}
.content .left .li p img{ margin-right: 10px; float: left;}
.content .left .li .more{ position: absolute; right: 0; bottom: 18px;}
.content .left .li .more a{ background:url(img/bullet-link.jpg) no-repeat left 2px; padding-left: 15px;}
.content .left .li ul, .content .left .li ol{ margin-bottom: 15px;}
.content .left .li ul li{ list-style: none; background: url(img/bullet-li.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 2px;}
.content .left .li ol{ list-style:decimal; margin-bottom: 4px; margin-left: 15px;}

.content .left #nav{ margin-top: 10px; float: left; width: 100%;}
.content .left #nav li{ display: block;}
.content .left #nav li a{ text-decoration: none; display: block;}
.content .left #nav li.first{ float: left;}
.content .left #nav li.first a{ color: #333; background:url(img/bullet-arrow-grey.png) no-repeat left 4px; padding-left: 8px;}
.content .left #nav li.last{float: right;}
.content .left #nav li.last a{ background:url(img/bullet-arrow.png) no-repeat left 4px; border-bottom: 1px solid #a7242f; padding-left: 8px; padding-bottom: 5px;}

.content .right ul.classic li{ padding: 5px 0; border-bottom: 1px dashed #9c9c9c;}
.content .right ul.classic li a{ color: #333; text-decoration: none; background:url(img/bullet-right-off.jpg) no-repeat left 4px; padding-left: 15px; display: block;}
.content .right ul.classic li a:hover, .content .right ul.classic li a.select{ color: #a7242f; background:url(img/bullet-right-on.jpg) no-repeat left 4px;}
.content .right ul.classic li h5{ margin: 2px 0 0 15px;}

.content .right .box{ border-bottom: 1px solid #778894; padding-bottom: 20px; margin-bottom: 20px;}
.content .right .box input.input-l{ background: #e9e8e8; border: 1px solid #b8b8b8; width: 190px; margin-right: 10px; padding: 2px 5px;}
.content .right .box input.send{ background: #99a0a6 url(img/bkgd-input-send.jpg) repeat-x; border: 1px solid #98a0a5; color: #fff;}

#contact .left{position: relative;}
#contact .left table td{ padding: 5px 5px 5px 0; vertical-align: middle;}
#contact .left table td.top{ vertical-align: top; padding-top: 10px;}
#contact .left table td input.input{ background: #f8f7f8; border: 1px solid #c7c6c6; width: 520px; padding: 5px 10px;}
#contact .left table .error td{ color: #a7242f;}
#contact .left table .error td input.input{ border: 1px solid #a7242f;}
#contact .left table .error td input.input-s{ border: 1px solid #a7242f;}
#contact .left table td input.send{ color: #fff; background:url(img/btn.jpg) no-repeat; width: 103px; height: 26px;}
#contact .left table td textarea.textarea{  background: #f8f7f8; border: 1px solid #c7c6c6; width: 520px; height: 100px; padding: 5px 10px;}
#contact .left table .error td  textarea.textarea{ border: 1px solid #a7242f;}
#contact .left table td span{ color: #a7242f;}
#contact .overlayer{}

#documents .li{ margin-left: 10px;}
#documents h3{ margin-bottom: 10px;}
#documents .li p{ width: 510px;}
#documents .li p.read{ color: #9d9d9d;}
#documents .li p.read a{ color: #9d9d9d;}
#documents .li .more a{ padding: 4px 0 1px 20px; display: block;}
#documents .li .more a.pdf{ background: url(img/pdf.gif) no-repeat;}
#documents .li .more a.pdflock{ background: url(img/pdflock.gif) no-repeat; padding-left: 40px;}
#documents .li .more a.doc{ background: url(img/doc.gif) no-repeat;}
#documents .li .more a.doclock{ background: url(img/doclock.gif) no-repeat; padding-left: 40px;}
#documents .li .more a.file{ background: url(img/file.gif) no-repeat;}
#documents .li .more a.filelock{ background: url(img/filelock.gif) no-repeat; padding-left: 40px;}
#documents h3.category{ margin-left: 10px; margin-bottom: 10px;}
#documents h5{ float: left; margin-left: 5px; padding-top: 4px;}

#links h3.category{ margin-left: 10px; margin-bottom: 10px;}
#links h5{ float: left; margin-left: 5px; padding-top: 4px;}
#links .left .li p{ width: auto;}
#links .left .li .more{ position: relative; clear: both; text-align: right; padding-top: 10px;}

#members .li{ position: relative; border-bottom: 1px solid #b7b7b7; margin-bottom: 15px;}
#members .li h3{ background: url(img/bullet-arrow.png) no-repeat left 1px; padding-left: 10px; margin-bottom: 10px; }
#members .li h3 a{ text-decoration: none;}
#members .li p{ width: 530px; margin-bottom: 5px;}
#members .li .more{ position: absolute; right: 0; bottom: 8px;}
#members .li .more a{ background:url(img/bullet-link.jpg) no-repeat left 2px; padding-left: 15px;}

#members-detail h3{ background: url(img/bullet-arrow.png) no-repeat left 5px; padding: 0 0 10px 10px; margin-top: 10px; color: #a7242f; border-bottom: 1px solid #a7242f; float: left; width: 75%; margin-left: 10px; }
#members-detail img.member-logo{ float: right; width: 125px;}
#members-detail #accordion{ margin-top: 15px; margin-left: 10px;}
#members-detail #accordion h4{ margin-top: 10px;}
#members-detail #accordion h4 a{ display: block; background: url(img/bullet-plus.gif) no-repeat left 2px; color: #333; padding-left: 20px; text-decoration: none;}
#members-detail #accordion h4.ui-state-active a{ background: url(img/bullet-close.gif) no-repeat left 2px;}
#members-detail #accordion h4 a:hover{}
#members-detail #accordion div{ padding: 10px 20px 5px 20px;}
#members-detail #accordion div ul{ margin-left: 25px;}
#members-detail #accordion div ol{ margin-left: 43px;}
#members-detail #accordion div ul, #whoweare #accordion div ol{ margin-bottom: 15px;}
#members-detail #accordion div ul li{ list-style: none; background: url(img/bullet-li.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 2px;}
#members-detail #accordion div ol li{ list-style:decimal; margin-bottom: 4px;}

#result #accordion h4{ margin-top: 10px;}
#result #accordion h4 a{ display: block; background: url(img/bullet-plus.gif) no-repeat left 2px; color: #333; padding-left: 20px; text-decoration: none;}
#result #accordion h4.ui-state-active a{ background: url(img/bullet-close.gif) no-repeat left 2px;}
#result #accordion h4 a:hover{}
#result #accordion div{ padding: 10px 20px 5px 20px;}
#result #accordion div ul{ margin-left: 0;}
#result #accordion div ul li{  background: url(img/bullet-arrow.png) no-repeat left 1px; padding-left: 10px; padding-top: 2px; margin-bottom: 5px;}
#result #accordion div ul li a{ padding-bottom: 5px; display: block;}

#whoweare h3{ margin-left: 10px; color: #a7242f; margin-bottom: 10px;}
#whoweare p{ margin-left: 10px;}
#whoweare .left ul{ margin-left: 25px;}
#whoweare .left ol{ margin-left: 43px;}
#whoweare .left ul, #whoweare .left ol{ margin-bottom: 15px;}
#whoweare .left ul li{ list-style: none; background: url(img/bullet-li.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 2px;}
#whoweare .left ol li{ list-style:decimal; margin-bottom: 4px;}

ul.page{ clear: both; color: #778894; float: left; width: 100%; margin-top: 20px;}
ul.page li{ float: left; margin-right: 5px; margin-bottom: 5px;}
ul.page li a{ color: #778894; background: #fff; height: 16px; width: 20px; text-align: center; text-decoration: none;}
ul.page li a:hover{ color: #778894; background: #ccc;}
ul.page li a.select{ background: #778894; color: #fff; display: block;}
ul.page li a, ul.page li span{ float: left; display: block; padding-top: 4px;}
ul.page li span{ padding-right: 3px;}

.news{ padding-left: 10px;}
.news h3{ background: url(img/bullet-arrow.png) no-repeat left 2px; padding-left: 10px; margin-bottom: 2px; color: #a7242f; margin-left: -10px; }
.news h5{ margin-bottom: 20px;}
.news h6{ margin-bottom: 25px;}
.news .left ul, .news .left ol{ margin-bottom: 15px;}
.news ul li{ list-style: none; background: url(img/bullet-li.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 2px;}
.news ol{ list-style:decimal; margin-bottom: 4px; margin-left: 15px;}

.content-bottom{ background: #e7e7e7 url(img/line-contentbottom.gif) repeat-x;}
.content-bottom .box{ width: 268px; padding: 20px;  float: left; border-left: 1px solid #fff; margin-left: -1px;}
.content-bottom .box.first{  width: 611px; border-right: 1px solid #fff; margin-left: 0; border-left: 0;}
.content-bottom .box a.rss{ background: url(img/rss-bottom.jpg) no-repeat; height: 18px; padding: 6px 10px 9px 40px; color: #f29400;}
.content-bottom h2{ color: #778894;}
.content-bottom .box input.input-l{ background: #e9e8e8; border: 1px solid #b8b8b8; width: 190px; margin-right: 10px; padding: 2px 5px;}
.content-bottom .box input.send{ background: #99a0a6 url(img/bkgd-input-send.jpg) repeat-x; border: 1px solid #98a0a5; color: #fff;}

/* FOOTER */
.prefooter{ position: relative;}
.prefooter .left{ background:url(img/left-corner-bottom-content.jpg) no-repeat;}
.prefooter .right{ background:url(img/right-corner-bottom-content.jpg) no-repeat;}
.prefooter .left, .prefooter .right{ width: 10px; height: 10px; float: left;}
.prefooter .footer-content{ float: left; background: #fff url(img/shadow-footer.jpg) repeat-x; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; width: 968px; padding: 15px 0 20px 10px; }
.prefooter .footer-content .box{ float: left; width: 230px; margin-right: 10px;}
.prefooter .footer-content .box h4{ color: #778894; margin-bottom: 10px;}
.prefooter .footer-content .box img{ float: left; margin-right: 10px; margin-bottom: 5px;}
.prefooter .footer-content .box p.more{ clear: left; margin-bottom: 0;}
.prefooter .shadow-bottom{ position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background:url(img/top-footer.jpg) no-repeat center top;}


.address{ border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; background: #4b4b4b; padding: 5px 0; text-align: center; color: #fff;}
.address p{ margin-bottom: 0;}
.address a{ color: #fff;}

.footer{ background:url(img/bottom-footer.jpg) no-repeat; float: left; width: 100%; padding: 10px;}
.footer ul{ width: 100%;}
.footer ul li{ color: #7e7d7d;}
.footer ul li.first{ float: left;}
.footer ul li.first a{ color: #7e7d7d; text-decoration: none;}
.footer ul li.first a:hover{ text-decoration: underline;}
.footer ul li.cocof{ float: right; margin-right: 10px;}
.footer ul li.cocof a{ background: url(img/logo-cocof.jpg) no-repeat; width: 51px; height: 44px;}

/*POPUP*/
#popup{  position: absolute; width: 100%; left: 0; top: 30%; z-index: 1000;}
#popup-contenair{background: #4c4c4c; margin: 5% auto; padding: 20px; width: 480px;}
#popup-contenair h1{ margin: 0 0 10px 0; padding: 0; font-size: 11px; color: #FFF; font-weight: normal; float:left;}
#popup-contenair a{ font-size: 11px; color:#000;}
#popup-contenair a.close-popup{ float: right; background: url(img/popup/btn-close.gif) no-repeat right top; padding-right: 20px;}

#popup-contenair .border{ width: 100%; background:#FFF; float: left; height: 10px; overflow: hidden;}
#popup-contenair .border .left{ float: left;}
#popup-contenair .border .right{ float: right;}
#popup-contenair .border .left, #popup-contenair .border .right{ width: 10px; height: 10px;}
#popup-contenair .border.top .left{ background:url(img/popup/border-left-top.gif) no-repeat;}
#popup-contenair .border.top .right{ background:url(img/popup/border-right-top.gif) no-repeat;}
#popup-contenair .border.bot .left{ background:url(img/popup/border-left-bot.gif) no-repeat;}
#popup-contenair .border.bot .right{ background:url(img/popup/border-right-bot.gif) no-repeat;}

#popup-contenair .content-popup{ background: #FFF; padding: 10px 20px; font-size: 11px; text-align: center;}
#popup-contenair .content-popup p{ margin: 40px 0;}

#popup-contenair ul#actionpopup{ margin: 10px 0 0 0; padding: 0; list-style: none; float: right;}
#popup-contenair ul#actionpopup li{ margin: 0 0 0 0; padding: 0; display: inline;}
#popup-contenair ul#actionpopup li a{ text-indent: -9999px; margin-left: 10px; height: 23px; display: block; float: right;}
#popup-contenair ul#actionpopup li a.ok{ background:url(img/popup/btn-ok.jpg); width: 38px;}
#popup-contenair ul#actionpopup li a.cancel{ background:url(img/popup/btn-cancel.jpg); width: 58px;}
#popup-contenair ul#actionpopup li a.save{ background:url(img/popup/btn-save.jpg); width: 58px;}
#popup-contenair ul#actionpopup li a.preview{ background:url(img/popup/btn-preview.jpg); width: 58px;}
#popup-contenair ul#actionpopup li a.sendtest{ background:url(img/popup/btn-sendtest.jpg); width: 67px;}

#popup-contenair .clear{ clear: both; height: 1px; overflow: hidden;}
#popup-contenair .border.bot .clear{ height: 0;}