/* CEFRIO */
html, body {margin: 5px 0 0 0; padding:0}
body {background-color: #ffffff; color: #545454; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 15px}
/* ------------------- BEGIN LAYOUT STYLES ------------------- */
#container {width: 910px; margin: 0 auto 0 auto; padding: 0 0 40px 0}
/* BEGIN HEADER */
#header {position: relative; width: 910px; height: 133px; background-color: #eeeeee}
#headswf {position: relative; float: left; width: 321px; height: 133px}
#headinfo {position: relative; float: left; width: 589px; height: 133px; background-image: url(images/bg_header.gif); background-repeat: no-repeat}
#headinfo .logo {position: absolute; left: 12px; top: 12px}
#headinfo .menu {position: absolute; left: 200px; top: 21px; font-size: 6px; text-align: right}
#headinfo .menu ul {margin: 0; padding: 0}
#headinfo .menu li {background-image: none; float: left; list-style-image: none; list-style-type: none; margin: 0; padding: 0}
#headinfo .menu a {display: block; color: #ffffff; font-size: 11px; line-height: 13px; padding: 0px 8px 0px 8px; border-right: 1px solid #ffffff}
#headinfo .menu a.off {text-decoration: none}
#headinfo .menu a.on {text-decoration: underline}
#headinfo .form {position: absolute; left: 235px; top: 82px; font-size: 11px; color: #ffffff; font-weight: bold; line-height: 13px}
#headinfo .form input.mots {padding: 2px 1px 2px 1px; color: #545454}
#headinfo .fluxrss {position: absolute; left: 490px; top: 97px; font-size: 11px; color: #ffffff; font-weight: bold; line-height: 13px}
/* END HEADER */
/* BEGIN TOP MENU */
#nav {clear: both; width: 910px; height: 27px; background-image: url(images/bg_menu_footer.gif); background-repeat: no-repeat; margin: 1px 0 0 0}
#nav ul {margin: 0 auto 0 auto; padding: 0}
#nav ul.en {width: 710px; border: 0px solid #ff0000}
#nav ul.fr {width: 710px; border: 0px solid #ff0000}
#nav li {background-image: none; float: left; list-style-image: none; list-style-type: none; margin: 0; padding: 0}
#nav a {display: block; color: #ffffff; font-size: 11px; line-height: 13px; font-weight: bold; text-decoration: none; padding: 7px 10px 7px 10px; border-right: 1px solid #ffffff}
#nav a.off {background: none}
#nav a.on {background-color: #386aa7}
/* END TOP MENU */
#wrapper {position: relative; width: 910px; padding: 0 0 10px 0}
#main {position: relative; float: left; display: inline; width: 650px; padding: 0}
/* BEGIN BREADCRUMBS - SEULEMENT UTILISER SUR LAYOUT ACCUEILS SECTION, 2-COL ET 3-COL */
#breadcrumbs {background-color: #ffffff; color: #82a0b8; font-weight: bold; font-size: 11px; line-height: 13px; padding: 10px 0 14px 10px}
#breadcrumbs a {color: #82a0b8}
/* END BREADCRUMBS - SEULEMENT UTILISER SUR LAYOUT ACCUEILS SECTION, 2-COL ET 3-COL */
/* BEGIN SEULEMENT UTILISER SUR L'ACCUEIL */
#intro {width: 650px; padding: 37px 0 26px 0}
#boiteGrille {width: 650px; margin: 0; padding: 0 0 20px 0; background-image: url(images/accu-box-back.gif); background-repeat: repeat-y; background-position: 336px 0}
#acculeft {position: relative; float: left; width: 334px}
#acculeft div {padding: 0; margin: 0 20px 0 10px}
#acculeft div h3 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px}
#acculeft div h2 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#acculeft div p {margin: 0 0 10px 0; padding: 0 0 0 12px}
#acculeft div .pic {float: right; margin: 0 0 10px 10px}
#acculeft div .titl {margin: 0 0 10px 0}
#acculeft div div {text-align: right; margin: 10px 0 20px 0}
#acculeft div div a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accuright {position: relative; float: left; width: 315px}
#accuright div {padding: 0; margin: 0 0 0 20px}
#accuright div h3 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px}
#accuright div h2 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px;}
#accuright div p {margin: 0; padding: 0 0 0 12px}
#accuright div .pic {float: right; margin: 0 0 10px 10px}
#accuright div .titl {margin: 0 0 10px 0}
#accuright div div {text-align: right; margin: 10px 0 20px 0}
#accuright div div a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
/* END SEULEMENT UTILISER SUR L'ACCUEIL */
/* BEGIN SEULEMENT UTILISER SUR LES ACCUEILS THEME/ESPACE */
#accuThemeEspaceTop {margin: 0 0 0 10px; padding: 0; width: 638px; height: 17px; background-image: url(images/themebox_top.gif); background-repeat: no-repeat}
#accuThemeEspace {margin: 0 0 0 10px; padding: 0 0 1px 0; width: 638px; background-image: url(images/themebox_middle.gif); background-repeat: repeat-y}
#accuThemeEspace div.box {padding: 0 20px 0 20px; margin: 0}
#accuThemeEspace div.box div.pic {float: right; padding: 0; margin: 0; text-align: right}
#accuThemeEspace div.box div.pic img {margin: 0 0 8px 0}
#accuThemeEspace div.box div.pic a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accuThemeEspace div.box h3 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px; font-weight: normal}
#accuThemeEspace div.box h2 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accuThemeEspace div.box p {margin: 0 0 10px 0; padding: 0 0 0 12px}
#accuThemeEspace div.box .titl {margin: 0 0 10px 0}
#accuThemeEspace div.box div.content {width: 400px; padding: 0 20px 0 0}
#accuThemeEspace hr {border: 0; height: 1px; color: #f3f4f1; background-color: #f3f4f1; margin: 0 0 10px 0}
#accuThemeEspaceBottom {margin: 0 0 10px 10px; padding: 0; width: 638px; height: 17px; background-image: url(images/themebox_bottom.gif); background-repeat: no-repeat}
/* END SEULEMENT UTILISER SUR LES ACCUEILS THEME/ESPACE */
/* BEGIN SEULEMENT UTILISER SUR LES ACCUEILS SECTION */
#introsection {width: 640px; padding: 0px 0 10px 0; margin: 0 0 0 10px}
#introsection h2 {font-size: 14px; font-weight: bold; color: #82a0b8; margin: 0; padding: 0 0 2px 0}
#introsection .pic {float: right; margin: 0 0 40px 10px}
#acculeftnonav {position: relative; float: left; width: 325px; margin: 0}
#acculeftnonav div {padding: 0 20px 20px 10px}
#acculeftnonav div h2 {color: #004e8e; padding: 0 0 5px 0}
#acculeftnonav div h4 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px; font-weight: normal}
#acculeftnonav div h3 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#acculeftnonav div p {margin: 0 0 10px 0; padding: 0}
#acculeftnonav div p.amorce {padding: 0 0 0 12px}
#acculeftnonav div p a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accurightnonav {position: relative; float: left; width: 325px}
#accurightnonav div {padding: 0 10px 20px 20px}
#accurightnonav div h2 {color: #004e8e; padding: 0 0 5px 0}
#accurightnonav div h4 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px; font-weight: normal}
#accurightnonav div h3 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accurightnonav div p {margin: 0 0 10px 0; padding: 0}
#accurightnonav div p.amorce {padding: 0 0 0 12px}
#accurightnonav div p a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
/* END SEULEMENT UTILISER SUR LES ACCUEILS SECTION */
/* BEGIN SEULEMENT UTILISER SUR LES ACCUEILS SECTION (AVEC MENU GAUCHE) */
#introsectionnav {position: relative; float: left; width: 450px; padding: 0 0 20px 0; margin: 0}
#acculeftnav {position: relative; float: left; width: 225px; margin: 0}
#acculeftnav div {padding: 0 20px 20px 0}
#acculeftnav div h2 {color: #004e8e; padding: 0 0 5px 0}
#acculeftnav div h4 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px; font-weight: normal}
#acculeftnav div h3 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#acculeftnav div p {margin: 5px 0 10px 0; padding: 0}
#acculeftnav div p.amorce {padding: 0 0 0 12px}
#acculeftnav div p a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accurightnav {position: relative; float: left; width: 225px}
#accurightnav div {padding: 0 0 20px 20px}
#accurightnav div h2 {color: #004e8e; padding: 0 0 5px 0}
#accurightnav div h4 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px; font-weight: normal}
#accurightnav div h3 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#accurightnav div p {margin: 5px 0 10px 0; padding: 0}
#accurightnav div p.amorce {padding: 0 0 0 12px}
#accurightnav div p a {font-size: 11px; padding: 0 0 0 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
/* END SEULEMENT UTILISER SUR LES ACCUEILS SECTION (AVEC MENU GAUCHE) */
/* BEGIN SEULEMENT UTILISER SUR LAYOUT 2-COL */
#content {width: 650px; margin: 0 0 0 10px}
#content .titl {display: block; margin: 0 0 0 0}
#content .left {float: left; width: 310px}
#content .right {float: right; width: 310px}
/* END SEULEMENT UTILISER SUR LAYOUT 2-COL */
/* BEGIN SEULEMENT UTILISER SUR LAYOUT 3-COL ET ACCUEILS SECTION (AVEC MENU GAUCHE) */
#mainnav {position: relative; float: left; width: 176px}
#mainnav div.box {clear: both; width: 176px; margin: 0 0 10px 0; padding: 9px 0 0 0; background-image: url(images/left_box_top.gif); background-repeat: no-repeat}
#mainnav div.box .content {padding: 0; background-color: #f3f4f1; font-size: 11px; line-height: 13px; background-image: url(images/left_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom}
#mainnav div.box .content img {display: block; margin: 0 0 0 15px}
#mainnav ul {margin: 0; padding: 0 0 10px 0}
#mainnav li {list-style-image: none; list-style-type: none; margin: 0; padding: 0}
#mainnav a {display: block; padding: 5px 3px 5px 25px; font-size: 11px; line-height: 13px; text-decoration: none; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 15px 9px}
#mainnav li ul {padding: 0}
#mainnav li ul a {padding-left: 35px; background-position: 25px 9px}
#mainnav .off {background-color: #f3f4f1; color: #06487c}
#mainnav .on {background-color: #9ab8d2; color: #ffffff}
/* END SEULEMENT UTILISER SUR LAYOUT 3-COL ET ACCUEILS SECTION (AVEC MENU GAUCHE) */
/* BEGIN SEULEMENT UTILISER SUR LAYOUT 3-COL */
#maincontent {position: relative; float: left; width: 450px; margin: 0 0 0 20px}
#maincontent .titl {display: block; margin: 0 0 0 0}
#maincontent .left {float: left; width: 210px}
#maincontent .right {float: right; width: 210px}
/* END SEULEMENT UTILISER SUR LAYOUT 3-COL */
/* BEGIN RIGHT PANEL */
#right {width: 232px; float: right; position: relative; padding: 14px 0 0 0}
#right div.box {width: 232px; margin: 0 0 14px 0; padding: 9px 0 0 0; background-image: url(images/box_top.gif); background-repeat: no-repeat}
#right div.box .content {padding: 0 0 10px 0; background-color: #f3f4f1; font-size: 11px; line-height: 13px; background-image: url(images/box_bottom.gif); background-repeat: no-repeat; background-position: left bottom}
#right div.box .content img {display: block; margin: 0 0 10px 10px}
#right div.box .content p {padding: 2px 0 5px 15px}
#right div.box .content ul {margin: 0; padding: 0 0 10px 0}
#right div.box .content li {
background-image: none;
display:inline;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#right div.box .content li a {display: block; padding: 5px 3px 5px 25px; font-size: 11px; line-height: 13px; text-decoration: none; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 15px 9px}
#right div.box .content li ul {padding: 0}
#right div.box .content li ul a {padding-left: 35px; background-position: 25px 9px}
#right div.box .content .off {background-color: #f3f4f1; color: #06487c}
#right div.box .content .on{background-color: #9ab8d2; color: #ffffff}
#right div.box .content .form {padding: 0 10px 0 10px}
#right div.box .content hr {padding: 0; margin: 5px 15px 0 15px}
/* END RIGHT PANEL */
/* BEGIN FOOTER */
#footer {clear: both; width: 910px; height: 27px; padding: 6px 0 0 0; background-image: url(images/bg_menu_footer.gif); background-repeat: no-repeat}
#footer ul {margin: 0 auto 0 auto; padding: 0}
#footer ul.en {width: 465px}
#footer ul.fr {width: 575px}
#footer li {background-image: none; float: left; list-style-image: none; list-style-type: none; margin: 0; padding: 0}
#footer a {display: block; color: #ffffff; font-size: 10px; line-height: 12px; padding: 0 10px 0 10px; border-right: 1px solid #ffffff}
#footer div {clear: both; margin: 30px 0 0 0; padding: 0; color: #00488c; font-size: 10px; text-align: center}
/* END FOOTER */
/* ------------------- END LAYOUT STYLES ------------------- */
/* ------------------- BEGIN GLOBAL STYLES ------------------- */
h1 {font-size: 14px; color: #82a0b8; margin: 0; padding: 12px 0 15px 0; text-transform: uppercase}
h2 {font-size: 16px; color: #024c8b; margin: 0; padding: 20px 0 10px 0; line-height: 20px}
h3 {font-size: 13px; color: #77a8d2; margin: 0; padding: 15px 0 10px 0}
h4 {font-size: 11px; color: #024c8b; margin: 0; padding: 10px 0 5px 0}
p {margin: 0; padding: 0 0 10px 0}
form {margin: 0; padding: 0}
img {border: none}
a:link {color: #004b8d; text-decoration : none}
a:visited {color: #004b8d; text-decoration : none}
a:hover {color: #004b8d; text-decoration : underline}
a:active {color: #004b8d; text-decoration : none}
a.arr {padding-left: 12px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
img.accuPic {float: right; margin: 0 0 20px 10px}
input,select {font-family: verdana; border: 1px solid #a5acb2; font-size: 11px}
input.button {background-color: #ffffff; color: #004b8d; font-size: 10px; font-weight: bold; padding: 1px 5px 1px 5px; border: 1px solid #a5acb2}
ul {list-style-type: none; padding: 0; margin: 0}
ul li {background-image: url(images/bullet_bleu.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0; padding: 0 0 12px 10px}
ul li ul {list-style-type: none; padding: 0; margin: 10px 0 0 20px}
div.top {padding: 10px 0 30px 0; text-align: right}
div.boite {border: 1px solid #82a0b8; padding: 5px 10px 5px 10px; background-color: #f3f4f1; margin: 10px 0 10px 0}
hr {border: 0; height: 1px; color: #82a0b8; background-color: #82a0b8; margin: 5px 0 5px 0}
table.data {width: 100%; margin: 10px 0 20px 0; border: 1px solid #d3d3d1}
table.data th {background-color: #9ab8d2; color: #ffffff; font-size: 12px; text-align: left; padding: 5px 5px 5px 5px; margin: 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #d3d3d1}
table.data td {color: #024c8b; padding: 5px 5px 5px 5px; border-width: 0 1px 1px 0; margin: 0; border-style: solid; border-color: #d3d3d1}
table.data td a {color: #82a0b8; font-weight: bold; text-decoration: underline}
table.grille {width: 95%; margin: 10px 0 20px 0; border: 1px solid #d3d3d1}
table.grille th {background-color: #9ab8d2; color: #ffffff; font-size: 12px; text-align: center; padding: 5px 5px 5px 5px; margin: 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #d3d3d1}
table.grille td {color: #024c8b; text-align: center; padding: 5px 5px 5px 5px; border-width: 0 1px 1px 0; margin: 0; border-style: solid; border-color: #d3d3d1}
table.grille td a {color: #82a0b8; font-weight: bold; text-decoration: underline}
table.grille td span {font-size: 10px}
table.grille th.na {color: #eeeeee}
table.grille td.na {color: #cccccc}
table.form {margin: 10px 0 20px 0}
table.form th {font-size: 12px; color: #024c8b; text-align: left; padding: 0 20px 2px 0; font-weight: normal}
table.form td {color: #000000; padding: 0 20px 20px 0}
img.contThumb {float: right; margin: 0 0 10px 10px}
span.note {color: #545454; font-size: 11px; font-style: italic}
fieldset {border: 1px solid #9ab8d2; padding: 0 10px 0 10px; margin: 0 0 20px 0}
legend {padding: 2px 10px 2px 10px; color: #ffffff; background-color: #9ab8d2; border: 1px solid #9ab8d2; font-weight: bold}
iframe.etudes {border: none; padding: 0; width: 650px; height: 800px; }
div.selectNav {margin: 10px}
div.selectNav select {background-color: #eeeeee}
.x01 {width: 25px}
.x02 {width: 50px}
.x03 {width: 75px}
.x04 {width: 100px}
.x05 {width: 125px}
.x06 {width: 150px}
.x07 {width: 175px}
.x08 {width: 200px}
.x09 {width: 225px}
.x10 {width: 250px}
.x11 {width: 275px}
.x12 {width: 300px}
.x13 {width: 325px}
.x14 {width: 350px}
.x15 {width: 375px}
.x16 {width: 400px}
.x17 {width: 425px}
.x18 {width: 450px}
.x19 {width: 475px}
.x20 {width: 500px}
/* ------------------- END GLOBAL STYLES ------------------- */
/* --------- BEGIN STYLE : FICHES/SSI PUBLICATION -------------- */
#publication {margin: 0}
#publication h2.fiche {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 20px}
#publication h2.fiche span {font-size: 10px; font-weight: normal}
#publication img.pubImg {float: right; margin: 0 0 10px 10px}
#publication p.sousTitre {color: #82a0b8; font-size: 11px}
#publication div.auteurs {margin: 10px 0 0 0}
#publication div.auteurs img {float: left; margin: 0 10px 10px 0}
#publication div.partenaires {width: 450px; border-width: 1px 0 0 1px; margin: 0}
#publication div.partenaires div {float: left; width: 120px; height: 120px; margin: 0 10px 10px 0; text-align: center}
#publication div.partenaires img {display: block; margin: 0 0 5px 0}
div.lstPubl {margin: 0; padding: 0 0 20px 0}
div.lstPubl h3 {color: #82a0b8; padding: 0 0 3px 12px; font-size: 11px; line-height: 13px; font-weight: normal}
div.lstPubl h2 {color: #004e8e; padding: 0 0 7px 12px; font-size: 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
div.lstPubl div {padding: 0 0 0 12px}
/* ---------- END STYLE : FICHES/SSI PUBLICATION --------------- */
/* ------------ BEGIN STYLE : FICHES/SSI VEILLE ---------------- */
#veille {margin: 0}
#veille h2.fiche {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 20px}
#veille h2.fiche span {font-size: 10px; font-weight: normal}
#veille p.sousTitre {color: #82a0b8; font-size: 11px}
#veille div.auteurs {margin: 10px 0 0 0}
#veille div.auteurs img {float: left; margin: 0 10px 10px 0}
/* ------------- END STYLE : FICHES/SSI VEILLE ----------------- */
/* ------------ BEGIN STYLE : FICHES/SSI PROJET ---------------- */
#projet {margin: 0}
#projet h2.projet {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 22px}
#projet h2.projet span {color: #82a0b8; font-size: 11px}
#projet img.projImg {float: right; margin: 0 0 10px 10px}
#projet table.lst {width: 600px; margin: 0 0 0 0}
#projet table.lst th {width: 150px; padding: 0 0 10px 0; text-align: left; font-weight: normal}
#projet table.lst td {padding: 0 0 10px 10px}
#projet div.partenaires {width: 450px; border-width: 1px 0 0 1px; margin: 0}
#projet div.partenaires div {float: left; width: 120px; height: 120px; margin: 0 10px 10px 0; text-align: center}
#projet div.partenaires img {display: block; margin: 0 0 5px 0}
/* ------------- END STYLE : FICHES/SSI PROJET ----------------- */
/* ----------- BEGIN STYLE : FICHES/SSI ACTIVITE --------------- */
#activite {margin: 0}
#activite h4 {padding: 10px 0 2px 0}
#activite h2.activite {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 22px}
#activite h2.activite span {color: #82a0b8; font-size: 11px}
#activite p.sousTitre {color: #82a0b8; font-size: 11px}
#activite table.lst {width: 450px; margin: 0 0 0 0}
#activite table.lst th {padding: 5px 20px 5px 0; text-align: left; color: #024c8b}
#activite table.lst td {padding: 5px 20px 5px 0}
#activite div.conf {width: 450px; margin: 0}
#activite div.conf img {float: right; margin: 0 0 20px 10px}
#activite div.partenaires {width: 450px; border-width: 1px 0 0 1px; margin: 0}
#activite div.partenaires div {float: left; width: 120px; height: 120px; margin: 0 10px 10px 0; text-align: center}
#activite div.partenaires img {display: block; margin: 0 0 5px 0}
/* ------------ END STYLE : FICHES/SSI ACTIVITE ---------------- */
/* ------------ BEGIN STYLE : LISTE ACTIVITES ---------------- */
#lstactivites {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #d3d3d1}
#lstactivites h3 {font-size: 11px; color: #82a0b8; margin: 0; padding: 0 0 3px 12px; line-height: 16px}
#lstactivites h2 {font-size: 12px; color: #024c8b; margin: 0; padding: 0 0 7px 12px; line-height: 14px; background-image: url(images/bullet_fleche.gif); background-repeat: no-repeat; background-position: 0 5px}
#lstactivites p {padding: 0 0 0 12px}
#lstactivites table {width: 440px; margin: 10px 0 0 12px}
#lstactivites table th {width: 50%; padding: 5px 20px 0 0; text-align: left; color: #82a0b8}
#lstactivites table td {width: 50%; padding: 5px 20px 5px 0}
/* ------------- END STYLE : LISTE ACTIVITES ----------------- */
/* ------------ BEGIN STYLE : LISTE ACTIVITES ---------------- */
#lstactivitespart {margin: 0 0 20px 0; padding: 20px 0 0 0; border-top: 1px solid #d3d3d1}
#lstactivitespart h2 {font-size: 12px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 14px}
#lstactivitespart h3 {font-size: 11px; color: #82a0b8; margin: 0; padding: 0 0 15px 0; line-height: 16px}
#lstactivitespart p {padding: 0 0 10px 0}
/* ------------- END STYLE : LISTE ACTIVITES ----------------- */
/* -------------- BEGIN STYLE : LISTES BIOS ----------------- */
#lstbio {margin: 0 20px 10px 0; padding: 10px 0 0 0}
#lstbio h3 {font-weight: normal; margin: 0; padding: 0 0 2px 0}
#lstbio p {margin: 0; padding: 0 0 5px 0}
/* --------------- END STYLE : LISTES BIOS ------------------ */
/* -------------- BEGIN STYLE : FICHE BIO ----------------- */
#bio {margin: 0; padding: 20px 0 0 0}
#bio img.bio {float: left; margin: 0 15px 10px 0}
#bio div {margin: 0; padding: 0}
#bio div h2 {margin: 0; padding: 0 0 2px 0}
#bio div p {margin: 0; padding: 0 0 5px 0}
/* --------------- END STYLE : FICHE BIO ------------------ */
/* ------------ BEGIN STYLE : FICHE SALLE DE PRESSE ---------------- */
#nouv {margin: 0}
#nouv h2 {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 22px}
#nouv h3 {font-size: 11px; color: #82a0b8; margin: 0; padding: 0 0 15px 0; line-height: 16px}
#nouv div.thirty {text-align: center; margin: 10px 0 20px 0}
#nouv div.img {float: right; margin: 0 0 10px 20px; padding: 0; text-align: center}
#nouv div.img span {display: block; font-size: 10px; margin: 0; padding: 5px 0 0 0; text-align: center}
/* ------------- END STYLE : FICHE SALLE DE PRESSE ----------------- */
/* ------------ BEGIN STYLE : LISTE SALLE DE PRESSE ---------------- */
#lstNouv {width: 450px; margin: 0; padding: 0}
#lstNouv table {padding: 0; margin: 0}
#lstNouv table th {padding: 5px 0 5px 10px; font-weight: normal; text-align: left; white-space: nowrap; background-image: url(images/bullet_bleu.gif); background-repeat: no-repeat; background-position: 0 11px}
#lstNouv table td {padding: 5px 0 5px 5px}
/* ------------- END STYLE : LISTE SALLE DE PRESSE ----------------- */
/* ---------- BEGIN PLAN DU SITE -------------- */
ul.lvl1 {background-color: #fff; margin: 20px 40px 0 0}
ul.lvl1 li {font-style: none; font-weight: bold; font-size: 15px; background-image: none; margin: 0; padding: 0 0 12px 0}
ul.lvl1 li a {display: block; border-bottom: 1px solid #004b8d}
ul.lvl1 li a:hover {text-decoration: none}
ul.lvl2 {background-color: #fff}
ul.lvl2 li {font-style: none; font-weight: normal; font-size: 13px; background-image: url(images/bullet_bleu.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0; padding: 0 0 12px 10px}
ul.lvl2 li a {display: block; border-bottom: 0px solid #004b8d}
ul.lvl2 li a:hover {text-decoration: underline}
ul.lvl3 {background-color: #fff}
ul.lvl3 li {font-style: italic; font-weight: normal; font-size: 11px; background-image: url(images/bullet_bleu.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0; padding: 0 0 12px 10px}
ul.lvl3 li a {display: block; border-bottom: 0px solid #004b8d}
ul.lvl3 li a:hover {text-decoration: underline}
/* ----------- END PLAN DU SITE --------------- */
/* --------------- BEGIN TMT VALIDATOR STYLES -------------- */
.invalid {background-color: #ffffd9; border: 1px solid #BB0000}
/*
Requires modification to /js/script_tmt_validator.js
OLD: var strongNode = document.createElement("strong");
NEW: var strongNode = document.createElement("div");
*/
label div {background-image: url(images/alert.gif); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0 20px; color: #790000}
/* ---------------- END TMT VALIDATOR STYLES --------------- */
/* ------------------- BEGIN POPUP ORGCHART --------------------- */
#orgchart {width: 800px; height: 600px; background-color: #ffffff; text-align: center; display: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; z-index: 999; border: 1px solid #000000}
#orgchart #pop-close {height: 25px; background-color: #c8c3b7; text-align: right; padding: 0; margin: 0; border-bottom: 1px solid #000000; background-image: url(images/cefrio-mini-logo.gif); background-repeat: no-repeat; background-position: 5px 4px}
#orgchart #pop-close a {display: block; margin: 0; padding: 5px; color: #ffffff; font-size: 12px; font-weight: bold}
#orgchart #container {padding: 0; margin: 0; width: 800px; height: 575px; overflow: auto;}
#orgchart #container div.content {padding: 20px}
/* ------------------- END POPUP ORGCHART --------------------- */
/* ---------- BEGIN POPUP SOMMARIE PRODUIT -------------- */
#produit {width: 480px; height: 320px; background-color: #ffffff; display: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; z-index: 999; border: 1px solid #000000}
#produit #pop-close {height: 25px; background-color: #c8c3b7; text-align: right; padding: 0; margin: 0; border-bottom: 1px solid #000000; background-image: url(images/cefrio-mini-logo.gif); background-repeat: no-repeat; background-position: 5px 4px}
#produit #pop-close a {display: block; margin: 0; padding: 5px; color: #ffffff; font-size: 12px; font-weight: bold}
#produit #pop-container {padding: 0; margin: 0; width: 480px; height: 295px; overflow: auto;}
#produit #pop-container div.content {padding: 20px}
#produit h2 {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 20px}
#produit h2 span {font-size: 10px; font-weight: normal}
#produit img.pubImg {float: right; margin: 0 0 10px 10px}
#produit p.sousTitre {color: #82a0b8; font-size: 11px}
#produit div.auteurs {margin: 10px 0 0 0}
#produit div.auteurs img {float: left; margin: 0 10px 10px 0}
/* ----------- END POPUP SOMMARIE PRODUIT --------------- */
/* ---------- BEGIN POPUP AJOUT MEMBRE -------------- */
#ajoutMemb {width: 500px; height: 450px; background-color: #ffffff; display: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; z-index: 999; border: 1px solid #000000}
#ajoutMemb #pop-close {height: 25px; background-color: #c8c3b7; text-align: right; padding: 0; margin: 0; border-bottom: 1px solid #000000; background-image: url(images/cefrio-mini-logo.gif); background-repeat: no-repeat; background-position: 5px 4px}
#ajoutMemb #pop-close a {display: block; margin: 0; padding: 5px; color: #ffffff; font-size: 12px; font-weight: bold}
#ajoutMemb #pop-container {padding: 0; margin: 0; width: 500px; height: 425px; overflow: auto;}
#ajoutMemb #pop-container div.content {padding: 20px}
#ajoutMemb #pop-results {display: none; padding: 20px}
#ajoutMemb h2 {font-size: 14px; color: #024c8b; margin: 0; padding: 0 0 5px 0; line-height: 20px}
/* ----------- END POPUP AJOUT MEMBRE --------------- */
/* ---------- BEGIN BOITE LOGIN -------------- */
#form_login_id {padding: 0; margin: 0}
#login_box {width:100%; line-height: 1.2em; border-collapse: collapse}
#login_box tr td.label {text-align: right; white-space: nowrap}
#login_message {color: #ff0000; font-weight: bold; padding: 0 15px 5px 15px}
/* ---------- END BOITE LOGIN -------------- */
div.shaderdiv {display: none; background-color: #000000; position: absolute; top: 0px; left: 0px; filter: alpha(opacity=60); -moz-opacity: .60; z-index: 1}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%}
.clearfix{display: block}
/* End hide from IE-mac */
div.navigation div.alignleft{padding-bottom:10px;}