/* 
www.vinci.com
Frederic RENARD pour Vinci
Derniere modification le 03/05/2010
*/

body{color:#605d50}
hr{border-top-color:#E7E6DE}
#nav{border-left-color:#aea88d}
#sub-nav{background-color:#d4d1c3}
#sub-nav a{color:#7a786a}
#sub-nav a:hover,#sub-nav .on,#content h2,#content h3{color:#323230}
#content.margin{border-left-color:#e7e6de}
.home,.page{border-collapse:collapse}
.home td{vertical-align:top;background-image:url(../../images/$file/coin-haut-gauche.gif);background-repeat:no-repeat;background-position:left top;color:#333;padding:.5em}
.home a{text-decoration:none;font-weight:normal}
.home td.histoire{background-color:#e3dcd3}
.home td:hover{background-color:#e7e6de}

table.page, table.page a {color:#000}
table.page td{vertical-align:top;padding:10px}
table.page .illustration{width:305px;padding:0}
table.page .resume,table.page .graphique{font-size:1.1em;width:400px}
table.page .resume{line-height:150%}
table.page .resume .pole{font-size:1.2em;line-height:2.4em;font-weight:bold}
table.page .resume .international{font-weight:normal;font-size:.9em}
table.page .texte{width:290px;padding:0!important}
table.page .textelarge {width:705px}  /* 20090428  */
table a{text-decoration:underline;font-weight:bold}

table.concessions .resume{background-color:#eb6909} /* ca4813 */
table.energies .resume{background-color:#a4c408} /* 85aa11 */
table.routes .resume{background-color:#668ec4} /* 4066aa */
table.construction .resume{background-color:#e2001a} /* ae0917 */

#content.chronologie{background-color:#e3dcd3;color:#434140;width:880px}
.introchrono,.itemchrono{border-bottom:1px solid #FFF;border-left:1px solid #FFF}
.itemchrono p{margin:0;padding:0}
.itemchrono{display:inline;width:429px;float:left;background:url(../../images/$file/coin-haut-gauche.gif) no-repeat left top;padding:5px}
p.illustration{float:left;margin-right:5px;font-size:.95em;padding:0!important}
.itemchrono .annee{font-size:1.2em;font-weight:bold;padding-bottom:1em;line-height:150%}
.itemchrono .entreprise{font-weight:bold;line-height:150%}
.itemchrono .actuliee{font-size:.95em;padding-top:.5em}

#storyliste,#storyitem{float:left;padding:.5em}
#storyliste ul{list-style:none}
#storyliste li{line-height:1.5em;padding-left:.5em}

.implantations .item{float:left;padding-left:10px;padding-top:5px;width:131px}
.implantations h2{border-bottom:2px solid #E7E6DE}
.implantations h3{border-bottom:1px solid #E7E6DE}
.implantations .company{float:left;width:260px;height:11em;padding:5px 10px}

.sites div{float:left;padding-left:10px;padding-top:.5em;padding-bottom:1em;width:202px;line-height:1.2em}
.sites h3, .sites h4 {margin-left:1px; margin-bottom:.5em; background: #edece6 url(../../images/$file/coin-bas-droit.gif) no-repeat right bottom; clear:both}
.sites h3 {color:#fff !important; font-size:1.333em !important}
.sites h4 {color:#000 !important; font-size:1.1em !important; padding:.2em}
.sites .spacer{font-size:1px;margin:0;padding:0}

.sites .superpole01{background-color:#004489}
.sites .superpole02{background-color:#60bfc3}
.sites .superpole03{background-color:#c8b92b}
.sites .superpole04{background-color:#a5c400}
.sites .superpole05{background-color:#459dd2}
.sites .superpole06{background-color:#e64442}

.histoire .item{float:left;padding-left:10px;padding-top:10px;width:202px}
.histoire .item2{float:left;padding-left:10px;padding-top:10px;width:415px}
.histoire .item2 li{list-style:inside}
.histoire .pixd{width:200px;line-height:1.25em}

.commande fieldset{border:1px solid #AEA88D;padding-right:1em;padding-bottom:1em;padding-left:1em;width:590px;margin:1.5em 1em}
.commande legend{font-weight:bold;color:#AEA88D;padding-left:.25em}
.commande label{display:block;padding-top:.75em}
.commande input,.commande textarea,.commande select{color:#000;width:30em;border-top:1px solid #AEA88D;border-right:1px solid #D4D1C3;border-bottom:1px solid #D4D1C3;border-left:1px solid #AEA88D;font:1em Arial, Helvetica, sans-serif, "Trebuchet MS";padding:2px}
.commande .radio{width:auto;border-style:none}
.commande .bouton{width:auto;font-weight:bold;color:#323230;background:#ebe4ea;border:2px solid #AEA88D;padding:2px 2em}
.commande .bouton:hover{color:#E7E6DE;background:#9b8b99;border-color:#E7E6DE}
.commande .note{color:#999}

/* VERSION 2009 */
.home td,.home th,.page td,.introchrono,.itemchrono{border-bottom:1px solid #FFF;border-left:1px solid #FFF}
.home td a:hover,table a:hover{color:#000!important}
#storyliste,.commande .telephone{width:200px}
.home td.concessions,table.concessions .texte,table.concessions .textelarge{background-color:#f18e00}  /* dbcf7f */
.home td.energies,table.energies .texte,table.energies .textelarge{background-color:#aecb51} /* c3dd9d */
.home td.routes,table.routes .texte,table.routes .textelarge{background-color:#b2c6e1}  /* 96d3e2 */
.home td.construction,table.construction .texte,table.construction .textelarge{background-color:#f07f8c}  /* db8494 */

/* VERSION 2010 */
/* HOME */
#content.homenetreprises {padding-left:10px}
.homenetreprises div {float:left;margin:10px 10px 0 0px}
.homenetreprises h2 {font-size:2em !important;line-height:1.1em;padding:10px!important;background:#e3e4e4;margin:-10px -10px 10px;border-bottom:solid 1px #ccc}
.homenetreprises p {font-size:1.333em;line-height:1.333em;padding:0 !important}
.homenetreprises a {font-weight:bold}
.homenetreprises .HE1 {width:400px}
.homenetreprises .HE2 {width:378px;height:178px;border:solid 1px #ccc;padding:10px}
a.autoroutes {color:#60bfc3 !important}
a.concessions {color:#c8b92b !important}
a.energies {color:#a5c400 !important}
a.eurovia {color:#459dd2 !important}
a.construction {color:#e64442 !important}

/* PROFILS */
/* >> Couleurs */
#content.autoroutes {background:#60bfc3}
#content.autoroutes .perspectives {background:#afdfe1}
#content.concessions {background:#c8b92b}
#content.concessions .perspectives {background:#e3dc95}
#content.energies {background:#a5c400}
#content.energies .perspectives {background:#d2e17f}
#content.eurovia {background:#459dd2}
#content.eurovia .perspectives {background:#a2cee8}
#content.construction {background:#e64442}
#content.construction .perspectives {background:#f2a1a0}


/* Commun */
#content.profil {width:880px}
#content.profil p {padding:0 0 10px !important; color:#000}
#content.profil h2 {padding:0 0 0.917em !important; font-size:2em; color:#333}
#content.profil h2 span.small {font-size:0.5em}

.description, .illustrations, .finances, .perspectives {float:left}
.illustrations {float:right;width:305px;border-left: solid 2px #fff}
.description, .finances {width:533px;padding:20px 20px 10px}
.description {font-size:1.083em}
.description .accroche{font-size:1.5em}
.finances {font-size:1.167em;font-weight:bold;border-top: solid 2px #fff}
.finances .huge {font-size:1.5em;}
.perspectives {padding:20px;margin-bottom:-10px;width:840px;border-top: solid 2px #fff}