/* CSS Document */

/* div principale englobant tout */
.conteneur
{
	width: 977px;
	height: auto;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-image:url(../cler_images/fond.jpg);
	background-repeat: repeat;
}

.spacer{
	clear: both;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

/* les liens */
a
{
	text-decoration: none;
	color: black;
}

a:hover
{
	text-decoration: underline;
	color: black;
}

/* texte souligne */
.souligne {
	text-decoration: underline;
}

/* Bandeau */
.bandeau
{
	border:none;
	margin:0;
	/*width: 977px;
	height: 110px;
   display: block;
	background-image: url(../cler_images/bandeau.gif);
	background-repeat: no-repeat;*/
}

/* Menu (gauche) */
.menuG
{
	position: relative;
	float: left;
	width: 197px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #E7E8E7;

}

.menuG img {
	margin: 0;
	padding: 0;
}
/* rubriqueG correspond a une rubrique detaille (avec ses sous themes) */
.rubriqueG
{
	width: 192px;
	height: auto;
	padding: 5px 0 0 5px;
	margin: 0 0 8px 0;
}

/* rubRepliG correspond a une rubrique dont seul le titre est apparent */
.rubRepliG
{
	width: 192px;
	height: auto;
	border-bottom-color:#CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding: 5px 0 0 5px;
	margin: 0 0 8px 0;
}

/* les puces */
.rubriqueG img, .rubRepliG img
{
	position: relative;
	float: left;
	margin: 0 0 -5px 0;
	padding: 0;
}

.rubriqueG h2
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
   width: 160px;
   border:none;
   font-weight:bold;
}

.rubRepliG h5
{
	font-size: 0.8em;
	margin: 0 0 10px 0;
	padding: 0;
}

.rubriqueG p
{
	clear: left;
	font-size: 0.97em;
	padding: 0 0 0 22px;
	margin: 0;
	width: 170px;
	line-height: 1.3em;
}

/* themesG englobe les rubriques developpees de la meme couleur */
.themesG
{
	/*border-style: dashed;*/
	width: 195px;
	height: auto;
	border-bottom-color:#CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin: 0;
	padding: 0;
}

#orangesG
{
	margin: -15px 0 0 0;
}

#vertsG
{
	border-bottom-style: none;
	margin: inherit;
	padding: 0 0 10px 0;
}

/*
#hiddenG{	width: auto;	height: 130px;}
#hiddenD{	width: auto;	height: 105px;}
*/

/**** Partie centrale avec le texte ****/

.centrale
{
	position: relative;
	float: right;
	width: 600px;
	/*height: 814px;*/
	/*background-image:url(../cler_images/corps.jpg);*/
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	margin-top:25px;
}

/* Barre menu central */
.barreMenu
{
	width: 595px;
	height: 45px;
	margin: 0 0 0 0;
	padding: 0;
}

.menuOnglet
{
	padding: 0;
	margin: 0;
	width: 595px;
	height: 21px;
}

span.onglet
{
	position: relative;
	float: left;
	height: 19px;
	width: auto;
	font-size: 1.03em;
	padding: 2px 0 0 0;
	margin: 1px 0 -2px 0;
	background-color: #E7E8E2;
}

.onglet a{	color: #636562;}
.onglet a:hover{	color: #000000;}

/* style pour l'onglet clique (jaune) */
#ongletJaune
{
	background-color: #F7E47D;
	font-weight: bold;
}

.barreMenu img
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}


/* Sous menu */

/* la classe sousMenu est aussi utilisee pour le sousMenu du pied de page */
.sousMenu
{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

/* les fleches */
.sousMenu img
{
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/* les titres */
.sousMenu h5,
.sousMenu span
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0 18px 0 0;
	font-size: 0.94em;
	font-weight:bold;
}

/* specification donc pour le sous-menu de la barre menu  */
.barreMenu .sousMenu
{
	width: 595px;
	height: 20px;
	background-color: #F7E47D;
	margin: 0;
	padding: 5px 0 0 0px;
}

.barreMenu #gris {
	width: 595px;
	height: 3px;
	background-color: #E7E8E2;
	margin: 0;
	padding: 0;
}

.barreMenu .sousMenu a
{
	color: #2C3790;
}
.barreMenu .sousMenu span a
{
	color: #000;
}

/* regroupe une fleche et son titre */
.sousMenuF
{
	position: relative;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}

/* Partie principale avec le contenu */
.contenu
{
	position: relative;
	clear: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 590px;
	height: auto;
}

.illustration
{
	border: 0 none;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	padding: 0;
}
/* si l'aimge est collee au bord gauche */
#collee
{
	margin: 0;
	padding: 0;
}


/** Pour les pages de presentation des rubriques **/

/* pour les sous rubriques */
.sousRub
{
	width:  auto;
	height: auto;
	margin: 0;
	padding: 7px 37px 0 0;
	font-size: 0.9em;
	clear: left;
}

.sousRub ul
{
	position: relative;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sousRub li
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.sousRub a {text-decoration: underline;}

/* texte central */

#texteC
{
	position: relative;
	float: left;
	width: 394px;
	height: auto;
	margin: 0 0 0 20px;
	padding: 0;
}

#texte_news
{
	position: relative;
	float: left;
	width: 394px;
	height: auto;
	margin: 0 10px 0 8px;
	padding: 0;
}

/* Le titre */
#titreBande_haut, #titreBande_centre, #titreBande_bas, #titreBande
{
	width: 385px;
	height: 29px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 0 20px;
}

#ensQuestions
{
	width: 385px;
	height: auto;
	margin: 5px 0 0 5px;
	padding: 0;
}

.question
{
	width: 395px;
	height: auto;
	margin: 0;
	padding: 0;
}

.question h2
{
	font-size: 1.2em;
	text-decoration: none;
	margin: 0;
	padding: 10px 0 0 15px;
	font-style: italic;
	border-bottom: none;
}

.question h3,
.question h2
{
	font-size: 1.1em;
	text-decoration: none;
	margin: 0;
	padding: 10px 0 0 15px;
	font-weight: bolder;
	font-style: italic;
}

.question h4,
.question h2.rubrique
{
	font-size: 1.1em;
	text-decoration: none;
	margin: 0;
	padding: 10px 0 0 15px;
	font-weight: bolder;
}

.question h5
{
	font-size: 1.1em;
	margin: 0;
	padding: 10px 0 0 15px;
	color:#c97218;
	font-weight: bolder;
}

.question .sousTitre
{
	font-size: 0.95em;
	margin: 0;
	padding: 2px 0 5px 15px;
	font-weight: bold;
}

.question div
{
	width: 380px;
	font-size: 1em;
	margin: 0;
	padding: 5px 0 8px 15px;
}

.maison{
	background-image:url(../cler_images/maison.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.bande-rose{
	background-color:#fff2e1;
/*background-image:url(../cler_images/fond-peau.gif);
background-repeat: no-repeat;*/
}

.bande-marron{
	background-color:#ba8547;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	width:100px;
}

.fleche{
	background-image:url(../cler_images/triS.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.bande-verte{
	background-color:#9dc43c;
	height:20px;
	width:10px;
}

.color-marron{
	color:#ba8547;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.color-marron-gras{
	color:#ba8547;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

.env{
	background-image:url(../cler_images/env.gif);
	background-repeat: no-repeat;
	height:30px;
	background-position: center center;
}

.tx-gras-blanc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 5px;
}

.nom-spec{
    border-bottom:none!important;
    margin:0!important;
    text-indent: 11px;
}

.tx-table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;
}

tx-statut{
	text-indent: 5px;
}

/* pour l'article detaille */
div#article
{
	font-size: 0.95em;
}

.article li
{
	margin::0px;
	padding:0px;
}

.article ul{
	list-style-image:url(../cler_images/fleche-rempli.gif);
}

.txtQ
{
	text-align: left;
	margin: 0;
	padding: 0;
}

#listes li{
	margin::0px;
	padding:0px;
}

#listes ul{
	list-style-image:url(../cler_images/fleche-rempli.gif);
}

.sign, .auteur
{
	margin: 8px 0 0 0;
	padding: 0;
	text-align: right;

}
.auteur
{
	font-size:.9em;
}
/* style pour les mots clefs  */

p.motsClefs
{
	margin: 13px 0 5px 0;
	padding: 2px 0 3px 5px;
	text-align: left;
}

/* style pour lire la suite ou retour */
.suiteRetour
{
	text-align: right;
	margin: 0;
	padding: 0 19px 0 0;
	height: 18px;
}

.suiteRetour img
{
	margin: 0;
	padding: 0;
}

/* style pour "page suivante, page precedente" */
.suivPrec
{
	margin: 5px 0 0 5px;
	padding: 0;
	font-size: 1em;
	color: #C6641D;
}

.suivPrec .left  {	float: left;}
.suivPrec .right {	float: right;}

.suivPrec p
{
	float: left;
	padding: 0 5px 0 5px;
	margin: 0;
}

/* fleche suivante */
p.flecheS {
	margin: 0;
	padding: 0;
	width: 17px;
	height: 14px;
}

/* fleche precedente */
p.flecheP {
	margin: 0;
	padding: 0;
	width: 17px;
	height: 14px;
}

/* lien vers d'autres pages du meme theme/references en rapport */
.plus
{
	width: auto;
	height: auto;
	margin: 50px 0 20px 8px;
	padding: 0;
}

.grosseFleche {
	position: relative;
	float: left;
	width: 28px;
	height: 24px;
}

.plus h5
{
	position: relative;
	float: left;
	text-decoration: underline;
	font-size: 0.7em;
	margin: 0;
	padding: 2px 0 0 5px;
}

.DDplus
{
	margin: 5px 0 0 30px;
	padding: 0;
	width: auto;
	height: auto;
}

.Dplus
{
	clear: left;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
}

.Dplus .flecheS
{
	margin: 0 6px 0 0;
	padding: 0;
}

.plus p
{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	float: left;
}

.plus p.indent
{
	margin: 0;
	padding: 0 0 0 73px;
	font-size: 0.65em;
}

.plus a
{
	line-height: 0.7em;
	margin: 0;
	padding: 0;
}

.Aplus {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

/** fin pages de presentation des rubriques **/


/*** fin partie centrale ***/


/*** Colonne/Menu de droite ***/

.menuD
{
	position: relative;
	float: right;
	width: 174px;
	height: auto;
	background-color: #E8E8E8;
	margin:0;
	padding:0;
}

.menuD img {	border: 0 none;}


/* Colonne a droite : Rechercher */
form.formtrouver
{
   padding: 20px 0 0 20px;
	margin: 0;
	background-image:url(../cler_images/menuD_haut.jpg);
	background-repeat:no-repeat;
}

.menuD label
{
	color:#5E7523;
	font-weight: bold;
	font-size: 0.8em;
}

/* Colonne a droite : Partie avec les fleches */
.divFleche
{
	width: 174px;
	height: auto;
	margin:  0;
	padding: 0;
}

/* la barre noire pour l'index */
.divFleche hr
{
	margin: 0;
	padding: 0;
	background-color: black;
	color: black;
	height: 5px;
}

.menuFleche
{
	color: #000000;
	margin: 15px 0 10px 0;
	padding: 0 0 0 12px;
	width: 160px;
	height: auto;
}

.cadre {
	margin: 20px 0 20px 5px;
	padding:0;
}

.cadreH {
	height: 6px;
	width: 163px;
	margin: 0;
	padding: 0;
	font-size: 0.1em;
}

.cadreB {
	height: 6px;
	width: 163px;
	margin: 0;
	padding: 0;
	font-size: 0.1em;
}

.menuFlecheEncadre {
	color: #000000;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.menuFlecheEncadre .imgFlecheN {
	margin:0;
	padding: 0 0 0 7px;
	border: 0 none;
}

.imgFlecheN
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.menuFlecheEncadre .grosseFleche {
	padding: 0;
	margin: 0 0 0 7px;
}

.menuFleche h5, .menuFlecheEncadre h5,
.menuFleche h2, .menuFlecheEncadre h2,
.menuFleche strong, .menuFlecheEncadre strong
{
	position: relative;
	float: left;
	margin: 3px 0 0 3px;
	padding: 0;
	font-size: 0.8em;
	border:none;
	font-weight:bold;
}

.menuFleche p
{
	clear: left;
	font-size: 0.7em;
	margin: 0 0 0 0;
	padding: 0;
}

.menuFlecheEncadre p
{
	clear: left;
	font-size: 0.7em;
	margin: 0;
	padding: 0 0 0 12px;
}

.menuFleche p.indent, .menuFlecheEncadre p.indent
{
	margin: 0;
	padding: 0 0 0 25px;
   font-size: 0.9em;
}
.menuFleche p.indentbis
{
	margin: 0;
	padding: 0 0 0 5px;
   font-size: 0.9em;
}

/* pour les liens, livres... references en rapport avec la page */
p.ref
{
	font-size: 0.8em;
	width: 155px;
}

.deco
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

/* Colonne a droite : Partie avec les icones puces colorees */
.menuDpuce
{
	color: #000000;
	margin: 10px 0 0 15px;
}

.menuDpuce h5,
.menuDpuce h2,
.menuDpuce>strong
{
	position: relative;
	float: left;
	margin: 0;
	font-size: 1em;
	padding: 0;
   width: 125px;
   border:none;
   font-weight:bold;
}

.menuDpuce p
{
	clear: left;
	width: 140px;
	padding: 0;
	margin: 0;
	font-size: 0.65em;
}

.imgPuce
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}


/* Colonne a droite : Specialites pour la partie jeune */
.jeunes, .actus
{
	font-size: 1.2em;
	line-height: normal;
}

.jeunes a
{
	padding: 5px 0 5px 20px;
	font-size: 10px;
}

.actus
{
	padding: 5px 0 5px 0!important;
	font-size: 10px!important;
}

#photoJeunes
{
	width: 173px;
	height: 76px;
	padding: 0;
	margin: 10px 0 0 0;
}

#intervention
{
	font-size: 0.9em;
	line-height: 1em;
}

#agenda
{
	font-size: 0.9em;
	line-height: 1em;
}


/* Colonne a droite : Contact Adresse */
div.contact
{
	margin: 20px 0 0 0;
	padding: 0;
	width: 174px;
	height: 184px;
	background-image: url(../cler_images/contact.jpg);
	background-repeat: no-repeat;
}

.contact p
{
	margin: 0;
	padding: 35px 0 0 20px;
	font-size: 0.9em;
	line-height: 1.7em;
	font-weight: bold;
}

.contact a:hover {	color: navy;}

/*** ***/
/** Partie membre **/

.sommaire{
	float: left;
}


.sommaire a {
	text-decoration: none;
	color: #837878;
}

.sommaire a:hover{text-decoration: underline;}

.sommaire ul li {
	list-style-image: url("../cler_images/puceronde_m.gif");
	line-height: 1.1em;
	font-size:1.0em;
}

.sommaire h1{
	color : #efc853;
	font-size: 1.1em;
	border-bottom:none;
}

.sommaire h2{
	font-size: 1.1em;
	border-bottom:none;
}

.sommaire h2 a{
	color:#000000;
}

.sommaire h2 a:hover{
	color: #999999 !important;
	text-decoration:none;
}

.sommaire p{
	font-size:1.0em;
	line-height: 0.7em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top: -12px;
}

#sommaire_c1{
	float: left;
	width: 160px;
	margin-left: 10px;
}

#sommaire_c2{
	float: right;
	width: 160px;
	margin-right: 10px;
}

.sommaire em{
	color:#999999;
}
/** fin Partie membre **/
/** Article news **/
.fin_lien{
	width: 590px;
	font-size:1.2em !important;
	position:relative;
	margin-top: 10px;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.fin_lien a{
	text-decoration: none;
	color: #837878;
}

.fin_lien a:hover {
	text-decoration: underline;
}

.fin_lien ul li {
	list-style-type: disc;
	line-height: 1.0em;
}

.fin_lien h1{
	color : #C6641D;
	font-size: 1.2em !important;
	border-bottom:none;
}


.fin_lien table{
	margin-top: 20px;
	margin-left: -12px;
	margin-right: 10px;
}

.fin_lien td{
	width:220px;
	padding : 5px;
	border: 1px solid #CCCCCC;
}

/** texte defilant **/
#newshr {
	position:relative;
	width:595px; /*largeur de la zone d'affichage*/
	height:14px; /*hauteur de la zone d'affichage*/
	overflow:hidden;
}

#membreshr {
	position:relative;
	width:448px; /*largeur de la zone d'affichage*/
	height:14px; /*hauteur de la zone d'affichage*/
	overflow:hidden;
}

#defile {
	position:absolute;
}

#defile2 {
	position:absolute;
}

.entete .titre {background : #E7E8E2; text-align : center;  margin-bottom:20px;}
.objets {margin-top:20px !important;}
.objets .titre {margin-top:20px !important;font-weight : bold;font-size : 13px;}
.message {background : #FFF; padding : 10px 10px 10px 10px; font-weight : normal;}
.entete .titre h1 {color :#000000 !important;}
.descrip {background : #FFF; font-weight : normal;  text-align : left; color:#999999; }

.titre a:link {color :#000000 !important;}
.titre a:hover{color :#000000 !important;}
.titre a:visited {color :#000000 !important;}

.bas{text-align : center; font-weight : bold;}
.bas a:link{color : #000000 !important;}
.bas a:hover{color : #000000 !important;}
.bas a:visited{color : #000000 !important;}

.objets{background : #FFF; margin-bottom:20px;}

/* Style d'un sujet "fermé"*/
.cadenas {background : url(./images_forum/cadenas.gif) no-repeat; padding-left : 18px; }
.titre{text-align : left; padding:0 0 0 8px }

/* Styles des derniers sujets ... si vous voulez les 'enlever' utilisez le style en commentaire en bas*/
.derniers_sujets_titre{background : #DDD; padding-left : 10px; font-weight : bold;}
.derniers_sujets{background : #FFF; border-bottom:1px solid black; border-top:1px solid black; padding : 0 0 0 10px; font-weight : normal; margin-bottom:20px; padding-left: 2em;}


/*Plan du site*/

ul#portal-sitemap{}
ul#portal-sitemap li.navTreeItem div,
ul#portal-sitemap li.navTreeItem a:hover{
	background:none;
}
ul#portal-sitemap li a{
	font-size:1.3em;
	text-transform:uppercase;
}
ul#portal-sitemap ul.navTreeLevel2{
	border:none;
}
ul#portal-sitemap ul.navTreeLevel2 li a{
	font-size:1.1em;
	text-transform:none;
	font-weight:bold;
}
ul#portal-sitemap ul.navTreeLevel3 li a{
	padding:0 0 0 35px;
	font-size:1em;
	text-transform:none;
	font-weight:normal;
}

/*------------------------------------------------------RSS---------------------------------------------------*/
.bloc-abonnement-rss{
	position:relative;
	right:17px;
	margin:0 0 0 0;
	padding:57px 0 0 0;
	width:214px;
	height:15px; /*80-65*/
	background:url(../cler_images/fond-rss.gif) 0 0 no-repeat;
	text-align:right;
	font-size:0.9em;
}
.bloc-abonnement-rss a.abonnement-rss{
	display:block;
	position:absolute;
	top:25px;
	left:37px;
	/*margin:27px 0 0 20px;*/
	width:175px;
	height:33px;
	background:url(../cler_images/inscription-rss.gif) 0 0 no-repeat;
}
.bloc-abonnement-rss a.abonnement-rss:hover{
	background:url(../cler_images/inscription-rss.gif) -185px 0 no-repeat;
}
.bloc-abonnement-rss a.abonnement-rss span{
	display:none;
}
.bloc-abonnement-rss a{
	margin:0 15px 0 0;
	padding:0 0 0 10px;
	text-decoration:none;
	font-style:italic;
	color:#717171;
	font-size:1.1em;
}
.bloc-abonnement-rss a:hover{
	text-decoration:underline;
}