@charset "utf-8";
/* 2016/11/03 */

/* PLEASE NOTE:VINCI fonts can not be disseminated or used without the permission of VINCI. Fonts subject to copyright. Copyright VINCI www.seenk.com. */  
@font-face {font-family:VinciDingbats;src:url('//www.vinci.com/publi/webfonts/vinci_dingbats.woff'),url('//www.vinci.com/publi/webfonts/vinci_dingbats.svg#vinci_dingbats') format('svg'),url('//www.vinci.com/publi/webfonts/vinci_dingbats.ttf') format('truetype'),url('//www.vinci.com/publi/webfonts/vinci_dingbats.eot')}  
@font-face{font-family:VinciRoundedBold;src:url('//www.vinci.com/publi/webfonts/vinci_rounded_bold.woff') format('woff'),url('//www.vinci.com/publi/webfonts/vinci_rounded_bold.svg#vinci_rounded_bold') format('svg'),
url('//www.vinci.com/publi/webfonts/vinci_rounded_bold.ttf') format('truetype'),url('//www.vinci.com/publi/webfonts/vinci_rounded_bold.eot')}
@font-face{font-family:VinciRoundedRegular;src:url('//www.vinci.com/publi/webfonts/vinci_rounded_regular.woff') format('woff'),url('//www.vinci.com/publi/webfonts/vinci_rounded_regular.svg#vinci_rounded_regular') format('svg'),url('//www.vinci.com/publi/webfonts/vinci_rounded_regular.ttf') format('truetype'),url('//www.vinci.com/publi/webfonts/vinci_rounded_regular.eot')}
@font-face {font-family:VinciSansBold;src:url('//www.vinci.com/publi/webfonts/vinci_sans_bold.woff'),url('//www.vinci.com/publi/webfonts/vinci_sans_bold.svg#vinci_sans_bold') format('svg'),url('//www.vinci.com/publi/webfonts/vinci_sans_bold.ttf') format('truetype'),url('//www.vinci.com/publi/webfonts/vinci_sans_bold.eot')}
@font-face {font-family:VinciSansRegular;src:url('//www.vinci.com/publi/webfonts/vinci_sans_regular.woff'),url('//www.vinci.com/publi/webfonts/vinci_sans_regular.svg#vinci_sans_regular') format('svg'),url('//www.vinci.com/publi/webfonts/vinci_sans_regular.ttf') format('truetype'),url('//www.vinci.com/publi/webfonts/vinci_sans_regular.eot')} 

* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {text-align:center;font-family:VinciSansRegular,Arial,Helvetica,sans-serif;color:rgb(88,88,88);font-size:0.938em;background:#fff}
a {text-decoration:none}
a:hover {text-decoration:underline}
img {border:none 0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family:VinciRoundedRegular,Arial,Helvetica,sans-serif}
h1 {font-size:1.8667em;line-height:1em;color:rgb(62,62,64)}
li {display:inline}
p {line-height:1.5em;margin-top:0.75em}
iframe {border:none 0 !important}
strong {font-family:VinciSansBold;font-weight:normal;font-style:normal;font-variant:normal}
/* STRUCTURE DE BASE */
.main-wrapper {margin:auto;width:1200px;text-align:left}
.content {float:left}
.main-wrapper,.content {width:1200px}
/********************************************
                 EN TETE
 *******************************************/
 /* Langue & recherche */
.tools {background:rgb(244,243,243);padding:0.5em 0;font-size:.933em;color:rgb(62,62,64);height:2.5em;line-height:1.75em}
.tools div {margin:auto;width:1200px;text-align:left}
.tools a {color:rgb(0,0,0);margin-top:-1.25em}
.tools a.icon-alone{font-size:1.75em}
.tools a.icon-alone:hover{color:#E23217;transition:0.5s}
.tools .chapo {margin-left:1.5em;margin-right:.1em}
.search_engine {float:left;margin:0em 1.5em 0 0.5em}
.search_engine input {height:1.6em;border:solid 1px rgb(226,225,225)}
.search_engine .SE_text {width:12em;line-height:1.6em;padding:0 4px}
.search_engine .SE_bouton {color:rgb(88,88,88);font-family:VinciDingbats,Arial,Helvetica,sans-serif;width:1.6em}
/* accroche & logo */
.logo {height:120px;display:block;margin-top:1em;background:url(bg-logo.png);font-family:VinciRoundedRegular,Arial,Helve;font-size:1.600em;text-transform:uppercase}
.logo div {float:left;line-height:80px}
.logo img {float:right}
/* Navigation */
.nav,.sub-nav {height:50px;line-height:50px;font-family:VinciRoundedRegular,Arial,Helvetica,sans-serif;text-transform:uppercase}
.nav {border-bottom:solid 1px rgb(62,62,64);font-size:1.333em}
.sub-nav {padding-left:100px;font-size:1.2em}
.nav a,.sub-nav a {color:rgb(62,62,64)}
.nav a.active,.sub-nav a.active {font-family:VinciRoundedBold,Arial,Helvetica,sans-serif}
.nav a.active:hover,.sub-nav a.active:hover {text-decoration:none}
.nav a {padding-right:90px}
.sub-nav a {padding-right:80px}
/********************************************
                 CORPS
 *******************************************/
/* Sliders */
.bxslider {width:1200px;height:300px}
.banner,.slider {float:left;width:1200px;margin-bottom:25px;color:#fff}
.banner h1,.slider h1 {line-height:1em;color:#fff}
.banner h1,.banner h1 a,.slider h1 a {color:#fff;text-decoration:none}
.banner h3,.slider h2,.slider h3 {color:rgb(140,140,142);font-size:0.9333em;padding-top:1em;font-family:VinciRoundedBold,Arial,Helvetica,sans-serif;line-height:1.1em}
.slider .wrapper {float:left;color:#fff;width:690px;height:300px;background:rgb(85,96,159)}
.slider .text {padding:30px 20px;width:690px;height:250px}
.slider .text p a {color:#fff;text-decoration:underline}
.slider .text a:hover {color:#CCC;text-decoration:underline}
.slider .media {float:left;padding:20px;width:510px;height:300px;background:rgb(244,243,243)}
.slider .video a img {position:relative}
.slider .watermark {width:470px;height:260px;position:relative;z-index:1;display:block;background:rgba(85,96,159,0.20) url(bg-video.png) no-repeat center center}
.slider .watermark:hover {background-color:rgba(85,96,159,0)}
.slider .media:hover {background-color:rgba(85,96,159,0.20)}
.slider .video a img {top:-260px}
/* Banners = version fixe des sliders */
.banner {padding:10px 25px 25px 10px}
.banner .text {margin-top:1em}
.banner .text p {margin:0 0 0.75em 0}
.banner img {float:left;margin:0 20px 20px 0}
.banner a {text-decoration:underline;color:rgb(226,225,225)}
.banner a:hover {text-decoration:underline;color:#fff}
/* Specifique  */
.home h1 {padding-bottom:1em}
.chapterFabrique .banner {background:rgb(0,68,135)}
.chapterTravaux .banner,.chapterTravaux .slider .wrapper {background:rgb(85,96,159)}
.banner-focus {background:rgb(162,3,96)}
.banner-agenda {background:rgb(92,201,217);color:#000}
.banner-workshop {background:rgb(226,225,225);color:rgb(62,62,64)}
.banner-workshop a {color:rgb(62,62,64) !important}
.chapterObservatoire .slider .wrapper {color:#000;background:rgb(92,201,217)}
.chapterObservatoire .slider .wrapper h2 {color:#000}
/* Page avec contexte */
.asided {float:left;width:795px;margin-right:20px;margin-top:20px}
.asided .text {border-top:solid 1px rgb(62,62,64);margin-top:20px;padding:20px 0}
h2.subtitle {color:rgb(140,140,142);margin-bottom:20px;text-transform:uppercase;display:block;clear:both}
.aside {float:left;width:385px;margin-top:20px}
/* Partie haute sans slider :fiche evenement,publication */
.presentation {padding:15px}
.structuree {background:rgb(244,244,243)}
.presentation h1 {font-size:2.2667em}
.presentation h2 {color:rgb(140,140,142);font-size:1em;padding:1em 0;font-family:VinciRoundedBold,Arial,Helvetica,sans-serif;line-height:1.1em}
.presentation a {color:#000;text-decoration:underline}
.presentation a:hover {color:#f00}
a.button {color:#fff;text-decoration:none;font-family:VinciSansBold,Arial,Helvetica,sans-serif;display:inline-block;margin:1em 1em 0 0;padding:1em 2em 1em 3em;background:#000 url(ico-pdf.png) no-repeat scroll 1.8em 1.5em !important;border-radius:6px;box-shadow:1px 0px 5px 1px rgb(140,140,142);text-transform:uppercase}
a.button:hover {color:#fff;background-color:rgb(0,68,135) !important;box-shadow:2px 0px 5px 2px rgb(62,62,64);text-decoration:none}
a.button-publication {background-color:rgb(246,82,61) !important}
a.button-intervention {background-color:rgb(85,96,159) !important}
a.button-agenda {background-color:rgb(92,201,217) !important}
a.button-focus {background-color:rgb(162,3,96) !important}
/* Définition des sections */
.section {background:rgb(244,243,243);float:left}
.section h2 {background:#fff;padding:10px 20px;font-size:1.333em;text-transform:uppercase}
.section a {color:rgb(62,62,64)}
.article {padding:50px 20px 15px 20px;clear:both}
.single:hover,.article:hover {color:#fff}
.single:hover a,.article:hover a {color:#fff;text-decoration:underline}
.article img.left {float:left;padding:0 20px 20px 0}
.article h3 {font-size:1.867em;line-height:1em;margin-bottom:20px}
/* sections en contexte */
.aside .article {padding:0 20px 15px 20px !important;height:85px !important;overflow:hidden}
.article + .article {margin-top:15px}
.aside .section + .section {margin-top:20px;border-top:solid 2px rgb(226,225,225)}
.aside .article p {font-size:1.0667em;margin:0;line-height:1em}
.aside .article img {float:left;padding:0 10px 0 0;margin-left:-20px}
/* Section Travaux */
.home-first,.travaux {float:left;width:385px;margin:0 20px 0 0}
.travaux:hover {background:rgb(85,96,159)}
.travaux h2,.travaux h2 a {color:rgb(85,96,159) !important}
.travaux img {display:block;margin-bottom:40px}
/* Section Focus */
.focus {margin:0 0 20px 0}
.focus-single {width:795px}
.focus-multiple {width:385px}
.focus-single:hover,.focus-multiple .article:hover {background:rgb(162,3,96)}
.focus h2,.focus h2 a {color:rgb(162,3,96) !important}
.focus img {float:right;padding:0 0 20px 20px}
/* Section Workshop */
.section-workshop {width:390px;margin:0 20px 20px 0}
.section-workshop:hover {background:rgb(140,140,142)}
.section-workshop h2 a{color:rgb(140,140,142) !important}
/* Section Films */
.films {width:385px;margin-bottom:20px}
.films h2,.films h2 a {color:rgb(154,173,5) !important}
.film-single {margin-top:20px}
.film-single:hover,.section-films .article:hover,.films .article:hover {background:rgb(154,173,5)}
/* Section News */
.news {width:390px;margin-right:20px;color:rgb(62,62,64)}
.news h2 {color:rgb(230,189,25)}
.news .article {padding-top:10px}
.news .article:hover {background:rgb(230,189,25);color:#000}
.news a {color:#000}
.news .article:hover a {text-decoration:underline}
/* Sections single Auteur et Evenement<<<<<<<<<<*/
.auteurs,.aside .evenement {width:385px}
/*.section-auteur:hover {background:rgb(85,96,159)}*/
.section-auteurs .article:hover,.auteurs .article:hover {background:rgb(85,96,159)}
.auteurs h2 {color:rgb(85,96,159)}
.auteurs {width:385px;margin-bottom:20px}
.evenement h2,.evenement h2 a {color:rgb(92,201,217) !important}
/* Widget Sharing */
#sharing {text-align:right;padding:0.5em 0;clear:both;display:block;color:rgb(62,62,64)}
#sharing .chapo {display:inline-block;text-transform:uppercase}
#sharing a {font-size:1.75em}
#back {float:left;padding:0.5em 0;margin-bottom:-3.5em}
/* Définition des listes en blocks */
.blocklist li {background:rgb(226,225,225);float:left;margin-bottom:20px;color:rgb(62,62,64)}
.blocklist a {color:rgb(62,62,64)}
.blocklist .block {padding:1.5em}
.blocklist .media {float:left;margin:-1.5em 1.5em 0 -1.5em}
.blocklist h2 {display:inline;line-height:1.1em;clear:both;font-size:1.4667em}
.blocklist h3 {font-size:0.9333em;font-family:VinciRoundedBold,Arial,Helvetica,sans-serif;line-height:1.1em;padding-top:0.5em;margin-bottom:-0.25em}
.blocklist h4 {font-size:0.9333em;font-family:VinciRoundedRegular,Arial,Helvetica,sans-serif;color:rgb(140,142,142);line-height:1.1em;padding-top:0.5em;margin-bottom:-0.25em}
.blocklist:hover h4 {color:rgb(88,88,88)}
/* 2 blocks */
.col-2 li {width:590px;clear:left}
.col-2 li .media {width:215px}
.asided .col-2 li {width:385px}
.asided .col-2 li .media {width:100px}
.col-2 li.last {margin-left:20px;clear:right}
/* 3 blocks */
.col-3 li {width:385px;height:auto;margin-left:20px}
.col-3 li.last {clear:right}
.col-3 li:nth-of-type(3n+3) {clear:right}
.col-3 li.first {clear:left;margin-left:0}
.col-3 li:nth-of-type(3n+1) {clear:left;margin-left:0}
.higher li {height:400px}
/* 4 blocks */
.col-4 li {width:285px;margin-left:20px}
.col-4 li .block {height:10em}
.col-4 li:nth-of-type(4n+1) {clear:left;margin-left:0}
.col-4 li.first {clear:left;margin-left:0}
.col-4 li:nth-of-type(4n) {clear:right}
.col-4 li.last {clear:right}
/* Widget Boutons "+" */
div.plus {float:right;clear:both;position:relative;height:50px;width:50px;text-align:right}
div.plus a {display:block;background:url(bg-plus.png);height:52px;width:52px}
.banner .plus {margin:-25px -25px -25px 0}
/* Widget TWITTER */
.twitter {width:385px;float:left;margin-top:30px}
/* Section Agenda */
.agenda {float:left;width:385px;background:#fff}
.agenda h2 a {color:rgb(92,201,217)}
.agenda li {display:block;clear:both;height:1.25em;line-height:1.25em;width:158px;margin-top:2px;padding-right:10px;text-align:right;font-size:2em;color:rgb(62,62,64);border-right:solid 8px rgb(62,62,64)}
.agenda li a {color:rgb(62,62,64)}
.agenda li a:hover {color:rgb(92,201,217);text-decoration:none}
.agenda li.current,.agenda li:hover {color:rgb(92,201,217);border-right:solid 8px rgb(92,201,217)}
.agenda div.date {float:left;display:block;clear:both;width:235px;margin:0 2px 0 150px;padding:15px 15px 0 25px;text-align:left;font-size:0.5em;line-height:1.5em;color:rgb(62,62,64);background:#fff url(bg-agenda-autres.png) no-repeat left -80px}
.agenda div.date:hover,.agenda div.current {background:rgb(140,140,142) url(bg-agenda-autres.png) no-repeat left top}
.agenda div.corporate:hover,.agenda div.corporate-current {background:rgb(92,201,217) url(bg-agenda-fabrique.png) no-repeat left top}
.agenda div.date h3 {font-size:2em;padding-bottom:10px}
.agenda div.date p {margin-bottom:1em}
.agenda div.date strong {font-size:1.1em}
.agenda div.current,.agenda div.corporate-current,.agenda div.date:hover,.agenda div.current a,.agenda div.corporate-current a,.agenda div.date:hover a {color:#fff}
.agenda div.date-first {margin-top:-2.5em}
.agenda div.date [data-icon] {font-size:1.5em}
/* Texte sur 2 colonnes */
.text-2-col {column-count:2;-webkit-column-count:2;-moz-column-count:2;column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px}
/* Centralisation des transitions */
.slider .media:hover,.watermark:hover,.section:hover,.article:hover,.agenda div.date:hover,.blocklist li:hover,.blocklist li:hover h3 {transition:0.75s;-webkit-transition:0.75s}
/* Icônes & modifications de fonte */
[data-icon]:before {font-family:VinciDingbats;content:attr(data-icon)}
.icon-alone {display:inline-block;color:rgb(62,62,64);text-decoration:none !important}
.icon-alone:hover {color:#000}
.visually-hidden {position:absolute;left:-7000px;overflow:hidden}
[dir=rtl] .visually-hidden {left:auto;right:-7000px}
.text strong {font-family:VinciSansBold;font-weight:normal;font-style:normal;font-variant:normal}
.texte h3 strong {font:normal 1.42857em VinciSansBold,Arial,Helvetica,sans-serif}
.small {font-size:0.8667em}
.big {font-size:1.0667em}
.bigger {font-size:1.2em}
.biggest {font-size:1.333em}
/* Mise en page */
.left {float:left}
img.left {margin-right:1em}
.right {float:right}
img.right {margin-left:1em}
img.left,img.right {margin-bottom:5px}
.center {margin-left:auto;margin-right:auto}
.txtleft {text-align:left}
.txtright {text-align:right}
.txtcenter {text-align:center}
.spacer {width:100%;clear:both}
/* Divers liens décorés */
a.fenetre,.news a {background:url(ico-fenetre.gif) no-repeat 0 50%;padding-left:16px}
a.pdf {background:url(ico-pdf.png) no-repeat scroll right center;padding-right:16px}
.ancres {font-size:1em;text-align:center;clear:both}
.ancres span.top {font-size:1.5em}
.ancres a {color:rgb(140,140,142);border-radius:3px;margin:1em 2em 1em 0;display:inline-block;padding:0.5em 1em;border:solid 1px rgb(226,225,225)}
.ancres a:hover {text-decoration:none;color:rgb(88,88,88);border:solid 1px rgb(140,140,142)}
/********************************************
                 FOOTER
 *******************************************/
.footer {float:left;color:rgb(62,62,64);display:block;width:100%;text-align:center;background:#f4f3f3 url(bg-footer.png) repeat-x right top;margin-top:50px;padding:50px 0 30px 0}
.footer a {color:rgb(62,62,64)}
.footer a:hover {color:#000}
.footer .wrapper {margin:auto;width:1200px;text-align:center;display:block}
.footer li.lien:after {content:'     |     '}
.footer li.last:after {content:'     '}
.footer li.chapo {font-family:VinciSansBold,Arial,Helvetica,sans-serif;text-transform:uppercase}
.footer li.social a {font-size:1.8em}
.footer li.social a:hover {text-decoration:none}
/* Specifique Page Agenda */
.text-agenda {float:left;width:700px;margin-left:30px}
.text-agenda h2 {font-size :3.6em;color:rgb(92,201,217);font-family:VinciSansBold,Arial,Helvetica,sans-serif}
.text-agenda h3 {font-size :1.8667em;line-height:1.15em;margin:0.5em 0 1em 0;font-family:VinciSansRegular,Arial,Helvetica,sans-serif}
/* Specifique module Fabrique */
.chapterFabrique .with_hover li:hover {background:rgb(0,68,135);color:#fff}
.chapterFabrique .with_hover li:hover a,.chapterFabrique .with_hover li:hover h3 {color:#fff}
/* Specifique page Focus */
ul.weblinks {margin:1em 0}
ul.weblinks li {display:list-item;list-style:none;padding-left:2em}
/* 2 colonnes 2/3 1/3 */
.two-col-1st-col {float:left;width:795px;margin-right:20px}
.two-col-2nd-col {float:left;width:385px}
.evenement {width:795px}
.evenement img {float:right;margin-bottom:20px;padding:0 0 20px 20px}
.evenement h2 {color:rgb(92,201,217)}
.section-evenement .article:hover {background:rgb(92,201,217)}
.intervention {width:385px;margin-right:20px}
.intervention h2,.intervention h2 a {color:rgb(85,96,159) !important}
.intervention .article {padding:20px;height:170px}
.intervention .article:hover {background:rgb(85,96,159);color:#fff}
.intervention .article:hover a {color:#fff;text-decoration:underline}
.publication {float:right;width:390px}
.publication h2,.publication h2 a {color:rgb(246,82,61) !important}
.section-publication .article:hover {background:rgb(246,82,61)}
/* Specifique Focus */
.focuses .blocklist .block {height:auto}
.focuses .blocklist li:hover {background:rgb(162,3,96);color:#fff}
.focuses .blocklist li:hover h3,.focuses .blocklist li:hover a {color:#fff}
.focuses .blocklist .media {width:130px}
/* Specifique Accueil Evenements */
.evenements .blocklist .block {height:auto}
.evenements .blocklist li:hover {background:rgb(92,201,217)}
.evenements .blocklist li:hover h3,.evenements .blocklist li:hover a {color:#000}
.evenements .blocklist .media {width:130px}
/* Specifique page d'un événement */
.interventions .blocklist .block {height:auto}
.interventions .blocklist li:hover {background:rgb(85,96,159);color:#fff}
.interventions .blocklist li:hover a,.interventions .blocklist li:hover h3 {color:#fff}
.interventions .block p.media {width:130px}
/* Specifique page d'une publication */
.publications .blocklist .block {height:auto}
.publications .blocklist li:hover {background:rgb(246,82,61);color:#fff}
.publications .blocklist li:hover a,.publications .blocklist li:hover h3,.publications .blocklist li:hover h4 {color:#fff}
/* Specifique page videos */
.videoplayer .col-3 .li {height:auto !important}
.videoplayer iframe {float:left;width:385px;height:216px;margin:-1.5em -1.5em 1.5em -1.5em}
.videoplayer .block .media {width:385px}
/* Mentions légales,plan du site,erreur 404 */
div.overbanner img {margin:-15px 0 0 -15px}
div.overbanner h1 {color:#fff;font-size:4em;margin:-100px 0 80px 40px}
.sitemap li {display:list-item;list-style:inside decimal-leading-zero}
.sitemap li.niv1 {padding-left:3em;font-family:VinciRoundedBold,Arial,Helvetica,sans-serif;margin-top:2em;font-size:1.4em;text-transform:uppercase}
.sitemap li.niv2 {padding-left:6em;font-family:VinciRoundedBold,Arial,Helvetica,sans-serif;margin-top:1em;font-size:1.2em;text-transform:uppercase}
.sitemap li.niv3 {padding-left:9em;font-family:VinciSansBold,Arial,Helvetica,sans-serif;font-size:1.1em}
.sitemap li.niv4 {padding-left:12em;font-family:VinciSansRegular,Arial,Helvetica,sans-serif}
.sitemap li a {text-decoration:none;font-weight:normal !important}
/* Formulaires */
form {font-family:VinciSansRegular;font-size:1em}
fieldset {border:none}
legend {font-family:VinciSansBold}
input,textarea,select {float:left;clear:right;border:1px solid #9b8b99;width:346px;padding:2px;font-family:VinciSansRegular;font-size:1em}
input:hover,textarea:hover,select:hover {border:1px solid #000}
label {float:left;clear:left;width:130px;margin-right:10px;text-align:right;font-family:VinciSansRegular}
fieldset,legend,label,input,textarea,select {margin-bottom:10px}
.checkbox,.radio {width:1em !important;margin-right:3px;float:none;border:none;margin-bottom:0}
.demi {width:170px}
.quart {width:80px}
.boutons {margin-left:140px;margin-top:1.5em}
.indication {clear:both;margin-left:140px}
.bouton {color:#fff;width:10em;font-size:1.25em;padding:10px;border:none !important;float:none;border-radius:3px;background:rgb(140,140,142)}
.bouton:hover {border:none !important;background:rgb(88,88,88)}