/* =Global HTML
-------------------------------------------------- */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background-color: #fff; font: 15px/150% arial, sans-serif; color: #131313; }
a { color: #2e7fa4; transition: color .4s ease; }
ul { list-style: none; }
ul li { margin-left: 0; }
img { max-width: 100%; /*width: auto;*/ height: auto !important; display: block; }
strong { font-weight: 700; }
em { font-style: italic; }
.table { margin-bottom: 20px; }
table { margin-bottom: 0; }
table th { padding: 10px; vertical-align: middle; }
table td { padding: 10px; vertical-align: middle; }
table th.center,
table td.center { text-align: center; }
table tr:nth-child(odd) td { }
.red { color: #ff3735; }
.small { font-size: 13px; }
.bigger { font-size: 20px; }
.align-center img { margin-right: auto; margin-left: auto; }
/* =Layout
-------------------------------------------------- */
.wrap { position: relative;}
.wrapper { margin: 0 auto; width: 940px; }
.wrapper:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.content { float: left; margin-right: 20px; width: 700px; }
.context { float: left; width: 220px; }
.context .box { margin: 0 0 20px; }
/* =Header
-------------------------------------------------- */
.skip-link { position: absolute; top: 0; left: 0; font-size: 12px; line-height: 150%; }
.skip-link a { position: absolute; left: -9999px; }
.skip-link a:focus { position: relative; left: 0; z-index: 42; }
header { position: relative; z-index: 9; margin-top: 46px; padding: 15px 0; background: #ff3735; color: #fff; }
header.stuck { position: fixed; top: 0; right: 0; left: 0; z-index: 42; margin-top: 0; }
.quick-search { position: fixed; top: 0; left: 0; right: 0; z-index: 42; padding: 10px 0; background: #990200 url(../images/bg-button-header.gif) repeat 0 0; }
.quick-search:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.quick-search form { float: right; }
.quick-search form p { margin-bottom: 0; }
.quick-search input { padding: 5px 10px; width: 350px; background: #fff; border: none; color: #818181; font-size: 14px; }
.quick-search input::-webkit-input-placeholder { color: #818181; opacity: 1; }
.quick-search input:-moz-placeholder { color: #818181; opacity: 1; }
.quick-search input::-moz-placeholder { color: #818181; opacity: 1; }
.quick-search input:-ms-input-placeholder { color: #818181; opacity: 1; }
.quick-search input:input-placeholder { color: #818181; opacity: 1; }
.quick-search .btn { padding: 5px; font-size: 14px; }
.header .btn-2:hover,
.header .btn-2:focus { background: #990200 url(../images/bg-button-header.gif) repeat 0 0; }
.btn-menu { float: left; margin-right: 10px; padding-top: 28px; width: 50px; height: 50px; background: url(../images/sprite.png) 0 0 no-repeat; border: none; color: #fff; font-size: 9px; text-transform: uppercase; }
.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background: url(../images/mask.png) 0 0 repeat; }
.mask span { position: fixed; top: 20px; left: 330px; width: 50px; height: 50px; background: url(../images/menu-close.gif) 0 0 no-repeat; cursor: pointer; }
.btn-menu:hover,
.btn-menu:focus { background-position: -50px 0; }
.identity,
.baseline { float: left; margin-bottom: 0; margin-right: 10px; }
.baseline { margin-top: 5px; width: 275px; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 125%; font-style: italic; }
.baseline strong { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 125%; font-style: normal; text-transform: uppercase; }
.baseline br { display: none; }
.quick-search-button { float: right; margin-left: 0; margin-top: -15px; }
.quick-search-button button { position: relative; overflow-x: hidden; padding: 0 5px; width: 46px; height: 65px; background: none; border: none; text-indent: -9999px; }
.quick-search-button button:hover:before,
.quick-search-button button:focus:before,
.quick-search-button button.active:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #990200 url(../images/bg-button-header.gif) repeat 0 0; }
.quick-search-button button:hover:before,
.quick-search-button button:focus:before { top: 15px; }
.quick-search-button button.active:hover:before,
.quick-search-button button.active:focus:before { top: 0; }
.quick-search-button button:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -13px; width: 26px; height: 26px; background: url(../images/sprite.png) -100px 0 no-repeat; }
/*.quick-search-button button:hover:after,
.quick-search-button button:focus:after { background-position: -150px 0; }*/
.quick-search-button form { display: none; }
.actions { float: right; }
.actions:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.actions p { float: left; margin-bottom: 0; margin-top: 15px;}
.actions p a { display: inline-block; overflow: hidden; margin: 0 2px; width: 20px; height: 20px; background: url(../images/sprite.png) -200px 2px no-repeat; text-indent: -9999px; }
.actions p a:hover, .actions p a:focus { background-position: -250px 2px; }
.actions p .facebook { width: 10px; background-position: -300px 2px; }
.actions p .facebook:hover, .actions p .facebook:focus { background-position: -350px 2px; }
.actions p .google { background-position: -400px 2px; }
.actions p .google:hover, .actions p .google:focus { background-position: -450px 2px; }
.actions p .youtube { margin-right: 10px; background-position: -500px -1px; }
.actions p .youtube:hover, .actions p .youtube:focus { background-position: -550px -1px; }
.actions p .linkedin { background-position: -50px -500px; }
.actions p .linkedin:hover, .actions p .linkedin:focus { background-position: -100px -500px; }
.actions .btn { float: left; }
.nav-main { display: none; position: absolute; top: 0; left: 0; z-index: 12; padding: 0 20px; width: 280px; min-height: 100vh; background: #fff; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 100%; font-weight: 700; }
.nav-main li { background: url(../images/border-triple.gif) 0 -3px repeat-x; }
.nav-main li:first-child { background: none; }
.nav-main a { display: block; padding: 20px 0 15px; color: #131313; text-decoration: none; text-transform: uppercase;}
.nav-main .nav-2 { }
.nav-main .nav-2 li { position: relative; background: url(../images/border-triple.gif) 0 100% repeat-x; }
.nav-main .nav-2 li:after { content: ''; position: absolute; top: 24px; right: 10px; z-index: -1; width: 14px; height: 8px; background: url(../images/sprite.png) -402px -201px no-repeat; transition: all 0.4s ease; }
.nav-main .nav-2 li.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.nav-main .nav-2 a { position: relative; padding: 15px 0 20px; font-size: 18px; }
.nav-main .nav-2 a strong { color: #ff3735; }
.nav-main .nav-2 a.media:after { content: ''; display: inline-block; margin-left: 10px; width: 26px; height: 13px; background: url(../images/sprite.png) -550px -150px no-repeat; }
.nav-main .nav-2 li:first-child a { padding-top: 20px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.nav-main .nav-2 li ul { display: none; padding: 0 0 20px; }
.nav-main .nav-2 li ul li { background: none; }
.nav-main .nav-2 li ul li:after { display: none; }
.nav-main .nav-2 li ul li a { background: none; font-size: 16px; padding: 0 0 10px; font-weight: 400; text-transform: none; }
.nav-main .nav-2 li:first-child ul li a,
.nav-main .nav-2 li ul li:first-child a { padding: 0 0 10px; background: none; }
.nav-main .nav-3 { padding: 20px 0; }
.nav-main .nav-3 li { background: none; }
.nav-main .nav-3 li a { padding: 10px 0px; font-weight: 400; text-transform: none; }
.focus { margin: 0; background: #6d4e75; color: #fff; }
.focus:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.focus p { margin-bottom: 0; }
.focus .heading { position: relative; float: left; padding: 10px 60px 10px 20px; background: url(../images/focus-bg.gif) 0 0 repeat; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 100%; text-transform: uppercase; }
.focus .heading strong { display: block; padding-top: 4px; color: #ff3735; font-size: 20px; line-height: 100%; }
.focus .heading:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 21px; height: 60px; background: url(../images/focus-arrow.gif) 0 0 no-repeat; }
.focus .heading:before { content: ''; position: absolute; top: 0; right: 100%; bottom: 0; left: -99999px; background: url(../images/focus-bg.gif) 0 0 repeat; }
.focus .date { float: left; padding: 10px 20px; width: 140px; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 125%; text-transform: uppercase; }
.focus figure { float: left; margin-bottom: 0; width: 540px; }
.focus figure img { float: left; }
.focus figcaption { float: left; padding: 9px 20px; font-size: 14px; line-height: 150%}
.focus.donation { position: relative; }
.focus.donation .heading { font-size: 17px; line-height: 19px; padding-left: 0; text-transform: none; }
.focus.donation .heading span { font-size: 19px; }
.focus.donation .figure { display: table; padding-left: 10px; }
.focus.donation .figure img,
.focus.donation .figure p { display: table-cell; vertical-align: middle; font-size: 17px; font-weight: 700; line-height: 20px; }
.focus.donation .figure p strong { color: #ff3735; }
.focus.donation .figure span { font-size: 19px; font-weight: 400; color: #bfb0ca; }
.focus.donation a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; text-indent: -9999px; overflow: hidden; }
.focus-comparator { width: auto; margin: 40px 10px; padding: 20px 10px; background-color: #006fda; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 22px; color: #fff; box-sizing: border-box; }
.focus-comparator .line { display: flex; align-items: center; }
.focus-comparator .figure { text-align: center; }
.focus-comparator .figure > p,
.focus-comparator .figure img { display: inline-block; width: auto; float: none; vertical-align: middle; }
.focus-comparator .figure > p { font-size: 46px; line-height: 52px; font-weight: 700; color: #fff; }
.focus-comparator .figure > p strong { display: block; font-size: 22px; line-height: 28px; color: #000; }
.focus-comparator .figure .btn { margin: 10px 0 0; }
.focus-comparator .text { height: 94px; text-align: justify; vertical-align: middle; display: table-cell; }
.focus-comparator .btn-comparator { display: block; padding: 5px 10px; font-size: 13px; line-height: 16px; text-align: center; }
.focus-comparator .btn-comparator:nth-child(n+2) { margin-top: 10px; }
.focus-comparator-2 { width: auto; margin: 0 0 20px; padding: 20px; background-color: #006fda; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 18px; color: #fff; text-align: center; box-sizing: border-box; }
.focus-comparator-2 .size1of2 { text-align: left; }
.focus-comparator-2 .size1of2:first-child { text-align: right; }
.focus-comparator-2 .size1of2:first-child img { display: inline-block; }
.focus-comparator-2 .heading { margin-bottom: 0; font-size: 46px; line-height: 52px; font-weight: 700; color: #fff; }
.focus-comparator-2 .heading strong { display: block; font-size: 22px; line-height: 28px; color: #000; }
.focus-comparator-2 .text { margin: 0 0 10px; text-align: center; }
.focus-comparator-2 .btn-comparator { display: inline-block; padding: 12px 20px; background: #fff; color: #294e6b; font-size: 13px; line-height: 16px; text-align: center; }
.focus-macronometre { background-color: #b4241f; font-family: "PT Sans", sans-serif; color: #fff;}
.focus-macronometre a { display: flex; align-items: center; justify-content: space-evenly; background-color: #b4241f; color: #fff;}
.focus-macronometre a:hover,
.focus-macronometre a:focus,
.focus-macronometre a:active { text-decoration: none;}
.focus-macronometre p { position: relative; display: block; margin: 0; padding-right: 35px; font-weight: normal; font-size: 22px; color: #fff; }
.focus-macronometre p:after { position: absolute; content: ""; top: 50%; right: 10px; transform: translateY(-50%); width: 28px; height: 28px; background: transparent url(../images/sprite.png) no-repeat 0 -550px; }
.focus-macronometre p strong { text-transform: uppercase; }
.focus-macronometre .figure { flex-shrink: 0; margin-right: 10px; }
.focus-macronometre .figure img { width: 100px; height: auto; }
.size1of1 .focus-macronometre a {
margin-bottom: 20px;
}
.size1of1 .focus-macronometre a span {
font-weight: 700;
}
.focus-eurepeennes { background-color: #011ea9; font-family: "PT Sans", sans-serif; color: #fff;}
.focus-eurepeennes a { display: flex; align-items: center; justify-content: space-evenly; background-color: #011ea9; color: #fff; }
.focus-eurepeennes a:hover,
.focus-eurepeennes a:focus,
.focus-eurepeennes a:active { text-decoration: none;}
.focus-eurepeennes p { position: relative; display: block; margin: 0; padding-right: 50px; font-weight: bold; font-size: 22px; line-height: 30px; text-transform: uppercase; color: #ffe400; flex: 1; }
.focus-eurepeennes p:after { position: absolute; content: ""; top: 50%; right: 10px; transform: translateY(-50%); width: 28px; height: 28px; background: transparent url(../images/sprite.png) no-repeat 0 -550px; }
.focus-eurepeennes p strong { text-transform: uppercase; color: #fff; }
.focus-eurepeennes .figure { flex-shrink: 0; margin-right: 10px; }
.focus-eurepeennes .figure img { width: 100px; height: auto; }
.exergue-2 a { display: block; margin-bottom: 40px; padding: 20px 10px; min-height: 235px; background: #ededed; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 18px; text-align: center; text-decoration: none; }
.exergue-2 a figure { margin-bottom: 5px; }
.exergue-2 a figure img { display: inline-block; }
.exergue-2 .heading { margin-bottom: 5px; color: #ff3735; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; text-transform: uppercase; }
.exergue-2 .heading strong { display: block; color: #131313; }
.exergue-2 p { margin-bottom: 0; }
.exergue-line a { display: table; margin-top: 20px; margin-bottom: 30px; padding: 10px; min-height: inherit; text-align: left; }
.exergue-line a figure { display: table-cell; padding-right: 10px; width: 80px; }
.exergue-line a p { display: table-cell; padding: 0 10px; vertical-align: middle; }
.exergue-line a .heading { display: table-cell; width: 115px; }
.exergue-blue a { background: #006fd9; color: #fff; }
.exergue-blue a .heading { color: #000; }
.exergue-blue a .heading strong { color: #fff; }
.embed-candidates { margin: 30px 0; }
.nav-candidates { margin: 30px -10px 50px; }
.nav-candidates ul { display: table; width: 100%;}
.nav-candidates ul::after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.nav-candidates ul li { display: table-cell; padding: 0 10px; }
.nav-candidates a { display: table; background: #62456a; color: #fff; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 125%; text-transform: uppercase; }
.nav-candidates a:hover, .nav-candidates a:focus { text-decoration: none; }
.nav-candidates a figure { display: table-cell; vertical-align: middle; }
.nav-candidates a span { display: table-cell; padding: 5px 15px; vertical-align: middle; }
.nav-candidates a strong { display: block; color: #ff3735; }
.main .nav-candidates + h2 { padding-top: 0; }
.back-candidates { background: #972220; color: #fff; }
.wrap-back-candidates { height: 80px; }
.back-candidates { position: fixed; bottom: 0; right: 0; left: 0; z-index: 99; }
.stuck .back-candidates { position: static; bottom: auto; right: auto; left: auto; }
.back-candidates .wrapper { display: table; }
.back-candidates .back { display: table-cell; width: 80px; height: 80px; background: #d9302e url(../images/back-candidates.png) 50% 50% no-repeat; vertical-align: middle; text-indent: -9999px; }
.back-candidates .theme { display: table-cell; padding: 10px 20px; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; vertical-align: middle; }
.back-candidates nav { display: table-cell; width: 540px; background: #d9302e; color: #fff; vertical-align: middle; }
.back-candidates nav div { display: table; }
.back-candidates nav div span { display: table-cell; padding: 10px 20px; width: 170px; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 125%; vertical-align: middle; }
.back-candidates nav div a { display: table-cell; padding: 10px; vertical-align: middle; }
@media only screen and (max-width: 767px) {
.back-candidates .back { float: left; }
.back-candidates .wrapper { display: block; }
.back-candidates .theme { float: left; padding-top: 25px; }
.back-candidates nav { clear: both; display: block; width:100%; }
}
@media only screen and (max-width: 479px) {
.back-candidates nav div { display: block; }
.back-candidates nav div span { display: block; padding: 10px 20px; width: 170px; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 125%; vertical-align: middle; }
.back-candidates nav div a { display: inline-block; padding: 10px; vertical-align: middle; }
}
/* =Content
-------------------------------------------------- */
.main { margin-top: 20px; }
.breadcrumb { margin: 0 0 45px; }
.breadcrumb a,
.breadcrumb strong { position: relative; display: inline-block; padding: 0 5px 0 12px; color: #131313; font-weight: 400; }
.breadcrumb a:first-child { padding-left: 0; }
.breadcrumb a:after,
.breadcrumb strong:after { content: ''; position: absolute; top: 6px; left: 0; width: 6px; height: 10px; background: url(../images/sprite.png) -101px -51px no-repeat; }
.breadcrumb a:first-child:after { display: none; }
.heading-top { margin-bottom: 30px; padding-bottom: 20px; background: url(../images/border-triple.gif) 0 100% repeat-x; color: #ff3735; font-size: 46px; line-height: 100%; font-weight: 700; text-align: center; text-transform: uppercase; }
.content .category { margin-bottom: 5px; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.content .sup-title { margin-bottom: 0; font-family: 'PT Sans', sans-serif; font-size: 20px; line-height: 125%; font-weight: 700; text-transform: uppercase; }
.content h1, .h1 { color: #131313; font-family: 'PT Sans', sans-serif; font-size: 40px; font-weight: 700; }
.h1 { margin-bottom: 40px; }
.content .sub-title { margin-bottom: 10px; font-family: 'PT Sans', sans-serif; font-size: 22px; line-height: 125%; }
.meta { margin-bottom: 20px; font-size: 16px; }
figure { margin-bottom: 20px; }
.standfirst { color: #62456a; font-family: 'PT Sans', sans-serif; font-size: 20px; line-height: 125%; }
.standfirst::after,
.standfirst figure:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.standfirst figure img { float:left; margin: 0 20px 0 0; padding: 0; }
.standfirst figure.alignleft img { margin: 0 10px 10px 0; padding: 0; }
.standfirst figure figcaption { overflow:hidden; padding: 0; }
.content .standfirst ul li { margin-bottom: 5px; }
.main h2 { padding-top: 20px; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 30px; line-height: 125%; font-weight: 700; }
.content h2 { padding-top: 20px; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 30px; line-height: 125%; font-weight: 700; }
.content h3, .main h3 { padding-top: 15px; color: #62456a; font-family: 'PT Sans', sans-serif; font-size: 24px; line-height: 125%; font-weight: 700; }
.content h4, .main h4 { padding-top: 10px; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 20px; line-height: 125%; font-weight: 700; }
.content h1 + h2,
.content h2 + h3,
.content h3 + h4 { padding-top: 0; }
.content .heading-red { margin-bottom: 20px; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 20px; line-height: 125%; font-weight: 700; }
.content a { text-decoration: underline; }
.content a:hover,
.content a:focus { text-decoration: none; }
.content .actions { position: relative; margin: 0 0 20px; padding: 10px 0; float: none; background: url(../images/border-triple.gif) 0 -3px repeat-x; }
.content .actions:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.content .actions a:first-child { margin-left: 0; }
.content .actions .btn-download { float: right; padding: 3px 0 3px 45px; width: 100px; color: #131313; font-size: 15px; }
.content .actions .btn-download:after { background-position: -400px -100px; }
.content .actions .btn-download:hover:after,
.content .actions .btn-download:focus:after { background-position: -450px -100px; }
blockquote { padding-left: 0; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 28px; line-height: 125%; font-weight: 700; font-style: italic; }
blockquote.alignleft,
blockquote.alignright { width: 50%; }
.previous-content blockquote { color: inherit; font-size: inherit; font-weight: 400 }
.content ul li { position: relative; margin-bottom: 10px; padding-left: 15px; }
.content ul li:after { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background: #ff3735; }
.content ul ul { padding-top: 5px; }
.content ul ul li { margin-bottom: 5px; }
.main .link { position: relative; display: inline-block; padding: 7px 10px 5px 20px; background: #131313; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 12px; font-weight: 700; line-height: 100%; text-transform: uppercase; text-decoration: none; }
.main .link:after { content: ''; position: absolute; top: 50%; left: 5px; margin-top: -5px; width: 6px; height: 10px; background: url(../images/sprite.png) -50px -51px no-repeat; }
.main .link:hover, .main .link:focus { background: url(../images/bg-button-2.png) 0 0 repeat; color: #fff; text-decoration: none; }
.main .link-secondary { background: #ff3735; }
.main .link-secondary:hover { background: url("../images/bg-button.png") repeat 0 0 #ff3735; }
table th { background: #ff3735; color: #fff; border-bottom: solid 1px #fff; font-size: 16px; font-weight: 700; text-align: center; }
table th em { font-size: 15px; font-weight: 400; font-style: italic; }
table td { background: #efefef; border-bottom: solid 1px #fff; text-align: center; }
table td:first-child { text-align: left; }
table .focus td,
table tfoot td { background: #dadada; color: #131313; font-weight: 700; }
table caption { margin-top: 5px;caption-side: bottom; color: #888; font-size: 13px; font-style: italic; text-align: left; }
table .align-right img { float: right; }
table tr .align-middle { vertical-align: middle; }
table tr .align-middle p { margin-bottom: 0; }
hr { margin: 30px 0; border: none; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.content .heading { margin-bottom: 20px; background: url(../images/border-triple.gif) 0 40px repeat-x; font-size: 38px; font-weight: 700; text-align: center; text-transform: uppercase; }
.content .heading span { padding: 0 20px; background: #fff; }
.context .heading { margin-bottom: 15px; padding-bottom: 10px; background: url(../images/border-triple.gif) 0 100% repeat-x; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; }
/* =Footer
-------------------------------------------------- */
.footer { background: #131313; color: #6b6b6b; font-size: 14px; text-align: center; }
.footer a { color: #cdcdcd; }
.footer p { margin-bottom: 0; padding: 10px 0; }
.footer .subscriber { padding: 20px 0; background: #62456a; color: #fff; text-align: center; }
.footer .subscriber a { display: inline-block; margin: 0 20px; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; }
.footer .subscriber a span { display: block; overflow: hidden; margin: 0 auto; width: 40px; height: 45px; background: url(../images/sprite.png) -200px -43px no-repeat; text-indent: -9999px; }
.footer .subscriber a.facebook span { width: 20px; background-position: -299px -45px; }
.footer .subscriber a.google span { width: 35px; background-position: -400px -45px; }
.footer .subscriber a.youtube span { background-position: -500px -50px; }
.footer .subscriber a.linkedin span { background-position: -500px -550px; }
.footer .subscriber a strong { display: block; margin-top: 5px; }
.footer .subscriber a:hover, .footer .subscriber a:focus { text-decoration: none; }
.footer .subscriber a.twitter:hover span,
.footer .subscriber a.twitter:focus span { background-position: -250px -44px; }
.footer .subscriber a.facebook:hover span,
.footer .subscriber a.facebook:focus span { background-position: -350px -45px; }
.footer .subscriber a.google:hover span,
.footer .subscriber a.google:focus span { background-position: -452px -45px; }
.footer .subscriber a.youtube:hover span,
.footer .subscriber a.youtube:focus span { background-position: -550px -50px; }
.footer .subscriber a.linkedin:hover span,
.footer .subscriber a.linkedin:focus span { background-position: -550px -550px; }
.footer .line { padding: 30px 0; background: #2c1f30 url(../images/footer-bg.gif) 0 0 repeat; color: #fff; text-align: left; }
.footer .line a { color: #fff; }
.footer .btn { margin-top: 25px; padding-right: 10px; background: #402b47; text-decoration: none; }
.footer .btn:hover, .footer .btn:focus { background-image: url(../images/footer-btn.gif); }
/* =Modules
-------------------------------------------------- */
.btn { display: inline-block; margin: 0 5px; padding: 10px 20px 8px; background: #ff3735; border: none; color: #fff; font-size: 16px; font-weight: 700; line-height: 100%; white-space: normal; text-decoration: none; text-transform: uppercase; }
.header .btn, .content .btn { text-decoration: none; }
.btn:hover, .btn:focus { background: #ff3735 url(../images/bg-button.png) 0 0 repeat; color: #fff; text-decoration: none; }
.btn-secondary { background: #131313; }
.btn-secondary:hover, .btn-secondary:focus { background: url(../images/bg-button-3.png) 0 0 repeat; color: #fff; text-decoration: none; }
.btn-download { position: relative; padding-left: 45px; background: none; color: #fff; font-size: 15px; font-weight: 400; text-align: left; text-transform: none; }
.btn-download:after { content: ''; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 36px; height: 24px; background: url(../images/sprite.png) no-repeat -400px -150px; }
.btn-download:hover, .btn-download:focus { background: none; }
.btn-download:hover:after, .btn-download:focus:after { background-position: -452px -150px; }
.btn-2 { position: relative; padding: 7px 20px 6px 30px; background: #ff3735 url(../images/bg-button.png) 0 0 repeat; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; text-decoration: underline; }
.btn-2:after { content: ''; position: absolute; top: 50%; left: 10px; margin-top: -10px; width: 12px; height: 20px; background: url(../images/sprite.png) 0 -50px no-repeat; }
.btn-2 strong { display: block; font-size: 23px; line-height: 21px; }
.btn-2:hover, .btn-2:focus { background-color: #990200; }
.btn-2-small { padding: 6px 20px 7px 30px; font-size: 14px; }
.btn-2-small strong { font-size: 21px;line-height: 23px; }
.btn-comparator-primary { background-color: #ff4b4a; }
.btn-comparator-secondary { background-color: #fff; color: #294e6b; }
.btn-comparator:hover,
.btn-comparator:focus { background-color: #ff4b4a; }
.btn-comparator-secondary:hover,
.btn-comparator-secondary:focus { background-image: url("../images/bg-button-3.png"); background-color: #294e6b; color: #fff; }
/*image centrée*/
.mod-center { position: relative; margin-top: 40px; margin-bottom: 20px; padding: 30px 0; background: url(../images/border-triple.gif) 0 0 repeat-x; text-align: center; }
.mod-center:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 5px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.mod-center figure { margin-bottom: 0; }
.mod-center figcaption { font-family: 'PT Sans', sans-serif; font-size: 24px; line-height: 125%; text-align: center; }
.mod-center figcaption strong { display: block; text-transform: uppercase; }
.mod-center img { display: inline; }
/*bloc de téléchargement*/
.download { position: relative; margin-top: 40px; margin-bottom: 20px; padding: 15px 0 5px; background: url(../images/border-triple.gif) 0 -4px repeat-x; }
.download:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.download a { position: relative; display: block; padding-left: 45px; color: #131313; font-size: 15px; text-decoration: none; }
.download a:after { content: ''; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 36px; height: 24px; background: url(../images/sprite.png) -400px -100px no-repeat; }
.download a:hover:after { background-position: -450px -100px; }
.download strong { display: block; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 700; }
.download span { font-size: 14px; font-weight: 400; }
.download .visual img { float: left; margin-right: 20px; }
.download .visual a { padding-left: 5px; overflow: hidden; }
.download .visual a:after { display: none; }
/*bloc de mise en avant*/
.exergue { position: relative; margin-top: 40px; margin-bottom: 20px; padding: 15px 0 5px; background: url(../images/border-triple.gif) 0 -4px repeat-x; font-family: 'PT Sans', sans-serif; font-size: 16px; }
.exergue:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.exergue .heading-2 { padding-top: 0; color: #ff3735; font-size: 20px; text-transform: uppercase; }
/*pagination*/
.paginate { position: relative; margin-top: 20px; margin-bottom: 20px; padding: 15px 10px; background: url(../images/border-triple.gif) 0 -4px repeat-x; font-family: 'PT Sans', sans-serif; font-size: 18px; text-align: center; }
.paginate:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.paginate p { margin-bottom: 0; }
.paginate a,
.paginate strong,
.paginate span { display: inline-block; padding: 0 5px; color: #131313; font-weight: 400; text-decoration: none; }
.paginate strong { color: #ff3735; font-weight: 700; }
.paginate a:hover,
.paginate a:focus { color: #ff3735; text-decoration: none; }
.paginate .first,
.paginate .previous,
.paginate .next,
.paginate .last { position: relative; top: 2px; overflow: hidden; margin-right: 15px; width: 6px; height: 17px; background: url(../images/sprite.png) -200px -100px no-repeat; text-indent: -9999px; }
.paginate .first { width: 9px; background-position: -150px -150px; }
.paginate .previous { margin-right: 40px; background-position: -100px -150px; }
.paginate .next { margin-right: 0; margin-left: 40px; background-position: -100px -100px; }
.paginate .last { margin-right: 0; margin-left: 15px; width: 9px; background-position: -150px -100px; }
.paginate a.first:hover,
.paginate a.first:focus { background-position: -250px -150px; }
.paginate a.previous:hover,
.paginate a.previous:focus { background-position: -200px -150px; }
.paginate a.next:hover,
.paginate a.next:focus { background-position: -200px -100px; }
.paginate a.last:hover,
.paginate a.last:focus { background-position: -250px -100px; }
.paginate span.first { background-position: -50px -150px; }
.paginate span.previous { background-position: 0 -150px; }
.paginate span.next { background-position: 0 -100px; }
.paginate span.last { background-position: -50px -100px; }
/*formulaire*/
.main form { margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #ededed; }
.main fieldset { margin-bottom: 0; }
.main legend { margin-bottom: 30px; width: 100%; font-family: 'PT Sans', sans-serif; font-size: 24px; font-weight: 700; line-height: 125%; text-align: center; text-transform: uppercase; }
.main fieldset fieldset legend { margin-bottom: 10px;font-family: arial, 'sans-serif';font-size: 20px; text-align: left; text-transform: none; }
.main form p { margin-bottom: 20px; }
.main select,
.main input[type="email"],
.main input[type="text"],
.main input[type="password"] { padding: 10px 15px; background: #fff; border: none; font-size: 14px; font-weight: 700; }
.main fieldset fieldset legend.small { font-size: 14px; }
.main fieldset fieldset legend.small span { display: block; font-weight: 400; }
.main form .radio-large label { margin-right: 50px; }
.main form .small em { color: #888; }
.main form .form + .small { margin-top: -15px; }
.main form input::-webkit-input-placeholder { color: #000; opacity: 1; }
.main form input:-moz-placeholder { color: #000; opacity: 1; }
.main form input::-moz-placeholder { color: #000; opacity: 1; }
.main form input:-ms-input-placeholder { color: #000; opacity: 1; }
.main form input:input-placeholder { color: #000; opacity: 1; }
.main .form-2 { position: relative; padding-top: 40px; }
.main .form-2:after { content: ''; position: absolute; top: 0; left: 20px; border-top: solid 0 red; border-right: solid 0 lime; border-bottom: solid 20px #ededed; border-left: solid 40px #fff; }
.main .form-2 > fieldset > legend { margin-bottom: 20px; color: #ff3735; font-size: 30px; text-align: left; }
/*notes de bas de page*/
.notes { padding: 0 0 10px; color: #888; font-family: arial, 'sans-serif'; font-size: 13px; font-style: italic; }
.notes p { margin-bottom: 0; }
/*liste de news*/
.list { margin-bottom: 40px; }
.list ul li { position: relative; margin-bottom: 20px; padding-bottom: 20px; padding-left: 0; }
.list ul li:after { content: ''; position: absolute; top: auto; bottom: 0; left: 0; right: 0; width: auto; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.list a { display: block; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 11px; line-height: 125%; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.list a strong { display: block; color: #131313; font-size: 18px; line-height: 125%; font-weight: 400; text-transform: none; }
.list a:hover strong { color: #62456a; }
.list img { margin: 0 auto 15px; }
.list .btn { display: inline-block; padding: 10px 20px 8px; color: #fff; font-size: 16px; }
.list .date { display: block; margin-top: 5px; color: #131313; font-size: 16px; line-height: 125%; font-weight: 400; }
.list .podcast { position: absolute; top: 6px; left: 185px; display: block; overflow: hidden; width: 25px; height: 30px; background: url(../images/sprite.png) -550px -150px no-repeat; text-indent: -9999px; }
.list-2 { margin-bottom: 20px; }
.list-2:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-2 ul li { float: left; margin-left: 20px; padding-bottom: 0; width: 220px; }
.list-2 ul li:after { display: none; }
.list-2 ul li a strong { font-size: 22px; font-weight: 700; }
.list-2 ul li:first-child { float: left; margin-left: 0; width: 460px; }
.list-2 ul li:first-child strong { margin-bottom: 10px; font-size: 36px; line-height: 38px; }
.list-2 ul li:first-child p { color: #333; font-size: 14px; }
.list-2 > a strong { margin-bottom: 10px; font-weight: 700; font-size: 36px; line-height: 38px; }
.list-2 > p { color: #333; font-size: 14px; }
.list-3 { margin: 0 -1%; padding: 40px 0; }
.list-3 ul:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-3 ul li { float: left; margin: 0 1%; padding-bottom: 0; width: 48%; background: none; }
.list-3 ul li:after { background: none; }
.list-3 ul li img { float: left; margin-right: 20px; }
.list-3 ul li strong { font-size: 20px; font-weight: 700; }
.list-4 { padding: 40px 0 20px; }
.list-4:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-4 .heading { margin-bottom: 60px; padding-top: 0; background: url(../images/border-triple.gif) 0 22px repeat-x; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 38px; font-weight: 700; text-align: center; text-transform: uppercase; }
.list-4 .heading strong { color: #ff3735; text-transform: none; }
.list-4 .heading span { padding: 0 20px; background: #fff; }
.list-4 .baseline { float: left; margin-top: 25px; margin-right: 0; width: 300px; color: #131313; font-size: 36px; font-style: normal; font-weight: 700; line-height: 38px; text-align: center; }
.list-4 .baseline strong { display: block; color: #ff3735; font-size: 36px; font-style: normal; font-weight: 700; line-height: 38px; text-transform: none;}
.list-4 ul { float: left; margin-left: 20px; width: 300px; }
.list-5 { padding: 40px 0 20px; }
.list-5:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-5 .heading { margin-bottom: 60px; padding-top: 0; background: url(../images/border-triple.gif) 0 22px repeat-x; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 38px; font-weight: 700; text-align: center; text-transform: uppercase; }
.list-5 .heading strong { color: #ff3735; text-transform: none; }
.list-5 .heading span { padding: 0 20px; background: #fff; }
.list-5 ul:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-5 li { float: left; margin: 0 1% -20px; padding-bottom: 0; font-size: 14px; font-weight: 400; text-transform: none; }
.list-5 li:after { display: none; }
.list-5 li a { display: block; color: #131313; text-align: center; }
.list-5 li strong { margin-bottom: 5px; color: #ff3735; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.list-5 li img { border-radius: 50%; }
.list-6 { margin-bottom: 20px; }
.list-6:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-6 .heading { margin-bottom: 40px; background: url(../images/border-triple.gif) 0 40px repeat-x; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 38px; font-weight: 700; text-align: center; text-transform: uppercase; }
.list-6 .heading span { padding: 0 20px; background: #fff; }
.list-6 ul { margin: 0 -10px; }
.list-6 ul li { float: left; margin-left: 0; padding-bottom: 0; width: 25%; }
.list-6 ul li:after { display: none; }
.list-6 ul li a strong { font-size: 22px; font-weight: 700; }
.list-6 ul li:nth-child(4n+1) { clear: left; }
.home .list.list-6 ul li:first-child { padding-top: 0; background: none; }
.list-6 a { display: block; padding: 0 10px 10px; }
.list-6 .actions { visibility: hidden; float: none; padding: 0 10px 20px; }
.list-6 .actions:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-6 .btn { margin: 0; }
.list-6 .btn-download { float: right; overflow: hidden; padding: 0; width: 36px; height: 36px; text-indent: -9999px; }
.list-6 .btn-download:after { margin-top: -18px; background-position: -400px -101px; }
.list-6 .btn-download:hover:after { background-position: -450px -101px; }
.list-6.list-actions li:hover,
.home .list.list-6.list-actions ul li:first-child:hover { background: #ededed; }
.list-6.list-actions li:hover .actions { visibility: visible; background: #ededed; }
.list-7 { margin: 0 -1%; padding: 20px 0; }
.list-7 ul:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-7 ul li { }
.list-7 ul li:after { background: none; }
.list-7 ul li img { float: left; margin-right: 20px; }
.list-7 ul li strong { margin-bottom: 10px; font-size: 20px; font-weight: 700; }
.tab .list-7 li p { float: left; width: 470px; }
.list-8 { margin: 0 -1%; }
.list-8:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.list-8 ul { margin: 0 -10px; }
.list-8 ul li { float: left; margin: 0 1%; width: 48%; color: #333; font-size: 14px; line-height: 125%}
.list-8 ul li:after { display: none; }
.list-8 ul li strong { margin-bottom: 5px; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 22px; font-weight: 700; }
.list-8 ul li strong span { color: #ff3735; }
.list-8 ul li a { position: relative; margin-bottom: 15px; color: #131313; font-family: arial, 'sans-serif'; font-size: 18px; font-weight: 400; text-transform: none; }
.list-8 ul li a:after { content: ''; position: absolute; top: 75px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background: url(../images/sprite.png) -200px -200px no-repeat; }
.list-8 .close { display: none; position: absolute; top: 10px; right: 20px; overflow: hidden; width: 10px; height: 10px; background: url(../images/sprite.png) -500px -200px no-repeat; text-indent: -9999px; }
.list-8 ul li .iframe-wrap { display: none; padding-top: 20px; }
.list-8 ul li.active { clear: both; float: none; margin: 0 auto 20px; width: 97%; background: #131313; color: #fff; }
.list-8 ul li.active .iframe-wrap { display: block; }
.list-8 ul li.active a { padding: 0 20px; color: #fff; }
.list-8 ul li.active a:after { display: none; }
.list-8 ul li.active a img { display: none; }
.list-8 ul li.active a strong { color: #fff; }
.list-8 ul li.active p { padding: 0 20px; }
.list-8 ul li.active .close { display: block; padding: 0; }
.search .list-8 { margin: 0; }
.search .list-8 ul li { width: 23%; }
.search .list-8 ul li:nth-child(4n+1) { clear: both; }
.search .list-8 ul li a { font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 22px; line-height: 26px; }
.search .list-8 ul li a::after { display: none; }
.search .list-8 ul li a strong { font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 11px; line-height: 15px; text-transform: uppercase; }
.list-comment ul li:first-child { padding-top: 40px; }
.list-comment ul li:first-child:before { content: ''; position: absolute; top: 20px; bottom: auto; left: 0; right: 0; width: auto; height: 1px; background: url(../images/border-triple.gif) 0 0 repeat-x; }
.list-comment ul li strong { display: block; margin-bottom: 5px; font-size: 16px; line-height: 125%; }
.list-comment ul li strong span { font-size: 14px; font-weight: 400; }
.list-comment ul ul { margin: 0; padding: 0; }
.list-comment ul ul li:first-child,
.list-comment ul ul li { padding-top: 20px; }
.list-comment ul ul li:first-child::before,
.list-comment ul ul li::before { content: ''; position: absolute; top: 20px; right: auto; left: 0; bottom: 20px; width: 1px; height: auto; background: url(../images/border-triple.gif)-1px 0 repeat-y; }
.list-comment ul ul li::after { bottom: auto; top: 0; left: 20px; }
.list-comment ul ul li:first-child::after { display: none; }
.list-comment ul ul li { margin-bottom: 0; padding-left: 20px; }
.list-comment ul ul li strong { color: #62456a; }
.fold div.list-7 ul li:first-child,
.fold div.list-8 ul li:first-child,
.fold .context .list ul li:first-child { padding-top: 0; background: none; }
.fold div.list-8 ul li:first-child.active { background: #131313; }
.fold:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fold .list ul li { clear: left; }
.fold .list-8 ul li { clear: none; }
.fold .list-8 ul li:nth-child(2n+3) { clear: left; }
.bg-blue { padding: 20px 20px 10px; background: #294e6b; color: #fff; font-size: 14px; }
.bg-blue .heading { position: relative; z-index: 1; padding-bottom: 0; background: none; color: #fff; }
.bg-blue .heading a { display: block; color: #fff; font-size: 28px; line-height: 100%; }
.bg-blue .heading a strong { display: inline; font-size: 28px; }
.bg-blue a strong { padding-top: 5px; padding-bottom: 5px; color: #fff; font-weight: 700; }
.bg-blue a:hover strong { color: #abb4be; }
.bg-blue a .date { color: #fff; font-size: 14px; }
.bg-blue figure { }
.bg-blue figure:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bg-blue figcaption { overflow:hidden; padding: 0;}
.bg-blue figure img { float:left; margin: 0 20px 0 0; padding: 0;}
.bg-blue figure .btn { margin: 10px 0 0; }
.bg-blue .link:hover, .bg-blue .link:focus { background-color: #254259; background: url(../images/bg-button-3.png); }
.bg-blue .carousel { margin-bottom: 0; padding-bottom: 40px; }
.bg-blue .nav-carousel { position: absolute; bottom: -10px; right: -20px; left: -20px; padding: 10px 0; background: url(../images/bg-3.gif) 0 0 repeat; }
.bg-blue-2 { }
.bg-blue-2 .heading { margin-bottom: 20px; font-family: 'PT Sans', sans-serif; font-size: 28px; font-weight: 700; line-height: 100%; text-transform: uppercase; }
.bg-blue-2 .heading strong { color: #ff3735; text-transform: none; }
.bg-blue-2 .heading a:hover strong { color: #ff3735; }
.bg-blue-2 .heading a:after { content: ''; position: absolute; top: 5px; right: 0; z-index: -1; width: 25px; height: 25px; background: #131313 url(../images/sprite.png) no-repeat -501px -101px; }
.bg-blue-2 .heading a:hover:after { background-color: transparent; background-position: -1px -500px; }
.bg-blue-3 a { display: block; margin-bottom: 20px; }
.bg-blue-3 a .category { font-size: 16px; }
.bg-blue-3 a strong { font-size: 40px; }
.bg-blue-3 a .date { font-size: 16px; }
.bg-blue-3 figure p { margin-bottom: 0; }
.bg-blue-3 ul li,
.home .list.bg-blue-3 ul li:first-child { margin-bottom: 0; padding: 0 0 0 10px; }
.bg-blue-3 ul li:after { top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #fff; border-radius: 50%; }
.home .list.bg-blue-3 ul li:first-child { background: none; }
.bg-blue-3 figure { float: left; width: 83%; }
.bg-blue-3 .actions { width: 17%; }
.bg-blue-3 .actions .btn { float: none; display: block; margin-right: 0; margin-left: 20px; margin-bottom: 10px; text-align: center; }
.bg-blue-3 .actions .btn-download { padding-left: 45px; font-size: 15px; font-weight: 400; text-transform: none; }
.list.bg-gray { padding: 20px 20px 10px; }
.list.bg-gray .heading { margin-bottom: 20px; font-family: 'PT Sans', sans-serif; font-size: 28px; font-weight: 700; text-transform: uppercase; }
.list.bg-gray a strong { font-size: 22px; font-weight: 700; }
.list.bg-gray a .date { color: #131313; font-size: 13px; font-weight: 400; }
.context .list ul li { margin-bottom: 10px; padding-bottom: 10px; }
.nav-main .bg-blue { margin: 0 -20px 20px; }
.nav-main .bg-blue p:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.nav-main .bg-blue .heading { margin-bottom: 20px; font-size: 21px; text-transform: uppercase; }
.nav-main .bg-blue a { float: right; padding: 0; }
.nav-main .bg-blue a img { float: left; margin: 0 15px 0 0; }
.nav-main .bg-blue a span,
.nav-main .bg-blue a strong { float: right; width: 160px; }
.nav-main .date { margin-bottom: 20px; }
.nav-main .bg-blue .btn { float: left; margin-left: 120px; margin-top: -25px; padding: 10px 20px; }
/*fond noir*/
.bg-black { padding: 60px 0 30px; background: #131313; color: #fff; }
.bg-black .heading { margin-bottom: 20px; padding-top: 0; background: url(../images/border-triple-2.gif) 0 22px repeat-x; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 38px; font-weight: 700; text-align: center; text-transform: uppercase; }
.bg-black .heading strong { color: #ff3735; text-transform: none; }
.bg-black .heading span { padding: 0 20px; background: #131313; }
/*fond gris*/
.bg-gray { background: #ededed; }
/*foldable*/
.nav-tab { position: relative;margin-bottom: 20px; padding: 0 10px; }
.nav-tab:after { clear: both; height: 1px; content: ""; overflow: hidden; visibility: visible; display: block; position: relative; bottom: 0; right: -10px; left: -10px; background: url(../images/border-triple.gif) 0 0 repeat-x ; }
.nav-tab a { position: relative; z-index: 6; display: inline-block; margin-bottom: -1px; padding: 10px 20px; color: #abb4be; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 700; }
.nav-tab a { color: #131313; font-size: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.nav-tab a:hover { color: #ff3735; }
.nav-tab a.active { background: #fff url(../images/border-triple.gif) 0 -4px repeat-x ; color: #ff3735; }
.nav-tab a:before,
.nav-tab a:after { content: ''; position: absolute; top: 2px; right: 0; bottom: 1px; z-index: 6; display: none; width: 1px; background: url(../images/border-triple.gif) -1px 0 repeat-y ; color: #fff; }
.nav-tab a:before { right: auto; left: 0; }
.nav-tab a.active:before,
.nav-tab a.active:after { display: block; }
.fold .tab { position: absolute; top: 0; left: -9999px; }
.fold .tab-1 { position: relative; top: 0; left: auto; }
.bg-blue .nav-tab:after { background: url(../images/border.gif) 0 100% repeat-x ; }
.bg-blue .nav-tab a { color: #abb4be; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: none; }
.bg-blue .nav-tab a:hover { color: #fff; }
.bg-blue .nav-tab a.active { background: #294e6b url(../images/border.gif) 0 -3px repeat-x ; color: #fff; }
.bg-blue .nav-tab a.active:before,
.bg-blue .nav-tab a.active:after { top: 0; background: url(../images/border.gif) 0 0 repeat-y ; }
.red .nav-tab a { float: left; padding: 14px 15px 15px; color: #fff; font-size: 14px; line-height: 125%; text-transform: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .red .nav-tab a { padding: 14px 15px; } }
.red .nav-tab a.active { background-color: #ff3735; color: #fff; }
.red .nav-tab a:first-child { padding: 6px 15px 5px; }
/*figure center*/
figure.center { margin-bottom: 20px; text-align: center; }
figure.center img { margin: 0 auto 10px; }
figure.center figcaption { font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 125%; font-weight: 700; text-transform: uppercase; }
figure.center figcaption strong { display: block; color: #ff3735; font-size: 22px; line-height: 125%; }
/*video*/
.videos { margin-bottom: 20px; }
.videos:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.videos a { float: left; position: relative; }
.videos a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: url(../images/bg-video.png) 0 100% repeat-x; ; }
.videos a:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; background: url(../images/sprite.png) -200px -200px no-repeat; opacity: 0.5; }
.videos a:hover:after { opacity: 1; }
.videos a.big:after { width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; background-position: 0 -200px; }
.videos figure { position: relative; margin: 0; }
.videos figcaption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 20px; color: #fff; font-size: 18px; }
.videos figcaption strong { display: block;font-family: 'PT Sans', sans-serif; color: #fff; font-size: 16px; font-weight: 700; }
.videos .big figcaption strong { font-size: 22px; }
.videos figcaption span { color: #ff3735; }
.videos + p { clear: both; }
/*sommaire*/
.sticky-summary .sticky-wrapper { height: auto !important; }
.summary.stuck { position: fixed; top: 87px; left: 50%; z-index: 42; margin-left: -470px; width: 700px; }
.summary .heading { margin-bottom: 0; padding: 20px 10px 13px; background: url(../images/bg-gray-2.png) 0 0 repeat; color: #ff3735; font-size: 24px; line-height: 100%; text-align: left; }
.summary .heading button { position: relative; display: block; width: 100%; margin: 0; padding: 0; background: none; border: none; color: #ff3735; font-size: 24px; line-height: 100%; font-weight: 700; text-align: left; }
.summary .heading button:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; width: 14px; height: 8px; background: url(../images/sprite.png) -402px -201px no-repeat; -webkit-transition: transform 0.4s; -ms-transition: transform 0.4s; transition: transform 0.4s; }
.summary .heading.active button:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.summary ol { counter-reset: li; }
.summary ol li { position: relative; margin-left: 0; padding: 10px 20px 10px 60px; background: #efefef; border-bottom: solid 1px #fff; font-family: 'PT Sans', sans-serif; font-size: 18px; list-style: none }
.summary ol li:after { content: counter(li, decimal); counter-increment: li; position: absolute; top: 50%; left: 15px; margin-top: -18px; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 40px; line-height: 100% }
.summary ol li.active { background: #ff3735; color: #fff; }
.summary ol li.active:after { color: #fff; }
.summary ol li.active a { color: #fff; }
.summary ol li a { display: block; color: #131313; text-decoration: none; }
/*nav page, lire la suite*/
.nav-page { margin-bottom: 40px; }
.nav-page:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.nav-page a { position: relative; float: right; padding: 10px 70px 10px 50px; width: 220px; background: #efefef; color: #131313; font-size: 15px; line-height: 125%; text-decoration: none; }
.nav-page a:after { content: ''; position: absolute; top: 0; right: 0; z-index: 3; bottom: 0; width: 60px; background: url(../images/bg-button-2.png) repeat 0 0 ; }
.nav-page a:before { content: ''; position: absolute; top: 50%; right: 20px; z-index: 6; margin-top: -15px; width: 20px; height: 30px; background: url(../images/sprite.png) repeat -300px -150px ; }
.nav-page span { display: block; margin-bottom: 5px; margin-left: -30px; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 100%; font-weight: 700; text-transform: uppercase; }
.nav-page strong { position: absolute; top: 35px; left: 20px; color: #ff3735; font-family: 'PT Sans', sans-serif; font-size: 40px; line-height: 100%; font-weight: 400; }
.nav-page strong span { position: absolute; left: -9999px; }
/*fom don*/
.main .form-don { margin: 0 0 20px; padding: 0; background: none; font-size: 14px; }
.form-don:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.form-don .line { margin: 0 -10px 20px; }
.form-don fieldset { margin: 0 10px; padding: 70px 15px 20px; min-height: 850px; }
.form-don fieldset.red { background: #ff3735; color: #fff; }
.form-don fieldset legend { display: block; position: relative; top: 60px; width: 100%; font-family: 'PT Sans', sans-serif; font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; }
.form-don label { font-size: 14px; font-weight: 700; }
.form-don h3 { font-family: arial, 'sans-serif'; font-size: 20px; font-weight: 700; }
.form-don h3 span { display: block; color: #fff; font-size: 13px; font-weight: 400; line-height: 125%; }
.form-don hr { margin: 20px 0; }
.form-don .radio-bg { position: relative; display: inline-block; padding: 10px 10px 10px 30px; width: auto; background: #d9302e; }
.form-don .radio-bg input { position: absolute; top: 12px; left: 3px; }
.form-don .align-left .radio-bg { display: block; padding: 10px; }
.form-don .align-left .radio-bg input { position: relative; top: auto; left: auto; width: 100px; }
.form-don .focus { padding: 10px; margin-bottom: 20px; background: #d02d2b; font-size: 16px; line-height: 150%; }
.form-don .nav-tab { margin: 0 -10px 20px; }
.form-don .small { font-size: 13px; line-height: 125%; }
.form-don .checkbox input { float: left; }
.form-don .checkbox label { float: left; margin-left: 2%; width: 90%; font-size: 13px; line-height: 125%; }
.form-don fieldset.gray { background: #efefef; color: #131313; }
.form-don fieldset.gray input[type="text"],
.form-don fieldset.gray input[type="password"],
.form-don fieldset.gray select,
.form-don fieldset.gray textarea { padding: 10px 15px; background: #fff; border: none; color: #131313; font-size: 14px; font-weight: 700; }
.form-don fieldset.gray input[type="text"]::-webkit-input-placeholder,
.form-don fieldset.gray textarea::-webkit-input-placeholder { color: #131313; opacity: 1; }
.form-don fieldset.gray input[type="text"]:-moz-placeholder,
.form-don fieldset.gray textarea:-moz-placeholder { color: #131313; opacity: 1; }
.form-don fieldset.gray input[type="text"]::-moz-placeholder,
.form-don fieldset.gray textarea::-moz-placeholder { color: #131313; opacity: 1; }
.form-don fieldset.gray input[type="text"]:-ms-input-placeholder,
.form-don fieldset.gray textarea:-ms-input-placeholder { color: #131313; opacity: 1; }
.form-don fieldset.gray input[type="text"]:input-placeholder,
.form-don fieldset.gray textarea:input-placeholder { color: #131313; opacity: 1; }
.form-don fieldset.white { position: relative; border: solid 1px #e3e3e3; }
.form-don fieldset.white:after { content: ''; position: absolute; top: -31px; right: 0; left: 0; height: 1px; background: #e3e3e3; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .form-don fieldset.white:after { top: 14px; } }
.form-don fieldset.white h3 { margin-bottom: 20px; padding-top: 30px; }
.form-don fieldset.white legend + h3 { padding-top: 0; }
.form-don fieldset.white label img { margin: 15px 0; }
.form-don fieldset.white label span { display: block; padding: 15px 0; font-size: 13px; font-weight: 400; line-height: 125% }
.form-don fieldset.white label strong { display: block; }
.main .form-don + hr { margin: 0 0 10px; }
.main .form-don .bigger { margin-bottom: 0; padding-top: 18px; }
.main .form-don .bigger +p { margin-bottom: 0; }
/*social*/
.social { position: fixed; top: 220px; left: 0; z-index: 9; width: 60px; }
.social a,
.social span { display: block; margin-bottom: 10px; padding-top: 50px; width: 60px; height: 20px; background: url(../images/sprite.png) 0 -300px no-repeat; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 11px; font-weight: 700; line-height: 100%; text-align: center; text-decoration: none; vertical-align: bottom }
.social a:hover { background-position: 0 -400px; color: #ff3735; text-decoration: none; }
.social .share { background-position: -100px -300px; }
.social .share:hover { background-position: -100px -400px; }
.social a.cosiness { padding-top: 40px; height: 30px; background-position: -200px -300px; }
.social a.cosiness:hover,
#cosiness:target ~.wrap .social a.cosiness { background-position: -200px -400px; color: #ff3735; }
#cosiness:target ~.wrap .social a.cosiness-show { display: none; }
.social a.cosiness-hide { display: none; }
#cosiness:target ~.wrap .social a.cosiness-hide { display: inline-block; }
.social a.print { background-position: -300px -300px; }
.social a.print:hover { background-position: -300px -400px; }
.social-fold { position: absolute; top: 0; left: 62px; margin-bottom: 0; background: #ededed; }
.social-fold a { float: left; margin-right: -1px; padding: 0; width: 53px; height: 70px; margin-bottom: 0; background: url(../images/sprite.png) -400px -300px no-repeat; text-indent: -9999px; }
.social-fold .facebook { width: 35px; background-position: -452px -300px; }
.social-fold .google { width: 40px; background-position: -486px -300px; }
.social-fold .youtube { background-position: -525px -300px; }
.social-fold .linkedin { background-position: -432px -477px; }
.social-fold a:hover,
.social-fold a:focus { background-position: -400px -400px; }
.social-fold .facebook:hover,
.social-fold .facebook:focus { background-position: -452px -400px; }
.social-fold .google:hover,
.social-fold .google:focus { background-position: -486px -400px; }
.social-fold .youtube:hover,
.social-fold .youtube:focus { background-position: -525px -400px; }
.social-fold .linkedin:hover,
.social-fold .linkedin:focus { background-position: -382px -477px; }
.social .dropdown { width: 300px; }
.dropdown { position: relative; }
.dropdown-fold { display: none; z-index: 999; }
.open > .dropdown-fold { display: block; }
/*carousel*/
.carousel { clear:both; margin:0 0 20px; position:relative; z-index:1;}
.carousel .slide { position:relative; float:left; width: 940px; }
.carousel .slide .figure { float: none; margin: 0; }
.carousel .slide .text { position: absolute; bottom: 0; left: 0; width: 450px; min-height: 80px; padding: 10px; background: rgba(90,64,71, 0.9); color: #ddc5c5; }
.carousel .slide .text p { margin-bottom: 0; line-height: 150%; }
.carousel .slide .text a { padding: 0; text-decoration: underline; color: #DDC5C5; }
.carousel .slide .text a:hover,
.carousel .slide .text a:focus { text-decoration: none; }
.carousel .slide .text a:after { display: none; }
/*nav carousel*/
.nav-carousel { }
.carousel .nav-carousel a { display:inline-block; overflow:hidden; padding: 0; width: 40px; height: 40px; background: url(../images/sprite.png) -100px -400px no-repeat; text-indent:-9999px;}
.nav-carousel .previous a:hover,
.nav-carousel .previous a:focus { background-position: -200px -400px; }
.nav-carousel .next a { background-position: -150px -400px; }
.nav-carousel .next a:hover,
.nav-carousel .next a:focus { background-position: -250px -400px; }
.nav-carousel .pause { display: inline-block; }
.nav-carousel .pause button { display: block; margin:0 3px; overflow: hidden; width:13px; height: 13px; background: url(../images/sprite.png) no-repeat -300px -400px; border: none; cursor: pointer; text-indent: -999px; }
.nav-carousel .pause button:hover { background-position:-330px -400px; }
.nav-carousel .pause .paused { background-position:-300px -426px; }
.nav-carousel .pause .paused:hover { background-position:-330px -426px; }
.carousel .nav-carousel .pager { text-align:center;}
.carousel .nav-carousel .pager a { display: inline-block; margin:0 3px; padding: 0; width:12px; height: 12px; background: #fff; border-radius: 50%;}
.carousel .nav-carousel .pager .selected,
.carousel .nav-carousel .pager :hover,
.carousel .nav-carousel .pager :focus { background: #ff3735; }
.nav-carousel .next,
.nav-carousel .previous { position: absolute; top: 35px; left: 10px; width: auto; }
.nav-carousel .next { left: auto; right: 10px; }
/*load more*/
.pager.pager-load-more { clear: both; position: relative; }
.pager.pager-load-more:after { content: ''; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -13px; width: 27px; height: 33px; background: url(../images/load-more.png) 0 0 no-repeat; }
/*.pager.pager-load-more.load-search:after*/
.pager.pager-load-more.load-search:after { -webkit-animation: loadRotate linear 1s infinite; animation: loadRotate linear 1s infinite; }
@keyframes loadRotate {
0 { transform: rotate(0); }
100% { transform: rotate(-361deg); }
}
@-webkit-keyframes loadRotate {
0 { transform: rotate(0); }
100% { transform: rotate(-361deg); }
}
.pager.pager-load-more li { float: none; width: auto; text-align: center; }
.list-6.list-actions .pager.pager-load-more li:first-child:hover,
.home .list.list-6.list-actions .pager.pager-load-more li:first-child:hover,
.list-6.list-actions .pager.pager-load-more li:hover { background: none; }
.pager.pager-load-more a { display: inline-block; padding-top: 40px; color: #131313; font-family: arial, 'sans-serif'; font-weight: 400; font-size: 14px; text-transform: none; }
.list-8 .pager.pager-load-more li a:after { display: none; }
/*Layer newsletter*/
.layer-newsletter { display: none; position: fixed; bottom: -220px; right: 0; z-index: 8; padding: 15px 10px 0 10px; width: 440px; background: #fff; color: #333; font-family: arial; font-size: 12px; }
.layer-newsletter:after { content: ''; position: absolute; top: -13px; left: -13px; z-index: -1; width: 500px; height: 200px; background: url(../images/layer-newsletter.png) 0 0 no-repeat; }
.layer-newsletter .close { position: absolute; top: 15px; right: 10px; }
.layer-newsletter h1 { margin-bottom: 10px; color: #ef4036; font-family: georgia; font-size: 24px; font-weight: 400; line-height: 125%; }
.layer-newsletter a { color: #511f58; font-weight: 700; text-decoration: underline; }
.layer-newsletter a:hover { text-decoration: none; }
.team { margin-top: 30px; }
.team:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.team img { border-radius: 50%; }
.team .heading { display: block; margin-bottom: 5px; color: #fe1001; font-family: 'PT Sans', sans-serif; font-size: 16px; text-align: left; }
.team .heading a { color: #fe1001; text-decoration: none; }
.team .heading a:hover { text-decoration: underline; }
.team ul li { padding-left: 0; }
.team li:after { display: none; }
.texteencadre-spip { position: relative; z-index: 1; margin: 30px 0; padding: 20px; background: #fff; border: none; }
.texteencadre-spip:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #fff url("../images/border-triple.gif") repeat 0 0; }
.texteencadre-spip:after { content: ''; position: absolute; top: 5px; right: 5px; bottom: 0; left: 7px; z-index: -1; background: #fff url("../images/border-triple.gif") repeat-x 0 100% ; }
.texteencadre-spip h3 { padding-top: 0; }
/* =Home
-------------------------------------------------- */
.home .size1of4 .list { margin-left: 20px; }
.home .list ul li:first-child { padding-top: 20px; background: url(../images/border-triple.gif) 0 -3px repeat-x; }
.home .list-2 ul li:first-child,
.home .list-3 ul li:first-child,
.home .list-5 ul li:first-child { padding-top: 0; background: none; }
.home .size1of2>div { margin-left: 10px; }
.home .size1of2:first-child>div { margin-left: 0; margin-right: 10px; }
.home .size1of2 .list-7,
.home .size1of2 .list-7 ul li:first-child { padding-top: 0; padding-bottom: 0; background: none; }
.home .size1of2 .list-7 ul li:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; position: relative; }
.home .size1of2 .list-7 ul li { clear: both; padding-bottom: 0; margin-bottom: 15px; }
.main .heading-medias span { position: relative; padding-right: 65px; }
.main .heading-medias span:after { content: ''; position: absolute; top: 14px; right: 15px; width: 40px; height: 20px; background: url(../images/sprite.png) -550px -200px no-repeat; }
.main .heading-recommend span { position: relative; padding-right: 75px; }
.main .heading-recommend span:after { content: ''; position: absolute; top: 4px; right: 15px; width: 42px; height: 35px; background: url(../images/sprite.png) -550px -100px no-repeat; }
.bg-gray form { margin-bottom: 20px; padding: 20px 0; text-align: center; }
.bg-gray form p { display: inline-block; }
.bg-gray form p:first-child { display: block; }
.bg-gray label { display: block; margin-bottom: 20px; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 400; }
.bg-gray label strong { color: #ff3735; }
.bg-gray input[type="text"] { margin-right: 20px; padding: 14px 20px; width: 300px; background: #ffff; border: none; color: #959595; font-family: 'Arial', sans-serif; font-size: 14px; line-height: 100% }
.bg-gray input[type="text"]::-webkit-input-placeholder { color: #959595; opacity: 1; }
.bg-gray input[type="text"]:-moz-placeholder { color: #959595; opacity: 1; }
.bg-gray input[type="text"]::-moz-placeholder { color: #959595; opacity: 1; }
.bg-gray input[type="text"]:-ms-input-placeholder { color: #959595; opacity: 1; }
.bg-gray input[type="text"]:input-placeholder { color: #959595; opacity: 1; }
.bg-gray .form-inline { margin: 40px 0; }
.bg-gray .form-inline p { margin-bottom: 0; }
.bg-gray .form-inline label { display: inline-block; margin-bottom: 0; width: auto; color: #62456a; font-family: Arial; font-weight: 700; font-size: 16px; vertical-align: middle; }
.bg-gray .form-inline button { display: inline-block; margin-left: 10px; padding-left: 30px; width: auto; background: url(../images/btn-reset.png) 0 50% no-repeat; color: #131313; font-family: Arial; font-size: 14px; text-transform: none; vertical-align: middle; }
.styled-select { position: relative; z-index: 1; overflow: hidden; display: inline-block; margin: 0 10px; width: 250px; height: 40px; background: url(../images/styled-select.gif) no-repeat 100% 0; vertical-align: middle; }
.styled-select::after { content: ''; position: absolute; top: 0; right: 34px; left: 0; z-index: -1; height: 40px; background: #fff; }
.styled-select select { padding: 5px; width: 110%; height: 40px; background: transparent; border: none; box-shadow: none; }
@media only screen and (max-width: 959px) {
.bg-gray .form-inline label { display: block; margin-bottom: 20px; }
.styled-select { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
}
.home .bg-gray form { margin-bottom: 0; padding: 40px 0; }
.home .bg-gray label { margin-bottom: 30px; font-size: 28px; font-weight: 700; }
/* =Search :: resultats de recherche
-------------------------------------------------- */
.search .list { margin-bottom: 0; }
.search .list ul { margin-bottom: 0; }
.search .list li:last-child { margin-bottom: 0; }
.search .list strong { font-size: 24px; font-weight: 700; }
.search .list .date { text-transform: none; }
.search .list + .paginate { margin-top: 0; background: none; }
/* =tunnel
-------------------------------------------------- */
.tunnel form { margin: 0; padding: 0; background: none; }
.tunnel .form { margin: 20px 0; padding: 20px; background: #ededed; }
.tunnel h2 { font-size: 24px; text-transform: uppercase; }
.tunnel .line { margin: 0 -10px; }
.tunnel .list-6 ul li { width: 33.333%; background: none; }
.tunnel .list-6 ul li:hover { background: none; }
.tunnel .list-6 ul li>a { margin: 0 10px; padding: 0 10px 10px; background: #ededed; }
.tunnel .list-6 ul li>a img { margin: 0 -10px 20px; max-width: inherit; }
.tunnel .list-6 .actions { visibility: visible; margin: 0 10px; padding-bottom: 10px; background: #ededed; }
.tunnel .list-6 .actions:before { display: none; }
.tunnel .list-6 .actions:after { }
.tunnel .list-6 .actions .price { float: left; padding: 5px 0 0;}
.tunnel .list-6 .actions .btn { float: right; }
.tunnel .price { padding: 10px 0; color: #ff3735; font-size: 30px; line-height: 100% }
.tunnel .block-label { position: relative; margin: 0 10px; padding: 0; background: #efefef; text-align: center; }
.tunnel .block-label label { display: block; padding: 70px 10px 10px; width: auto; }
.tunnel .block-label span { display: block; font-size: 16px; line-height: 150%; text-transform: uppercase; }
.tunnel .block-label span strong { font-size: 18px; }
.tunnel .block-label strong { display: block; }
.tunnel .block-label input { position: absolute; top: 15px; left: 50%; z-index: 6; margin-left: -5px; }
.tunnel .block-label input:checked + span:after { content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 50px; background: red; }
.tunnel .list-6 ul li:nth-child(3n+1) { clear: left; }
.tunnel .list-6 ul li:nth-child(4n+1) { clear: none; }
.tunnel table { margin-bottom: 20px; }
.nav-tunnel { text-align: center; }
.nav-tunnel span,
.nav-tunnel strong,
.nav-tunnel a { display: inline-block; margin-left: 100px; width: 140px; color: #131313; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; }
.nav-tunnel>span:first-child,
.nav-tunnel>strong:first-child,
.nav-tunnel>a:first-child { margin-left: 0; }
.nav-tunnel span span,
.nav-tunnel strong span,
.nav-tunnel a span { display: block; margin: 0 auto 20px; width: 80px; height: 80px; background: url(../images/bg-gray.png) 0 0 repeat; border-radius: 50%; color: #b8b8b8; font-size: 40px; line-height: 80px; }
.nav-tunnel strong,
.nav-tunnel a:hover,
.nav-tunnel a:focus { color: #ff3735; text-decoration: none; }
.nav-tunnel strong span,
.nav-tunnel a:hover span,
.nav-tunnel a:focus span { background: #ff3735; color: #fff; }
.basket { margin: 40px auto 20px; width: 620px; }
.basket:after { clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block; }
.basket .heading { position: relative; margin-bottom: 0; padding: 15px 10px; background: #131313; border-bottom: solid 1px #fff; color: #fff; font-size: 20px; font-weight: 700;text-align: left; }
.basket .heading span { position: absolute; top: 15px; right: 10px; }
.basket table { width: 100%; }
.basket table th { padding-bottom: 0; background: #efefef; border: none; color: #131313; font-size: 16px; font-weight: 400; text-align: left; }
.basket table th span { display: block; font-size: 12px; line-height: 100% }
.basket table .td-2 { padding: 10px 5px; }
.basket table .td-3 { padding-left: 5px; width: 10px; }
.basket table .total th,
.basket table .total td { padding-bottom: 10px; background: url(../images/bg-gray.png) 0 0 repeat; border: none; }
.basket table .total .price { padding-right: 24px; }
.basket .quantity[type="text"] { float: left; padding: 0; width: 25px; height: 25px; border: none; text-align: center; }
.basket .btn-remove,
.basket .btn-add { position: relative; overflow: hidden; float: left; width: 20px; height: 25px; background: url(../images/bg-gray.png) repeat 0 0; border: none; text-indent: -9999px; }
.basket .btn-remove:after,
.basket .btn-add:after { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; width: 20px; height: 20px; background: url(../images/sprite.png) no-repeat -450px -250px; }
.basket .btn-add:after { background-position: -500px -250px; }
.basket .btn { margin: 0; padding: 10px; }
.basket .price { font-size: 20px; }
.basket .suppr { overflow: hidden; width: 14px; height: 16px; background: url(../images/sprite.png) -400px -250px no-repeat; border: none; text-indent: -9999px; }
.basket .label-big { font-size: 20px; font-weight: 700; }
.context .basket { margin-top: 60px; margin-bottom: 0; width: auto; }
.context .basket .price { font-size: 16px; }
.context .basket table .total .price { padding-right: 0; }
/* =Lecture de confort
-------------------------------------------------- */
#cosiness, #cosiness-close, .cosiness-close { display: none; }
#cosiness:target ~.wrap .cosiness-close { position: relative; display: block; float: right; padding-top: 5px; padding-right: 50px; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; }
#cosiness:target ~.wrap .cosiness-close:after { content: ''; position: absolute; top: -6px; right: -10px; width: 40px; height: 40px; background: url(../images/sprite.png) -500px -150px no-repeat; }
#cosiness:target ~.wrap .btn-menu,
#cosiness:target ~.wrap .baseline,
#cosiness:target ~.wrap header .actions,
#cosiness:target ~.wrap .quick-search,
#cosiness:target ~.wrap .quick-search-button,
#cosiness:target ~.wrap .context,
#cosiness:target ~.wrap .focus,
#cosiness:target ~.wrap .breadcrumb,
#cosiness:target ~.wrap .summary,
#cosiness:target ~.wrap .footer { display: none; }
#cosiness:target ~.wrap .sticky-wrapper { height: 40px !important; }
#cosiness:target ~.wrap header .wrapper { width: auto; }
#cosiness:target ~.wrap header { padding: 5px 10px; }
#cosiness:target ~.wrap .identity img { height: 30px; width: auto; }
#cosiness:target ~.wrap .content { float: none; margin: 0 auto; width: 700px; }
#cosiness:target ~.wrap .layer-newsletter { display: none !important; }
/* =Pages
-------------------------------------------------- */
.tragedy .header { background-color: #000; }
.tragedy .identity > a { position: relative; display: block; }
.tragedy .identity > a:after { position: absolute; top: 0; left: 0; background: url(../images/logo-ifrap-tragedy.png) no-repeat 50%; -webkit-background-size: 120px 50px; background-size: 120px 50px; width: 100%; height: 50px; content: ""; display: block; }
.tragedy .identity > a > img { opacity: 0; }