/*general*/
body{
  font-family: Verdana;
}
a img{
  border: 0;
}


h2.big{
  font-weight: bold;
  font-size: 18px;
  color: #207f94;
  margin-left: -10px;
  padding-left: 10px;
  background: url(../images/style/souligne-grand-titre.gif) left bottom no-repeat;
  padding-bottom: 8px;
}


h2{
  font-weight: bold;
  font-size: 14px;
  color: #207f94;
  margin-left: -10px;
  padding-left: 10px;
  background: url(../images/style/souligne-grand-titre.gif) left bottom no-repeat;
  padding-bottom: 8px;
}

h2.small, .extra_container h2{
  background: url(../images/style/souligne-rubric.gif) left bottom no-repeat;
  font-weight: bold;
}
.extra_container h2 {
  margin-left: -7px;
}

h3{
  background: url(../images/style/souligne-rubric.gif) left bottom no-repeat;
  font-size: 12px;
  color: #7aad00;
  font-weight: bold;
  margin: 5px;
  margin-left: 0;
  margin-bottom: 12px;
  padding-bottom: 6px;
}
h4{
  font-size: 11px;
  color: #808080;
  font-weight: bold;
  margin: 5px;
  margin-left: 0;
  margin-bottom: 5px;
}
h5{
  font-size: 10px;
  color: #808080;
  font-weight: bold;
  margin: 5px;
  margin-left: 0;
  margin-bottom: 5px;
}
.bold{
  font-weight: bold;
  color: #207f94;
}
.text{
  font-size: 10px;
  color: #313131 ;
}
.right{
  padding: 2%;
  width: 46%;
  float: right;
}
.left{
  padding: 2%;
  width: 46%;
  float: left;
}

#container{
  background-color: #ffffff;
  }
#container.bg_default{
  background: url(../images/style/bg_default.gif) repeat-y;
 }
#container.bg_2{
  background: url(../images/style/bg_2.gif) repeat-y;
  }
#container.bg_3{
  background: url(../images/style/bg_3.gif) repeat-y;
  }
/*tool_bar*/

#tool_bar{
  background-color: #313131;
  height: 30px;
  }
  #tool_bar #tool_bar_titles{
   padding-top: 6px;
  }
  #tool_bar h2{
    font-weight: bolder;
    font-size: 12px;
    background: none;
    display: inline;
    }
    #tool_bar h2.tool_bar_title_first{ 
      margin-left: 9px;
    }
    #tool_bar h2.tool_bar_title{ 
      margin-left: 100px;
    }
    #tool_bar h2 a{
      width: 250px;
      color: #ffffff;
      text-decoration: none;
    }
    #tool_bar h2 a:hover{
      color: #7aad00;
      text-decoration: none;
      }
      #tool_bar h2 a span{
        font-size: 12px;
        color: #7aad00;
      }
    #tool_bar #picto{
      padding-top: 5px;
      float: right;
      margin-left: 15px;
      }
      #tool_bar #picto img{
        margin-right: 10px;
      }
    #tool_bar #search{
      float: right;
      padding-top: 4px;
      background: url(../images/style/bloc-search.gif) no-repeat bottom left ;
      border : none;
      }
      #tool_bar #search input#query{
        width: 101px;
        background: none;
        padding-left: 10px;
        border: none;
        font-size: 10px;
        color: #7d7d7d;
      }
      #tool_bar #search input#search_submit{
        background: none;
        width: 40px;
        border : none;
      }

#header{
  background: url(../images/style/small-header.jpg) no-repeat;
}
#header.default{
        
	height: 255px;
	background: url(../images/style/header.jpg) no-repeat;
	}
  #header.default #player_box{
    padding-top: 23px;
    padding-right: 25px;
    }
    #header.default #player_box #player{
      float: right;
    }
#header.main{
  height: 40px;
  }
  #header.default #home{
    float: left;
    display: block;
    width: 517px;
    height: 165px;
    }
  #header.main #home{
    display: block;
    width: 200px;
    float: left;
    height: 30px;
    }
	#header #titre h1{display: none}


  #header #root_child_folders
  {
    float: right;
    width: 730px;
    height: 24px;
    margin: 0;
  	padding: 0;
    margin-right: 20px;
    font-size: 10px;
    list-style-type: none;
    
    }
    #header.main #root_child_folders{
      margin-top: 6px;
    }

    #header #root_child_folders li
    {
      margin-left: 9px;
      float: right;
  		}         
      #header #root_child_folders li a
      {
        display: block;
        text-decoration: none;
        color: white;
      }
      #header #root_child_folders li a:hover, #header #root_child_folders li a.selected
      {
        color: #7aad00;
        text-decoration: underline;
      }
      #header #root_child_folders li .sub_menu
      {
        z-index: 100;
        margin: 0;
        padding: 0;
        margin-left: -200px;
        margin-top: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
        position: absolute;
        border: 1px solid #46aebd;
        background: white;
        width: 401px;
        display: block;
        }
        #header #root_child_folders li .sub_menu .sub_menu_left
        {
          float: none;
          list-style-type: none;
          margin: 0;
          padding: 0;
          width: 200px;
          vertical-align: top;
        }
        #header #root_child_folders li .sub_menu ul{
          margin: 0;
          padding: 0;
          list-style-type: none;
        }
        #header #root_child_folders li .sub_menu .sub_menu_right
        {
          float: none;
          list-style-type: none;
          margin: 0;
          padding: 0;
          width: 200px;
          border-left: 1px dashed #46aebd;
          vertical-align: top;
          }
          #header #root_child_folders li .sub_menu .sub_menu_right li,
          #header #root_child_folders li .sub_menu .sub_menu_left li
          {
            margin: 10px;
            padding: 0;
            float: none;
            }
            #header #root_child_folders li .sub_menu .sub_menu_right li a,
            #header #root_child_folders li .sub_menu .sub_menu_left li a
            {
              margin: 0;
              padding: 0;
              display: block;
              font-size: 10px;
              color: #207f94;
              font-weight: bold;
              text-decoration: none;
            }
            #header #root_child_folders li .sub_menu .sub_menu_right li a:hover,
            #header #root_child_folders li .sub_menu .sub_menu_left li a:hover
            {
              text-decoration: none;
            }
            #header #root_child_folders li .sub_menu .sub_menu_right li ul,
            #header #root_child_folders li .sub_menu .sub_menu_left li ul
            {
              position: relative;
              width:  auto;
              padding: 0;
              margin: 0;
              border: none;
              display: block;
              }
              #header #root_child_folders li .sub_menu .sub_menu_right li ul li,
              #header #root_child_folders li .sub_menu .sub_menu_left li ul li
              {
                padding: 0;
                margin: 0;
                margin-left: 10px;
                border: none;
                display: block;
                }
                #header #root_child_folders li .sub_menu .sub_menu_right li ul li a,
                #header #root_child_folders li .sub_menu .sub_menu_left li ul li a,
                #header #root_child_folders li .sub_menu .sub_menu_right li ul li span,
                #header #root_child_folders li .sub_menu .sub_menu_left li ul li span
                {
                  margin: 0;
                  padding: 0;
                  display: inline;
                  font-size: 10px;
                  color: #aaaaaa;
                  font-weight: normal;
                  text-decoration: none;
                }
                #header #root_child_folders li .sub_menu .sub_menu_right li ul li a:hover,
                #header #root_child_folders li .sub_menu .sub_menu_left li ul li a:hover
                {
                  color: #7aad00;
                }


#path{
  background-color: #f6f6f6;
  font-style: italic;
  font-size: 10px;
  color: #959595;
  }
  #path div{
      margin-left: 5px;
  }
  #path a{
    color: #959595;
    text-decoration: none;
  }

#navigation{
  background-color: #f6f6f6;
  }
  #navigation h3{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    margin-left: 5px;
    background: url(../images/style/en-tete-menu-haut.jpg) top no-repeat #005479;
    }
    #navigation h3 a{
      color: #ffffff;
      text-decoration: none;
      display: block;
      margin: 0;
      background: url(../images/style/en-tete-menu-bas.jpg) bottom no-repeat;      
      padding-bottom: 12px;
    }
    #navigation .folder_content, #navigation .sub_folder_content, #navigation .sub_sub_folder_content {overflow: hidden;}
  
    #navigation div.content, #navigation div.folder{
      padding-top: 8px;
      min-height: 30px;
      background: url(../images/style/bg-menu.jpg) bottom repeat-x;     
      background-color: #F6F6F6;
    }
    #navigation div.content a, #navigation div.folder a{
      font-size: 10px;
      color: #313131;
      text-decoration: none;
    }
    #navigation div.content img{
      margin-left: 5px;
      margin-right: 10px;
    }
    #navigation ul, #navigation div{
      list-style-type: none;
      margin: 0;
      padding: 0;
      }
      #navigation #menu div p{
        margin: 0;
        padding:0;
        padding-bottom: 5px;
        padding-right: 5px;
        background: url(../images/style/bg-menu.jpg) bottom repeat-x;
      }
      #navigation #menu div a{
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        font-size: 10px;
        color: #313131;
        text-decoration: none;
        /*background: url(../images/style/bg-menu-off.jpg) top repeat-x;*/
        background: url(../images/style/off.gif) 7px 13px no-repeat;
      }
       
      #navigation #menu div a:hover, #navigation #menu div.folder.selected a{
        text-decoration: none;
        /*background: url(../images/style/bg-menu-on.jpg) top repeat-x;*/
        background: url(../images/style/on.gif) 7px 13px no-repeat;
      }
      #menu div.selected a{
        font-weight: bold;
        font-style: italic;
      }
      #menu div.selected a span{
        color:  #7AAD00;  /* link color */
      }
      #navigation #menu div a{
        padding-left: 20px;
        }
        #navigation #menu div div a{
          padding: 0;
          margin: 0;
          padding-left: 12px;
          margin-left: 10px;
          margin-right: 10px;
          padding-top: 7px;
          padding-bottom: 7px;
          color: #7E7E7E;
          border-top: 1px solid #cccccc;
          background: none;
        }
        
        #navigation #menu div div a:hover{
          background: none;
          }
          #navigation #menu div div a:hover span{
            color: #7AAD00;  /* link color */
          }
        #navigation #menu div div div a{
          margin-left: 20px;
        }

#content{
  font-size: 10px;
  color: #313131;


  }

  #content .translation_error{
    border: 1px solid gray;
    padding: 5px;
    margin: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #E2DFFF;    
  }
  
  #content #nested_content{
    margin: 0;
    padding: 0;
  }
  /* html_header */
  #content #header-top{
    height: 8px;
    margin: 0;
    margin-left: -10px;
    /*width: 730px;*/
    padding: 0;
    background: url(../images/style/en-tete-pleine-page-h.jpg) no-repeat;
  }
  #content #header-middle{
    margin: 0;
    margin-left: -10px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 733px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    /*background: url(../images/style/en-tete-pleine-page-filet.jpg) repeat-y;*/
    background: white;
  }
  #content #header-bottom{
    height: 22px;
    margin: 0;
    margin-left: -10px;
    padding: 0;
    background: url(../images/style/en-tete-pleine-page-b.jpg) no-repeat #F6F6F6;
  }
  /* mini html_header */
  #content #header-mini #header-top{
    /*width: 490px;*/
    height: 8px;
    margin: 0;
    margin-left: -10px;
    padding: 0;
    background: url(../images/style/en-tete-petite-page-h.jpg) no-repeat;
  }
  #content #header-mini #header-middle{
    /*width: 468px;*/
    margin: 0;
    margin-left: -10px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    /*background: url(../images/style/en-tete-petite-page-filet.jpg) repeat-y;*/
    background: white;
  }
  #content #header-mini #header-bottom{
    /*width: 490px;*/
    height: 22px;
    margin: 0;
    margin-left: -10px;
    padding: 0;
    background: url(../images/style/en-tete-petite-page-b.jpg) no-repeat #F6F6F6;
  }

  #content #html-body{}
  #content #html-body-full{margin-right: 5px;}
  /*#content #html-body-full img{margin: 10px;}*/
  
  span.pdf{
    padding-left: 17px;
    padding-bottom: 2px;
    background: url(../images/style/doc-pdf.gif) no-repeat;
  }
  span.pdf-full{
    padding-left: 17px;
    padding-bottom: 15px;
    background: url(../images/style/doc-pdf.gif) no-repeat;
  }
  span.doc{
    padding-left: 17px;
    padding-bottom: 2px;
    background: url(../images/style/doc-word.gif) no-repeat;
  }
  span.doc-full{
    padding-left: 17px;
    padding-bottom: 15px;
    background: url(../images/style/doc-word.gif) no-repeat;
  }
  span.xls{
    padding-left: 17px;
    padding-bottom: 2px;
    background: url(../images/style/doc-excel.gif) no-repeat;
  }
  span.xls-full{
    padding-left: 17px;
    padding-bottom: 15px;
    background: url(../images/style/doc-excel.gif) no-repeat;
  }
  span.open{
    padding-left: 17px;
    padding-bottom: 2px;
    background: url(../images/style/doc-open.gif) no-repeat;
  }
  span.open-full{
    padding-left: 17px;
    padding-bottom: 15px;
    background: url(../images/style/doc-open.gif) no-repeat;
  }
  span.ppt{
    padding-left: 17px;
    padding-bottom: 2px;
    background: url(../images/style/doc-ppt.gif) no-repeat;
  }
  span.ppt-full{
    padding-left: 17px;
    padding-bottom: 15px;
    background: url(../images/style/doc-ppt.gif) no-repeat;
  }
  
  #content.bg_2 #html-body-full{margin-right: 15px;}
  #content #extra{ padding: 0;margin: 0}

  #content ul, #extra ul{list-style-image: url(../images/style/off.gif)}
  #content #list_open_folder, #content #list_open_folder ul, #content #sf_cms_content_type{list-style-image: none}
  #content a, #extra a{
    text-decoration: none;
    color: #7aad00;
  }
  #content a:hover{
    
  }

  
  
  
  /*** SOCIAL ***/
                                                             
 
  #content #social-footer{
    margin-top: 10px;
    float: left;
    }
    #content #social-footer .twitter{
      margin-top: 5px;
      float: left;
    }
    #content #social-footer .fb{
      margin-top: 5px;
      float: left;
    }
    #content #social-footer .navig {
      margin-top: 5px;
      float: left;
    }
    #content #social-footer .print {
      margin-top: 5px;
      float: left;
    }
    #content #social-footer .print a {
      display: block;
      width: 20px;
      height: 20px;
      background: url(../images/style/print.gif) left bottom no-repeat;
    }
    #content #social-footer .top {
      margin-top: 5px;
      float: left;
    }
    #content #social-footer .top a{
      float: left;
      display: block;
      width: 20px;
      height: 20px;
      background: url(../images/style/haut.gif) left bottom no-repeat;
    }

  /* default */
  #static{
    margin: 5px;
    margin-top: -50px;
    padding: 10px;
    background: #ffffff;
    }
    #static p{
      line-height: 15px;
    }
    #static div{
      margin: 0;
      padding: 0;
    } 
    #static a{
     text-decoration: none;
      color: black;
    }
    #static a:hover{
      color: #7aad00;
    }
    #static h2 a{
      color: #7aad00;
    }

  #content #page404{
    margin-left: 5px;
    padding-left: 20px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    min-height: 300px;
  }

#extra{
  background-color: #f6f6f6;
  font-size: 10px;
  }
  #extra h3{
    font-style: italic;
  }
  /* actu accueil */
  #extra #actus_box {
    margin-top: 20px;
    margin-left: 35px;
    background: url(../images/style/actu_accueil.jpg) top left no-repeat;
    height: 160px;
    }
    #extra #actus_box a, #extra #actu_box a{
      color: #313131;
      text-decoration: none;
      }
      #extra #actus_box a:hover{
        text-decoration: underline;
      }
      #extra #actus_box .actu{
        padding: 6px;
        height: 115px;
      }
      #extra #actus_box .actu img{
        margin-right: 5px;
        }
        .actu img{
          float: left;
        }
        #extra #actus_box .actu .title{
            margin: 0;
            padding: 0;
            font-size: 12px;
            color: #207f94;
            font-weight: bold;
          }
          #extra #actus_box .actu .category{
            float: right;
          }
          #extra #actus_box .actu .en_savoir{
            float: left;
          }
          #extra #actus_box .slidetabs {
            margin-right: 10px;
            float: right;
            /*clear:both;*/
          }
          #extra #actus_box .slidetabs a{
            width:8px;
            height:8px;
            float:left;
            margin:3px;
            margin-top: 8px;
            background: url(../images/style/off.gif) 0 0 no-repeat;
            display:block;
            font-size:1px;
          }
          #extra #actus_box .slidetabs a:hover{
            background: url(../images/style/on.gif) 0 0 no-repeat;
          }
          #extra #actus_box .slidetabs a.current {
            background: url(../images/style/current.gif) 0 0 no-repeat;
          }

 #extra .extra_container_up{
    margin: 0;
    margin-top: -2px;
    padding: 0;
    background: url(../images/style/en-tete-extra-up.gif) top no-repeat;
    height: 5px;
  }
  #extra .extra_container{
    margin: 0;
    padding: 0;
    margin-left: 5px;
    padding:  8px;
    background: url(../images/style/en-tete-extra.gif) repeat-y;
  }
  #extra .extra_container_down{
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    height: 10px;
    background: url(../images/style/en-tete-extra-down.gif) bottom no-repeat;
  }
  #extra #sub{
    margin-top: 15px;
  }
  #extra #sub .sub{
    background: url(../images/style/auto_promo.jpg) no-repeat;
    width: 200px;
    height: 152px;
    float: right;
    margin-right: 5px;
    
  }
  #extra #sub img{
    padding: 7px;
  }
  #extra #sub #auto_promo_1{}
  #extra #sub #auto_promo_2{
    margin-right: 30px;
  }

  #extra #actu_box{
    margin: 0;
    padding: 0;
    background: white;
    }
    #extra #actu_box .actu{
      margin: 0;
      padding: 0;
      }
      #extra #actu_box .actu img{
        margin-right: 5px;
      }
      #extra #actu_box .actu .title{
        margin: 0;
        padding: 0;
        font-size: 12px;
        color: #207F94;
        font-weight: bold;
      }
      #extra #actu_box .actu .category{
        float: right;
      }
      #extra #actu_box .actu .en_savoir{
        float: left;
      }

  #extra table td{
    vertical-align: bottom;
  }
  #extra .backward{
    margin: 0;
    margin-top: 5px;
    padding: 0;
    float: none;
  }
  #extra .forward{
    margin: 0;
    margin-top: 5px;
    padding: 0;
    float: none;
  }
  #extra .slidetabs{
    float: none;
    margin: 0;
    margin-left: 100px;
    padding: 0;
    height: 30px;
    width: 70px;
    }
    #extra .slidetabs a{
      margin: 2px;
      margin-top: 20px;
    }

#stamp{
  }
  #stamp .UdA_stamp{
    display: block;
    float: right;
    width: 120px;
    height: 40px;
    margin-top: 20px;
    margin-right: 10px;
    background:  url(../images/style/logo-uda-bas.jpg) no-repeat;
  }
  #stamp.blanc .UdA_stamp{
    background:  url(../images/style/logo-uda-bas-blanc.jpg) no-repeat;
  }
  #stamp .clermont_stamp{
    display: block;
    float: right;
    width: 75px;
    height: 40px;
    margin-top: 20px;
    margin-right: 10px;
    background:  url(../images/style/logo-pres-bas.jpg) no-repeat;
  }
  #stamp.blanc .clermont_stamp{
    background:  url(../images/style/logo-pres-bas-blanc.jpg) no-repeat;
  }
  #stamp a span{
    display: none;
  }

#footer{
	background: url(../images/style/footer.jpg) top repeat-x #000000;
  height: 25px;
  padding-top: 5px;
	}
  #footer a{
      font-size: 10px;
      text-decoration: none;
      color: #aad5d3;
  }
  #footer #rss{
    margin-right: 20px;
		float: right;
	  }
    #footer #rss #rss_link{
      display: block;
      float: left;
      margin-top: 3px;
    }
    #footer #rss #rss_icon{
      width: 23px;
      height: 23px;
      display: block;
      float: left;
      background:  url(../images/style/rss-off.gif);
    }
    #footer #rss #rss_icon:hover{
      background:  url(../images/style/rss-on.gif);
    }
  #footer #social_network{
		float: right;
    margin-right: 10px;
    }
    #footer #social_network a{
      width: 23px;
      height: 23px;
      display: block;
      float: left;
    }
    #footer #social_network a.dailymotion{
      background:  url(../images/style/dailymotion-off.gif);
    }
    #footer #social_network a.dailymotion:hover{
      background:  url(../images/style/dailymotion-on.gif);
    }
    #footer #social_network a.vimeo{
      background:  url(../images/style/vimeo-off.gif);
    }
    #footer #social_network a.vimeo:hover{
      background:  url(../images/style/vimeo-on.gif);
    }
    #footer #social_network a.wikipedia{
      background:  url(../images/style/wikipedia-off.gif);
    }
    #footer #social_network a.wikipedia:hover{
      background:  url(../images/style/wikipedia-on.gif);
    }
    #footer #social_network a.youtube{
      background:  url(../images/style/youtube-off.gif);
    }
    #footer #social_network a.youtube:hover{
      background:  url(../images/style/youtube-on.gif);
    }
    #footer #social_network a.twitter{
      background:  url(../images/style/twitter-off.gif);
    }
    #footer #social_network a.twitter:hover{
      background:  url(../images/style/twitter-on.gif);
    }
    #footer #social_network a.facebook{
      background:  url(../images/style/facebook-off.gif);
    }
    #footer #social_network a.facebook:hover{
      background:  url(../images/style/facebook-on.gif);
    }
    #footer #social_network a span{
      display: none;
    }
  #footer #root_child_contents{
    float: left;
    margin-left: 25px;
    margin-right: 30px;
    }
    #footer #root_child_contents span{

      margin-right: 20px;
      color: white;
    }
  #footer #lang{
    padding-left: 10px;
    padding-top: 2px;
    }
    #footer #lang img{
      margin-right: 5px;
    }

/* news */

#sf_cms_news .buttons, #sf_cms_news .date, #sf_cms_news .publication{
  display: inline;
}
#sf_cms_news .buttons, #sf_cms_news .publication{
  float: right;
}
#sf_cms_news{
  margin: 0;
  margin-right: 5px;
  list-style-type: none;
  list-style-image: none;
  }
  ul#sf_cms_news li{
    margin: 0;
    margin-right: 10px;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    min-height: 150px;
    padding: 10px;
    }
    #sf_cms_news .en_savoir{
      float: left;
      margin: 10px;
      margin-top: 12px;
    }

    #sf_cms_news .category-left{
      width: 10px;
      height: 23px;
      float: left;
      margin-top: 5px;
      background: url(../images/style/tag-actu-gauche.gif) top left no-repeat;
    }
    #sf_cms_news .category-middle{
      font-weight: bold;
      height: 23px;
      padding-top: 3px;
      margin-top: 5px;
      float: left;
      background: url(../images/style/tag-actu-middle.gif) top left repeat-x;
    }
    #sf_cms_news .category-right{
      width: 10px;
      height: 23px;
      margin-top: 5px;
      float: left;
      background: url(../images/style/tag-actu-droite.gif) top right no-repeat;
    }

    #sf_cms_news .odd .category-left{
      width: 10px;
      height: 23px;
      float: left;
      margin-top: 5px;
      background: url(../images/style/tag-actu-blanc-gauche.gif) top left no-repeat;
    }
    #sf_cms_news .odd .category-middle{
      font-weight: bold;
      height: 23px;
      padding-top: 3px;
      margin-top: 5px;
      float: left;
      background: url(../images/style/tag-actu-blanc-middle.gif) top left repeat-x;
    }
    #sf_cms_news .odd .category-right{
      width: 10px;
      height: 23px;
      margin-top: 5px;
      float: left;
      background: url(../images/style/tag-actu-blanc-droite.gif) top right no-repeat;
    }

    
    #sf_cms_news .detail{
      margin-top: 40px;
    }

    #sf_cms_news .title_bar img{
      float: left;
      margin: 10px;
    }
    #sf_cms_news .title_bar h2{
      background: none;
      color: #547ab3;
      margin: 0;
      padding: 0;
    }
    #sf_cms_news a{
      color: #313131;
    }
    
    #sf_cms_news a h2{
      color: #547ab3;
    }

    


/* back */
.description{
  margin: 0;
  padding: 2px;
  }

  .description p{
    margin: 0;
    padding: 2px;
  }

.note_container{
  height: 35px;
  text-align: right;
  }

  .note_container .note{
    float: right;
    margin: 3px;
    padding: 2px;
    width: 170px;
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid gray;
    background: #E2DFFF;
  }

.odd{
  background: #eeeeee;
  border: 1px solid #cccccc;
  border-left: none;
  border-right: none;
}

.paire{
  background: #ffffff;
  border: 1px solid #cccccc;
  border-left: none;
  border-right: none;
}