/* CSS Document */
/* Css specifique a recupyl FR
/***************/
/* Back-office */
/***************/

/***************/
/* Front-office */
/***************/
body {
  background-color: #E1E1E1;
}

#header {
  width: 975px;
  position:relative;
  height: 336px;
}

#header #tetiere {
  height:111px;
  background-color: #FFFFFF;
}

#header #tetiere img{
  border: 0;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}

#header #baseline {
  font-family: verdana;
      font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
      font-weight: bold;
  position: absolute;
  top:80px;
  right:10px;
  color:#9AD028;
}

#header #baseline strong {
  color:#9AD028;
  font-weight: normal;
  font-size: 1.6em;
}

#header #bandeau_langue {
  font-family: verdana;
  position: absolute;
  top:15px;
  right:10px;
  color:#9AD028;
}

#header #bandeau_langue a {
  font-family: verdana;
  font-size: 0.8em;  
  color:#9AD028;
}

#header #bandeau_langue a img{
  margin-top: -5px;
}

#header #bandeau {
  height:175px;
  background-color: #FFFFFF;
}

#header #bandeau img {
  border: 0;
  margin: 0;
  padding: 0;
}

#header #menuhaut {
  position:relative;
  display: block;
  left:0px;
  top: 0px;
  height: 22px;
  line-height: 22px;
  background-color: #8F8E90;
  width:975px!important;
  padding: 0;
  margin: 0;  
  padding-top: 3px;
  padding-bottom: 4px;
}

#header #menuhaut dl {
  display: inline;
  padding: 0;
  margin: 0;
}

#header #menuhaut #menu {
  position:relative;
  display: inline;
  left:0px;
  top: 0px;
  background-color: #8F8E90;
  width:975px;
  background-image: none;
  padding: 0;
  margin: 0;
}

#header #menuhaut #menu dt {
  display: inline;
  background-color: #8F8E90;
  background-image: none;
  padding: 0;
  margin: 0;
}


#header #menuhaut #menu dt a {
  font-family: verdana;
  color:#FFFFFF;
  width:inherit;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 2px;
  padding-bottom: 3px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

#header #menuhaut #menu dt a strong {
  font-family: verdana;
  color:#FFFFFF;
  width:inherit;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

#header #menuhaut #menu a:hover {
  background-color: #9AD028;
}

#header #sousmenuhaut {
  position:relative;
  left:0px;
  top: 0px;
  background-color: #BDBCBE;
  width:975px;
  padding: 0;
  margin: 0;  
  padding-top: 3px;
  padding-bottom: 5px;
}

#header #sousmenuhaut dd {visibility:visible;}
#header #sousmenuhaut dd,
#header #sousmenuhaut dt,
#header #sousmenuhaut li,
#header #sousmenuhaut li a {width:inherit;}

#header #sousmenuhaut dl {
  position: relative;
  display: inline;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu {
  position:relative;
  display: inline;
  left:0px;
  top: 0px;
  background-color: #BDBCBE;
  width:975px;
  background-image: none;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu dt {
  display: inline;
  background-color: #BDBCBE;
  background-image: none;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu dd {
  position:absolute;
  left: 0;
  top:20px;
  display: inline;
  padding: 0;
  margin: 0;
}

#header #sousmenuhaut #ssmenu ul li{
  list-style-position: outside;
  list-style: none;
}

#header #sousmenuhaut #ssmenu ul {
  background-color: #FFFFFF;
  display:none;
  list-style-type: none; /* n'affiche pas les points des li enfants sous Firefox*/
  border:1px solid #9AD028;
  z-index:1;
  margin:0;
  padding: 0;
  padding: 0!important;
  width: 12em;
}

#header #sousmenuhaut #ssmenu ul li{
  display: block;
  text-align: left;
  height: 18px;
  line-height: 18px;
  padding: 0;
  padding-left: 6px;
  margin: 0;
}

#header #sousmenuhaut #ssmenu dt a, #header #sousmenuhaut #ssmenu dt a strong{
  color:#454545;
  width:inherit;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none!important;
  font-weight: normal;
}

#header #sousmenuhaut #ssmenu dd a {
  color:#454545;
  width:inherit;
  padding: 0!important;
  text-decoration: none!important;
  font-size: 12px;
}

#header #sousmenuhaut #ssmenu dt a:hover {
  color:#FFFFFF;
}

#header #sousmenuhaut #ssmenu dd a:hover {
  color:#9AD028;
}

#header #sousmenuhaut #ssmenu dd strong{
  font-weight: normal!important;
}

#header #recherche {
  float: right;
  margin: 0!important;
  margin-top: -22px!important;
  padding: 0!important; 
}

#header #recherche form {
  margin: 0!important;
  padding: 0!important; 
}

#header #recherche input.search_string {
  margin: 0;
  border: 1px solid #015123;
  font-size: 1em;
  height: 18px;
  line-height: 18px;
}

#recherche input.search_valider {
  background-image: url(../images/bouton-ok_V2.gif);
}

#gauche {
  display: none;
}

#droite {
  width: 290px;
  padding: 0;
  padding-top: 48px;
  margin: 0;
    background-color: transparent;
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
}

#droite a{
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
    text-decoration: none;
}

#droite h3 {
    font-weight: bold!important;
    text-align: left;
    border: none;
    margin:0px;
    padding: 0px;
    padding-left: 5px;
    padding-top: 10px;
    background: none;
    color: #9AD028;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #9AD028;
}

#droite h4 {
    font-weight: bold!important;
    border: none;
    margin:0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    background: none;
    color: #9AD028;
    font-size: 1.3em;
}

#droite #paragraphe161 p img {
    margin-top: 10px;
    margin-bottom: 10px;    
}

#droite .mdl_actu_last {
    clear: both;
    padding: 0pt;
    padding-left: 10px;
    margin:0pt;
    text-align: left;
    background-color: transparent;
}

#droite .mdl_actu_last ul {
    padding: 0pt;
    margin:0pt;
    margin-top: 20px;
    margin-bottom: 20px;    
}

#droite .paragraphe, #droite .paragraphe p
{
    clear: both;
    padding: 0pt;
    margin:0pt;
    text-align: center;
    background-color: transparent;
}
#droite .paragraphe img
{
    clear: both;
    padding: 0pt;
    margin:0pt;
    margin-top:30px;
    text-align: center;
    background-color: transparent;
}

#ariane {
	margin: 0px;
	padding: 0px; 
	padding-top: 8px;
	font-weight: normal;
}

#ariane a{
	font-weight: normal!important;
	text-decoration: none!important;
}

#centreetdroite, #centre {
    background-color: transparent;
    float:left;
    width:665px;
    margin: 0px;
    padding: 0;
    padding-left:10px;
    height:300px;
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
    line-height:16px; 
}

#centreetdroite p, #centre p {
    /*text-align: justify;*/
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;

    line-height:16px;
    /*letter-spacing: 0.1px!important;*/ 
    margin-bottom: 20px;    
}


#centreetdroite strong, #centre strong {
    color:#9AD028;
}

#centreetdroite a, #centre a {
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#606060;
    text-decoration: underline;
}

#centreetdroite a:hover, #centre a:hover {
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    color:#9AD028;
    text-decoration: none;
}

h2 {		
    font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
    font-family: arial, verdana, sans-serif;
    color: #469427; 
    color: #9AD028;
    background-image: none;
    padding-bottom: 20px;        
    font-size: 1.7em;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #9AD028;
}
h3, #droite h3 {		
    font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
    color: #469427;  
    color: #9AD028;        
    font-size: 1.2em;
}
h4 {		        
    font-size: 0.9em;
    color: #9AD028;
}

#conteneur
{
    width: 975px;
    padding-top: 0px;
    padding-right: 13px;
    padding-bottom: 0px;
    padding-left: 12px;
    margin-top: 0pt;
    margin-right: auto;
    margin-bottom: 0pt;
    margin-left: auto;
    background-color: transparent;
    background-image: url(../images/fond_conteneur.jpg);
    background-repeat: repeat-y;
}

#centre ul
{
    margin-top:20px;
    margin-bottom:15px;     
}

#centre ul li, #centreetdroite ul li, #droite ul li
{
    /*list-style-image: url(../images/puce.gif);
    padding-left: 10px;*/
    list-style-position: outside;  
    list-style: none;
    padding-left: 20px;
    padding-bottom: 5px;
    background-image: url(../images/puce.gif);
    background-repeat: no-repeat;   
    background-position: left 2px; 
}

#centre ul li ul li, #centreetdroite ul li ul li
{
    /*list-style-image: url(../images/puce.gif);
    padding-left: 10px;*/
    list-style-position: outside;  
    list-style: none;
    padding-left: 20px;
    background-image: url(../images/puce2.gif);
    background-repeat: no-repeat;   
    background-position: left 2px; 
}

legend {
    color: #000000;
    background-color: #60AD11;
    border : 1px solid #60AD11;
}

#pied
{
    position: relative;
    clear: both;
    width: 975px;
    height: 50px;
    background-color: #ffffff;
    border-top: 2px solid #60ad11;
    text-align: left;
    margin: 0px;
    margin-top: 30px;
    padding: 0;
    padding-bottom: 11px;

}

#pied #fasila {
  margin: 0px;
  margin-top: -30px;
  margin-left: 800px ;
  padding: 0px;
  bottom:10px;
  width:165px;
}

#pied p, #pied p strong
{
    background-image: none;
    color: #60ad11;
}

#pied #bas_page
{
  float:left;
  margin: 0px;

  margin-left: -13px;
  padding: 0px;
  width:1000px;
}

/*************/
/* mdl */
/*************/