/* CSS Document */
/* vert : adce47 - bleue violet : 6664c7 */

#menu_art
{
margin-left:5px;
margin-top:5px;
border:1px solid #ccc;
-moz-border-radius : 10px 10px; 
width:185px;
font-size:10px;
color:#666666;
padding-bottom:0px;
}

#gauche #menu_art ul{
padding:0px;
margin:5px;
margin-bottom:3px;
list-style-position:inside;
list-style-image:url(http://diocese-frejus-toulon.com/images08/carre_menu_rub.gif);}

#menu_art ul li.on{
color:#adce47;}

#menu_art ul li.on{
color:#adce47;}

#menu_art ul ul.on{
color:#adce47;}

#menu_art ul.art_rub{
/* list-style-image:url(puce.gif); */
/* list-style:url(puce.gif) inside; */
color:#333333;
padding-left:10px}

#menu_art ul.art_rub li{
/* background: url(puce.gif) no-repeat;
background-position:2px ; */
color:#333333;
list-style-image:url(http://diocese-frejus-toulon.com/images08/carre_menu_art.gif);}
/* padding-left:10px */
}

/* PAGE ARTICLE */

#page_article{
font-family:Arial, Helvetica, sans-serif;
}

#page_article #hierarchie{
font-size:12px;
color:#999999;
width:732px;
}

#page_article h1{
color:#6666cc;
font-size:16px;
text-align:left;
margin-bottom:14px;

}

#page_article .detev{
font-weight:bold;
font-size:12px;
color:#666666;}

#page_article h2{
color:#adce47;
font-size:12px;
text-align:left;
margin-bottom:10px;
margin-top:10px;
}

/* CADRE HO ****************************/
#page_article #cadre_ho{
width:732px;
margin-bottom:0px;
position:relative;
z-index:10;
}

#cadre_ho #logo{
float:left;
border:2px solid #adce47;
-moz-border-radius : 5px 5px;
padding:2px;
text-align:center;
margin:5px;
}

#cadre_ho #chapo_art{
margin-left:10px;
padding-top:5px;
font-size:15px;
line-height:20px;
width:auto;
color:#999;
font-weight:700;
}

#cadre_ho #chapo_art p.spip{
margin-left:10px;
padding-top:5px;
font-size:15px;
line-height:20px;
width:auto;
color:#999;
font-weight:700;
}
/* TEXTE ****************************/
#page_article #texte{
width:732px;
font-size:12px;
color:#999999;
text-align:left;
position:relative;
z-index:20;
}

#page_article #texte p.spip{
text-align:left;
position:relative;
z-index:20;
}

#page_article #texte strong.spip{
color:#6664c7;
}

#page_article #texte h3.spip{
color:#6666cc;
font-size:14px;
text-align:left;
margin-top:12px;
margin-bottom:12px;
}

#page_article #texte hr.spip{
color:#adce47;
background-color:#adce47;
height: 1px;
border: 0;
margin-bottom:12px;
margin-top:10px;
width:66%;
margin-left:17%;
text-align:center;
}

#page_article #texte p.spip{
margin-bottom:12px;
}

#page_article #texte a {
border-bottom:dotted 1px #6664c7;

}


/* TABLEAU ****/

#page_article table{
margin-left:15px;
width:700px;
border-collapse:collapse;
border:2px solid #5654bf;
border-top:0px;
}


#page_article thead {
background-color:#5654bf;
color:#FFFFFF;
font-weight:800;
}

#page_article thead th{
height:15px;
padding:2px;
padding-top:5px;
padding-bottom:5px;
border:#adce47 1px solid;
border-top:0px;
}

#page_article td{
padding:2px;
border:#adce47 1px solid;}

/* NOTES ****************************/

#page_article #notes {
width:732px;
font-size:10px;
color:#999;
text-align:left;
}

#page_article #notes p.spip_note{
width:732px;
font-size:10px;
color:#999;
text-align:left;
}

/* PORTFOLIO */

#page_article .clic{
font-size:12px;
width:732px;
text-align:center;
margin-bottom:10px;
margin-top:10px;
color:#adce47;
font-weight:bold;
}

#page_article .portfolio{
font-size:12px;
float:left;
width:160px;
text-align:center;
margin-bottom:10px;
}

#page_article .portfolio h3{
font-size:11px;
color:#6664c7;
margin:0px;
padding:0px;
font-weight:bold;
}

#page_article .portfolio .descriptif{
font-size:11px;
color:#999;
margin:0px;
padding:0px;
}

#page_article .portfolio .type{
font-size:10px;
color:#999;
margin:0px;
padding:0px;
}

#doc-joint-rub .mp3
{
font-size:10px;
color:#999;
float:left;
margin-bottom:2px;
margin-left:6px;
border:#adce47 solid 1px;
-moz-border-radius : 5px 5px;
padding:3px;}

#doc-joint-rub a.titredoc{font-weight:bold;}

#page_article h3{font-weight:bold;}

/* SAVOIR PLUS xxxxxxxxxxxxxxxxxxxxxxxxx*/

#savoir{
color:#5654bf;
text-align:center;
width:730px;
}

#savoir #hoplus{
margin-left:15px;
color:#5654bf;
background-color:#5654bf;
-moz-border-radius : 10px 10px 0px 0px;
width:700px;
height:28px;
text-align:left;
}

#savoir #hoplus .logo{
padding-left:20px;
padding-top:2px;
}

#savoir #contplus{
margin-left:15px;
color:#5654bf;
font-size:10px;
border:solid 3px #5654bf;
border-bottom:none;
width:684px;
text-align:left;
padding:5px;

}

#savoir #contplus p.spip strong{
color:#5654bf;
font-size:10px;
}

#savoir #contplus p.spip {
color:#999;
font-size:10px;
}

#savoir #contplus a {
font-size:10px;
}

#savoir #basplus{
margin-left:15px;
background-color:#5654bf;
-moz-border-radius : 0px 0px 15px 15px;
width:700px;
height:10px;
}

/* FORUM */

#page_article h2.forum-decompte{
display:none;
}

#page_article ul.forum{
margin-left:15px;
padding-left:0px;
list-style:none;
width:700px;}

#page_article ul.forum li{
list-style:none;
}

#page_article .forum-fil{
font-size:12px;
padding:5px;
color:#666666;
-moz-border-radius : 5px 5px ;
background-color:#b8b9ff;
margin:0px;
margin-bottom:5px;
}

#page_article .forum-chapo{
font-size:10px;
color:#FFFFFF;
margin-bottom:3px;
}

#page_article h3.forum-titre{
padding:0px;
margin-top:0px;
margin-bottom:15px;
}

/* qotes style */

blockquote .spip{
padding:2px;
border:1px solid #adce47;
-moz-border-radius : 5px 5px; 
width:66%;
margin-left:17%;
text-align:center;
}

blockquote .spip strong.spip{
padding:0px;
border:none;
-moz-border-radius : 5px 5px; 
margin-left:0px;
text-align:center;
}

/* Spécifie des paires de guillemets sur deux niveaux et pour deux langues */
#page_article Q:lang(en) { quotes: '"' '"' "'" "'";
font-family:Georgia, "Times New Roman", Times, serif;
color:#0000FF; font-size:16px;}
#page_article Q:lang(no) { quotes: "«" "»" "<" ">"; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; }

/* Insère des guillemets avant et après le contenu d'un élément Q */

#page_article Q{float:right;

padding:3px;
margin:2px;
text-align:center;
margin-left:10px;
margin-top:2px;
width:300px;}

#page_article Q:before { line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; content: open-quote; color:#adce47; font-weight:bold; font-size: 24px; margin:5px;}
#page_article Q:after  { line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; content: close-quote; color:#adce47; font-weight:bold; font-size: 24px; margin:5px;}

/* PUCES */
#page_article ul{
padding-left:20px;
list-style:disc;
}

#page_article ul li{
list-style:disc;
}

#page_article ul li ul li{
list-style:circle;
}

#page_article ul li ul li ul li{
list-style:square;
}

#page_article ol.spip {
padding-left:0px;
list-style-position:inside;
}

#page_article ol li{
margin-left:0px;
padding-left:0px;
list-style:decimal;
list-style-position:inside;
}

#page_article ol.spip ol.spip{
padding-left:20px;
}

#page_article ol.spip ol.spip ol.spip{
padding-left:20px;
}

/* AUTEURS 23 fev */

#auteur a{
background-image:url(../images08/env-b.gif);
background-repeat:no-repeat;
padding-left:22px;
}

#auteur a:hover{
background-image:url(../images08/env-v.gif);
background-repeat:no-repeat;
padding-left:22px;
}

/* Formulaires de sondage */

#page_article #texte .spip_forms{
color:#999999;
}

#page_article #texte .spip_forms form fieldset{
border:1px solid #adce47}

#page_article #texte .spip_sondage strong{
color:#999999;}

#page_article #texte span.spip_form_label{
margin-bottom:2px;
color:#999999;}

#page_article #texte .spip_form_label .label{
color:#999999;}

#page_article #texte .spip_sondage .sondage_ligne .ligne_barre{
background-color:#6664c7;
border:1px solid #fff;}

#page_article #texte a.resultats_sondage{
border:#adce47 2px solid;
-moz-border-radius : 5px 5px; 
background-color:#FFFFFF;
color:#999999;
padding:2px;
font-weight:bold;
}

#page_article #texte ul.spip_form_choix_multiple{
list-style-image:none;
list-style:none;
list-style-type:none;
color:#999;
}

#page_article #texte ul.spip_form_choix_multiple li{
list-style-image:none;
}

#page_article #texte .formInfo{
background-color:#ccc;
}

#page_article #texte .spip_bouton input{
border:#adce47 2px solid;
-moz-border-radius : 5px 5px; 
background-color:#FFFFFF;
color:#999999;
padding:2px;
font-weight:bold;
}

#page_article #texte img{margin-top:10px;}

#page_article #texte .spip_documents { text-align: center; }
#page_article #texte .spip_documents_center { clear: both; width: 100%; margin: auto; }
#page_article #texte span.spip_documents_center { display: block; margin-top:1em; }
#page_article #texte .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
#page_article #texte .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
#page_article #texte .spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
#page_article #texte .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

#printcopy{
font-size:10px;
color:#666666;
display:none;}


#page_article #texte table.spip strong.spip{
	color:#FFFFFF;}
	
#page_article #texte table.spip td strong.spip{
	color:#999;}
	
	
#texte blockquote.spip p.spip i.spip{
	padding-left:0px;
	margin-left:0px;
	text-align:left;}
	
#auteur_print{
	display:none;}
	
/* NOTE DE BAS DE PAGE */

a.spip_note{
    position:relative; /*IMPORTANT*/
    z-index:24; 
    text-decoration:none}

a.spip_note:hover{z-index:25; }

a.spip_note span{display: none}

a.spip_note:hover span{ 
    display:block;
	position:absolute;
	padding:2px;
    top:20px; left:20px; width:300px;
    border:1px solid #ccc;
	text-align:justify;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
    background-color:#ccc; color:#000;
    }

/* pour les photos en portfolio des articles */

.photo_vignette_liste_element {
	display:inline;
}

.photo_vignette_cadre {
	display:inline-block;
	border:1px solid #6664c7;
	background-color:#e0e0e0;
	padding:2px;
	margin:5px;
	height:216px;
	width:200px
}

.photo_vignette_cadre:hover {
	border-color: #adce47;
	background-color:#f9f9f9;
}

.photo_vignette_titre {
	font-size:12px;
	display:inline-block;
	width:200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}