/* Fondation VINCI v2 */
/* Derniere modification : Frederic RENARD le 25/11/2009 */

/* HTML */
/* ---- */
* {margin:0;padding:0}
body {background:#f5f3e9;font:.75em/1.5em "Trebuchet MS",Arial, Helvetica, sans-serif;color:#000;text-align:center}
h1 {font-size:1.5em;padding-bottom:0.6em;font-weight:normal}
h2 {font-size:1.25em;padding-bottom:0.73em}
p {line-height:1.5em; padding-bottom:1.5em}
li {list-style:none}
small {font-size:0.917em;line-height:1.455em}
a {text-decoration:none}
fieldset{border:0}
select,input,textarea {color:#666;font:1em "Trebuchet MS",Arial, Helvetica, sans-serif;margin-bottom:0.5em;border: solid 1px #7c7c7c}

/* CONTENEURS */
/* ---------- */
/* 0 CONTENEUR PRINCIPAL */
#container {width:970px;margin:auto;text-align:left;background: #fff url(bg-container.png) repeat-x 0 0}

/* 1 EN-TETE */
#header {height:132px}
#header li {display:inline}

/* 1a logo */
#logo {float:left;height:65px;margin-top:-1px;margin-left:30px}

/* 1b outils */
#tools {float:right;font-size:0.917em;margin: 20px 15px 0 0}
#tools li {float:left;height:20px;line-height:20px;margin-right:20px}
#tools a {color:#696b61;}
#tools a:hover {color:#000}
#tools #search, #tools #intranet {background: url(bg-tools-a.png) repeat-x 0 0;border: 1px solid #d1d1d1; padding: 0 10px}
#tools #intranet a {padding-left:18px;	background: url(ico-secure.png) no-repeat 0% 50%}
#tools #intranet a:hover {color:#f00}

/* 1c navigation principale */
#nav, #subnav {clear: both;text-align:center;}
#nav {margin-left:120px;height:39px;font-size:1.083em}
#nav.intranet {margin-left:15px}
#nav a, #subnav a {color:#696b61}
#nav a {float:left;height:39px;line-height:39px;width:150px}
#nav a:hover, #nav a.current{color:#fff;font-weight:bold}
#nava01, #nava03, #nava05{background: url(bg-nav-barre.gif) no-repeat}
#nava00:hover, #nava00.current {color:#696b61 !important}
#nava01:hover, #nava01.current {background: url(bg-nav01.gif) repeat-x}
#nava02:hover, #nava02.current {background: url(bg-nav02.gif) repeat-x}
#nava03:hover, #nava03.current {background: url(bg-nav03.gif) repeat-x}
#nava04:hover, #nava04.current {background: url(bg-nav04.gif) repeat-x}
#nava05:hover, #nava05.current {background: url(bg-nav05.gif) repeat-x}

/* 1d navigation secondaire */
#subnav {height:30px}
#subnav ul {float:left;width:100%;margin:auto}
#subnav li{height:30px;line-height:30px;padding: 0 15px}
#subnav a:hover{color:#000;text-decoration:underline}
#subnav a.current{font-weight:bold}
#subnav a.current:hover {color:#696b61;text-decoration:none}

/* 2 CONTENU */
#content {float:left;width:970px;margin-top:15px}

/* 2a texte */
#text {float:left;width:620px;padding:15px 15px 30px 35px} /* h d b g */
#text h1 {padding-bottom:1.5em}
#text h2 {text-align:center;font-weight:normal}
#text h2.discret {text-align:left;font-size:1em;padding-bottom:0.25em;list-style: square inside;display: list-item}
#text h2.nosquare {list-style: none}
#text a {color:#00C} /*border-bottom: 1px #00C dotted  */
#text a:hover {color:#f00;text-decoration:underline}
#text ul.deco li{padding-left:1em;padding-bottom:1em;list-style:square inside}
#text.keyfigures strong {	font: 1.667em Georgia, "Times New Roman", Times, serif}
#text hr.dotted {margin:1em 0;height:1px;border-top: 1px dotted #a5a5a5;border-right: 0 none;border-bottom: 0 none;border-left: 0 none}

/* 2b contexte */
#context {float:left;width:265px;background:#fff;margin-top:15px}
#context div.dotted{background: url(bg-home-rubrique-h2.png) repeat-x left bottom;margin-bottom:10px}
#context h3 {font-size:1em; padding-bottom:2px; margin: 0 10px}
#context h3 a, #context .comprendre h3, #context .moteur h3 {background: url(bg-context-h2-a.png) no-repeat 0 1px; padding-left: 15px}
#context h3 a:hover {color:#000 !important}
#context p {margin-left:10px}
#context a {color:#818181}
#context a:hover {color:#000 !important}

#context .film h3 a {float:left;margin-top:10px !important;width:190px;height:51px;background: url(bg-context-film-h3.png) no-repeat;color:#818181;padding-left:55px;padding-top:15px}
#context .actualites h3 a {color:#d57323}
#context .moteur h3, #context .projets h3 a {color:#5aaeae}
#context .comprendre, #context .comprendre h3 {color:#bbad6b}
#context .comprendre p {margin:0 25px}
#context .comprendre strong , .surligne{color:#fff;background: url(bg-context-comprendre-h3.png) repeat-x;padding:2px 10px}
#context .galerie h3 a {color:#972d3e}
#context .vignette {float:left;border:0;background: url(bg-context-vignette.png) no-repeat;padding:19px;margin-left:10px}
#context .legende {padding-top:19px;height:68px}
#context form {padding:5px 10px 10px}
#context fieldset{border:solid 1px #ccc;padding:10px 10px 0}
#context select.exclusif {margin-left:15px}

/* 3 PIED DE PAGE */
#footer{float:left;text-align:center;width:970px;font-size:0.917em;background:#f5f3e9;height:30px;line-height:30px;border-top:1px dotted #696b61}
#footer li {display:inline}
#footer a {color:#696b61;padding: 0 15px;border-right: 1px solid #696b61}
#footer a:hover {color:#000}
#footer a.last {border-right: 0 solid #f5f3e9}

/* CHAPITRES */
/* --------- */
/* 0 home */
.home #text {width:922px;padding-left:23px;padding-top:0}
.home #text a{border:none}

#tetiere {width:900px;height:297px; background:#f0c61e;margin-left:12px}
#tetiere h1, #tetiere h1 a, #tetiere img {float:left}
#tetiere h1 {font-size:2em;line-height:1.4em;padding-bottom:0}
#tetiere h1 strong {font-size:1.2em}
#tetiere h1 a {width:249px;padding-left:30px;padding-top:55px;color:#fff;}
#tetiere h1 a:hover {color:#000;text-decoration:none}

#rubriques div {float:left;background: url(bg-home-rubrique.png) no-repeat;width:264px;height:96px;padding:20px;color:#63665b;font-size:0.917em}
#rubriques h2 {font-size:1.1em;font-weight:bold;text-align:left;padding-bottom:1em;margin-bottom:1em;background: url(bg-home-rubrique-h2.png) repeat-x left bottom}
#rubriques h2 a {background: url(bg-home-rubrique-h2-a.png) no-repeat 0 2px; padding-left: 15px;padding-bottom:3px}
#rubriques h2 a:hover {color:#000 !important}
#rubriques a {color:#63665b}
#rubriques a:hover {color:#000;text-decoration:none !important}
#rubriques .projets h2 a {color:#5aaeae}
#rubriques .projets li, #rubriques .actualites li {list-style: disc inside}
#rubriques .actualites {margin-left:8px;margin-right:1px}
#rubriques .actualites h2 a {color:#d57323}
#rubriques .galerie h2 a {color:#972d3e}
#rubriques .galerie .legende {float:left;width:145px}
#rubriques .galerie .image img {padding-top:8px;padding-left:8px}
#rubriques .galerie .image a{float:left;margin-left:10px;width:100px;background: url(bg-home-rubrique-galerie.png) no-repeat 0 0}

/* couleurs thematiques */
.page01 h1, .page01 h2, .page01 .color {color:#c9a91c}
.page02 h1, .page02 h2 {color:#58c6c6}
.page02 .color {color:#377779}
.page03 h1, .page03 h2, .page03 .color {color:#a4bb2f}
.page04 h1, .page04 h2, .page04 .color {color:#97252f}
.page05 h1, .page05 h2, .page05 .color {color:#4d99d6}
#text .encadre {margin:1em;padding:1em}
.page01 .encadre {border:solid 2px #c9a91c}
.page02 .encadre {border:solid 2px #58c6c6}
.page03 .encadre {border:solid 2px #a4bb2f}
.page04 .encadre {border:solid 2px #97252f}
.page05 .encadre {border:solid 2px #4d99d6}

/* mission */
h2.chevrons {background: url(bg-home-rubrique-h2-a.png) no-repeat 0 3px; padding-left: 15px;text-align:left !important}

/* moteurs de recherche */
.moteur select, .moteur input {display:block}

/* fiche dossier */
h1 span.light {font-size:0.9em;font-weight:normal}
h3.dossier {font-size:1em;color:#fff;border-bottom: dotted 1px #58c6c6;margin-bottom:1em}
h3.dossier a{color:#fff !important}
h3.dossier a:hover{color:#000 !important}
h3.dossier span {background: #58c6c6;padding:2px 10px}
h4.dossier {font-size:1em;color:#51a4a6;text-transform: uppercase}
.accessoires {color:#82794c}
.accessoires a{color:#82794c;text-decoration:underline}
.accessoires a:hover{color:#000 !important}

/* formulaires */
.formulaire legend {font-weight:bold;color:#4d99d6;padding: 1em 0px 0.5em;text-transform:uppercase}
.formulaire select, .formulaire input {width:30em}
.formulaire .deploye {height:10em}
.formulaire .extraLarge {width:30em;height:15em}
input.radio{width: 1.1em;border: none 0}
input.bouton{width:auto !important;margin:10px 0;padding:2px 5px;font-weight:bold;background: #fff url(bg-bouton.png) repeat-x}
input.bouton:hover{border-color:#000;color:#000}

/* accueil intranet */
h1.accueilIntranet {
	float:left;
	width:210px; padding: 200px 20px;	min-height:250px;	margin-right:1em;
	font-size:1.4em; color:#fff; line-height:1.4em;	text-transform: uppercase;
	background: #4d99d6 url(../../intranet_accueil/$file/accueil-intranet.jpg) no-repeat left top
}

/* plan du site */
ul.plan li {padding-left:2em;padding-bottom:0.5em;font-weight:bold;text-transform:uppercase}
ul.plan li li{padding-left:2em;padding-bottom:0.25em;font-weight:normal;text-transform:none}

/* COMMUN */
/* ------ */
img.corner {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #a5a5a5;padding: 10px;background:#fff}
.spacer{clear:both;height:0;font-size:0;line-height:0;margin:0} /* permet de fermer une div flottante */
.pixd{float:right;margin-left:10px}
.pixg{float:left;margin:0 10px 10px 0}

.pdf{background: url(ico-pdf.png) no-repeat 0% 50%;padding-left: 14px}
.jpg{background: url(ico-image.png) no-repeat 0% 50%;padding-left: 18px}
.doc{background: url(ico-doc.png) no-repeat 0% 50%;padding-left: 14px}
.ppt{background: url(ico-ppt.png) no-repeat 0% 50%;padding-left: 14px}
.xls{background: url(ico-xls.png) no-repeat 0% 50%;padding-left: 14px}

.fenetre{background:url(ico-fenetre.gif) no-repeat 0 50%;padding-left:16px}
.hidden{position:absolute;top:0;left:-2000px}