/* color scheme
fond 	= #f0f0f0
vert 	= #72a230
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body{margin: 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block}
audio,canvas,progress,video{display: inline-block;vertical-align:baseline}
a { background-color: transparent}
a:active,a:hover{outline: 0}
abbr[title]{
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,strong{font-weight: bold}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup{top: 0.5em}
sub{bottom: 0.25em}
img{border:0; max-width: 100% }
figure{margin: 1em 40px}
hr{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre{overflow: auto}
code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,input,optgroup,select,textarea{
  color: inherit;
  font: inherit;
  margin: 0;
}
button{overflow: visible}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],html input[disabled]{cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
input{line-height: normal}
input[type="checkbox"],input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {border:0;padding:0}
textarea{overflow:auto}
optgroup {font-weight:bold}
table {border-collapse:collapse;border-spacing: 0}
td,th{padding:0}


/* 
GRID
https://www.lab21.gr/blog/simple-responsive-grid-system-without-using-bootstrap 
*/

.block{
    display: block;
    padding: 25px 0;
}

.grid {
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
}

.gutter{
    margin-left:20px;
    margin-right:20px;
}

.col-25{
    width: 25%;
    float: left;
}
.col-33{
    width: 33.3%;
    float: left;
}
.col-50{
    width: 50%;
    float: left;
}
.col-67{
    width: 66.6%;
    float: left;
}
.col-75{
    width: 75%;
    float: left;
}

.clear{
    clear: both;
    display: block;
}
.padleft-25{padding-left: 25px}
.padright-25{padding-right: 25px}

/* PERSO */

body{ 
  background:#f0f0f0 url(../images/footer-shape.png) no-repeat left top fixed; 
  color:#2e2e2e; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.15em; 
  line-height: 1.35em
}
a { 
  color: #ef4259;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover, a:active{color:#cd3c2e}
abbr, acronym{color:#72a230;cursor:help}

h1, h2, h3, h4, h5, h6 { color:#72a230; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 400; padding: 0}

h1 { 
  color: #ef4259;
  font-size: 2.1em; 
  line-height: 1.2em; 
  margin:0.15em 0;
}

h2{font-size: 1.5em; line-height:1.2em; margin:0.25em 0}
h3 {font-size:1.35em; line-height:1.2em; margin:0.5em 0}

footer{margin:25px 0; overflow:hidden}
footer .grid{border-top: 1px solid #72a230; margin-bottom:0px}
footer .block{padding: 0}
footer .picto{max-width: 14px; margin-right: 6px; margin-bottom: -3px}
footer a{color: #e84c3d}
header{overflow: hidden}
header .grid{border-bottom: 1px solid #ef4259; overflow:hidden; padding-bottom:15px}
header nav{text-align: right}
img { height:auto;}
a:hover img { opacity: 0.8}

img.ombre {box-shadow: 5px 5px 5px #bbbbbb;}

.center{text-align: center}
.copy{font-size: 12px; text-align: center}
.green{ max-width: 80px; margin-left: 10px}
.homeblocs{background: #3e3636; border-radius: 6px; line-height: 2em}
.homeblocs img{ max-height: 90px}
.homeblocs a{color: #ffffff; display: block; padding: 0 8px}
.homeblocs span { font-size: 1.35em}
.homeblocs:hover{background: #e84c3d}
.pb0{padding-bottom:0}
.pt100{padding-top: 120px}
.pt25{padding-top: 25px}
.pt50{padding-top: 60px}
.pt0{padding-top:0}
.pictoIn {border:solid 1px #a0a0a0; border-radius:3px; margin-top:10px; max-width:25px; padding:5px}
.pictoIn:hover {border:solid 1px #e84c3d; }
.reference{
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}
.remonte{margin-bottom:-60px}
.sep{clear:both; padding:20px}



.rounded{border-radius: 50%}
.up{text-transform: uppercase}



@media all and (max-width:863px) {
  .clear768{clear:both}
  .col-25, .col-50, .col-67, .col-33, .col-75{
        width: 100%;
        float: none;
      }
}

@media all and (max-width:668px){
  body{font-size: 1em}
}

@media all and (max-width:400px) {

}