/* Site internet VINCI Concessions */
/* Frederic RENARD pour VINCI */
/* Derniere modification : 03/12/2008 */
/* gris 1 : c5b8b3 */
/* gris 2 : c9bfbc */
/* gris 3 : 6f6f71 */

/*--------------*/
/* BALISES HTML */
/*--------------*/
* {margin: 0;padding: 0}
body, input, font {font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";font-size: 0.75em;background: #FFF;color:#000}
h1, h2, h3 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif}
h1 {font-size:2.5em;padding-bottom: 0.25em;color:#c5b8b3}
h2 {font-size:1.5em;padding-bottom: 0.25em;color:#868789}
h3 {font-size:1.25em;padding-bottom: 1em;color:#868789}
a {text-decoration: none}
big {font-weight:bold;font-size:2.5em}
small {font-size: 0.917em;color: #666;line-height: 1.25em}
p {padding-bottom: 1.5em;line-height: 1.5em}
img {border-style: none}
tt {font-size: 1.2em;border: 1px solid #666;padding: 0 3px;color: #666}
fieldset{border:1px solid #c9bfbc;padding: 10px;margin-bottom:1em}
legend{font-weight:bold;color:#868789;padding-left:.25em}
label{padding-top:.75em;display:block}
input,textarea,select{color:#000;font:1em Arial, Helvetica, sans-serif, "Trebuchet MS";padding:2px;border: 1px solid #c5b8b3;width:30em}

/* -----------*/
/* LES BOITES */
/* -----------*/
#container {background: url(container-fond.png) repeat-y 0 0} 
#aside, #text,#faq, #cloud {float:left}

/* EN TETE : LOGO + NAVIGATION DE NIVEAU 1 */
#header {width: 965px;background: url(header-fond.png) no-repeat 0 0;padding-right:10px}
#header li {display: inline; list-style: none}
#logo {padding: 1em;text-align:right}
#nav {line-height: 2.2em;height: 2.2em;padding-top:1px;padding-bottom:1px}
#nav li{display: inline;list-style: none}
#nav a {float:left;display:block;width:119px;text-align:center;text-transform: uppercase;color:#6f6f71;background: url(nav-aoff-fond.png) no-repeat 0 0;border-bottom:solid 1px #c9bfbc;border-right:solid 1px #fff}
#nav a:hover{background: url(nav-ahover-fond.png) no-repeat 0 0;color:#000}
#nav a.on {background: url(nav-aon-fond.png) no-repeat 0 0 !important;color:#fff;font-weight: bold}
#nav span.navstart {float:left;width:0px}
#nav span.navend {float:left;width:235px;border-bottom:solid 1px #c9bfbc;background: url(nav-end-fond.png) no-repeat left top} /*87=(965-10)-(27+1)-((119+1)x5)+27+1*/
#nav.vide span.navend {float:left;width:955px;border-bottom:solid 1px #c9bfbc;background: url(nav-end-fond.png) no-repeat left top} 
#nav abbr{border: none}

/* CONTENU */
#content {float:left;width: 965px;padding-right:10px;background: url(content-fond.png) no-repeat 0 -23px}
/* spcifique page d'accueil */
#content.home {background: url(content-fond-home.png) no-repeat 0 -23px}
#content.home p.accroche{font-size:2.5em;margin-top:-80px;color:#fff;padding-left:20px;padding-bottom: 30px;height:2em;line-height:2em}
#content.home h1 {text-align:right;text-transform: uppercase;border-right: 4px solid #dd0728;padding: 0 5px 0 0;line-height :1em}

/* GAUCHE : MENU DE NIVEAU 2 */
#aside{padding-top: 55px}
#aside {width:137px;color:#fff}
#aside li{display: block; list-style: none;margin-bottom: 1em}
#aside a{display: block;color:#cdcecf;font-weight:bold;background: url(aside-aoff-fond.gif) no-repeat left top;width:116px;padding: 0 10px 6px 8px}
#aside a.on, #aside a:hover{color:#fff;background: url(aside-aon-fond.gif) no-repeat left top;border-bottom: 1px dotted #fff;padding-bottom:5px}

/* CENTRE : contenu TEXTUEL */
#text {width:580px;margin: 0 3px;padding: 20px 10px;min-height:300px}
*html #text{height:300px} /*immonde hack pour restituer le min-height sous IE6 */
#text div.fond{background-color:#f6f4f3;padding: 10px}
#text a:link{color: #039}
#text a:visited{color: #515151}
#text a:hover{color: #F00}
#text a:active{color: #F00;text-decoration: underline}
#text li {list-style: disc inside;padding-left:1em}

/* PARTIE DROITE : FAQ & NUAGE DE MOTS */
#faq, #cloud {width:182px;padding:15px}
#faq h2, #cloud h2 {color:#868789}
#faq a:hover, #cloud a:hover {color:#dd0728 !important}

/* FAQ */
#faq {min-height:245px}
*html #faq{height:245px} /*immonde hack pour restituer le min-height sous IE6 */
#faq h2{padding-top:15px}
#faq li {list-style: none;margin-bottom: 0.6em}
#faq a {color:#6f6f71;background: url(faq-a-fond.gif) no-repeat 0 4px;padding-left: 10px}

/* NUAGE DE MOTS */
#cloud li {list-style: none;display:block;float:left;margin-right:3px;margin-bottom:3px;height:1.6em;line-height:1.6em}
#cloud a{text-transform: uppercase;font-weight:bold}
#cloud a.word01{color:#6f6f71;font-weight:normal}
#cloud a.word02{color:#868789;font-size:1.2em}
#cloud a.word03{color:#000;font-size:1.4em}

/* PIED DE PAGE */
#footer {width: 965px;background: url(footer-fond.png) no-repeat left bottom;text-align:center;padding-top:1em;margin-bottom:1em}
#footer li {display: inline; list-style: none}
#footer a {color:#666;padding:0 1em;border-right: 1px solid #666}
#footer a:hover {color:#000}
#footer a.langue {font-weight: bold;text-transform: uppercase}
#footer a.dernier {border-right: 0}

/*----------------*/
/* STYLES COMMUNS */
/*----------------*/

/* listes avec cases */
.case{float:left;width:267px;height:11em;padding:10px;background-color:#f0edec} /*(580-6)/2 - 20 = 267 */
.case img{float:right;margin-left:5px;margin-bottom:5px}
.case {border:1px solid #fff}
.case:hover {border:1px solid #c5b8b3}
.fond{background-color:#e6e0de}

/* tableaux */
table.decore {border-collapse:collapse}
.decore tr.ligne {background-color: #f6f4f3}
.decore tr.ligne:hover {background-color: #f0edec}
.decore th {color:#c5b8b3;text-align:left}
.decore td {border-bottom: 1px solid #c5b8b3;padding: .5em 2px}
.decore .numerique{text-align:right}
.decore .noborder{border-bottom: 0 none}
.decore .marge{padding-left:5em}

/* formulaires */
input.bouton {width: auto;background-color: #e8e9ed;padding: 3px 6px;margin-right:5px;border-right: 2px solid #c5b8b3;border-bottom: 2px solid #c5b8b3}
input.bouton:hover {background-color: #dd0728;color:#fff;border-top: 1px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;border-left: 1px solid #000}
input.boutonAnnuler, input.boutonValider {background-repeat: no-repeat;background-position: 4px 50%;padding-left: 20px}
input.boutonAnnuler {background-image: url(ico-annuler.png)}
input.boutonValider {background-image: url(ico-valider.png)}
input.demi {width:15em}
input.radio{width:auto;border-style:none;	padding-top: 2px;	padding-bottom: 2px}

/* liens dcors */
a.fenetre{background:url(aside-afenetre0-fond.gif) no-repeat 0 0;padding-left: 14px}
a.fenetre:hover{background:url(aside-afenetre1-fond.gif) no-repeat 0 0}
.alternate{color:#dd0728}
.spacer {clear: both;font-size: 0;height: 0} /*fermeture de conteneurs purs*/
.discret, .discret a{font-size:0.917em;color:#666}
.discret a:hover{color:#f00}
.centre{text-align:center}
.context {text-align:right;padding-top:1em !important}
.pixd {float: right;padding-left: 1em !important}
.pixg {float: left;padding-right: 1em !important}
a.pdf{background: url(ico-pdf.gif) no-repeat 0 0;padding-left: 14px}
a.archiv, a.back{font-weight:bold;color: #666 !important}
a.archiv:hover, a.back:hover{color: #f00 !important}

/*-------------------------------------------*/
/* STYLES LOCALISES A UNE OU PLUSIEURS PAGES */
/*-------------------------------------------*/
/* communiques de presse */
.communique .date, .communique .auteur {text-align:right}
.communique h3, .communique h4{text-align:center;color:#000;padding-bottom:1em}

/* plan du site */
ul.sitemap li {margin-left: 5em;list-style: none;font-weight: bold;text-transform: uppercase;margin-top: 1em;margin-bottom: 0.4em}
ul.sitemap li li {margin-left: 3em;font-weight: normal;text-transform: none;margin-top: 0}