/***************** STYLE GLOBAUX *****************/
a img{
border:none;

}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1 {
font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#262626;
letter-spacing:1px;
margin:0 0 7px;
}

#contenu h2{
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*text-transform:uppercase;*/
color:#DE0403;
margin:0 0 3px;
margin-top:10px;
}
h3{
  font:bold 12px  Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#b1b1b1;
  margin:0 0 3px;
  }

#contenu p,h2 span{
font:bold 12px/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color:#262626;
margin-top:1.2em;

}
#contenu .couleur{
font-weight:bold;
color:#DD0404;

}
#contenu .couleur1{
font-weight:bold;
color:#262626;

}

#contenu p.subtitle{
  color:#B1B1B1;
  font:bold 12px Trebuchet;
  }

#contenu a:link, #contenu a:visited{
font:bold 12px/1.2em Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#DE0403;
}
#contenu a:hover, #contenu a:active{
color:#777677;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:230px;
margin:0 0 0 20px;
height:400px;
}

#actu a:hover, #actu a:active{
color:#777677;
}

#actu h3{
font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#262626;
letter-spacing:1px;
margin:20px 0 7px;
border-bottom:1px solid #c8c8c8;
}
.uneactu{
margin:0 0 30px;
}
#actu .uneactu p{
font-size:11px;
color:#cfcfcf;
}
/* basic css */
.invisible {
  display:none;
  }
.line{
  height:25px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }
  .top{
    background-position: left 7px;
    }

#contenu .lead{margin:0px;}
#contenu .small{font-size:10px;}
#contenu .clear{clear:both;}
#contenu .indent{margin-left:15px;}
#contenu .centered{
  text-align:center;
  margin:0 auto;
  clear:both;}
.left{float:left}
.right{float:right}
.image-left{
  float:left;
  margin-right:10px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
ul.list{
  list-style:none;
  margin-top:10px;
  margin-left:70px;
  }
  ul.list li{
    background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
    font:bold 12px Arial;
    color:#262626;
    padding-left:14px;
    line-height:14px;
    margin-top:3px;
    }
  ul.list li.item1{
    background: url(../images/charte/btn-01.jpg) no-repeat left top;
    padding-left:39px;
    padding-bottom:10px;
    margin-top:10px;
    }
  ul.list li.item2{
    background: url(../images/charte/btn-02.jpg) no-repeat left top;
    padding-left:39px;
    padding-bottom:14px;
    margin-top:6px;
    padding-top:5px;
    }
  ul.list1{
  list-style:none;
  margin-left:100px;
  float:left;
  width:200px;
  display:inline;
  }
  ul.list1 li{
    font:normal 11px Arial;
    line-height:14px;
    margin-top:3px;
    }
    #contenu ul.list1 li a:visited,
    #contenu ul.list1 li a:link{
      text-decoration: none;
      background: url(../images/charte/arrow-button.jpg) no-repeat left 2px;
      padding-left:14px;

      }
    #contenu ul.list1 li a:hover,
    #contenu ul.list1 li a:active{
      background: url(../images/charte/arrow-button-over.jpg) no-repeat left 2px;
      }


.actualites img{
  border:1px solid #535353;
  }
.subtitle{
  background: url(../images/charte/subtitle.jpg) no-repeat left top;
  width:210px;
  height:61px;
  padding-left:12px;
  padding-top:6px;
  margin:20px auto 4px;
  }
  .subtitle h2{
	padding-left:1px;
	margin-bottom:0;
	padding-bottom:10px;
    }
  #contenu .subtitle p{
    margin:0 auto;
    padding-top:0;
    line-height:12px;
    color:#ffffff;
    text-align: center;
    }
.diaporama-content{
  margin-top:42px;
  }

#contenu div.corps-diaporama img{
  margin-right:10px;
  }
#page{
  text-align: center;
  font:bold 12px Arial;
  color:#262626;
  }
#page a:link,
#page a:visited{
  color:#555451;
  background-color: #ffffff;
  margin-right:2px;
  font-weight:bold ;
  padding:2px 6px;
  text-decoration: none;
  border:1px solid #555451;

  }
#page a:hover,
#page a:active{
  color:#DD0404;
  background-color: #ffffff;
  border:1px solid #555451;
  }
  #page span{
    margin-right:2px;
    font-weight:bold ;
    background-color:#ffffff;
    padding:2px 6px;
    text-decoration: none;
    border:1px solid #DD0404;
    color:#DD0404;
    }
.diaporama{
  margin:0 auto;
  text-align:center;
  width:660px;
  }