/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size:100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-family: Verdana, Arial, Sans-serif, Helvetica, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

/* Titraille / Intertitres */
h3.spip { text-align:left; } /* Cf.: spip_style.css */ 
hr.spip {} /* Cf.: spip_style.css */

table.spip td{  background:transparent; border:0px; line-height:16px; }

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size:10px; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFF url("img_cpm/motif.gif"); margin: 0; padding: 0; text-align: center; }

#page { position: relative; width:940px; margin:0 auto; text-align: left; background:#FFF; }

#lang { float:right; font-size:10px; color:#8f8e8e; padding:0px 0px 0px 5px; margin:0px;  }
#lang a{ font-size:10px; color:#000; text-decoration:none; font-weight:normal; text-transform:uppercase; }
#lang a:hover{ font-size:10px; color:#000; text-decoration:underline; }
#lang a.on{ font-size:10px; color:#000; text-decoration:underline; }

#bandeau { position: relative; height:210px; padding:0px;  margin:0px; background:transparent; }

#article { width:540px; float:left; margin:0px 0px 0px 0px; }

#article_top { float: left; width:670px; margin:10px 0px 0px 0px; }

#article_titre { float: left; width:665px; margin:0px 0px 10px 0px; }


#menu_top { float: left; margin:0px 0px 10px 0px;  font-family: "DIN-Medium", Arial; font-size:10px; }
#menu_top ul { list-style:none; display:inline; margin:0px; padding:0px; }
#menu_top ul li { list-style:none; display:inline; line-height:20px; background:#000; padding:4px 4px 4px 4px; margin:0px 3px 0px 0px; }
#menu_top ul li:hover { background:#BF9D52; color:#fff; cursor:pointer; }
#menu_top ul li.on { background:#BF9D52; color:#fff; cursor:pointer; }
#menu_top ul li a{ color:#fff; text-decoration:none; text-transform:uppercase; font-weight:normal; }
#menu_top ul li:hover a{ color:#fff; text-decoration:none; text-transform:uppercase; font-weight:normal; }
#menu_top ul li a.on{ color:#fff; text-decoration:none; text-transform:uppercase; font-weight:normal; }

#menug_bas { position:relative; float:left; padding:0px; margin:0px 15px 20px 10px; font-family: "DIN-Medium", Arial; font-size:11px; }
#menug_bas ul { list-style:none; margin:0px; padding:0px; text-align:left; }
#menug_bas ul li { list-style:none; background:#FFF; color:#000; padding:3px 10px; margin:0px; }
#menug_bas ul li a{ color:#000; text-transform:none; text-transform:uppercase; text-decoration:none; font-weight:normal; }
#menug_bas ul li a:hover{ color:#000; text-transform:none; text-transform:uppercase; text-decoration:underline;  }
#menug_bas ul li a.on{ color:#000; text-transform:none; text-transform:uppercase; text-decoration:underline; }


#conteneur { clear: both; float: left; width:940px; overflow: hidden; padding:0px 0px 20px 0px;}


#form_recherche { float:left; margin:0px 0px 0px 3px; }
#form_recherche .input_recherche{ vertical-align:top; font-size:10px; border:1px solid #7f7f7f; background:#ffffff; color:#7f7f7f; width:65px; padding:3px; }
#form_recherche .bouton_recherche{ vertical-align:top; font-size:10px; border:1px solid #7f7f7f; background:#7f7f7f; color:#fff; padding:2px; cursor:pointer; }


#hierarchie { display:none; }

#article .chapo { margin-bottom:10px; line-height:20px; font-weight: normal; color:#000; font-size:12px; padding:0px;  }
#article .texte { line-height:20px; color: #000; font-size:12px; }
#article .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: normal; color: #8B6F92; }
#article .ps, #contenu_gauche .notes { margin-bottom: 2em; line-height: 1.40em; }
#article .notes { clear: both; font-size: 0.90em; }

#edito { width:430px; float:left; margin::0px 0px 0px 0px; padding:0px; }
#edito .chapo { margin-bottom:10px; line-height:20px; font-weight: normal; color:#000; font-size:12px; }
#edito .texte { line-height:20px; color: #000; font-size:12px; }
#edito .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: normal; color: #8B6F92; }
#edito .ps, #contenu_gauche .notes { margin-bottom: 2em; line-height: 1.40em; }
#edito .notes { clear: both; font-size: 0.90em; }

#droite { width:200px; float:right; text-align:right; padding:10px 12px 0px 0px; margin:60px 0px 10px 10px; border-left:1px solid #a3a097; }
#droite img{ margin:0px 0px 0px 3px; }


#contenu_droit{ width:80px; float:left; margin:15px 0px 0px 20px; padding:10px 10px 0px 20px; border-left:1px solid #a9a79e; }

ul.liste_rubrique { margin:20px 0px 8px 0px; padding:0px 0px 30px 20px; }
ul.liste_rubrique li{ margin:5px 0px 8px 0px; }


ul.liste_document { margin:0px; padding:0px; list-style:none; }
ul.liste_document li{ margin:0px 0px 20px 0px; line-height:10px; }
ul.liste_document li a{ color:#000; font-size:12px; font-weight:normal; }
ul.liste_document li img{ margin:3px 0px 5px 0px; text-decoration:none; }


/* MENU DE GAUCHE */

#menug { width:240px; float:left; padding:20px 20px 0px 0px; overflow:hidden; font-family: "DIN-Medium", Arial; font-size:11px; }

#menug .accueil img { margin:0px 0px 15px 20px; }

#menuprincipal {
	background:#000;
	width:215px;  
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}

#menuprincipal li {
	margin:0px;
	padding:0px;
	}
	
#menuprincipal li a:hover{ background:#999; }

#menuprincipal li.soustoggleSubMenu:hover{ background:#000 url("img_cpm/hover_menu.gif") repeat-x top left; }
#menuprincipal li.subnormal:hover{ background:#999; }

#menuprincipal ul.subMenu li.subnormal a.on:hover{ background:#999; }

#menuprincipal li.toggleSubMenu .on:hover{ background:#000 url("img_cpm/hover_menu_noir.gif") repeat-x top left; }
#menuprincipal li.toggleSubMenu a.on:hover{ background:#000; }

#menuprincipal ul.soussubMenu li:hover{ background:#999; }
#menuprincipal ul.soussubMenu li a.on:hover{ background:#999; }

#menuprincipal li.toggleSubMenu a, #menuprincipal li.toggleSubMenu span {
	padding:5px 5px 5px 5px;
	display: block;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration: none;
	}
	
#menuprincipal li.toggleSubMenu .on a, #menuprincipal li.toggleSubMenu .on span {
	color:#FFF;
	font-weight:normal;
}


#menuprincipal li.soustoggleSubMenu a, #menuprincipal li.soustoggleSubMenu span {
	padding:5px 5px 5px 5px;
	display: block;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration: none;
	}
	
#menuprincipal li.soustoggleSubMenu .on a, #menuprincipal li.soustoggleSubMenu .on span {
	color:#FFF;
	font-weight:normal;
}



#menuprincipal ul.subMenu {
	background:#000;
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	color:#fff;
	font-weight:normal;
}

#menuprincipal ul.subMenu li{
	margin: 0px;
	padding:2px 0px 2px 15px;
	font-weight:normal;
	}
	
#menuprincipal ul.subMenu li a {
  padding:0px;
	display: inline;
	color:#fff;
	text-transform:none;
	text-transform:uppercase;
	font-weight:normal;
}
#menuprincipal ul.subMenu li a.on {
  background:transparent;
  text-decoration:underline;
}
#menuprincipal ul.subMenu li.subnormal a.on {
  background:transparent;
  text-decoration:none;
}


#menuprincipal ul.soussubMenu {
	margin:2px 0px 0px 0px;
	padding:0px;
	list-style:none;
	color:#fff;
	font-weight:normal;
}

#menuprincipal ul.soussubMenu li{
	margin: 0px;
	padding:2px 0px 2px 15px;
	line-height:16px;
	font-weight:normal;
	}
	
#menuprincipal ul.soussubMenu li a {
  padding:0px;
	display: inline;
	color:#fff;
	text-transform:none;
	font-weight:normal;
}
#menuprincipal ul.soussubMenu li a.on {
  background:transparent;
  text-decoration:none;
}



#compteur_ouverture { text-align:center; font-family: "DINEngschrift", Arial; padding-top:40px; }
#compteur_ouverture h1{ display:inline; padding:0px; margin:0px; color:#000; font-size:18px; font-weight:normal; }
#compteur_ouverture h2{ display:inline; padding:0px; margin:0px; color:#000; font-size:40px; font-weight:normal; }

/* MENU DES ARTICLES */

.lavaLampBottomStyle {
            position: relative;
            padding:0px;
            margin:5px 0px 10px 0px;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                    margin:0px 20px 0px 0px;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 3px solid #000;
                        width: 9px;
                        height:15px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font-size:13px;
                        text-decoration:none;
                        letter-spacing:0px;
                        color: #000;
                        z-index: 10;
                        display: block;
                        float: left;
                        height:20px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 0px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a.current, .lavaLampBottomStyle li.current a{
                            border: none;
                        	color: #000;
                        	font-weight:normal;
                        }   







#menuarticles { padding:0px 0px 20px 0px; margin:10px 0px 20px 0px; }


h1.titre { font-family: "DINEngschrift", Arial; text-transform:uppercase; font-size:24px; color:#000; margin:0px 0px 10px 0px; padding:0px; font-weight:normal; }


#pied { font-family:Arial; clear: both; overflow:hidden; font-size:11px; color:#000; text-align:right; position: relative; width:900px; padding:10px 20px; background:#FFF url("img_cpm/dot.gif") top left repeat-x; }
#pied #logo { float:left; }
#pied #menubas { float:right; padding:10px 0px 0px 0px; }
#pied a{ font-size:11px; color:#000; }
#pied a:hover{ font-size:11px; color:#000; }
#pied img{ vertical-align: top; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

abbr.published { border: 0; }

 
.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/


/* Couleurs des liens
---------------------------------------------- */
a { color:#000; text-decoration: underline; }
a.spip_out{ color:#000; text-decoration: underline; }
a:focus,a:hover,a:active { color: #000; text-decoration: underline; }