html {margin:0px auto;}

body {margin:0px auto; background:#DDDDDD; color:#48639E; }

#body_backoffice {height:100%; margin:0 auto; background:#DDDDDD; color:#FFFFFF;}

#conteneur{width:936px;background:url(img/contenant_fond.jpg);background-repeat:repeat-y;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; margin:0px auto;}	

#contenant{width:901px; margin:auto; padding-left:5px; overflow:hidden;}

#header { width:901px; height:240px; margin:0px auto; margin:0 auto; margin-bottom:15px;}

#ban {width:901px; height:240px; background:#48639E;  margin:0;}

#contenu {width:901px; margin:0 auto; background:url(img/fond_haut.gif); background-repeat: no-repeat; overflow:hidden; padding-bottom:20px; min-height:342px; clear:left;}
#contenu_backoffice {
	width:849px;
	margin:0px auto;
	background-color:#49619D;
	overflow:hidden;
	padding-bottom:50px;
	margin-left:25px;
	margin-right:25px;
	clear:left;
}
.gauche {width:650px; float:left;}
.gauche_calendrier {width:560px; float:left;}
.droite {width:245px; float:left; padding-left:5px;}
.droite_calendrier {width:320px; float:left;}
.gauche_backoffice {width:460px; float:left; overflow:auto;}
.droite_backoffice {width:340px; float:left; padding-left:5px;}
#explications {float:left; width:300px; background-color:#FFFFFF; color:#48639E; padding:10px;}
#explications h1, #explications h2, #explications h3 {line-height:normal; margin:0; padding:0;} 

#footer{width:936px;height:201px;background: url(img/fond_bas.jpg);background-repeat: no-repeat; margin:0 auto; background-color:#48639E; clear:both; bottom:0px;} 
#footer_backoffice {width:936px;height:228px;background: url(img/footer_backoffice.jpg);background-repeat: no-repeat; margin:0px auto; background-color:#48639E; clear:both; bottom:0px;}

/**************/
/* FORMULAIRE */
/**************/

.important{
	color:#FF0000;
	border-color:#FF0000;
}

.important input{
	border-color:#FF0000;
}

textarea, input, select { border:solid; border-color: #48639E; background-color:#FFFFFF; border-width:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#48639E; }
form {padding-left:5px;}
.decompte_manuel{ border-width:2px; }

/********/
/* MENU */
/*******/

#menu { height:50px; width:901px; padding:0 0 0 10px; margin:0; list-style: none; line-height:1; position:absolute; top:235px;}
#menu_backoffice { height:50px; width:901px; padding:0 0 0 10px; margin:0; list-style: none; line-height:1; position:absolute; top:190px;}
#menu ul, #menu_backoffice ul {padding:0; margin:0; list-style: none; line-height:1;}

#menu a, #menu_backoffice a {display: block; width: 120px; color:#FFFFFF; background-color:#48639e; text-decoration:none; padding:5px 0 5px 0; text-align:center;}
#menu a:hover, #menu_backoffice a:hover {background-color:#254a8d;}

#menu li, #menu_backoffice li { /* tous les items de liste */float: left; width: 120px; /* largeur obligatoire, sinon opera devient fou */ border:1px solid #FFFFFF;}

#menu li ul, #menu_backoffice li ul {/* listes de deuxime niveau */position: absolute; width: 120px; left: -999em; /* on met left plutt que display pour cacher les menus parce que display: none n'est pas lu par les lecte*/}
#menu li ul li a, #menu_backoffice li ul li a {background-color:#d3d6eb; color:#48639e;}
#menu li ul li a:hover, #menu_backoffice li ul li a:hover {background-color:#254a8d;color:#fff;}

#menu li:hover ul, #menu li.sfhover ul, #menu_backoffice li:hover ul, #menu_backoffice li.sfhover ul  {/* listes imbriques sous les items de listes survols */left: auto;}

												 
/*#stopmenu {position:absolute; top:0px; z-index:100; margin:0px 5px; color:#48639E; text-align:center; width:670px; height:205px}
dl, dt, dd, ul, li {margin:0px;padding:0px;list-style-type:none;}
#menu {position:absolute; top:205px; z-index:100; margin:0px 5px; color:#48639E; text-align:center; width:901px;}
#menu dl {float: left;width: 11em;margin: 0 3px;}
#menu dt {margin:0px;height:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;line-height:30px;text-align:center;background:#48639e;}
#menu dd {display:none;}
#menu li {height:auto;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;line-height:15px;background-color:#d3d6eb;color:#48639e;}
#menu li a {color:#254a8d;text-decoration:none;border:1px solid white;display:block;}
#menu dt a {color:#FFFFFF;text-decoration:none;border:1px solid white;display:block;}
#menu li a:hover {background-color:#254a8d;color:#fff;}
#menu dt a:hover {background-color:#254a8d;color:#fff;	}
/* Gestion des lments du tableau
dl {margin: 0;padding: 0;list-style-type: none;border-left:solid;border-right:solid;border-color:#FFFFFF;}
dt {margin: 0;padding: 0;list-style-type: none;}
dd, ul {margin: 0;padding: 0;list-style-type: none;}
li {margin: 0;padding: 0;list-style-type: none;border-bottom-style:solid;border-bottom-color:#D3E6FB;}
#menu {position:absolute;z-index:100; margin:0px auto; color:#48639E; text-align:center; width:901px;}
#menu dl {float: left;width:120px; background-color:#D3E6FB; height:20px;}
#menu dt {cursor: pointer;text-align: center;font-weight: bold;background: #D3E6FB;margin: 3px;}
#menu dd {display: none;}
#menu li {text-align: center;background: #fff;}
#menu li a, #menu dt a {color:#48639E;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu li a:hover, #menu dt a:hover {background: #eee;}
/***************/
/* FIN DU MENU */
/***************/

#arbo {margin-top:0px;padding:10px;color:#FFFFFF;}
#arbo a{text-decoration: underline;color:#FFFFFF;}

/********************/
/* GESTION DES NEWS */
/*******************/
#conteneur_news { width:610px;}	
#centre_news { width:380px; margin:0 auto;}
#titre_news {margin-left:25px;}
#cadrenews {float:left;width:610px;background-color: #FFFFFF;margin-left:25px;}
/* proprits communes */
#hautnews, #basnews {height: 11px; width: 610px;background-repeat: no-repeat;font-size:1px;}
/* proprits spcifiques  chaque coin */
#hautnews {background: url(img/news_haut.gif);}
/* Cadre news gnrales */
#newsg {float:left;width:579px;}
#newsg h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#48639E;padding:5px;margin-left:10px;}
/* proprits communes  chaque cadre de news */
#newsenfants, #newsparents, #newsenseignants, #newsassociations, #newsbenevoles {
width:579px;margin:4px;height:auto; overflow:hidden; float:left;}
/* Cadre news enfants */
#newsenfants h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#E26B14;padding:5px;margin-right:10px;}
#newsenfants a {text-decoration:none;color:#E26B14;}
/* Cadre news parents */
#newsparents h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#CA2B00;padding:5px;margin-right:10px;}
#newsparents a {text-decoration:none;color:#CA2B00;}
/* Cadre news enseignants */
#newsenseignants h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#117ECA;padding:5px;margin-right:10px;}
#newsenseignants a {text-decoration:none;color:#117ECA;}
/* Cadre news coles */
.newsecoles {float: left; width:579px;}
.newsecoles h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#36A11E;padding:5px;margin-right:10px;}
.newsecoles a {text-decoration:none;color:#117ECA;}

/* Cadre news associations */
#newsassociations h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#36A11E;padding:5px;margin-right:10px;}
#newsassociations a {text-decoration:none;color:#36A11E;}
/* Cadre news bnvoles */
#newsbenevoles h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#934317;padding:5px;margin-right:10px;}
#newsbenevoles a {text-decoration:none;color:#934317;}

#basnews {float:left;
background: url(img/news_bas.gif);}

/* Contenu des news */
#contenu_news {float:left;width:579px;}
#contenu_news p {color:#48639E;margin: 0.5em;margin-left:15px;}
#contenu_news h3{margin-left:15px;}
#contenu_news h2{margin-left:15px;}
#contenu_news li{margin-left:35px; list-style:square;}
#contenu_news ul {margin-left:15px; list-style:square;}
#contenu_news .little li{margin-left:10px;list-style:disc;}
#contenu_news table {margin-left:15px; border-color:#48639E; border-style:solid; border-collapse:collapse;}
#contenu_news img {float:left; padding-right:5px; padding-bottom:5px;}


#contenu_dl {float:left;width:579px;}
#contenu_dl p {color:#48639E;margin: 0.5em;margin-left:15px;}
#contenu_dl h3{margin-left:15px;}
#contenu_dl li{margin-left:35px; list-style:square;}
#contenu_dl ul {margin-left:15px; list-style:square;}
#contenu_dl table {margin-left:15px;}
#contenu_dl a {text-decoration:none; color:#48639E;}
#contenu_dl a:hover {text-decoration:underline; color:#48639E;}
#contenu_dl img {padding-left:5px; padding-right:2px;}
#contenu_dl input {margin-left:2px;}

/* Archives */
#archivesg, #archivesenfants, #archivesparents, #archivesecoles, #archivesenseignants, #archivesassociations, #archivesbenevoles {float:left;width:579px;}
#archivesg h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#48639E;padding:5px;margin-left:10px;}
/* Cadre news enfants */
#archivesenfants h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#E26B14;padding:5px;margin-left:10px;}
#archivesenfants a {text-decoration:none;color:#E26B14;}
/* Cadre news parents */
#archivesparents h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#CA2B00;padding:5px;margin-left:10px;}
#archivesparents a {text-decoration:none;color:#CA2B00;}
/* Cadre news enseignants */
#archivesenseignants h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#117ECA;padding:5px;margin-left:10px;}
#archivesenseignants a {text-decoration:none;color:#117ECA;}
/* Cadre news coles */
#archivesecoles h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#36A11E;padding:5px;margin-left:10px;}
#archivesecoles a {text-decoration:none;color:#36A11E;}
/* Cadre news associations */
#archivesassociations h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#36A11E;padding:5px;margin-left:10px;}
#archivesassociations a {text-decoration:none;color:#36A11E;}
/* Cadre news bnvoles */
#archivesbenevoles h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#934317;padding:5px;margin-left:10px;}
#archivesbenevoles a {text-decoration:none;color:#934317;}

#conteneur_archives {height:502px; width:221px;}
#titre_archives {float: left;}
#archives {float: left; width:221px;height:478px;background: url(img/fond_archives.gif);background-repeat:no-repeat;padding-left:6px;}
#archives a {color:#48639E; text-decoration:underline;}
#archives a:hover {font-weight:bold;}
/*#archives p {margin:10 0 0 10px;}*/
#archives form {padding-left:0px;}
#annee {float:left;}
#news_archive {height:78%; width:205px;overflow:auto;}

/************************/
/* FIN GESTION DES NEWS */
/************************/

#conteneur_download {height:282px; width:220px;}
#titre_download {float: left;}
#download {width:220px;height:262px;background: url(img/dl.gif); background-repeat:no-repeat; float:left; overflow:auto;}
#download p {margin:10px 10px;}
#download a {color:#48639E; text-decoration:none; margin-left:10px;}
#download a:hover {text-decoration:underline;}

#conteneur_menu_ancre {height:282px; width:220px;}
#menu_ancre {width:220px;height:262px;background: url(img/menu_ancre.gif); background-repeat:no-repeat; float:left; overflow:auto;}
#menu_ancre p {margin:10px 0 0 10px; padding:0;}
#menu_ancre ul{margin:0; padding:0; list-style-type:none;}
#menu_ancre li {margin-left:10px; padding:0; margin:0;}
#menu_ancre a, menu_ancre a:visited {color:#48639E; text-decoration:none;}
#menu_ancre a:hover {text-decoration:underline;}

#conteneur_sigles {height:210px; width:303px;}
#sigles {width:303px;height:210px;background: url(img/sigles.gif); background-repeat:no-repeat; float:left; overflow:auto;}
#sigles p {margin:5px 10px;}
#sigles li {margin-left: 10px; padding:0;}

#conteneur_horaires {height:202px; width:220px;}
#horaires {width:220px;height:202px;background: url(img/horaires.gif); background-repeat:no-repeat; float:left; overflow:auto;}
#horaires p {margin:5px 10px;}
#horaires li {margin-left: 10px;}
#horaires  ul{margin:0; padding:0; list-style-type:none;}

#conteneur_espacemembres {height:103px; width:22px;}
#titre_espacemembres {float:left;  margin-left:3px;}	
#espacemembres {width:222px;height:84px;background: url(img/espacemembres.gif); background-repeat:no-repeat; float:left;}
#espacemembres form {padding:10px;}

#espaces {width:221px; float:left; margin-bottom:10px;}
#cadre_espaces {float:left;  margin-bottom:10px;}
#titre_espaces {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:22px;color:#FFFFFF;font-weight:bold; float:left;}

#cadre_contact {width:222px;height:100px;background: url(img/contact.gif);background-repeat:no-repeat;float:left;}
#cadre_contact p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;padding:10px; margin-top:0px;}
#cadre_contact a {text-decoration:underline;color:#FFFFFF;}
#cadre_contact a:hover {text-decoration:none;color:#FF9600;}

#faq {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;margin-left:28px;margin-top:10px;}
#faq a {text-decoration:underline;color:#FFFFFF;}	
#faq a:hover {text-decoration:none;color:#FF9600;}
	
#admin {margin-top:3.5em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF; text-align:center;}
#admin a{text-decoration:none;margin-top:3.5em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;}

/****************/
/* INSCRIPTIONS */
/****************/

#cadreinscr {width:610px;background-color: #FFFFFF;margin:auto;}
/* proprits communes */
#hautinscr, #basinscr {height: 11px; width: 610px;background-repeat: no-repeat;font-size:1px; /* correction d'un bug IE */}
/* proprits spcifiques  chaque coin */ 
#hautinscr {background: url(img/news_haut.gif);}
#basinscr {background: url(img/news_bas.gif);}
#inscription {width:610px;}
#inscription p {margin-left:20px;}
#inscription h3 {margin-left:20px;}
#inscription table {color:#48639E; margin:0 20px;}

#conteneur_inscr { width:500px; margin: 0 auto; padding-top:50px;}	
#cadre_inscr {float:left;width:840px;background-color: #FFFFFF;margin-left:25px;clear:both;}
/* proprits communes */
#haut_inscr, #bas_inscr {height: 11px; width: 840px;background-repeat: no-repeat;font-size:1px;}
/* proprits spcifiques  chaque coin */
#haut_inscr {background: url(img/inscr_haut.gif);}
#bas_inscr {float:left;
background: url(img/inscr_bas.gif);}
/* Contenu des news */
#contenu_inscr {float:left;width:835px;}
#contenu_inscr p {color:#48639E;margin: 0.5em;margin-left:20px;}
#contenu_inscr table {margin-left:20px; margin-bottom:10px;}

/**************/
/* CALENDRIER */
/**************/

#conteneur_mois {float:left;width:560px;margin-left:15px;clear:both; color:#FFFFFF; display:inline;}
#conteneur_mois span a{cursor:pointer;}
#janvier a:hover, #fevrier a:hover, #mars a:hover, #avril a:hover, #mai a:hover, #juin a:hover, #juillet a:hover, #aout a:hover, #septembre a:hover, #octobre a:hover, #novembre a:hover, #decembre a:hover {cursor: pointer; text-decoration:underline;}
#janvier {float:left;width:171px;margin:4px;height:131px; background:url(img/janvier.gif); color:#48639E;}
#janvier p {overflow:auto; width:170px; height:98px;}
#janvier a {color:#0066CC;}
#fevrier {float:left;width:171px;margin:4px;height:131px; background:url(img/fevrier.gif); color:#48639E;}
#fevrier p {overflow:auto; width:170px; height:98px;}
#fevrier a {color:#0066CC;}
#mars {float:left;width:171px;margin:4px;height:131px; background:url(img/mars.gif); color:#48639E;}
#mars p {overflow:auto; width:170px; height:98px;}
#mars a {color:#009900;}
#avril {float:left;width:171px;margin:4px;height:131px; background:url(img/avril.gif); color:#48639E;}
#avril p {overflow:auto; width:170px; height:98px;}
#avril a {color:#009900;}
#mai {float:left;width:171px;margin:4px;height:131px; background:url(img/mai.gif); color:#48639E;}
#mai p {overflow:auto; width:170px; height:98px;}
#mai a {color:#009900;}
#juin {float:left;width:171px;margin:4px;height:131px; background:url(img/juin.gif); color:#48639E;}
#juin a {color:#E60000;}
#juin p {overflow:auto; width:170px; height:98px;}
#juillet {float:left;width:171px;margin:4px;height:131px; background:url(img/juillet.gif); color:#48639E;}
#juillet p {overflow:auto; width:170px; height:98px;}
#juillet a {color:#E60000;}
#aout {float:left;width:171px;margin:4px;height:131px; background:url(img/aout.gif); color:#48639E;}
#aout p {overflow:auto; width:170px; height:98px;}
#aout a {color:#E60000;}
#septembre{float:left;width:171px;margin:4px;height:131px; background:url(img/septembre.gif); color:#48639E; }
#septembre p {overflow:auto; width:170px; height:98px;}
#septembre a {color:#FF6633;}
#octobre {float:left;width:171px;margin:4px;height:131px; background:url(img/octobre.gif); color:#48639E;}
#octobre p {overflow:auto; width:170px; height:98px;}
#octobre a {color:#FF6633; cursor:pointer;}
#novembre {float:left;width:171px;margin:4px;height:131px; background:url(img/novembre.gif); color:#48639E;}
#novembre p {overflow:auto; width:170px; height:98px;}
#novembre a {color:#FF6633;}
#decembre {float:left;width:171px;margin:4px;height:131px; background:url(img/decembre.gif); color:#48639E;}
#decembre p {overflow:auto; width:170px; height:98px;}
#decembre a {color:#0066CC;}
#conteneur_mois p {margin-top:32px; vertical-align:middle; text-align:center;}

#conteneur_annee {background:url(img/annee_calendrier.gif); background-repeat:no-repeat; width:527px; height:72px; float:left; margin-left:5px;}
#conteneur_annee form {position:relative; top:45px; left:150px;}

/**************/
/* EVENEMENTS */
/**************/

#conteneur_evenements {float:left;width:610px;margin-left:15px; color:#FFFFFF; padding-bottom:10px;}
#conteneur_evenements input {cursor:pointer;}
#cadreeve{float:left;width:610px;background-color: #FFFFFF;clear:both; color:#48639E;}
/* proprits communes */
#hauteve, #baseve {height: 11px; width: 610px;background-repeat: no-repeat;font-size:1px;}
/* proprits spcifiques  chaque coin */
#hauteve {background: url(img/news_haut.gif);}
#baseve{float:left;background: url(img/news_bas.gif);}

#contenu_eve {float:left;width:559px;padding-left:20px;}
#contenu_eve p {color:#48639E;margin: 0.5em;margin-left:15px;}
#contenu_eve a {margin-left:15px;}

#contenu_eve_titre  { float:left; width:559px;}
#contenu_eve_titre  h1{ display:inline;}
#contenu_eve_phototitre  { float:left; padding-top:20px;}
#contenu_eve_infostitre { float:left; width:340px;padding-top:15px;margin-left:15px;}

#evenement_infos {font-size:13px;}

#contenu_eve_img_description { float:left; width:150px; margin-right:9px;}
#contenu_eve_img_description img{ margin-top:5px;}
#contenu_eve_description { float:left; width:400px; margin-top:5px;}

/********************/
/* LISTE EVENEMENTS */
/*******************/
#conteneur_liste_eve { width:303px; margin-bottom:10px;}	
#centre_liste_eve { width:300px; margin:0 auto;}

#cadrelisteeve {float:left;width:303px;background-color: #FFFFFF; margin-bottom:10px;}
/* proprits communes */
#hautlisteeve, #baslisteeve {width: 303px;background-repeat: no-repeat;font-size:1px; float:left;}
/* proprits spcifiques  chaque coin */
#hautlisteeve {background: url(img/eve_haut.gif); height:66px;}
#baslisteeve {background: url(img/eve_bas.gif); height:50px;}
#contenu_listeeve {float:left;width:280px; padding: 10px; min-height:200px;}
#contenu_listeeve a {color:#48639E; text-decoration:none;}
#contenu_listeeve a:hover {text-decoration:underline;}


/**************/
/* RENCONTRES */
/**************/

.rencontre {float:left;width:180px;margin:4px;height:200px;}
.rencontre h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;background-color:#48639E;padding:5px;margin-left:10px;}
.rencontre a {color:#48639E;}
#date {width: 250px; margin:0 auto; font-style:italic; text-align:center;}

#menu_news{background:url(img/menu_news.gif) no-repeat; width:220px; float:left; overflow:hidden; margin:15px 0 15px 0;}
#menu_news p{padding:0 5px 5px 5px; width:210px;}
#menu_news_bas{background:url(img/menu_news_bas.gif) no-repeat; height:13px; width:220px; }

/**************/
/* BACKOFFICE */
/**************/

#body_backoffice img{
	border:0px;
}

.btn_valider{
	width:200px;
	height:30px;
	border:2px solid #FFFFFF;
	background-color:#66CC00;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin:10px;
}

.btn_annuler{
	width:200px;
	height:30px;
	border:2px solid #FFFFFF;
	background-color:#FF3300;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin:10px;
}

.backofficetable td{
	border:1px solid #FFFFFF;
	margin:0;	
	padding:5px;			
}

.backofficetable th{
	font-weight:bold; 
	font-size:14px;
	text-align:center;
}

.backoffice_erreur{
	font-weight:bold;
	font-size:12px;
}

.backoffice_evenement_passe{
	font-style:italic;	
}

.backoffice_evenement_futur{
	font-weight:bold;	
}

.backoffice_evenement_bouton_valide{
	background-color:transparent; 
}

.table_event td{
	border:1px solid #FFFFFF;
	margin:0;	
	padding:5px;

}

.table_event_cellule_nom{
	cursor: pointer;
}

.table_event_cellule_date{
	cursor: pointer;
	text-align:right;
}