body{margin:0;padding:0 0 30px 0;font-size:12px;color:#000;letter-spacing:0px;background:url(../images/bg-body.jpg) repeat-x top left #000;font-family:Arial, Helvetica, sans-serif;}

*{outline:none;}
.clear{clear:both;}

a,a:focus,a:hover,a:visited{color:#000;}
img{border:0;}

a.u{text-decoration:underline;}
a.u:hover{text-decoration:none;}

a.unone{text-decoration:none;}
a.unone:hover{text-decoration:underline;}

a.link-arrow{background:url(../images/icons/arrow-links.gif) left center no-repeat;padding-left:8px;font-weight:bold;}

h1,h2,h3,h4,h5,h6,form{padding:0;margin:0;}


#container{width:980px;margin:0 auto;background-color: #FFF}
#header{position:relative;background:url(../images/ui.horizontal.png) 0 0;height:373px;}
#content{padding:20px 10px 10px 10px;background:#fff;}


/* header */
#header #top-menu{text-align:right;margin-right:36px;padding-top:10px;font-size:10px;}
#header #top-menu a{margin:0 3px;color:#5b5b5b;}
#header #header-swf{background:url(../images/bg-content.png) repeat-x top left #fff;height:240px;width:960px;position:absolute;bottom:0px;padding:0 10px 0 10px;}
#header a.logotype-header{opacity:0;filter:alpha(opacity=0);position:absolute;display:block;height:90px;width:170px;top:0;left:0;}
#header a.rss-feed-icon{width:21px;height:21px;position:absolute;top:7px;right:12px;display:block;}

#header #form-search-header{position:absolute;right:10px;top:58px;}
#header #form-search-header .search-field{padding:0;margin:0;border:0;background:none;width:144px;position:absolute;top:5px;right:26px;}
#header #form-search-header .search-submit{padding:0;margin:0;border:0;background:none;width:23px;font-size:18px;position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}




/* menu */
#menu{background:#f3f3f3;height:40px;position:absolute;bottom:240px;width:100%;z-index:10000;}
#menu ul{list-style:none;width:100%;height:40px;margin:0;padding:0;}
#menu ul li{display:block;float:left;padding:0 15px;height:40px;position:relative;cursor:pointer;}
#menu ul li.open{background:#fff;}
#menu ul li.sep{width:2px;padding:0;background:url(../images/ui.horizontal.png) 0 -141px;margin:0;}
#menu ul li .menu-arrow{display:none;position:absolute;right:10px;top:18px;background:url(../images/ui.horizontal.png) right -190px;width:10px;height:5px;}
#menu ul li.open .menu-arrow{background:url(../images/ui.horizontal.png) right -182px;}
#menu ul li.w-arrow{padding:0 20px 0 10px;}
#menu ul li.w-arrow .menu-arrow{display:block;}
#menu ul li a{background:url(../images/ui.horizontal.png) no-repeat;display:block;height:30px;margin-top:10px;}
#menu ul li.active a{height:18px;border-bottom:5px solid #ffde00;}
#menu ul li.open a{border:0;}

#menu ul li .submenu{position:absolute;width:auto;background:#fff;z-index:10000;left:0px;top:30px;opacity:0.95;display:none;}
#menu ul li.open .submenu{display:block;}
#menu ul li.last .submenu{right:0px;left:auto;text-align:right;}
#menu ul li .submenu a{display:block;color:#000;font-weight:bold;text-decoration:none;border:none;padding:5px 10px;height:auto;margin:0;font-size:11px;background:none;white-space:nowrap;}
#menu ul li .submenu a:hover{color:#fff;background:#ffde00;}
#menu ul li .submenu a.active-sub{background:#ffde00;color:#000;cursor:default;}

#menu ul li .submenu .submenu-corners{position:relative;background:#fff;height:3px;}
#menu ul li .submenu .submenu-top{margin:-3px 4px 0 4px;}
#menu ul li .submenu .submenu-bottom{margin:0px 4px -3px 4px;}

#menu ul li .submenu .submenu-corners div{position:absolute;top:0;width:4px;height:3px;background:url(../images/ui.horizontal.png) no-repeat;}
#menu ul li .submenu .submenu-top .left{background-position:0 -1017px;left:-4px;}
#menu ul li .submenu .submenu-top .right{background-position:-4px -1017px;right:-4px;}

#menu ul li .submenu .submenu-bottom .left{background-position:0 -1020px;left:-4px;}
#menu ul li .submenu .submenu-bottom .right{background-position:-4px -1020px;right:-4px;}


#menu .menu-accueil{background-position: -10px -918px;width: 47px;}
#menu .menu-apropos{background-position: -84px -918px;width: 60px;}
#menu .menu-av-enro{background-position:-179px -918px;width: 152px;}
#menu .menu-res-bit{background-position:-362px -918px;width: 131px;}
#menu .menu-membres{background-position:-520px -918px;width: 61px;}
#menu .menu-communi{background-position:-616px -918px;width: 110px;}
#menu .menu-publica{background-position:-760px -918px;width: 80px;}
#menu .menu-eveneme{background-position:-864px -918px;width: 79px;}

#menu .open .menu-accueil{background-position: -10px -973px;}
#menu .open .menu-apropos{background-position: -84px -973px;}
#menu .open .menu-av-enro{background-position:-179px -973px;}
#menu .open .menu-res-bit{background-position:-362px -973px;}
#menu .open .menu-membres{background-position:-520px -973px;}
#menu .open .menu-communi{background-position:-616px -973px;}
#menu .open .menu-publica{background-position:-760px -973px;}
#menu .open .menu-eveneme{background-position:-864px -973px;}

#submenu{background:#fff;padding:10px 10px 0px 10px;}
#submenu .corner-wrapper{background:#ffde00;padding-top:5px;}
#submenu a{float:left;display:block;width:auto;padding:0 10px;height:34px;line-height:34px;color:#000;text-decoration:none;font-size:18px;font-weight:bold;position:relative;margin:0 5px;}
#submenu a.active-sub{background:#fff;}
#submenu a .sub-corners{width:4px;height:4px;position:absolute;top:0;background:url(../images/ui.horizontal.png) no-repeat;display:none;}
#submenu a .sub-corners-left{left:0px;background-position:-4px -1048px;}
#submenu a .sub-corners-right{right:0px;background-position:0px -1048px;}
#submenu a.active-sub .sub-corners{display:block;}


/* footer */
#footer{position:relative;background:#fff;margin-top:124px;}
#footer #footer-3boxes{background:url(../images/ui.horizontal.png) no-repeat 0 -210px; height:290px;position:relative;}
#footer #footer-sitemap{padding:10px 0 30px 15px;} 
#footer #footer-copyrights{background:url(../images/ui.horizontal.png) 0 -500px no-repeat;height:78px;font-size:11px;}

#footer #footer-3boxes .inner-3boxes{position:absolute;top:70px;width:300px;}
#footer #footer-3boxes .inner-3boxes a{display:block;margin-bottom:5px;}

#footer #footer-3boxes .box-1{left:35px;}
#footer #footer-3boxes .box-2{left:358px;}
#footer #footer-3boxes .box-3{left:674px;}


#footer #footer-3boxes .banner-728x90{position:absolute;bottom:25px;left:25px;height:90px;width:728px;background:#000;}
#footer #footer-3boxes #form-newsl-footer{position:absolute;right:7px;bottom:35px;width:auto;height:15px;}
#footer #footer-3boxes #form-newsl-footer .newsl-field, #infolettre .news-field{padding:0;margin:0;border:0;background:none;width:160px;position:absolute;right:26px;top:5px;font-size:11px;}
#footer #footer-3boxes #form-newsl-footer .newsl-submit, #infolettre .newsl-submit{padding:0;margin:0;border:0;background:#f00;width:23px;font-size:16px;position:absolute;top:1px;right:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);}

#footer #footer-sitemap ul{float:left; list-style:none;width:auto;padding:0;font-size:10px;margin:0 25px 0 0;}
#footer #footer-sitemap ul li a{color:#939598;}
#footer #footer-sitemap ul li.first a{color:#000;}

#footer #footer-copyrights{position:relative;}
#footer #footer-copyrights .contact-infos{position:absolute;bottom:20px;left:125px;}
#footer #footer-copyrights .str-copyrights{position:absolute;bottom:20px;right:100px;font-size:10px;}
#footer #footer-copyrights .link-mid{position:absolute;bottom:15px;right:15px;width:80px;height:30px;display:block;opacity:0;filter:alpha(opacity=0);}
#footer #footer-copyrights .link-bit{position:absolute;bottom:10px;left:15px;width:90px;height:60px;display:block;opacity:0;filter:alpha(opacity=0);}

#footer .corner-left{position:absolute;bottom:0;left:0;background:url(../images/ui.horizontal.png) 0 -1025px;width:7px;height:6px;}
#footer .corner-right{position:absolute;bottom:0;right:0;background:url(../images/ui.horizontal.png) -7px -1025px;width:7px;height:6px;}



.corner-wrapper{position:relative}
.corner-wrapper .corner{position:absolute;height:5px;width:5px;background:url(../images/ui.horizontal.png);}
.corner-wrapper .corner-lt{top:0;left:0;background-position:-5px -1041px;}
.corner-wrapper .corner-rt{top:0;right:0;background-position:0px -1041px;}
.corner-wrapper .corner-lb{bottom:0;left:0;background-position:-5px -1036px;}
.corner-wrapper .corner-rb{bottom:0;right:0;background-position:0px -1036px;}
 

/* default text*/
.default-text{}
.default-text h1.title{font-size:16px;font-style:italic;margin-bottom:10px;}
.default-text ul li{padding:5px 0;}

.two-col-img-right{}
.two-col-img-right .right-side{width:300px;float:right;}
.two-col-img-right .left-side{width:630px;float:left;padding-left:10px;}

.two-col-img-left{}
.two-col-img-left .left-side{width:300px;float:left;}
.two-col-img-left .right-side{width:630px;float:right;padding-right:10px;}

.bg-gradient{background:url(../images/ui.vertical.png) no-repeat -10px 0;padding-top:10px;}

.bg-gradient .two-col-img-right .right-side{padding-right:10px;}
.bg-gradient .two-col-img-right .left-side{width:620px;}
.bg-gradient .two-col-img-left .right-side{width:620px;}
.bg-gradient .two-col-img-left .left-side{padding-left:10px;}

.bg-gradient .corner-wrapper .corner-lt{background-position:-16px -1041px;}
.bg-gradient .corner-wrapper .corner-rt{background-position:-11px -1041px;}


#col2-table{padding-top:80px;position:relative;color:#222222;}
#col2-table .dwl-link{font-size:16px;font-weight:bold;height:30px;line-height:30px;padding-left:40px;position:absolute;top:18px;width:auto;}

#col2-table hr{background:#cecece;border-color:#cecece;margin:20px 0 20px 0;}
#col2-table table{width:100%;text-align:justify;}
#col2-table table td{vertical-align:top}

#col2-table .block-txt{}
#col2-table .block-txt{margin:5px 0;font-size:11px;line-height:13px;}
#col2-table .block-title{font-weight:bold;font-size:13px;margin:20px 0 5px 0;}

#col2-table table a,
#col2-table table a:visited{color:#0051d6;text-decoration:underline;}
#col2-table table a:hover{text-decoration:none;}

.hr{background:url(../images/ui.horizontal.png) 0 -498px repeat-x;height:5px;margin:20px 0 20px -10px;width:100%;padding-left:20px;}


a.pdf-link{display:block;background:url(../images/icons/pdf-huge.gif) no-repeat;height:60px;line-height:60px;font-size:16px;font-weight:bold;padding-left:55px;}
a.excel-link{display:block;background:url(../images/icons/excel.gif) no-repeat;height:46px;line-height:46px;font-size:16px;font-weight:bold;padding-left:55px;width:auto;float:left;}


.gg-map-container{width:265px;height:100px;overflow:hidden;position:relative;}
.gg-map{width:265px;height:113px;position:relative;}


.block-mod .pdf{background:url(../images/icons/pdf-small.gif) no-repeat  3px center;}
.block-mod .doc,
.block-mod .word,
.block-mod .docx,
.block-mod .txt
{background:url(../images/icons/doc.gif) no-repeat 3px center;}


.block-mod .row,
.block-mod .row:hover,
.block-mod .row:visited,
.block-mod .row:focus{padding:5px;display:block;font-size:12px;text-decoration:none;}

.block-mod .file,
.block-mod .file:hover,
.block-mod .file:visited,
.block-mod .file:focus{padding:0px 5px 0px 34px;line-height:34px;height:34px;}

.block-mod .file small{padding:0px 0 0px 5px;color:#4c6b88;}
.block-mod td{padding:5px 15px 5px 5px;white-space:nowrap;}
.block-mod .odd,
.block-mod tr.odd td{background-color:#e9e9e9;}






/*modif de jeremy*/
#calendrier-des-evenements{ min-height:800px;}
#calendrier-des-evenements .menu-evenement { background:url(../images/icons/anchor-menu.gif) no-repeat; padding-left:15px; font-weight:bold; margin-top:40px; margin-left:15px; margin-bottom:50px;}

#calendrier-des-evenements #evenements{ width:600px;  margin-left:15px; }
#calendrier-des-evenements h2{ background:#ffde00; padding:5px; margin-bottom:20px;}
#calendrier-des-evenements #evenements h3{ background:#dfdfdf; padding:5px; margin-bottom:20px;}
#calendrier-des-evenements .evenement{ margin-left:6px; border-bottom:1px dotted #cccccc; padding-bottom:10px; margin-bottom:20px;}

#calendrier-des-evenements .evenement .date{ margin-top:0px;}
#calendrier-des-evenements .evenement .info{ margin-top:-10px;}
#calendrier-des-evenements #actions{ width:315px;  position:absolute; top:450px; margin-left:645px; }
#calendrier-des-evenements #actions h3{ margin-bottom:40px; margin-top:32px;background:url(../images/trait.jpg) 0 20px no-repeat; height:30px; }
#calendrier-des-evenements #actions #rss a{ display:block; background:url(../images/icons/rss.jpg) no-repeat; padding-left:43px; height:33px; padding-top:10px; width:150px;}

#form-soumission{ display:none;  padding-top:80px; margin-top:-150px;  width:295px; margin-left:2px; border:1px solid #939393; border-top:none;}
#form-soumission p{ width:260px;  margin:auto; margin-bottom:20px;}
#form-soumission label{ display:block; font-weight:bold;}
#form-soumission input[type=text]{ width:250px;}
#form-soumission #date_debut, #form-soumission #date_fin{ width:80px;}
#form-soumission #p-submit{ text-align:right}


#calendrier-des-evenements #actions #infolettre{ display:block; background:url(../images/icons/mail.jpg) no-repeat; padding-left:43px; height:33px; padding-top:10px; width:150px;}

#calendrier-des-evenements #actions #rss a, 
#calendrier-des-evenements #actions #infolettre{ margin-left:20px;}

#form-infolettre{ margin-left:20px;}
#form-infolettre input[type=text]{ width:180px;}
#form-infolettre input[type=image]{ display:block; margin-top:-25px; margin-left:170px;}