a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }

.diz-barre-navigation{
  background-color : #5f8bb7; }


.fond-cote {
  background-color: #e1e4e8;
  background-repeat: repeat;
  border: 0px;
}


.cadre {
  width: 665px;
  background: #fbaa86;
  box-shadow: inset 0 0 100px #7f9fc4;
  position: relative;
}

.menu_bloc h2 {
  background: #f7f7f7;
  color: #122e97;
  text-align: center;
  padding: 2px 5px;
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  - khtml-border-radius: 10px;
  border-radius: 10px;
}

.menu_bloc ul {
  background: #f7f7f7;
  padding: 5px 2px;
  border: 2px ridge #f7f7f7;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  - khtml-border-radius: 10px;
  border-radius: 10px;
}

article{
background: #ffffff;
}
.cadrefaction {
background-color: #8c5e3b;
padding-left: -10px;
padding-right: -10px;
padding-top: -22px;
padding-bottom: -5px;
}



.contener_slideshow
    {
    width:610px;
    height:310px;
    overflow: hidden;
    position: relative;
    background-image: url(YOUR-URL-IMAGE.png);
    }
    .slid_1, .slid_2, .slid_3
    {
    position: absolute;
    width:610px;
    height:310px;
    }
    .slid_1{left: 0;}
    .slid_2{left: 610px;}
    .slid_3{left: 1220px;}
    .contener_slide
    {
    width: 1220px;
    height: 211px;
    left:0px;
    position: absolute;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: anim_slide;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-name: anim_slide;
    -ms-animation-duration: 10s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-name: anim_slide;
    animation-duration: 10s;
    animation-iteration-count:infinite;
    animation-name: anim_slide;
    }
    @-webkit-keyframes anim_slide
    {
    0% {left:0px;}
    22% {left:0px;}
    33% {left:-610px;}
    45% {left:-610px;}
    66% {left:-1220px;}
    90% {left:-1220px;}
    }
    @-moz-keyframes anim_slide
    {
    0% {left:0px;}
    22% {left:0px;}
    33% {left:-610px;}
    45% {left:-610px;}
    66% {left:-1220px;}
    90% {left:-1220px;}
    }
    @-ms-keyframes anim_slide
    {
    0% {left:0px;}
    22% {left:0px;}
    33% {left:-610px;}
    45% {left:-610px;}
    66% {left:-1220px;}
    90% {left:-1220px;}
    
 {left:0px;}
    22% {left:0px;}
    33% {left:-610px;}
    45% {left:-610px;}
    66% {left:-1220px;}
    90% {left:-1220px;}
    }


.imageop{
filter:alpha(opacity=50);
opacity:.6}

.imageop:hover{
filter:alpha(opacity=100);
opacity:1}