*{
  margin:0;
  padding:0;
}

body
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 8pt;
  background: url(../../images/design/backgrad.jpg) repeat-x #930315;
  color: #373737;

}

.clear {
  clear: both;
  height: 1px;
}

.red {
  color: #db001b;
}

img{
  border: 0;
}

h1, h2, h3, h4 {
  color: #db001b;
}

h1 {
  font-size: 15pt;
  text-transform: uppercase;
}

h2 {
  font-size: 10pt;
  margin-top: 15px;
}

p {
  color: #373737;
}

/**
 * Wrapper
 */

#outer_wrapper {
  background: url(../../images/design/wrapper_back.png) 6px top repeat-y;
  margin: 0 auto;
  width: 1020px;
}

#wrapper {
  margin: 0 auto;
  padding: 15px;
  padding-top: 0px;
  width: 950px;
  height: 650px;
}

#wrapper_bottom {
  width: 1020px;
  margin: 0 auto;
  height: 20px;
  background: url(../../images/design/wrapper_bottom.png) 6px -5px no-repeat #930315;
}

/**
 * Language Switch
 */
#ln_switch {
  font-size: 8pt;
}

#ln_switch ul {
   list-style-type: none;
}

#ln_switch li {
  background: url(../../images/design/ln_switch_back.jpg) no-repeat;
  height: 25px;
  padding-top: 8px;
  width: 100px;
  text-align: center;
  float: right;
  margin-top: 5px;
  margin-right: 30px;
}

#ln_switch li a:visited,
#ln_switch li a:link,
#ln_switch li a:active {
  text-decoration: none;

}

/**
 * Header
 */
#header{
  width: 1020px;
  clear: both;
  margin: 0 auto;
  height: 35px;
  background: url(../../images/design/wrapper_top.png) left 20px no-repeat ;
}
    #header a:visited,
    #header a:active,
    #header a:link
    {
      color: #FFF;
    }

/**
 * Left column
 **/

#left {
  float: left;
  width: 330px;
  padding-right: 20px;
  margin-right: 0px;
  font-size: 8pt;
}
    #side_top {
      height: 50px;
      margin: 0;
      margin-top: -5px;
      background: url(../../images/design/sidebar_top.png) transparent no-repeat;
    }

    #side_top h1 {
      width: 250px;
      margin: 0 auto;
    }

    #sidebar {
      background: url(../../images/design/sidebar_back.png) transparent repeat-y;
      margin-top: 0px;
      width: 100%;
    }

      #sidebar #infos {
        width: 250px;
        padding-top: 1px;
        margin: 0px auto;
      }

    #side_bottom {
      height: 120px;
      padding-top: 20px;
      background: url(../../images/design/sidebar_bottom.png) transparent no-repeat;
      position: relative;
    }

    #side_bottom #participer {
      border: 1px dotted #c6c6c6;
      display: block;
      height: 50px;
      width: 70%;
      margin: 0 auto;
    }

    #logo {
      width: 100%;
      margin-bottom: 0px;
    }

    #fmcoeur{
      width: 85%;
      margin: 0 auto;
      margin-top: -30px;
    }

#left h2{
  font-size: 9pt;
}

#left p{
  margin-top: 15px;
}


/**
 * right column
 **/
#right{
  float: left;
  margin-left: 0px;
  width: 580px;
  position: relative;

}

    #right #close {
      float: right;
      position: absolute;
      right: -17px;
      top: 80px;
      z-index: 1000;
    }

    #right #content_wrapper {
      border: 1px solid #fff;
      z-index: 999;
    }

    #right #content {
      padding: 15px;
      background: url(../../images/design/content_back.png) !important;
      background-repeat: repeat !important;
      z-index: 998;
      border: 5px solid #db001b;
    }

        #right #content #text {
          height: 430px;
          overflow: auto;
          width:530px;
          padding-right: 10px;
          margin-bottom: 5px;
          clear: both;
          position: relative;
          z-index: 998;
        }

        #right #content #text ul, #right #content #text ol {
          margin-left: 20px;
          margin-top: 10px;
        }

        #right #content #text ul li {
          margin-top: 5px;
        }

        #right #content p {
          margin-top: 10px;
        }

        #right #content h1 {
          font-size: 18pt;
          width: 465px;
        }

  #top_nav {
    height: 100px;
    width: 100%;
  }

  ul#main_menu {
    list-style-type: none;
    width: 100%;
    height: 50px;
    font-family: sans-serif;
    font-size: 9pt;
    font-weight: bold !important;
    text-transform: uppercase;
    color: #c6c6c6;

  }

    ul#main_menu li {
      float: left;
      position: relative;
      display: inline;
      height: 40px;
      margin-right: 10px;
      margin-top: 15px;
      margin-bottom: 0px;
    }

        ul#main_menu li a {
          text-decoration: none;
          color: #c30119;
          margin-left: 10px;
          padding: 10px 15px 19px 15px;

        }

        ul#main_menu li a:hover {
          color: #000;
        }


        li.selected > a {
          background-color: #fff;
          color: #000 !important;
          border-top: 1px;
          border-right: 1px;
          border-left: 1px;
          border-bottom: 0;
          border-color: #dfdfdf;
          border-style: solid;
          -moz-border-radius-topleft:      6px;
          -moz-border-radius-topright:     6px;
          -webkit-border-top-left-radius:  6px;
          -webkit-border-top-right-radius: 6px;
        }



        ul#main_menu li ul {
          list-style-type: none;
          position: absolute;
          height: 30px !important;
          top: 34px;
          left: 0;
          border: 1px solid #dfdfdf;
          background: url(../../images/design/back_sub.jpg) repeat-x bottom left #FFF;
          border-bottom: 2px solid #dfdfdf;
          border-right:  2px solid #dfdfdf;
        }

        ul#main_menu li ul li a {
          border: none;
          padding: 10px;
          margin: 0px;
          color: #000;
          text-transform: none;
        }

        ul#main_menu li ul li a:hover {
          color: #c30119;
        }

        ul#main_menu li ul li {
          border: none;
          padding: 8px 0 0 0;
          margin: 0;
        }

        .sub_nav, .cover {
          display: none;
        }

        ul#main_menu li.selected ul {
          display: block;
        }

        ul#main_menu li.selected .cover {
          display: block;
          background-color: #fff;
          height: 4px;
          position: relative;
          z-index: 500;
          top: 18px;
          margin-left: 11px;
        }

        li.sub_selected a {
          color: #db001b !important;
        }


/**
 * Footer
 */

#footer {
  font-size: 6pt;
  position: relative;
  width: 1020px;
  margin: 0 auto;
  margin-top: -5px;
  height: 115px;
  overflow: hidden;
  z-index: 0;
  position: relative;
}

#bottom_nav {
  margin: 0;
  margin-right: 10px;
  float: right;
  width: 670px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 10px;
}

#bottom_nav #ways-flag {
  margin: 0;
  float: left;
  height: 80px;
  width: 280px;
  background: url(../../images/design/3-ways-flag.jpg) no-repeat left top;
  padding: 12px 10px 5px 15px;
}

#bottom_nav #ways-flag p {
  text-transform: uppercase;
  color: #fff;
  width: 230px;
  margin-top: 5px;
  font-size: 6pt;
  letter-spacing: 1px;
  line-height: 9pt;
  font-weight: bold;
}

#bottom_nav ul {
  list-style-type: none;
  position:relative;
  height: 100px;
}


#bottom_nav ul li {
  float: left;
  margin-left: 5px;
  height: 85px;
  width: 85px;
}

#bottom_nav ul li a:visited,
#bottom_nav ul li a:link,
#bottom_nav ul li a:active {
  color: #fff;
  text-decoration: none;
  font-size: 5pt;
  letter-spacing: 1px;
  line-height: 7pt;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 85px;
  display: block;
  _position: absolute;
  _width: 80px !important;
  background: none !important;
}

#bottom_nav ul li#carte {
  background: url(../../images/design/icons_sprite.png) -2px -90px no-repeat;
}

#bottom_nav ul li#carte:hover {
  background: url(../../images/design/icons_sprite.png) -85px -90px no-repeat;
}

#bottom_nav ul li#carte.tool-selected {
  background: url(../../images/design/icons_sprite.png) -438px -90px no-repeat;
}

#bottom_nav ul li#signature {
  background: url(../../images/design/icons_sprite.png) -2px -2px no-repeat;
}

#bottom_nav ul li#signature:hover {
  background: url(../../images/design/icons_sprite.png) -85px -2px no-repeat;
}

#bottom_nav ul li#signature.tool-selected {
  background: url(../../images/design/icons_sprite.png) -438px -2px no-repeat;
}

#bottom_nav ul li#fond{
  background: url(../../images/design/icons_sprite.png) -2px -178px no-repeat;
}

#bottom_nav ul li#fond:hover {
  background: url(../../images/design/icons_sprite.png) -85px -178px no-repeat;
}

#bottom_nav ul li#fond.tool-selected {
  background: url(../../images/design/icons_sprite.png) -438px -178px no-repeat;
}

#bottom_nav ul li#facebook{
  background: url(../../images/design/icons_sprite.png) -351px -2px no-repeat;
}

#bottom_nav ul li#facebook:hover {
  background: url(../../images/design/icons_sprite.png) -351px -91px no-repeat;
}

#bottom_nav ul li#facebook.tool-selected {
  background: url(../../images/design/icons_sprite.png) -351px -178px no-repeat;
}


.FBConnectButton_Simple, .FBConnectButton_RTL_Simple { background: none !important; }

a.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple,
a.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple,
.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple,
.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple {
  text-decoration: none !important;
}

.FBConnectButton_Simple .FBConnectButton_Text_Simple {margin: 0 !important;}



/**
 * Flash
 */

div.flash
{
  padding: 5px !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
  text-align: center;
  font-weight: bold;
  width: 525px !important;

}

div.flash_success
{
  background-color: #ceffce;
  border: 1px solid #6cce1b;
  color: #4e9513;
}

div.flash_error
{
  border: 1px solid #bf0000;
  color: #bf0000;
  background-color: #ffc6c6;
}

div.flash_warning
{
  border: 1px solid #fa9601;
  background-color: #ffd89d;
  color: #fa9601;
}

.with_error
{
  border: 2px red solid;
}