@font-face {
    font-family: 'Oswald Regular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald Bold';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('../fonts/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald Light';
    src: url('../fonts/oswald-light-webfont.eot');
    src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-light-webfont.woff2') format('woff2'),
         url('../fonts/oswald-light-webfont.woff') format('woff'),
         url('../fonts/oswald-light-webfont.ttf') format('truetype'),
         url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald Stencil';
    src: url('../fonts/oswald-stencil-webfont.eot');
    src: url('../fonts/oswald-stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-stencil-webfont.woff2') format('woff2'),
         url('../fonts/oswald-stencil-webfont.woff') format('woff'),
         url('../fonts/oswald-stencil-webfont.ttf') format('truetype'),
         url('../fonts/oswald-stencil-webfont.svg#oswald_stencilregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color:#727374;
}

img.centre-100p {   width:100%; }

img.pourcent-25 {    width:21%;  margin:10px 2%; }
img.pourcent-33 {    width:29%;  margin:10px 2%; }
img.pourcent-50 {    width:46%;  margin:10px 2%; }
img.pourcent-75 {    width:71%;  margin:10px 2%; }

img.pourcent-25-sans-zoom {    width:21%;  margin:10px 2%; }
img.pourcent-33-sans-zoom {    width:29%;  margin:10px 2%; }
img.pourcent-50-sans-zoom {    width:46%;  margin:10px 2%; }
img.pourcent-75-sans-zoom {    width:71%;  margin:10px 2%; }

img.gauche-25p {    width:25%;  float: left; margin-right:20px; }
img.gauche-33p {    width:33%;  float: left; margin-right:20px; }
img.gauche-50p {    width:47%;  float: left; margin-right:2%; }
img.gauche-75p {    width:75%;  float: left; margin-right:20px; }
img.gauche-100p {   width:100%; float: left; margin-right:20px; }
img.droite-25p {    width:25%;  float: right; margin-left:20px; }
img.droite-33p {    width:33%;  float: right; margin-left:20px; }
img.droite-50p {    width:47%;  float: right; margin-left:2%; }
img.droite-75p {    width:75%;  float: right; margin-left:20px; }
img.droite-100p {   width:100%; float: right; margin-left:20px; }
p.sans-marge {   margin:0px;  }

hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald Regular", arial, helvetica, sans-serif;
}
h1 { font-size: 300%;color:#212F3D;}
h2 { font-size: 240%;color:#212F3D;}
h3 { font-size: 200%;color:#212F3D;}
h4 { font-size: 180%;color:#212F3D;}
h5 { font-size: 140%;color:#212F3D;}
h6 { font-size: 120%;color:#212F3D;}

h1,h2,h3,h4,h5,h6 {
   margin:10px 0px;
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
   margin-top:0px;
}

p {
    margin-bottom:5px;
    line-height: 18px;
    text-align: justify;
}

li {
    list-style: square;
    margin-left: 18px;
        line-height: 18px;
}
ul {
    margin-bottom: 10px;
}

table.inscriptions { }

a.fichier_gpx {
    background: url(../images/icons/gpx.png) left center no-repeat #F70;
    background-size:34px 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    padding-left: 32px;
    display:inline-block;
    margin:2px;
    color:#FFF;
    height:20px;
    line-height: 20px;
    font-family: "Oswald Light", Arial;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
}
a.fichier_gpx:hover {
    color:#FFF !important;
    text-decoration: underline;
}

a.fichier_pdf {
    background: url(../images/icons/pdf.png) left center no-repeat #BE011E;
    background-size:34px 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    padding-left: 32px;
    display:inline-block;
    margin:2px;
    color:#FFF;
    height:20px;
    line-height: 20px;
    font-family: "Oswald Light", Arial;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
}
a.fichier_pdf:hover {
    color:#FFF !important;
    text-decoration: underline;
}