/* -------------------------------------------------------
	1. BODY - Polices, couleur de texte, taille de texte, 
	couleur de fond ceci pour tout le site sauf spécification
 ------------------------------------------------------- */
body {
	margin:0; padding:0em;
	background:#003399;
	color: #1a5898;
	font-size: 100%;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
}
/* -------------------------------------------------------
	2. GENERAL - inhibition des styles par défaut
 ------------------------------------------------------- */
img, table { 
	margin: 0;
	padding: 0;
	border: none;
}

ul, ol, li {
	margin: 0 0 0 1em; padding: 0;
}

ul { /*a commenter pour garder les puces dans les listes */
	list-style: none;
} 

h1, h2, h3, h4, h5, h6 { 
	margin: .2em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

/* -------------------------------------------------------
	3. GENERAL - Couleurs et style des liens (voir aussi liens de SPIP)
 ------------------------------------------------------- */
a, a:link, a:visited
{
	border:0px;
	text-decoration: none;
	color: #036 ;
}

a:hover
{
	text-decoration: underline;
	color: #89a5c1;
}

p { 
	margin: 0.5em 0 
}

/* -------------------------------------------------------
 	4. CONTENEURS PRINCIPAUX - !!!! Attention aux modifs,
	risque de casser la mise en forme générale
 ------------------------------------------------------- */
#wraper {
	margin-top:10px;
	text-align: center;
}

#wraperinner {
	position: relative;
	width: 970px;
	margin: 0px auto;
	text-align: left;
	border-color: #6c93ba;
	border-width: 1px 1px 2px 2px;
	border-style: solid;
}

#header	/* div de l'entete */
{
/*	position: relative; */
	padding: 0;
	margin: 0;
/* hauteur du contenu */
	height: 150px;
width: 970px;
	text-align: right;
/* image de fond */
	background-image: url("img/bandeauRevueEpsActuaForum.gif"); /*pont_nor_01.png */
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #e2e5e8;
	border: 0;
	overflow: hidden;
}
/* 2 div superposés avec pour main1 une image de fond callée à gauche et pour main2 callée à droite */
#main1 {
	margin:0; padding:0;
	background: url("img/fond_g_dgd1.jpg") top left repeat-y;
}
#main2 {
	margin:0; padding:0;
	background: url("img/fond_d_dgd1.jpg") top right repeat-y;
}

#left {
	float:left;
	width:150px;
	margin:0 10px;
	padding:0;
/*	si on veut une image de fond en arrière plan du menu voir www.etab.ac-caen.fr/pmcurie */
/*	background: #eee url("img/xxx.gif") top left repeat-y; */
	font-size:.9em;
	text-align:center;
}

#right {
	float:right;
	width:180px;
	margin:0;
	padding:0;
/*	background:url("corner.gif") top right no-repeat; 
	background: #e2e5e8;*/
	font-size: .9em;
}

#middle {
	margin:0 180px 0 180px;
	padding: 0 15px;
	background:#fff;
	font-size:.9em;
	padding-top:.5em;
}

#footer {
	background:url("img/fond_bas_dgd1.png") repeat-y; 
	background-color: #e2e5e8;
	border-width: 0 0 0 0px;
	overflow: hidden;
}
.column-in {
	margin: 0;
	padding:0;
	display : block;
}

/* -------------------------------------------------------
 	5.BLOCS DE CONTENU - (c-a-d. la colonne centrale) 
	pour un affichage sur deux colonnes
 ------------------------------------------------------- */
#contenu .contre-encart {
	float: left;
	width: 25em;
	border: 1px solid #c00;
}
#contenu .encart {
	float: right;
	width: 14em;
	margin: 0;
	margin-bottom: 1em;
	border: 1px solid #000;
}

/* -------------------------------------------------------
 	6.LEON - nettoyeur
 ------------------------------------------------------- */
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
		
/* -------------------------------------------------------
 	7. ENTETE (voir inc/inc-entete)
 ------------------------------------------------------- */
#header h3.nom-site
{
	display: block;
	position: relative; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%; 
	padding: 0;
/* deuxieme image de fond à droite  ici commentée le logo academique
 est maintenant insere comme image avec un lien sur le site académique*/
/*	background-image: url("img/logo-ac-caen_235_135.gif"); 
	background-position: right top;
	background-repeat: no-repeat; */
	background-color: transparent;
}

/* police, taille et couleur du nom du site*/
#header a, #header a:link,  #header a:visited {
	font-size: 3.5em;
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	color: #transparent;
	font-weight: bold;
}

/* couleur au survol du nom du site  on peut aussi modifier le style ( font-style: italic; ) par exemple */
#header a:hover {
	color: #4c8bcb;
}

#header .nom-site span  {
	display: block;
	position: absolute;
/* position du nom du site */
	top: 0px; 
	right: 300px;
	left: 150px;
}

/* style du menu à droite de l'entete */
#menu-entete {
	z-index: 10;
	position: absolute;
	width: 215px;
	top: 0px; 
	right: 20px; /* position a droite du menu de l'entete */
	text-transform: uppercase;
	text-align: left; /* on peut aussi mettre un text-align:right */
	margin: 0;
	padding: 0;

}
#menu-entete ul {	
	margin-top: 40px;/* position en hauteur du menu de l'entete */

}
#menu-entete div.fisheye a span {	
	color:#036;
	font-weight: bold;
	font-family: Arial;
	font-size:.2em;
}
#menu-entete img {
	float:left;
	margin: 0;
}
/* -------------------------------------------------------
 	8. MENU (voir inc/inc-menu) - Colonne de gauche
 ------------------------------------------------------- */
#menu {
	margin:0;
	padding:0;
}
#menu ul, #menu ul li {
	margin : 0;
	padding : 0 0.5em;
	list-style:none
}

#menu ul {
	margin : 0;
	padding : 0;
}
#menu ul li {
	list-style : none;
	list-style-image : none;
	padding : 1px 0;
}
#menu ul ul {
	margin : 0 0 0 10px;
}

#menu li a {
	display : block;
	font-size : 90%;
	font-weight : bold;
	color : #ffffff;
	background-color : #036 ;
	border-left : 0 none;
	text-align : left;
	padding : 5px 0 5px 20px;
	width : 140px;
	-moz-border-radius: 0 10px 0 10px ;
}
/* on reduit la largeur de 10px a chaque niveau de sous-rubrique
on peut également faire un dégradé de couleur du background et du lien
j'ai inhibé la diminution de la taille du texte    */

#menu ul ul li a {
	display : block;
	background : #1d4c7c;
/* 	font-size : 70%; */
	padding : 2px 0 2px 20px;
	text-decoration : none;
	width : 130px;
}

#menu ul ul ul li a {
	width : 120px;
}

#menu ul ul ul ul li a {
	width : 110px;
}

#menu ul ul ul ul ul li a {
	width : 100px;
}

#menu ul ul ul ul ul ul li a {
	width : 90px;
}

/* les couleur au survol, actif, visité, etc */
#menu strong li a {
	background : #e2e5e8;
}
#menu li strong a:visited, #menu li strong a:link {
	color : #a6bf1a;
	background-color : #f8f8ff;
}
#menu li a:link { 
	color : #e2e5e8; /* couleur du lien dans le mùenu */
	text-decoration : none;
}
#menu li a:visited {
	color : #e2e5e8;
	text-decoration : none;
}
#menu li a:hover {
	background : #fd9;
	color : #036 ;
	text-decoration : none;
}
#menu li a:active {
	background : #ffffff;
	color : #e2e5e8;
	text-decoration : none;
}

/* ------------------------------------------------------------------
 	9.  COLONNE de DROITE
 -------------------------------------------------------------------- */
div.inc-rouge, div.inc-bleu, div.inc-vert, div.inc-orange {
	margin: 15px 5px 5px 5px; 
	-moz-border-radius:5px;
	background:#fff; 
}
div.inc-bleu {
	border:2px solid #369;  
}
div.inc-vert {
	border:2px solid #6c93ba; 
}
div.inc-rouge { 
	border:2px solid #a6b8cb; 
}
div.inc-orange { 
	border:2px solid #eeaa00; 
}
div.inc-rouge ul li span, div.inc-vert ul li span,  div.inc-bleu ul li span, div.inc-orange ul li span { 
	font-size:.8em;
}

div.inc-rouge h3, div.inc-bleu h3, div.inc-vert h3, div.inc-orange h3 {
	text-align:center;
	font-weight:bold;
}

div.inc-rouge ul, div.inc-rouge ul li a, div.inc-vert ul, div.inc-vert ul li a, div.inc-bleu ul, div.inc-bleu ul li a { 
	list-style-type:none; 
	margin:0;
	padding:0; 
	font-size: 0.9em;
}

div.inc-rouge ul li a img, div.inc-vert ul li a img, div.inc-bleu ul li a img, div.inc-orange ul li a img {
	border:0px;
}


div.inc-vert p {	
	padding: 0 1em;
}

.titre-rouge, .titre-rouge a, .titre-bleu, .titre-bleu a, .titre-vert, .titre-vert a, .titre-orange, .titre-orange a  {
	text-align:center;
	font-weight: bold;
	font-weight:bold;
}
.titre-rouge, .titre-rouge a  { 
	background:#a6b8cb; 
	color:#036 ; 
}
.titre-bleu, .titre-bleu a  { 
	background:#369 ; 
	color:#f0f2f4; 
}
.titre-vert, .titre-vert a { 
	background: #6c93ba; 
	color:#036 ;
}
.titre-orange, .titre-orange a { 
	background: #eeaa00; 
	color:#369 ;
}
/* ------------------------------------------------------------------
 	10. COLONNE CENTRALE - Page d'accueil
 -------------------------------------------------------------------- */
#edito 
{
	border: 1px solid #2b629b;
	margin: 0 0 1em 0;
}
#edito h3
{
	padding: 0px 5px 0px 5px;
	margin: 0;
	color: #f0f2f4;
	background :#2b629b;
	text-transform: uppercase;
}

#edito h3 a, 
#edito h3 a:link, 
#edito h3 a:visited,
#edito h3 a:hover
{
	color: #f0f2f4;
}

#edito .chapo, .forms-desc
{ 
	padding: 5px 5px 0px 5px;
	margin-top: 0;
	background-color: #f0f2f4;
	font-weight : bold;
}

/* ------------------------------------------------------------------
 	11. COLONNE CENTRALE - liste des articles (ou autre)
 -------------------------------------------------------------------- */
div.list-art, div.list-sites, div.list-mots  {
	padding : 5px 0px 0px 5px;
	margin: 7px 0px 7px 0px;
	border: 1px solid #6c93ba;
	font-size: .9em;
}
div.list-art h3 {
	padding : 0;
	margin: 0;
      }
div.list-sites h3 {
	font-weight:bold;
	font-size: 1.2em;
      }
div.list-art p, div.list-sites p {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	background-color: #e2e5e8;
      }
div.list-sites ul a {
	font-weight:bold;
	font-size: 1.1em;
}
div.list-sites ul li a {
	font-weight: normal;
}
div.list-sites h3 a img {
	vertical-align: middle;
}

.list-art texterea {
	width:400px;
}

.detail {
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 10px;
}


/* ------------------------------------------------------------------
 	12.  Fil d'Ariane
 -------------------------------------------------------------------- */
#hierarchie {
	font-size: 0.77em;
	font-weight:bold;
	margin-bottom:0.65em ;} 

/*------------------------------------------------
	13. PAGINATION
 ------------------------------------------------*/
 .pagination 
 {
 	text-align: right;
 /*	clear: both; */
 	margin: 4px 4px 16px 4px;
	font-size: 90%; 
 }

.pagination .ligne2 { text-align: center; background-color: #e2e5e8; }

/*------------------------------------------------
	14. ARTICLE
 ------------------------------------------------*/
#artcontenu h2, #artcontenu h1, #contenu h1, .column-in h1
{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	color: #036 ;
	background-color: #c9d3de; 
/*	text-transform: uppercase; */
	text-indent: 8px; 
	font-size: 1.3em;
	font-weight:bold;
}
#artcontenu h2 a:hover, #contenu h1 a:hover, .column-in.list-art h1 a:hover, .column-in .list-sites h3 a:hover
{
	color: #aaa;
}
.cartouche {
	 color:#000;
}

.cartouche p.surtitre {
	font-size:1.3em;
	font-weight:bold;
	padding: 0 0 0 1em ;
	color:#369;
}
.cartouche p.soustitre {
	font-size:1.2em;
	font-weight:bold;
	font-style: italic;
	padding: 0 0 0 1em ;
}
.cartouche p.date-auteur {
	font-size:.75em;
}
.cartouche span.maj {
	color:#903;
}


.texte
{
 	display : block;
	text-align: left;
	line-height: 1.3em;
	text-transform: inherit;
	margin: 1em 0;
	padding: 0 1em;
	border: 1px solid #e6eaec;
}
.texte h3, .texte h2
{
	text-transform: inherit;
	margin: 10px 5px 5px 10px;
	background-color: #e2e5e8;
	font-size: 1.2em;
	font-weight:bold;
}
.ps {
	margin:5px 30px;
	padding: 5px;
	background:#eee;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
}
.notes {
	margin:5px 30px;
	padding: 5px;
	background:#f9f88c;
	border-bottom: 2px solid #fc3;
	border-left: 1px solid #c90;
	border-right: 2px solid #fc3;
	border-top: 1px solid #c90;
}

/*------------------------------------------------
	15. DIAPORAMA
 ------------------------------------------------*/

.centre, .centre a  {
	text-align: center;
}
.centre a img {
	text-decoration: none;
	border: 0px;
	margin:0;
	padding: 0;
}
.centre h4 {
	margin: 0;
	padding: 0;
}
.centre span.detail{
	float: right;
	font-weight: bold;
}

/* -------------------------------------------------------
 	16. Documents joints - Listes de documents joints (a un article ou une rubrique)
 ------------------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #ccc; width:100%;}

#documents_joints h2 { 
	margin-bottom: 0.4em; 
	font-size: 0.88em; 
	font-weight: bold; 
}
#documents_joints li { 
	margin-bottom: 0.4em; 
}
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { 
	font-weight: normal; 
}
#documents_joints li .spip_doc_descriptif {}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 100%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}
/* -------------------------------------------------------
 	17. Documents joints - Portfolio
 ------------------------------------------------------- */
#documents_portfolio {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; 
}
#documents_portfolio h2 { 
	margin-bottom: 0.4em; 
	font-size: 0.88em; 
	font-weight: bold; 
}

#document_actif { 
	margin-top: 1em; 
}

/*  ------------------------------------------
	18.  Habillage des formulaires
/*  ------------------------------------------ */
/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { 
	margin: 0; 
	padding: 0; 
	border: none; 
	background: none; 
}
.formulaire_spip formulaire_recherche input {
	background:#fff;
}
/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.9em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #fff; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { 
	text-align: right; 
}
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { 
	font-weight: bold; 
	color: #F00; 
}
fieldset.reponse_formulaire { 
	border: 1px dotted; 
	font-weight: normal; 
}

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { 
	width: 12em; 
}
.formulaire_login_forum .spip_logos { 
	float: right; 
	padding-left: 10px; 
}

/* Formulaire de recherche */
.formulaire_recherche { 
	text-align: left; 
	width: 12em; 
	margin:.5em 0 .5em 1em;
	background:#fff;
}
.formulaire_recherche label { 
	display: none; 
}

/* Formulaires plugin forms */
.forms-titre {
}
.forms-descriptif {
}

/* -------------------------------------------------------
 	19. SPIP - FORUMS - Habillage des forums
 ------------------------------------------------------- */
.forum-repondre, .forum-decompte {
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 1em;
	font-weight: bold; }

ul.forum { 
	display: block; 
	margin: 0; 
	padding: 0; 
}

.forum-fil { 
	margin-top: 1.5em; 
}

.forum-fil ul { 
	display: block; 
	margin: 0; 
	padding: 0; 
	margin-left: 1em; 
}

.forum-chapo .forum-titre, .forum-chapo .forum-titre a { 
	display: block; 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	text-decoration: none; 
	color: #036; 
}
.forum-chapo small {
}
.forum-texte { 
	margin: 0; 
	padding: 0.5em 1em 0 1em; 
	color: #036; 
	font-size: 1em; 
}
.forum-texte .forum-lien {
}
.forum-texte .forum-repondre-message { 
	margin: 0; 
	padding: 1px 0; 
	text-align: right; 
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { 
	border: 1px solid #666; 
	margin: 0; 
	padding: 0; 
	margin-bottom: 1em; 
}
ul ul .forum-message { 
	border: 1px solid #A4A4A4; 
}
ul ul ul .forum-message { 
	border: 1px solid #B8B8B8; 
}
ul ul ul ul .forum-message { 
	border: 1px solid #CCC; 
}
ul ul ul ul ul .forum-message { 
	border: 1px solid #E0E0E0; 
}
ul ul ul ul ul ul .forum-message { 
	border: 1px dotted #E0E0E0; 
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { 
	border: none; 
	border-bottom: 1px dotted #B8B8B8; 
	margin: 0; 
	padding: 3px 6px 2px 6px; 
	font-size: 0.88em; 
	background: #a6b8cb; 
}
ul ul .forum-chapo { 
	background: #c9d3de; 
}
ul ul ul .forum-chapo { 
	background: #d4e6ef ; 
}
ul ul ul ul .forum-chapo { 
	background: #e2e5e8; 
	border-bottom: 1px dotted #E0E0E0; 
}
ul ul ul ul ul .forum-chapo { 
	background: #e2e5e8; 
}

/* -------------------------------------------------------
 	20. SPIP Tableaux
 ------------------------------------------------------- */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { 
	background: #FFC; 
}
table.spip tr.row_odd { 
	background: #c9d3de; 
}
table.spip tr.row_even { 
	background: #e2e5e8; 
}
table.spip th, table.spip td { 
	padding: 3px; 
	text-align: left; 
	vertical-align: middle; 
}

/* Choix des mots-clefs */
.choix_mots { 
	width: 47%; 
	float: left; 
} 
.choix_mots label { 
	display: inline; 
}

/* -------------------------------------------------------
 	21 - SPIP Barre Typographique Enrichie
 ------------------------------------------------------- */
.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 2em;	
	padding: .25em;	
	position: relative;
}

.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #999;
	background : transparent;
}

a.spip_blank {
	color: #f00;
}

h3.spip {
	text-align:left;
	font-size: 1.1em;
	background:transparent;
}
/* -------------------------------------------------------
 	22 - SPIP Pour le mode preview dans l'admin 
 ------------------------------------------------------- */
#article_preview {
	display:none;
	border:1px solid #666;
	overflow: auto;
	background-color: #fcc;
}

/* -------------------------------------------------------
 	23 - SPIP Couleurs des liens de Spip
 ------------------------------------------------------- */
/* liens vers notes de bas de page */
a.spip_note { 
}
/* liens internes */ 
a.spip_in {
	color: #903 ; 
}
/* liens sortants */ 
a.spip_out { 
	color: #036 ; 
	font-weight:bold;
}

/* liens url sortants */
a.spip_url { 
	color: #036 ; 
} 

/* liens vers encyclopedie */
a.spip_glossaire { 
	color: #fc3; 
} 

/* liens exposes */
.on { 
	font-weight: bold; 
	color: #000; 
} 

.spip acronym {
	color:#c00;
}

/* -------------------------------------------------------
 	24. plan du site + page recherche
 ------------------------------------------------------- */
#plan {
	margin: 5px; 
	border:1px solid #369; 
	-moz-border-radius:5px;
}
#plan div.titre {
	text-align:center;
	font-weight: bold;
	background:#f0f2f4; 
	color:#036 ; 
}
#plan .encart {
	float:right;
	width:37%;
}
#plan .contre-encart {
	width:60%; 
	float:left;
}

/* -------------------------------------------------------
 	25. Navigation rapide (article)
 ------------------------------------------------------- */
#sommaire {
	float: right;
	display: block;
	width: 160px;
	margin: 0;
	border: 1px gray solid;
	background-color: white;
	font-size:.8em;
}

#sommaire h4, .spip_modele h4 {
	border-bottom: 1px silver dotted;
	text-align: center;
	line-height: 1em;
	font-size: 1.5em;
}

#sommaire ul li {
	list-style-image:url("img/accept8.png");
}
/* -------------------------------------------------------
 	26. DIVERS - cadres SPIP - logos SPIP
 ------------------------------------------------------- */
.spip_encadrer {
	font-family: helvetica, arial, sans-serif;
	width : 95%;
	background-color: #FFFFFF;
	padding: 5px;
	margin : 0em 2em;
	border: 1px #666666 solid;
}

.spip_cadre {
	width : 95%;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
}

.cartouche .spip_logos {
	float:right;
}
/* -------------------------------------------------------
 	27. DIVERS - copyleft - copyright
 ------------------------------------------------------- */
.copy { 
	text-align:center; 
	font-size:.7em 
}
.copy img { 
	vertical-align:middle;
}
.structure { 
	display: none; 
}
.limit-larg {
	width:500px;
	margin: 0em 1em;
}
/* -------------------------------------------------------
 	28. DIVERS - Non visible a l'ecran
 ------------------------------------------------------- */
.invisible { 
	position: absolute; 
	top: -3000em; 
	height: 1%; 
}

/* -------------------------------------------------------
 	26. Recherche Multi-criteres (rec-mc.html)
 ------------------------------------------------------- */
#rec-mc {
	
 }

#rec-mc table {
}

#rec-mc .result {
}
#rec-mc .result table {
	text-align:center;
	border:1px solid #fc3;
	width:580px;
}
#rec-mc .recherche .boutons,.spip_bouton  {
	text-align:center;
	
}
#rec-mc .recherche .boutons input {
	background-color:#FFFFFF;
	border: 1px solid #2e5035;
	font-size:.9em;
	
}
/* fisheye menu*/
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
	margin-top:3px;
}
a.fisheyeItem
{
	text-align: center;
	color: #903;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}
.fisheyeItem span
{
	display: none;
//	positon: absolute;
}
.fisheyeContainter
{
	background-color: transparent;
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
#myAccordion{
	border: 2px solid #ccc;
	left: 0px;
	top: 0px;
	margin :0;
}
#myAccordion dt{
	line-height: 20px;
	background-image: url("img/fondDegradGris_24.gif");
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #47a;
}
#myAccordion dd{
	overflow: auto;
	margin: 0;
}
#myAccordion dd ul li{
	margin: 0 5px;
}

#myAccordion dt.myAccordionHover
{
	background-image: url("img/fondDegradGris_24.gif"); 
	color: #036;
	cursor: hand;
}
#myAccordion dt.myAccordionActive
{
	background-image: url("img/fondDegradGris_24.gif"); 
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #bbb;
	cursor: crosshair;
	color: #036;
}
#carousel
{
	width: 150px;
	height: 700px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -350px;
}
#carousel a
{
	position: absolute;
	width: 110px;
}

#ImageBoxOverlay
{
	background-color: #000;
	z-index: 1000;
}
#ImageBoxOuterContainer{
	z-index: 1000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}