@charset "UTF-8";
/* CSS Document */

/* --- DECORATION --- */

/* GENERALE */
/* Page */
html {
	font-size: 100%; 
}

body {
	margin: 0;
	padding: 10px 20px;
	font-family:Arial;
	font-size: 12px;
	background-color:#FFF;
}

/* mise en place des pointillés */
#centre {
	background: url(../img/fond_trois.png) repeat-y left top;
}

/* Liens*/
a img {
	border: none;
}

a {
	color: #000;
}

a:hover, a:focus {
	background: #E8E8E8;
	color:#F00;
}

/* COLONNE GAUCHE */
#image_menu {
	margin-top:50px;
}

#image_menu a:hover, #image_menu a:focus {
	background:none;
	color:#FFF;	
}

/* Titre de Vie des sections */
#titre_vie_des_sections {
	color:#eb934c;
	font-style:italic;
	margin-top:40px;
}

/* Cadre Connexion */
#espace_connexion {
	width:170px;
	margin-left:14px;
	background-color:#F0F0F0;
	border:1px solid #999999;
}

#espace_connexion p {
	margin:5px 11px;
}

#navigation #espace_connexion a {
	margin:5px 22px;
	text-decoration:underline;
	width:130px;
}

/* --- Contenu principal --- */
#principal {
	color: #181A12;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width:90em;
	min-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding-bottom:20px;
}

#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
	background: url(../img/fond_deux.png) repeat-y right top;
}

#centrebis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 180px;
}

#navigation ul {
	list-style: none;
	width:180px;
}

/* Liste menu gauche */
.listemenu {
	background-image:url(../img/double-fl-bleue.gif);
	background-repeat:no-repeat;
	background-position: -1 0.32em;
 	padding-left: 15px;
}

.sousmenu {
	background-image:url(../img/fl-bleue.gif);
	background-repeat:no-repeat;
	background-position: -1 0.32em;
 	padding-left: 10px;
}

.soussousmenu {
	background-image:url(../img/fl-plus-jaune.gif);
	background-repeat:no-repeat;
	background-position:-1 0.32em;
	padding-left:10px;
}

#navigation a {
	display: block;
	text-decoration: none;
}

.plansite_menu {
	padding:0px;
}

.listemenu a {
	font-size: 13px;
	font-weight:bold;
	width:186px;
	border-bottom:1px solid #CCC;
}

.listemenuvie a {
	font-size: 13px;
	font-weight:bold;
	width:186px;
	border-bottom:1px solid #CCC;
}

.listemenubasgauche a {
	font-size: 13px;
	font-weight:bold;
	width:186px;
	border-bottom:1px solid #CCC;
}

.plansite_sousmenu {
	padding-left:10px;
}

.plansite_soussousmenu {
	padding-left:4px;
}

.sousmenu a{
	font-weight:normal;
	font-size:11px;
	border-bottom:none;
	width:98%;
}

.sousmenuvie a{
	font-weight:normal;
	font-size:11px;
	border-bottom:none;
	width:98%;
}

.sousmenubasgauche a{
	font-weight:normal;
	font-size:11px;
	border-bottom:none;
	width:98%;
}

.soussousmenu a {
	font-weight:normal;
	font-size:11px;
	border-bottom:none;
	width:89%;
}

.soussousmenuvie a {
	font-weight:normal;
	font-size:11px;
	border-bottom:none;
	width:89%;
}

.soussousmenubasgauche a {
	font-weight:normal;
	font-size:11px;
	border-bottom:none;
	width:89%;
}

/* Liste Vie des Sections */
.listemenuvie {
	background-image:url(../img/double-fl-orange.gif);
	background-repeat:no-repeat;
	background-position: -1 0.32em;
 	padding-left: 15px;
}

.sousmenuvie {
	background-image:url(../img/fl-orange.gif);
	background-repeat:no-repeat;
	background-position: -1 0.32em;
 	padding-left: 10px;
}

.soussousmenuvie {
	background-image:url(../img/fl-plus-jaune.gif);
	background-repeat:no-repeat;
	background-position:-1 0.32em;
	padding-left:10px;
}

/* Liste menu bas gauche */
.listemenubasgauche {
	background-image:url(../img/double-fl-rouge.gif);
	background-repeat:no-repeat;
	background-position: -1 0.32em;
 	padding-left: 15px;
}

.sousmenubasgauche {
	background-image:url(../img/fl-rouge.gif);
	background-repeat:no-repeat;
	background-position: -1 0.32em;
 	padding-left: 10px;
}

.soussousmenubasgauche {
	background-image:url(../img/fl-plus-jaune.gif);
	background-repeat:no-repeat;
	background-position:-1 0.32em;
	padding-left:10px;
}

/* ANOTER */
.anoter {
	font-size:10px;
	padding-top:20px;
}

/* ARTICLES */
#liste_article {
	list-style:none;
	margin-left:-42px;
}

#liste_article h3 {
	font-size:12px;
	text-decoration:underline;
	margin-bottom:3px;
}

#liste_article .anoter_liste_article {
	font-style:italic;
	font-size: 10px;
}

#liste_article .anoter_liste_article a {
		text-decoration:none;
}

#liste_article p {
	font-size:12px;
	font-weight:normal;
	margin:0px;
}

.contenu_liste_article {
	background-image:url(../img/fl-plus-jaune.gif);
	background-repeat:no-repeat;
	background-position:-0 0.32em;
	padding-left:15px;
	margin-bottom:35px;
	margin-top:10px;
}

.contenu_liste_article_peda {
	background-image:url(../img/fl-plus-jaune.gif);
	background-repeat:no-repeat;
	background-position:-0 0.32em;
	padding-left:15px;
	margin-bottom:35px;
	margin-top:10px;
}

/* Contenu principal */
#principal {
	margin-left: 200px;
	margin-right: 260px;
	padding: 10px 20px 50px 20px;
}

#principal > :first-child {
	margin-top: 14px;
}
#principal p, #principal li {
	line-height: 20px;
}

/* bouton sociaux */
#bouton_sociaux {
	width:150px;
	height:25px;
	float:right;
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 200px;
	padding: 0px 30px;
	font-size:11px;
	margin-top:-35px;
}

#secondaire_accueil {
	float: right;
	width: 260px;
	font-size:11px;
	margin-top:-35px;
}
	

#liste_colonne_secondaire p {
	margin-top:10px;
	margin-bottom:10px;
}

#liste_colonne_secondaire {
	padding-left:0px;
	list-style:none;
	margin-left:-12px;
}

#liste_colonne_secondaire td {
	font-size:10px;
}

.titre_colonne_droite {
	border-bottom:1px solid #CCC;
	padding-top:25px;
}

/* Actualité */
.liste_actualite {
	list-style:none;
	padding-left:5px;
	padding-bottom:15px;
}

.liste_actualite li {
	padding-bottom:8px;
	padding-left:6px;
	font-size:11px;
}

.image_liste_actualite {
	margin-left:-12px;
}

/* Agenda */ 
.titre_des_li_agenda {
	font-size:11px;
	font-weight:normal;
	width:65px;
}

#liste_agenda {
	list-style:none;
	padding-left:0px;
	padding-bottom:13px;
}

#liste_agenda a {
	display:block;
	margin-top:-32px;
	margin-left:62px;
}

/* sur le web */
.liste_surleweb {
	list-style:none;
	margin-left:-40px;
}

.liste_surleweb li {
	margin-top:8px;
}

/* Logo a noter */
#liste_colonne_secondaire .spip_logos {
	padding-right:4px;
	padding-bottom:4px;
}

#liste_colonne_secondaire .liste_surleweb p {
	font-size:9px;
	margin-top:0px;
}

/* à lire aussi sur le site*/
#liste_colonne_secondaire .lien_alireaussi {
	color:#126cb2;
	font-size:11px;
	margin-left:55px;
	font-weight:bold;
	margin-top:-16px;
}

#liste_colonne_secondaire .lien_alireaussi a {
	color:#126cb2;
}
/* Docs à télécharger */
#liste_colonne_secondaire .lien_docadl p{
	margin-left:50px;
	margin-top:-35px;
}

/* lien en bas des modules */
.lien_bas_liste_colonne_bas {
	margin-left:100px;
	color:#126cb2;
	text-decoration:none;
}

/* texte revue de presse */
#ulrevuedepresse {
	list-style:none;
	margin-left:0px;
}

#ulrevuedepresse li {
	margin-top:0px;
	margin-bottom:30px;
}

#ulrevuedepresse h4 {
	margin-top:0px;
	margin-bottom:0px;
}

#ulrevuedepresse p {
	margin-top:0px;
}

.listerevuedepresse img {
	float:left;
	padding-right:15px;
}

/* --- PAGE PETITES ANNONCES -- */
.contenu_liste_article .spip_logos {
	 float:left;
	 margin-right:30px;
 }
 
 /* --- PAGE AGENDA --- */
 #titre_page_agenda {
	 margin:20px 0px 20px 338px;
 }
 
 #liste_page_agenda {
	 color:grey;
	 margin-left:-36px;
	 list-style:none;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 0px 17%;
	border-top:dashed 1px #CCC;
	border-bottom:dashed 1px #CCC;
}

#pied ul {
	list-style:none;
	padding-left:105px;
}

#pied li {
	padding-left:10px;
	padding-right:10px;
}



/* Bouton réseaux sociaux */
.addthis_toolbox addthis_default_style {
	width:100px;
	height:20px;
	float:right;
}

/* ---  SPIP --- */


table.spip {
	margin:auto;
	border: 1px solid #999999;
	background-color:#F0F0F0;
}

#liste_colonne_secondaire table.spip {
	margin:10px auto;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #d0d0d0;
	
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}


table.spip td{
	padding:8px 3px;
	text-align:left;
	vertical-align:middle;
}

a.spip_out {
text-decoration: underline
}

a.spip_in {
text-decoration: underline
}

a.spip_url {
text-decoration: underline
}

a.spip_url2 {
text-decoration: underline;
font-family: Arial;
font-size: 11px
}

a.spip_glossaire {
text-decoration: underline
}
.spip_documents{
	font-family: Arial;
	font-size : 90%;
}

.spip_documents_center
{
	text-align: center;
	width: 100%;
}

.spip_documents_left
{
	margin: 10px 30px 10px 10px;
	float:left;
}

.spip_documents_right
{
	float: right;
	margin: 10px 10px 10px 30px;
	margin-top:-3px;
}

/*dd {
	margin:auto;
}

.spip_doc_titre {
	margin:auto;
}*/

.spip_doc_descriptif {
	margin-left:2px;
}

h3.spip {
	text-align:center;
	font-size:18px;
}

/* --- BARRE DE RECHERCHE --- */
#recherche {
	width:147px;
}

/* module a noter reprise sur ancien code  */
.anoter2 {
   font-family: Arial;
  color: #000000;
  font-size: 10px
}

.anoter4 {
   font-family: Arial;
  color: #000000;
  font-size: 11px
}

/* --- MODIF FRANCK DU 10.09.10 --- */
/* Modifications apportées à la colonne droite pour la partie "docs à télécharger" */

#liste_colonne_secondaire .lien_docs_img img {
	float:left;
}

#liste_colonne_secondaire .lien_docadltitre {
	font-weight:bold;
}

.div_pleine_taille {
	overflow:hidden;
}

/* --- MODIF FRANCK DU 06.10.2010 POUR PAGE D'ACCUEIL --- */
/* --- BLOCS BAS DE PAGE --- */
/* Actu */
#bloc_actu_accueil {
	width:265px;
	float:left;
	position:relative;
}

#bloc_actu_accueil h3 {
	font-size:13px;
	margin-bottom:5px;
}

#bloc_actu_accueil h3 a {
	color:#126cb2;
	text-decoration:none;
}


#bloc_actu_accueil a.lien_bas_liste_colonne_bas {
	color:#126CB2;
	position:absolute;
	right:10px;
	bottom:10px;
}

#bloc_actu_accueil #wrapp_actu_accueil {
	border:1px solid #bcbcbc;
	background-color:#f0f0f0;
	padding-bottom:10px;
	position:relative;
}

#bloc_actu_accueil #wrapp_actu_accueil li {
	padding-right:40px;
	padding-bottom:25px;
}
	
#bloc_actu_accueil #wrapp_actu_accueil p {
	margin-top:0px;
	margin-bottom:0px;
	line-height:15px;
}

#bloc_actu_accueil #wrapp_actu_accueil li span img {
	margin-bottom:8px;
}

#bloc_actu_accueil #wrapp_actu_accueil h4.titre_actu_accueil {
	font-size:13px;
	line-height:15px;
	margin-bottom:8px;
	margin-top:0px;
}

#bloc_actu_accueil #wrapp_actu_accueil h4.titre_actu_accueil a {
	color:#126CB2;
	text-decoration:none;
}

#bloc_actu_accueil #wrapp_actu_accueil ul.liste_actualite {
	padding-bottom:0px;
}

/* Agenda */
#bloc_agenda_accueil {
	width:265px;
	margin-left:300px;
	margin-top:25px;
}

#bloc_agenda_accueil h3 {
	font-size:13px;
	margin-bottom:5px;
}

#bloc_agenda_accueil h3 a {
	color:#ee934c;
	text-decoration:none;
}

#bloc_agenda_accueil a.lien_bas_liste_colonne_bas {
	color:#EE934C;
	position:absolute;
	right:10px;
	bottom:10px;
}

#bloc_agenda_accueil #wrapp_agenda_accueil {
	background:url(../img/agenda.jpg) top left no-repeat;
	border:1px solid #f6bd7e;
	position:relative;
}

#bloc_agenda_accueil #wrapp_agenda_accueil ul {
	list-style:none outside none;
	padding-top:126px;
	padding-left:15px;
	padding-right:10px;
}

#bloc_agenda_accueil #wrapp_agenda_accueil ul li {
	margin-bottom:12px;
}

#bloc_agenda_accueil #wrapp_agenda_accueil ul li h5.titre_des_li_agenda {
	font-size:13px;
	line-height:15px;
	margin-bottom:0;
	margin-top:0;
	width:100%;
	font-weight:bold;
}

#bloc_agenda_accueil #wrapp_agenda_accueil ul li p {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:17px;
	line-height:15px;
	font-size:11px;
}

#bloc_agenda_accueil #wrapp_agenda_accueil ul li a {
	margin-left:5px;
	font-size:11px;
}

/* --- BLOCS COLONNE DROITE --- */
/* A ne pas manquer */
#anepasmanquer_accueil {
	margin-top:56px;
}

#anepasmanquer_accueil h3 {
	font-size:13px;
	color:#126cb2;
	margin-bottom:2px;
}

#anepasmanquer_accueil #wrap_anepasmanquer_accueil {
	border:1px solid #bdbdbd;
	background-color:#f0f0f0;
	padding-bottom:10px;
}

#anepasmanquer_accueil #wrap_anepasmanquer_accueil ul {
	list-style:none;
	padding-left:8px;
	margin:0px;
}

#anepasmanquer_accueil #wrap_anepasmanquer_accueil ul li h4, #anepasmanquer_accueil #wrap_anepasmanquer_accueil ul li h4 a {
	color:#126cb2;
	font-size:13px;
	margin-top:20px;
	margin-bottom:0px;
	text-decoration:none;
}

#anepasmanquer_accueil #wrap_anepasmanquer_accueil ul li p {
	margin-bottom:2px;
	margin-top:2px;
}

#anepasmanquer_accueil #wrap_anepasmanquer_accueil ul li p .spip_documents_left {
	margin:5px 8px 5px 0;
}

/* Première visite */
#premiere_visite h3 {
	color:#126cb2;
	font-size:13px;
	margin-bottom:3px;
}

#premiere_visite #wrap_premiere_visite {
	background:url(../img/premiere_visite.jpg) top left no-repeat;
	height:162px;
	border:1px solid #999999;
}

#premiere_visite #wrap_premiere_visite ul {
	padding-left:124px;
	list-style:none;
	margin-top:43px;
}

#premiere_visite #wrap_premiere_visite ul li {
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
}

#premiere_visite #wrap_premiere_visite ul li a {
	color:#126cb2;
	text-decoration:none;
}

#premiere_visite #wrap_premiere_visite ul li a span {
	color:#000;
	text-decoration:underline;
}

/* Comment s'inscrire */
#comment_inscrire h3 {
	color:#126cb2;
	font-size:13px;
	margin-bottom:3px;
}

#comment_inscrire #wrap_comment_inscrire {
	border:1px solid #999999;
	/*background:url(../img/drapeaux.jpg) 170px top no-repeat;*/
	height:85px;
	margin-bottom:12px;
}

#comment_inscrire #wrap_comment_inscrire ul {
	list-style:none;
	font-size:13px;
	font-weight:bold;
	padding-left:46px;
	margin-top:11px;
}

#comment_inscrire #wrap_comment_inscrire ul li {
	color:#126cb2;
	margin-bottom:8px;
}

#comment_inscrire #wrap_comment_inscrire ul li a {
	color:#126CB2;
	display:block;
	text-decoration:none;
	width:170px;
	background:url(../img/puce_bleu_2.jpg) center left no-repeat;
	height:18px;
	position:relative;
	padding-left:8px;
}

#comment_inscrire #wrap_comment_inscrire ul li a span {
	color:#000;
	text-decoration:underline;
}

#comment_inscrire #wrap_comment_inscrire ul li a img {
	position:absolute;
	right:16px;
}

/* --- MODIF FRANCK DU 12.10.2010 POUR PAGE D'ACCUEIL ACCES PARENTS --- */
/* Commun à toutes les cases */
#principal div.case {
	width:266px;
	float:left;
	margin-right:10px;
	position:relative;
	margin-bottom:10px;
}

#principal div.case h3.titre_case, #principal div.case h3.titre_case a {
	color:#126CB2;
	font-size:16px;
	margin-bottom:5px;
	text-decoration:none;
}

#principal div.case div.wrapp_case {
	border:1px solid #999999;
	height:390px;
}

#principal div.case div.wrapp_case ul {
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	list-style:none;
}

#principal div.case div.wrapp_case ul li {
	padding:15px 5px 0px 5px;
	display:block;
}

/* --- Case 1 & 2 --- */
#principal div.case div.wrapp_case ul li.liste_anepasmanquer {
	height:180px;
	position:relative;
}

#principal div.case div.wrapp_case ul .liste_anepasmanquer h4, #principal div.case div.wrapp_case ul .liste_anepasmanquer h4 a {
	margin-top:0px;
	margin-bottom:3px;
	color:#126CB2;
	font-size:13px;
	text-decoration:none;
}

#principal div.case div.wrapp_case ul .liste_anepasmanquer p {
	margin-bottom:0px;
	margin-top:0px;
}

#principal div.case div.wrapp_case ul .liste_anepasmanquer p .spip_documents_left {
	margin:5px 15px 5px 0;
}
/* --- Case 3 --- */
#principal #case_postbac div.wrapp_case h3 {
	margin-top:15px;
	margin-bottom:5px;
	padding:0px 5px;
}

#principal #case_postbac div.wrapp_case h3.spip {
	font-size:13px;
	padding:0px;
}

#principal #case_postbac div.wrapp_case p {
	margin-top:0px;
	margin-bottom:5px;
	padding:0px 5px;
	font-size:12px;
}

#principal #case_postbac div.wrapp_case ul {
	margin-bottom:3px;
}

#principal #case_postbac div.wrapp_case ul li {
	padding-top:0px;
	font-size:12px;
	line-height:15px;
}

/* --- Case 4 --- */
#principal div.case div.wrapp_case ul.liste_case_annonces li.element_case_annonces h4 {
	margin-top:0px;
	margin-bottom:3px;
}

#principal div.case div.wrapp_case ul.liste_case_annonces li.element_case_annonces img {
	float:left;
	padding:0px 15px 0px 0px;
}

#principal div.case div.wrapp_case ul.liste_case_annonces li.element_case_annonces {
	/*background-image:url(../img/fl-plus-jaune.gif);
	background-position:left 18px;
	background-repeat:no-repeat;*/
	margin-left:7px;
	/*padding-left:15px;*/
}

#lien_case_annonces {
	bottom:5px;
	display:block;
	padding-left:10px;
	position:absolute;
	right:10px;
	background:url(../img/chevron_orange.jpg) left top no-repeat;
}

/* --- Case 5 --- */
#principal #case_galeriephoto div.wrapp_case p {
	line-height:20px;
	margin-bottom:5px;
	margin-top:5px;
}

/* --- Case 5 & 6 --- */
#principal div.case div.wrapp_case ul li.case56 {
	line-height:20px;
	height:180px;
	position:relative;
}

#principal div.case div.wrapp_case ul li.case56 p .spip_documents_left {
	margin:5px 8px 5px 0;
}

#principal div.case div.wrapp_case ul li.case56 h4 {
	margin-top:0px;
	margin-bottom:0px;
}

#principal div.case div.wrapp_case ul li.case56 p {
	line-height:20px;
	margin:0px;
}

#principal div.case div.wrapp_case ul li.case56 a.lien_case_lirelasuite {
	background:url(../img/chevron_orange.jpg) left top no-repeat;
	display:block;
	margin-left:165px;
	padding-left:10px;
	width:64px;
}

/* MODIF FRANCK DU 26-10-2010
--------------------------------------------------------------------------- */
#bloc_actu_accueil #wrapp_actu_accueil .liste_actualite .date_actu_accueil_ff {
	margin-top:10px;
}

#principal #case_anepasmanquer {
	width:542px;
}

#principal #case_anepasmanquer div.wrapp_case ul.first_anepasmanquer {
	float:left;
	width:266px;
	padding-right:10px;
}

#principal #case_anepasmanquer div.wrapp_case ul.seconde_anepasmanquer {
	margin-left:266px;
}

#case_postbac div.wrapp_case #chapo_postbac_homeparent {
	height:195px;
}

#principal #case_anepasmanquer div.wrapp_case {
	background-color:#F0F0F0;
}

#image_galeriephoto_homeparents {
	float:left;
	padding:5px 5px 0px 5px;
}