/* Start of CMSMS style sheet 'Bearn' */
/* ***** GENERAL ************************************************************ */
body {
  background : #49250b url(epsigon/style/body-background.png) repeat-x ;
  font-family : "Trebuchet MS", helvetica, sans-serif ;
  }
  
#interfacewrapper {
  width : 954px ;
  margin : 20px auto 0 auto ;
  background : white url(epsigon/style/interface-top-background.png) no-repeat top ;
  }
  
#headerwrapper {
  position : relative ;
  width : 100% ;
  height : 431px ;
  }


#pagewrapper {
  width : 946px ;
  background : white url(epsigon/style/pagewrapper-background.png) no-repeat bottom center ;
  border : 4px solid white ;
  border-top : 0 ;
  border-bottom : 0 ;
  overflow : auto ;
  padding-bottom : 35px ;
  }
  
  #content {
    float : right ;
    display : inline ; /* IE 5.5 Hack */
    width : 600px ;
    padding : 0 35px 0 0 ;
    font-size : 13px ;
    text-align : justify ;
    line-height : 2 ;
    }
    
  #colonne {
    float : left ;
    display : inline ; /* IE 5.5 Hack */
    width : 232px ;
    padding : 30px 0 0 35px ;
    }
    
    #menuwrapper {
      width : 232px ;
      background : white url(epsigon/style/menuwrapper-top-background.png) no-repeat top center ;
      padding-top : 6px ;
      }
      
    #menuwrapper-bottom {
      width : 232px ;
      height : 6px ;
      background : url(epsigon/style/menuwrapper-bottom-background-trans.png) no-repeat bottom center ;
      margin-bottom : 35px ;
      }      
  
#footerwrapper {
  position : relative ;
  width : 954px ;
  height : 85px ;
  margin : 0 auto 20px auto ;
  background : url(epsigon/style/footerwrapper-background.jpg) no-repeat ;
  }


/* ***** HEADER ************************************************************* */
#logo {
  position : absolute ;
  top : 30px ;
  left : 30px ;
  width : 282px ;
  height : 129px ;
  text-indent : -9999px ;
  background : url(epsigon/style/logo-background-trans.png) no-repeat ;
  }
  
  #logo a {
    display : block ;
    width : 100% ;
    height : 100% ;
    }
  
#slogan-fr {
  position : absolute ;
  top : 50px ;
  left : 450px ;
  width : 305px ;
  height : 82px ;
  text-indent : -9999px ;
  background : url(epsigon/style/slogan-fr-trans.png) no-repeat ;
  }
  
#slogan-en {
  position : absolute ;
  top : 50px ;
  left : 450px ;
  width : 305px ;
  height : 81px ;
  text-indent : -9999px ;
  background : url(epsigon/style/slogan-en-trans.png) no-repeat ;
  }
  
#slogan-es {
  position : absolute ;
  top : 50px ;
  left : 450px ;
  width : 319px ;
  height : 82px ;
  text-indent : -9999px ;
  background : url(epsigon/style/slogan-es-trans.png) no-repeat ;
  }    

#lang {
  position : absolute ;
  top : 15px ;
  right : 15px ;
  width : 150px ;
  height : 35px ;
  text-align : right ;
  }
  
#bandeau {
  position : absolute ;
  left : 4px ;
  bottom : 0 ;
  width : 946px ;
  height : 281px ;
  background : url(epsigon/style/headerwrapper-background-trans.png) no-repeat ;
  }

/* ***** MENU *************************************************************** */
#menu {
  font-size : 12px ;
  color : white ;
  width : 228px ;
  border : 2px solid #c9c9c9 ;
  border-top : 0 ;
  border-bottom : 0 ;
  line-height : 38px ;
  padding : 4px 0 4px 0 ;
  }
  
#menu * {
  z-index : 100 ;
  }

  .clearb {
    clear: both; /* Opera 8 Fix */
    }

  #menu a {
    display : block ;
    position : relative ; /* IE Fix Display Block */
    }

  #menu a.menuparent {
    cursor : default ;
    }

  #menu ul {
    display: none;
    }

  #menu li {
    position : relative ;
    }

  #menu ul li.menuparent,
  #menu ul li.menuparent:hover {
    
    }

  #menu > li.menuactive {
    
    }
  
  #menu > li > ul li.menuactive {
    background : #c9c9c9 ;
    }
  
  #menu > li > ul li.menuactive.menuparent {
    background : #c9c9c9 ;
    }
  
  /* ***** SURVOL DES MENUS PARENTS ***************************************** */
  #menu ul,
  #menu li:hover ul,
  #menu li:hover ul ul {
    display: none;
    }
  
  #menu li:hover ul,
  #menu ul li:hover ul,
  #menu ul ul li:hover ul {
    display: block;
    }

  
  /* ***** MENU NIVEAU 0 **************************************************** */
  #menu > li {
    width : 203px ;
    height : 38px ;
    line-height : 38px ;
    color : black ;
    font-size : 16px ;
    letter-spacing : 2px ;
    padding-left : 25px ;
    background : url(epsigon/style/menu-li-puce.gif) no-repeat 10px 50% ;
    }
  
  #menu > li:hover {
    background : url(epsigon/style/menu-li-background.jpg) no-repeat 50% 0% ;
    }
    
  #menu > li:hover > a {
    font-weight : bold ;
    }    
  
  #menu > li > a {
    color : black ;
    padding : 0 1em ;
    }
  
  /* ***** MENU NIVEAU 0.1 ************************************************** */
  #menu > li > ul {
    background : white url(epsigon/style/menu-2-background.png) repeat-y ;
    position : absolute ;
    top : 0px ;
    left : 228px ;
    border : 2px solid #c9c9c9 ;
    font-size : 14px ;
    }
  
  #menu > li > ul > li {
    width : 220px ;
    height : 28px ;
    line-height : 28px ;
    }
  
  #menu > li > ul > li > a {
    color : black ;
    display : block ;
    padding : 0 10px 0 10px ;
    width : 200px ;
    height : 28px ;
    }
    
   #menu > li > ul > li > a:hover {
    font-weight : bold ;
    } 
  
  #menu > li > ul > li.menuparent:hover {
    background : #ff7101 ;
    }
  
  /* ***** MENU NIVEAU 0.1.2 ************************************************ */
  #menu > li > ul > li > ul {
    background : #999999 ;
    position : absolute ;
    top : 2px ;
    left : 210px ;
    border : 1px solid #2a2a2a ;
    line-height : 2 ;
    }
  
  #menu > li > ul > li > ul > li {
    width : auto ; /* Pour adapter la largeur du LI au texte */
    white-space : nowrap ; /* Pour adapter la largeur du LI au texte */
    }
  
  #menu > li > ul > li > ul > li > a {
    color : white ;
    padding : 0 1em ;
    height : 1% ; /* IE Fix Margin Bug */
    }
  
  #menu > li > ul > li > ul > li:hover {
    background : #820e02 ;
    }
  
/* ***** CONTENT ************************************************************ */
#content h1 {
  font-size : 26px ;
  color : black ;
  text-align : right ;
  font-weight : bold ;
  clear : both ;
  }
  
#content h2 {
  font-size : 18px ;
  color : black ;
  text-align : left ;
  font-weight : bold ;
  border-bottom : 1px solid black ;
  margin-bottom : 10px ;
  clear : both ;
  }

#content p+h2,
#content ul+h2,
#content form+h2 {
margin-top : 20px ;
}
  
#content h3 {
  font-size : 14px ;
  color : black ;
  text-align : left ;
  font-weight : bold ;
  border-bottom : 1px dotted black ;
  margin-bottom : 10px ;
  margin-top : 20px ;
  margin-left : 50px ;
  clear : both ;
  }
  
#content a {
  color : #006641 ;
  font-weight : bold ;
  }
  
#content a:hover {
  color : red ;
  font-weight : bold ;
  }  
  
#content p+p {
  margin-top : 1em ;
  }
  
#content ul+p {
  margin-top : 1em ;
  }  
  
#content ul {
  margin-left : 35px ;
  list-style-type : disc ;
  }

#content table {
border-collapse : collapse ;
}

#content td {
padding : 5px ;
}

#content img.right {
float : right ;
margin : 0 0 0 10px ;
}

#content img.left {
float : left ;
margin : 0 10px 0 0 ;
}

#content acronym {
border-bottom : 1px dotted black ;
}

/* ***** FOOTER ************************************************************* */

#filet {
  text-align : center ;
  height : 39px ;
  font-size : 12px ;
  color : black ;
  line-height : 49px ;
  }
  
  #filet li {
    display : inline ;
    padding : 5px 15px ;
    border-left : 1px solid white ;
    }
    
  #filet li:first-child {
    border-left : 0 ;
    }
    
  #filet a {
    color : black ;
    }
  
  #filet a:hover {
    color : white ;
    }

#antipixel {
  position : absolute ;
  bottom : 0 ;
  left : 15px ;
  width : 280px ;
  height : 25px ;
  line-height : 25px ;
  }
  
  #antipixel img {
    vertical-align : middle ;
    margin-right : 10px ;
    }
  
#copyright {
  position : absolute ;
  bottom : -7px ;
  right : 0 ;
  width : 200px ;
  height : 32px ;
  line-height : 25px ;
  text-align : right ;
  color : white ;
  font-size : 12px ;
  background : url(epsigon/style/epsigon-background.jpg) no-repeat 100% 50% ;
  }
  
  
  #copyright a {
    display : block ;
    width : 160px ;
    height : 32px ;
    color : white ;
    font-weight : bold ;
    padding-right : 40px ;
    }
    
  #copyright a:hover {
    color : orange ;
    }
    
    
/* ***** METEO ************************************************************** */

#meteo {
  float : right ;
  width : 220px ;
  margin-top : 30px ;
  background : #e1e1e1 ;
  border : 2px solid #c9c9c9 ;
  }
  
  #meteo-h1 {
    height : 30px ;
    background : #a4a4a4 ;
    line-height : 30px ;
    color : white ;
    font-size : 20px ;
    font-weight : bold ;
    text-align : center ;
    letter-spacing : 2px ;
    }
    
  #meteo-aujourdhui {
    margin : 0 ;
    padding : 0 10px ;
    height : 180px ;
    position : relative ;
    background-repeat : no-repeat !important ;
    }
  
    #meteo-h2 {
      margin : 0 ;
      padding : 0 ;
      color : black ;
      font-weight : bold ;
      text-align : left ;
      font-size : 16px ;
      border : 0 ;
      }
      
    #meteo-aujourdhui p.meteo-mini {
      position : absolute ;
      top : 20px ;
      right : 20px ;
      text-align : center ;
      font-size : 10px ;
      }
      
    #meteo-aujourdhui p.meteo-maxi {
      position : absolute ;
      top : 30px ;
      right : 20px ;
      text-align : center ;
      font-weight : bold ;
      letter-spacing : 0px ;
      font-size : 36px ;
      }
      
    #meteo-aujourdhui p.meteo-maxi sup {
      font-weight : bold ;
      font-size : 12px ;
      vertical-align : super ;
      }              
      
    #meteo-aujourdhui p.meteo-soleil {
      position : absolute ;
      bottom : 0 ;
      left : 0 ;
      text-align : center ;
      font-size : 11px ;
      width : 100% ;
      }
      
  #meteo-demain {
    margin : 0 ;
    padding : 0 10px ;
    height : 44px ;
    position : relative ;
    background : #a4a4a4 ;
    }
      
    #meteo-demain img {
      position : absolute ;
      top : 5px ;
      right : 0px ;
      }
      
    #meteo-demain p {
      position : absolute ;
      left : 10px ;
      top : 15px ;
      margin : 0 ;
      padding : 0 ;
      color : black ;
      text-align : left ;
      font-size : 10px ;
      border : 0 ;
      line-height : 1.2 ;
      }

/* ACTUALITES ****************************************************************/

#actualite {
  width : 340px ;
  float : left ;
  margin-top : 30px ;
  }
  
#actualite .news-infos {
  text-align : right ;
  font-size : 10px ;
  }


#pano {
float : right ;
margin : 0 0 20px 20px ;
}


/* FORMULAIRES ****************************************************************/

form {
  line-height : 2 ;
  text-align : left ;
  }

fieldset {
  border : 1px solid #006641 ;
  padding : 20px ;
  margin-bottom : 10px ;
  margin-top : 10px
  }
  
input {
  border : 1px solid #006641 ;
  background : #b2d4c8 ;
  }
  
input[type=submit] {
  border : 1px solid red ;
  background : #f0a5a0 ;
  padding : 10px ;
  font-weight : bold ;
  }
  
textarea {
  width : 100% ;
  border : 1px solid #006641 ;
  background : #b2d4c8 ;
  }
  
select {
  border : 1px solid #006641 ;
  background : #b2d4c8 ;
  }
  
legend {
  font-weight : bold ;
  padding : 0 10px 0 10px ;
  font-size : 12px ;
  letter-spacing : 1px ;
  color : #006641 ;
  }

div.error_message {
  color : #d80100 ;
  margin-bottom : 20px ;
  line-height : 1.5 ;
  }

div.fb_invalid {
  color : #d80100 ;
  }
  
div.nofloat label {
  float : none !important ;
  clear : none !important ;
  width : auto !important ;
  }
  
fieldset.partie100 label {
  width : 100px ;
  clear : left ;
  float : left ;
  }
  
fieldset.partie150 label {
  width : 150px ;
  clear : left ;
  float : left ;
  }
  
fieldset.partie200 label {
  width : 200px ;
  clear : left ;
  float : left ;
  }

fieldset.partie250 label {
  width : 250px ;
  clear : left ;
  float : left ;
  }
  
fieldset.partie300 label {
  width : 300px ;
  clear : left ;
  float : left ;
  }
  
div.form-explication {
  font-size : 10px ;
  text-align : justify ;
  }
  
div.captcha {
  border : 1px solid #006641 ;
  padding : 20px ;
  margin-bottom : 20px ;
  overflow : auto ;
  }
  
img.captchapict {
  border : 1px solid black ;
  float : left ;
  margin-right : 20px ;
  }
/* End of 'Bearn' */