@font-face {
    font-family: 'myarial';
    src: url('fonts/arial-webfont.eot');
    src: url('fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial-webfont.woff') format('woff'),
         url('fonts/arial-webfont.ttf') format('truetype'),
         url('fonts/arial-webfont.svg#myarial') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {background-color: #ffffff; font-family: myarial; color: #000000; font-size: 1em; margin: 0px; padding: 0px}
div.main_container {width: 100%; max-width: 960px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px; background-color: #ffffff}

div.ligne_bandeau {font-size:1.5em; display:inline-block; margin-bottom: 1em; width:50%}
div.menu_container {font-size: 0.82em; text-align: right; display:inline-block; margin-bottom: 1em; width:50%}

div.page_container {padding-left: 0px; padding-right: 0px; margin: 0px; color: #000000; background-color: #ffffff; vertical-align: top; text-align: left}
div.droite_container {display: table-cell; width: 220px; margin-left: 0px; margin-right: 0px; padding: 0px; text-align: center; background-color: #e5e5e5; vertical-align: top}

a:link, a:visited {color: #000000; text-decoration: none; font-weight:normal; font-size:1em}
a:hover {color: #000000; text-decoration: none; font-weight:normal; font-size:1em}
a:active {color: #000000; text-decoration: none; font-weight:normal; font-size:1em}

a.menu:link, a.menu:visited {color:#000000; text-decoration: none; font-weight:normal}
a.menu:hover {color:#000000; text-decoration: none; font-weight:normal}
a.menu:active {color:#000000; text-decoration: none; font-weight:normal}


.champ {font-family: myarial; color: #000000; font-size: 10pt}

p.tox_pagepath {color: #000000; margin-top:0px; padding-top: 0px; padding-bottom: 0px}

p.tox_text_title {color: #000000}
div.tox_text_content {margin-top: 0px; padding-top: 16px; padding-bottom: 0px; margin-bottom: 1.5em}

p.tox_article_title {color: #000000}
div.tox_article_content {margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px}

a.tox_article:link, a.tox_article:visited {color: #000000; text-decoration: none; font-weight:normal; font-size: 10pt}
a.tox_article:hover {color: #000000; text-decoration: none; font-weight:normal; font-size: 10pt}
a.tox_article:active {color: #000000; text-decoration: none; font-weight:normal; font-size: 10pt}

.tox_articlefooter1 {text-align: right; font-size: 0.8em; color: #000000; clear: both}
div.tox_articlefooter1 a:link, a:visited, a:hover, a:active {color: #000000; font-size: 1em; text-decoration: none; font-weight: normal}

.tox_articlefooter2 {text-align: left; font-size: 0.8em; color: #000000; margin-top: 1em}
div.tox_articlefooter2 a:link, a:visited, a:hover, a:active {color: #000000; font-size: 1em; text-decoration: none; font-weight: normal}

div.thumbcaption {text-align: center; font-size: 0.9em; font-style: normal}

div.thumbnail {display: inline-block; background-color: #ffffff; text-align: center; vertical-align: middle; width: 33.3333333%; max-width:320px}

@media screen and (max-width:479px)
{ div.ligne_bandeau {font-size:1.5em; text-align: center; display:block; margin-bottom: 1em; width:100%}
  div.menu_container {font-size: 0.82em; text-align: center; display:block; margin-bottom: 1em; width:100%}
  div.thumbnail {display: inline-block; background-color: #ffffff; text-align: center; vertical-align: middle; width: 100%; max-width:320px}
  div.main_container {width: 93%; max-width: 479px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px; background-color: #ffffff}
}

@media screen and (min-width:480px) and (max-width: 639px)
{ div.ligne_bandeau {font-size:1.5em; text-align: center; display:block; margin-bottom: 1em; width:100%}
  div.menu_container {font-size: 0.82em; text-align: center; display:block; margin-bottom: 1em; width:100%}
  div.thumbnail {display: inline-block; background-color: #ffffff; text-align: center; vertical-align: middle; width: 50%; max-width:320px}
  div.main_container {width: 93%; max-width: 639px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px; background-color: #ffffff}
}

@media screen and (min-width: 640px) and (max-width: 959px)
{   div.main_container {width: 93%; max-width: 959px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px; background-color: #ffffff}
}