/*********** BALISES **********/
body
{
	padding: 0px;
	margin: 0px;

	background-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a
{
	color: #C14A36;

	font-weight: bold;

	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
p, form
{
	margin: 0px;
}
ul
{
	margin-top: 5px;
	margin-bottom: 5px;
}

img
{
	border: 0px;
}


h1
{
	margin: 0px;
	padding: 0px;

	font-size: 17px;
	color: #D7833F;
	
	font-weight: bold;
}
h2
{
	margin: 0px;
	padding: 0px;

	font-size: 18px;
	color: #D7833F;
	
	font-weight: bold;
}
h3
{
	margin: 0px;
	padding: 0px;

	font-size: 14px;
	color: #D7833F;
	
	font-weight: bold;
}
h4
{
	margin: 0px;
	padding: 0px;

	font-size: 15px;
	color: #07127B;
	
	font-weight: bold;
}
h5
{
	margin: 0px;
	padding: 0px;

	font-size: 12px;
	color: #07127B;
	
	font-weight: bold;
}
/******************************/


/********** CONTAINER *********/
.containerTotal
{
	position: relative;
	width: 100%;
	height: 100%;

	text-align: center;
}

.container
{
	position: relative;
	top: 5px;

	width: 974px;
	height: 567px;

	margin-left: auto;
	margin-right: auto;

	text-align: left;
}
/******************************/


/******* SITE CONTAINER *******/
.siteContainer
{
	z-index: 100;
	
	position: relative;
	top: 0px;
	left: 169px;

	width: 632px;
	height: 564px;
}
.siteMain
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 630px;
	height: 545px;
	
	border: 1px solid #E38C38;

	background-image: url(/includes/imgs/siteMainBg.jpg);
}

.siteEnfanceetpedagogieVisu
{
	z-index: 1;
	
	position: absolute;
	top: 503px;
	left: 173px;

	width: 287px;
	height: 35px;
}
/******************************/


/******** SITE HEADER *********/
.siteHeader
{
	position: relative;
	z-index: 2000;
	
	width: 626px;
	height: 14px;


	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;

	margin-bottom: -3px;

	font-size: 11px;

	text-align: center;

	background-color: #E38C38;

	color: #FFFFFF;
}
.siteHeader a
{
	color: #FFFFFF;

	text-decoration: none;
}
.siteHeader a:hover
{
	text-decoration: none;
}
/******************************/


/******** SITE FOOTER *********/
.siteFooter
{
	position: relative;
	
	width: 632px;
	height: 17px;

	background-color: #E38C38;

	color: #FFFFFF;
}
.siteFooter a
{
	color: #FFFFFF;

	text-decoration: underline;
}
.siteFooter a:hover
{
	text-decoration: none;
}

.siteFooterLeft
{
	position: relative;
	float: left;
	width: 93px; /* 100 - 7 */

	padding-left: 7px;

	text-align: left;
}
.siteFooterCenter
{
	position: relative;
	float: left;
	width: 432px;

	text-align: center;
}
.siteFooterRight
{
	position: relative;
	float: left;
	width: 93px; /* 100 - 7 */

	padding-right: 7px;

	text-align: right;
}
/******************************/


/********* LINK ARROW *********/
.linkArrow, .linkArrowRight
{
}
.linkArrow a, .linkArrowRight a
{
	background-image: url(/includes/imgs/arrowRed.gif);
	background-repeat: no-repeat;
	background-position: 0px 45%;

	padding-left: 10px;
}
.linkArrowRight
{
	width: auto;

	text-align: right;
}
/******************************/


/********** CITATION **********/
.citation
{
	width: 95%;

	text-align: right;

	font-size: 11px;
	font-style: italic;
}
.citation em
{
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
}
/******************************/

/*********** INFOS ************/
.infosContainer
{
	width: 95%;

	text-align: left;
}
.infosContent
{
	margin-left:	auto;
	margin-right:	auto;

	width: 199px;	/* 219 - 20 */
	height: 100px;	/* 122 - 22 */
	padding-left: 20px;
	padding-top: 22px;

	background-image:	url(/includes/imgs/pkrContactFond.gif);
	background-repeat:	no-repeat;

	font-size: 11px;
}
.infosContentTitle
{
	margin-left: 1px;

	font-size: 13px;
	font-weight: bold;
}
.infosContentAddress
{
	margin-left: 26px;
}
.infosContentDetails
{
	font-size: 10px;
}
.infosContentContact
{
	margin-top: 1px;
	margin-left: 2px;

	font-weight: bold;
}


.infosContactContainer
{
	position: relative;
	width: 480px;

	border: 1px solid #D7833F;
	background-color: #FEF8EB;
}
.infosContactForm
{
	position: relative;
}
.infosContactFormTitle
{
	position: relative;
	width: 100%;

	padding: 2px;

	text-align: center;

	background-color: #D7833F;
	color: #FFFFFF;

	font-size: 12px;
	font-weight: bold;
}
.infosContactFormMsg
{
	position: relative;
	width: 100%;

	padding: 2px;

	text-align: center;

	background-color: #C14A36;
	color: #FFFFFF;

	font-size: 12px;
	font-weight: bold;
}
.infosContactFormContent
{
	padding: 5px;
}
.infosContactFormLabel
{
	position: relative;
	clear: both;
	float: left;
	width: 130px;
	height: 17px;

	padding-left: 5px;
	padding-top: 3px;

	color: #C14A36;
}
.infosContactFormField
{
	position: relative;
	display: inline;
	width: 300px;
	top: 2px;
}
.infosContactForm input, .infosContactForm textarea
{
	border: 1px dashed #C14A36;

	background-color: #F6EAB0;

	padding: 2px;
}
.infosContactForm input
{
	font-size: 10px;
	margin-bottom: 2px;
}
.infosContactForm textarea
{
	width: 310px;
	height: 200px;

	font-size: 11px;
	overflow: auto;
}
.infosContactForm .infosContactFormSubmit
{
	border: 1px solid #000000;

	background-color: #C14A36;

	color: #F6EAB0;
}
.infosContactFormField img
{
	float: none;
	margin: 0px;
	padding: 0px;
}
/******************************/


/********* SITE HOME **********/
.siteHome
{
	z-index: 100;
	
	position: relative;
	top: 170px;
	left: 0px;

	width: 630px;
}

.siteHomeContent
{
	z-index: 100;
	
	position: relative;
	top: 0px;
	left: 185px;

	width: 419px;
}

.siteHomeVisu
{
	z-index: 1;
	
	position: absolute;
	top: 19px;
	left: 7px;

	width: 264px;
	height: 265px;

	background-image: url(/includes/imgs/siteHomeFillette.gif);
}

.siteHomeCTitle
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 419px;
	height: 48px;	/* 62-14 */

	padding-top: 14px;

	text-align: center;

	background-image: url(/includes/imgs/siteHomeTitleBg.jpg);
}

.siteHomeCMea
{
	position: relative;
	left: 89px;

	width: 307px;	/* 330-23 */

	padding-left: 23px;
}

.siteHomeCMea#siteHomeCMea1
{
	margin-top: 16px;

	height: 68px;

	background-image: url(/includes/imgs/siteHomeMea1.jpg);
}
.siteHomeCMea#siteHomeCMea2
{
	margin-top: 13px;

	height: 68px;

	background-image: url(/includes/imgs/siteHomeMea2.jpg);
}
.siteHomeCMea#siteHomeCMea3
{
	margin-top: 17px;

	height: 48px;

	background-image: url(/includes/imgs/siteHomeMea3.jpg);
}
/******************************/


/******* SITE PAGE DYN ********/
.sitePage
{
	z-index: 100;
	
	position: relative;
	top: 76px;
	left: 0px;

	width: 630px;
}

.sitePageContent
{
	z-index: 100;
	
	position: relative;
	top: 43px;
	left: 0px;

	width: 614px;	/* 630 - 7 - 9 */

	padding-left: 7px;
	padding-right: 9px;
}

.sitePageVisu
{
	z-index: 200;
	
	position: absolute;
	top: 0px;
	left: 502px;

	width: 118px;
	height: 119px;

	background-image: url(/includes/imgs/sitePageFillette.gif);
}

.sitePageCTitle
{
	position: relative;
	top: 0px;
	left: 118px;

	width: 419px;
	height: 36px;	/* 62-26 */

	padding-top: 26px;

	text-align: center;
	line-height: 14px;
}

.sitePageCInnerframe
{
	position: relative;
	top: 32px;
	left: 0px;

	width: 614px;
	height: 323px;

	text-align: left;
}
.sitePageCInnerframeBg
{
	z-index: 1;

	position: absolute;
	top: 0px;
	left: 0px;

	width: 614px;
	height: 323px;

	background-image: url(/includes/imgs/sitePageInnerframeBg.gif);

    opacity: 0.4; 
    filter: alpha(opacity=40); 
    -moz-opacity: 0.4;
}
.sitePageCISsNav
{
	z-index: 200;

	position: absolute;
	top: -9px;
	left: 0px;
	
	width: 614px;
	height: 17px;	/* 19 - 2*/

	padding-top: 2px;
	
	background-image: url(/includes/imgs/sitePageSsNavBg.gif);

	color: #C14A36;

	text-align: center;
}
.sitePageCISsNav a
{
	font-weight: normal;
}
.sitePageCISsNav a.sitePageCISsNavOn
{
	font-weight: bold;
	
	background-image: url(/includes/imgs/arrowRed2.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;

	padding-left: 10px;
}

.sitePageCIContent
{
	z-index: 100;

	position: relative;
	top: 9px;
	left: 13px;

	width: 587px;
	height: 305px;

	overflow: auto;

	padding-right: 13px;
	padding-top: 5px;
}
.sitePageCIContent img
{
	float: left;

	border: 1px solid #D36624;

	margin-right: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sitePageCICitation
{
	position: relative;
	width: auto;
	
	margin-top: 3px;

	text-align: center;
}
.sitePageCICitation span
{
	position: relative;
	margin-left: auto;
	margin-right: auto;

	padding: 1px 3px 1px 3px;

	font-size: 11px;

	border: 1px solid #D36624;
	background-color: #FFFFFF;
	
	text-align: right;
}
.sitePageCICitation span em
{
	text-align: center;
}
.sitePageCICitation span b
{
}
/******************************/


/******* PAGE SITE PLAN *******/
.sitePageSiteplanRub
{
	position: relative;

	margin-top: 4px;
}
.sitePageSiteplanRub h3
{
	font-size: 13px;
}
.sitePageSiteplanRub h3 a
{
	background-image: url(/includes/imgs/arrowRed2.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;

	padding-left: 10px;
}
.sitePageSiteplanRubDescription
{
	position: relative;

	margin-top: 2px;

	padding-left: 20px;
}
.sitePageSiteplanRubChilds
{
	position: relative;

	padding-left: 30px;

	margin-bottom: 6px;
}
/******************************/


/****** PAGE CALENDRIER *******/
.sitePageCalendrierEvenement
{
	position: relative;

	margin-bottom: 14px;

	width: 96%;
}
.sitePageCalendrierEvenementTitleBg
{
	position: absolute;
	left: -18px;
	top: -6px;
	z-index: 1;

	width: 241px;
	height: 32px;

	background-image: url(/includes/imgs/sitePageCalendrierEvenementTitleBg.gif);
	background-repeat: no-repeat;
}

.sitePageCalendrierEvenement h3
{
	position: relative;
	z-index: 5;
}

.sitePageCalendrierEvenementDate
{
	position: relative;
	z-index: 5;

	font-size: 12px;
	color: #07127B;
	
	font-weight: bold;
}
.sitePageCalendrierEvenementDescription
{
	position: relative;

	margin-top: 6px;

	font-size: 11px;
}
.sitePageCalendrierEvenementDescription img
{
	float: none;
}
/******************************/


/********* SITE NAV ***********/
#siteNav
{
	position: absolute;
}

.siteNavTitreVisu
{
	z-index: 1;

	position: relative;
}

.siteNavElement
{
	z-index: 100;

	position: absolute;
}
.siteNavElement img
{
	float: left;
}
.siteNavElement em
{
	position: relative;

	font-style: normal;
}

.siteNavBig
{
	top: 0px;
	left: 22px;

	width: 582px;
	height: 140px;
}

.siteNavBig .siteNavTitreVisu
{
	top: 10px;
	left: 59px;
}

.siteNavBig .siteNavElement
{
	width: 110px;
	line-height: 11px;

	font-size: 9px;
}

.siteNavBig .siteNavElement img
{
	margin-right: 2px;
}


.siteNavBig .siteNavElement#siteNavElement1
{
	top: 5px;
	left: 135px;

	width: 100px;
}
.siteNavBig .siteNavElement#siteNavElement1 em
{
	top: 5px;
}

.siteNavBig .siteNavElement#siteNavElement2
{
	top: 105px;
	left: 174px;

	width: 90px;
}
.siteNavBig .siteNavElement#siteNavElement2 em
{
	top: 4px;
}

.siteNavBig .siteNavElement#siteNavElement3
{
	top: 81px;
	left: 273px;

	width: 85px;
}
.siteNavBig .siteNavElement#siteNavElement3 em
{
	top: 4px;
}

.siteNavBig .siteNavElement#siteNavElement4
{
	top: 86px;
	left: 40px;

	width: 65px;
}
.siteNavBig .siteNavElement#siteNavElement4 em
{
	top: 14px;
}

.siteNavBig .siteNavElement#siteNavElement5
{
	top: 104px;
	left: 425px;

	width: 73px;
}
.siteNavBig .siteNavElement#siteNavElement5 em
{
	top: 4px;
}

.siteNavBig .siteNavElement#siteNavElement6
{
	top: 15px;
	left: 473px;

	width: 100px;
}
.siteNavBig .siteNavElement#siteNavElement6 em
{
	top: 14px;
}

.siteNavBig .siteNavElement#siteNavElement7
{
	top: 6px;
	left: 328px;

	width: 95px;
}
.siteNavBig .siteNavElement#siteNavElement7 em
{
	top: 4px;
}

.siteNavBig .siteNavElement#siteNavElement8
{
	top: 14px;
	left: 18px;

	width: 68px;
}
.siteNavBig .siteNavElement#siteNavElement8 em
{
	top: 4px;
}



.siteNavSmall
{
	top: 0px;
	left: 8px;

	width: 486px;
	height: 119px;
}

.siteNavSmall .siteNavTitreVisu
{
	top: 10px;
	left: 45px;
}

.siteNavSmall .siteNavElement
{
	width: 110px;
	line-height: 10px;

	font-size: 9px;
}

.siteNavSmall .siteNavElement img
{
	margin-right: 2px;
}


.siteNavSmall .siteNavElement#siteNavElement1
{
	top: 6px;
	left: 104px;

	width: 100px;
}
.siteNavSmall .siteNavElement#siteNavElement1 em
{
	top: 5px;
}

.siteNavSmall .siteNavElement#siteNavElement2
{
	top: 88px;
	left: 122px;

	width: 90px;
}
.siteNavSmall .siteNavElement#siteNavElement2 em
{
	top: 3px;
}

.siteNavSmall .siteNavElement#siteNavElement3
{
	top: 70px;
	left: 216px;

	width: 85px;
}
.siteNavSmall .siteNavElement#siteNavElement3 em
{
	top: 4px;
}

.siteNavSmall .siteNavElement#siteNavElement4
{
	top: 70px;
	left: 23px;

	width: 65px;
}
.siteNavSmall .siteNavElement#siteNavElement4 em
{
	top: 14px;
}

.siteNavSmall .siteNavElement#siteNavElement5
{
	top: 84px;
	left: 322px;

	width: 73px;
}
.siteNavSmall .siteNavElement#siteNavElement5 em
{
	top: 4px;
}

.siteNavSmall .siteNavElement#siteNavElement6
{
	top: 20px;
	left: 384px;

	width: 100px;
}
.siteNavSmall .siteNavElement#siteNavElement6 em
{
	top: 14px;
}

.siteNavSmall .siteNavElement#siteNavElement7
{
	top: 5px;
	left: 252px;

	width: 95px;
}
.siteNavSmall .siteNavElement#siteNavElement7 em
{
	top: 4px;
}

.siteNavSmall .siteNavElement#siteNavElement8
{
	top: 7px;
	left: 12px;

	width: 68px;
}
.siteNavSmall .siteNavElement#siteNavElement8 em
{
	top: 4px;
}
/******************************/


/********* VISUSCIRC **********/
.visuscircContainer
{
	z-index: 50;
	
	position: absolute;
	top: 0px;
	left: 0px;

	width: 974px;
	height: 564px;
}

.visuscircContent
{
	position: relative;
	top: 0px;
	left: 0px;
}

.visuscircCVisu
{
	position: absolute;
}
.visuscircCVisu1
{
	position: absolute;
	top: 112px;
	left: 89px;
	
	width: 53px;
	height: 50px;

	border: 1px solid #D4AC32;
}
.visuscircCVisu2
{
	position: absolute;
	top: 224px;
	left: 0px;
	
	width: 93px;
	height: 86px;

	border: 1px solid #30951F;
}
.visuscircCVisu3
{
	position: absolute;
	top: 357px;
	left: 73px;
	
	width: 79px;
	height: 74px;

	border: 1px solid #D45000;
}
.visuscircCVisu4
{
	position: absolute;
	top: 353px;
	left: 819px;
	
	width: 79px;
	height: 72px;

	border: 1px solid #B8B630;
}
.visuscircCVisu5
{
	position: absolute;
	top: 217px;
	left: 879px;
	
	width: 93px;
	height: 86px;

	border: 1px solid #B30101;
}
.visuscircCVisu6
{
	position: absolute;
	top: 101px;
	left: 820px;
	
	width: 65px;
	height: 60px;

	border: 1px solid #47A249;
}

.visuscircCArrowLeft
{
	position: absolute;
	top: 244px;
	left: 137px;
}
.visuscircCArrowRight
{
	position: absolute;
	top: 242px;
	left: 801px;
}


.visuscircFocusContainer
{
	z-index: 200;

	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 974px;
	height: 564px;
}
.visuscircFocusFilter
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 974px;
	height: 564px;

	background-color: #000000;

    opacity: 0.1; 
    filter: alpha(opacity=10); 
    -moz-opacity: 0.1; 
}
.visuscircFocusContent
{
	position: relative;
	top: 111px;
	left: 251px;

	width: 472px;
	height: 355px;

	background-image: url(/includes/imgs/vcFocusBg.gif);
}
.visuscircFocusCTitle
{
	position: relative;
	top: 0px;
	left: 0px;

	width: 100%;
	height: 20px; /* 24-4 */

	padding-top: 4px;

	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;

	text-align: center;
}
.visuscircFocusCVisu
{
	position: absolute;
	top: 44px;
	left: 38px;

	width: 400px;
	height: 260px;

	overflow: hidden;

	text-align: center;
}

.visuscircFocusCDescription
{
	position: absolute;
	top: 317px;
	left: 0px;

	width: 445px;	/* 472 -13 */

	padding-left: 14px;
	padding-right: 14px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.visuscircFocusCBtClose
{
	position: absolute;
	top: 2px;
	left: 446px;
}
.visuscircFocusCNavL
{
	position: absolute;
	top: 165px;
	left: 15px;

	width: 14px;
}
.visuscircFocusCNavR
{
	position: absolute;
	top: 165px;
	left: 445px;

	width: 14px;
}
/******************************/
