@charset "utf-8";
h1{background:url(../../css-images/$file/fond-actualites.jpg)}
h3{color:#237797}
#sub-nav{background-color:#237797}
#text li{list-style:none;line-height:1.5em}
#text a,.text a{color:#237797}
#text .boxes .boxFond00 h3,#text .boxFond00 h2 a,#text .boxes .boxFond00 a{color:#237797 !important}
.context-nav li.active,#liste ul li.current span,#liste ul li.active{border-left-color:#237797}
.context-nav li.active a,#liste ul li.active a,#liste ul li a:hover{color:#237797}
/* COMMUNIQUES :LISTE */
#communique_liste{float:left;width:1100px;padding-left:25px;margin-top:-25px}
#communique_liste h3{color:#237797;padding:25px 0 15px 0;clear:both}
#communique_liste h2{margin-bottom:-1em}
#communique_liste p{clear:both}
#communique_liste .datecom{float:left;width:100px}
#communique_liste a{float:left;width:900px;margin-bottom:0.75em}
#communique_liste .discret{float:left;margin-left:115px;width:auto;margin-top:-1em;margin-bottom:1em}
#communique_liste a.pdf{background:url(../../css-images/$file/ico-pdf.png) no-repeat 0 3px;padding-left:16px}
/* Bouton d'abonnement */
.communique_abo{text-align:right;font-size:1.2em;clear:both}
.communique_abo a{color:#fff !important;float:right;display:block;width:auto;padding:10px 25px !important;background:#237797}
.communique_abo a:before{content:'\2714'}
.communique_abo a:hover{color:#000 !important;text-decoration:none !important}
/* ACTUALITES :LISTE */
#actualites_une{margin-top:20px;padding:0 25px 0 25px;background:#f9f9f9;border-top:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9}
#actualites_une h3{border-bottom:none 0}
/* COMMUNIQUES :PAGE */
#communique_page{float:left;width:1075px;padding:25px}
#communique_image{float:right;width:240px;margin-left:25px}
#communique_texte{float:left;width:785px}
#communique_page h4{padding-top:1em}
/* VERSION 2014+2106 */
#text.communique_new .cn_h3{padding:0}
.cn_h2{padding:0;line-height:1.15em}
.cn_h4{font-size:1.25em !important;font-family:VinciSansRegular !important;color:#3c3c3b !important}
.cn_p_date{border-top:solid 1px #237797;border-bottom:solid 1px #237797;color:#237797;font-size:0.917em;padding:0.25em 0 !important;text-transform:uppercase;margin:1em 0 !important}
#text.communique_new .cn_h4,#text .cn_back{padding:0 !important;margin-bottom:1em;color:#706F6F}
#text.communique_new .cn_page{display:inline-block;vertical-align:top;padding:0 0 0 25px;width:825px;min-height:600px}
.communique_contexte{display:inline-block;width:350px}
#text.communique_new .cn_img_hd{float:left;font-size:0.917em;padding-bottom:15px;margin-left:-25px}
#text.communique_new .cn_download{float:right;width:330px;margin:0 0 25px 15px;padding:10px 0 !important;background:#237797;font-size:1.2em;line-height:1.2em;text-align:center}
#text.communique_new .cn_download a:before{content:'\25BA'}
#text.communique_new .cn_download a:hover:before{content:'\25BC'}
#text.communique_new .cn_download a{color:#fff !important}
#text.communique_new .cn_download a:hover{color:#000 !important;text-decoration:none !important}
#text.communique_new .cn_img_bd{float:right;font-size:0.917em;margin-bottom:25px;width:330px}
#text.communique_new .cn_nav{float:right;width:300px;padding:15px 15px 0 15px;background:#F9F9F9;margin-bottom:25px}
#text.communique_new .newsroom-liens h3{padding-bottom:0}
select.pressFilter{margin:0 0 0 0.25rem;width:10rem;border:1px solid rgb(226,225,225);font-size:1em;height:1.6em !important;line-height:1.6em;padding:0 4px;font-family:VinciSansRegular,"Trebuchet MS",Arial,Helvetica,sans-serif;color:#706f6f;}

/* NEWSROOM */
h3.newsroom{padding-left:25px;padding-bottom:10px;border:none 0}
h3.subnewsroom{padding-left:50px;border:none 0}
h3.newsroom-separateur{color:#706F6F;padding-left:25px;margin-bottom:1em}
h4.newsroom{padding:0 25px;margin:1em 0}
h4.subnewsroom{padding:0 25px 0 50px;margin:1em 0}
hr.subnewsroom{margin-left:25px;border-color:#237797 !important;border-style:dotted}
.newsroom-texte{float:left;padding:0 25px 15px 25px;width:800px}
.newsroom-texte h5,.newsroom-texte h6{color:#237797}
.newsroom-texte h5{font-size:1.2em}
.newsroom-texte h6{font-size:1.1em}
.subnewsroom-texte{float:left;padding:0 25px 15px 50px;width:775px}
.newsroom-focus{padding:15px 25px 0 25px;background:#F9F9F9;margin-right:-20px;margin-left:-25px}
.newsroom-focus h4{color:#237797;margin-bottom:0.5em}
.newsroom-image{float:right;clear:right;padding:0;margin-bottom:25px;width:330px}
.newsroom-evidence{float:right;clear:right;margin:0 0 25px 15px;padding:15px;width:300px;background:#f9f9f9}
.newsroom-evidence p{font-size:1.125em;line-height:1.25em}
.newsroom-evidence p strong{font-family:VinciSerifBold !important;font-weight:normal !important;font-size:1.70em}
.newsroom-legende,.newsroom-image{font-size:0.75em;line-height:1em;margin-left:-25px}
.newsroom-legende{text-align:right}
.newsroom-liens{float:right;clear:right;margin:0 0 15px 15px;padding:15px;width:298px;border:solid 1px #237797}
/* VERSION 2 DEBUT */
div.newsroom,div.breve,div.une{padding:15px}
div.newsroom{min-height:150px;border-bottom:dotted 1px #237797}
div.breve,div.une{float:left;color:#7E726F;width:437px;margin:0 10px}
div.une{background:#EFEDEB;min-height:100px;font-size:1em;margin-bottom:20px}
div.breve{height:3em;font-size:0.917em;border-top:dotted 1px #237797}
div.newsroom img{float:right;height:100px;margin:0 0 1em 1em}
div.une img{float:right;height:100px;margin-left:1em}
div.breve img{float:right;height:50px;margin:0 0 1em 1em}
div.breve p,div.une p{line-height:1.1em !important}
div.breve a{font-size:1.1em}
div.newsroom:hover,div.une:hover{background:#237797;color:#fff !important;transition:0.75s;-webkit-transition:0.75s}
div.newsroom:hover a,div.une:hover a{color:#fff !important;text-decoration:underline !important}
div.breve:hover{background:#EFEDEB;color:#000;transition:0.75s;-webkit-transition:0.75s}
div.breve:hover a{color:#000 !important;text-decoration:underline !important}
.newsroom-back{padding:0 25px;margin-bottom:1em}
/* TIMELINE */
#timeline li a:hover,#timeline li.current a{color:#237797;border-left-color:#237797}
/* MEDIAS SOCIAUX 2017.06.12 */
ul.sm_list{font-size:0;padding:0 0 0 15px !important}
.sm_list li{font-size:1.125rem;display:inline-block;vertical-align:top;width:auto;padding:1.5%;line-height:1.1rem !important}
.sm_list li span.discret{padding-left:2em}
.sm_list li.sm_break{width:100%;padding:2% 0 0 0}
.sm_list li:not(.sm_break):hover {background:#fff;transition:0.5s}
.sm_icon{font-size:1.5em}
/* APPS */
.apps_img{border-radius:20px;border:solid 1px #ccc;margin-bottom:5px}
#text .apps_li{display:inline-block;vertical-align:top;width:200px;margin-bottom:1.5em;text-align:center;line-height:1.1em;padding-left:0}
iframe.twitter-timeline{width:100% !important}
/* SITES WEB */
.pole_01{color:#004489} /* VINCI */
.pole_02{color:#009ede} /* VINCI Autoroutes */
.pole_03{color:#A13A86} /* VINCI Concessions */
.pole_05{color:#99c455} /* VINCI Energies */
.pole_06{color:#7babd9} /* Eurovia */
.pole_07{color:#de5a43} /* VINCI Construction */
.implantations_index h3,.implantations_index h4{clear:both;padding-left:25px;margin:1.5em 0}
.implantations_index h3:first-child{margin-top:-1em}
.implantations_index ul,.implantations_liste ul{background:#f9f9f9;border-top:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9;float:left;display:block;clear:both;}
.implantations_index ul{padding:25px 0 0 0;width:auto;margin-bottom:1.5em}
.implantations_index li{list-style:none;display:inline-block;padding-left:25px;padding-bottom:25px;line-height:1.1em;vertical-align:top;}
.implantations_index li{width:160px}
.implantations_index li:nth-of-type(6n+1){clear:both}
.implantations_index a{color:#3c3c3b}
.implantations_index a:hover{color:#a35827;text-decoration:underline}
.implantations_liste h3,.implantations_liste h4{padding:0.75em 0 0.5em 0;clear:both}
.implantations_liste ul{width:900px;padding-top:15px}
.implantations_liste li{list-style:none;float:left;width:275px;padding-left:25px;margin-bottom:1em}
.implantations_liste li:nth-of-type(3n+1){clear:both}
.implantations_liste li a{color:#004489}
.implantations_liste li a:hover{color:#000;text-decoration:underline}
.implantations_liste li strong{font-family:VinciSansBold;font-weight:normal}
.websites{margin-top:1em}
.websites ul{width:100%}
.websites li{width:22%;padding-left:2%}
.websites li a:hover{color:#237797 !important;text-decoration:underline}
/* TABLEAUX FINANCIERS */
.numeriquefond,.fond{background:#237797;border:1px solid #fff !important;color:#fff}
/* AGENDA */
#text.agenda{padding:0 25px}
.agenda h2{padding:2em 0 0 0}
.agendaTop{padding:0 !important}
.agenda h3{margin-top:0.5em}
.agenda p{display:inline-block;vertical-align:top;padding:0.25em 0.5em 0.25em 0em;margin:0.5em 0.5em 0.5em 0;width:31%;border-top:dotted 1px #ccc}
/* APPLICATIONS */
.applications{font-size:0 !important;width:100%}
.applications li{box-sizing:border-box;font-size:1rem;display:inline-block;vertical-align:top;margin:0;text-align:center;line-height:1.1em;border-radius:20px;width:20%;padding:1% 0}
.applications li:hover{background:#f2f2f2;transition:0.5s}
.applications li img.app{box-sizing:border-box;width:70%;padding:3%;border-radius:20px;border:solid 1px #ccc;margin-bottom:3%}
.applications li:hover img.app{padding:0;transition:0.25s}
.applications li a{display:inline-block;vertical-align:bottom;padding:0;margin:8% 0 6% 0;padding:0}
.applications li a:hover .icon-alone{color:#000;transition:0.5s}
.applications li a .icon-alone{font-size:4.5rem}

@media only screen and (max-width:1200px){
.list_with_timeline .datecom{display:block;}
#text.communique_new .cn_page{padding:0 2%;width:71%}
#text.communique_new .cn_nav,#text.communique_new .cn_img_bd{padding:1%;width:21%;margin:0 1% 2% 1%}
.communique_contexte{width:25%}
.cn_download,.cn_img_bd,.cn_nav{width:100% !important;margin-bottom:2% !important}
#text.communique_new .cn_download a:before,#text.communique_new .cn_download a:hover:before{content:""}
#text.communique_new img{width:100%}
div.newsroom,div.breve,div.une{padding:2%}
div.breve,div.une{width:44%;margin:0 1% 0 0;display:inline-block;vertical-align:top;float:none}
div.newsroom{display:inline-block;height:auto}
div.une img{display:block;width:100%;height:auto;padding:1% 0;margin:0}
div.breve img{width:50%;height:auto}
div.breve{height:auto}
div.une{margin:0 1% 1% 0}
.newsroom-texte{padding:0 2% 1% 2%;width:61%}
.newsroom-evidence,.newsroom-image,.newsroom-liens{width:33%;margin:0 0 2% 0;padding:1%}
.newsroom-liens{width:32.5%}
.newsroom-texte img,.newsroom-evidence img,.newsroom-image img,.newsroom-liens img{max-width:100%;height:auto}
.newsroom-legende,.newsroom-image{margin-left:0}
.newsroom-back{padding:0 2%;margin-bottom:1%}
.agenda p{width:30%;padding:0.25em 1% 0.25em 0;margin:1% 1% 1% 0}
}
@media only screen and (max-width:1100px){
.applications li{width:25% !important;padding:2% 0}
.applications li a .icon-alone{font-size:5rem}
}
@media only screen and (max-width:800px){
#sub-nav{background-color:rgba(35,119,151,0.8)}
#sub-nav li.current{background-color:rgba(35,119,151,1)}
.communique_abo{text-align:center !important}
.communique_abo a{float:none !important;margin:0 4%}
.communique_abo a:before{content:"" !important}
#text.list_newsroom{width:100%;padding:0 !important}
div.newsroom,div.breve,div.une{width:92%;padding:2% 4%;margin:0 !important}
div.newsroom img,div.breve img,div.une img{display:block;width:70%;height:auto;padding:1% 0;margin:0 15%}
div.breve,div.une{max-width:100%;margin:0 !important}
#text.communique_new .cn_page,#text.communique_new .cn_nav,#text.communique_new .cn_img_bd,.communique_contexte{padding:0 !important;width:100%;margin:0 0 2% 0}
#text.communique_new .cn_page{min-height:auto}
#text.communique_new .cn_download{padding:2% 0 !important;margin:2% 0;width:100%;}
#text.communique_new .cn_img_hd{margin-left:0}
#text.agenda{width:92%;padding:4% !important}
.agenda p{width:100%;padding:0}
.cn_h4{font-size:1em !important}
.applications li{width:50% !important;padding:2% 0}
.applications li a .icon-alone{font-size:5.5rem}
ul.sm_list{padding:0 0 0 15px !important}
.sm_list li{width:47%}
}
@media only screen and (max-width:520px){
.communique_abo{font-size:1em !important}
div.newsroom img,div.breve img,div.une img{display:block;width:100%;height:auto;padding:1% 0;margin:0}
.newsroom-texte,.newsroom-evidence,.newsroom-image,.newsroom-liens{float:none;display:block;width:96%;padding:2%}
hr.subnewsroom{margin:0 2% 2% 2%}
h4.newsroom{padding:2%}
#timeline li a:hover,#timeline li.current a{border-left:none 0}
.applications li{width:100% !important;padding:4% 0}
.applications li a .icon-alone{font-size:6.5rem}
.sm_list li{width:100%;padding:2% 0;margin:0 0 2% 0}
}