/*
classes IESC
*/
table.spip tr.row_first{
						background-color:#C5E1EB;
						}
img				{
				border:none;
				}

.spip_document_19 img 	{
						}
				
body			{
					background-color:#E6FDFF;
					background-repeat:repeat;
					color:#31789F;
					font-size:14px;
				}
h2				{
				font-weight:bold;
				}
h1, h2, h3			{
				color:#31789F;
				font-family:"Luxi sans","Lucida Grande",Lucida,"Lucida Sans Unicode",sans-serif;
				font-size:14px;
				}
h6				{
				font-size:0.5em;
				}

.hautPage		{
					height: 156px;
					width:995px;
					position:absolute;
					top:2px;
					left:2px;
					border-top:solid #9DE0F7 5px;
					border-right:solid #31789F 5px;
					border-bottom:solid #31789F 5px;
					border-left:solid #9DE0F7 5px;										
				}
.bandeauPage	{
					background-image:url(../IMG/bandeau.gif);
					width: 993px;
					height:154px;
					margin-left:1px;
					margin-right:1px;
					margin-top:1px;
					margin-bottom:1px;
				}
				
.menuLangue 	{
					position:absolute;
					top:468px;
					left:2px;
					width: 200px;
					text-align:left;
				}
				
.blocTutelle	{
					position:absolute;
					top:595px;
					text-align:left;
					left:2px;
					border-top:solid #9DE0F7 1px;
					border-right:solid #31789F 1px;
					border-bottom:solid #31789F 1px;
					border-left:solid #9DE0F7 1px;
					width: 208px;
					background-color:#FFFFFF;
				}
.blocWOC		{
					position:absolute;
					top:508px;
					text-align:left;
					left:2px;
					border-top:solid #9DE0F7 1px;
					border-right:solid #31789F 1px;
					border-bottom:solid #31789F 1px;
					border-left:solid #9DE0F7 1px;
					width: 208px;
					background-color:#FFFFFF;
				}
				
.logo1			{
				margin-bottom:5px;
				margin-top:7px;
				height:49px;
				}
				
.logo2			{
				margin-bottom:5px;
				margin-left:7px;
				height:46px;
				}				
.logo3			{
				margin-bottom:3px;
				margin-left:7px;
				height:46px;
				}	
.logo4			{
				margin-bottom:3px;
				margin-left:7px;
				height:180px;
				}
.logoWOC		{
				margin-top:4px;
				margin-left:4px;
				}						
.blocArticle	{
					background-color:#C5E1EB;
					position:absolute;
					top: 177px;
					left:220px;				
					border-top:solid #9DE0F7 5px;
					border-right:solid #31789F 5px;
					border-bottom:solid #31789F 5px;
					border-left:solid #9DE0F7 5px;
					text-align:justify;				
					width: 776px;
				}
.blocArticle	table.spip {
						border:none;
					}
.blocArticle	td {
					background-color:#C5E1EB;
					}
.blocArticle	a {
					font-weight:bold;
					color:#E00000;
					}
.texteArticle		{
					margin:7px;
					height:auto;
					}
.blocDiapo			{
					position:relative;
					top:20px;
					text-align:center;
					height:auto;
					}
.diapo				{
					height:300px;
					width:470px;
					margin-left:150px;
					border-style:solid;
					}
.slide				{
					height:300px;
					}
.cache				{
					visibility:hidden;
					}
.textDiapo			{
					height:50px;
					background-color:#31789F;
					color:#FFFFFF;
					font-weight:bold;
					border-style:inset;
					border-color:#003366;				
					}
.regButton			{
					margin-top:35px;
					padding-top:10px;
					margin-left:300px;
					position:relative;
					height:30px;
					width:170px;
					background-color:#31789F;
					color:#FFFFFF;
					font-weight:bold;
					border-style:outset;
					border-color:#003366;
					text-align:center;
					}
.nouvelle			{
					position:relative;
					margin-top:15px;
					margin-left:30px;
					width:700px;
					border-top:solid #31789F 2px;
					border-right:solid #9DE0F7 2px;
					border-bottom:solid #9DE0F7 2px;
					border-left:solid #31789F 2px;
					min-height:123px;
					max-height:123px;
					overflow:hidden;
					}
.iescnews0				{
					display:none;
					}
.iescnews1				{
					margin-top:106px;
					hight:17px;
					}
.iescnews2				{
					margin-top:89px;
					hight:34px;
					}
.iescnews3				{
					margin-top:72px;
					hight:51px;
					}
.iescnews4				{
					margin-top:55px;
					hight:68px;
					}
.iescnews5				{
					margin-top:38px;
					hight:85px;
					}
.iescnews6				{
					margin-top:11px;
					hight:102px;
					}
				
.regButton a		{
						color:#FFFFFF;
					}										
/* liste des coles */
.tableEcole			{
					width:760px;
					}
					
.ligneEcole			{
					width:760px;
					}
.dtPortfolio			{
					text-align:left;
					width: 80px;				
					font-size:12px;
					vertical-align:top;
					padding-top:1px;
					}
.dtEcole			{
					text-align:left;
					width: 35px;				
					font-size:12px;
					vertical-align:top;
					padding-top:1px;
					}
					
.tiretEcole			{
					width:5px;
					font-size:12px;
					vertical-align:top;
					padding-top:1px;					
					}
					
.intDirEcole		{
					text-align:left;
					padding-left:5px;
					}

.intitule			{
					vertical-align:top;					
					font-size:14px;						
					font-weight:bold;
					margin-top:0px;
					padding-top:0px;
					}
					
.intitule a			{
					text-decoration:underline;
					color:#456498;
					}			

.detailEcole		{
					width:28px;
					height:24px;
					}					
					
.photoEcole			{					
					width:29px;
					height:30px;			
					}

.directeur			{
					width: 70 px;
					font-size:14px;
					font-weight:normal;
					font-style:italic;
					text-align:left;
					vertical-align:top;
					height:25px;
					margin-top:0px;
					padding-top:0px;
					}
.st_ecole			{
					vertical-align:top;
					font-style:bold;
					color:#FF0000;
					text-decoration: blink;
					}					
.directeur a		{
					text-decoration:underline;
					color:#456498;
					}
/*
	enregistrement en ligne

*/					
.interligne			{
						height:20px;
						width:190px;
					}									
.dtReg				{
					text-align:left;			
					font-size:12px;
					vertical-align:top;
					padding-top:1px;
					}
.regdiv				{
					padding:0px;
					margin:0px;
					}
.regimgR			{
					text-align:left;
					width: 100px;				
					font-size:14px;
					font-style:bold;
					vertical-align:top;
					color:#FF0000;
					padding-top:1px;
					}
.regimgU			{
					text-align:left;
					width: 100px;				
					font-size:14px;
					font-style:bold;
					vertical-align:top;
					color:#FF0000;
					padding-top:1px;
					}										

.regimgC			{
					text-align:left;
					width: 100px;				
					font-size:14px;
					vertical-align:top;
					padding-top:20px;
					}
.regDirecteur		{
					width: 70 px;
					font-size:14px;
					font-weight:normal;
					font-style:italic;
					text-align:left;
					vertical-align:top;
					height:50px;
					margin-top:0px;
					padding-top:0px;
					}

.regIntitule		{
					vertical-align:center;					
					font-size:14px;						
					font-weight:bold;
					margin-top:0px;
					padding-top:0px;
					}
.reginteco			{
					color:#660000;
					}
.regfac				{				
					vertical-align:top;
					}
.reglbl				{				
					font-size:14px;						
					font-weight:bold;
					padding-right:10px;
					vertical-align:top;
					width: 165px;
					}
.regfld				{
					text-align:left;
					width:480px;								
					}
.regdiv				{								
					}
.regGrpHdr			{
color:#993366;
					}
.regGrpCom			{
					font-style:italic;
					font-weight:lighter;
					padding-left:15px;
					}
.lrgsts				{
					width: 10px;
					padding-left:5px;
					text-align:left;
					}
.lrghote			{
					width: 25px;
					padding-left:10px;
					text-align:right;
					}
.lrgtyph			{
					width: 25px;
					padding-left:5px;
					text-align:center;
					}
.lrgnom				{
					width: 120px;
					padding-left:5px;
					text-align:left;
					}
.lrgpre				{
					width: 120px;
					padding-left:5px;
					text-align:left;
					}
.lrgmail			{
					width: 390px;
					padding-left:5px;
					text-align:left;
					}
#divcom				{
					padding:10px;
					background-color:#F0F0C0;
					}
.travelMap			{
					text-align:center;
					}
/* evenement proches */
#incoming			{
					border-top:solid #31789F 2px;
					border-right:solid #9DE0F7 2px;
					border-bottom:solid #9DE0F7 2px;
					border-left:solid #31789F 2px;
					}

/* contacts */
.contacts table.spip td		{
					border:none;
					text-align:left;
					padding-left:0px;
					width:320px;
					height:3px;
					}
.contacts table.spip {
						margin-left:0px;
					}
/* instances */
.instances table.spip td		{
					border:none;
					text-align:left;
					padding-left:0px;
					height:3px;
					}
.instances table.spip {
						margin-left:0px;
					}
/***********************************************/
/* gestion de l'arborescence du menu rubriques */
/***********************************************/
/* CSS par Miss Mopi http://www.missmopi.net/ d'aprs le menu du site http://www.ibilab.net/ */
.menuRubrique 	{	
					position:absolute;
					top: 177px;
					left:2px;				
					border-top:solid #9DE0F7 5px;
					border-right:solid #31789F 5px;
					border-bottom:solid #31789F 5px;
					border-left:solid #9DE0F7 5px;
					text-align:left;
					font-size: 14px;
					font-weight:bold;			
					width: 200px;
					min-height:270px;
					cursor:pointer;
					background-color:#C5E1EB;
				}

ul#menulist li ul{ display:none; }
	
ul#menulist li:hover>ul{ display:block; }

ul#menulist,
ul#menulist ul{
  				list-style:none;
  				margin:0px;
  				padding:0px;
  				width:198px;
  				_width:200px;
			}

ul#menulist ul{
				padding-left:7px;
				margin-left:7px;
				}

ul#menulist li{
  				position:relative;
  				margin:1px;
  				padding:1px;
				padding-bottom:1px;
				margin-bottom:1px;
  				_display:inline;
				}

ul#menulist a{
  				display:block;
  				width:100%;
  				color:#456498;
				}

ul#menulist a:hover{
  					color: red;
  					text-decoration:none;
					}

/***************************/
/* formulaire projet ecole */
/***************************/
.stressOut				{
						color:#FF0000;
						font-weight:bold;
						}
.projetEcole	ul		{
						margin-left:0px; /* pour IE */
						padding-left:0px; /* pour Firefox */
						margin-top:0px;
						}
.projetEcole	li		{
						list-style:none;
						}
.projetEcole	h1		{
						padding-bottom:15px;
						font-size:2em;
						}						
.projetEcole	h2		{
						padding-bottom:10px;
						font-weight:bold;
						font-size:1.2em;
						}
.projetEcole	h3		{
						font-weight:bold;
						font-size:1em;
						}
.projetEcole	h5		{
						padding-bottom:5px;
						margin-top:5px;
						font-size:0.8em;
						}
.fldTitre li			{
						padding-bottom:10px;
						}
.formTitre				{
						width:600px;
						}												
.selDuree	li			{
						padding-left:30px;
						}
												
.radio1					{
						}
						
.joursDuree				{
						width:20px;
						}
						
.radio2					{
						}
.radio3					{
						}
.fldPers	li			{
						padding-left:0px;
						}
.fldPers	h4			{
						font-style:italic;
						}
.preFrm					{
						margin-left:3px;
						margin-right:10px;
						width:112px;
						}
.nomFrm					{
						width:125px;
						}
.ad1Frm					{
						margin-left:3px;
						margin-right:10px;
						width:300px;
						}
.ad2Frm					{
						margin-left:3px;
						margin-right:10px;
						width:300px;
						}
.cpFrm					{
						margin-left:3px;
						margin-right:10px;
						width:60px
						}
.vilFrm					{
						margin-left:6px;
						}
.telFrm					{
						margin-left:3px;
						margin-right:10px;
						width:100px;
						}
.porFrm					{
						margin-left:3px;
						margin-right:10px;
						width:100px;
						}
.faxFrm					{
						margin-left:3px;
						margin-right:10px;
						width:100px;
						}
.mailFrm				{
						margin-left:3px;
						margin-right:10px;
						width:300px;
						}
.tcvFrm					{
						margin-left:1px;
						}
.ccvFrm					{
						text-align:justify;
						width:750px;
						height:500px;
						}
.theFrm					{
						text-align:justify;
						margin-left:0px;
						width:750px;
						height:500px;
						}
.cptThe					{
						color:#660000;
						font-style:italic;
						font-size:12px;
						text-align:right;
						padding-left:30px;						
						}
.fldTheme	h4			{
						font-style:italic;
						}
.dptThe					{
						width:300px;
						}
.secThe					{
						width:300px;
						}
.poiThe					{
						width:25px;
						}
.motCle					{
						width:750px;
						margin-left:0px;
						}
.preComFrm				{
						width:80px;
						}
.nomComFrm				{
						width:100px;
						}
.labComFrm				{
						width:255px;
						}
.maiComFrm				{
						width:200px;
						}						
.payComFrm				{
						width:25px;
						}

.fldSec h3				{
						font-style:italic;
						}
.fldSec h4				{
						font-size:0.90em;
						text-align:center;
						margin-left:15px;
						}
.choixFrm				{
						padding-right:25px;
						}
.dtPerFrm				{
						vertical-align:middle;
						width:100px;
						}
.calPer					{
						vertical-align:middle;
						margin-right:20px;
						}
.calPer		img:hover	{
						cursor:pointer;
						}

.prgFrm					{
						text-align:justify;
						margin-left:0px;
						width:750px;
						height:400px;
						}
.prgFrm		h4			{
						font-style:italic;
						}
.fldInt 	h4			{
						font-style:italic;
						}
.intFrm					{
						text-align:justify;
						margin-left:0px;
						width:750px;
						height:400px;
						}
.fldPub 	h4			{
						font-style:italic;
						}

.fldFin 	h4			{
						font-style:italic;
						}
.obsFrm					{
						text-align:justify;
						margin-left:0px;
						width:750px;
						height:40px;
						}
/* calendrier annuel des écoles */
.calEcole				{
						font-size:16px;
						font-weight:bold;
						}
.calTitre	 			{
						font-weight:bold;
						font-size:10px;						
						}	
td.reserve				{
						background-color:#DC0318;
						width:15px;
						height:20px;
						border:thin;
						}
td.libre	 			{						
						width:15px;
						height:20px;
						border-style:inset;
						background-color:#8CB3A7;
						}
/***********/
/* locaux  */
/***********/
#locaux				{
					height:700px;
					}
#planMasse			{
						text-align:center;
						position:absolute;
						top: 55px;
						left:30px;						
						}
						
#txtMasse				{
						position:absolute;
						top: 35px;
						left:330px;
						margin-right:30px;
						}

#planLocaux				{
						position:absolute;
						top:270px;
						left:30px;
						width:710px;
						background-color:#FFFFFF;						
						}
#flecheLoc				{
						position:absolute;
						top:270px;
						left:30px;
						width:330px;						
						height:70px;
						background-color:;	
						}
#versBasLoc				{
						float:left;
						margin-left:80px;
						}
#versDroitLoc			{
						float:right;
						}						
#planLocaux74				{
						float:left;
						margin:10px;				
						}
#photoLocal				{
						text-align:center;
						float:left;
						margin-top:150px;
						width:220px;
						}
#planLocaux01			{
						float:right;			
						margin:10px;			
						}

#titsam					{
						margin-top:0px;
						padding-top:0px;
						top:550px;
						left:160px;
						position:absolute;
						font-weight:bold;
						color:#000000;
						}
#tithall				{
						top:650px;
						left:348px;
						text-align:center;
						position:absolute;
						font-weight:bold;
						color:#000000;						
						}
#titmus				{
						top:830px;
						left:358px;
						text-align:center;
						position:absolute;
						font-weight:bold;
						color:#000000;							
						}
#titbib				{
						top:830px;
						left:650px;
						text-align:center;
						position:absolute;
						font-weight:bold;
						color:#000000;							
						}
#photo01				{
						text-align:center;
						top:1115px;
						left:290px;
						width:285px;
						position:absolute;
						}
#titamp				{
						top:1225px;
						left:70px;
						text-align:center;
						position:absolute;
						font-weight:bold;
						color:#000000;							
						}
#titbu2				{
						top:1010px;
						left:486px;
						text-align:center;
						position:absolute;
						font-weight:bold;
						font-size:11px;
						width:30px;		
						color:#000000;							
						}						
.pointable				{
						cursor:pointer;
						}
/*************/
/* portfolio */
/*************/	
.porAn					{
						width:35px;
						}
.porInt				{
						width:145px;
						}
.porDir				{
						width:145px;
						}
.porMot					{
						width:145px;
						}												
.porThe					{
						width:145px;
						}
/*********************/
/* styles calendrier */
/*********************/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}
#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}
#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;
}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}
#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}