/****************** RERSET MAY **************/
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,trth,input,figure,mark{margin:0; padding:0; border:0; outline:0; font-weight:normal; font-style:inherit; font-style:normal}
html{height:100%}
ol, ul{list-style:none}
table{border-collapse:separate;border-spacing:1px}
caption, th, td{font-weight:normal}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
strong, b, .b{font-weight:bold}
a{text-decoration:none}
img{vertical-align:middle}
a img{border: none}
ins{background-color:#ff9;color:#000;text-decoration:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:0;margin:3em 15%;padding:0}
input,select{vertical-align:middle}
button,input[type=submit],input[type=button]{cursor:pointer}
.fleft{float:left}
.fright{float:right}
.clr{clear:both}
br.clear{clear:both;display:block;width:100%;height:1px;margin:-1px 0 0 0}
.none{display:none}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.relative{position:relative}
.absolute{position:absolute}
.txtc{text-align:center}
.clearfix {display:inline-block}
.clearfix {display:block}
.overflow_auto{overflow:auto}
label.error{color:#D5031C}
.clb{position:relative;clear:both}
.block{display: block}

/****************** CLASS GENERIQUE **************/
.alignleft {
  float: left;
  margin: 2px 20px 20px 0 }

.alignright {
  float: right;
  margin: 2px 0 20px 20px }

@media screen and (min-width:31.313em) {
  .alignleft, .alignright {
    shape-outside: circle(60% at 50% 50%) padding-box }
}

img.aligncenter { margin:10px auto 10px auto }

.alignleft, .alignright, img.aligncenter { 
  -moz-border-radius: 50% ;
  -webkit-border-radius: 50% ;
  -ms-border-radius: 50% ;
  border-radius: 50% ;
  height: auto;
  max-width: 300px }

a:hover .alignleft, a:hover .alignright{ opacity: 0.75 }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute !important }

input, textarea{
  border-radius: 0;
  max-height: 160px;
  -webkit-appearance: none }

/*............... EFFET ...............*/

  .home .effet-1{
    -moz-animation-name: dropTop;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 2.5s;
    -webkit-animation-name: dropTop;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 2.5s;
    animation-name: dropTop;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2.5s }

  @-moz-keyframes dropTop {
    0% {
        -moz-transform: translateY(-330%);
        opacity: 0 
    100% {
        -moz-transform: translateY(0);
        opacity: 1 }
  }
  @-webkit-keyframes dropTop {
    0% {
        -webkit-transform: translateY(-330%);
        opacity: 0 }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1 }
  }
  @keyframes dropTop {
    0% {
        transform: translateY(-330%);
        opacity: 0 }
   100% {
        transform: translateY(0);
        opacity: 1 }
  }

  .home .effet-2{
      -moz-animation-name: dropRight;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease-in-out;
      -moz-animation-duration: 3s;
      -webkit-animation-name: dropRight;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease-in-out;
      -webkit-animation-duration: 3s;
      animation-name: dropRight;
      animation-iteration-count: 1;
      animation-timing-function: ease-in-out;
      animation-duration: 3s }

  @-moz-keyframes dropRight {
      0% {
          -moz-transform: translateX(120%);
          opacity: 0 }
      60% {
          -moz-transform: translateX(120%);
          opacity: 1 }
      100% {
          -moz-transform: translateX(0) }
  }
  @-webkit-keyframes dropRight {
      0% {
          -webkit-transform: translateX(120%);
          opacity: 0 }
      60% {
          -webkit-transform: translateX(120%);
          opacity: 1 }
      100% {
          -webkit-transform: translateX(0) }
  }
  @keyframes dropRight {
      0% {
          transform: translateX(120%);
          opacity: 0 }
      60% {
          transform: translateX(120%);
          opacity: 1 }
     100% {
          transform: translateX(0) }
  }

  .menu-toggle,.home .reseaux {
    -moz-animation-name: Appear;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 2.5s;
    -webkit-animation-name: Appear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 2.5s;
    animation-name: Appear;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2.5s }

  @-moz-keyframes Appear {
    0% {
        opacity: 0 }
    100% {
        opacity: 1 }
  }
  @-webkit-keyframes Appear {
    0% {
        opacity: 0 }
    100% {
        opacity: 1 }
  }
  @keyframes Appear {
    0% {
        opacity: 0 }
   100% {
        opacity: 1 }
  }