/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
| Copyright (c) 2009
| Webdesign : Smart Agence
| http://www.smartagence.com/
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ______________________[ META declarations ]________________________ */
body {margin:0;padding:0;font:76% Arial,Verdana,sans-serif;background: url(../../img/layout/bg.jpg) no-repeat 50% 0; text-align:center;}
img {border:none;}
acronym, abbr, dfn {cursor:help;font-style:normal;border-bottom:1px dotted #DEDEDE;}
hr {display:none;clear:both;}
a {text-decoration: underline; color: #00aad2}
a:hover, a:active, a:focus {text-decoration:none;}
sup {vertical-align:top;}
.error, .erreur {color:#F00;}
.horscadre, .horschamp, .hidden {display:none;}
blockquote {font-style:italic;}
* {margin-top: 0} /**/
ul {list-style: none}
/* ______________________[ Haut de page : logo, recherche, etc. ]________________________ */
/* Navigation interne à la page */
#NavigationInterne {position:absolute;top:-7777em;left:-7777em;}
#Annexe {}
#EnTete {margin:0 auto;padding:20px 0 0 0;text-align:left;width:950px;}
#EnTete:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#EnTete {display:inline-block;}
/* \*/ * html #EnTete {height:1%;} #EnTete {display:block;} /* */
.logo {float:left;margin:0 126px 20px 0;}
.colB {float: left; width: 467px}
.colB p {margin: 0 0 .5em 0}
.colB a {text-decoration: underline; color: #000}
.accesdirect {float: left; width: 467px}
.accesdirect a {display: inline; float: left; margin: 0 5px 0 0; background-repeat: no-repeat;background-image: url(../../img/layout/acces_direct.png);}
.accesdirect a span {position: absolute; top: -7777px; left: -7777px}
.accesdirect a.item01 {width: 147px; height: 48px; background-position: -534px 0}
.accesdirect a.item01:hover {background-position: -534px -48px}
.accesdirect a.item02 {width: 214px; height: 48px; background-position: -320px 0}
.accesdirect a.item02:hover {background-position: -320px -48px}
.accesdirect a.item03 {width: 258px; height: 48px; background-position: -681px 0}
.accesdirect a.item03:hover {background-position: -681px -48px}
.accesdirect a.item04 {width: 195px; height: 48px; background-position: -320px 0}
.accesdirect a.item04:hover {background-position: -320px -48px}
/* ______________________[ Navigation principale ]________________________ */
#NavigationPrincipale {list-style:none;text-align:left;color:#fff;margin:0 auto;padding:0;width:950px;}
#NavigationPrincipale h1 {color: #028099;}
#NavigationPrincipale ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#NavigationPrincipale ul {display:inline-block;}
/* \*/ * html #NavigationPrincipale ul {height:1%;} #NavigationPrincipale ul {display:block;} /* */
#NavigationPrincipale ul {padding:0;margin:0;}
#NavigationPrincipale li {float:left;width:152px;padding:0 0 38px 0;margin:0 5px 0 0;position:relative;display:block;background: url(../../img/deg_navigation-fs8.png) repeat-x 0 100%}
#NavigationPrincipale li a {background-color: #00aad2; display:block;margin:0 7px 0 0;padding:10px 10px 1px 10px;height:193px; color: #FFF; text-decoration: none;}
#NavigationPrincipale li a:hover, #NavigationPrincipale li a:active, #NavigationPrincipale li a:focus {text-decoration:underline;}
#NavigationPrincipale li a em, #NavigationPrincipale li.on a {background-image: url(../../img/navigation/nav.jpg); background-repeat: no-repeat; display:block;padding: 112px 0 0 0; font-style: normal}
#NavigationPrincipale li a em span, #NavigationPrincipale li.on li a {background: url(../../img/arrow_02.gif) no-repeat 0 .25em; padding: 0 0 0 19px; display: block}
#NavigationPrincipale li a strong {display: block; width: 119px; height: 40px; background: url(../../img/navigation/nav_span.gif); background-repeat: no-repeat; position: absolute; bottom:20px; right: 0; z-index: 100}
#NavigationPrincipale li a strong span {position: absolute; top: -7777px; left: -7777px}
#NavItem1 a em {background-position: -10px 0}
#NavItem2 a em {background-position: -145px 0}
#NavItem3 a em {background-position: -280px 0}
#NavItem4 a em {background-position: -415px 0}
#NavItem5 a em {background-position: -550px 0}
#NavItem6 a em {background-position: -685px 0}
#NavItem1 a strong, #NavItem1.on a strong {background-position: 0 0 !important}
#NavItem2 a strong, #NavItem2.on a strong {background-position: -119px 0 !important}
#NavItem3 a strong, #NavItem3.on a strong {background-position: -238px 0 !important}
#NavItem4 a strong, #NavItem4.on a strong {background-position: -357px 0 !important}
#NavItem5 a strong, #NavItem5.on a strong {background-position: -476px 0 !important}
#NavItem6 a strong, #NavItem6.on a strong {background-position: -595px 0 !important}
#NavigationPrincipale li.off {width: 126px;}
#NavigationPrincipale li.off a {height: 115px; background-color: #00aad2; background-image: url(../../img/navigation/nav.jpg); background-repeat: no-repeat;}
#NavItem1.off a {background-position: -810px 0 !important}
#NavItem2.off a {background-position: -923px 0 !important}
#NavItem3.off a {background-position: -1036px 0 !important}
#NavItem4.off a {background-position: -1151px 0 !important}
#NavItem5.off a {background-position: -1262px 0 !important}
#NavItem6.off a {background-position: -1375px 0 !important}
#NavigationPrincipale li.off a strong {width: 99px; height: 34px}
#NavItem1.off a strong {background-position: 0 -40px !important}
#NavItem2.off a strong {background-position: -99px -40px !important}
#NavItem3.off a strong {background-position: -198px -40px !important}
#NavItem4.off a strong {background-position: -297px -40px !important}
#NavItem5.off a strong {background-position: -396px -40px !important}
#NavItem6.off a strong {background-position: -495px -40px !important}
#NavigationPrincipale li.on {width: 284px;}
#NavigationPrincipale li.on a {background-position: 0 10px;}
#NavigationPrincipale li.on ul {margin:0 0 0 134px; position: absolute; top: 10px; padding: 0; width: 143px;background-color: #00aad2; z-index:50}
#NavigationPrincipale li.on li {float:left;width:100%;height: auto; display: inline;padding:0;margin:0;position:static;display:block;background-image:none;}
#NavigationPrincipale li.on li span {display:block; margin:0 0 0 10px; height:auto; color: #FFF;background: url(../../img/arrow_02.gif) no-repeat 0 .25em; padding: 0 0 0 19px;}
#NavItem1.on a {background-position: 0 10px !important}
#NavItem2.on a {background-position: -135px 10px !important}
#NavItem3.on a {background-position: -270px 10px !important}
#NavItem4.on a {background-position: -405px 10px !important}
#NavItem5.on a {background-position: -540px 10px !important}
#NavItem6.on a {background-position: -675px 10px !important}
#NavItem6.on a {height: 30px !important;}
#NavItem4.on a {height: 30px !important;}
#NavItem3.on a {height: 66px !important;}
#NavItem2.on a {height: 66px !important;}
#NavItem5.on a {height: 30px !important;}
#NavItem1.on a {height: 30px !important;}
#NavItem6.on ul {height: 115px !important;}
#NavItem4.on ul {height: 128px !important;}
#NavItem3.on ul {height: 168px !important;}
#NavItem2.on ul {height: 158px !important;}
#NavItem5.on ul {height: 115px !important;}
#NavItem1.on ul {height: 115px !important;}
/* icones */
a.pdf {background:url(../../img/ico_pdf.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.doc {background:url(../../img/ico_doc.gif) no-repeat 0 0;padding: 1px 0 4px 21px;display:block;overflow:auto;}
a.ppt {background:url(../../img/ico_ppt.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.xls {background:url(../../img/ico_xls.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.zip {background:url(../../img/ico_zip.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
a.html{background:url(../../img/ico_html.gif) no-repeat 0 0;padding:1px 0 4px 21px;display:block;overflow:auto;}
#ContainerCols {width:950px;margin:0 auto;padding:0;display:block;text-align:left; position: relative}
#ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#ContainerCols {display:inline-block;}
/* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */
#ContainerCols p .blank, #ContainerCols li .blank {padding: 0 15px 0 0; background: url(../../img/external.png) no-repeat 100% 2px}
/* HOMEPAGE */
.acceshome {float: right; margin: 0 1em 0 40px}
.acceshome a {display: block; width: 320px; height: 66px; background: url(../../img/layout/acces_direct.gif) no-repeat 0 0 !important; padding: 0 !important}
.acceshome a:hover {background-position: 0 -66px !important}
.acceshome a span {position:absolute;top:-7777em;left:-7777em;}
/* COLCONTENU */
#ContainerCols .right {float:right;margin:0 0 15px 15px; display: inline}
#ContainerCols .aLaUne {clear: both;}
.aLaUne:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.aLaUne {display:inline-block;}
/* \*/ * html .aLaUne {height:1%;} .aLaUne {display:block;} /* */
h1 {font-size: 2em; margin: 0; text-transform: uppercase;}
#ContainerCols #ColContenu h2 {font-size: 1.4em;}
#ContainerCols.home h2 {font-size: 1em; text-transform: uppercase}
#ContainerCols #ColContenu blockquote {font-style: normal; margin: 0 0 1em 0; background-position: 0 0; background-repeat: no-repeat;}
#ContainerCols #ColContenu blockquote div {overflow: auto;font-size: 1.4em; font-weight: bold; padding: 10px 40px 0 40px; background-position: 95% 90%; background-repeat: no-repeat;}
/* \*/ * html #ContainerCols #ColContenu blockquote div {height: 1%} /* */
#ContainerCols #ColContenu {width:671px;text-align:left;margin:0;padding:0 0 5em 0;float:left;}
#ColContenu p, #ColContenu h2, #ColContenu ol {margin:0 0 1em 0;}
#ContainerCols .more {margin: 0 0 1em 0; padding: 0}
#ContainerCols .more li {background:url(../../img/arrow_01.gif) no-repeat 0 0;padding:1px 0 4px 21px;}
#ContainerCols .more li a {color: #00aad2}
#ContainerCols .more li .pictos a {padding: 7px 35px 10px 0; background-position: 100% 0; background-repeat: no-repeat;}
#ContainerCols .more li .pictos .facebook {background-image:url(../../img/ico_facebook.gif)}
#ContainerCols .more li .pictos .twitter {background-image:url(../../img/ico_twitter.gif)}
#ContainerCols .bottom {position: absolute; bottom: 50px}
/* COLCONTEXTUELLE */
#ContainerCols #ColContextuelle {width:270px; text-align:left;margin:0 0 60px 0;padding:0;float:right; background: url(../../img/bg_colcontextuelle.png) no-repeat 0 0}
#ContainerCols #ColContextuelle .inner {border-width: 0 6px 0 15px; border-style: solid; border-color: #FFF; background: url(../../img/bg_colcontextuelle_inner.gif) #e7ecf1 no-repeat 0 100%; padding: 0 15px 18px; overflow: hidden}
#ContainerCols #ColContextuelle .question {background: url(../../img/bg_question.png) no-repeat 0 0; height: 85px; width: 270px; text-align: right;}
#ContainerCols #ColContextuelle .question a {text-align: right; display: block; width:100%; height: 47px; padding: 0 !important; background: none !important}
#ContainerCols #ColContextuelle .question a span {position: absolute; top: -7777px; left: -7777px}
#ContainerCols #ColContextuelle h2 {background: url(../../img/bg_colcontextuelle_h2.gif) no-repeat 0 0; padding: 28px 0 25px 15px; margin: 0 -15px; position: relative; font-size: 1em; text-transform: uppercase}
#ContainerCols #ColContextuelle h2.first {margin-top: -14px; padding-top: 30px}
#ContainerCols #ColContextuelle h3 {font-size: 1.2em;}
#ColContextuelle .chiffres p {clear: both; margin: 0 0 .5em 0}
#ColContextuelle .chiffres p strong {font-size: 1.4em; float: left; margin: 0 20px 0 0; padding: 0 0 .5em 0;}
#ColContextuelle .chiffres p span {display: block; padding: .7em 0 0 0}
#ColContextuelle .center strong {font-size: 1.4em;}
#ColContextuelle .center strong em {font-size: 1.6em;font-style: normal}
/* COULEURS RUBRIQUES */
/******* rub1 *******/
.rub1 #ContainerCols h1 {color: #e36b61;}
.rub1 #ContainerCols #ColContenu h2 {color: #e36b61}
.rub1 #ContainerCols #ColContenu blockquote {background-image: url(../../img/rub1/quote_t.gif)}
.rub1 #ContainerCols #ColContenu blockquote div {background-image: url(../../img/rub1/quote_b.gif)}
.rub1 #ContainerCols #ColContextuelle {background-color: #e36b61}
.rub1 #ColContextuelle a {color: #e36b61;}
.rub1 #ColContextuelle .chiffres p strong {color: #e36b61}
.rub1 #ColContextuelle .center strong {color: #e36b61}
/******* rub2 *******/
.rub2 #ContainerCols h1 {color: #8a5a96;}
.rub2 #ContainerCols #ColContenu h2 {color: #8a5a96}
.rub2 #ContainerCols #ColContenu blockquote {background-image: url(../../img/rub2/quote_t.gif)}
.rub2 #ContainerCols #ColContenu blockquote div {background-image: url(../../img/rub2/quote_b.gif)}
.rub2 #ContainerCols #ColContextuelle {background-color: #8a5a96}
.rub2 #ColContextuelle a {color: #8a5a96;}
.rub2 #ColContextuelle .chiffres p strong {color: #8a5a96}
.rub2 #ColContextuelle .center strong {color: #8a5a96}
/******* rub3 *******/
.rub3 #ContainerCols h1 {color: #38ab5c;}
.rub3 #ContainerCols #ColContenu h2 {color: #38ab5c}
.rub3 #ContainerCols #ColContenu blockquote {background-image: url(../../img/rub3/quote_t.gif)}
.rub3 #ContainerCols #ColContenu blockquote div {background-image: url(../../img/rub3/quote_b.gif)}
.rub3 #ContainerCols #ColContextuelle {background-color: #38ab5c}
.rub3 #ColContextuelle a {color: #38ab5c;}
.rub3 #ColContextuelle .chiffres p strong {color: #38ab5c}
.rub3 #ColContextuelle .center strong {color: #38ab5c}
/******* rub4 *******/
.rub4 #ContainerCols h1 {color: #c83e4c;}
.rub4 #ContainerCols #ColContenu h2 {color: #c83e4c}
.rub4 #ContainerCols #ColContenu blockquote {background-image: url(../../img/rub4/quote_t.gif)}
.rub4 #ContainerCols #ColContenu blockquote div {background-image: url(../../img/rub4/quote_b.gif)}
.rub4 #ContainerCols #ColContextuelle {background-color: #c83e4c}
.rub4 #ColContextuelle a {color: #c83e4c;}
.rub4 #ColContextuelle .chiffres p strong {color: #c83e4c}
.rub4 #ColContextuelle .center strong {color: #c83e4c}
/******* rub5 *******/
.rub5 #ContainerCols h1 {color: #d8217e;}
.rub5 #ContainerCols #ColContenu h2 {color: #d8217e}
.rub5 #ContainerCols #ColContenu blockquote {background-image: url(../../img/rub5/quote_t.gif)}
.rub5 #ContainerCols #ColContenu blockquote div {background-image: url(../../img/rub5/quote_b.gif)}
.rub5 #ContainerCols #ColContextuelle {background-color: #d8217e}
.rub5 #ColContextuelle a {color: #d8217e;}
.rub5 #ColContextuelle .chiffres p strong {color: #d8217e}
.rub5 #ColContextuelle .center strong {color: #d8217e}
/******* rub6 *******/
.rub6 #ContainerCols h1 {color: #e39c40;}
.rub6 #ContainerCols #ColContenu h2 {color: #e39c40}
.rub6 #ContainerCols #ColContenu blockquote {background-image: url(../../img/rub6/quote_t.gif)}
.rub6 #ContainerCols #ColContenu blockquote div {background-image: url(../../img/rub6/quote_b.gif)}
.rub6 #ContainerCols #ColContextuelle {background-color: #e39c40}
.rub6 #ColContextuelle a {color: #e39c40;}
.rub6 #ColContextuelle .chiffres p strong {color: #e39c40}
.rub6 #ColContextuelle .center strong {color: #e39c40}
/* POPUP */
body.popup {background-image: url(../../img/layout/bg_popup.jpg); background-position: 50% 30px;padding: 30px 11px 26px 27px}
body.popup .close {text-align: right; font-size: .9em !important; padding: 2px 29px 5px 0; margin: 0 !important}
body.popup .close a {color: #333; text-decoration: none;}
body.popup .close a:hover {text-decoration: underline;}
body.popup #ContainerCols {width: 782px; height: 540px}
body.popup #ContainerCols .left {float: left;margin: 0 30px 0 0}
body.popup #ContainerCols h1 {float: left; width: 410px; text-transform: none; padding: 1em 0 0 0;}
body.popup #ContainerCols h1 span {display: block; text-transform: none; color: #b8c400}
body.popup #ContainerCols h1 strong {display: block; font-size: 1.9em}
body.popup #ContainerCols h2 {font-size: 1em; float: left; width: 410px;}
body.popup #ContainerCols h2 span {color: #308ea3; font-size: 1.8em}
body.popup #ContainerCols p {font-size: 1.2em}
body.popup #ContainerCols p strong {font-size: 1.1em}
body.popup .acceshome {float: left; margin: 0 auto; text-align: center}
body.popup .acceshome a {display: block; width: 314px !important; padding: 0 !important; height: 63px; background: url(../../img/layout/connecte_chercheurs.png) no-repeat 0 0;}
body.popup .acceshome a:hover {background-position: 0 -63px}
body.popup .acceshome a span {position:absolute;top:-7777em;left:-7777em;}
/* POPUP */
body.rub7 #ContainerCols {background: url(../../img/rub7/soutenez_opacity.png) repeat 0 0;}
body.rub7 #ContainerCols .left {float: left;margin: 20px 20px 2.5em 0; display: inline}
body.rub7 #ContainerCols .left img {float: left;margin: 0 20px 0 0}
body.rub7 #ContainerCols #ColContenu {width: 930px; float: right; padding: 0 0 6.5em 0}
body.rub7 #ContainerCols #ColContenu h1 {color: #026269; font-size: 1.6em; margin: 0; text-transform: uppercase; padding: 0 0 0 53px; background-repeat: no-repeat; background-position: 0 0}
body.rub7 #ContainerCols #ColContenu h1 span {width: 877px;}
body.rub7 #ContainerCols #ColContenu h1 span a {display: block}
body.rub7 #ContainerCols #ColContenu .colonnes h1 span {width: 347px;}
body.rub7 #ContainerCols #ColContenu .col h1 {clear: both;}
body.rub7 #ContainerCols #ColContenu .col {padding: 0 0 .5em 0}
body.rub7 #ContainerCols #ColContenu .colonnes .col {float: left; width: 400px; margin: 0 60px 0 5px; display: inline}
body.rub7 #ContainerCols #ColContenu .col a {color: #026269}
body.rub7 #ContainerCols #ColContenu .type06 {background: url(../../img/rub7/h1_06.gif) #d9eff0 no-repeat 15px 11px; padding: 15px 10px 1px 53px;margin: 0 0 3em 0}
body.rub7 #ContainerCols #ColContenu .type06 h1 {background: none; padding: 0}
body.rub7 #ContainerCols #ColContenu .type01 h1 {background-image: url(../../img/rub7/h1_01.gif); padding: 7px 0 12px 53px}
body.rub7 #ContainerCols #ColContenu .type02 h1 {background-image: url(../../img/rub7/h1_02.gif); padding: 7px 0 12px 53px}
body.rub7 #ContainerCols #ColContenu .type03 h1 {background-image: url(../../img/rub7/h1_03.gif); background-position: 0 10px; padding: 20px 0 8px 53px}
body.rub7 #ContainerCols #ColContenu .type04 h1 {background-image: url(../../img/rub7/h1_04.gif); padding: 20px 0 12px 50px}
body.rub7 #ContainerCols #ColContenu .type05 h1 {background-image: url(../../img/rub7/h1_05.gif); padding: 7px 0 18px 53px}
/* SIFR */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {visibility: visible !important; margin: 0;padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt;padding: 0pt;overflow: auto;letter-spacing: 0px;float: none;}
}
@media print {
.sIFR-flash {display: none !important;height: 0;width: 0;position: absolute;overflow: hidden;}
.sIFR-alternate {visibility: visible !important;display: block !important;position: static !important;left: auto !important;top: auto !important;width : auto !important;height: auto !important;}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h1 span {text-transform: uppercase; font-size: 1.1em !important;}
.sIFR-active #ColContextuelle h2 span {text-transform: uppercase; font-size: 1.5em !important;}
.sIFR-active #ColContextuelle h2 {padding: 28px 0 15px 15px !important;}
.sIFR-active .rub7 #ContainerCols #ColContenu h1 {color: #026269; font-size: 1.8em; word-spacing: -20px}
.sIFR-active .rub7 #ContainerCols #ColContenu h1 span {display: block; white-space: nowrap}
}
/* ______________________[ Bas de page : copyright, liens vers informations générales ]________________________ */
#PiedDePage {text-align:right;margin:0 auto;padding:20px 0 0 0;width:950px;background: url(../../img/layout/bg_pdp.gif) repeat-x 0 0;}
#PiedDePage p {margin: 0 0 .3em 0;}
#PiedDePage a {color: #00aad2; text-decoration: underline;}
#PiedDePage a:hover {text-decoration: none;}