/* www.vinci-construction.fr */
/* Frédéric RENARD pour VINCI */
/* Juin 2008 */
/* rouge #e20025 
			bleu #003c76
			gris clair #d1d6d2
			gris foncé #99a49c */

* {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: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#99a49c}
a {text-decoration: none}
small {font-size: 0.917em;color: #666;line-height: 1.25em}
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{color:#000;font:1em Arial, Helvetica, sans-serif, "Trebuchet MS";padding:2px;border: 1px solid #0090D3}
input,textarea,select{width:30em}
table{border-collapse:collapse}
th,td{border:0 none;padding:0}

/* boites par ordre d'apparition */
#container {float:left;width:960px}
#content {float:left;width: 693px;background: url(text-fond.jpg) repeat-y 0 0}
#header {float:left;width: 693px;height:95px;background: url(header-fond.jpg) no-repeat 0 0}
#logo {position:absolute;width:95px;height:95px;z-index:1;left: 860px;top: 0px;visibility: visible}

#nav {float:left;height:34px;padding-top:60px;font-size: 0.917em;}
#nav li {float:left;display: inline; list-style: none;text-transform: uppercase}
#nav a {float:left;margin-right:2px;padding:0 12px}
#main-nav, #sub-nav {float:left;padding-left:4px} 
#main-nav {height:19px;width:650px} 
#main-nav li{line-height:19px}
#main-nav a {color: #fff;line-height:19px}
#main-nav a:hover, #main-nav a.on {background: #e20025;color: #fff}
#main-nav #first:hover, #main-nav #first.on {background: #e20025 url(main-nav-first-on-fond.gif) no-repeat 0% 100%}
#sub-nav {height:14px;background: #fff;margin-top: 1px;border-left:solid 5px #fff} 
#sub-nav li{line-height:14px}
#sub-nav a{color: #80a1c4;line-height:14px} 
#sub-nav a:hover , #sub-nav a.on {background: #e20025 url(sub-nav-a-on-fond.gif) no-repeat right bottom;color: #fff}
#sub-nav.vide {background: url(subnav-vide-fond.jpg) no-repeat 0 0;width:653px;height:16px;padding-left:0;margin-top: 0;border-left:none 0} 

#aside {float:left;width:135px}
#aside h1 {padding: 5px 5px 5px 15px;color:#99a49c;text-transform: uppercase;font-size:1.333em;line-height:1.1em}
#aside li {display:block;width:133px;font-size: 0.917em;list-style: none;text-transform: uppercase;padding: 1px;border-top: 1px solid #FFF}
#aside li.last {border-bottom: 1px solid #FFF}
#aside li a {display:block;color:#646a77;margin-left:4px;width:118px;padding: 5px} /* 135-10-4-3 */
#aside li a:hover, #aside li a.on {background: #fff}

#text {float: left;width:538px;margin-bottom: 0px;min-height:449px;padding: 10px 10px 0px;color:#3a403e} /* 693-135-20*/
*html #text{height:449px} /*hack pour restituer le min-height sous IE6 */
#text.nopaddingtop {padding-top:10px}
#text a{color: #03C}
#text a:hover{color:#e20025;text-decoration: underline}
#text h2{font-size: 1.333em;margin-bottom:15px}
#text th.titre {padding:0.5em 1em;background:#fff;margin-top:2px;border-top: 5px solid #f6f5f3}
#text th.annee {color:#e1dcd7;font-size:4em}

#footer {float:left;width:683px;padding-top: 34px;padding-left:10px;font-size: 0.833em;text-align: left;background: url(footer-fond.gif) no-repeat 0 0;height:26px}
#footer ul {float:left;width: 683px}
#footer li {display: inline;list-style: none;padding-right: 15px}
#footer a {color: #3f3f3f}
#footer a:hover {color: #000}

#iconographie {float:left;width:252px;height:580px}
#blockmarque {float:right;width:125px;height:28px}

/* presentation */
.portrait{float:left;width:170px;padding: 10px 0}

/*  listes avec cases */
.case{float:left;width:170px;height:185px;margin-right:10px;margin-bottom:20px;overflow: hidden}
.case p{padding:0 5px 5px;font-size: 0.917em;line-height: 1.15em}
.case img{margin:0 -5px 5px}
.case strong{font-size: 1.1em}
#text .case a{color:#3a403e}
#text .case a:hover{color:#fff;text-decoration:none}
.vignette {float:left;margin-right:5px;margin-bottom:5px}
.findeligne {margin-right:0 !important}

/* rh */
#text a.cartouche {background:#004489 url(cartouche-fond.gif) no-repeat 0px 0px;color:#fff;padding:3px 6px 3px 10px;font-weight:bold;text-transform: uppercase}
#text a.cartouche:hover {color:#e20025;text-decoration: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}

/* plan */
ul#plan li {padding-left:2em;list-style:none;font-size:1.2em;margin-top:10px}
ul#plan li li {font-size:0.9em;margin-top:2px}
ul#plan li li li {margin-top:1px}
ul#plan li.nomargin {margin-top:-20px}

/* divers */
.note, .discret, .mentionCnil {font-size: 0.917em;color: #666}
.rupture {clear: both} 
.spacer {clear: both;font-size: 0;height: 0} /*fermeture de conteneurs purs*/
.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;text-align:center}
.pixg {float: left;padding-right: 1em !important;font-size: 0.917em;text-align:center}
.fiftyfifty{float: left;width: 50%}
.center{text-align:center}
.right{text-align:right}

/* liens décorés */
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}
a.back{background:url(ico-back.gif) no-repeat left center;padding-left: 20px}
a.go{background: url(ico-go.gif) no-repeat scroll right center;padding-right: 20px;}