/* BEGIN Eléments de base */
body { margin: 5px 0px 5px; color: #00386F; font-family: Arial; font-size: 12px; text-align: justify; background: url(/images/common/tunnel/fond.jpg) repeat-x;}
/* END Eléments de base */

/* BEGIN Structure de base des pages */
#container {
	width: 978px;
	margin: 0 auto;
	border: 1px solid #00386F;
	background: #FFF url(/images/common/nav/bg_menu.jpg) repeat-y;
}
#contents { width: 715px; margin: 0; padding-left: 0 0 0 0; float: left; }
#header { width: 100%; height: 100px; padding:0 ; margin:0 ; }
#bodyHeight { display:block; float:left; width:1px; height:320px; }
#footer { width: 100%; clear: left; height: 19px; padding: 0; margin :0; background: url(/images/common/nav/bg_bottom.gif) repeat; }
/* END Structure de base des pages */

/* éléments répétés */
img.bordered  { border: 1px solid #00386F; }
.centred { text-align: center; }
.fleche { width: 650px; }
.fleche li { background: url(/images/common/nav/liste_type_fleche.gif) no-repeat; padding-left:20px; margin-bottom: 10px; list-style:none; }
.hidden { visibility: hidden; }

#loginPageDiv { margin: 0 auto ; width: 600px; }

/* BEGIN -- communs */
p  { width: 700px; padding: 10px 0px; }
a { color: #00386F; font-weight: bold; }
a:hover { color: #6B99C5; font-weight: bold; }
h1 { background: url(/images/common/bg_h1.gif) repeat; width: 700px; height: auto; padding: 3px; margin-bottom: 20px; font-size: 16px; clear: both; color: #00386F; font-family: trebuchet MS; }
h2 { background: url(/images/common/bg_h2.gif) repeat; width: 700px; height: auto; padding: 2px; margin: 15px 0; font-size: 14px; clear: both; font-family: trebuchet MS; color: #4C739A; }
h3 { background-color: #FFEB66; width: 560px; padding: 2px; margin-bottom: 15px; font-size: 13px; color: #316ACF; font-family: trebuchet MS; }
h4 { background-color: #FFF5B3; width: 560px; padding: 2px; margin-bottom: 10px; font-size: 12px; color: #316ACF; clear: left; font-family: trebuchet MS; }
h6 {font-size: 10px; font-weight: bold; }
ul { margin-right: 10px; display: block; }
ul li { list-style-type: disc;}
ol { margin-right: 10px; display: block; }
ol li { list-style-type: decimal;}
/*table { border: 1px solid #316ACF; border-collapse : collapse; }
td { border: 1px solid #316ACF;	padding: 3px; text-align: center;}*/
form { 	margin:0; padding:0; height:auto; }
/* END -- communs */

/* BEGIN -- Contenu header */
#header #searchDiv { width: auto; height: 53px; }
#printDiv {  width: auto; height: 13px; clear: left; overflow: hidden; }
/* BEGIN BT Impression */
#printButton { display: block; width: 90px; height: 13px; float: right; margin: 0; padding: 0;}
/* END BT Impression */

/* BEGIN -- Contenu header */

/* BEGIN -- Contenu footer*/
#condition { float: right; display: inline; }
#charte { float: right; display: inline;}
#footer a { color: #E6EBF1; font-weight: bold; font-size: 11px;  text-decoration: none; margin: 5px 5px 0 0; }
#footer a:hover { color: #FFF;}
#spacer { background: url(/images/common/nav/middle_link.gif) no-repeat; width: 37px; height: 12px; float: right; }

#toolBar { margin: 0; padding: 0 0 0 30px; height: 29px; }
#toolBar a { float: left; }
#glossary { background: url(/images/common/nav/bt_glossary.gif) no-repeat; width: 26px; height: 26px; margin: 3px 0 0 8px; display: block;}
#glossary:hover { background: url(/images/common/nav/bt_glossary-over.gif); }
#faq {background: url(/images/common/nav/bt_faq.gif) no-repeat; width: 26px; height: 26px; margin: 3px 0 0 8px; display: block;}
#faq:hover {background: url(/images/common/nav/bt_faq-over.gif); }
#link {background: url(/images/common/nav/bt_link.gif) no-repeat; width: 26px; height: 26px; margin: 3px 0 0 8px; display: block;}
#link:hover {background: url(/images/common/nav/bt_link-over.gif); }
#presentSite {background: url(/images/common/nav/bt_present.gif) no-repeat; width: 26px; height: 26px; margin: 3px 0 0 8px; display: block;}
#presentSite:hover {background: url(/images/common/nav/bt_present-over.gif); }
#sitemap {background: url(/images/common/nav/bt_sitemap.gif) no-repeat; width: 26px; height: 26px; margin: 3px 0 0 8px; display: block;}
#sitemap:hover {background: url(/images/common/nav/bt_sitemap-over.gif); }
/* END -- Contenu footer */

/* BEGIN Page tunnel */
#body-style-siteWelcomeScreen { width: 100%; height: 100%; margin: 0; padding: 0; }
/*#siteWelcomeScreen { width: 100%; height: 100%; }*/
#contentsPopup_siteWelcomeScreen { width: 100%; height: 100%; margin: 0 auto; }
#contentsPopup_siteWelcomeScreen table { width: 100%; height: 100%; margin: 0; padding:0; text-align: center; border: 0 none; }
#contentsPopup_siteWelcomeScreen table td { padding:0; text-align: center; }
#contentsWelcomeScreen { width: 100%; height: 450px; background: url(/images/common/tunnel/bg_tunnel.gif) repeat; border-top: 5px solid #5A92CD; border-bottom: 5px solid #5A92CD; }
#contentsTunnel { width: 750px; height: auto; margin: 0; padding: 0; }
#top { width: 750px; height: 250px; margin:0; padding: 0; }
#top01 { background: url(/images/common/tunnel/top_01.jpg) repeat; width: 750px; height: 130px; text-align: right;}
#logo { width: 86px; height: 33px; margin-top: 90px; margin-right: 35px; }
#top02 { background: url(/images/common/tunnel/top_02.gif) repeat; width: 748px; height: 17px; text-align: center;}
#middle { background: url(/images/common/tunnel/middle.jpg) repeat; width: 760px; height: 136px; }
#yeux { background: url(/images/common/tunnel/yeux.gif) repeat; width: 213px; height: 45px; text-align: left; margin-left: 151px; }
#bottom { width: 780px; height: 165px; }
.enterTunnel { background: url(/images/common/tunnel/bt_entrer.gif) no-repeat; display: block; width: 163px; height: 32px; margin-left: 510px;}
.enterTunnel:hover {background: url(/images/common/tunnel/bt_entrer-over.gif) no-repeat; }
#www { background: url(/images/common/tunnel/www.gif) no-repeat; width: 551px; height: 53px; float: left; margin-top: 26px; display:block; }
#flashDetect { width: 209px; float: right; display:block; margin-top: 53px; text-align: right; padding: 0; }
/* END Page tunnel */

/* BEGIN BT Haut de page */
.backTop { background: url(/images/common/nav/top.gif) no-repeat; display: block; width: 85px; height: 15px; clear: both; float:right; margin: 15px 0;}
.backTop:hover { background-position: bottom; }

.backTopEn { background: url(/images/common/nav/top_en.gif) no-repeat; display: block; width: 40px; height: 15px; clear: both; float:right; margin: 15px 0;}
.backTopEn:hover { background-position: bottom; }
/* END BT Haut de page */

/* BEGIN BT Haut de page */
.backTopSpec { margin: 0px 10px 0px 10px; }
#select { margin: 0px 10px 0px 10px; width: 150px; height: 18px; text-align:center; }
/* END BT Haut de page */

/* BEGIN BT Page suivante */
.next { background: url(/images/common/next-page.gif) no-repeat; width: 122px; height: 18px; display: block; margin:0px; }
.next:hover {background: url(/images/common/next-page-over.gif) no-repeat; }
/* END BT Page suivante */

/* BEGIN BT Page précédente */
.previous { background: url(/images/common/previous-page.gif) no-repeat; width: 132px; height: 18px; display: block; margin:0px; }
.previous:hover {background: url(/images/common/previous-page-over.gif) no-repeat; }
/* END BT Page précédente */

#navigation li { margin: 10px; float: left; list-style-type: none; padding-bottom: 15px;}

/* Mise en page des publications */
#publiChoices  {
	border-bottom: 2px solid #FCB64E;
	width: 704px;
	height: 20px;
}
#publiList {
	width: 704px;
	margin: 0;
	padding: 0;
}
#publiList .publiBlock {
	clear: both;
	display: block;
}
#publiList .publiBlock .publiDomain {
	width: 156px;
	height: auto;
	float: left;
	text-align: center;
	background-color: #E6EBF1;
	font-weight: bold;
	padding: 2px;
}
#publiList .publiBlock .publiContent, #publiList .publiBlock .publiContent p {
	float: right;
	width: 540px;
	margin: 0 0 10px 0;
	padding:0;
}
#publiList .publiTitle {
	background-color: #F0F5F9;
	width: 536px;
	display: block;
	padding: 2px;
	margin: 0;
	font-weight: bold;
}
.publiDate {
	text-align: right;
	font-style: italic;
	float: right;
}

div.publication {
	border: 1px solid #00386F;
	margin: 0 0 6px 0;
	padding: 4px;
}
.publication p {
	margin: 0;
	padding: 0;
}
span.articleType {
	border-top: 1px solid #FCB64E;
	margin: 0 2px 0 0;
	padding: 2px;
	background-color: #FDE3A6;
	display: block;
	width: 160px;
	text-align: center;
	float: left;
}
span.articleTypeSelected {
	border-top: 1px solid #FCB64E;
	margin: 0 2px 0 0;
	padding: 2px;
	background-color: #FCB64E;
	display: block;
	width: 160px;
	text-align: center;
	float: left;
}
#publiChoices a {
	color: #FFF;
	text-decoration: none;	
}
#publiChoices a:hover {
	color: #FCB64E;
	text-decoration: none;	
}
#publiChoices .articleTypeSelected a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#publiChoices .articleTypeSelected a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}



/* BEGIN -- spéciaux */

.lineSpacing li { margin-bottom: 5px;}
th.blueLight { background-color: #C2D3F1; text-align: center; font-weight: bold; }
td.blueLight { background-color: #C2D3F1; text-align: center; font-weight: bold; }
td.greenLight {	background-color: #F3FFC5; font-weight: bold; }
table.notice { width: 560px; border: 0px;}
td.notice {	border: 0px solid #316ACF; padding: 5px; vertical-align : top; }
table.noms { width: 100%; border: 0px; }
td.noms { border: 0px solid #316ACF; padding: 5px; vertical-align : top; }
.greenBlock { width: 510px; background-color: #F3FFC5; border: 1px dashed; border-color: #FECF74; padding: 5px; margin: 0 auto; clear: both; text-align: center; margin-bottom: 20px;}
.greenBlock p { text-align: justify; width: 510px; margin: 0; padding: 0;}
.yellowBlock { background-color: #FFEB66; border: 1px solid; border-color: #FECF74; margin: 0 auto; padding: 2px; text-align: center; width: 560px; clear: left;}
.yellowBlock a { color: #FF6600; font-weight: bold; }
.yellowBlock a:hover { color: #FDAF17; font-weight: bold; }
#lightYellowBlock { width: 220px; background-color: #FFF9D1; border: 1px dashed; border-color: #FECF74; padding: 3px; margin: 0; clear: both; text-align: center; margin-bottom: 10px;}
.entitule { width: 560px; font-weight: bold; }
.answer { width: 560px; padding: 5px 0px 10px 0px; }
.year { font-weight: bold; width: 560px;}
.event { padding: 5px 0px 20px 0px; width: 560px; }
.txt-rouge { color: #CC0000; font-weight: bold; }
.reference { width: 560px; font-size: 10px; text-align: right; padding-top: 15px; margin-bottom: 10px; }
#glossaire h1 { font-size: 24px; font-weight: bold; text-align: center; padding: 1px; background-color: #FFEB66;}
.arrow_01 { background: url(/images/common/arrow_01.gif) no-repeat; float: left; width: 20px; height: 12px; }
.intro { width: 560px; padding: 3px; padding: 10px 0px 10px 0px; font-size: 13px; }
.titleLink { background-color: #EBFF9E; font-weight: bold; margin-bottom: 10px; padding: 2px;}
.link { text-align: center; width: auto; margin-bottom: 20px;}
.proposed { font-weight: bold; font-style: italic; text-align: center; }
.headPro { font-style: italic; text-align: right; margin: 0 5px 15px 0; }
.date { text-align: right; font-style: italic; font-size: 11px; margin-bottom: 10px; }

#tableLeft { width: 50%; float: left; }
#tableRight { width: 50%; float: right; }
#tableLeft table { width: 90%; margin: 0 auto; }
#tableRight table { width: 90%; margin: 0 auto; }
#commande { width: 100%; clear: left; margin: 15px 0 15px 0; }

/* END -- spéciaux */

/* BEGIN Blob Image + légende en dessous */
.Pix { width: auto; padding: 5px 0px 0px 0px; vertical-align: middle; text-align: center; }
.Legend { width: auto; padding: 0px 0px 10px 0px; text-align: center; font-size: 10px; font-weight: bold; margin:0; }
#legendFolder { width: 500px; height: 40px; text-align:center; padding: 0px 0px 10px 0px; text-align: justify; font-size: 10px; font-weight: bold; padding-left: 35px;}
/* END Blob Image + légende en dessous */

/* BEGIN Messages popup DIV */
#popupDiv {
	background-color: #FFFFFF ;
	width:300px;
	height:auto;
	position:absolute ;
	left:50%;
	top:50%;
	border: 1px solid #000;
	z-index:99;
	overflow:auto;
	margin: -75px 0 0 -150px;
	text-align:center;
}

#popupDiv p {
	width:auto;
	height:auto;
	padding: 5px ;
	text-align:center;
	margin: 0 auto;
}

#popupDiv input {
	display:block ;
	width:50px;
	margin: 0 auto;
}

#popupDivActuMed {
	position:absolute ;
	z-index:99;
}
#popupDivActuMed input {
	width:50px;
	margin: 0 auto;
}


#blankPage {
	position:absolute;
	z-index:98;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#FFFFFF;
}
/* END Messages popup DIV */

/* BEGIN Bt Fermer */
/*.backTop {
	background: url(/images/common/backtop.gif);
	display: block;
	width: 100px;
	height: 30px;
	clear: left;
	margin: 10px 0px 20px 0px;
}

.backTop:hover {
	background: url(/images/common/backtop-over.gif);
	display: block;
	width: 100px;
	height: 30px;
	clear: left;
	margin: 10px 0px 20px 0px;
}
/* END Bt Fermer */


/* BEGIN -- blocks */
	/* begin  Image/Texte */
.blockPictTxt {	width: 560px; height: auto; float: left; padding: 0px 0px 0px 0px; margin:0; }
.leftPict { width: 190px; height: auto; float: left; padding: 0px 0px 10px 0px; vertical-align: middle; text-align: center; left: 0; }
.rightTxt { width: 360px; height: auto; float: right; }
.rightTxt ul { width: 310px; }
.rightTxt ul li { list-style-type: disc; list-style-position:inside; }
.blockPix1 { clear: left; float: left; padding: 0px 0px 10px 0px; width: 270px; text-align: center;font-size: 10px; font-weight: bold; margin:0; }
.blockPix2 { float: right; padding: 0px 0px 10px 0px; width: 270px; text-align: center; font-size: 10px; font-weight: bold; margin:0; }
	/*  end Image/Texte */
	/* begin Texte/Image Notice*/
	
.rightPict { width: 190px; height: auto; float: right; padding: 0px 0px 10px 0px; vertical-align: middle; text-align: center; left: 0; }
.leftTxt { width: 360px; height: auto; float: left; }

	/* end Texte/Image Notice*/



/* END -- blocks */

#currentDirectoryDiv {
	padding:0 ;
	margin: 5px 0 5px 10px ;
	width:auto ;
}
	
#fileListDirectory {
	padding:0 ;
	margin: 5px 0 5px 10px ;
	width:auto ;
}

#fileListDirectory li {
	list-style-type: none;
	clear:both;
	height:auto;
}

#fileListDirectory li .downloadFileLink {
	width:230px;
	display:block;
	float:left;
	padding: 1px 1px 1px 25px ;
	overflow:hidden;
	background: url(/images/common/download.gif) left no-repeat;
}

#fileListDirectory li .deleteFileLink {
	width:15px;
	height:15px;
	display:block;
	float:right;
	padding: 1px 1px 1px 1px ;
	background: url(/images/common/delete.gif) center no-repeat;
}

#choiceDirectory {
	width:160px;
	display:block;
	padding:0 ;
	margin: 15px auto 0 auto ;
}

#choiceDirectory li {
	display:inline;
	float:left;
	margin-bottom:15px;
}

#choiceDirectory li a {
	margin: 0 10px 0 10px;
}

#choiceDirectory #downloadLink {
	background: url(/images/common/directory/list.gif) no-repeat;
	width:18px;
	height:16px;
}
#choiceDirectory #uploadLink {
	background: url(/images/common/directory/add_file.gif) no-repeat;
	width:18px;
	height:16px;
}
#choiceDirectory #createDir {
	background: url(/images/common/directory/new.gif) no-repeat;
	width:18px;
	height:16px;
}
#choiceDirectory #modifyDir {
	background: url(/images/common/directory/modify.gif) no-repeat;
	width:18px;
	height:16px;
}

#choiceDirectory li {
	list-style-type: none;
}

#choiceDirectory li a {
	width:100%;
	display:block;
	padding: 1px 1px 1px 1px ;
}

.hiddenSpan {
	display:none ;
}

#zoneLang {
	width:auto;
	display:block;
	padding:0 ;
	margin: 0px auto ;
}

#zoneLang li {
	display:inline;
	float:left;
	margin-bottom:15px;
}

#zoneLang li a {
	margin: 0 30px 0 10px;
	display:block;
}

#lastLogon {
	margin: 0;
	padding: 0 0 0 5px;
	font-size:10px;
	color:#00386F;
	font-weight:bold;
	float:left;
}

#multiactiveLink {
	display:block;
	text-align:right;
}

#footer span {
	line-height:22px;
}

.imgSpaced {
	margin: 5px;
}
.domainLegend {
	width: 350px;
	display: block;
	margin: 5px auto;
	float: left;
}
.centred .left {
	text-align: right;
}
.centred .right {
	text-align: left;
}
/*
	HEADER
*/
#header {
	height: 100px;
	background: url(/images/common/index_fr/bg_top.jpg) no-repeat;
	text-align: right;
}
.en#header { background: url(/images/common/index_en/bg_top.jpg) no-repeat; }
#header ul {
	position: absolute;
	margin-left: 100px;
	margin-top: 22px;
	padding: 0;
	left: 50%;
	width: 390px;
}
#header ul li {
	list-style-type: none;
	display: block;
	height: 20px;
	float: left;
}
#header a {
	display: block;
	height: 20px;
}
#header ul li a span {
	display: none;
}
#m1-interloc {
	background: url(/images/common/index_fr/bt_interloc.gif) no-repeat;
	width: 149px;
}
#m1-interloc:hover {
	background-position: bottom;
}
.en#m1-interloc {
	background: url(/images/common/index_en/bt_interloc.gif) no-repeat;
	width: 149px;
}
.en#m1-interloc:hover {
	background-position: bottom;
}
#m1-agenda {
	background: url(/images/common/index_fr/bt_agenda.gif) no-repeat;
	width: 96px;
}
#m1-agenda:hover {
	background-position: bottom;
}
.en#m1-agenda {
	background: url(/images/common/index_en/bt_agenda.gif) no-repeat;
	width: 96px;
}
.en#m1-agenda:hover {
	background-position: bottom;
}
#m1-contact {
	background: url(/images/common/index_fr/bt_contact.gif) no-repeat;
	width: 145px;
}
#m1-contact:hover {
	background-position: bottom;
}
.en#m1-contact {
	background: url(/images/common/index_en/bt_contact.gif) no-repeat;
	width: 145px;
}
.en#m1-contact:hover {
	background-position: bottom;
}

/* Mise en forme des faqs */
#faqList div {
	display:none ;
}

#faqList fieldset {
	border: 0px;
	/*border: 1px solid #00386F;*/
	margin: 0;
	padding: 0;
	width: 700px;
}
#faqList legend {
	width: 680px;
	/*background-color: #E1EBF3;*/
	margin: 0;
	padding: 2px;
	font-weight: bold;
}
#faqList p {
	width: 680px;
}
#faqList .questionFaq {
	margin: 0;
	padding: 10px;
	font-weight: bold;
}
#faqList .responseFaq {
	margin: 0;
	padding: 0 10px 5px 10px;
}
#faqList .autorFaq {
	text-align: right;
	font-style: italic;
	margin: 0;
	padding: 5px 10px 0 10px;
}

/* Mise en forme des revues de presse */

#rdp h2 { margin-bottom: 0; }
#rdp .date { text-align: right; font-style: italic; width: 700px; display: inline; margin: 0; padding: 0; }
#rdp .fleche { margin: 0 0 30px 50px; padding: 0; width: 650px; }

/* Mise en forme des phrases clés dans nos expertises */
.blueBlock {
	width: 680px;
	border: 1px solid #00386F;
	background-color: #E8EEF7;
	padding: 5px 10px;
	margin-top: 5px;
}