/* CSS RESET ======================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* FIN CSS RESET =============================================================== */
html{background:url(../images/bkg-lignes-header.png) top left repeat-x;}
body{font-size:0.625em;color:#231f20;min-height:700px;font-family: 'Yanone Kaffeesatz', sans-serif;}

#main{width:980px;}
header{position:relative; height:137px; width:850px; margin:25px 0 0 65px; background:url(../images/menu.png) 0 99px repeat-x;}
nav{position:absolute;bottom:25px;left:140px; font-size:2.3em;}
nav li{float:left; display:block;}
nav a{text-decoration:none; color:#535352; display:block; float:left; width:auto; padding:3px 15px 5px 15px;}
nav a:hover{background:url(../images/menu-hover.png) bottom left repeat;}
header .custom{position:absolute; right:-35px; top:00px; z-index:200}

#container-intern{margin-bottom:26px; position:relative; z-index:100; background:url(../images/bkg-contenu.png) top left no-repeat; width:705px; min-height:476px; clear:both; float:right; padding:60px 20px 10px 50px; font-size:1.3em; font-family:arial;}
#container{position:relative; z-index:100; background:url(../images/bkg_footer.png) bottom left no-repeat; width:775px; min-height:476px; clear:both; float:right; }
article h1{font-family: 'Alex Brush', sans-serif; font-size:3.6em; font-weight:normal; color:#050505; position:absolute; top:15px; left:30px;}
article h2{font-family: 'Yanone Kaffeesatz', sans-serif; font-size:2.2em; font-weight:normal; color:#050505; line-height:140%; margin:0 0 0 0;}
article h3{font-family: 'Yanone Kaffeesatzh', sans-serif; font-size:2.0em; font-weight:normal; color:#050505; line-height:140%; margin:0 0 0 0;}


article{line-height:130%; height:auto; padding:0px;text-align:justify;}
article p{padding:0 0 15px 0;}
article ul{margin:10px 25px; list-style-type:disc;}
article ul ul{margin:5px 15px;}
article ul li{padding:5px 0;}

img{border:none;}

/* Temoignages */
.temoignages {
  margin: 1em 2em;
  /*border-left: 1px dashed #999;*/
  padding-left: 1em; }
article  p.temoignages_p1:first-letter {
  float: left;
  margin: .2em .3em .1em 0;
  font-family: 'Alex Brush', sans-serif;
  font-size: 500%;
  font-weight:normal; }
article p.temoignages_p1:first-line {
  font-variant: small-caps; }
/* fin Temoignages */
footer{clear:both; width:940px; margin:0 0 15px 0; display:block; text-align:right;}


/* FADE IMAGES*/
#images_container {
  position:absolute;
  height:508px;
  width:644px;
  overflow:hidden;
top:300px;
left:0%;

}

#images_container img {
    left: 0;
    position: absolute;
}


@-webkit-keyframes fadeimage {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes fadeimage {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes fadeimage {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes fadeimage {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#images_container img {
  -webkit-animation-name: fadeimage;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;

  -moz-animation-name: fadeimage;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 20s;

  -o-animation-name: fadeimage;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 20s;

  animation-name: fadeimage;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
}
#images_container img:nth-of-type(1) {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  -o-animation-delay: 15s;
  animation-delay: 15s;
}
#images_container img:nth-of-type(2) {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
#images_container img:nth-of-type(3) {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
#images_container img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

/* FIN FADE IMAGES*/




aside{position:relative; float:left; width:310px; background:url(../images/infolettre_btm.jpg) bottom left no-repeat; padding-bottom:23px; display:block; }
aside #infolettre{background:url(../images/infolettre_top.jpg) top left no-repeat; display:block;  padding:55px 0px 0px 13px;}
section#accueil{float:left; width:382px; margin-top:25px; padding-right:10px;}



aside h2{font-family: 'Alex Brush', sans-serif; font-size:3.0em; font-weight:normal; color:#050505; position:absolute; top:5px; left:30px;}
aside .latestnews {padding:0 35px 20px 13px;}
aside .latestnews p{line-height:130%; font-size:0.917em;}
aside .mostread{clear:both;}
aside .mostread li a, aside .latestnews h3{ padding-left:13px; color:#fff; font-weight:bold; text-decoration:none; display:block; background:url(../images/titre.png) top right no-repeat; height:33px; line-height:23px; display:block; font-size:1em;}

/* Nouvelle boite */
aside #commotions{background:url(../images/infolettre_top.jpg) top left no-repeat; display:block;  padding:40px 0px 0px 13px;}
aside #commotions ul li h3 a{ padding-left:13px; color:#fff; font-weight:bold; text-decoration:none; display:block; background:url(../images/titre.png) top right no-repeat; height:33px; line-height:23px; display:block; font-size:1em;}


/* -13 */
aside .latestnews h3{margin-left:-12px; clear:both; display:block; width:280px;}
aside .chroniques h3{text-transform:uppercase; background:url(../images/chroniques.png) right center no-repeat; display:block; width:230px; font-weight:normal; clear:both; height:33px; line-height:40px; padding:0px 12px 5px 12px;}
aside span.date{float:right; color:#5a5d5f; font-size:1.167em; margin:0 0 7px 0;}
aside .readmore{float:right; color:#0099da;text-decoration:none; margin-bottom:7px;}

#contenu{padding-right:40px;}

.end{clear:both;}

.signature-attachee{color: #050505; font-family: 'Alex Brush',sans-serif; font-size: 1.9em;}
.signature-ronde{font-family: 'Yanone Kaffeesatzh', sans-serif; font-weight:bold; font-size: 1.1em;  color:#050505;}