

body {
	margin:auto;
	text-align:center;
	font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
	color: #aea58c;
	font-size:76%;
	background:#000;

}
body{behavior:url("js/hover.htc");}


/*-----------------------------------------------------------------------------------------------------*/
* {background-repeat:no-repeat;margin:0; padding:0}
body img{border:0;}
hr {clear: both;visibility: hidden;}
.spacer, .clear{clear:both!important; height:1px!important; font-size:0px!important; margin:0!important; padding:0!important}
.invisible{display:none;}
.left {float:left;}
.right {float:right;}

form {}
/*-------------------------------------------------------------------------------------------------------*/

/* SKIPLINK ==================================================== */

ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}
	


/*-------------------------------------------------------------------------------------------------------*/

#global {
	margin:auto;
	width:950px;
	text-align:left;
	margin-bottom:0;
}

#global2 {
border-bottom:1px solid #515144; background:#252622 url(../img/bg-body.gif) repeat-x top;	padding-top:26px;

}
#corpsGroupe{float:right; width:710px}
.outils #corpsGroupe{ background:url(../img/bg-corpsGroupe-outils2.gif) top right no-repeat; min-height:364px;}

#corps{
	width: 950px;
	z-index:0;
	text-align:left;
	background:url(../img/bg-corps.gif) repeat-y left;
	clear:both;
	}
	

#contenu{
	float:left;
	margin:0; display:inline;
	width: 448px;
	padding:10px 0;

}

#corps.sansColonne{background:url(../img/bg-corps-sansColonne.gif) repeat-y left;}
#corps.sansColonne #contenu{ width:680px}
#corps.sansColonne #colonneDroite{display:none;}
/*
#colonneNormal{ width:448px; background:#000}
#corps.sansColonne #colonneNormal{ width:680px}
*/

/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */

#entete {	
	width: 950px;
	z-index:0;
	background:url(../img/entete/bg-entete4.jpg) no-repeat;
	margin-bottom:1px;
}

.rubrique1 #entete {background:url(../img/entete/bg-entete1.jpg) no-repeat;}
.rubrique2 #entete {background:url(../img/entete/bg-entete2.jpg) no-repeat;}
.rubrique3 #entete {background:url(../img/entete/bg-entete3.jpg) no-repeat;}
.rubrique4 #entete {background:url(../img/entete/bg-entete4.jpg) no-repeat;}

.rubrique5 #entete {background:url(../img/entete/bg-entete5.jpg) no-repeat;}
.rubrique6 #entete {background:url(../img/entete/bg-entete6.jpg) no-repeat;}
.rubrique7 #entete {background:url(../img/entete/bg-entete7.jpg) no-repeat;}

.rubrique8 #entete {background:url(../img/entete/bg-entete9.jpg) no-repeat;}
.rubrique9 #entete {background:url(../img/entete/bg-entete10.jpg) no-repeat;}
.rubrique10 #entete {background:url(../img/entete/bg-entete10.jpg) no-repeat;}

.rubrique11 #entete {background:url(../img/entete/bg-entete10.jpg) no-repeat;}
.outils #entete {background:url(../img/entete/bg-entete10.jpg) no-repeat;}

/* TRAD DE */
.rubrique1De #entete {background:url(../img/entete/bg-entete1-de.jpg) no-repeat;}
.rubrique2De #entete {background:url(../img/entete/bg-entete2-de.jpg) no-repeat;}
.rubrique3De #entete {background:url(../img/entete/bg-entete3-de.jpg) no-repeat;}
.rubrique4De #entete {background:url(../img/entete/bg-entete4-de.jpg) no-repeat;}

.rubrique5De #entete {background:url(../img/entete/bg-entete5-de.jpg) no-repeat;}
.rubrique6De #entete {background:url(../img/entete/bg-entete6-de.jpg) no-repeat;}
.rubrique7De #entete {background:url(../img/entete/bg-entete7-de.jpg) no-repeat;}

.rubrique8De #entete {background:url(../img/entete/bg-entete9-de.jpg) no-repeat;}
.rubrique9De #entete {background:url(../img/entete/bg-entete10-de.jpg) no-repeat;}
.rubrique10De #entete {background:url(../img/entete/bg-entete10-de.jpg) no-repeat;}

.rubrique11De #entete {background:url(../img/entete/bg-entete10-de.jpg) no-repeat;}
.outilsDe #entete {background:url(../img/entete/bg-entete10-de.jpg) no-repeat;}

/* TRAD EN */
.rubrique1En #entete {background:url(../img/entete/bg-entete1-en.jpg) no-repeat;}
.rubrique2En #entete {background:url(../img/entete/bg-entete2-en.jpg) no-repeat;}
.rubrique3En #entete {background:url(../img/entete/bg-entete3-en.jpg) no-repeat;}
.rubrique4En #entete {background:url(../img/entete/bg-entete4-en.jpg) no-repeat;}

.rubrique5En #entete {background:url(../img/entete/bg-entete5-en.jpg) no-repeat;}
.rubrique6En #entete {background:url(../img/entete/bg-entete6-en.jpg) no-repeat;}
.rubrique7En #entete {background:url(../img/entete/bg-entete7-en.jpg) no-repeat;}

.rubrique8En #entete {background:url(../img/entete/bg-entete9-en.jpg) no-repeat;}
.rubrique9En #entete {background:url(../img/entete/bg-entete10-en.jpg) no-repeat;}
.rubrique10En #entete {background:url(../img/entete/bg-entete10-en.jpg) no-repeat;}

.rubrique11En #entete {background:url(../img/entete/bg-entete10-en.jpg) no-repeat;}
.outilsEn #entete {background:url(../img/entete/bg-entete10-en.jpg) no-repeat;}


#entete a{display:block; height:106px}

#entete  #accessibilite a{}

#logo { visibility:hidden;}
#entete h1 {margin:0}
#entete h1 span{display:none}


#lang{ position:absolute; top:0;width:750px; text-align:right; padding:4px 0 2px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#252622}
#lang li { display:inline}
#lang a { text-decoration:none; color:#ccc}
#lang a:hover, #lang li.on a { text-decoration:underline}

/* NAVIGATION NIVEAU 1 */
/* ------------------------------------------------------------------------------------------------------- */

/* voir menu.css

/* CHEMIN */
/* ------------------------------------------------------------------------------------------------------- */
#contenu #chemin {color:#EFE2C0;font-size:80%; line-height:1.5em}
#contenu #chemin h2{ display:none;}
#contenu #chemin a {color:#aea58c;font-family:Arial, Helvetica, sans-serif; border:none  }
#contenu #chemin a:hover {text-decoration: underline; background:none!important; color:#fff!important}
#contenu #chemin p, #chemin div {padding:0;margin:0;}
#contenu #cheminContenu{}


#outilsIconTop, #outilsIconBottom  {text-align:right;position:relative; bottom:5px;}
#outilsIconTop img, #outilsIconBottom img {margin:0 3px;}
#outilsIconTop a, #outilsIconBottom a {text-decoration:none}
#outilsIconTop a:hover, #outilsIconBottom a:hover { background:none!important}
#outilsIconBottom {border-top:1px dashed #767154; padding:10px 0 0 0; clear:both; width:100%; margin-top:20px!important}



/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {position:absolute; top:3px; margin:0 0 0 760px; width:190px; z-index: 50;}
#recherche h2 {display:none;}
#recherche form, #recherche p { background:none!important; padding:0!important; margin:0!important}
#recherche .searchbox-sword { font-family:Arial, Helvetica, sans-serif; font-size:10px!important; border:1px solid #CCCCCC; width:130px;padding:1px; color:#CCCCCC; background:#252622;}
#recherche .searchbox-button {vertical-align:middle; border:0; color:#CCCCCC; background-color:#252622;font-size:10px!important;}




/* OUTILS */
/* ------------------------------------------------------------------------------------------------------- */

#piedDePage{clear:both; color:#aea58c; margin:auto; text-align:center; padding:5px 0;width:950px;text-align:center; padding-right:24px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%  }
#piedDePage a { color:#aea58c; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin:10px 0;}	
#piedDePage #copyright{ color:#333333; visibility:hidden}
#piedDePage #copyright a{ color:#333333}


#outils {margin:10px 0; list-style-type:none;}
#outils li {display:inline;}
#outils a{}






/* COLONNE DE DROITE  
/* ------------------------------------------------------------------------------------------------------- */
#colonneDroite { float:right;width:227px; padding-left:35px; background:url(../img/bg-colonne.gif) no-repeat top; padding-top:75px; font-size:95%}
#colonneDroite h2{ color:#fefefe; margin-bottom:10px}
#colonneDroite ul{ margin-left:20px; list-style-type:square;}
#colonneDroite ul.level2{ list-style-type:square;margin:10px 0 0 0; font-size:80%; border-left:1px dashed #515144; padding-left:25px;}
#colonneDroite ul.level2 li{}

#colonneDroite ul.gallerie{ list-style-type:none; margin:0; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#colonneDroite li{padding:3px 0 3px 0;}
#colonneDroite a, #colonneDroite li.on li a{ color:#bbac83; text-decoration:none; }
#colonneDroite a:hover, #colonneDroite li.on a{ text-decoration:underline;color:#eee2bf}

#colonneDroite li.on li a:hover, #colonneDroite li.on li.on a{ color:#eee2bf; color:#fff; text-decoration:none}

#colonneDroite ul.gallerie li{/*background:#000; border:1px solid #515144*/ padding:10px;}


/*
#colonneDroite ul.gallerie img{border:1px solid #515144; float:none}
#colonneDroite ul.gallerie img:hover{border:1px solid #fff}
*/

#colonneDroite ul.gallerie img{padding-bottom:20px; }
#colonneDroite ul.gallerie .description, #colonneDroite ul.gallerie .copyright{ text-align:left!important;display:block!important; margin:0.5em 0}
#colonneDroite ul.gallerie .description{ color:#fff;}
#colonneDroite ul.gallerie .copyright{ color:#5e5b4e; /*display:inline!important;*/ font-size:90%}

#colonneDroite ul.gallerie .zoomgalerie br{display:none}

#colonneDroite ul.gallerie a{border:1px solid #515144;display:table; margin:auto; background: #000 url(../img/agrandir.gif) bottom left no-repeat}
#colonneDroite ul.gallerie a:hover{border:1px solid #fff; background: #fff url(../img/agrandir2.gif) bottom left no-repeat}
#colonneDroite ul.gallerie .zoomgalerie a{ background:url(../img/agrandir3.gif) bottom left no-repeat #000 }
#colonneDroite ul.gallerie .zoomgalerie a:hover{background:url(../img/agrandir4.gif) bottom left no-repeat #fff}

/* TRAD DE */
.de #colonneDroite ul.gallerie a{background-image:url(../img/agrandir-de.gif)}
.de #colonneDroite ul.gallerie a:hover{background-image:url(../img/agrandir2-de.gif)}
.de #colonneDroite ul.gallerie .zoomgalerie a{background-image:url(../img/agrandir3-de.gif)}
.de #colonneDroite ul.gallerie .zoomgalerie a:hover{background-image:url(../img/agrandir4-de.gif)}

/* TRAD EN */
.en #colonneDroite ul.gallerie a{background-image:url(../img/agrandir-en.gif)}
.en #colonneDroite ul.gallerie a:hover{background-image:url(../img/agrandir2-en.gif)}
.en #colonneDroite ul.gallerie .zoomgalerie a{background-image:url(../img/agrandir3-en.gif)}
.en #colonneDroite ul.gallerie .zoomgalerie a:hover{background-image:url(../img/agrandir4-en.gif)}




/* PLAN DU SITE
/*-------------------------------------------------------------------------------------------------------*/

#contenu .csc-sitemap ul{clear:both;}
#contenu .csc-sitemap a{text-decoration:none; padding:0.2em}

#contenu .csc-sitemap a:hover{
background:#000;
}

#contenu .csc-sitemap li{ margin:0}
#contenu .csc-sitemap li a{ display:block; font-weight:bold; font-size: 150%; border:1px dashed #767154; border-width:0 0 1px 0; color:#EFE2C0; text-transform:uppercase; }


#contenu .csc-sitemap li li a{
	border:none;
	color:#B9AE90;
	text-transform:none;
	clear:none;
	font-size:100%;
}
#contenu .csc-sitemap li li li a{
	font-weight:normal;	 
	color:#8C8572;
}
#contenu .csc-sitemap li li li li a{font-size:80%}

/* PLAN DU SITE
/*-------------------------------------------------------------------------------------------------------*/
.glossaire #sommaireGlossaire{ margin:0 0 2em 0}
.glossaire #sommaireGlossaire li{display:inline!important}
.glossaire #sommaireGlossaire a{ padding:0.2em 0.4em; border:1px solid #9A8B62; text-decoration:none; color:#aea58c}
.glossaire #sommaireGlossaire a:hover, .glossaire #sommaireGlossaire li.on a{color:#fff;border:1px solid #fff; background:#000}

/* POPUP thickBox txt
/*-------------------------------------------------------------------------------------------------------*/
#popup{ text-align:left; padding:20px}
#popup h1 {font-weight:normal;font-size: 170%; margin:20px 0 0.5em 0; color:#fff;border-bottom:1px dashed #767154; line-height:normal}
#popup h2 {font-size: 110%; margin: 0 0 1em 0;}
#popup h3 {font-size: 120%; border:1px dashed #767154; border-width:0 0 1px 0}
#popup h4 {font-size: 110%;}
#popup h5 {font-size: 100%;}
#popup h6 {font-size: 100%; color:#aea58c}

/* TICKBOX
-------------------------------------------------------------------------------------------------------*/
#TB_caption{float:none!important; border-bottom:1px dashed #666666}
#TB_caption .copyright{ font-size:90%; color: #aea58c;}
#TB_nav{}
#TB_secondLine {}
#TB_closeWindow{}
#TB_closeWindowButton {font-size:90%; text-transform:uppercase; letter-spacing:0.2em;}
#TB_printWindowButton {font-size:90%; text-transform:uppercase; letter-spacing:0.2em;}

/* GALLERIE
-------------------------------------------------------------------------------------------------------*/
/*
#colonneNormal #gallerie{ list-style-type:none; margin:0}
#colonneNormal #gallerie div.zoom{padding:5px; background:#1F201C;border:1px solid #000; text-align:center; margin-left:10px;display:table-cell; vertical-align:middle; width:127px; height:127px;}*/
#colonneNormal #gallerie .separator{ clear:both;}

#colonneNormal #gallerie .wraptocenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: #000 ;
	border:1px solid #515144;
	width: 135px;
	height: 135px;
}
#colonneNormal #gallerie .wraptocenter:hover {background: #fff ;}

#colonneNormal #gallerie .wraptocenter * {
    vertical-align: middle;
}

#colonneNormal #gallerie {
	border-collapse: collapse;
	margin: 1em 0 0 0;
	padding: 0;
}
#colonneNormal #gallerie li {
	float: left;
	padding: 0;
	margin: 0 1em 1em 0;
	list-style-type: none;
}


#popup .ImageLegende, #popup .ImageCopyright{ text-align:left!important;display:block!important; margin:0.5em 0}
#popup .ImageLegende{ color:#fff;}
#popup .ImageCopyright{ color:#5e5b4e; /*display:inline!important;*/ font-size:90%}

#swf-anime{text-align:center;}


