/* Frdric RENARD pour VINCI 
   La Fabrique de la Cit
   http://www.lafabriquedelacite.com
   4 novembre 2009 */

*{margin:0;padding:0}
body {font: 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;color: #000;background: #FFF;text-align:center}
h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #048}
h1 {	font-size: 1.667em}
h2 {	font-size: 1.25em}
h3 {	font-size: 1.1em}
hr {margin: 10px 100px;border-top: 2px solid #B7CADD;border-right: 0 none;border-bottom: 0 none;border-left: 0 none}
p{line-height: 1.5em;padding-bottom: 1.5em}
img {border-style: none}
small {font-size: 0.917em;color: #666;line-height: 1.25em}
fieldset{border:1px solid #003A83;width:35em;margin-left:auto;margin-right:auto;padding: 0 1em 1em;text-align:left;margin-bottom: 1em;display: block}
legend{font-weight:bold;color:#003A83;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 #003A83}
input,textarea,select{width:30em}
textarea{height:6em}


#container{width:955px;margin:auto;text-align:left;background: url(container-fond.png) repeat-y left top}
#logo {float:left;width:955px;text-align: right;background: #fff url(fond-logo-fr.png) no-repeat 85px 53px}
#logo.en{background-image: url(fond-logo-en.png)}

#nav {float:left;width:955px;height:40px;background: #fff url(nav-fond.gif) repeat-x left bottom;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight:bold}
#nav span {height:40px} 
#nav span.navstart{float:left;width:130px;background: url(navstart-fond.gif) no-repeat 0 -20px}
#nav li {display: inline;list-style: none;float:left}
#nav a{float:left;color: #004488;text-decoration: none;padding-left:10px;padding-right:40px;padding-bottom:3px}
#nav a.last{padding-right:0}
#nav a:hover{color: #E31E15}
#nav a.on{color: #004488;background: url(nav-aon-fond.gif) no-repeat 0 2px}
#nav span.navend{float:right;width:194px;background: url(navend-fond.gif) no-repeat 0 -20px}
#nav span.navvide{float:left}

#content {float:left;width:955px;background: url(content-fond.png) no-repeat left bottom}

#sub-nav {float:left;width:130px;padding-top:60px;font-size:1.083em}
/*#sub-nav.fond01 {background: url(subnav-fond01.png) no-repeat 0 0}
#sub-nav.fond02 {background: url(subnav-fond02.png) no-repeat 0 0}*/
#sub-nav li {list-style: none;padding-bottom:10px}
#sub-nav a {display: block;width:110px;color:#048;text-transform: uppercase;text-decoration: none;padding: 0px 10px 10px}
#sub-nav a:hover {color: #000}
#sub-nav a.on {color: #000;font-weight:bold}

#text {float:left;width:600px;text-align:justify;padding: 0 210px 40px 15px} /* 955-130-195-30 */

/* styles de la V2 */
#text.accueil, #sub-nav.accueil {background:  url(../../fonds/$file/accueil.jpg) no-repeat 100% 0%}
#text.comite-scientifique {background:  url(../../fonds/$file/comite-scientifique.jpg) no-repeat 100% 0%}
#text.contact {background:  url(../../fonds/$file/contact.jpg) no-repeat 100% 0%}
#text.contributions {background:  url(../../fonds/$file/contributions.jpg) no-repeat 100% 0%}
#text.evenements {background:  url(../../fonds/$file/evenements.jpg) no-repeat 100% 0%}
#text.grand-paris-2008 {background:  url(../../fonds/$file/grand-paris-2008.jpg) no-repeat 100% 0%}
#text.londres-2008 {background:  url(../../fonds/$file/londres-2008.jpg) no-repeat 100% 0%}
#text.objectifs {background:  url(../../fonds/$file/objectifs.jpg) no-repeat 100% 0%}
#text.partenariat {background:  url(../../fonds/$file/partenariat.jpg) no-repeat 100% 0%}
#text.president {background:  url(../../fonds/$file/president.jpg) no-repeat 100% 0%}
#text.publications {background:  url(../../fonds/$file/publications.jpg) no-repeat 100% 0%}
#text.revue-du-web {background:  url(../../fonds/$file/revue-du-web.jpg) no-repeat 100% 0%}

#text h1 {text-transform: uppercase;padding-bottom: 12px}
#text h2 {padding-bottom: 10px;background: url(text-h2-fond.png) repeat-x 0% 100%;margin-bottom: 1em}
#text h3 {margin-bottom: 1em}

#text a{color: #00C;text-decoration: none}
#text a:hover{color: #E31E15;text-decoration: underline}
#text a.nounderline:hover{text-decoration: none}
#text ul {margin-bottom:1em}
#text li {padding-left: 2em;list-style: circle inside;padding-bottom: 0.4em}
#text .biographie{margin-top: -1.5em;font-size:0.917em;color: #666}

#ariane {line-height: 1.25em;color: #666; padding: 0.5em;border: 1px solid #B7B7B7;margin-bottom:1em}
#ariane a{color: #666}
#ariane a:hover{color: #E31E15}
#ariane a.level01{padding-left:0}
#ariane a.level02{padding-left:2em}
#ariane a.level03{padding-left:4em}
#ariane .current{padding-left:6em}

#footer {float:left;width:955px;text-transform: uppercase;font-size:0.917em;padding: 0.5em 1em;background:#fff}
#footer li {display: inline;list-style: none}
#footer a {color:#666;padding-right:2em;text-decoration: none}
#footer a:hover {color: #E31E15}

/* page d'accueil */
#text.accueil h1 {color:#fff !important;background: #048;font-size:2em;text-transform:none;float:left;width:170px;padding:25px;font-weight:normal;line-height:0.75em}
#text.accueil h1 small {color:#fff;font-size:0.8em;margin-bottom:0.5em}
#text.accueil h2 {font-size:1.667em;font-weight:normal;background:#fff;margin-bottom:0;margin-top:10px;text-decoration:underline}
#text.accueil h2 a, #text.accueil h3 a{color:#048}
#text.accueil h2 a:hover, #text.accueil h3 a:hover{text-decoration:none;color:#E31E15}
#text.accueil h3 {font-size:1.667em;line-height:1em}

#text.accueil .point_de_vue, #text.accueil .evenement {float:left; width:340px;margin-left:30px}
#text.accueil .revue, #text.accueil .evenement {margin-top:1em}
#text.accueil .revue {float:left;width:210px;padding:0 5px 5px}
#text.accueil p {padding-bottom: 0.75em;line-height:1.3em}


.bouton {width:auto;background:#E1E5ED;border:2px solid #003A83;padding:2px 2em;color:#000}
.bouton:hover {color:#FFF;background:#003A83;border:2px solid #E31E15 !important}
.radio{width:auto;border-style:none}
.cnil {width:45em;text-align:justify;margin-left:auto;margin-right:auto}

.discret {font-size:0.917em;color: #666}
.centre {text-align:center}
.hidden {position:absolute;left:-2000px}
.spacer {clear: both;font-size: 0;height: 0} /*fermeture de conteneurs purs*/
.pixd {float: right;padding-left: 1em !important}
.pixg {float: left;padding-right: 1em !important}
.langue {font-weight:bold}
.decoration{background: url(decoration-fond.png) no-repeat 50% 100%;padding-bottom: 3em;margin-bottom: 2em}
.hidden{position:absolute;top:0;left:-2000px}

.pdf{background: url(ico-pdf.gif) no-repeat 0 2px;padding-left: 14px}
.verbatim{background: url(ico-verbatim.png) no-repeat 0 2px;padding-left: 14px}
.formulaire{background: url(ico-formulaire.gif) no-repeat 0 2px;padding-left: 14px}
.retour{background: url(ico-retour.png) no-repeat 0 3px;padding-left: 16px}
.video{background: url(ico-camera.png) no-repeat 0 3px;padding-left: 16px}
.fenetre{background:url(ico-fenetre.gif) no-repeat scroll right center; padding-right: 16px}