body {
background:#ffffff;
background-image:url(fond.png);
background-repeat:repeat-y;
background-position:center center;

}



.suite {
    background-color:#E47676; 
    border-radius:5px 0 5px 0;
    padding:2px; 
    width:65px; 
    border: 2px solid #DE5656;
}
.suite:hover {
    background-color:#6B8815; 
    border-radius:5px 0 5px 0;
    padding:2px; 
    width:65px; 
    border: 2px solid #6B8815;
}

.suite1 {
    background-color:#E47676; 
    border-radius:5px 0 5px 0;  
    width:20px;
    height:20px;
    text-align:center;
    border: 2px solid #DE5656;
    float:left;
}
.suite1:hover {
    background-color:#3B59A1; 
    border-radius:5px 0 5px 0;
    width:20px;
    height:20px;
    text-align:center; 
    border: 2px solid #6B8815;
    float:left;
}

.titre {
    padding:2px; 
    color: #333333;
    font-family: arial;
    font-size: 14px;
}
.titre:hover {
    background-color:#B5DF35; 
    padding:2px; 
    color: #ffffff;
    font-family: arial;
    font-size: 14px;
}

.journal_image {
    width:190px; 
    height: 250px;
    background-color:#f4f4f4;
    padding:4px;
    float: left;
}
.journal_image:hover {
    width:190px; 
    height: 250px;
    background-color:#97BF1E;
    padding:4px;
    float: left;
}
.bottom {
	background-color: #97BF1E;
	background-repeat: repeat;
	color: #ffffff;
	font-family: arial;
	width: 100%;
	height: 100%;
	padding: 20px;
	background-position:top center;
}
.bottom1 {
	background-color: #668114;
	background-repeat: repeat;
	width: 100%;
	height: 4px;
	background-position:top center;
}
.top {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-image: url(top.jpg);
	width: 100%;
	height: 100%;
	background-position:bottom center;
}
.whitetransparent {
    background-image: url(whitetransparent.png);
	background-repeat: repeat;
	background-position: center top;
	border: solid 1px #f4f4f4;
	margin:auto;
	height: 100%;
}
.whitetransparent2 {
    background-image: url(whitetransparent2.png);
	background-repeat: repeat;
	background-position: center top;
	border: solid 1px #ffffff;
	margin:auto;
	height: 100%;
}
.tab {
    float:left;
}
.telecharger {
    padding:3px;  
    width:100px;
    background-color:#3B59A1;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    text-align:center;
}
.telecharger:hover {
    padding:3px; 
    width:100px;
    background-color:#B10E0E;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    text-align:center;
}
.tab1 {
    padding:5px; 
    width:100%; 
    background-color:#3B59A1;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
}
.tab1:hover {
    padding:5px; 
    width:100%; 
    background-color:#B10E0E;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
}

.ads {
    padding:5px; 
    width: 150px; 
    height: 100px;
    background-color:#f4f4f4;
    border: 1px solid #ffffff;
    float: left;
}
.ads:hover {
    padding:5px; 
    width: 150px; 
    height: 100px; 
    background-color:#9FCFFF;
    border: 1px solid #ffffff;
}

.journal {
    padding:5px; 
    width:120px; 
    background-color:#f9f9f9;
    border: 1px solid #ffffff;
    color: #333333;
    font-family: arial;
    font-size: 8px;
    float: left;
}
.journal:hover {
    padding:5px; 
    width:120px; 
    background-color:#3B59A1;
    border: 1px solid #3B59A1;
    color: #ffffff;
    font-family: arial;
    font-size: 8px;
    float: left;
}

.journaux {
    padding:10px; 
    width:550px; 
    background-color:#7D9E18;
    border:4px solid #668114;
    border-radius: 7px 7px 7px 7px;
    color: #ffffff;
    font-family: arial;
    font-size: 8px;
    float: center;
    text-align:center;
}
.journaux:hover {
    padding:10px; 
    width:550px; 
    background-color:#991E1E;
    border:4px solid #691414;
    border-radius: 7px 7px 7px 7px;
    color: #ffffff;
    font-family: arial;
    font-size: 8px;
    float: center;
}






















/*-------Column styles--------*/
.cat-container,#related-posts{
    position:relative;
}
.cat-title,#related-posts .main-title{
  background: url("images/hor_dash.png") repeat-x;
  display: block;
  margin-bottom: 30px;
  padding-top: 17px;
  width: 100%;
}
.cat-title h2,#related-posts .main-title h2{
  background: url("images/hor_dash.png") repeat-x 0 bottom;
  padding-bottom: 17px;
}
.cat-content .flex-direction-nav {
  position: absolute;
  right: 0;
  top: -78px;
}
.cat-content .flex-direction-nav li {
  float: left;
  margin-left: 5px;
}
.cat-content .flex-direction-nav a {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}
.cat-content .flex-direction-nav .flex-next {
  background:url("css/images/sprites.png") no-repeat 0 -61px #444444;
}
.cat-content .flex-direction-nav .flex-prev {
  background:url("css/images/sprites.png") no-repeat -1px -20px #444444;
}
.cat-container.two-columns .item, .two_columns.item {
  float: left;
  width: 300px;
}
.two_columns.item{
     margin-bottom:40px;
}
.cat-container.single-column .item,.single_column.item {
  margin-bottom: 30px;
}
.cat-container.single-column .image ,.single_column.item .image img{
  float: left;
  margin-bottom: 0;
  margin-right: 20px;
  width:140px;
}
.cat-container.single-column .details,.single_column.item .details{
  float: left;
  width: 490px;
}
.cat-container .item p{
    margin-bottom:15px;
}
#page-top h2#page-title,.hentry .post_title {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color:#353535;
}

#main_container .post-content {
  float: left;
  width: 350px;
  margin-left: 25px;
}

.slides {
  padding: 0px;
  margin: 0px;
}

#secondary {
  float: right;
  width: 200px;
  margin-top: 0px;
  padding:20px;
  background-color:#C5CE04;
  border: 5px solid #ffffff;
}

.clear {
   clear: both;
}

.arve-embed-container iframe {
  width: 600px;
  height: 400px;
}

.page-numbers {
  list-style-type: none;
}

.page-numbers li {
  width: 30px;
  float: left;
}
.page-numbers li a, .page-numbers li span {
  width: 30px;
  float: left;
  text-align: center;
}
.page-numbers li span.current {
  background: #ddd;
}