/* ***************************************************************
		STYLE GENERAL DES CELLULES DE DISPOSITION
   *************************************************************** */		
#meep {
	background: #fff;
	color:#000;
	text-align:left !important;
}

#meep a:active,
#meep a:visited,
#meep a {
	color: #990000;
	text-decoration : none;
}

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

#meep table {
	border-collapse : collapse;
}

#meep #disposition td.cell {
	vertical-align: top;
}

#meep .MEEservice {
	margin: 6px;
}

#meep .MEEservice th {
	background: #DF6361 url(/images/fo/fleche-rub.gif) no-repeat 5px 5px;
	font : bold 1.25em arial,verdana, sans-serif !important;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 0 0 0 25px;
	height: 27px;
	text-align:left;
}

#meep .MEEservice td {
	vertical-align:top;
	font : normal 1.25em arial,verdana, sans-serif !important;
}

#meep input.MEEbouton {
	cursor : pointer;
	border-width: thin;
	border : 1px solid #000;
}

/* ***************************************************************
	   STYLE DE LA BOITE "logo" (.logo)
   *************************************************************** */
#meep .MEElogo table {
	background: #DF6361;
	padding: 0;
	margin:0;
	border:1px solid #000;
}

#meep .MEElogo table td {
	text-align: center;
	vertical-align : middle;
	font-weight:bold;
	font-size:1.3em !important;
	color: #C22425;
}

#meep .MEElogo img.MEElogoimg {
	display:block;
	width:350px;
}

#meep .MEElogo .MEElogotexte {
	display:none;
	padding-left: 15px;
}
/* ***************************************************************
	   STYLE DE LA BOITE "code html personnalisable" (.htmlperso)
	   Pas de style sur la boite Html Personnalisable par défaut (composant invisible)
   *************************************************************** */
#meep .MEEhtmlperso {}

/* ***************************************************************
	   STYLE DES BOITES "Tout savoir sur l'école" (.MEEtoutsavoir)
	   et "Aprés l'école" (.MEEapresecole)
   *************************************************************** */
#meep .MEEapresecole,
#meep .MEEtoutsavoir {
background: #f4f4f4;
border: 2px solid #DF6361 !important;

}

#meep .MEElogo {
	width:99% !important;
}
#meep .MEEapresecole td,
#meep .MEEtoutsavoir td {
padding: 6px 0;
}


#meep .MEEapresecole dt,
#meep .MEEtoutsavoir dt {
margin-left : 5px;
padding: 0 0 4px 0 !important;
font-weight: bold;
}

#meep .MEEapresecole dl,
#meep .MEEtoutsavoir dl {
margin: 0;
padding: 0 8px 0 5px;
height: 100%;
}

#meep .MEEapresecole dd,
#meep .MEEtoutsavoir dd {
margin: 0 0 3px 6px;
padding: 0;
font-size: 0.95em;
}

/* ***************************************************************
	   STYLE DE LA BOITE "les école de..." (.ecoles)
   *************************************************************** */
#meep .MEEecoles td {
	text-align:center;
}

#meep .MEEecoles img {
margin : 0 5px 0 0px;
border: 1px solid #666;
width : 190px;
}

#meep .MEEecoles form select {
margin: 0px 5px 0 0px;
padding: 0;
width: 225px;
border: 1px solid #666;
font: 0.7em arial, verdana, sans-serif;
}

#meep .MEEecoles span.legendePhoto {
font: 0.8em arial, verdana, sans-serif;
font-style: italic;
}

/* ***************************************************************
	   STYLE DE LA BOITE "actualites" (.actualites)
   *************************************************************** */
#meep .MEEactualites {
	padding: 0;
}

#meep .MEEactualites th {
	width: 100%;
	background: url(/images/fo/fleche-ssrub.gif) 9px 1px no-repeat;
	font-size:1em !important;
	font-weight:bold;
	color: #000;
	margin-bottom: 0px;
	height:14px;
}

#meep .MEEactualites td {
	padding: 6px 0;
}

#meep .MEEactualites dl {
	margin: 0;
	padding: 0 8px 0 5px;
	height: 100%;
}

#meep .MEEactualites dd {
	margin: 0 0 3px 6px;
	padding: 0;
}

#meep .MEEactualites dd a {
	font-size:0.8em;
}

#meep .MEEactualites tfoot td ul {
	margin: 0;
	padding: 0;
}

#meep .MEEactualites tfoot td li {
	list-style: none !important;
	padding-left: 32px;
	background: url(/images/fo/icone_article.gif) 14px -4px no-repeat;
	line-height : 1.3em;
}

#meep .MEEactualites tfoot td li a {
	font-weight:bold;
	font-size:0.9em;
}

/* ***************************************************************
	   STYLE DE LA BOITE "dossiers d'actualites"
   *************************************************************** */
#meep .MEEdossiersactualites {
	padding: 0;
}

#meep .MEEdossiersactualites th {
	width: 100%;
	background: url(/images/fo/fleche-ssrub.gif) 9px 1px no-repeat;
	font-size:1em !important;
	font-weight:bold;
	color: #000;
	margin-bottom: 0px;
	height:14px;
}

#meep .MEEdossiersactualites td {
padding: 6px 0;
}

#meep .MEEdossiersactualites img {
	float: left;
	clear: none;
	width : 50px;
	margin : 0 5px 0 0px;
	border: 1px solid #666;
}

#meep .MEEdossiersactualites dt {
	margin-left : 5px;
	padding: 0 0 4px 14px; !important;
	background: url(/images/fo/fleche-ssrub.gif) 0 1px no-repeat;
}

#meep .MEEdossiersactualites dl {
	margin: 0;
	padding: 0 8px 0 5px;
	height: 100%;
	font-size: 0.9em;
}

#meep .MEEdossiersactualites dd {
	margin: 0 0 3px 6px;
	padding: 0;
}
#meep .MEEdossiersactualites a {
	font-weight:bold;
}

#meep .MEEdossiersactualites tfoot td ul {
	margin: 0;
	padding: 0;
}

#meep .MEEdossiersactualites tfoot td li {
	list-style: none !important;
	padding-left: 32px;
	background: url(/images/fo/icone_article.gif) 14px -4px no-repeat;
	line-height : 1.3em;
}

#meep .MEEdossiersactualites tfoot td li a {
	font-weight:bold;
	font-size:0.9em;
}

/* ***************************************************************
	   STYLE DE LA BOITE "services"
   *************************************************************** */

#meep .MEEservicesenligne table {
	border : 1px solid #DF6361;
	background : #dddddd;
}

#meep .MEEservicesenligne form {
	margin : 0 -10px 0px 11px;
}

#meep .MEEservicesenligne form select {
	margin: 2px 0 2px -10px;
	padding: 0;
	width: 190px;
	border: 1px solid #666;
	font-size: 0.7em;
	vertical-align: middle;
}

#meep .MEEservicesenligne dl {
	padding: 0;
}

#meep .MEEservicesenligne dt {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #990000;
	font-weight:bold;
}

#meep .MEEservicesenligne dt span {
	margin: 0;
	padding: 5px 0 5px 5px;
	display: block;
	background: url(/images/fo/pointille.gif) repeat-x bottom;
}

/* ***************************************************************
	   STYLE DE LA BOITE "annuaire"
   *************************************************************** */

#meep #MEEannuaire .MEEresultats table {
	border: 0;
	background: #E5E9E8; 	
}
#meep #MEEannuaire .MEEresultats td {
	font-size: 0.70em !important;
	font-style: italic !important;
}
#meep #MEEannuaire .MEEresultats {
	margin: 20px 50px 20px 50px;
}

#meep #MEEannuaire .MEEresultats dl {
	padding: 12px 0 12px 20px;
	background: #E5E9E8;
	cursor: pointer;
	border-bottom: 2px dotted #ccc;
	font: normal 0.95em arial, verdana, sans-serif;
	margin: 0;
}

#meep #MEEannuaire .MEEresultats dl.altern {
	background: #fff;
}

#meep #MEEannuaire .MEEresultats dd {
	font-style: italic;
	margin-top: 10px;
	margin-left: 0;
}

#meep #MEEannuaire .MEEresultats dl dt,
#meep #MEEannuaire .MEEresultats dl dt a  {
	font-weight: bold;
	color: #444;
	text-decoration: none;
}

#meep #MEEannuaire .MEEresultatsPages ,
#meep #MEEannuaire .MEEresultatsPages a {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

/* ***************************************************************
	   STYLE DE LA BOITE "Poser une question"
   *************************************************************** */

#meep #MEEposerQuestion .MEEresultats table {
	border: 0;
	background: #E5E9E8; 	
}
#meep #MEEposerQuestion .MEEresultats td {
	font-size: 0.70em !important;
	font-style: italic !important;
}
#meep #MEEposerQuestion .MEEresultats {
	margin: 20px 50px 20px 50px;
}

#meep #MEEposerQuestion .MEEresultats dl {
	padding: 12px 0 12px 20px;
	background: #E5E9E8;
	border-bottom: 2px dotted #ccc;
	font: normal 0.95em arial, verdana, sans-serif;
	margin: 0;
}

#meep #MEEposerQuestion .MEEresultats dl.altern {
	background: #fff;
}

#meep #MEEposerQuestion .MEEresultats dd {
	font-style: italic;
	margin-top: 10px;
	margin-left: 0;
}

#meep #MEEposerQuestion .MEEresultats dl dt,
#meep #MEEposerQuestion .MEEresultats dl dt a  {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

#meep #MEEposerQuestion .MEEresultatsPages ,
#meep #MEEposerQuestion .MEEresultatsPages a {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#meep #MEEposerQuestion dl.over {
	background-color: #fda716;
}

#meep #MEEposerQuestion input.grand {
	width: 200px;
}

/* ***************************************************************
	   STYLE DE LA BOITE CHEMIN NAVIGATION
   *************************************************************** */
#meep .MEEcheminnavigation ul {
	margin: 5px 0 10px 5px;
	padding: 0;
}

#meep .MEEcheminnavigation li {
	margin: 0;
	list-style: none !important;
	display: inline;
	padding:0;
	background: none !important;
}

#meep .MEEcheminnavigation a {
	font-size: bold 0.9em;
	font-weight:bold;
}

/* ***************************************************************
	   STYLE DE LA BOITE "MENU NAVIGATION" (.MEEmenu)
   *************************************************************** */
#meep .MEEmenu table {
	border : 2px solid #DF6361;
	border-bottom : 1px solid #DF6361;
	margin-bottom:0px;
}

#meep .MEEmenu table tr td ul {
	list-style-type : none !important;
	padding: 0px;
	margin: 0px;
}

#meep .MEEmenu table tr td ul li ul {
	margin: 0 15px !important;
}

#meep .MEEmenu table tr td ul li {
	padding : 1px 0px 1px 5px;
	border-bottom : 1px solid #DF6361;
	font-weight:bold;
}

#meep .MEEmenu table tr td ul li.selected {
	font-weight: bold;
}

#meep .MEEmenu table tr td ul li ul li {
	border-bottom : 0px !important;
	font-size:0.9em;
}

#meep .MEEmenu table tr td ul li a {
	padding-left : 0px;
}

#meep .MEEmenu table tr td ul li ul li a {
	font-weight:normal;
}

#meep .MEEmenu table tr td ul li ul li a.selected,
#meep .MEEmenu table tr td ul li a.selected {
	font-weight: bold;
}

/* ***************************************************************
	   STYLE DE LA BOITE ECRAN PRINCIPALE (contenu général du site)
   *************************************************************** */
#meep .zonePrincipale table {
	border : 2px solid #DF6361;
	background-color : #F4F4F4;
	margin-bottom:0px;
}

#meep .zonePrincipale td {
	line-height: 1.5em;
}

#meep .MEEimprimer { 
	background-image: none !important;
	text-align:right !important;
}

/*
 * STYLES DE LA NAVIGATION PAR PAGES
 */

#meep .zonePrincipale a.pageSelected {
	font-weight:bold;
}	

#meep .zonePrincipale span.pages {
	font-weight:bold;
}

/*
 * STYLES DU CHAPEAU
 */

#meep .zonePrincipale div.chapeau {
	padding-top : 5px;
	margin: 5px 0 0 5px;
	padding: 0 10px 0 0;
}

#meep .zonePrincipale div.chapeau img {
	float: left;
	margin : 5px 15px 15px 5px;
	border: 1px solid #000;
}

#meep .zonePrincipale div.chapeau img.imagette {
	width : 50px;
	margin-right:10px;
	margin-bottom: 10px;
}

#meep .zonePrincipale div.chapeau span.accroche {
	display : block;
}

#meep .zonePrincipale div.contenu span.accroche {
	font-weight : bold;
	color: #990000;
	display : block;
}
#meep .zonePrincipale div.chapeau a {
	font-weight : bold;
}

#meep .zonePrincipale div.chapeau span.titreArticle {
	font-weight : bold;
	color: #990000;
	display : block;
}
/*
 * STYLE GROUPE DE THEMES
 */
 
#meep .zonePrincipale div.groupeliens {
	margin: 15px 10px 15px 0px;
	padding: 0 5px 0 5px;
}

#meep .zonePrincipale div.groupeliens span.titre {
	font-size : 1.1em;
	font-weight : bold;
}

#meep .zonePrincipale div.groupeliens ul {
	list-style: none !important;
	margin-top : 5px;
	margin-left : 30px;
}

#meep .zonePrincipale div.groupeliens li {
	padding-left : 10px;
	font-weight: normal;
}

#meep .zonePrincipale div.groupeliens li span.courant {
	font-weight : bold !important;
	color : #990000;
}

#meep .zonePrincipale div.groupeliens a.selected {
	font-weight : bold;
}


/*
 * CONTENU PRINCIPAL DE LA FENETRE
 */

#meep .zonePrincipale span.miseenavant {
	font-weight : bold;
	color : #990000;
}

#meep .zonePrincipale span.libelle {
	font-weight:bold;
}

#meep .zonePrincipale div.contenu {
	margin: 0px 0px 0px 0px;
	padding: 13px 10px 10px 10px;
	background:#fdfdfd;
	width:94.5% !important;
}

#meep .zonePrincipale div.local {
	background: #FFE3E0;
}

#meep .zonePrincipale div.contenu ul {
	margin-left:20px !important;
}

#meep .zonePrincipale div.contenu li {
	margin-bottom : 5px !important;
}

#meep .zonePrincipale a.lienGlossaire {
}

#meep .zonePrincipale a.lienFicheContact {
}

#meep .zonePrincipale div.contenu a.ancre {
	padding-left: 10px;
	background: url(/images/fo/pictoHautPage.gif) no-repeat -1px 1px;
	font-size:0.9em;
}

/*
 * ETIQUETTES DE PROVENANCE
 */

#meep .zonePrincipale table.provenance {
	border : 0px ;
	margin-bottom:10px;
	background-color:transparent;
}

#meep .zonePrincipale table.provenance td {
	vertical-align:middle;
	font-size:0.7em !important;
}

/*
 * TAILLE GOOGLE MAP
 */

#meep .zonePrincipale div#mapMEEGoogle {
	width: 500px;
	height: 300px;
	border: 1px solid #DF6361;
}

/*
 * STYLE PARTIE EN SAVOIR PLUS / VOIR AUSSI
 */

#meep .zonePrincipale table#enrelation {
	border : 0px;
}

/* ***************************************************************
	   STYLE DU COMPOSANT "calendrier"
   *************************************************************** */

#meep table.MEEcalendrier {
	width: 10em;
}

#meep table.MEEcalendrier th {
	font-weight : bold;
	font-size : 0.75em !important;
	text-align: center;
	padding:0;
	margin:0;
	background: #dddddd;
	color: #000;
	height: 3em;
}

#meep table.MEEcalendrier th a {
	font-weight:normal;
	font-size:0.9em !important;
}

#meep .MEEcasecalendrier {
	padding-top: 0.5em;
	background-color: #fdfdfd;
	width: 2.5em;
	height: 2.5em;
}

#meep .MEEcasecalendrier .libelle {
	font-weight : bold;
	text-align: center;
	height:30%;
}

#meep .MEEcasecalendrier .listeevenements {
	width: 100%;
}

#meep .MEEcasecalendrier .listeevenements table {
	width: 100%;
}

#meep .MEEcasecalendrier .listeevenements .item {
	font: 0.30em arial, verdana, sans-serif;
}

#meep #MEEcalendrierLegende {
	border: 1px solid #000;
}

#meep #MEEcalendrierLegende li {
	list-style-type: none !important;
	padding-bottom:0.5em;
	padding-top:0.5em;
	margin-left: -50px !important;
	margin-left: 0px;
	text-align: left;
}

#meep #MEEcalendrierLegende div.MEEpicto {
	border:1px solid #000;
	padding:0px;
	height:1.3em;
	width:1.3em;
}

#meep  #MEEcalendrierLegende table {
	border: 0;
	background: #dddddd;
	text-align: left;
	width:100%
}

#meep #MEEcalendrierLegende td {
	text-align: left;
	vertical-align:top;
	padding: 0.5em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	font-size:0.7em !important;
}

#meep span.legendePolice {
	font: italic 0.8em arial, verdana, sans-serif;
	color: #003366;
}


/* ***************************************************************
	   STYLE DU COMPOSANT "Restauration Scolaire"
   *************************************************************** */
#meep table#restaurationScolaire table#cantine {
	margin:0px;
	border:1px solid #000;
	
}

#meep table#restaurationScolaire table#cantine th {
	font-weight: bold;
	font-size : 0.7em !important;
	text-align: center;
	width:16%;
	padding: 5px;
	background-image: none;
}

#meep table#restaurationScolaire table#cantine td {
	border:1px solid #000;
	background-color: #f4f4f4;
	padding: 5px;
	width:16%;
}

#meep table#restaurationScolaire table#cantine .libelle {
	font-weight : bold !important;
	padding: 5px;
	text-align:left;
	width: 20%;
}

#meep table#restaurationScolaire a#menuSuivant img,
#meep table#restaurationScolaire a#menuPrecedent img {
	border: 0;
	width: 16px;
	height: 16px;
}

#meep table#restaurationScolaire a#menuPrecedent img {
	background-image: url(/images/fo/fastDroite01.gif);
}

#meep table#restaurationScolaire a#menuSuivant img {
	background-image: url(/images/fo/fastGauche01.gif);
}

/* ***************************************************************
	   STYLE DU COMPOSANT "carte de visite"
   *************************************************************** */
#meep table.MEEcarte {
	background-color : #FFF !important;
	border:0px;
	width: none;  
	margin:10px !important:

}

#meep table.MEEcarte img.MEEimage {
	margin-right:20px !important;
}

#meep table.MEEcarte img.MEEillustration {
	width : 300px;
	margin-right:20px !important;	
}

#meep table.MEEcarte td.coinhautgauche {
	padding:0px !important;
	width:20px;
	height:20px;
	border-left:2px solid #444;
	border-top:2px solid #444;
}

#meep img.MEEpicto {
	vertical-align: middle !important;
	/*line-height: 20px !important;*/
	/*margin:5px !important;*/
	width:14px !important;
	height:14px !important;
}

#meep table.MEEcarte td.coinhautdroit {
	padding:0px !important;
	width:20px;
	height:20px;
	border-right:2px solid #444;
	border-top:2px solid #444;
}

#meep table.MEEcarte td.coinbasgauche {
	padding:0px !important;
	width:20px;
	height:20px;
	border-left:2px solid #444;
	border-bottom:2px solid #444;
}

#meep table.MEEcarte td.coinbasdroit {
	padding:0px !important;
	width:20px;
	height:20px;
	border-right:2px solid #444;
	border-bottom:2px solid #444;
}

#meep table.MEEcarte td.MEEnom {
	padding: 0 0 20px 0 !important;
	font-weight:bold !important;
}

#meep table.MEEcarte td {
	vertical-align: middle;
}

#meep div.MEEcontenuCarte {
	margin: 0px 0px 0px 0px;
	padding: 13px 10px 10px 10px;
}



/* ***************************************************************
	   STYLE DU COMPOSANT "liste des etablissements"
   *************************************************************** */
#meep .listeEcoles h4 {
	font-size: 1em;
}

#meep .listeEcoles div.groupeliens {
	margin: 15px 10px 15px 0px;
	padding: 0 5px 0 5px;
}

#meep .listeEcoles div.groupeliens span.titre {
	font-size : 1.1em;
	font-weight : bold;
}

#meep .listeEcoles div.groupeliens ul {
	list-style: none !important;
	margin-top : 5px;
	margin-left : 30px;
}

#meep .listeEcoles div.groupeliens li {
	padding-left : 10px;
	font-weight: normal;
}

#meep .listeEcoles div.groupeliens li span.courant {
	font-weight : bold !important;
	color : #990000;
}

#meep .parCommunes h3 {
	padding-left: 5px;
	font-size: 1.3em;
	font-weight: bold;
}

#meep .parCommunes div.groupeliens span.titre {
	padding-left: 15px;
}

#meep .listeEcoles p {
	text-align: center;
	margin-top: 30px;
	font-size: 1.1em;
}

#meep .listeEcoles p strong {
	display: block;
}


/* ***************************************************************
	   STYLE DES FORMULAIRES
   *************************************************************** */
#meep table#MEEformulaire {
	border : 0px;
	background-color: transparent;
}

#meep table#MEEformulaire td {
	padding : 5px 10px 5px 15px;
	text-align:left;
}

#meep table#MEEformulaire td select {
	width:auto;	
	vertical-align: middle;	
	max-width: 400px;
}
#meep table#MEEformulaire td input {
	vertical-align: middle;	
}

#meep table#MEEformulaire td.libelle {
	line-height: normal;
	font-size:0.75em !important;
}

#meep .zonePrincipale .erreur {
	color: #f00;
	font-size: bold 0.85em;
}

/* ***************************************************************
	  COPYRIGHT BAS DE PAGE
   *************************************************************** */
#meep .MEEcopyright {
	margin-top:10px;
	font: italic 1em arial, verdana, sans-serif; 
}

#meep div#divcopyright {
	margin-left:10px;
}