/*  ---------------------------------------------------------------*/
/*               			FEUILLE ENFANTS                        */
/*     Cette feuille contient habillage.css et spip_style.css      */
/*     Ajouts PlumE spécial Enfance et partage                     */

/*  ------------------HABILLAGE.css---------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	margin: 0.5em 1.5em 1.5em 1.5em;
	text-align: center;
	font-size: 1em;
	color: #333;
	background-image:url('img_enfant/bg_body.jpg');
	background-position:top left;
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif; 
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

hr{border-top:1px dashed #00AAD3;border-bottom:1px dashed #00AAD3;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width:950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
}

#conteneur { width: 100%; }

#conteneur #contenu {
	}
.page_sommaire #contenu {
	background-image:url('img_enfant/bg_ad_contenu.jpg');
	background-position:0px -1px;
	background-repeat:repeat-x;
	}
.page_article #contenu, .page_rubrique #contenu{
	font-size:12px;
	background-image:url('img_enfant/bg_article.gif');
	background-position:0px -1px;
	background-repeat:no-repeat;
	min-height:330px;}
.page_recherche #contenu, .page_plan #contenu, .page_404 #contenu{
	font-size:12px;
	background-image:url('img_enfant/bg_404_recherche.gif');
	background-position:0px -1px;
	background-repeat:no-repeat;
	min-height:330px;}

#conteneur #navigation {
	float: right;
	width: 12em;
	text-align: center;
}


/* Entete */
#entete {
	width: 100%;/*height:137px;*/}
#entete .nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	margin:15px 0 0 30px!important;
	margin:15px 0 0 10px;
	font-weight: bold;
	font-size: 1.5em; 
	}
.page_enfant #entete .nom_site_spip, .page_enfant #entete a .spip_logos, .page_enfant_intr #entete .nom_site_spip, .page_enfant_intr #entete a .spip_logos{/*l affichage du logo du site est reserve aux pages adultes */
	display:none;}
#entete a{text-decoration: none;}
.swf{/*si suppression du swf, penser a recaler le form recherche au niveau des margin*/
	float:right;
	margin : 7px 4px 3px 0; 
	}
	
.nom_site_spip{}

/* Fil d'Ariane */
#hierarchie, #hierarchie a{
	clear: both;
	margin: 0 0 15px 0;
	font-size: 10px;
	color:#00AAD3;}
#hierarchie a{text-decoration:underline;}

/* Pied de page */
#pied {
	clear: both;
	width: auto;
	text-align:center;
	padding: 2px;
	text-align: center;
	color:#58585A;
	line-height:9px;}
#pied small { font-size: 9px;}
#pied small a{text-decoration:none;color:#58585A;}
#pied small a:hover{text-decoration:underline;}
#pied img { vertical-align: bottom; }


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

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


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	/*font-family: Verdana, Tahoma, Arial, sans-serif;*/}

/* Typo pour le contenu */
#contenu {/*	font-family: "Trebuchet MS", Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	/*font-family: Georgia, Times, serif; */}


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
/*.rubriques,*/ .breves, .syndic, .forums, .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}

.menu-titre {/*
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;*/
}

#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.breves { background: #FFEAEA; }
.breves .menu-titre { /*background: #FFF2F2;*/ }

.syndic { background: #E8F8F8; }
.syndic .menu-titre { background: #F0FCFC; }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1em;
	padding-top: 2px;
	/*border-top: 2px solid #CCC;*/ }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 14px; font-weight: bold; color:#00AAD3; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#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 {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */
.mini_plan h2, .mini_plan h2 a { margin-bottom: 0.4em; font-size: 14px; font-weight: bold; color:#00AAD3;font-variant:small-caps;border-bottom:1px solid #00AAD3;  }
.mini_plan h2 a:hover{text-decoration:none;}
.mini_plan h3 { 
	margin: 20px 0 10px 20px;
	padding:0 0 0 16px;
	font-size: 13px; 
	font-weight:bold; 
	color:#00AAD3;
	background-image:url('img_enfant/puce_ensavoirplus.gif');
	background-position:1px 3px;
	background-repeat:no-repeat; }
.mini_plan h4 { 
	margin: 10px 0 10px 40px;
	padding:0 0 0 15px;
	font-size: 12px; 
	font-weight:normal; 
	color:#00AAD3;
	background-image:url('img_enfant/puce.gif');
	background-position: 4px 0px;
	background-repeat:no-repeat; }
.mini_plan .texte{
	font-size:11px;
	margin:0 0 0 36px;
	}
.mini_plan .texte a{
	color:#00AAD3;}
.mini_plan ul{}
.mini_plan li{margin: 5px 0 0 0;}
.mini_plan li li{margin: 3px 0 0 0;}
.mini_plan li li li{margin:0;}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: left;
	/*margin-left:auto;
	margin-right:auto; */
	}

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

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

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

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche original
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }*/

/* Formulaire de recherche */

.formulaire_recherche_ep{/*ie6 donne une hauteur a ce bloc 2 X plus importante que possible. Solution  : il faut remonter la barre de #barre*/
	display:block;
	float:right;
	height:18px;/* pas compris par ie6*/
	line-height:2px;
	/*margin : 113px 30px 0 0 !important;
	margin :115px 20px 0 0;*/
	padding:0 !important;
	padding:0;
	/*vertical-align:bottom;*/
	}

.formulaire_recherche_ep label { /*avant le bouton*/
	padding:0 2px !important;
	padding:15x 2px 0 0 ;
	color:#EB76A7;
	font-weight:bold;
	}
.formulaire_recherche_ep input{
	padding:0 2px !important;
	padding:15x 2px 0 0 ;
	font-size:11px;
	color:#666666;
	}
.ok_img{
	margin: 0 5px 2px 0;
	display:inline;
	vertical-align:bottom;
	}

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.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: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.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: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/*  --------------------------------------------------------------------*/
/*                SPIP-STYLE       version 1.9                          */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {
	width:60%;
	text-align:center;
	color: #975B9C;
	background-color: #975B9C;
	height: 1px;
	border: 0;
	}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}


/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { /*font-family: Georgia, Times, serif; */}

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	/*font-family: Garamond, Georgia, Times, serif;*/ }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { /*font-family: monospace; */font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* 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: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

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

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */

/*  ------------------------------------------
/*  Enfance et Partage / Adultes - enfants
/*  ------------------------------------------ */
.cleaner{clear:both;}
.page_enfant #zone, .page_enfant_intr #zone{	
	/*zone permet map du logo et que le menu soit bien positionne uniquement pour page enfants*/
	display:block;
	width:210px;
	height: 135px;
	cursor:pointer;
	}
.page_enfant a, page_enfant_intr a{
	color:#e3106f;
	font-weight:bold;
	text-decoration:none;}

/*  ------------------------------------------
/*  Pages enfants commun
/*  ------------------------------------------ */
.page_enfant #entete{
	background-image:url('img_enfant/bg_head-1.jpg');
	background-position:top left;
	background-repeat:no-repeat;}
	
.page_enfant .formulaire_recherche_ep, .page_enfant_intr .formulaire_recherche_ep{display:none;}

.page_enfant .menu_h{ 
	display:block;
	height:33px !important;
	margin:0 !important;
	margin:0 0 -4px 0; /*sinon le menu IE6 deborde de 3px en bas*/
	padding : 0 0 0 12px;
	background-color:#f29400;/*orange menu :#f29400 */
	}
.page_enfant .menu_h .item, .page_enfant .menu_h .item a{
	display:inline;
	border:none;
	margin : 0;
	padding:0;
	}
	
.page_enfant_intr .menu_h{ 
	display:block;
	height:33px !important;
	height:30px;
	margin:0 !important;
	margin:0 0 -4px 0; /*sinon le menu IE6 deborde de 3px en bas*/
	padding : 0 0 0 12px;
	background-color:#f29400;/*orange menu :#f29400 */
	}
.page_enfant_intr .menu_h .item, .page_enfant_intr .menu_h .item a{
	/*display:inline;
	border:none;
	margin : 0;
	padding:0;
	*/}
.item, .item a{
	border:none !important;
	border:1px solid #f29400/*orange menu*/;}/*n apparait pas mais permet a IE6 de respecter la hauteur du menu sauf dans rubriques non exposes*/
	


.page_enfant #hierarchie, .page_enfant_intr #hierarchie {display:none;}

.page_enfant #pied, .page_enfant_intr #pied{
	margin : 0;
	background-color:#2fb2dc;}

.page_enfant #pied small, .page_enfant #pied small a, .page_enfant_intr #pied small, .page_enfant_intr #pied small a{color:#ffffff;}
/*  ------------------------------------------
/*  Pages accueil enfants 
/*  ------------------------------------------ */
#contenu_enf_accueil{
	margin:0;
	/*margin:17px 0 0 0!important;*/
	margin: 0;
	height:539px;
	background-image:url('img_enfant/bg_contenu_enf_accueil.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
.page_enfant .col1{
	display:block;
	float:left;
	width:350px;
	/*border: 1px solid #ff0066;*/}
	
.page_enfant .col2{
	display:block;
	float:left;
	width:330px;
	/*border: 1px solid yellow;*/}
	
.page_enfant .col3{
	display:block;
	float:right;
	width:240px;
	/*border: 1px solid #cc0066;*/}

/*#zone_retour_accueil{
	display:block;
	float :left;
	width:95px;
	height:95px;
	border:1px solid yellow;
	}*/

#zone_maltraitance{
	display:block;
	float :left;
	margin: 265px 0 0 15px;
	/*border:1px solid red;*/
	width:315px;
	height:150px;
	}
#zone_besoin_aide{
	display:block;
	float :left;
	margin: 155px 0 0 15px;
	/*border:1px solid green;*/
	width:315px;
	height:150px;
	}
#zone_droits{
	display:block;
	float :left;
	margin: 0 0 0 15px;
	/*border:1px solid green;*/
	width:315px;
	height:150px;
	}
#zone_quoi{
	display:block;
	float :right;
	margin: 160px 0 0 0;
	/*border:1px solid blue;*/
	width:215px;
	height:200px;
	}
#zone_arthur{
	display:block;
	float :right;
	margin: 20px 0 0 0;
	/*border:1px solid yellow;*/
	width:215px;
	height:150px;
	}
#zone_maltraitance a, #zone_retour_accueil a, #zone_besoin_aide a, #zone_droits a, #zone_arthur a {text-decoration:none;}

/*  ------------------------------------------
/*  Pages interieure enfants 
/*  ------------------------------------------ */
.page_enfant_intr #entete{
	background-image:url('img_enfant/bg_head_enf_intr.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	}
	
.page_enfant_intr .col1_intr{
	display:block;
	float:left;
	width:165px;
	/*border: 1px solid #ff0066;*/}
	
.page_enfant_intr .col2_intr{
	display:block;
	float:left;
	width:590px;
	}
	
.page_enfant_intr .col3_intr{
	display:block;
	float:right;
	width:180px;
	/*border: 1px solid #cc0066;*/}
.page_enfant_intr .col3_intr_tom{
	display:block;
	float:right;
	width:180px;
	height:300px;
	margin:120px 0 0 0;
	background-image:url('img_enfant/tom_col3.gif');
	background-position:top right;/*background-position:botom left; avec suppression bg color > bleu serait plus lisible*/
	background-repeat:no-repeat;
	}

.page_enfant_intr #contenu_intr{
	margin:0;
	border-top:1px solid #ffffff; /*necessaire pour le menu IE6*/
	background-image:url('img_enfant/bg_enfant_contenu.jpg');
	background-position:0px 0px;/*droite haut*/
	background-repeat:repeat-x;
	background-color:#80D5E9 /*bleu clair*/;
	}
/*intr des blocks et colonnes */
#zone_retour_accueil{
	display:block;
	float :left;
	width:102px;
	height:101px;
	background-image:url('img_enfant/retour_accueil_enfant.jpg');
	background-position:10px 10px;
	background-repeat:no-repeat;
	}
.logo_enfant{
	display:block;
	float :left;
	width:163px;
	margin: 15px 0 0 0;
	/*border:1px solid yellow;*/}
	
/*article enfants*/
.page_enfant_intr h1{
	margin:5px 0 5px 0;
	text-align:center;
	color:#E41370;
	font:'Trebuchet MS', Verdana, serif;
	font-size:26px;
	font-weight:bold;
	}
	
.page_enfant_intr .chapo{
	text-align:justify;
	margin:25px 0 10px 0;
	color:#83A712;}
.page_enfant_intr .texte{
	color:#007DA3;
	font-size:12px;}
.page_enfant_intr .texte p{
	margin : -5px 10px 30px 50px;}
.page_enfant_intr h3, .page_enfant spip.h3, .page_enfant_intr .spip.h3 {
	display:block;
	color:#990065;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	background-image:url('img_enfant/enf_h3.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	/*min-height:42px;*/
	padding:5px 0px 17px 50px;
	clear:both;}

.temoignages{
	margin:150px 0 0 0 ;
	/*border:1px solid red;*/}

.enfant_meme_rub{
	margin:10px 0 0 0 ;
	/*border:1px solid red;*/}

.temoignages .titre, .enfant_meme_rub .titre{
	display:block;
	padding: 0 0 10px 50px;
	background-image:url('img_enfant/enf_bout_jaune.gif');
	background-position:15px 4px;
	background-repeat:no-repeat;}
.lexique_seul{
	margin:150px 0 0 0 ;
	/*border:1px solid red;*/
	text-align:center;}
	
.page_enfant_intr .ps{
	display:block;
	width: 490px;
	height: 110px; 
	margin : 0 0 0 40px;
	background-image:url('img_enfant/ps_480.gif');
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid #80D5E9;/*ne pas enlever sinon marge haute saute*/}
.page_enfant_intr .ps_texte{
	display:block;
	width: 450px;
	margin : 20px 50px 0 20px;
	/*border:1px solid red;*/
	white-space:normal;}

.fd_rub2{
	background-image:url('img_enfant/bg_rub_2_1.gif');
	background-position:0px 38px;
	background-repeat:no-repeat;
	}
.besoin_aide_liens{	margin:320px 0 0 0 ;text-align:center;}
.besoin_aide_liens_article{	margin:150px 0 0 0 ;}
.besoin_aide_liens_A{margin:120px 0 0 0 ;text-align:center;}

.lexique_aide{margin:15px 0 0 0 ;text-align:center;}
.lexique_aide_A33{margin:25px 0 0 0 ;text-align:center;}

/*  ------------------------------------------
/*  Pages ADULTES
/*  ------------------------------------------ */
.page_sommaire #entete, .page_article #entete, .page_rubrique #entete, .page_recherche #entete, .page_plan #entete, .page_404 #entete{
	background-image:url('img_enfant/stop_violence.gif');/*si suppression du swf, penser a recaler le form recherche au niveau des margin*/
	background-position:top right;
	background-repeat:no-repeat;/**/
	}
/*  ------------------------------------------
/*  MENU H dans inc-entete
/*  ------------------------------------------ */	
.page_enfant #barre, .page_enfant_intr #barre{display:none;}
#barre {
	display:block;
	height: 33px;
	margin:8px 0 0 0 !important;
	margin:-15px 0 0 0; /*IE6 ne comprends pas la hauteur du recherche_ep il faut donc remonter le menu*/
	padding:0 0 0 15px;
	background-color:#CED6E7;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	text-align:center;
	font-size:15px;
	/*border:1px solid green;*/
	}

#barre .level1 {
   	display:block;
	float: left;
	width:224px ;
	margin: 0;
	padding:0;
	list-style-type: none;
	}
.titre_menuh {
	display:block;
	padding:6px 0 0 3px;
	}
#barre a .titre_menuh {}

#barre .level1 a, #barre .level1 a:link, #barre .level1 a:visited{
	display:block;
	height:33px;
	text-decoration: none;
	color: #58585A;
	}

#barre .level1 a:hover { 
	display:block;
	height:33px;
	background-image:url('img_enfant/menuh_o2.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	text-decoration: none;
	color:#FFFFFF;
	
}


#barre .level1 .on{ /*level 1 expose*/
	display:block;
	height:33px;
	background-image:url('img_enfant/menuh_o2.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration: none;
	color:#ffffff;
}
/*page accueil adulte*/
.col1_ad_accueil{
	display:block;
	float:left;
	width:194px;
	height:558px;
	background-image:url('img_enfant/adulte_col1_accueil.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	/*border:1px solid blue;*/}
	
.col2_ad_accueil{
	display:block;
	float:right;
	width:737px;
	height:557px;
	margin : 0 0 1px 0;
	/*border: 1px solid yellow;*/
	background-image:url('img_enfant/col2_acc.jpg');
	background-position:top left;
	background-repeat:no-repeat;}
	


#zone_ac_contacter{
	display:block;
	float :left;
	margin: 46px 0 0 20px !important;
	margin: 46px 0 0 10px;
	width:141px;
	height: 143px;
	}/*border:1px solid yellow;*/
#zone_ac_fairedon{
	display:block;
	float :left;
	margin:15px 0 0 15px;
	width:141px;	
	height: 143px;
	}
#zone_ac_accespresse{
	display:block;
	float :left;
	margin:15px 0 0 15px;
	width:141px;	
	height: 143px;
	}
#zone_partieenfant{
	display:block;
	float :left;
	margin:300px 0 0 110px !important;
	margin:300px 0 0 50px;
	width:296px;	
	height: 163px;
	}
#zone_apbb{
	display:block;
	float :right;
	width:192px;	
	height: 153px;
	margin : 80px 20px 0 0;
	}

.actualites{
	display:block;
	float:right;
	width:200px;
	margin:80px 7px 0 0;
	font-size:12px;
	}
.actu_date{color:#00AAD2;font-weight:bold;}
.actu_titre, actu_titre a{color:#007DA3; font-size:12px;font-weight:bold;}
.actu_intro{color:#007DA3;}
.actu_ensavoirplus, .actu_ensavoirplus a{
	color:#93117E;font-weight:bold;
	background-image:url('img_enfant/puce_ensavoirplus.gif');
	background-position : 2px 2px;
	background-repeat:no-repeat;
	padding:0 0 0 12px;
	}
.gauche{ /*pour les logo dans mini_plan*/
	display:inline;
	float:left;
	margin:0 5px 2px 0;}
.gauche_logo{
	display:inline;
	float:left;
	text-align:left;
	width:auto;
	margin:0 15px 5px 0;
	}
.page_sommaire .gauche_logo{
	display:inline;
	float:left;
	text-align:left;
	width:auto;
	margin:0 5px 2px 0;
	/*margin:0 15px 2px 0;*/
	}
/*  ------------------------------------------
/*  Pages ADULTES interieur
/*  ------------------------------------------ */
.col1_ad{
	display:block;
	float:left;
	width:198px;
	margin : 59px 0 0 0;
	}
.col1_ad img, .col1_ad img a{
	/*border:1px solid red;*/
	margin:-3px 0 0 0;}
	
.col2_ad{
	display:block;
	float:left;
	width:490px;
	margin :15px 0 0 30px;
	}



/*  Mise en forme des textes du contenu
---------------------------------------------- */
.col2_ad h1{
	font-size:22px;
	color:#975B9C;
	font-weight:bold;
	margin:0 0 15px 0;}

h3.spip, .page_article h3 {
	margin:20px 0 0 0;
	color:#00AAD3;
	font-size:14px;
	font-weight: bold; }
	
.chapo {
	text-align:justify;
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	color:#00AAD3;
	font-size:14px;}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em;text-align:justify; }
.texte a{text-decoration:underline;color:#990065;/*violet*/}
.texte a:hover{text-decoration:underline;color:#990065;/*#975B9Cviolet*/}

.ps, .notes {
	/*margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;*/ }
.ps { /*font-size: 0.82em; */}
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Adultes page intr : colonne 3
---------------------------------------------- */
.col3_ad{
	display:block;
	float:right;
	width:210px;
	margin : 60px 0 0 0;
	padding: 0 10px 0 0;
	/*border:1px solid green;*/
	}
	
.clique_ici{
	text-align:right;
	padding: 0 10px 0 0;}

.col3_ad .telecharger h2 {
	height:38px;
	background-image:url('img_enfant/box_telecharger_top.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	padding:12px 0 0 40px;
	font-size: 14px;
	color:#FFFFFF;
	word-spacing:1px;
	font-weight:bold;
	}
.col3_ad .lireaussi h2 {
	height:38px;
	background-image:url('img_enfant/box_lireaussi_top.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	padding:12px 0 0 40px;
	font-size: 14px;
	color:#FFFFFF;
	word-spacing:1px;
	font-weight:bold;
	}
.col3_ad .liens_utiles h2 {
	height:38px;
	background-image:url('img_enfant/box_liens_utiles_top.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	padding:12px 0 0 40px;
	font-size: 14px;
	color:#FFFFFF;
	word-spacing:1px;
	font-weight:bold;
	}
.col3_ad .donner h2 {
	height:38px;
	background-image:url('img_enfant/h2_donner2.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	padding:12px 0 0 40px;
	font-size: 14px;
	color:#FFFFFF;
	word-spacing:1px;
	font-weight:bold;
	}
.donner_mil{
	margin : 0 15px 0 20px;
	text-align:justify;}
.col3_ad .liens_utiles h3{
	font-family:Arial, Helvetica, sans-serif;
	margin:-5px 0 5px 0;
	padding:0 0 0 25px;
	font-weight: normal; font-size: 10px; margin-left: auto; margin-right: auto;
	color:#000000; }
.liens_utiles a{ /*Ajout necessaire pour IE6 sinon le bg mil disparait au survol*/
	display:block;
	float:left;
	width:95%;}
	
.box_col3 {
	background-image:url('img_enfant/box_telecharger_mil.jpg');
	background-position:top left;
	background-repeat:repeat-y;}
	
.box_col3 ul { margin: 0; padding: 0 8px 0 25px; list-style: none; }
.box_col3 li { margin: 0 3px 3px 0; }

.box_col3 li .spip_doc_titre {}
.box_col3 li .spip_doc_titre small { font-weight: normal; }
.box_col3 li .spip_doc_descriptif {}

.box_col3 .ie6 { /*ie6 n arrive pas a reduire la vignette de logo document */
	display:inline !important;
	display:none;
	}

.box_col3_bot {
	height:19px;
	background-image:url('img_enfant/box_telecharger_bot.jpg');
	background-position:top left;
	background-repeat:no-repeat;}
.box_col3_bot_ps {
	margin:-3px 0 0 0;
	height:19px;
	background-image:url('img_enfant/box_telecharger_bot.jpg');
	background-position:top left;
	background-repeat:no-repeat;}

	
/*  ------------------------------------------
/*  MENU inc-rubriques Pages ADULTES interieur
/*  ------------------------------------------ */
/**/
.rubriques {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
.rubriques a{text-decoration:none;}
.rubriques .menu-titre {}

.menu-titre {
	/*padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;*/
}
.col1_ad ul{}
.col1_ad li{padding: 0 0 0 2px;}
.col1_ad li li{padding: 0 0 0 2px;}
.col1_ad li li li{padding: 0 0 0 3px;}

.menu_niveau2 a{
	/*display:none;*/
	display:block;
	text-align:left;
	padding:4px 1px 4px 20px;
	background-color:#B1BDD9; /*bleu lilas clair*/
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	border-bottom:2px solid white;
	background-image:url('img_enfant/puce_niv2.gif');
	background-position:4px 5px;/*droite haut*/
	background-repeat:no-repeat;
	}

.menu_niveau2 .on, .menu_niveau2 .on a{
	display:block;
	text-align:left;
	padding:4px 1px 4px 20px;
	background-color:#00AAD2; /*bleu electrique*/
	color:#FFFFFF;
	border-bottom:2px solid white;
	background-image:url('img_enfant/puce_niv2_o.gif');
	background-position:2px 5px;/*droite haut*/
	background-repeat:no-repeat;
	text-decoration:none;
	}

.menu_niveau3 a{
	display:block;
	text-align:left;
	padding:4px 1px 4px 27px;
	background-color:#3B5AA1;/*bleu fonce*/
	font-size:11px;
	color:#ffffff;
	background-image:url('img_enfant/puce_niv3.gif');
	background-position:15px 6px;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	
.menu_niveau3 .on, .menu_niveau3 .on a{
	display:block;
	text-align:left;
	padding:4px 1px 4px 27px;
	background-color:#99dded;/*bleu ciel*/
	color:#00AAD2;
	background-image:url('img_enfant/puce_niv3_o.gif');
	background-position:15px 6px;
	background-repeat:no-repeat;
	text-decoration:none;}

/*.menu_niveau3{
	background-color:#3B5AA1;
	color:#ffffff;
	padding:2px 0 0 25px;
	}
.menu_niveau3 a{}
.menu_niveau3 .on{background-color:pink;}

/*.menu_niveau3{
	width:90%;
	display:block;
	margin: 0 0 0 3px;
	padding: 3px 3px 3px 11px;
	font-size:11px;
	text-align:left;
	background-color:#F0F0F2;
	border-bottom:#cccccc 1px solid;
	}
.menu_niveau3 .on{color:#fa701b;}*/

.obligatoire_oublie{border:1px solid red;}
.gris{color:#666666;}
.date_gris, .date_gris a{font-size:9px;color:#666666;}

/*  ------------------------------------------
/*  Page lexique - partie enfant
/*  ------------------------------------------ */
body .page_lexique{
	background-color:#F9B300; /*orange clair*/
	}
.page_lexique #page{
	width:797px;
	background-image:url('img_enfant/lexique_mil.gif');
	background-position:top left;
	background-repeat:repeat-y;
	}
.lexique_contenu{
	width : 610px;
	margin : -10px 0 10px 150px;
	}
.lexique_contenu h3, .lexique_contenu .spip.h3 {
	display:inline;
	margin : 15px 0 0 0;
	padding:2px 5px;
	background-color:#007DA3; /*bleu canard*/
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	}
.lexique_contenu p{
	margin : 0 0 15px 0;}
.lexique_contenu ul li{
	margin : 0 0 0 50px;}
.lexique_contenu a, .lexique_contenu strong{
	color:#007DA3; /*bleu canard*/
	font-weight:bold;}
.lexique_bot{
	margin:-15px 0 0 0;}