@charset "utf-8";

/* CSS Document */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=4489ce32-a696-498b-9eba-d7b6e38b5e51");
@font-face {
    font-family: "HelveticaNeueW01-45Ligh";
    src: url("/assets/home/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src: url("/assets/home/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("/assets/home/fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("/assets/home/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("/assets/home/fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("/assets/home/fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-46Ligh";
    src: url("/assets/home/fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix");
    src: url("/assets/home/fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix") format("eot"), url("/assets/home/fonts/09f28057-e848-49b3-94bf-bfaefff51b64.woff2") format("woff2"), url("/assets/home/fonts/8e9ee02b-f337-4f13-ad6c-969d6d6536c8.woff") format("woff"), url("/assets/home/fonts/beddbbc6-203e-4f36-8960-3f5ca22af567.ttf") format("truetype"), url("/assets/home/fonts/af177436-d9e8-44e8-9c9c-ef2d945f20a3.svg#af177436-d9e8-44e8-9c9c-ef2d945f20a3") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src: url("/assets/home/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("/assets/home/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("/assets/home/fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("/assets/home/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("/assets/home/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("/assets/home/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-56It";
    src: url("/assets/home/fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix");
    src: url("/assets/home/fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("eot"), url("/assets/home/fonts/462d508d-efc7-478f-b84e-288eeb69a160.woff2") format("woff2"), url("/assets/home/fonts/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"), url("/assets/home/fonts/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"), url("/assets/home/fonts/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-65Medi";
    src: url("/assets/home/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
    src: url("/assets/home/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("/assets/home/fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"), url("/assets/home/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("/assets/home/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("/assets/home/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-66Medi";
    src: url("/assets/home/fonts/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix");
    src: url("/assets/home/fonts/71c74bc5-e7c8-48ad-9b03-43f3e6760e4e.eot?#iefix") format("eot"), url("/assets/home/fonts/9a31d352-a4be-4540-a6f2-f4ea3ea77d94.woff2") format("woff2"), url("/assets/home/fonts/5f0efe11-b07a-49fc-ab86-7af6152fa368.woff") format("woff"), url("/assets/home/fonts/fea58e5b-b0a7-43f7-8928-fc0639365852.ttf") format("truetype"), url("/assets/home/fonts/398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7.svg#398e1bb8-f2eb-41d5-b3b6-b9a889b52ee7") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src: url("/assets/home/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("/assets/home/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("/assets/home/fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"), url("/assets/home/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("/assets/home/fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("/assets/home/fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-76Bold";
    src: url("/assets/home/fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix");
    src: url("/assets/home/fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix") format("eot"), url("/assets/home/fonts/d73c0f40-68f5-479e-9170-34a47382ed7a.woff2") format("woff2"), url("/assets/home/fonts/628a0837-f9e0-4b32-83c4-d99689b9da93.woff") format("woff"), url("/assets/home/fonts/4d9ecce0-f253-49fd-8623-b0f896b12794.ttf") format("truetype"), url("/assets/home/fonts/dcdd4c31-466f-43f5-85c9-9bcdcd814139.svg#dcdd4c31-466f-43f5-85c9-9bcdcd814139") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-85Heav";
    src: url("/assets/home/fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix");
    src: url("/assets/home/fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix") format("eot"), url("/assets/home/fonts/350011f3-eda3-421c-b757-87d55f1e2c04.woff2") format("woff2"), url("/assets/home/fonts/a0d9d2cb-f057-4e8d-a957-27853630f58e.woff") format("woff"), url("/assets/home/fonts/54085041-5049-4b91-939c-49980c66abab.ttf") format("truetype"), url("/assets/home/fonts/7a48747c-74f2-49a8-bb65-1c522d4aa618.svg#7a48747c-74f2-49a8-bb65-1c522d4aa618") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-86Heav";
    src: url("/assets/home/fonts/2daec1fd-cd45-448e-b86e-ec73aacdb4ec.eot?#iefix");
    src: url("/assets/home/fonts/2daec1fd-cd45-448e-b86e-ec73aacdb4ec.eot?#iefix") format("eot"), url("/assets/home/fonts/ce053fc5-0a39-47b7-ad48-5d47647548e0.woff2") format("woff2"), url("/assets/home/fonts/eb32ec0b-c520-4a30-8777-e19326236901.woff") format("woff"), url("/assets/home/fonts/2d92bb71-9a10-499c-954f-8b61e8dd47f1.ttf") format("truetype"), url("/assets/home/fonts/e425d5b6-a4c5-4e1c-b29a-9a5b467b9645.svg#e425d5b6-a4c5-4e1c-b29a-9a5b467b9645") format("svg");
}

body {
    background: white;
    color: black;
    font: normal normal 12px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

a:link,
a:visited {
    font-size: 12px;
    color: #D40B2C;
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    color: #ef5d0d;
    text-decoration: none;
    cursor: pointer;
}

strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
}

p {
    padding-bottom: 5px;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    margin: 0;
    padding: 0 0 1px 0;
    list-style-position: outside;
    list-style-type: none;
}

ol {
    margin: 0;
    padding: 0 5px 5px 22px;
}

ol li {
    margin: 0;
    padding: 0 0 1px 0;
    list-style-position: outside;
    list-style-type: decimal-leading-zero;
}

blockquote {
    margin: 0;
    padding: 0 0 0 15px;
}

hr {
    height: 1px;
    margin: 5px 0;
    padding: 0;
    color: #ccc;
    background-color: #ccc;
    border: 0;
    clear: both;
}

sup,
sub {
    font-size: 70%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -0.5em;
}


/*img:hover { opacity: 0.85; filter: alpha(opacity=85); }*/


/*** Contenueurs généraux ***/

header {
    width: auto;
    margin: 0 auto;
    padding: 0;
}

.right {
    text-align: right;
}

.main-header {
    width: 980px;
    /*height:220px; */
    margin: 0 auto;
    padding: 0;
    position: relative;
    vertical-align: top;
    font-family: "HelveticaNeueW01-55Roma";
}

.box-baseline {
    margin: 20px 230px 0 0;
    padding: 0;
    width: 177px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
}


/** champ de recherche **/

.box-form-search {
    margin: 40px 0 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.box-form-search input[type="search"] {
    width: 300px;
    height: 25px;
    background: none;
    overflow: hidden;
    line-height: 25px;
    color: #000;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
}

.box-form-search input[type="submit"] {
    position: absolute;
    right: 5px;
    margin-left: -35px;
    margin-top: 3px;
    background: transparent url(/assets/home/img/com/loupe.png) right center no-repeat;
    border: 0;
    width: 24px;
    height: 17px;
    z-index: 100;
    cursor: pointer;
}


/** member login **/

.box-login {
    background: transparent url(/assets/home/img/com/ombre-box-form-search.png) left top no-repeat;
    min-height: 114px !important;
    margin: 0;
    padding: 10px 0 0 30px;
    display: inline-block;
}

.box-login input,
.box-login button {
    margin-bottom: 7px;
    font-size: 11px;
    text-align: center;
}

.box-login input {
    width: 160px;
}

.box-login button {
    width: 166px;
}

.box-login a.forgot-pwd {
    font-size: 11px;
    text-align: center;
    display: block;
}

.box-login p {
    padding:35px 0 10px 20px;
    font-size:12px;
    font-family:"HelveticaNeueW01-65Medi";
    color: #d32a3f;
    background:transparent url(/html/img/com/picto-login.gif) left 32px no-repeat;
}

span.error {
    padding-top: 50px;
    color: red;
    font-weight: bold;
}

/** section **/

section {
    width: auto;
    margin: 0 auto;
    padding: 0;
}


/* section slidder */

body.page-hp section#caroussel,
body.page-generique section#caroussel {
    width: auto;
    display: block;
    margin-bottom: 20px;
}

body.page-hp section#caroussel {
    height: 335px;
    background: #3b3a3a url(/assets/home/img/com/bg-slider-hp.jpg) center top no-repeat;
}

body.page-generique section#caroussel {
    height: 255px;
    background: #3b3a3a url(/assets/home/img/com/bg-slider.jpg) center top no-repeat;
}

body.page-hp section#caroussel .slider,
body.page-generique section#caroussel .slider {
    width: 980px;
    display: block;
    vertical-align: top;
    position: relative;
    margin: 0 auto;
}

body.page-hp section#caroussel .slider {
    height: 335px;
}

body.page-generique section#caroussel .slider {
    height: 255px;
}

body.page-hp section#caroussel .slider ul.slider,
body.page-generique section#caroussel .slider ul.slider {
    z-index: 0;
}

body.page-hp section#caroussel .slider div.accroche-slider,
body.page-generique section#caroussel .slider div.accroche-slider {
    width: 870px;
    height: 90px;
    padding: 10px 10px 10px 100px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#50333333, endColorstr=#50333333);
    background-color: rgb(51, 51, 51);
    background-color: rgba(51, 51, 51, 0.5);
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 1px;
    z-index: 10;
}

body.page-hp section#caroussel .slider div.accroche-slider h4,
body.page-generique section#caroussel .slider div.accroche-slider h4 {
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
}

body.page-hp section#caroussel .slider div.accroche-slider p,
body.page-generique section#caroussel .slider div.accroche-slider p {
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}

section.section-main {
    width: 980px;
    margin: 0 auto 20px auto;
    font-size: 12px;
}

section.section-main header,
section.section-main article {
    width: 690px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}


/** section header **/

section.section-main header {
    border-bottom: 1px solid #a8a8b7;
    margin: 0 0 25px 0;
    padding: 0 0 15px 0;
}

section.section-main header h1,
section.section-main .intro h1,
section.section-main aside.infos-sup h3 {
    font-family: "HelveticaNeueW01-75Bold";
    text-transform: uppercase;
}

section.section-main header h1,
section.section-main .intro h1 {
    color: #d32a3f;
    font-size: 24px;
    line-height: 30px;
}

section.section-main header h1 span,
section.section-main .intro h1 span {
    background: transparent url(/assets/home/img/com/fleche-h1.gif) left 8px no-repeat;
    padding-left: 15px;
}

section.section-main header .sub-title,
section.section-main .intro .sub-title {
    font-size: 11px;
    font-style: italic;
    color: #ccc;
}


/** section article **/

section.section-main article h2 {
    background: transparent url(/assets/home/img/com/puce-news.png) left 3px no-repeat;
    padding-left: 15px;
    font-family: "HelveticaNeueW01-65Medi";
    font-weight: normal;
    font-size: 14px;
    margin: 0;
}

section.section-main article ul {
    /*margin: 20px 0;*/
}

section.section-main article ul li {
    list-style-image: url(/assets/home/img/com/puce-fleche.png);
    list-style-position: inside;
    padding: 5px 0 5px 20px;
}

section.section-main article figure {
    margin: 20px 0;
}


/** pagination **/

.numerotation {
    margin: 0 auto;
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
    list-style: none;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #d32a3f;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child >a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 2;
    color: ##d32a3f;
    background-color: #eee;
    border-color: #ddd;
}

.pagination >.active > a,
.pagination >.active > a:focus,
.pagination >.active > a:hover,
.pagination >.active > span,
.pagination >.active > span:focus,
.pagination >.active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #d32a3f;
    border-color: #d32a3f;
}

.pagination >.disabled > a,
.pagination >.disabled > a:focus,
.pagination >.disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}


/** bloc droite news / publications **/

section.section-main aside.infos-sup {
    width: 220px;
    min-height: 300px !important;
    display: inline-block;
    vertical-align: top;
    margin: -80px 0 0 0;
    background: transparent url(/assets/home/img/com/ombre-filet-news.gif) left top no-repeat;
}

section.section-main aside.infos-sup div {
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding: 24px 0 0 10px;
    font-size: 11px;
}

section.section-main aside.infos-sup div h3 {
    color: #383a3b;
    font-size: 14px;
    margin-bottom: 10px;
}

section.section-main aside.infos-sup div h4 {
    font-family: "HelveticaNeueW01-75Bold";
    color: #d32a3f;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
}

section.section-main aside.infos-sup div p {
    line-height: 14px;
    margin-bottom: 10px;
}

section.section-main aside.infos-sup div a {
    font-size: 11px;
    font-weight: bold;
    background: transparent url(/assets/home/img/com/puce-fleche.png) left 2px no-repeat;
    padding-left: 10px;
}

section.section-main aside.infos-sup div a:link,
section.section-main aside.infos-sup div a:visited {
    color: #000;
}

section.section-main aside.infos-sup div a:active,
section.section-main aside.infos-sup div a:hover {
    color: #d32a3f;
    text-decoration: underline;
}

section.section-main aside.infos-sup div a.btn-basket {
    background-image: none;
    padding-left: 0;
}

body.page-generique section.section-main aside.last-publications-hp {
    display: none;
}


/** section footer **/

section footer.footer-section,
footer div.footer-links {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    display: block;
}

section footer.footer-section {
    background-color: #fff;
    border-top: none;
    vertical-align: text-bottom;
    padding: 35px 0;
    text-align: center;
}

section footer.footer-section img {
    display: inline-block;
    margin: 10px 10px 20px 10px;
}

body.page-generique section footer.footer-section {
    border-top: none;
    padding: 0;
}


/** footer **/

footer {
    margin: 0 auto;
}

footer img {
    vertical-align: text-bottom;
    display: block;
    margin: 0 auto;
}

footer div.footer {
    width: auto;
    margin: 0 auto;
    padding: 30px 0;
    background-color: #383a3b;
    border-top: 2px solid #d40b2c;
}

footer div.footer-links {
    background-color: #333435;
    padding: 35px;
}

footer div.footer-box {
    width: 250px;
    display: inline-block;
    border-left: 1px solid #444;
    padding: 0 40px 0 20px;
    margin: 0;
    vertical-align: top;
    color: #C9C9C9;
    font-size: 13px;
}

footer div.footer-box:first-child {
    border-left: none;
}

footer div.footer-box p {
    margin-bottom: 10px;
}

footer a {
    font-size: 11px;
}

footer a:link,
footer a:visited {
    color: #fff;
}

footer a:active,
footer a:hover {
    text-decoration: underline;
}


/****************************************/


/********************** PAGES DU SITE **/


/****************************************/


/** PAGE D'ACCUEIL
----------------------------**/

body.page-hp section.section-main header {
    display: none;
}

body.page-hp section.section-main .intro {
    display: block;
    width: 980px;
    margin: 0 auto;
}

body.page-hp section.section-main .intro figure {
    display: inline-block;
    margin-right: 30px;
    margin-left: 10px;
    vertical-align: top;
}

body.page-hp section.section-main .intro div {
    display: inline-block;
    width: 400px;
    vertical-align: top;
    margin-top: 20px;
}

body.page-hp section.section-main .intro div span {
    border-bottom: 1px solid #a8a8b7;
    display: block;
    padding-bottom: 10px;
    margin: 5px 0 10px 0;
}

body.page-hp section.section-main .intro div h3 {
    font-weight: bold;
    margin: 10px 0;
}

/*body.page-hp section.section-main .intro div p {
    line-height: 16px;
    text-align: justify;
    margin: 10px 0;
}*/

body.page-hp section.section-main .intro div a {
    background: transparent url(/assets/home/img/com/fleche-read-more.gif) 82px center no-repeat;
    padding: 5px 28px 5px 5px;
    border: 2px solid #000;
    text-transform: uppercase;
    font-weight: bold;
}

body.page-hp section.section-main aside.infos-sup {
    display: none;
}

section.section-main .intro div p {
    line-height: 16px;
    text-align: justify;
    margin: 10px 0;
}


/** section news-events / last documents **/

body.page-hp section#section-infos-sup {
    display: block;
    width: auto;
    margin: 0 auto;
}

body.page-hp section#section-infos-sup article {
    background: #f4f2e6 url(/assets/home/img/com/bg-news-pub.png) left top repeat-x;
}


/** blocs news et last documents **/

body.page-hp section#section-infos-sup article div.news-hp {
    width: 980px;
    margin: 0 auto;
    background: transparent url(/assets/home/img/com/bg-news-publications-hp.png) left top no-repeat;
}

body.page-hp section#section-infos-sup article div.news-hp div {
    display: inline-block;
    width: 397px;
    padding: 10px 30px 10px 60px;
    vertical-align: top;
}

body.page-hp section#section-infos-sup article div.news-hp div h2 {
    font-family: "HelveticaNeueW01-65Medi";
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    padding: 10px 0 5px 0;
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid #a8a8b7;
}

body.page-hp section#section-infos-sup article div.news-hp div h2.last-documents {
    background: transparent url(/assets/home/img/com/picto-pdf-hp.gif) left top no-repeat;
    padding-left: 25px;
}

body.page-hp section#section-infos-sup article div.news-hp div p {
    font-size: 14px;
    line-height: 16px;
}

body.page-hp section#section-infos-sup article div.news-hp div figure {
    float: right;
    padding-left: 10px;
}

body.page-hp section#section-infos-sup article div.news-hp div figure img {
    width: 50px !important;
}

body.page-hp section#section-infos-sup article div.news-hp div .title {
    padding: 0;
    margin-bottom: 10px;
    width: 340px;
    display: block;
}

body.page-hp section#section-infos-sup article div.news-hp div a {
    padding: 5px 0;
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    line-height: 18px;
    color: #d22a3f;
    text-transform: none;
    display: block;
}

body.page-hp section#section-infos-sup article div.news-hp div .title .date,
body.page-hp section#section-infos-sup article div.news-hp div .title .authors {
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
    font-size: 11px;
    color: #525252;
    width: auto;
    margin: 0;
    padding: 0 0 0 15px;
}

body.page-hp section#section-infos-sup article div.news-hp div .title .authors {
    background: transparent url(/assets/home/img/com/picto-author.gif) left 2px no-repeat;
    margin: 0 0 0 10px;
}

/** PAGE PROJECT
---------------------------------------**/

body.page-the-project section.section-main article table {
    height: initial;
    width: 100%;
    font-size:10px;
    margin:20px 0;
    border-collapse: separate; }
body.page-the-project section.section-main article table tr th {
    background-color:#e3e1d6;
    padding:10px;
    margin-bottom:10px; }

body.page-the-project section.section-main article table tr td { padding:10px; }
body.page-the-project section.section-main article table tr td:nth-child(odd) { background-color: #efede5; }
body.page-the-project section.section-main article table tr td:nth-child(even) { background-color: #faf9f1; }


/** PAGE NEWS / EVENTS / PUBLICATIONS
---------------------------------------**/

body.page-news section.section-main article .title,
body.page-publications section.section-main article .title,
.pop-up .title {
    background-color: #e3e1d6;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
    display: block;
}

body.page-news section.section-main article .title h2,
body.page-publications section.section-main article .title h2,
.pop-up .title h2,
body.page-partners section.section-main article h2 {
    background: transparent url(/assets/home/img/com/puce-news.png) left 9px no-repeat;
    padding: 5px 0 5px 15px;
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    line-height: 18px;
    color: #d22a3f;
}

body.page-news section.section-main article .title .date {
    background: transparent url(/assets/home/img/com/picto-date.gif) left top no-repeat;
}

body.page-hp section#section-infos-sup article div.news-hp div .title .date,
body.page-publications section.section-main article .title .date {
    background: transparent url(/assets/home/img/com/picto-date.gif) left -1px no-repeat;
}

body.page-news section.section-main article .title .date,
body.page-publications section.section-main article .title .date {
    font-size: 11px;
    color: #525252;
    padding-left: 16px;
    margin: 0;
}

body.page-publications section.section-main article .title .sousTitre {
    font-size: 11px;
    color: #525252;
    padding-left: 16px;
    margin: 0;
}

a.moreInformation {
    font-size: 11px;
    font-weight: bold;
    background: transparent url(/assets/home/img/com/puce-fleche.png) left 2px no-repeat;
    padding-left: 10px;
}

a.moreInformation:link, a.moreInformation:visited {
    color: #000;
}

a.moreInformation:active, a.moreInformation:hover {
    color: #d32a3f;
    text-decoration: underline;
}

body.page-publications section.section-main article .title .date,
body.page-publications section.section-main article .title .authors {
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
}

body.page-publications section.section-main article .title .authors {
    background: transparent url(/assets/home/img/com/picto-author.gif) left 2px no-repeat;
    font-size: 11px;
    color: #525252;
    padding-left: 12px;
    margin: 0 0 0 10px;
    width: 540px;
}


/** recherche de documents **/

body.page-publications section.section-main article .search-box {
    background-color: #383a3b;
    width: 670px;
    display: block;
    color: #fff;
    font-size: 11px;
    padding: 10px;
    margin-bottom: 20px;
}

body.page-publications section.section-main article .search-box .by-theme,
body.page-publications section.section-main article .search-box .by-key-words {
    display: inline-block;
    padding: 5px;
    position: relative;
    vertical-align: top;
}

body.page-publications section.section-main article .search-box .by-theme {
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

body.page-publications section.section-main article .search-box .by-key-words {
    padding-left: 20px;
}

body.page-publications section.section-main article .search-box .by-theme select,
body.page-publications section.section-main article .search-box .by-key-words input[type="search"] {
    border: 5px solid #e3e1d6;
    margin: 5px 0;
    padding: 3px;
    width: 305px;
    font-size: 11px;
}

body.page-publications section.section-main article .search-box .by-key-words input[type="submit"] {
    position: absolute;
    right: 10px;
    margin-left: -35px;
    margin-top: 11px;
    background: transparent url(/assets/home/img/com/loupe.png) right center no-repeat;
    border: 0;
    width: 24px;
    height: 17px;
    z-index: 100;
    cursor: pointer;
}

body.page-publications section.section-main article .search-box .by-theme button {
    display: block;
}


/** Search results **/

body.page-publications section.section-main article .search-results {
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 24px;
    color: #383939;
    margin: 10px 0;
}

body.page-publications section.section-main article .results {
    display: block;
    background: #d42a3f url(/assets/home/img/com/fleche-results.png) 10px center no-repeat;
    color: #fff;
    font-size: 14px;
    font-family: "HelveticaNeueW01-55Roma";
    padding: 10px 5px 10px 25px;
    margin: 10px 0 40px 0;
}

body.page-news section.section-main article p,
body.page-publications section.section-main article p {
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    padding-bottom: 10px;
    margin: 0 0 8px 0;
}

body.page-news section.section-main article figure,
body.page-publications section.section-main article figure {
    float: right;
    margin: 0 0 0 30px;
}

label.add-basket {
    color: #d22a3f;
    font-weight: bold;
}


/** pop up **/

.pop-up {
    width: 550px;
    text-align: left;
    /*margin: 0 0 20px 0;*/
    padding: 0;
    line-height: 14px;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

.pop-up .my-basket {
    display: block;
    background: #d42a3f url(/assets/home/img/com/picto-my-basket.gif) 10px center no-repeat;
    padding: 15px 0 15px 55px;
    margin: 0;
}

.pop-up .my-msg {
    display: block;
    background: #d42a3f;
    padding: 15px 0 15px 15px;
    margin: 0;
}

.my-basket, .my-msg h1 {
    font-family: "HelveticaNeueW01-65Medi";
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.pop-up a {
    text-align: right;
    display: block;
}
.pop-up button {
    margin-bottom: 7px;
    font-size: 11px;
    text-align: right;
}



/** PAGE PARTNERS
----------------------------**/

body.page-partners section.section-main article div.partner {
    display: inline-block;
    vertical-align: top;
    width: 490px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

body.page-partners section.section-main article div.partner h2 a {
    font-family: "HelveticaNeueW01-65Medi";
    color: #d22a3f;
}

body.page-partners section.section-main article div.partner p {
    vertical-align: top;
    line-height: 16px;
}

body.page-partners section.section-main article div.partner-media {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

body.page-partners section.section-main article div.partner-media figure {
    max-width: 100px !important;
    margin: 0 auto;
}


/** PAGE CONTACT
----------------------------**/

body.page-contact section.section-main article .form fieldset legend,
body.page-partners section.section-main article .partners-list {
    background: transparent url(/assets/home/img/com/fleche-contact.png) left 2px no-repeat;
    color: #94c600;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
    margin: 10px 0;
}

body.page-contact section.section-main article .form fieldset textarea {
    width: 80%;
}


/** FORMULAIRE DE CONTACT
----------------------------**/

.form {
    font-size: 12px;
}

.form fieldset {
    border-bottom: none;
    border-left: none;
    border-right: none;
    display: block;
}

.form fieldset select,
.form fieldset textarea {
    width:350px;
    resize: vertical;
    line-height: 25px;
    margin: 4px 0;
    padding: 0;
    background-color: #fafafa;
    border: 1px solid #cfcfcf;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #736561;
    font-size: 11px;
    vertical-align: top;
}

.form-group {
    margin: 20px 0;
}

.form-group input {
    border: 1px solid #cfcfcf;
}

.form label {
    color: #000;
    float: left;
    /*** Tres important, ne pas suprimer ! ***/
    line-height: 1.8;
    margin: 0;
    padding: 0;
    text-align: left;
    /*** ... et ils sont alignes a droite... ***/
    width: 20%;
    /*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}

input[type="checkbox"],
body.page-publications form input[type="checkbox"] {
    box-sizing: border-box;
    border: 1px solid #e3e1d6;
    padding: 0;
    margin-bottom: 10px;
    /*-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;*/
}

.required {
    font-weight: bold;
    color: #d22a3f;
}

.short {
    width: 50%;
}

.wide {
    text-align: left;
    width: 100%;
}


/*.form ul {
		float: left;
		margin: 0;
		width: 58%;}
		.form ul li {
			list-style-type: none;
			margin: 0;}
			.form ul li label {
				display: block;
				float: none;
				text-align: left;
				width: 100%;}
	.form .labelSimple {margin: 0 0 0 32%;}
	.form .label-float-none label {float: none;}*/


/****************/


/*** classes ***/


/****************/

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}


/** boutons **/

.btn,
.btn-search {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0px solid transparent;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 5px;
    text-decoration: none;
    text-align: center;
}

.btn {
    background-color: #383a3b;
    font-size: 12px;
}

.btn-search {
    background-color: #58595a;
    font-size: 11px;
    margin-top: 5px;
}

.btn:hover,
.btn-search:hover {
    background-color: #d32a3f;
}

.btn:active,
.btn-search:active {
    position: relative;
    top: 1px;
}


/**lien pdf**/

a.pdf:link,
a.pdf:visited,
a.pdf:active,
a.pdf:hover {
    background: transparent url(/assets/home/img/com/picto-pdf.gif) left top no-repeat;
}

a.pdf:link,
a.pdf:visited,
a.www:link,
a.www:visited {
    color: #d22a3f;
    font-weight: bold;
    padding: 10px 0 0 25px;
}

a.pdf:active,
a.pdf:hover,
a.www:active,
a.www:hover {
    color: #000;
}

/**lien www**/

a.www:link,
a.www:visited,
a.www:active,
a.www:hover {
    background: transparent url(/assets/home/img/com/picto-www.gif) left top no-repeat;
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    border: none;
    clear: both;
    display: block;
    height: 0;
    margin: 10px 0;
    padding: 0;
    visibility: hidden;
}

hr {
    height: 1px;
    margin: 20px 0;
    padding: 0;
    color: #ccc;
    background-color: #ccc;
    border: 0;
    clear: both;
}

body.page-hp hr {
    margin: 5px 0;
}