/* ------------------------------------ *
    style par koogar - laurent gay
 * ------------------------------------ */

div.wrapper { margin: 0 auto; width: 998px;}

body {
    background: #F1F1F1 url(../images/style1/bg.png) 0 0 repeat-x;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 135%;
    font-family: Arial, Helvetica, sans-serif;

}

body.f-smaller {
    font-size: 10px;
}

body.f-default {
    font-size: 12px;
}

body.f-larger {
    font-size: 15px;
}

h1, h2, h3, h4, h4 {
    padding-bottom: 5px;
    margin: 15px 0;
}

h1 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #C80000;
    line-height: 16px;
    margin: 5px 0 0px;
    padding-bottom: 3px;
}

h2 { font-size: 180%; }

h3 { font-size: 150%; }

a { color: #111; text-decoration: none; }

a:hover { text-decoration: underline; }

a:visited { text-decoration: none; color:#222}

a img { border: 0; }

html {
  height: 100%;
  margin-bottom: 1px;
}

p {
 margin-top: 0px;
 margin-bottom: 0px;
}

form {
    border: 0;
    margin: 0;
    padding: 0;
}

a#on { font-family: trebuchet ms,geneva; font-size: 20px;
         font-weight:none;
         text-decoration: none;
         color:#1B3065;
         }

a#on :hover{ text-decoration: underline; }

a#off { color:#375021; font-size: 22px; text-decoration: none; font-weight:bold;}
a#off  :hover{ color:#375021;}
/* utile */
.clear {clear:both;}
#pad5 { padding-top:10px; }
.height_menu {  height:31px; background: #990000;}
#col_w {color:#fff}
#col_b {color:#000}

/* archives */

#archive {float:left;width:7%;padding-top:3px}

/* style koogar menu left */

.font_menu { color: #fff; font-family: trebuchet ms,geneva; font-size: 14pt;  padding: 0px; font-weight:bold}
.font_menu_b { color: #000;font-family: trebuchet ms,geneva; font-size: 14pt;  padding: 0px; font-weight:bold}

.cgt {background: #871E21;margin:0;padding-bottom:5px;padding-top:2px}
.form {background: #c9c9c9; height:33px;padding-top:8px;padding-left:10px}
.tel {background: #3B5371;margin:0;padding-bottom:10px;}

#font_size12{font-size:12px;}
#font_size16{font-size:16px;}

/* style koogar page centrale */

.titre_actua{ color: #666; font-family: trebuchet ms,geneva; font-size: 14pt; line-height: 16px; padding: 0px;  font-weight:bold}
#tb1 {background: #F4F4F4;border-top-style: dotted;border-top-color: #7e7e7e;border-top-width: 1px;}
#tb1a {clear: both; padding:2px}
#tb2 {float:left; padding: 2px; margin: 3px; border: 1px solid #C3C3C3;}
#tb2_font {font-weight: bold; font-size: 16px;font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;}
#tb2_poste {font-size: 16px;color: #111;  font-weight:bold; font-style:none;line-height:18px}
#tb2_txt {font-size: 14px;color: #181818;padding-top: 5px;line-height: 15px;}
#tb2_clear {clear: both; padding:2px}
#tb3 {background: #E6E6E6;padding:2px}
#tb3_img {float:right; padding: 2px; margin: 3px; border: 1px solid #C3C3C3;}
#tb3_titre {font-size: 18px;font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;line-height: 20px;}
.pathway {font-size: 16px;padding:5px 0 0 5px}

#cadre_1 {padding:5px;padding-right:8px;background:#f8f8f8;}
#cadre_2 {background:#f8f8f8;padding:8px}

#bas_page {margin-top:30px}
/* style koogar menu right */

.font_menu_t {color: #333; font-family: trebuchet ms,geneva; font-size: 14pt;  padding: 0px;}
.font_menu_t2 {color: #666; font-family: trebuchet ms,geneva; font-size: 14pt;  padding: 0px; }
#tb4_ul {background: #ffffff;margin:0;padding-bottom:10px;}
.tb4_ul2 {background: #3B5371;margin:0;padding-bottom:10px;}

/* style koogar newsletter */

#news_letter1 {background: #E6E6E6;padding:8px}
#news_letter2 {background: #ffffff;margin:10px;padding:8px;font-size:11px}
#news_letter3 {color:#006C30;font-weight:bold}
#news_letter4 {color:#EE1D23;font-weight:bold}

/* style koogar mail */

#mail_f {font-size: 14px;font-family: trebuchet ms,geneva;}
.img_clock  {

vertical-align: middle; margin-right:15px;
background:url(../images/style1/time_c.jpg) 0 0  no-repeat;
}
/* Font */

#small {font-size: 10px; font-weight:bold}

/* mainbody */

div#mainbody {
    border-top: 0px solid #65b5de;
    background: #fff;
}

div#mainbody td.mainbody,
div#mainbody td.left,
div#mainbody td.right {
    background: url(../images/style1/body-bg.png) 0 0 repeat-y;
}

/*
#mainbody li {
    background: url(../images/style1/bullet-5.png) 5px 6px no-repeat;
} */

#menu {text-indent:-32px;}

#menu li a{
padding-left:30px;
    background: url(../images/style1/bullet-6.png) 10px 3px no-repeat;
}

#menu li a:hover{
padding-left:30px;
    background: url(../images/style1/bullet-b.png) 10px 3px no-repeat;
    text-decoration:none;
    color:#C3E0FF;
}

#menu-f {text-indent:-32px;}

#menu-f li a{
padding-left:30px;
    background: url(../images/style1/bullet-8.png) 10px 3px no-repeat;
}

#menu-f li a:hover{
padding-left:30px;
    background: url(../images/style1/bullet-r.png) 10px 3px no-repeat;
    text-decoration:none;
    color:#555;
}


#menu-red {text-indent:-32px;}

#menu-red li a{
padding-left:30px;
    background: url(../images/style1/bullet-6.png) 10px 3px no-repeat;
}

#menu-red li a:hover{
padding-left:30px;
    background: url(../images/style1/bullet-red.png) 10px 3px no-repeat;
    text-decoration:none;
    color:#FFD8D8;
}

#menu_t li {
    background: url(../images/style1/bullet-8.png) 5px 6px no-repeat;
}

img#logo {
    background: url(../images/style1/logo.jpg) 0 0 no-repeat;
}

div#footer {
    background: url(../images/style1/bottom-bg.png) 0 0 repeat-x;
}

/* group mainbody */

td.mainbody {
    width: 100%;
}

div#mainbody .contentheading {
    font-size: 150%;
}

div#horiz-menu {
    height: 46px;
        position: relative;
        z-index: 8;
}

table.mainbody,
table.sections {
    width: 100%;
    padding: 0;
}

td.mainbody .padding {
    padding: 0px 10px 0px 10px;
}

div#footer .rk-2 {
    height: 114px;
    overflow: hidden;
}

div#the-footer {
    text-align: center;
}

/* group Lists */

#mainbody ul {
    margin-left: 0;
    padding-left: 1em;
}

#mainbody li {
    margin-left: 0;
    list-style: none;
    padding-left: 25px;
    padding-top: 2px;
    margin-bottom: 3px;
}

/* group Regular Content Items */

table.contentpaneopen tbody tr td, span.small,
td.createdate {
    padding-left: 0px;
    
}

/* group content */

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 2px;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

/* horiz menu */

div#horiz-menu ul {
    margin: 0;
    padding: 0;
}

div#horiz-menu li {
    margin: 0;
    padding: 0;
    padding-right: 16px;
    float: left;
    list-style: none;

}

div#horiz-menu a {
    display: block;
    float: left;
    padding: 0 9px;
    height: 42px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;   font-size: 13px;
}

div#horiz-menu a,
div#horiz-menu li.active li a {
    color: #fff;
}

div#horiz-menu li:hover,
div#horiz-menu li.sfHover,
div#horiz-menu li.active:hover,
div#horiz-menu li.active.sfHover {
    background: url(../images/style1/menu2-r.png) 100% 0 no-repeat;
}

div#horiz-menu li:hover a,
div#horiz-menu li.sfHover a,
div#horiz-menu li.active:hover a,
div#horiz-menu li.active.sfHover a {
    background: url(../images/style1/menu2-l.png) 0 0 no-repeat;
    color: #fff;
}

#horiz-menu li.active {
    background: url(../images/style1/menu-r.png) 100% 0 no-repeat;
}

#horiz-menu li.active a {
    background: url(../images/style1/menu-l.png) 0 0 no-repeat;
    color: #fff;
}

#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {
    background: none;
}

#horiz-menu li li {
    background:#555;
    border-bottom: 1px solid #666;
    border-right: 1px solid #999;
}

#horiz-menu li li:hover, 
#horiz-menu li li.sfHover,
#horiz-menu li:hover li:hover,
#horiz-menu li.sfHover li.sfHover,
#horiz-menu li.active li.active {
    background: #777;


}

#horiz-menu li:hover li a.daddy:link,
#horiz-menu li.sfHover li a.daddy:link,
#horiz-menu li:hover li a.daddy:visited,
#horiz-menu li.sfHover li a.daddy:visited  {
    background-image: url("../images/bullet-2.png");
}

#horiz-menu li:hover,
#horiz-menu li.sfHover {
    background: url(../images/style1/menu2-r.png) 100% 0 no-repeat;
}

#horiz-menu li:hover a
#horiz-menu li.sfHover a {
    background: url(../images/style1/menu2-l.png) 0 0 no-repeat;    
}


 ul.menutop, ul.menutop * {
    margin:0;
    padding:0;
}

#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
    position: relative;
    z-index: 2;
}

#horiz-menu .wrapper {
    position: relative;
}

#horiz-menu li li {
    margin: 0;
}

#horiz-menu li li span,
#horiz-menu li.active li span,
#horiz-menu li:hover li span {
    background:none;
}


#horiz-menu ul.menutop {
    line-height:1.0;
    float:left;
    position: relative;
}

#horiz-menu ul.menutop ul {
    background:#fff; /*IE6 needs this*/
    padding: 0;
}

#horiz-menu ul.menutop li {
    float:left;
    list-style:none;
    position:relative;
}

.menutop li li a {
    display:block;
    padding: .25em 0 .25em 2em;
    text-decoration:none;
    background-image: none; 
    float:none;
    width:245px;
}

#horiz-menu li li a {
    height: 23px;
    line-height: 23px;
}

#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.active:hover li,
#horiz-menu li.active.sfHover li {
}

#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.active:hover li a,
#horiz-menu li.active.sfHover li a {
    background-image: none; 

}

ul.menutop li ul {
    float:none;
    left:-999em;
    position:absolute;
    width: 220px;
    z-index: 5;
}

ul.menutop li:hover ul,
ul.menutop li.sfHover ul {
    left:5px;
    top: 42px;
}

.menutop li:hover li ul,
.menutop li.sfHover li ul,
.menutop li li:hover li ul,
.menutop li li.sfHover li ul,
.menutop li li li:hover li ul,
.menutop li li li.sfHover li ul {
    top:-999em;
}
.menutop li li:hover ul,
.menutop li li.sfHover ul,
.menutop li li li:hover ul,
.menutop li li li.sfHover ul,
.menutop li li li li:hover ul,
.menutop li li li li.sfHover ul {
    left: 273px;
    top:0px;
    width: 203px;
}

.menutop li li {
    position: relative;
    float:none;
    width: 235px;
}

#horiz-menu li .parent   {
background-color: #555555;
background-image: url("../images/bullet-2.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 99% 50%;
cursor: pointer;
}

#horiz-menu li .parent  a:hover {
background-repeat: no-repeat;
background-image: url("../images/bullet-2.png");
background-attachment: scroll;
background-position: 100% 50%;
cursor: pointer;
}

#horiz-menu li ul  .parent  a:hover  {
background-color: #777;

background-image: url("../images/bullet-2.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 102% 50%;
}


#horiz-menu li ul .parent2 {
background-image: none
}

#horiz-menu li ul .parent2 a:hover{
background-image: none
}

/* Reseaux Sociaux
-------------------------------------------------------------- */

.reseaux-sociaux {
      overflow:hidden;

      list-style:none;
    }
    .reseaux-sociaux a{
      overflow:hidden;
      width:75px;

      float:left;
      margin-right:5px;

      background:url("http://ustke.org/images/style1/reseaux-sociaux.png") no-repeat;
    }


    a.sh-tweet{background-position:-140px -40px;}
    a.sh-tweet:hover{background-position:-140px 1px;}

    a.sh-face{
      margin-right:0;
      background-position:-350px -40px;
    }

    a.sh-face:hover{
      background-position:-350px 1px;
    }
     
    #text-sociaux{
      margin-top:3em;
      font-weight:bold;
      font-family:helvetica,arial,sans-serif;
    }
    #text-sociaux a{
      text-indent:0;
      height:auto;
      text-align:center;
      font-size:11px;
      padding-top:35px;
      color:#999;
      text-decoration:none;
    }