/* www.vinci-construction-projets.com */
/* Olivier VERMONT pour VINCI Construction*/
/* Derniere modification 17/02/2010 */

* {margin: 0;padding: 0}
body, input, font {font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";font-size: 0.75em;background: #FFF}
h1, h2, h3, h4 {font-family: Helvetica, Arial, sans-serif}
a {text-decoration: none}
small {font-size: 0.917em;color: #666;line-height: 1.25em}
cite {font-size: 1em;font-weight:bold}
p {padding-bottom: 1.5em;line-height: 1.5em}
img {border-style: none}
font{font-size: 1em !important}
tt {font-size: 1.2em;border: 1px solid #666;padding: 0 3px;color: #666}
fieldset{border:1px solid #0090d3;width:590px;margin:1.5em 1em;padding: 0 1em 1em}
legend{font-weight:bold;color:#0090d3;padding-left:.25em}
label{display:block;padding-top:.75em}
input,textarea,select,table{color:#000;font:1em Arial, Helvetica, sans-serif, "Trebuchet MS";padding:2px;border: 1px solid #0090D3}
input,textarea,select{width:30em}

/* EN-TETE */
#header li {display: inline; list-style: none}
#logo {margin: 1em}

/* Navigation principale */
#nav {margin-bottom: 5px}
#main-nav {text-transform: uppercase;padding: 0.4em 1.5em 0.4em 70px;background: #535e8c url(fond-main-nav.png) repeat-y left top}
#main-nav li{padding: 0.4em 1.3em}
#main-nav a {color: #e1e5ed;font-weight:bold}
#main-nav a:hover {color: #f00}
#main-nav li.on {background: #e1e5ed}
#main-nav li.on a{color: #000}

/* Navigation secondaire */
#sub-nav {background: #e1e5ed url(fond-sub-nav.png) repeat-y left bottom;padding: 0.4em 1.5em 0.4em 60px}
#sub-nav li{padding: 0.4em 1.5em}
#sub-nav a{color: #535e8c;font-weight:bold} 
#sub-nav a:hover {color: #f00}
#sub-nav a.on{color: #000}

/* Contenu */	
#content {width: 955px}

/* Contexte  gauche */
#context {float: left;width: 290px;margin: 0 5px 0 0}
#context p{padding: 1em 1em 0;color:#535e8c}
#context li {list-style: none}

/* Texte  droite : 955-295 = 660 */
#text {float: left;width: 660px;margin-bottom: 5px;}
#text.withaside {padding: 5px;width: 570px;}
#text li{list-style: disc;margin-left:3em;padding-left: 0em !important}
#text a{color: #051D5B}
#text a:hover{color:#F00;text-decoration: underline}
#text h2{background: #0090d3 url(fond-text-h2.png) no-repeat 5px center;color: #FFF;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 5px;padding: 6px 35px;font-size: 1.6em;	font-weight: bold}
#text h3{color: #0090d3;font-size: 1.2em;padding: 1.5em 0.7em 0.2em}
#text h3.rupture{background: #0090d3 url(fond-text-h3rupture.png) no-repeat 1px center;color: #FFF;text-transform: uppercase;margin-bottom: 5px;padding: 2px 20px;font-size: 1em}
#text h4{color: #000000;font-size: 1.1em;padding: 0.3em 0.7em}
#text div.bordure {border: 5px solid #e1e5ed;margin-bottom: 5px;padding: 5px}
#text div.bordure p{padding: 0.5em 1em}
#text div.bordure img.nopadding {margin: -5px}

/* contexte a droite */
#aside {float:left;padding: 5px;width:365px}
#home-recrutement {background: url(fond-home-recrutement.jpg) no-repeat 0 0;text-align: center} /*img de fond 365 x 180 */
#home-recrutement h2 {font-size: 2.167em}
#home-recrutement a {display: block;padding-top: 5px;height: 175px;color:#051d5b}
#home-recrutement a:hover {color: #E20024}

/* pied de page */
#footer {padding: 0.5em 1.5em;font-size: 0.917em;margin-bottom: 1em;text-align: left;background: #f0f2f6;height:1.3em}
#footer ul {float:left;width: 955px}
#footer li {display: inline;list-style: none;padding: 0 1.5em}
#footer a {color: #535e8c}
#footer a:hover {color: #000}

/* ENTREPRISE*/
/* Histoire */
div.dateHistoire {float:left;width:50px;color: #0090D3;font-size:1.25em;font-weight: bold;clear:left;padding-top:0.5em;text-align:center} 
div.itemHistoire {float:left;width:590px;padding-bottom: 0.75em;line-height: 1.25em}
/* Management */
.comex {background: #e1e5ed}
/* Chiffres cls */
.tableCC {border:0;margin-bottom: 2em}
.tableCC th, .tableCC td{border-bottom: 1px dotted #666}
.tableCC td{text-align:right;padding-right:2em;padding-left:2em}
.tableCC .thCol {font-weight:normal;text-align:left;padding-left:1em}
.tableCC .tdTotal {background-color:#bdcde0;font-weight:bold;border-bottom: 0;font-size:1.1em}
.tableCC .tdUnite {font-weight:normal;text-align:left;padding-left:1em;font-style: italic;font-size: 0.917em}
.tableCC .tdVide {border-bottom: 0}
.imageCC {float: left;width: 122px;color:#8a92c3;font-size:0.917em;line-height:1.2em;font-weight: bold;text-transform: uppercase;margin: 0 0px 5px 10px;vertical-align: bottom;padding:0 !important}
.imageCC img {border: 4px solid #8a92c3}
.uniteCC {color:#0090D3;font-style: italic;margin: 1em 0em;font-size: 0.917em}
/* Implantations */
ul.implantations {	margin-bottom: 2em}
#text ul.implantations li {list-style: none;margin-bottom:1em}
#text h4.chantiers {color: #ffa800;border-top: 1px dotted #ffa800;padding-top:1em}
.source {font-size: 0.917em}

/* ACTUALITES */

#text div.communique h3, #text div.communique h4 {text-align:center}
#text div.communique p.date, #text div.communique p.auteur {text-align:right}
#text p.vignettevideo {float:left;width:135px}
#text p.vignettevideo a:hover {text-decoration:none}


/* SAVOIR */
#text ul.references li{list-style: none;margin: 0.5em 2em}
#cartechantiers {float:left;height: 500px; width: 935px;border: 0 none}


/*  PUBLICATIONS */
.case{float:left;width:197px;height:14em;padding:10px;color: #0090d3}
.case img{float:right;margin-left:5px;margin-bottom:5px}
.case, .case img {border:1px solid #E1E5ED}
.case:hover, .case img:hover{border:1px solid #0090d3}
.fond{background-color:#f6f7fa}
.casemoins {width:190px !important}

/* RESSOURCES HUMAINES */
/* Derniere minute */
#context.RHDerniereMinute {border: 5px solid #e1e5ed;width: 280px}
#context.RHDerniereMinute h2{padding: 0.75em 0.75em 0.25em;color:#535e8c;font-size: 1.8em}
#context.RHDerniereMinute h3{padding: 1em;color:#f00}
#context.RHDerniereMinute p{color:#000}
#context.RHDerniereMinute a{color: #051D5B}
#context.RHDerniereMinute a:hover{color:#F00;text-decoration: underline}

/* Liste des metiers */
.temoignage div.ligne{background:#f6f7fa;margin-bottom: 3px;height:98px}
.temoignage a{color: #0090d3 !important}
.temoignage a:hover{color: #ffa800 !important;text-decoration:none !important}
a.itemChoisi {color: #ffa800 !important;border-bottom: 1px dotted #ffa800}
/* formulaires de recrutement */
.bouton, .boutonG{width:auto;background:#E1E5ED;border:2px solid #0090d3;padding:2px 2em;color:#000}
.bouton:hover, .boutonG:hover{color:#FFF;background:#0090d3;border-color:#E1E5ED}
.bouton{margin-bottom:2em}
.radio{width:auto;border-style:none}

/* CONTACT */
#geolocalisation {height: 320px; width: 615px; border: 1px solid #0090d3; margin-left:1em}
#directions {font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";font-size: 0.75em; color: #000}

/* COMMUNS */
/* Listes accordeon */
.navigation a {color: #0090d3 !important}
.navigation li.toggleSubMenu {font-weight: bold;margin: 1em}
.navigation li.SubMenu {font-weight: bold;margin: 1em}
.navigation li li{font-weight: normal !important;margin: 0 0 0.3em 2em}
.navigation a:hover {color: #ffa800 !important;text-decoration:none !important}
.navigation a.on {color: #ffa800 !important;border-bottom: 1px dotted #ffa800;font-weight: bold}

/* Divers */
.note, .discret, .mentionCnil {font-size: 0.917em;color: #666}
.spacer {clear: both;font-size: 0;height: 0} /*fermeture de conteneurs purs*/
.filet {clear: both;border-top: 1px dotted #0090d3;padding-top: 1em;margin: 0 2em}
.pixchiffres {padding: 0 5px 5px}
.pix img {border: 5px solid #e1e5ed;width:280px;height:280px}
.pix {padding: 0 0 5px !important}
.legend {font-size: 0.917em;color: #666;padding: 0 10px 1em;line-height: 1.1em}
.fermeture {clear: left}
.rupture {clear: both}
.nopaddingbottom {padding-bottom: 0 !important}
.hidden {position:absolute;left:-2000px}/* Steve Savage http://www.digital-web.com/articles/in_defense_of_fahrner_image_replacement/comments/ */
.pixd {float: right;padding-left: 1em !important;font-size: 0.917em}
.pixg {float: left;padding-right: 1em !important;font-size: 0.917em}
.fiftyfifty{float: left;width: 50%}
/* liens decores */
a.pdf{background: url(ico-pdf.gif) no-repeat 0 0;padding-left: 14px}
a.fenetre{background:url(ico-fenetre0.gif) no-repeat scroll right center; padding-right: 16px}
a.fenetre:hover{background:url(ico-fenetre1.gif) no-repeat scroll right center}
a.form{background: url(ico-form0.gif) no-repeat scroll right center;padding-right: 14px;font-weight:bold;color:#051D5B}
a.form:hover{background: url(ico-form1.gif)  no-repeat scroll right center;color:#F00}
a.archiv{color: #666}
a.archiv:hover{color: #f00}

/*Tableaux*/
table.noborder{border-collapse:collapse;}
table.noborder{width:100%; border: 0px solid #E1E5ED; padding:0.4em}
table.noborder td{border: 0px solid #E1E5ED; padding:0.4em}