/* CSS issu des tutoriels css.alsacreations.com/ */
body {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
/*	background-image: url(../images/ecole.jpg);
	background-color: #BCFD2D; */
}



/* remove all the bullets, borders and padding from the default list styling */




FORM {

}


INPUT {
	background-color: #d6d2d8;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	border: 1px solid #ffffff;
}

OPTION { background-color: #FFEFD5 ; }

SELECT { background-color: #FFEFD5 ; }

TEXTAREA {

}




ul {margin:0;
	padding:0;
}



#header {
	height: 250px;
	z-index: 1;
}


a.link:active {color: #A27566;text-decoration:none}
a.link:hover {color: #098209; text-decoration:none}
a.link {color:#A27566;text-decoration:none}
a.link:visited {text-decoration:none;color:#A27566}
a.link:visited:hover{color:#098209; text-decoration:none}


a:active {
	color: #2e55a2;
	text-decoration:none
}
a:hover {
	color: #86afff;
	text-decoration:none
}
a {
	color:#2e55a2;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#2e55a2
}
a:visited:hover{
	color:#86afff;
	text-decoration:none
}




a.linkpromo:active {
	color: #FF0909;
	text-decoration:none
}
a.linkpromo:hover {color: #098209; text-decoration:none}
a.linkpromo {
	color:#FF0909;
	text-decoration:none
}
a.linkpromo:visited {
	text-decoration:none;
	color:#FF0909
}
a.linkpromo:visited:hover{color:#098209; text-decoration:none}



/* BACKGROUND */

#hindex {
	background-repeat:no-repeat;
	background-image:url(../images/ecole.jpg);
	background-position:top left;
	height: 800px;
 }


h3 {margin:0;
padding:0;}


  #h, #b1,  #b2, #b3, #b4, #b5, #b6, #b7,#b8, #b9 , #b10, #b11{
 background-repeat:no-repeat; 
 }
 
#h {
	background-image:url(../images/bghaut.jpg);
	background-position:left top;
	background-color: #FFFFFF;
 }

#b1 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 960px;
 }
 
 #b2 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 1100px;
 }

#b3 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 900px;
 }

#b4 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 1400px;
 }

#b5 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 960px;
 }

#b6 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 1200px;
 }

#b7 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 960px;
 }

#b8 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 960px;
 }

#b9 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 960px;
 }

#b10 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 1600px;
 }
 
#b11 {
	background-position:left bottom;
	background-image:url(../images/degradebas.gif);
	height: 2350px;
 }


.menu {
	width: 650px;
	margin-top: 140px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2e55a2;
	background-image: url(../images/griffe.gif);
	height: 60px;
	background-repeat: no-repeat;
	background-position: 20px;
}


.menu li {
display:inline;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 2;
	margin-left: 0;
	padding-top: 2;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}



.menu ul {

	list-style-type:none;
	padding:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 12px;
	line-height: 12px;
}


.menu a {
	margin: 0;
	padding:0;
	height: 12px;
	}




#superconteneurindex {
	height: 800px;
	width:1150px;
}

#superconteneurinscription {
	height: 900px;
	width:1150px;
}


#superconteneurpresentation {
	height: 960px;
	width:1150px;
}

#superconteneurpedagogie {
	height: 960px;
	width:1200px;
}


#superconteneurphotos {
	height: 1100px;
	width:500px;
}


#superconteneurcontact {
	height: 600px;
	width:1150px;
}


#superconteneurspiritualite {
	height: 960px;
	width:1150px;
}


#superconteneurtarification {
	height: 1100px;
	width:1150px;
}

#superconteneurplan {
	height: 2350px;
	width:1150px;
}

#superconteneurbanniere {
	height: 1500px;
	width:1150px;
}





#conteneur {
	font-size: 11px;
	left: 0px;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height: auto;
	width: 1150px;
}

	
	
#centre {
	width: 750px;
	float: right;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0;
	width: 750px;
	display:inline;
}

#gauche {
	float: left;
	display:inline
}

#droite {
position: absolute;
right:0;
width: 150px;
}

.pied {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	CLEAR: left;
	margin-top: 20px;
	position: relative;
	zoom:1;
	top: 50px;
}


.piedphoto{
	width: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	CLEAR: left;
	margin-top: 20px;
	position: relative;
	zoom:1;
	top: 50px;
}



.outils {
	float: right;
	margin-top: 50px;
	margin-right: 140px;
	width: 550px;
	display:inline;
	min-height: 530px;
	margin-bottom: 40px;
	list-style-type: none;
	list-style-image: none;
}


.outilsindex {
	float: right;
	margin-top: 50px;
	margin-right: 140px;
	width: 550px;
	display:inline;
	margin-bottom: 40px;
	list-style-type: none;
	list-style-image: none;
	height: 300px;
}



.newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* IE6, IE7beta2, Gecko */
	float: left;
	margin-left: 11px;
	color: #FFFFFF;
	margin-top: 25px;
	display:inline;
	list-style-type: none;
	border: 1px solid #243022;
	padding: 4px;
	margin-bottom: 20px;
	width: 700px;
}

.newslettermm {

margin: 0;
padding:0;
}

.newsletter ul {
margin-bottom: 5px;
display:inline;
}


.newsletter li {
margin-bottom: 5px;
display:inline;
}

.newsletter a {
	margin: 0 2px;
	color: #FFFFFF;
	text-decoration: underline;
}



.newsletter a:visited {
	margin: 0 2px;
	color: #FFFFFF;
	text-decoration: underline;
}


.newsletter a:visited {
	margin: 0 2px;
	color: #FFFFFF;
	text-decoration: underline;
}


.newsletter a:visited:hover {
text-decoration: none;
color: #86afff;
}

.newsletter a:hover {
text-decoration: none;
color: #86afff;
}

.paybox {
	float: right;
	display:inline
}



h1 {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	width: 310px;
	float: left;
	margin-top: 300px;
	margin-left: 10px;
	display:inline
}



h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;

}

.fleurhaut
 {
	
float :right
	z-index: 7;
	display:inline
}



.epm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	width: 310px;
	float: left;
	margin-top: 300px;
	margin-left: 10px;
	display:inline

}



#journee {
	width: 250px;
	margin-top: 120px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/cadre_portes.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 13px;
	padding-left: 40px;
	}