@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px;}

img { border:0px;}

ul {
  list-style:none;
	margin:0px;
	padding:0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background:#FFFFFF;
}

#global {
  position:relative;
  margin:0px auto 0px auto;
	width:660px;
	background-color:#FFFFFF;
}

a       { color:#653A71; text-decoration:none;}
a:hover { text-decoration:underline;}

.textMainColor1        { color:#653A71;} /* Violet base */
.textMainColor2        { color:#4C325B;} /* Violet foncé */
.textMainReverseColor1 { color:#CC88DD;} /* Violet clair */
.textAxeColor1         { color:#FF7F00;} /* Orange */
.textAxeColor2         { color:#0060B6;} /* turquoise */
.textAxeColor3         { color:#C0C000;} /* Vert clair lime */

/******************************************************************************/
/* Header de la page ne contenant pas le Menu principal DEBUT                 */
#header { height:124px;	width:660px;}

/*==================== Header (banniere) DEBUT ===============================*/
#headerLogo {
  position:absolute;
	top:10px;
	left:20px;
	width:235px;
	height:104px;
}
#headerMenu {
	display:none;
}
#menuLayout { 
  display:none; 
}
/*==================== Header (banniere) FIN =================================*/
/* Header de la page  ne contenant pas le Menu principal FIN                  */
/******************************************************************************/

/******************************************************************************/
/* Contenu de la page DEBUT                                                   */
#page {
	height:auto;
	width:660px;
}
.mainLayout {}
.mainLayout td            { vertical-align:top; padding-top:24px;}
.mainLayout .borderV      { width:0px;} 
.mainLayout .mainColmerge { width:660px;}
.mainLayout .leftCol      { width:0px; display:none;} 
.mainLayout .sepV         { width:28px;}
.mainLayout .mainCol      { width:660px;} 
.mainLayout .rightCol     { width:0px; display:none;}

input.sessionInput  { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:1px solid #B2B2B2; padding-left:2px}
input.sessionButton {}

/*==================== Contenu de la colonne fusionnée (index) DEBUT =========*/
#indexMainAnim                { width:660px;}
.indexInfo                    { width:660px; margin-top:15px;}
.indexInfo .mainNewsEvents    { width:660px;}
.indexInfo .mainNewsEvents td { padding-top:0px; width:220px;}
/*==================== Contenu de la colonne fusionnée (index) FIN ===========*/

/*==================== Contenu de la colonne de Gauche DEBUT =================*/
.leftCol .infoBox {}
.leftCol .infoBox .blocTitle {  font-size:18px;}
.leftCol .infoBox .blocInfo {}

.leftCol .sepVLeftCol { background-color:#BBBDBF; width:160px; height:1px;}

.leftColMenu                          { font-family:Arial, Helvetica, sans-serif}
.leftColMenu .menuTitle               { width:160px; border-bottom:1px solid #8C8C8C; color:#8C8C8C; font-size:16px;}
.leftColMenu .menuTitle .menuTxtTitle { margin-left:28px;}
.leftColMenu .menuItems               { padding-top:5px; color:#8C8C8C;}
.leftColMenu .menuItems p             { display:block; padding:2px 0px 2px 28px;}
.leftColMenu .menuItems a             { display:block; text-decoration:none; padding:2px 0px 2px 28px;}
.leftColMenu .menuItems a:hover       { background-color:#E6E6E6;}

.typeAxeQX { background-color:#00CC99;}
.typePubQX { background-color:#CC99FF;}

/*==================== Contenu de la colonne de Gauche FIN ===================*/

/*==================== Contenu de la colonne de Droite DEBUT =================*/
.rightCol .infoBox            { font-family:Arial, Helvetica, sans-serif;}
.rightCol .infoBox .blocTitle { font-size:18px; color:#B2B2B2; font-weight:bold;}
.rightCol .infoBox .blocInfo  { padding-top:6px;}
.rightCol .infoBox td         { padding:0px;} 

.rightCol .sepVRightCol { background-color:#BBBDBF; width:195px; height:1px;}

.rightCol .sessionSec .switchAutMdp { padding-top:4px;}

.rightCol input.sessionInput  { width:65px;}
.rightCol input.sessionButton { width:20px;}

.rightCol a.beMember, .rightCol a.newsLetter,
.rightCol a.beMember img, .rightCol a.newsLetter img {
  display:block;
	height:51px;
}

.rightCol a.beMember:hover, .rightCol a.newsLetter:hover          { visibility: visible;}
.rightCol a.beMember:hover  img, .rightCol a.newsLetter:hover img { visibility: hidden;}
/*==================== Contenu de la colonne de Droite FIN ===================*/

/*==================== Contenu de la colonne centrale DEBUT ==================*/
/* fonctionne aussi pour la colonne fusionné des résultats de publication */
.mainCol .blocPathWay, .mainColmerge .blocPathWay  { font-size:10px; color:#8C8C8C;}
 
.mainCol .blocTitle, .mainColmerge .blocTitle        { margin-top:10px; margin-bottom:20px;}
.mainCol .blocTitle h1, .mainColmerge .blocTitle h1  { font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; letter-spacing:1px;}
.mainCol .blocSubTitleN1    { margin-top:0px; margin-bottom:15px;}
.mainCol .blocSubTitleN1 h1 { font-size:16px; font-weight:bold;}
.mainCol .blocSubTitleN1    { margin-top:0px; margin-bottom:15px;}
.mainCol .blocSubTitleN1 h2 { font-size:13px; color:#00AABE; font-weight:bold;}
.mainCol .blocSubTitleN2    { margin-top:2px; margin-bottom:2px;}
.mainCol .blocSubTitleN2 h3 { font-size:12px; color:#333333; font-weight:bold;}
.mainCol .blocSubTitleN3    { margin-top:0px; margin-bottom:15px;}
.mainCol .blocSubTitleN3 h1 { font-size:18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.mainCol .blocSubTitleN3    { margin-top:0px; margin-bottom:15px;}
.mainCol .blocSubTitleN3 h1 { font-size:18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.mainCol .blocInfo    {}
.mainCol .infoBox td  { padding:0px;} 
.mainCol .headerText  { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; padding-bottom:10px;}
.mainCol .blocPara    { padding-top:4px; padding-bottom:12px;}

.mainCol ul.bulletList-1-N1    { padding-left:30px; list-style:disc; margin-top:4px; padding-bottom:12px;}
.mainCol ul.bulletList-1-N1 li { margin-left:0px; padding-top:0px; padding-bottom:2px;}
.mainCol ul.bulletList-2-N1    { padding-left:22px; list-style-image:url(../../_img/commun/bulletWhiteN1-line.gif); margin-left:20px; border-left:4px solid #CCCCCC; margin-top:10px; margin-bottom:14px;}
.mainCol ul.bulletList-2-N1 li { margin-left:0px; padding:0px;}
.mainCol ul.siteMap ul         { padding-left:20px;}

.mainCol .blocError         { color:#FF0000;}
.mainCol #errorMessage      { margin-bottom:14px; margin-top:14px; color:#FF0000;}
.mainCol #errorMessage2     { margin-bottom:10px; color:#FF0000;}

.mainCol .citation { margin-left:20px; padding-left:10px; border-left:4px solid #CCCCCC; font-style:italic;}

.mainCol .dateVersion { color:#8C8C8C; font-size:11px; font-weight:normal;}

.mainCol .internalNav    { margin-top:14px; padding-bottom:12px; color:#CCCCCC; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.mainCol .internalNavPrj { margin-top:14px; padding-bottom:12px; color:#CCCCCC; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.mainCol .currentAxeNav  { color:#8C8C8C;}

.mainCol .pageTop { width:490px; text-align:right; font-size:10px;}

.mainCol .infoTitle { font-size:13px; color:#00A0C6; font-weight:bold; text-decoration:none; padding-top:4px;}
.mainCol .infoDate  { color:#8C8C8C; font-size:11px; font-weight:normal;}
/* champs de formulaire commun */
.memberTab textarea, .memberTab input, .memberTab select,
.contactTab textarea, .contactTab input, .contactTab select,
.aboTab textarea, .aboTab input, .aboTab select  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border:1px solid #B2B2B2; padding:1px 0px 1px 2px;}/*8C8C8C*/
.memberTab input.memberButton, .memberTab input.memberCheck,
.contactTab input.contactButton, .aboTab input.aboButton { border:0px;}
.memberTab textarea { height:100px;}
.contactTab textarea { height:60px}

/*-------------------- Colonne centrale Login DEBUT --------------------------*/
.mainCol .sessionAut { margin-top:10px;}

.mainCol input.sessionInput  { width:100px;}
.mainCol input.sessionButton { width:20px;}
/*-------------------- Colonne centrale Login FIN ----------------------------*/

/*-------------------- Colonne centrale Nouvelles Evenements DEBUT -----------*/
.mainCol .blocNewsEvents .neTitle        { font-size:13px; color:#00A0C6; font-weight:bold; text-decoration:none; padding-top:0px; padding-bottom:0px}
.mainCol .blocNewsEvents .neText         { padding-bottom:0px;}
.mainCol .blocNewsEvents .neTitle a      { color:#00A0C6; text-decoration:none;}
.mainCol .blocNewsEvents .neTitlea:hover { text-decoration:underline;}
.mainCol .blocNewsEvents .neDate         { color:#8C8C8C; font-size:11px; font-weight:normal;}
/*-------------------- Colonne centrale Nouvelles Evenements FIN -------------*/

/*-------------------- Colonne centrale Membres DEBUT ------------------------*/
/* valable aussi pour Mon profil*/
.memberTab           { width:494px;}
.memberTab td        { padding:0px; vertical-align:middle;}
.memberTab td.label1, .memberTab td.label2, .memberTab td.label4, .memberTab td.label5, .memberTab td.label6 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#8C8C8C;
}
.memberTab td.label4, .memberTab td.label5 { text-align:left;}
.memberTab .innerTab tr, .memberTab .innerTabLogin tr, .memberTab .innerTabPwd tr{ height:24px;}

.memberTab .sepV             { width:14px;}
.memberTab .send             { text-align:right;}
.memberTab .message          { font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:top; font-size:10px; padding-top:0px;}
.memberTab .innerTabLogin td { vertical-align:top;}
.memberTab #blocPwd          { display:none;}
.memberTab .membershipAlert  { padding:10px 10px 0px 10px;}
/*-------------------- Colonne centrale Membres FIN --------------------------*/

/*-------------------- Colonne centrale Contact DEBUT ------------------------*/
.contactTab            { width:494px;}
.contactTab td         { padding:0px; vertical-align:middle;}

.contactTab td.sepV    { width:14px;}
.contactTab td.label1,
.contactTab td.label2,
.contactTab td.label3  {
  text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#8C8C8C;
}

.contactTab .innerContactTab tr { height:24px;}
.contactTab .send               { text-align:right; vertical-align:bottom; height:30px;}
/*-------------------- Colonne centrale Contact FIN --------------------------*/

/*-------------------- Colonne centrale Publications DEBUT -------------------*/
.searchPubTab           { width:494px;}
.searchPubTab td        { padding-top:2px; padding-bottom:2px; vertical-align:top;}
.searchPubTab td.sepV   { width:34px;}
.searchPubTab td.allPub { text-align:right;}

.searchPubTab .borderTop    { border-top:1px solid #CCCCCC;}
.searchPubTab .borderBottom { border-bottom:1px solid #CCCCCC;}

.searchPubTab input.text     { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border:1px solid #B2B2B2; padding-left:2px}/*8C8C8C*/
.searchPubTab input.autTitle { width:200px;}
.searchPubTab input.year     { width:50px;}

.searchPubTab .criteraLeft           { width:240px;}
.searchPubTab .criteraRight          { width:220px;}
.searchPubTab .criteraLeft td,
.searchPubTab .criteraRight td       { padding-top:0px; padding-bottom:0px; height:20px; vertical-align:middle;}
.searchPubTab .critTitle, .searchPubTab .critTitleAut,
.searchPubTab .critTitleAut2         { color:#8C8C8C; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; height:20px;}
.searchPubTab .critTitleAut          { vertical-align:bottom; height:24px; }
.searchPubTab .critInputAut          { vertical-align:top;}
.searchPubTab .criteraLeft td.sepH,
.searchPubTab .criteraRight td.sepH  { height:26px;}
.searchPubTab .criteraRight td.sepH2 { height:44px;}

.resultHeader                       { width:100%;}
.resultHeader td                    { padding-top:0px; padding-bottom:2px;}
.resultHeader td.tabTitle           { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#8C8C8C; width:200px;}
.resultHeader td.allPub             { text-align:right;}

.resultPubTab                       { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.resultPubTab tr.lineOdd            { background-color:#FFFFFF;}
.resultPubTab tr.lineEven           { background-color:#F2F2F2;}
.resultPubTab td, .resultPubTab th  { padding-top:0px; vertical-align:top; text-align:left;}
.resultPubTab th                    { padding-bottom:6px; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; background-color:#E6E6E6; border-top:1px solid #CCCCCC;}
.resultPubTab td                    { padding-top:4px; padding-bottom:4px;}
.resultPubTab th.link,
.resultPubTab td.link               { text-align:center; width:95px;}
.resultPubTab th.qualWork,
.resultPubTab td.qualWork           { width:55px;}

.resultPubTab td.qualWork,
.resultFooter td.qualWork           { text-align:center; vertical-align:middle; width:55px;}
.resultFooter                       { width:100%;}
.resultFooter td                    { vertical-align:middle; padding-top:0px; height:24px; border-top:1px solid #CCCCCC;}
.resultFooter td.legend             { }
.resultFooter td.page               { vertical-align:middle; text-align:right; color:#CCCCCC;}

/*-------------------- Colonne centrale Publications FIN ---------------------*/

/*-------------------- Colonne centrale Partenaires DEBUT --------------------*/
.logoPartners { width:240px;}
.blocPartners { margin-top:10px;}

.logosPartnersTab { width:494px;}
.logosPartnersTab td { vertical-align:bottom;}
.logosPartnersTab td.l1, 
.logosPartnersTab td.l2, 
.logosPartnersTab td.l3 { width:150px;}
.logosPartnersTab td.sepV { width:20px;}

/*-------------------- Colonne centrale Partenaires FIN ----------------------*/

/*-------------------- Colonne centrale Confidentialité DEBUT ----------------*/
dl { margin-top:10px;}
dt { font-weight:bold; margin-top:4px;}
dd { margin-left:20px;}
/*-------------------- Colonne centrale Confidentialité FIN ------------------*/

/*-------------------- Colonne centrale Salle de presse DEBUT ----------------*/
#pictures .photos td { width:160px; padding:0px;}
/*-------------------- Colonne centrale Salle de presse FIN ------------------*/

/*-------------------- Colonne centrale Plan du site DEBUT -------------------*/
.mainCol .sectionTitle { font-size:13px; color:#00A0C6; font-weight:bold; text-decoration:none; padding-top:4px;}
.mainCol .mapText  { color:#8C8C8C; font-size:11px; font-weight:normal;}
/*-------------------- Colonne centrale Plan du site FIN ---------------------*/

/*-------------------- Colonne centrale Membres  DEBUT -----------------------*/
.alphaNav { margin-top:7px; color:#CCCCCC;}
.letter { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#CCCCCC; margin-top:10px; margin-bottom:4px;}
/*-------------------- Colonne centrale Membres  FIN -------------------------*/

/*-------------------- Colonne centrale QUAZETTE DEBUT -----------------------*/
.mainCol .aboTab {}
.mainCol .aboTab tr { height:24px;}
.mainCol .aboTab td { padding-top:0px;}
.aboTab td.label1 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#8C8C8C;
}
/*-------------------- Colonne centrale QUAZETTE FIN -------------------------*/

/*-------------------- Colonne centrale Liens DEBUT --------------------------*/
.mainCol .linkTitle          { font-size:11px; font-weight:bold; text-decoration:none; padding-top:0px; padding-bottom:0px}/*color:#00A0C6;13px*/
.mainCol .linkTitle a        {  text-decoration:none;}/*color:#00A0C6;*/
.mainCol .linkTitle a:hover  { text-decoration:underline;}
/*-------------------- Colonne centrale Liens FIN ----------------------------*/

/*-------------------- Colonne centrale Projets et travaux DEBUT -------------*/
.mainCol .projectList             { width:550px; margin-top:20px;}
.mainCol .projectList td          { padding-top:0px; vertical-align:top;}
.mainCol .projectList td.prjTitle { padding:0px 0px 10px 0px;}
.mainCol .prjListTitle            { font-weight:bold; color:#653A71; border-bottom:1px #B2B2B2 solid; padding:0px 0px 4px 0px; font-size:13px;}
.mainCol .prjListLogo             { width:180px;}
.mainCol .prjListDescription      { }
.mainCol .prjListMicro            { margin-top:8px; margin-bottom:10px; width:100%; text-align:right;}

/*-------------------- Colonne centrale Projets et travaux FIN ---------------*/

/*-------------------- Colonne centrale Mes Projets DEBUT --------------------*/
.mainCol .myProjectsList         { margin-top:10px;}
.mainCol .myProjectsList a       { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}
.mainCol .myProjectsList a:hover { text-decoration:underline;}

/*-------------------- Colonne centrale Mes Projets FIN ----------------------*/

/*==================== Contenu de la colonne centrale FIN ====================*/

/*==================== Contenu de la colonne gauche/centrale (index) DEBUT ===*/
.mainColmerge .mainNewsEvents { width:660px;}

.blocNewsEventsHome   { font-family:Arial, Helvetica, sans-serif; width:440px;}

.blocNewsEventsHome .newsHomeTitle          { vertical-align:top;}
.blocNewsEventsHome .newsHomeTitleText      { font-weight:bold; font-size:16px; color:#653971;}
.blocNewsEventsHome .newsEventsList         { width:415px; padding-top:5px;border-top:1px solid #BBBBBB; margin-top:5px}
.blocNewsEventsHome .newsEventsList p       { padding-bottom:6px;}
.blocNewsEventsHome .newsEventsList a       { color:#00A0C6; font-weight:bold; text-decoration:none;}
.blocNewsEventsHome .newsEventsList a:hover { text-decoration:underline;}
.blocNewsEventsHome .newsEventsDate         { color:#8C8C8C; font-size:9px;}
.blocNewsEventsHome .newsEventsLink         { width:190px;  padding-top:4px;}
/*==================== Contenu de la colonne gauche/centrale (index) FIN =====*/

/* Contenu de la page FIN                                                     */
/******************************************************************************/

/******************************************************************************/
/* Footer de la page DEBUT                                                    */
#footer {
	height:40px;
	width:905px;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B2B2B2;
	background-color:#FFFFFF;
	display:none;
}
#footer .footerInfo	{ width:400px; float:left; padding-left:20px; margin-top:15px;}
#footer .footerMenu { text-align:right; width:400px; float:right; clear:none; padding-right:20px; margin-top:15px;}

#footer a.footerLink { color:#B2B2B2; text-decoration:none;}
#footer a.footerLink:hover { color:#653A71; text-decoration:underline;}
/* Footer de la page FIN                                                      */
/******************************************************************************/