/* 
www.vinci.com
Frederic RENARD - VINCI
Version du 06/02/2012
*/

/* balises html */
*{margin:0;padding:0}
body{	text-align:center;	background: #e3e4e5 url(../../images/$file/fond-body-2011-01.png) repeat-y center top}
body,input,font{font: 0.688em "Trebuchet MS", Arial, Helvetica, sans-serif}
h1{letter-spacing:1px}
a{text-decoration:none}
p{padding-top:.5em;padding-bottom:.5em;line-height:1.5em}
img{border-style:none}
font{font-size:1em!important}
hr{border-top-width:1px;border-top-style:solid;height:1px;border-right:0;border-bottom:0;border-left:0;clear:both}

/* conteneur principal */
#container{width:980px;text-align:left;margin-left:auto;margin-right:auto}

/* en-tete */
#header{height:4em;padding-top:2em}
#logo{float:right;width:166px;height:60px;margin-top:-18px;margin-bottom:-2em;margin-right:5px}

/* contact, plan, styleswitcher, recherche */
#tools{float:left;color:#999;height:2em;padding-left:20px;width:585px}
#tools li{display:inline}
#tools a{color:#999}
#tools a:hover{color:#000}
#links,#search, #social_links{float:left}

/* ANCIENNE VERSION */
#links a{padding-right:.5em}
#links a.rss{background: url(../../images/$file/ico-rss0.png) no-repeat 0 50%;	padding-left: 15px}
#links a.rss:hover{background-image: url(../../images/$file/ico-rss1.png)}

/* NOUVELLE VERSION  du 30/05/2011 : liens vers les réseaux sociaux */
#social_links li { float:left; display: block; list-style: none; height: 16px; line-height:16px; margin-right:5px; background: url(../../images/$file/sprite-social.png) 0 0 no-repeat}
#social_links a {float:left;padding-right:.6em}
#social_links #contact, #social_links #sitemap, #social_links #update, #social_links #search{ background:none}
#social_links #facebook {width: 16px; background-position: 0 -32px} 
#social_links #twitter {width: 16px; background-position: 0 -64px}
#social_links #vimeo {width: 16px; background-position: 0 -96px;margin-right:0 !important}
#social_links #rss a {padding-left:16px; background: url(../../images/$file/sprite-social.png) 0 0 no-repeat;margin-right:5px}
#social_links #rss a:hover {background: url(../../images/$file/sprite-social.png) 0 -16px no-repeat}
#social_links #facebook a:hover {width: 16px; background: url(../../images/$file/sprite-social.png) 0 -48px no-repeat}
#social_links #twitter a:hover {width: 16px; background: url(../../images/$file/sprite-social.png) 0 -80px no-repeat}
#social_links #vimeo a:hover {width: 16px; background: url(../../images/$file/sprite-social.png) 0 -112px no-repeat}

#styleswitcher {display:none}
#search{margin-left:.5em;display:none}
#search input{font-size:.95em;color:#999;width:9em;border:1px solid #b8c0c9;padding:1px 2px}
#search a{padding-left:3px}

/* sommaire & titre */
#summary,#title{float:left;display:block;height:2em!important;line-height:2em;background:#B8C0C9 url(../../images/$file/coin-haut-droit.gif) no-repeat right top;color:#63686d;text-transform:uppercase} /* 2010-05 */
#summary{width:100px;text-align:right;clear:both}
#summary a{color:#63686d;font-size:.95em;padding-left:1.2em;padding-right:1em;background:url(../../images/$file/fleches-sommaire.gif) no-repeat left center}
#summary a:hover{color:#fff}
#title{width:504px;border-left:1px solid #FFF} /* 2010-05 */
#title h1{background:url(../../images/$file/coin-haut-gauche.gif) no-repeat left top;padding-left:10px;font-size:1.35em}

/* navigateur */
#nav{float:left;display:block;width:880px;border-top:1px solid #FFF;border-left-width:100px;border-left-style:solid;letter-spacing:1px} /* 2010-05 */
#nav ol{list-style:none}
#nav li{display:inline;padding-right:11px;text-transform:uppercase}
#main-nav,#sub-nav{margin-left:1px;padding-left:10px;padding-top:2px;padding-bottom:2px}
#main-nav{background-color:#475a75;margin-bottom:1px}
#main-nav a{color:#a3adba;padding-top:.4em;padding-bottom:.4em}
#main-nav a:hover,#main-nav .on{color:#fff}
#sub-nav{background:url(../../images/$file/coin-bas-gauche.gif) no-repeat left bottom}
#sub-nav a:hover{text-decoration:underline}

/* contenu */
#content{float:left;display:block;margin-top:1px;width:980px} /* 2010-05 */
#content a{color:#000}
#content a:hover{color:#F00;text-decoration:underline}
#content.margin{width:865px;border-left-width:100px;border-left-style:solid}
#content.margin p{padding-left:1.5em}
#content h2{font-size:1.2em;padding-left:1.15em}
#content h3{font-size:1.1em;padding-left:1.15em}
#content h4{font-size:1em;padding-left:1.15em}

/* communiques */
#content.communique .date{text-align:right}
#content.communique h3{text-align:center}
#content.communique .auteur{text-align:right;font-style:italic;text-decoration:none}

/* contexte */
#context{padding-top:.5em;padding-bottom:.5em}
#context li{display:inline}
#context a{margin-left:1em}
#content #context a{text-decoration:none}
#context.list{padding-right:1em;text-align:right}
#context .onglets {text-align:center}
#context .onglets li {border-left: 1px solid #a89eb6;	padding: 4px 15px !important}
#context .onglets li.last {border-right: 1px solid #a89eb6}
#context .onglets a { font-weight:bold;font-size:1.167em;margin-left:0 !important}
#context .onglets li.on {background:#a89eb6}
#context .onglets li.on a{color:#fff !important}
#context form {float:left;padding-left:1em} /* 15/07/2010 */
#context input{color:#000;font-size:1em;width:15em;border:1px solid #8AA9CD;margin-right:.4em;padding:1px}
#context .bouton{width:auto;font-weight:bold;color:#224985;background:#CFDBE9;border:1px solid #224985;padding:1px 0.5em}
#context .bouton:hover{color:#CFDBE9;background:#224985;border-color:#CFDBE9}

/* contenu avec marge gauche coloree */
.margin h2,.margin h3{clear:both;padding:.5em}
.margin .new{font-weight:700}

/* listes avec cases+image */
.case{width:266px;height:16em;float:left;padding:10px} /* 2010-05 */
.case:hover{color:#000}
.case img{float:right;margin-left:5px;margin-bottom:5px}
.case img:hover{border:1px solid #F00}

/* streaming */
.video,.diaporama{float:left;padding-left:1px}
.video{width:410px}

/*-- pied de page --*/
#footer{width:980px;text-align:center;padding-top:2em;margin-bottom:2em;clear:both;font-size:.917em;color:#757575;font-family:Arial, "Trebuchet MS", Helvetica, sans-serif} /* 2010-05 */
#footer ul{list-style:none}
#footer li{display:inline;padding-right:11px}
#footer a{color:#999}
#footer a:hover{color:#000}

/* liens */
#context a,a.back{color:#999!important}
#context a:hover,a.back:hover{color:#000!important}
a.archiv{background:url(../../images/$file/ico-archiv0.gif) no-repeat 0 50%;padding-left:18px}
a.archiv:hover{background:url(../../images/$file/ico-archiv1.gif) no-repeat 0 50%}
a.back{background:url(../../images/$file/ico-back0.gif) no-repeat 0 50%;padding-left:18px}
a.back:hover{background:url(../../images/$file/ico-back1.gif) no-repeat 0 50%}
a.pdf{background:url(../../images/$file/ico-pdf2.gif) no-repeat 0 50%;padding-left:14px}
a.print{background:url(../../images/$file/ico-print0.gif) no-repeat 0 50%;padding-left:13px}
a.print:hover{background:url(../../images/$file/ico-print1.gif) no-repeat 0 50%}
a.sort{background:url(../../images/$file/ico-sort.gif) no-repeat 0 50%;padding-left:16px}
a.download{background:url(../../images/$file/ico-download0.gif) no-repeat 0 50%;padding-left:15px}
a.download:hover{background:url(../../images/$file/ico-download1.gif) no-repeat 0 50%}
a.pop{background:url(../../images/$file/ico-pop0.gif) no-repeat 0 50%;padding-left:15px}
a.pop:hover{background:url(../../images/$file/ico-pop1.gif) no-repeat 0 50%}
a.form{background:url(../../images/$file/ico-form0.gif) no-repeat 0 50%;padding-left:14px}
a.form:hover{background:url(../../images/$file/ico-form1.gif) no-repeat 0 50%}
a.icalabo{background:url(../../images/$file/ical-subscribe.gif) no-repeat 0 50%;padding-left:16px;padding-top:2px;padding-bottom:2px}
a.icaltel{background:url(../../images/$file/ical-download.gif) no-repeat 0 50%;padding-left:16px;padding-top:2px;padding-bottom:2px}
a.top{background:url(../../images/$file/ico-top.gif) no-repeat 0 50%;padding-left:10px}
a.cam{background:url(../../images/$file/ico-video0.gif) no-repeat 0 50%;padding-left:16px}
a.cam:hover{background:url(../../images/$file/ico-video1.gif) no-repeat 0 50%}
a.fenetre{background:url(../../images/$file/ico-fenetre0.gif) no-repeat 0 50%;padding-left:16px}
a.fenetre:hover{background:url(../../images/$file/ico-fenetre1.gif) no-repeat 0 50%;padding-left:16px}

/* objets generiques */
.hidden{position:absolute;top:0;left:-2000px}
.title{font-size:1.1em;font-weight:700}
.spacer{clear:both}
.pixg, .pixd{font-size:0.917em;text-align:center; padding:0 !important; margin-bottom:1.5em !important}
.pixg{float:left;margin-right:1.5em !important}
.pixd{float:right;margin-left:1.5em !important}
.bouton{font-size:1em}
.note{font-size:.9em;font-weight:normal}
.justify{text-align:justify}
.fiftyfifty{float:left;margin-right:3px;width:422px}
.label{width:30em!important;text-align:left!important}
p.marge{margin-left:9.1em;width:62em}
.lisere{border-top:1px solid #FFF}
.flottant{float:left}

/* > tableaux financiers */
table.financier td{text-align:right}
table.financier th{font-weight:normal}
.numeriquefond, .numerique{text-align:right}
th.thline, th.tL{text-align:left} /* nouvel alias optimise pour les communiques tres longs */
tr.nobordure td, tr.nobordure th{border: none 0px !important}
tr.noborder-bottom td, tr.noborder-bottom th { border-bottom-color: #fff !important } /* 29/08/2011 */