/*
* 12/12/2005 - 22:40:00 - Scout Web Portail - v 1.1.1
*
* complet.css v 1.1 - Styles du menu par d�faut du portail (liens tri�s par unit�)
* Copyright (C) 2005 ChMat
* http://www.scoutwebportail.org
*
* This file is part of Scout Web Portail.
*/
/*
Structure du menu :
div id=menu
	a id=pseudo_membre
	ul id=menu_membre
	  li
	    a class=accueil profil gestion_unite pages_restreintes pages_sections forum_staffs
	ul id=menu_base
	  li
	    a class=accueil login inscription forum tally
	ul class=sections_unite (autant de listes que d'unit�s)
	  li class=section > nom d'une section
	  li class=unite > nom d'une unit�
	    ul
		  li (class=aucun_lien)
		    a (class=new_lien)
	a id=gestion_menu
	ul id=menu_general
*/

.vie_site_contenu li{
   background-image: url('../../templates/default/images/before_vie_site.jpg'); 
   background-color: transparent;
}
.vie_site{
	background-image: url('../../templates/default/images/vie_fond.png');
}

.textes_contenu li{
   background-image: url('../../templates/default/images/before_textes.jpg');
}
.textes{
	background-image: url('../../templates/default/images/textes_fond.png');
}

.activites_contenu li{
   background-image: url('../../templates/default/images/before_activites.jpg');
   
}
.activites{
	background-image: url('../../templates/default/images/activites_fond.png');
	
}

.presentation_contenu li {
   background-image: url('../../templates/default/images/before_presentation.jpg');
}
.presentation{
	background-image: url('../../templates/default/images/qui_fond.png');
}

/*
* 11/12/2005 - 22:15:00 - Scout Web Portail - v 1.1.1
*
* style.css v 1.1.1 - Styles du portail (feuille principale)
* Copyright (C) 2005 ChMat
* http://www.scoutwebportail.org
*
* This file is part of Scout Web Portail.
*/
/*
* Modifications v 1.1.1
*	Correction de certains styles 
*/

/* body
**********************************************/
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #000;
        background-color:#FFF; min-width:965px;
/*	background: url('../../templates/default/images/fond_menu.png') repeat-y;
	width:140px;
	margin: 10px 0;
	padding: 0;
	text-align: center;*/
} 
#index {
/*	background: url('../../templates/default/images/fond_top.png') repeat-x;
	width:770px;
	margin: 0 auto;
	text-align: left;
	height:20px;*/
	position : relative;
	bottom : 22px;
}
 #sous_index{
	position: absolute;
	width:100%;
	margin-top:30px;
 }

/* On annule les styles d�finis par certains navigateurs
*************************************************************************************/
h1, h2, h3, h4, h5, h6, pre, blockquote, input, select, td, th, textarea { font-size:11px; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd {
	margin:0; padding:0 }
a img, :link img, :visited img { border:none; }
address { font-style:normal }

/* On remet en place un certain nombre de styles
*************************************************************************************/
/* Cette partie de la feuille de style est sous licence Creative Commons.			*/
p, ul, ol {margin-bottom: 1em;}
p.petitbleu, p.petit { margin-bottom:2px;}

.decale {margin-left:2em;}
h1, h2, h3, h4 {margin-bottom:0.5em;}

dl {margin: 0 0 0 1em;}
dl dt {margin: 0 0 .5em 0; border-bottom: solid #F3F3F3 1px; padding-bottom: 0.2em;}
dl dd+dt {margin-top: 1.2em;}
dl dd {margin: 0 0.9em 0.9em 0.9em;}

ol {list-style: decimal;}
ol li {margin: 0 0 0 2em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

ul {list-style: disc;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 0 0 0 1em; list-style: circle;}
ul li ol {margin: 0 0 0 1em;}
/* Fin de la partie sous licence Creative Commons 									*/

ul.dir li { list-style-type:none; /* liste de dossiers */
	padding-left:18px; background: url('../../templates/default/images/go.png') no-repeat 0px;}

acronym {border-bottom:1px dotted; cursor:help;}
label:hover { cursor:pointer; text-decoration:underline;}

/* a
**********************************************/
a, a:visited , a:active {color: #000080;}
a:hover {color: #205090;}

/* D�finition des balises de code 
**********************************************/
code, .code {color: #060;}
.code {
	border:1px #D1D7DC solid; background: url('../../templates/default/images/fond-code.png') repeat-y; 
	width:95%; margin:auto; padding:0.2em; overflow:auto; margin-top:0.2em; margin-bottom:0.5em;}
blockquote {
	border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; width:70%; margin:0.2em 3% 0.2em 3%; padding:7px 0.2em 15px 30px; 
	font-style:italic; background: url('../../templates/default/images/fond_quote.png') 0 2px no-repeat;}
	.info {margin-left:3%; padding-top:0.3em; font-weight:bold; color:#666; display:block;}

/* Balises de titre 
**********************************************/
/*h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px; font-weight:normal; 
	background: url('../../templates/default/images/grad_titre.png') repeat-x ; color: #FFFFFF; text-indent: 2em; line-height: 1.8em; }*/

h1 {background:none; color:#0a8011;font-size:22px; font-weight:normal;
margin:0px; padding:3px 0px 0px 0px;}
h1:before{content:url('../../img/smileys/67.gif');
margin-right:5px;}

h2, .titre2 {
	font-size: 14px; color: #930; font-weight:bold;}
#corps > h2, #indexg_colonne_gauche h2 { background-color: #FFF8DC; border-bottom: 1px #D19275 solid;}
#corps1 > h2, #indexg_colonne_gauche h2 { background-color: #FFF8DC; border-bottom: 1px #D19275 solid;}
h3 {font-size:12px; color:#C05A27; margin-top:1em;}
p + h3 {margin-top:0;}
h3 a:link, h3 a:visited, h3 a:hover {font-size:12px; color:#F05A17;  margin-top:1em;}

#chefs   {color : #930; font-weight:bold; font-size:14px; text-decoration:underline;}
h4, h5, h6 {font-weight:bold; color: #339;}
hr {display:none;}

/* Balises de formulaires 
**********************************************/
input, select, td, textarea, optgroup {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666;}
optgroup { font-style:normal; color:#339;}
option { color:#666;}
textarea {border:1px #C05A27 solid;}
fieldset {margin:0.5em 10% 0.5em 10%; padding:0.5em;
	border:1px solid #C05A27;}

/* Zones de tableaux 
**********************************************/
th {  
	font-weight:bold; color:#FFF; background:#25507A url('../../templates/default/images/fond_titre.png') repeat-x 50%;}

td {color: #000;}
td p{font-size:12px;}
.lien_calend{ color:#FFF000;}
.lien_calend:hover{ color:#FFFA00;}


/* Sommet du site
**********************************************/
#top_page {
	border-bottom:1px #5175CB solid;
	vertical-align:top;
	height:85px;
	/*background-color:#25507A;*/
	background:url('../../templates/default/images/top_bg.png') repeat-x;
	z-index:55;
	/*min-width:1000px;
	/*text-indent:300px;*/}

#top_page h1 { /* Nom du portail cach� (remplace le texte de la banni�re d'accueil par exemple) */
	display:none;}


#cadre_connexion{
float:right;
margin:15px 8px 0px 0px;
padding: 0px 0px 0px 0px;
background:url('../../templates/default/images/cadre_connexion_bg.png') no-repeat top left;
min-height:37px;
}

#cadre_connexion .sous_cadre_connex{
background:url('../../templates/default/images/cadre_connexion_bg.png') no-repeat top right;
min-height:37px;
margin-left:6px;
padding-right:5px;
}
#cadre_connexion ul{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#cadre_connexion a{
color:#FFFFFF;
text-decoration: none;
font-weight:bold;
}

#cadre_connexion a:hover{
text-decoration: underline;
}

#cadre_connexion li{
color:#FFFFFF;
display: inline;
padding : 10px 7px 10px 7px;
margin: 0px 0px 0px 0px;
}

#cadre_connexion li form{
display: inline;
}

#cadre_connexion .bouton_chercher{
position:relative;
top: 4px;
margin-left:5px;
}

/* �l�ments int�gr�s dans le menu */
#bloc_connectes { /* Liste des membres connect�s sur le portail */
	border-top:1px #999 solid; margin-top: 0.5em;}
	#bloc_connectes a {
		display: inline; /* pour annuler le display:block dans #menu */}
#bloc_img { /* Images de pub */
	margin-left: auto;
     	margin-right: auto;
	text-align:center;
	border-top:1px #999 solid;}
#logoff { /* Bouton de d�connexion utilisateur */
	text-align:center; margin-top:0.5em;}

/* Menus flottants
**********************************************/
/* Menu flottant avec ic�ne */
.menu_flottant {float:right; padding:0; margin:0.3em; font-size:11px; border:1px #25507A solid; width:260px; background-color:#FFF;}
.menu_flottant h2 {
	padding:0.2em; margin:0; margin-bottom:0.2em; color:#FFF;
	background:#b5c4d2 url('../../templates/default/images/h2.png') repeat-y ;}
.menu_flottant .icone {float:left; display:inline; margin:0.2em;}
.menu_flottant p {float:left; max-width:180px;}

/* Menu flottant sans ic�ne */
.panneau {float: right; clear:right; font-size:11px; border: 1px solid #25507A; background-color:#FFF; width: 200px; margin:0 0 0.5em 0.5em;}
/*.panneau {float: right; border: 1px solid #25507A; width: 200px; margin-left:0.5em; margin-bottom:0.5em;}*/
.panneau h2, .menu_flottant h2 {
	font-size:12px; font-weight:bold; color:#FFF; background:#25507A url('../../templates/default/images/fond_titre.png') repeat-x 50%;
	padding:2px; padding-left:0.5em; margin-bottom:0;}
.panneau p { padding-left:0.5em;}
.panneau li { list-style-type:none;}


/* Corps de la page o� s'affiche le contenu
**********************************************/
#corps {
        margin-left : 190px;
	min-width:756px;
	padding: 0em 0.5em 0.5em 1em;
	background-color:#FFF;
	font-size:12px;
        margin-bottom:10px;
}

	#hors-service { /* un module du portail est d�sactiv� */
		margin:6em 15% 6em 15%; text-align:center; padding:0.5em; border:1px #666 dotted;}

/* D�finition des classes du portail
**********************************************/
/* Lignes de tableaux altern�es */
.td-1, .td-4 {background-color: #F3F3F3; color: #666; text-decoration: none;}
.td-2, .td-3 {background-color: #FFF; color: #666; text-decoration: none;}
.td-1 a, .td-4 a, .td-2 a, .td-3 a { text-decoration:none; color:#666;}
.td-1 td, .td-4 td, .td-2 td, .td-3 td { color:#666;}
.td-4 {color: #000;}
.td-1:hover, .td-4:hover, .td-2:hover, .td-3:hover {background-color: #DDD;}
.td-gris { background-color:#F3F3F3;}

/* Autres styles */
.cadrenoir {border: 1px #25507A solid; margin-bottom:1em;}
.grandthstaffs { /* Intitul� de page avec ic�ne animateur only */
	background: url('../../templates/default/images/zone_animateur.png') no-repeat 0 50%; line-height:50px; 
	padding-left:65px; font-size: 18px; color:#25507A;}
.lienmort, .login {text-decoration: none;}
.login {color: #FFF;}
.lien, .menumembres, .panneau a, .menu_flottant a {text-decoration: none; color: #000;}
.petit, .petitbleu, td.petitbleu, .petitbleu a {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.petitbleu, #dernier_commentaire .date {color: #69C;}
.rmq {font-weight: bold; color: #C30;}
.rmqbleu, dl dt, #dernier_commentaire .auteur {font-weight: bold; color: #339;}

#fil_ariane{margin-bottom:5px;}

/* Zones d'affichage dans indexg.php (page d'accueil du portail)
**********************************************/
#indexg_colonne_gauche { /* �dito, dernier commentaire, suggestion de s'inscrire sur le portail, abonnement newsletter */
	width:70%; float:left;  }
	#indexg_colonne_gauche > h2 { padding-top:0; margin-top:0;}
        #indexg_colonne_gauche .cadre_titre h2 {border: 0px; }
        .cadre_index {	margin-bottom:0.5em;  background:#f0f7ff;}
	.cadre_index h3 {padding-left:5px; padding-top:2px; border-bottom:1px solid #ff7800;
									color:#ff7800; font-size:11px; margin:0px 0px 2px 0px;}
	.cadre_index .cadre_titre {background-image: url('../../templates/default/images/cadre_connexion_bg.png');
									border-bottom: 1px solid #5175CB;}
	.cadre_index .cadre_titre h2{padding:0.2em; margin:0px 0px 0px 6px; color:#FFF; font-size:12px; padding: 5px 0px 5px 0px; 
								background: url('../../templates/default/images/cadre_connexion_bg.png') top right; }
	.cadre_index .cadre_titre h2 >a{color: #ffffff; text-decoration: none; font-weight: bold;}
	.cadre_index .cadre_titre h2 >a:hover{text-decoration:underline;}
	.cadre_index .cadre_corps{border:1px #25507A solid; -moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius:  10px; -webkit-border-bottom-left-radius:  10px;
	border-top:0px; padding: 0px 3px 5px 3px; line-height: 1.5em; }	
        
	#a_la_une .cadre_corps, #derniers_livre_or .cadre_corps{height:9em; overflow:auto; padding-bottom:0px; border:1px #25507A solid;
	border-bottom:0px; border-top:0px;
	-moz-border-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px;}
	#a_la_une .cadre_footer, #derniers_livre_or .cadre_footer{text-align:right; border:1px #25507A solid;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
	border-top:0px; padding: 0px 3px 5px 3px;}

	.contenu_une{min-width:100%; width:100%;}
        
#indexg_colonne_droite { /* derni�res news, derniers messages forum */
	position:relative; width:29%; float:right;  }
	#dernieres_news .item_news, #dernieres_news .first_news {}
        #dernieres_news p { margin-bottom:0; padding:0 5px;}
        #dernieres_news p.auteur_news a {text-decoration: none;}
        #dernieres_news .auteur_news { text-align:right; font-size:10px; padding-right:2px;}

        #derniers_messages_forum table { width:99%;}
        #derniers_messages_forum .td-1 {background-color: #d3e6ff; text-decoration: none; width:29%;}
        #derniers_messages_forum .td-2 {background-color: #f0f7ff; text-decoration: none; width:29%;}

        #derniers_textes .td-1 td{background-color: #d3e6ff; text-decoration: none; width:29%;}
        #derniers_textes .td-2 td{background-color: #f0f7ff; text-decoration: none; width:29%;}

        #derniers_articles .td-1 td{background-color: #d3e6ff; text-decoration: none; width:29%;}
        #derniers_articles .td-2 td{background-color: #f0f7ff; text-decoration: none; width:29%;}
        
/* Forums
**********************************************/
/* Le forum est contenu dans une div id="forum" */
#forum h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
#forum h2 a { text-decoration:none;}

/* liste des forums */
#forum table.f_liste_forums { width:100%; margin-top:5px; margin-bottom:1em; border:2px solid #25507A; clear:right;}
#forum .f_liste_forums tr {background:#D2B48C;}
#forum td.f_titre {	padding-left:45px; padding-bottom:5px; height:60px;}

/* Ic�ne correspondant au niveau d'acc�s minimum du forum */
#forum td.f_0 {background:#FFF url('../../templates/default/forum/forum0.png') no-repeat 0 25%;}
#forum td.f_1 {background:#FFF url('../../templates/default/forum/forum1.png') no-repeat 0 25%;}
#forum td.f_2 {background:#FFF url('../../templates/default/forum/forum2.png') no-repeat 0 25%;}
#forum td.f_3 {background:#FFF url('../../templates/default/forum/forum3.png') no-repeat 0 25%;}
#forum td.f_4 {background:#FFF url('../../templates/default/forum/forum4.png') no-repeat 0 25%;}
#forum td.f_5 {background:#FFF url('../../templates/default/forum/forum5.png') no-repeat 0 25%;}

#forum tr.f_1 {background-color: #d3e6ff; text-decoration: none; width:29%;}
#forum tr.f_2 {background-color: #f0f7ff; text-decoration: none; width:29%;}
#forum tr:hover{background-color:#F6F4D0;}


#forum td.f_titre h3 { margin-top:0;}
#forum td.f_titre h3 a { text-decoration:none; font-style:normal; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#forum td.f_titre h3 a:hover { text-decoration:underline;}
#forum td.f_outils_forum a { text-decoration:none;}

/* liste des discussions */
#forum table.f_liste_fils { width:100%; margin-bottom:1em; border:2px solid #25507A; clear:right;}
#forum td.f_titre_fil {  padding-left:5px;}
#forum td.f_titre_fil span.fil_pg { margin-left:10px; font-size:10px;}
#forum a.f_titre_fil { text-decoration:none; font-weight:bold; color:#25507A;}
#forum a.f_titre_fil:hover { text-decoration:underline;}

/* Recherche */
.f_recherche { text-align:right; padding-top:5px;}

/* Pagination */
.f_pagination { font-weight:bold; font-size:10px; text-align:right; padding-top:5px; clear:right; float:right; margin-bottom:5px;}
	.f_pagination a { text-decoration:none;}
	.f_pagination a:hover { text-decoration:underline;}

/* Droits du forum */
.f_droits { font-size:11px; text-align:right;}

/* Boutons du forum */
.f_poster p, .f_nouveau p, .f_recherche { margin:0.2em 0;}

/* Discussion */
.fil, .post_message {
	 padding: 0.2em;  clear:right;}
.post { border: 1px solid #25507A; background-color:#FAFAFA; margin-bottom: 5px;}
.post h2 {background-image: url("../../templates/default/images/h1_article.png");
        background-repeat: repeat-x;
        font-size: 14px;
        color: #ffffff;
        padding-left: 5px;}
.post_banni, .titre_banni {background-color:#D19275; color:#000;}
.post_banni h2 {text-decoration: line-through;}
.modo {text-align:right; color:#FFD700; font-weight:bold; font-style:italic; padding-right:0.5em;}
.post .modo {color:#666;}
.infos_posteur {float:left; width:18%; text-align:center;}
	.pseudo { /* le pseudo du posteur */
		margin-bottom:0; font-weight:bold;}
	.avatar {}
	.statut {color:#69C; font-size:10px;}
#forum .message { min-height:150px; border-left: 1px #666 solid; padding:0.2em; padding-left:0.5em;}
#forum .post .message {border: 1px #F3F3F3 solid; border-right:0; background-color:#FFF; margin-bottom:5px;}
.fil .infos_post {color:#69C; text-align:right;  padding:0.1em 0.2em 0.1em 0;}
.last .infos_post {border-bottom:0;}
.post_message textarea {width:95%; height:200px; margin-left:2.5%;}



/* Pied de page
**********************************************/
#footer {
	border-top:1px #999 solid; clear:both; padding: 1em 1em 2em 1em; font-size:9px; color: #999;}
	#footer a {text-decoration:none;}
	#footer .web {float:left;}
	#footer .maj {float:right;}
	#footer .divers {padding-top:0.1em; clear:both; float:left;}
	#footer .top {padding-top:0.1em; float:right; clear:right;}
	#footer .top a {padding-left:18px; background: url('../../templates/default/images/haut.png') no-repeat 5px;}

/* Page Gestion de l'unit�
**********************************************/
#gestion_unite h2 {
	font-weight:bold; color:#FFF; background:#25507A url('../../templates/default/images/fond_titre.png') repeat-x 50%;
	text-align:center; font-size:12px; padding:2px 0;}
#gestion_unite #infos_generales { background: url('../../templates/default/images/nouveautes_membres.png') no-repeat 5px 20px;
	margin-bottom:1em; min-height:70px; border:1px #25507A solid;}
#gestion_unite .cadre_g, #gestion_unite .cadre_d { margin-bottom:1em; min-height:175px; border:1px #25507A solid; width:49%;}
#gestion_unite .cadre_g { float:left;}
#gestion_unite .cadre_d { float:right;}
#gestion_unite #gestion_membres { background: url('../../templates/default/images/gestion_membres.png') no-repeat 5px 20px;}
#gestion_unite #gestion_section { background: url('../../templates/default/images/gestion_section.png') no-repeat 5px 20px;}
#gestion_unite #outils_generaux { background: url('../../templates/default/images/outils_generaux.png') no-repeat 5px 20px; min-height:120px;}
#gestion_unite #gestion_anciens { background: url('../../templates/default/images/gestion_anciens.png') no-repeat 5px 20px; min-height:120px;}

#gestion_unite #infos_generales p, #gestion_unite #gestion_membres p, 
#gestion_unite #gestion_section p, #gestion_unite #outils_generaux p, 
#gestion_unite #gestion_anciens p { padding-left:70px; margin-bottom:0.2em;}

/* Page d'accueil membres
**********************************************/
#membres h2 {
	font-weight:bold; color:#FFF; background:url('../../templates/default/images/fond_titre.png');
	/*font-weight:bold; color:#FFF; background:#25507A url('../../templates/default/images/fond_titre.png') repeat-x 50%;*/
	text-align:center; font-size:12px; padding:2px 0;}
#membres #zone_infos { background: url('../../templates/default/images/message_membre.png') no-repeat bottom left;
	margin:0.5em 0; min-height:70px; border:1px #25507A solid;}
#membres .cadre_g, #membres .cadre_d { margin-bottom:1em; min-height:175px; border:1px #25507A solid; width:49%;}
#membres .cadre_g { float:left;}
#membres .cadre_d { float:right;}
#membres #msg_membres { background: url('../../templates/default/images/espace_membre.png') no-repeat bottom left; min-height:70px;}
#membres #m_webmaster, #membres #m_cowebmaster { background: url('../../templates/default/images/zone_webmaster.png') no-repeat 5px 20px;}
#membres #m_gestion_unite { background: url('../../templates/default/images/gestion_unite.png') no-repeat 5px 20px; min-height:120px;}
#membres #m_animateur { background: url('../../templates/default/images/zone_animateur.png') no-repeat 5px 20px; min-height:120px;}
#membres #m_pages_restreintes { clear:both;}

#membres #zone_infos p, #membres #msg_membres,  #membres #m_webmaster ul, 
#membres #m_webmaster p, #membres #m_cowebmaster p, #membres #m_gestion_unite p, #membres #m_animateur p { padding-left:70px; margin-bottom:0.2em;}

#membres #m_webmaster ul { list-style-type:none;}

#membres #zone_infos, #membres #msg_membres, #membres #m_webmaster, #membres #m_cowebmaster, 
#membres #m_gestion_unite, #membres #m_animateur, #membres #m_pages_restreintes { border:1px #25507A solid; margin-bottom:1em;}


/* Blocs standards utilis�s un peu partout
**********************************************/
/* 
* .introduction : description de l'outil ou des fonctions propos�es sur la page
* .action : panneau dans lequel une action utilisateur est requise
* .msg : Message d'information/d'erreur
* .message_info_anim : Message d'information affich� � un animateur sur une page visible au public
* .instructions : Instructions d'utilisation d'un outil du portail
* .bouton : Lien en forme de bouton 
*/
a.bouton {
	margin-top:5px; padding:0.2em; text-decoration:none; font-weight:bold;
	border:1px #B48152 solid; color:#B48152; -moz-border-radius:4px;}
	a.bouton:hover {background-color:#B48152; color:#FFF;}

.introduction {
	width:80%; margin-left:10%; margin-top:1em;}
	.introduction h2 { font-size:12px;}
.msg, .msg_anim, .instructions, .action {
	border:1px #B48152 solid; background-color:#FFF8DC;	-moz-border-radius:10px; color:#B48152;
	 margin:0.5em 15% 0.5em 15%; padding:0.5em;}
.msg a, .msg_anim a, .instructions a, .action a {color:#B48152;}
.msg .rmqbleu, .msg_anim .rmqbleu, .instructions .rmqbleu, .action .rmqbleu {color:#25507A;}
	.action h2 {color:#25507A;}
	.instructions h2 {font-size:12px; font-weight: bold; color: #C30; margin-bottom:0;}
	.instructions h3 {font-size:12px; font-weight: bold; font-style:normal; color: #69C; margin-bottom:0;}
.form_login {}

/* Zone de pagination (forum, galerie, livre d'or, ...) */
p.pagination { text-align:center; clear:right; font-size:11px;}
	p.pagination .pg_pcdte { text-align:left;}
	p.pagination .pg {}
	p.pagination .pg_svte { text-align:right;}

p.pagination_photo { text-align:center; clear:right; font-size:11px;}
	p.pagination_photo .photo_pcdte { }
	p.pagination_photo .pg { }
	p.pagination_photo .photo_svte { }
p.retour_pg { text-align:center; font-size:11px;}

/* Panneaux de mise en forme : smileys et barre de boutons */
div.layout_tools { /* boutons gras, italique, mail, lien, ... */
	text-align:center;}
div.smileys { /* les smileys clickables */
	text-align:center; padding:5px; padding-bottom:0.2em; margin:0.5em 10%; border:1px dotted #B48152;}
	div.smileys p.rmq {text-align:left; margin-bottom:0.2em;}

/* Formulaires de configuration du portail */
.form_config_site {
	clear:both; margin:0.5em 10% 1em 10%; border: 1px #25507A solid;}
	.form_config_site p, .form_config_site textarea, .form_config_site ul, .form_config_site ol, .form_config_site dl {
		margin:1em; margin-top:0.2em; width:95%; display:block;}
	.form_config_site .layout_tools {
		text-align:center; padding: 0.5em;}
	.form_config_site ul {margin-bottom:1em;}
	.form_config_site li a {text-decoration:none;}
	.form_config_site h2 {
		border-bottom:1px #25507A solid; padding-left:0.5em; padding-bottom:0.5; margin:0; background-color:#A8D5FF;
		color:#FAFAFA; font-family:Arial;}
	.form_config_site h3 {
		border-bottom:1px #25507A solid; padding:0 0 0.5em 0.5em; font-style:normal; font-weight:normal; 
		background-color:#A8D5FF;}
	.form_config_site table {border-collapse:collapse; width:90%; margin:1em 5%;}
	.form_config_site td, .form_config_site th {padding:0.2em;}

/* Panneau de configuration du portail */
.form_gestion_unite {
	clear:both; margin:0.5em 10% 1em 10%; border: 1px #25507A solid;}
	.form_gestion_unite p, .form_gestion_unite textarea, .form_gestion_unite ul, .form_gestion_unite ol, .form_gestion_unite dl {
		margin:1em; margin-top:0.2em; width:95%; display:block;}
	.form_gestion_unite .layout_tools {
		text-align:center; padding: 0.5em;}
	.form_gestion_unite ul {margin-bottom:1em;}
	.form_gestion_unite li a {text-decoration:none;}
	.form_gestion_unite h2 {
		border-bottom:1px #25507A solid; padding-left:0.5em; padding-bottom:0.5; margin:0; background-color:#A0522D; 
		color:#D2B48C; font-family:Arial;}
	.form_gestion_unite h3 {
		border-bottom:1px #25507A solid; padding:0 0 0.5em 0.5em; font-style:normal; font-weight:normal; 
		background-color:#D2B48C;}
	.form_gestion_unite table {border-collapse:collapse; width:90%; margin:1em 5%;}
	.form_gestion_unite td, .form_gestion_unite th {padding:0.2em;}

/* El�ments utilis�s � un seul endroit sur le portail
**********************************************/

/* Edition des pages du site */
.info_pgsection { /* Message d'information page vide, en cours d'�dition, ... */
	margin:0.5em 15%; padding:1em; background-color: #F3F3F3; border: 1px #C30 dotted; }
	.info_pgsection p {	margin:5px;}
#menu_outils_page { /* Barre d'outils pour les membres qui peuvent modifier les pages du site */
	float:right; background-color: #FFF; margin-top:0.2em;}
#webmaster_data { /* zone contenant les statistiques de production de la page (dur�e (+ nbre de requ�tes sql en local))*/
	clear:both; float:left; display:none;}
#message_important { /* Messages importants pour le webmaster au d�but du #corps - site offline, ... */
	background: url('../../templates/default/images/message_membre.png') no-repeat bottom left; min-height: 60px; 
	padding-top:0.5em; padding-left: 65px; border-bottom: 1px #25507A solid; color:#25507A;}


textarea.sys { font-family:"Courier New", Courier, mono; font-size:12px;}

/* Styles pour la page Anniversaires
**********************************************/
.anniversaires .jour { padding:2px; margin:10px; width:40%;}
.anniversaires .jour p { margin-bottom:0.2em;}
.anniversaires .jour ul { border:1px #666 solid; list-style-type:none;}
.jour li span { color:#999;}
.anniversaires .avant { float:right; clear:right;}
.anniversaires .apres { float:left; clear:left;}

/* Styles pour les Albums photos
**********************************************/
/* Galerie : Liste des albums */
dl.liste_albums dt { 
	clear:left; margin-top:0.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; border-width:0px;}
	.liengalerie {text-decoration: none; font-weight: bold;}
dl.liste_albums dt.masque { margin-top:0;}
dl.liste_albums dd { margin-left:0; padding-bottom:1em; padding-left:0.9em; border-bottom:1px solid #25507A;}
	dl.liste_albums dd .infos { clear:left;}
	a img.photo_accueil { padding:5px; background-color:#F3F3F3; border:1px solid #CCC; margin:0 5px 5px 5px;}
	.comment_auteur {}
	#galerie h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
	#galerie .intro { 
		width:80%; margin-left:10%; margin-top:1em; margin-bottom:1em; font-style:italic;}
		#galerie .intro p { margin-bottom:0.2em;}
	#galerie img.miniature { margin:5px;}

/* Galerie : Liste des photos sans commentaire */
.liste_photos {
	text-align:center; width:170px; height:170px; padding:2px; margin:2px; padding-top:10px; 
	border:1px solid #CCC; background-color:#F3F3F3; float:left;}

/* Galerie : photo en grand format */
.galerie_photo { clear:both; text-align:center; margin:1em 0;}

form.comment_post {
	clear:both; margin:0.5em 10% 1em 10%; border: 1px #25507A solid;}
form.comment_post h2 {
	padding:0.2em; margin:0; margin-bottom:0.2em; color:#FFF; font-size:11px;
	background:#25507A url('../../templates/default/images/fond_titre.png') repeat-x 50%;}
.comment_post p { padding:2px; margin:0;}
textarea.comment_post_text { margin:1em; margin-top:0.2em; width:95%; display:block;}

/* Derniers commentaires */
#commentaires { margin:0 10%; width:80%;}
#commentaires h2 {
	padding:0.2em; margin:0; margin-bottom:5px; color:#FFF; font-size:11px;
	background:#E9D3C8 url('../../templates/default/images/fond_titre.png') repeat-x 50%;}
	.commentaire { clear:both; border:1px solid #25507A; margin-bottom:1em;}
	.commentaire p { margin-left:10px;}
	.commentaire .photo { margin-right:5px; padding:2px; border:1px solid #D19275; /* #FFF8DC */ float:left;}
	.commentaire .date { text-align:right; color:#69C; font-size:10px; clear:left; margin:0 0.5em 2px 0;}

/* Styles pour les titres des textes
**********************************************/
.titre_texte{padding-left:5px; margin:5px 0px 5px 0px; line-height: 1.5em; }
.titre_texte img{float:left; }
.titre_texte h1 {background:none; color:#0a8011; text-indent: 10px; margin:0px; padding:14px 0px 13px 0px;}
.titre_texte h1:before {content:"";}
.titre_texte h1 .petitbleu{color:#0a8011;font-size:0.6em; }

/* Styles pour le tally
**********************************************/
.photo { padding:5px; background-color:#F3F3F3; border:1px solid #CCC; margin:5px;}

.tally_texte{line-height: 1.5em; text-align:justify; }  
.tally_texte dir{padding-right:40px;}

.tally_texte h2{background-image: url(../../templates/default/images/h1_article.png);
				background-repeat: repeat-x;
				font-size: 14px; color: #FFFFFF; 
				padding-left: 5px;} 
.tally_texte a, .tally_texte a:visited ,.tally_texte a:active {color: #000080;}
.tally_texte a:hover {color: #205090;}
.tally_texte h3 a:link, .tally_texte h3 a:visited, .tally_texte h3 a:hover {font-size:12px; color:#F05A17;  margin-top:1em;}
.tally_texte fieldset {border: 1px solid #000080;} 

.ligne_texte{line-height: 1.5em;}

/* Styles pour les pages de livre
**********************************************/
.livre{line-height:1.5em;}
.livre .couverture{float:left; min-width:250px; min-height:380px; width:250px; height:380px; margin-bottom: 10px; border:1px solid black;}
.livre .presentationLivre{margin-left:260px;}
.livre .avis{clear:left; position:relative;}
.livre h2{background: none; color: #000080; padding-left:0px;}
/* Styles pour le livre d'or
**********************************************/
#livreor {}
.livreor_msg, div.galerie_comment {width:80%; margin-left:10%; margin-bottom:1em;}
	.livreor_msg p {margin-bottom:2px; padding:2px;}
.livreor_txt { border:1px solid #D2B48C; background-color:#F3F3F3;}
.livreor_infos {text-align:right; color:#69C;}

.livre_auteur h2{background: none; color: #000080; padding-left:0px;}

/* Commentaires des photos dans la galerie photo */
div.galerie_comment { border:1px solid #D2B48C;}
	div.galerie_comment p { margin-bottom:2px; padding:2px;}
	.galerie_comment .comment_auteur { float:left; font-weight:bold;}
	.galerie_comment .comment_date { float:right; color:#69C;}
	.galerie_comment .comment_texte { clear:both; margin-left:5%;}

div.com_pair, div.com_impair { 
	border:1px solid #D2B48C; margin-bottom:1em; min-height:170px; padding:2px; margin-left:10%; width:80%;}
div.com_pair p, div.com_impair p { margin-bottom:2px;}
	img.miniature { border:1px solid #999; background-color:#F3F3F3; padding:2px;}
	.com_pair img.miniature { float:right;}
	.com_impair img.miniature { float:left;}
p.num_photo { color:#69C;}
div.commentaire_mini { }
	.commentaire_mini_auteur a { font-weight:bold; text-decoration:none;}
	.commentaire_mini_texte { margin-left:25px;}

/* Styles pour la page de news
**********************************************/
#news {}
.news_msg { width:80%; margin-left:10%; margin-bottom:1em; border:1px solid #25507A; clear:right;}
#news h2 { 
	padding:0.2em; margin:0; margin-bottom:0.2em; color:#FFF; font-size:11px;
	background-color:#B5C4D2; background-image:url('../../templates/default/images/h2.png'); background-repeat: repeat-y; }
.news_txt { padding:2px;}
.news_infos { padding:2px; text-align:right; margin-bottom:0;}

/* Styles pour les profils des utilisateurs
**********************************************/
#profil_user ul.infos_base { float:right; list-style-type:none;}
	#profil_user ul.infos_plus li, #profil_user ul.infos_base li { background-color:#F3F3F3; padding:1px; margin:1px;}
#profil_user ul.infos_plus { clear:both; list-style-type:none;}
#profil_user .avatar { margin:10px;}
.profil {	width: 375px;}
/* Styles pour les fiches des membres
**********************************************/
#gestion_u_f_mb {}
	#gestion_u_f_mb .photo_membre, #gestion_u_f_famille .photo_membre { 
		float:right; padding:5px; background-color:#F3F3F3; border:1px solid #25507A; margin:0 5px 5px 5px;}
	fieldset.ancien { border:1px dotted #25507A;}

/* Styles pour les fen�tres en popup
**********************************************/
.body_popup {margin:0.5em;}
.liste_photo {border:1px #25507A solid; margin-bottom:0.2em;}
.liste_photo h2 {font-size:11px; background-color:#FFF8DC; padding:0.2em; font-weight:normal;}
.liste_photo h2 .petitbleu {float:right; margin-bottom:0.2em;}
.liste_photo p {clear:right; text-align:center;}

/* Styles pour la page de t�l�chargements
**********************************************/
#download_liste h2 {
	clear:right; padding-left:0.5em; background-color: #FFF8DC; border-bottom: 1px #D19275 solid;}
#download_liste a {color:#25507A; text-decoration:none;}
div.download_fichier { width:80%; margin-left:10%; clear:right; border:1px #B48152 solid; min-height:100px; margin-bottom:0.5em;}
	div.download_fichier h3 { padding:0.2em; margin:0; margin-bottom:0.2em; color:#FFF; font-size:11px;
		background:#25507A url('../../templates/default/images/fond_titre.png') repeat-x 50%;}
		div.download_fichier h3 span { float:right;}
.infos_fichier {
	float:right; width:40%; border-left:1px #B48152 solid; background-color:#FFF8DC; color:#B48152; font-size:10px; 
	margin-bottom:0.5em; margin-right:0.5em; padding:2px;}
.desc_fichier {margin-left:15px; padding:2px;}
ul.download_fichier { width:80%; margin-left:10%; border:1px #B48152 solid; margin-bottom:0.5em; list-style-type:none;}

dl.rubriques { width:80%; margin-left:10%;}
	dl.rubriques dt a { text-decoration:none; font-size:12px;}
	dl.rubriques dd p.petitbleu { text-align:right;}

/*Styles pour le formulaire d'inscription au camp
***********************************************/
.formulaire_inscription label{
text-align:right;
display:inline;
width: 200px;
float:left;
margin: 3px 15px 3px 0;
}
.formulaire_inscription{
width: 650px;
}
#genre  {margin-left:150px;padding:5px}
#genre li {display:inline}
#genre label  {float:none;width:auto;text-align:left;}

/*Syle pour le menu du site
**********************************************/


/* Liens cliquables des en-t�tes du tableau gestion membres du portail
**********************************************/
th.petit a { color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #FFF;}

/*Th�mes pour les pages destin�es � accueillir les articles
**********************************************/
.article{width:90%; max-width:700px; min-height:150px; margin-left:5%; margin-bottom:1em; border:1px solid #7ea5d7; clear:both;}
.article_header{max-height:25px; padding-left:0px; margin-left:0px;  color:#FFF;
				background:#25507A repeat-x:50%; vertical-align:top;}				
.article_infos{ text-align:right;  margin-right:5px;}
.article_auteur{}
.article_panneau_titre{vertical-align:top; max-height:25px; font-size:14px; font-weight:bold; color:#FFF;
						text-indent:0.5em;   background:url('../../templates/default/images/h1_article.png'); }
.article_panneau_titre a {text-decoration:none;}
.article_panneau_titre a:visited{color:#FFF; }
.article_panneau_titre a:link{color:#FFF; }
.article_titre{background:none; color:#352fe1; font-weight:bold; margin-bottom:10px; text-indent:0px;
				font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;  text-align:center;}
.article_date{}
.article_body{min-height:96px;}
.article_resume{}
.article_texte{max-width:700px; text-align:justify; margin-top:25px; padding-left:15px;}
.article_thumb{width:128px; height:96px; margin-right:10px; margin-left:6px; float:left;}
.article_panneau{float: right; clear:right; font-size:11px; border: 1px solid #7ea5d7; background-color:#FFF; width: 230px; margin:0 0 0.5em 0.5em;}
.article_panneau_infos{float: right; clear:left; font-size:11px; border: 1px solid #7ea5d7; background-color:#FFF; width: 350px; margin:0 10px 20px 20px;}

/*Th�me pour le menu horizontal
********************************************/
DIV.menuHorInt {
z-index:102; border-right: #3C3B89 1px solid; padding-right: 2px; padding-left: 0px; border-left: #3C3B89 1px solid; padding-top: 4px; border-bottom: #3C3B89 1px solid
}
DIV.menuHor {
z-index:103; font-weight: normal; font-size: 10px; color: #3C3B89; font-style: normal; font-family: Verdana
}
DIV.menuHorBar {
z-index:104; font-size: 10px; font-family: Verdana; border-right: #FF9B00 2px solid; padding-right: 2px; border-top: #FF9B00 2px solid; padding-left: 183px; font-weight: bold; padding-bottom: 2px; border-left: #FF9B00 2px solid; padding-top: 1px; border-bottom: #FF9B00 1px solid; background-color: #FF9B00; text-align: left; min-width:600px; left:-1px
}
DIV.menuHorBar A.menuHorButton {
font-size: 10px; font-family: Verdana; border-right: #3C3B89 0px solid; padding-right: 4px; border-top: #3C3B89 0px solid; padding-left: 4px; font-weight: bold; Z-index: 100; left: 0px; padding-bottom: 2px; margin: 1px; border-left: #3C3B89 0px solid; cursor: hand; color: #3C3B89; padding-top: 2px; border-bottom: #3C3B89 0px solid; position: relative; top: 0px; background-color: transparent; text-decoration: none
}
DIV.menuHorBar A.menuHorButton:hover {
z-index:105; color: #FF9B00; background-color: #3C3B89;
}
DIV.menuHor {
border-right: #3C3B89 0px solid; border-top: #3C3B89 0px solid; font-weight: normal; Z-index: 101; left: 0px; visibility: hidden; border-left: #3C3B89 0px solid; border-bottom: #3C3B89 0px solid; position: absolute; top: 0px; background-color: #FF9B00
}
DIV.menuHor A.menuHorItem {
z-index:106; font-weight: normal; font-size: 10px; color: #3C3B89; border-top: #3C3B89 1px solid; font-STYLE: normal; font-family: Verdana; padding-right: 1em; DISPLAY: block; padding-bottom: 2px; cursor: hand; color: #3C3B89; white-space: nowrap; text-decoration: none
}
DIV.menuHor A.menuHorItem:hover {
z-index:107; color: #FF9B00; background-color: #3C3B89
}

/*Th�me pour le menu � onglets
********************************************/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab  .tabname{
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

#derniers_articles h2{
		padding:0.2em; margin:0; margin-bottom:5px; color:#FFF; font-size:12px;
		background:#b5c4d2 url('../../templates/default/images/h2.png') repeat-y ;}	
		
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#menu {
	float:left; width:180px;
	margin-left:10px;
	font-size:12px;
        margin-bottom:0.5em;}

#menu ul {list-style-type:none; padding: 0; margin: 0;}
	#menu li, #menu_base li {list-style-type:none; margin:0; padding:0;}
#menu a {color: #000000; display:block; text-decoration: none; text-align: left; padding-left: 5px;}
#menu .sections_unite {margin-top: 3px;}
#menu_general {padding-bottom: 10px;}

#menu_base {padding-bottom: 10px;}
#menu .unite, #menu .section, #menu_base, #menu #pseudo_membre, #menu_general .accueil {
	font-weight: bold;}
#menu .unite {background-color: #A8D5FF;}
#menu_general {margin-top: 1em;}
#menu_general .accueil {background-color : #A12000;}
#menu .new_lien {padding-left:18px; background: url('../../templates/default/images/plus.png') no-repeat 5px;}
#menu #gestion_menu {
	padding-left:18px; background: url('../../templates/default/images/go.png') no-repeat 5px;}
#menu a.lienmort {text-align:center;}
#menu li a:hover, #menu #gestion_menu:hover {background-color:#B3D6FF; color:#000000;}
#bloc_connectes a { display:inline;}

#menu .titre_menu{
color:#FFFFFF;
text-align:center;
background: url('../../templates/default/images/cadre_connexion_bg.png') no-repeat;
border-bottom: 1px solid #5175CB;
}

#menu .titre_menu div{
margin-left:6px;
background: url('../../templates/default/images/cadre_connexion_bg.png') top right;
padding:5px 6px 5px 0px;
}

#menu .corps_menu{
border:1px #25507A solid;
background: #F0F7FF;
border-top:0px;
}

#menu  ul li ul.test  {
  position:absolute; /* en relative, les menus en-dessous se d�calent pour laisser la place � la liste masqu�e */
  margin-top:-12px; /* pour mimer la position relative verticale sans le d�calage des autres �l�ments */
  left:140px; /* le sous-menu doit chevaucher son parent d�clencheur (sinon il dispara�t quand on quitte la zone du d�clencheur) */
  z-index:2; /* on place ce menu par dessus la couche de contenu du site */
  display:none;

  /* un peu de maquillage pour faire joli */
  background-color:#A8D5FF;
  border:1px solid #25507A;
}

/*
Lors du survol ,avec la souris, les sous-menus apparaissent grace a display:block
On active le display:block au survol du d�clencheur mais aussi au survol du sous-menu
(quand on met le sous-menu en absolu, il est d�tach� de son parent et donc quitte son influence CSS)
*/
#bouton_slide_menu_left{
float:left; position:absolute; top:27px; margin-left: 10px; z-index: 10;
cursor : pointer;
}

#bouton_slide_menu_right{
float:left; position:absolute; top:27px; margin-left: 10px; z-index: 10;
cursor : pointer;
display:none;
}

#menu ul li:hover ul, #menu ul li ul:hover{
  display:block;
}

#menu_general li{
background-repeat:no-repeat;
padding-left:5px;
}

#menu_general ul li{
background-repeat:no-repeat;
background-position:1% 50%;
padding-left:15px;
margin-top:2px;
}
#menu #pseudo_membre {
	text-align:center; background-color:#A12000;}