/* CSS Document */

/* ------------------------------------ GENERAL ----------------------------- */

body,td,th {
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
}
#p_rubrique body,td,th {
	color: #333333;
}

body {
	margin: 0px;
	background-color: #000000;
	text-align:center;/*IE6*/
}

table,td,th{text-align:left;}

img{border:none;}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
h2,h3,h4 {
	color:#000000;
}
h1{
	font-size:2.5em;
	color:#E0B95C;
}
h2{
	font-size:1em;
	font-weight:bold;
	padding-bottom:0.2em;
}
h3{font-size:1em;}
h4{font-size:0.93em;}

a:link, a:visited, a:hover,a:active {text-decoration: none;}
a:link {color:#CC9900;}
a:visited {color: #666600;}
a:hover {color:#CC9900;}
a:active {color: #CC9900;}


select, input{
	font-size:10px;
	width:100%;
	color:#CC9900;
	font-family:Verdana, sans-serif;
	background-color: black;
font-weight:bold
}

/**/

.invisible, .menu-titre{	display:none;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.clearbothheight1 {clear:both;height:1px;}
.espace {height:15px;}

.descriptif {}
.descriptif2 {padding:5px;}
.chapo {font-weight:bold;}
.cadre{	padding:10px;}
.soucadre{padding-top:5px;padding-bottom:5px;}
#p_sommaire .soucadre{padding-top:2px;padding-bottom:2px;}

.diapbt a {
	height:11px;
	width:70px;
/*	background-image:url(images/maquettelb/diapobt.jpg);
	background-repeat:no-repeat;*/
}
/*.diapbt a:hover{background-image:url(images/maquettelb/diapobt_2.jpg);}*/

/* images*/
.imgfloatleft{float:left;padding-right:5px;}
#lescouleurs .spip_logos {border:1px solid #666;}


/* ------------------------------------------ GLOBAL ---------------------------------------- */


.hautcentre {
	height:162px;
}

#global {
	margin:0pt auto;
	text-align:left;
	width:900px;
	background-image:url(images/fond_home.gif);
	min-height:500px;
}
/* generaux */
#conteneur{
	/*background: #000000 url(images/fond.gif) no-repeat right top;*/
	width:900px;
	margin: 0 auto;
	text-align:left;/*IE6*/
}

#p_sommaire #conteneur{
	background-image:url(images/maquettesomm/wait.gif);
	background-position:center 100px;
}

#p_rubrique #conteneur {
/*	background-image:url(images/maquettesomm/wait.gif); !!!!!!!!! danger !!!!!!!!!!!!! */
	background-position:center 72px;
}

#rub1 #conteneur {background-image:url(images/fond_news.gif);}

#rub2 #conteneur {background-image:url(images/fond_lunablocks.gif);}

/*.p_article #conteneur {background-image:url(images/fond_article.gif);}*/



/* -----Précédent système de colonnes ----*/

#gauche{
	float:left;
	width:210px;
	background: transparent url(images/ronds.gif) no-repeat scroll left 148px;
}
#centre{
	float:left;
	width:740px;
	min-height:500px;
}
.p_sommaire #centre{
	float:none;
	margin-left:140px;
	background: transparent url(images/entree.jpg) no-repeat top left;
	width:810px;
}
.p_rubrique #centre{
	background-repeat:no-repeat;
	background-position:left 20px;
}
.p_article #centre{
	background-color:#F3F4EE;
}

#droit{	float:right;width:450px;}
.p_sommaire #droit{	width:356px;}
.p_rubrique #droit, .p_article #droit {	width:400px;}

#rub1 #droit{}
#rub2 #droit{
	background-image:url(images/fondtitre_lunablocks.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#xdroit{
	/*margin-top:134px;*/
	padding-top:134px;
	text-align:left;
	float:right;
	width:130px;
}
.p_article #xdroit{	width:120px;}
#rub2 #xdroit{}
#rub1 #xdroit{	width:50px;}

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

#entete{
	/*height:50px;*/height:75px;
	background-color:#222211;
	background-image:url(images/maquettesomm/logohome.jpg);
	background-position:center 5px;
	background-repeat:no-repeat;
}

#p_sommaire #entete{
	height:100px;
	background-position:center;
}

#logo{
	padding-top:26px;
	margin-bottom:2px;
}






/* ---------------------------------------------- NAVIGATION ------------------------------------- */

#navigation {
	padding-top:190px;
	height:200px;
	text-transform:uppercase;
	font-size:0.82em;
}

.p_article #navigation {
	padding-top:34px;
	height:350px;
}

.p_sommaire #navigation{
	padding-top:0;
	font-size:1.2em;
	height:170px;
}
#navigation .menu-titre{
	display:none;
}

/* Ancien système */

#navigation ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	text-align:right;
}
#navigation li a{
	color:#999999;
	display:block;
	background-image:url(images/navitem.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding:1px;
	padding-right:12px;
	padding-left:0;
}
#navigation li a:hover{
	color:#FFFFFF;
	background-image:url(images/navitem_2.gif);
}

/* Nouveau système */

/*Table du menu de nav*/

#navigat {
	text-transform:uppercase;
	font-size:0.95em;
}

#navigat .menu-titre{
	display:none;
}

#navigat .navitable{
	width:100%;
	/*background-color:#333333;*/
	margin:0;
	padding:1px 0;
}

#p_sommaire .navitable {
	background-color:#222211;
	/*padding-top:4px;*/
}
.navitable td{
	margin:0;
	padding:0;
	vertical-align:bottom;
	text-align:center;
}

/* liens de la nav */ 

#navigat a{
	display:block;
	/*padding-bottom:2px;*/
	padding-top:3px;
}
#navigat a:link, #navigat a:visited{
	color:#FFFFFF;
}
#navigat a:hover{
	color:#DDAC32;
	/*background-color:#000000;*/
}

#navigat a.on{
	background-color:#DDAC32;
	color:black;
}

/* ss menu */
#ssmenu {display:none;visibility:hidden;}
#ssmenuon {
 background-color:black;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;	
 margin:0pt;
 position:absolute;
 min-width:140px;
}
.ssmenu {margin:5px;}
.ssmenu:hover {	background-color:#333333;}
.vignette_ssmenu{	display:block;}
.vignette_ssmenu img{	border:none;}
#navigat  a.titre_ssmenu {
	color: #EEE;
	font-size:0.82em;
	font-weight:bold;
	padding-top:2px;
	text-align: left;
}
#navigat  a.titre_ssmenu:hover {color: #DDAC32;}
/* ---------------------------------- ZONE IMAGE ---------------------------------- */


#zoneimage{	border-bottom:#CCCCCC 1px solid; background-position:center;}

#p_sommaire #zoneimage{	/*height:230px;*/	padding-top:200px;}

#p_rubrique #zoneimage  table, #p_article #zoneimage  table{
	margin-left:700px;
	margin-top:20px;
	padding:0px;
	margin-bottom:20px;
}

#p_rubrique.lb #zoneimage  table, #p_article.lb #zoneimage  table{
	margin-left:600px;
}

#p_rubrique #zoneimage  td, #p_article #zoneimage  td{
	vertical-align:bottom;
	/*padding:0px;*/
}

#zoneimage.walmed{
	background-color:#FFFFFF;
}

#srubs {
	padding:0px;
	/*border-left:#CCCCCC 1px solid;*/
	font-size:0.71em;
	padding-left:5px;
}
#srubs {
	font-size:0.88em;
}



/* ------------------------------------------ CORPS ---------------------------------------- */

#lecorps{
	font-size:0.77em;
	background-color:#FFFFFF;
}

#p_sommaire #lecorps{
	min-height:160px;
}

#p_rubrique #lecorps{}


#prems{
	float:left;
}


#p_sommaire #prems{
	border:none;
	width:290px;
}
#p_article #prems{
	border:none;
	width:290px;
}
#p_mot #prems {
	background-color:#FFFFFF;
	width:270px;
}

#deuz{
	float:left;
}
#p_rubrique #deuz{
	width:599px;
}

#p_article #deuz{
	border:none;
	width:605px;
}

#p_mot #deuz{
	border:none;
	width:280px;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}
a.blocnews{
	display:block;
	float:left;
	color:#777766;
	border-left:#888866 1px solid;
	margin:10px;
	width:280px;
}

a.blocnews:hover {
	background-color:#DEDEDD;
}

.blocnews .inbloc {
	margin:10px;
}


.motsrub {
	font-size:1em;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:#CCCCCC 1px solid;
	text-transform:uppercase;
}

#trez{
	float:left;
}

#p_mot #trez{
	width:319px;
}



/*
#elemental1{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:1;
}
#elemental1 .diapor{
	margin:auto;
	margin-top:10px;
	width:800px;
	height:600px;
	background-color:#FFFFFF;
}
*/

/**/


/* ---------------------------------------------- PIED DE PAGE ------------------------------------- */


#lepied{
	background-color:#222211;
	font-size:0.77em;
	text-align:center;
	padding-top:8px;
	padding-bottom:4px;
	color:#999999;
	width:900px;
}

#lepied a:link, #lepied a:visited{color:#CCCCCC;}
#lepied a:hover {	color:#CC9900;}

.changelangue{
	float:left;
	width:150px;
	margin-left:10px;
	text-align:left;
}

#lepied .rech{
	float:right;
	margin-right:10px;
}

#lepied .rech input{
	font-size:1em;
	width:150px;
}



#pied{
	text-transform:uppercase;
	font-size:0.57em;
}


#pied div {float:left;}
.p_sommaire #pied{
	font-size:0.73em;
	margin-left:414px;
}
#pied table{
	width:200px;
}
.p_sommaire #pied table{
	width:325px;
	margin-top:1px;
	float:left;
	height:18px;
}

#pied table, #pied tr{
	border:none;
	margin:0;
	padding:0;
}
#pied td{
	padding:0;
	border:none;
	margin:0;
	background-repeat:repeat-x;
}
.p_sommaire #pied td{
	background-repeat:repeat;
}
#pied td a{
	color:#FFFFFF;
	display:block;
	padding-top:12px;
	padding-left:1px;
	padding-right:1px;
	background-repeat:repeat-x;
}
.p_sommaire #pied td a{
	padding-top:4px;
	color:#000000;
	text-align:center;
	background-repeat:repeat;
}

.p_sommaire #pied td.one{
	background-image:url(images/minimenu1.gif);
}
.p_sommaire #pied td.two{
	background-image:url(images/minimenu2.gif);
}
.p_sommaire #pied td.three{
	background-image:url(images/minimenu3.gif);
}
.p_sommaire #pied td.four{
	background-image:url(images/minimenu4.gif);
}
.p_sommaire #pied td.five{
	background-image:url(images/minimenu5.gif);
}
.p_sommaire #pied td.six{
	background-image:url(images/minimenu6.gif);
	text-align:right;
}
.p_sommaire #pied td a:hover{
	background-image:url(images/minimenu_2.gif);
	color:#CCCC33;
}

/* recherche  et formulaires */
.rech .forml  {color:#DDD}
.forml {border:#333333 1px inset; width:198px;background-color:#000000; color:#111; font-size:1.2em;}
.p_sommaire #pied .rech {float:left;padding:0;margin:0;}
.p_sommaire #pied .forml {
	border:#333333 1px inset;
	background-color:#000000;
	color:#CCCCCC;
	font-size:1em;
	height:15px;
	width:77px;
}
.formulaire_ecrire_auteur .forml {background-color:#DDD;width:252px;}
.formulaire_ecrire_auteur legend {color:crimson;font-size:1em;}
.formulaire_ecrire_auteur label {}
.formulaire_ecrire_auteur p {margin-top:0;}


/* PIED RUBRIQUE */

#p_rubrique #pieddepage{
	clear:left;
	font-size:0.57em;
	text-transform:uppercase;
}


/* ---------------------------------------------- ANCIEN CONTENU DE COLONNE CENTRALE ------------------------------------- */


.p_sommaire #centre {min-height:0px;}


#centre .contenu{
	float:left;
	margin:0;
	/*padding:25px 0pt 0pt 5px;*/padding:20px 0 0 0;
	font-size:0.82em;
	text-align:justify;
}




#centre .corps{
	/*padding:10px;*/
	background-color:#F3F4EE;
}
#rub2 #centre .corps{
	background:none;
	height:500px;
}
.p_article #centre .corps{
	padding-right:0px;
}
#centre .corps .ariane{
	font-size:0.88em;
	font-style:italic;
	/*padding-bottom:10px;*//*padding:5px;*/
	margin:5px;
	text-align:left;
}
#centre .itemfirst{
	margin-bottom:12px;
	padding-bottom:8px;
	border-bottom:#330000 1px dashed;
}
#centre .pagine{
	font-size:0.92em;
	padding-bottom:5px;
}
#centre .item{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#666600 1px dashed;
	font-size:0.92em;
}
#centre .item h2{}
#centre .item h3{	font-size:0.92em;	padding-bottom:3px;}
#centre .date{	color:#663300;}
#centre .lieu{	color:#663300;	text-align:left;}
#centre a.itema{	display:block;	color:#666666;}
#centre .item a.itema:hover{	background-color:#FFEEDD;}
#centre .itemfirst a.itema:hover{	background-color:#FFCC99;}
#centre a.itema:hover h2 {	color:#660000;}
#centre a.itema:hover .texte {	color:#333333;}



/* ---------------------------------------------- ANCIEN CONTENU DE COLONNE DROITE ------------------------------------- */



#droit ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#droit li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}

#droit .bloctitre{
	padding-left:5px;
	padding-right:5px;
	padding-top:95px;
	margin-right:80px;
	background-color:#413E37;
}

.p_rubrique #droit .bloctitre{	padding-top:75px;	margin-right:0px;}

#rub1 #droit .bloctitre{}

#rub2 #droit .bloctitre{
	background:none;
	padding-top:95px;
	margin-right:80px;
}

.p_article #droit .bloctitre{	margin-right:0px;}

#droit .contenudr{
	padding:0;
	margin:0;
	text-align:justify;
	background-color:#FFFFFF;
	margin-right:80px;
	font-size:0.82em;
}
.p_rubrique #droit .contenudr{	margin-right:0px;}

#rub1 #droit .contenudr{	margin-right:0px;}

#rub2 #droit .contenudr{	margin-right:80px;	background:none;}

.p_article #droit .contenudr{	margin-right:0px;	background-color:#000000;}

#droit .corps{
	margin:0;
	/*padding:5px;*/
	background:none;
}
#rub1 #droit .corps{	background-color:#FFFFFF;	margin-right:0;}
.p_article #droit .corps{}
#droit .corps h2 {
	padding:0;
	margin:0;
	padding-bottom:10px;
	background:none;
}
.p_rubrique #droit .corps h2{	padding-bottom:3px;	background:none;}
#droit .corps .soustitre{	padding-bottom:5px;}
#droit .corps .date{	font-style:italic;	color:#333333;}
#droit .corps .chapo{	padding-top:10px;	color:#333322; font-weight:bold;}
#droit .corps .texte{	/*padding-top:10px;*/padding:5px;}
#droit .corps .mots{	padding-top:10px;}
/**/
#droit .corps .liste-articles{}
#rub1 .corps td, #rub2 .corps td{
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:4px;
	padding-top:6px;
}
/**/
#droit .corps .portfolio{
	margin-top:10px;
 padding:10px;
	border-top:#999999 1px dashed;
}
#droit .corps .miniimage{
	display:block;
	width:auto;
	padding:2px;
	float:left;
}
#droit .corps .miniimage:hover{
	background-color:#000000;
}

.lunafiche {
	background-color:#EEEEDD;
	border:#FFFFFF 1px solid;
}
.lunafiche td, .lunafiche th{
	border:#CCCCCC 1px dashed;
	text-align:center;
}

.lunafiche th {
	font-size:0.72em;
	text-transform:uppercase;
	background-color:#EEEEEE;
}

/* ---------------------------------------------- ANCIEN CONTENU DE COLONNE DROITE X ------------------------------------- */


#xdroit .corps{
	margin:0;
	padding:0px;
	padding-left:0px;
	padding-right:12px;
	background:none;
}

#xdroit .rubriques{
	font-size:0.82em;
}

#xdroit .rubriques .menu-titre{
	display:none;
}

#xdroit .rubriques ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#xdroit .rubriques li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}

#xdroit .rubriques li a{
	color:#000000;
	display:block;
	background-image:url(images/soumenufd.gif);
	background-repeat:repeat-y;
	padding:1px;
	padding-left:12px;
	padding-right:0;
}
#xdroit .rubriques li a:hover{
	color:#333300;
	background-image:url(images/soumenufd_2.gif);
}















/* --------------------------------------SECTIONS DE CODE HERMETIQUES (style invariant selon page) --------------------------------------*/

/* ------- INFOBULLES --------- */

a.infobulle {
   position: relative;
}
a.infobulle span {
   display: none; /* on masque l'infobulle */
}
a.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 25px; /* on positionne notre infobulle */
	left: 20px;
	color:#333333;
	padding: 3px;
	padding-left:13px;
	border: 1px solid #666666;
	font-size: 0.7em;
	text-transform:none;
	background: white url(images/navitem_2.gif) repeat-y top left;
}

#prems a.infobulle:hover span {
	top: 20px;
	left: 0px;
}


/* ------- MENU SEARCHBY --------- */

ul#menu li ul {  display:none;}
ul#menu li:hover>ul {  display:block;}
ul#menu, ul#menu ul {  list-style:none;  margin:0px;  padding:0px;}
ul#menu ul {  position:absolute; top:-1px;right:118px;width:820px;display:inline;}
ul#menu li {	position:relative; margin:0px;	padding:0px;	_display:inline;}
ul#menu a {  display:block;  width:100%;}
ul#menu .open_sr a {  width:100%; /* margin-left:6%;*/}
ul#menu .open_sr ul a {  width:100%;  margin-left:0;}
ul#menu ul li {  width:auto;float:right;background:black;}
#xdroit .rubriques ul#menu {/*padding-left:15px;*/background:#000;padding-bottom:1px;}
#xdroit .rubriques #menu li {padding-left:2px;padding-right:2px;}
/* couleur etimg du menu searchby */
#xdroit #menu a:hover {color:#000;background-color: #facc0a;background-image:none;}
#xdroit .rubriques li.minimensearchby:hover  {background:#000;}
#xdroit .rubriques li.minimensearchby:hover a {color:#FFFFFF; background: transparent url(images/navitem_2.gif) repeat-y top left;}
#xdroit .rubriques li.minimensearchby:hover li:hover {color:#FFFFFF;}
#xdroit .rubriques li.minimensearchby:hover li {color:#facc0a;}
#xdroit .rubriques li.minimensearchby:hover li a {background-image:none;}

/* mini diapo */
.deuzdeux {padding-top:10px;}
.treztrois {width:310px;}