@charset "utf-8";
/* CSS Document */

body,html {margin:0px; padding:0px; height:100%; width:100%; background:#fff209 url(../images/fond.jpg) no-repeat}

body{font-size: 11px;
font-family:Verdana, Geneva, sans-serif;}








#toutSaufMenuHaut{/*position:relative; bottom:45px;*/
padding-bottom:20px;
}




#boite1{width:579px; margin:0 auto; }

#conteneurPrincipal{/*width:579px; margin:0 auto;*/}



#contenuHaut{position:relative; bottom:40px}


	
#contenuCentre{
	background:#FFF; position:relative; bottom:40px;
	
	padding:0px 5px 30px 20px;}	
	

#contenuBas{
	position:relative; bottom:40px;
}

.grosPadding #contenuCentre{padding:0px 25px 30px 20px;}



/*#contenuHaut{position:relative;bottom:40px;}

#contenuCentre{
	background:#FFF; position:relative; bottom:43px;
	
	padding:0 20px 20px;}

#contenuBas{
	position:relative;bottom:43px;*/


/*#conteneurTop {margin-left: auto;margin-right: auto;width:400px;position:relative;left:110px;}

#conteneurTop1 {background:url(images/boutonTopLienRapide.gif) no-repeat 0 0;width:167px;height:30px;font-size:12px;text-align:center}

#conteneurTop2 {position:relative;left:160px;top:-35px}
*/



#conteneurTop{
margin:0 auto;
width:579px;
position:relative;
left:180px;
}

#conteneurTop1{
	padding:5px;
	position:relative;
	left:60px;
/*	background:url(images/boutonTopLienRapide.gif) bottom left  no-repeat;
	background:#0C3;*/
}

#conteneurTop2{
position:relative;
bottom:22px;
left:190px;*/
}

#conteneurLogo{
	margin:0 auto; 
	width:638px; 
	position:relative;
	right:22px;
	bottom:45px;
	}
#inscription {
	background:url(../images/btn_inscrire.png) no-repeat 0 0;
	width: 225px; 
	height: 45px;
	display: block;
	text-indent: -9999px;
}

#inscription:hover { 	
	background: url(../images/btn_inscrire_hover.png) no-repeat 0 0;
	width: 225px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}


/* --------------------------------------
TYPE
---------------------------------------*/
.paddingBas{padding-bottom:15px;}
p {
font-size: 12px;
line-height: 144%;
margin:8px 0 0;
padding-bottom:10px;
color:#333;
}

h1{
padding:20px 0px 10px 0px;
font-size:17px;
color:#5b8bda;
font-weight:lighter;
}



h4{
font-size:16px;
}

h2{
line-height:120%;
font-size:20px;
padding-bottom:20px;
color:#5b8bda;
font-weight:lighter;
}


em.date{
font-style:normal;
font-size:10px;
color:#666;

}

/* --------------------------------------
LINKS
---------------------------------------*/

a.surligne{	padding:2px 5px; background:#5b8bda; color:#fff!important; font-weight:lighter;}

a.entoure{padding:10px; margin: 5px; background:#fff; color:#5b8bda!important; border:dotted 1px #5b8bda;}


a:link, a:visited {
color: black;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
font-weight: bold;
}

/* menu haut */
.menuhaut li {
	display:inline;
	color:#666;
	padding:5px 0px 5px 0px;
	background:#FFF;
	
}

.menuhaut li a{
	padding:0px 5px;
	background:#FFF;
	font-size:10px;
	color:#666;
	font-weight: lighter!important;

}



/* --------------------------------------
NAVIGATION PRINCIPALE
---------------------------------------*/
#navPrincipale{width:563px; margin:0 auto; padding-left:10px; position:relative; bottom:40px; z-index:50;}


/* --------------------------------------
PAGE D'ACCUEIL
---------------------------------------*/
/*div contenant le lien pour télécharger acrobat reader*/
#adobe{

}


.accueil #contenuHaut{position:relative; bottom:265px}

.accueil #contenuCentre{
	background:#FFF; position:relative; bottom:270px;
	
	padding:0px 5px 50px 20px;}

.accueil #contenuBas{
	position:relative; bottom:270px;
}


#txtAccueil{ 
width:225px; margin-top:-170px; margin-left:150px;
}

.imgBienvenue{position:relative; bottom:160px; left:10px;}
.imgIntro{position:relative; top:20px}


.colAccueil{
	position:relative;
	top:30px;
	border-right:dotted 2px #CCC;
	padding-right:15px;
	
	}

.colAccueil p{

	font-size:11px;
	}

.colAccueil a{
	font-size:10px;
	position:relative;
	top:3px;
	padding-bottom:10px;
	color:#5b8bda!important;
	}

.colAccueil a:hover{
	text-decoration:underline!important;

}

.colAccueil h2{
padding-bottom:5px;
color:#5b8bda;
font-size:13px;
border-bottom:dotted 2px #CCC;

}

.colAccueil img{
	
padding-top:20px;}

.laderniere{
border-right:none!important;
padding-right:0!important;
}

/* --------------------------------------
BOITE DES NOUVELLES PAGE D'ACCUEIL
---------------------------------------*/
div#boiteNouvelle{
width:239px;
height:225px;
background:url(../images/boiteNews.png) no-repeat top left;
position:relative;
left:415px;
bottom:24px;
z-index:40;
}

#lesNouvelles{
padding:50px 40px 40px 20px;

}

#lesNouvelles a{
font-size:10px;
color:#5b8bda;

}

#lesNouvelles p{
font-size:11px;
/*position:relative;
bottom:10px;*/
}

#lesNouvelles h2{
font-size:14px;
padding-bottom:0px;
color:#333;
font-weight:bold;
}

#lesNouvelles em{
font-style:normal;
font-size:10px;
color:#666;

}

#lienSuiteAccueil{position:absolute;
bottom:30px; right:55px;}


/* --------------------------------------
GALERIES PHOTOS
---------------------------------------*/

ul#gallery {width:350px; margin:0 auto;}

ul#gallery li {display:inline;}



ul#gallery li img {
		border: 5px solid #d5d5d5;
		border-width: 5px;
		margin:0 5px 5px 0;
	}
	ul#gallery li a:hover img {
		border: 5px solid #5b8bda;
		border-width: 5px;
		color: #fff;
	}



#contenuGaleries{
float: left;
width:400px;
}

#contenuGaleries p{
margin:8px 0px 8px 0px;
}



#contenuGaleries h1{
/*padding:0px 20px 5px 0px;
margin-bottom:20px;*/
padding:0 0 10px 0;
margin:0;
font-size:17px;
color:#5b8bda;
font-weight:lighter;
position:relative;
bottom:20px;
/*border-bottom:dotted 2px #CCC;*/
}

#contenuGaleries h1 img{

position:relative;
top:20px;

}

#contenuGaleries h2{

font-size:15px;
padding-bottom:5px;
color:#5b8bda;
border-bottom:
}

.dateGal{color:#999!important;}

#sousMenuGaleries{
float: left;
width:140px;
margin-right:10px;}

	#sousMenuGaleries h3{
	
	font-size:12px;
	padding:20px 0px;
	color:#999;
	}

/*#sousMenuGaleries ul{
float: left;
width:140px;
margin-right:10px;}*/
/*
	#sousMenuGaleries ul li.lienGal{
	 
	 background:#5b8bda;
padding:5px 5px 0px 5px;
}
	*/
	
	
/*	#sousMenuGaleries ul li a{color:#fff!important; font-weight:lighter;}*/
  
  
li.entoure{padding:10px; margin: 5px; background:#fff; color:#5b8bda!important; border:dotted 1px #5b8bda;}


  a.autresGr{position:relative; top:25px;}




/* --------------------------------------
PAGE DES GROUPES POUR GALERIES PHOTOS
---------------------------------------*/

/*galerie principale*/
.titreArchives{padding-top:25px;position:relative;left:-10px;}

.titreGalAccueil{padding-bottom:15px;}

.gallerieSeguin{float:left;}
.gallerieCote{float:left;}
.gallerieRight{float:left;padding-right:100px;}
.col1{width:85px;}
.col2{width:120px; padding-right:60px;}
.col2 a{ position:relative; bottom:30px; font-weight:lighter;}

h3 a{padding:5px; background:#5b8bda; color:#fff!important; font-weight:lighter;}


.galeriePrincipale{width:560px!important;}

ul#galleryAccueil {width:560px; margin-left:27px;}

ul#galleryAccueil li {display:inline;}



ul#galleryAccueil li img {
		border: 5px solid #d5d5d5;
		border-width: 5px;
		margin:0 5px 5px 0;
	}
	ul#galleryAccueil li a:hover img {
		border: 5px solid #5b8bda;
		border-width: 5px;
		color: #fff;
	}

.archives{border:dotted 1px #5b8bda!important; color:#9F0}

/*#divTableauGroupes{border-top:dotted 1px #5b8bda;}*/

/* --------------------------------------
PAGE DE NOUVELLES
---------------------------------------*/

.nouvelles em {font-style:normal;
font-size:12px;
color:#666;

}

.nouvelles p {margin-top:25px;

}

.nouvelles #sousmenuNouvelles ul li {
padding:2px 0px 18px 0px;

}

.nouvelles #sousmenuNouvelles ul li.lienN {
padding:5px 5px 5px 0px; 
/* background:#fff; color:#5b8bda!important; border:dotted 1px #5b8bda*/
border-bottom:dotted 2px #CCC;
margin-right:10px;

}

.nouvelles #sousmenuNouvelles{
float: left;
width:148px;
margin-right:24px;
/*border-right:dotted 2px #CCC;*/
border-right:dotted 2px #CCC;
}

.nouvelles #sousmenuNouvelles a{

font-weight:lighter; 


line-height:120%;
/*padding:2px 5px; background:#5b8bda; color:#fff!important; font-weight:lighter;*/
/*	padding:2px 5px; background:#5b8bda; color:#fff!important; font-weight:lighter;
padding:10px; margin: 5px; background:#fff; color:#5b8bda!important; border:dotted 1px #5b8bda*/
}
.nouvelles #sousmenuNouvelles em{
	padding-top:10px;
font-size:10px;

}





.nouvelles #nouvelles{float: left;
width:330px;}


#sousmenuNouvelles em.pages{position:relative; bottom:10px; color:#999;}

/* --------------------------------------
PAGE D'ACCUEIL ESPACE ENFANTS
---------------------------------------*/

.colEnfants{
	position:relative;
	top:10px;
	border-right:dotted 2px #CCC;
	padding-right:15px;
	
	}

.colEnfants p{

	font-size:11px;
	}

.colEnfants a{
	font-size:10px;
	position:relative;
	top:3px;
	padding-bottom:10px;
	color:#5b8bda!important;
	}

.colEnfants a:hover{
	text-decoration:underline!important;

}

.colEnfants h2{
padding-bottom:5px;
color:#5b8bda;
font-size:13px;
border-bottom:dotted 2px #CCC;

}

.colEnfants img{
	
padding-top:20px;}

.laderniere{
border-right:none!important;
padding-right:0!important;
}

/* --------------------------------------
PAGE D'ACCUEIL ESPACE PARENTS
---------------------------------------*/



.colParents, .colParentsHaut{
	position:relative;
	top:30px;
	border-right:dotted 2px #CCC;
	padding-right:15px;
	padding-bottom:20px;
	
	}

.colParentsHaut{
	position:relative;
	top:10px;
}


.colParents p, .colParentsHaut p{

	font-size:11px;
	}

.colParents a, .colParentsHaut a{
	font-size:10px;
	position:relative;
	top:3px;
	padding-bottom:10px;
	color:#5b8bda!important;
	}

.colParents a:hover, .colParentsHaut a:hover{
	text-decoration:underline!important;

}

.colParents h2, .colParentsHaut h2{
padding-bottom:5px;
color:#5b8bda;
font-size:13px;
border-bottom:dotted 2px #CCC;

}

.colParents img, .colParentsHaut img{
	
padding-top:20px;}

.laderniere{
border-right:none!important;
padding-right:0!important;
}

.laderniereHaut{
border-right:none!important;
padding-right:0!important;
padding-left:25px!important;
}


.separation{
width:527px;
height:1px;
border-bottom:dotted 2px #CCC;
padding:10px 0px 10px 0px;
}



/* --------------------------------------
CONSEIL D'ADMINISTRATION ET EMPLOYES 
---------------------------------------*/

.deconnexion, .deconnexionEmploi{position:relative; bottom:45px; left:70px; color:#333!important; border:dotted 2px #CCC; padding:10px;}
.deconnexionEmploi{position:relative; bottom:40px; left:200px;}
.moinsTasse{position:relative; bottom:40px; left:30px;}



#sousmenuPrive{
	float: left;
	width:160px;
	margin-right:24px;
	padding-right:10px;
	border-right:dotted 2px #CCC;}
	
	#sousmenuPrive h2{
	padding:15px 0px 3px 0px;
	margin-bottom:10px;
	color:#666;
	font-size:15px;
	border-bottom:dotted 2px #CCC;
	}

	#sousmenuPrive ul{

	margin-bottom:15px;

	}

	#sousmenuPrive li a{

	color:#5b8bda!important;
	line-height:120%

	}

	#sousmenuPrive li{
		padding:5px;
	}

.colonneDocs{
	float: left;
	width:148px;
	margin-right:24px;
	padding-right:10px;
	border-right:dotted 2px #CCC;}
	
	.colonneDocs h2{
	padding:15px 0px 3px 0px;
	margin-bottom:10px;
	color:#666;
	font-size:15px;
	border-bottom:dotted 2px #CCC;
	}

	.colonneDocs ul{

	margin-bottom:15px;

	}

	.colonneDocs li a{

	color:#5b8bda!important;
	line-height:120%

	}

	.colonneDocs li{
		padding:5px;
	}




#contenuPrive{
	float: left;
	width:330px;}


	#contenuPrive h1{
		padding:0px 0px 10px 0px;
		margin-bottom:10px;
		
		font-size:25px;}


	#contenuPrive h2{
		padding:15px 0px 3px 0px;
		margin-bottom:5px;
	
		font-size:20px;
		}

	#contenuPrive em{
		font-size:12px;
		font-variant:normal;
		font-style:normal;}
		
/* --------------------------------------
CHRONIQUE DU MOIS
---------------------------------------*/

.mesChroniques{padding:0px 20px 30px 20px!important;}

.mesChroniques h1{
	border-bottom:dotted 2px #CCC;
}

.mesChroniques h2{
	display:none;
}


.mesChroniques a{
	padding:2px 5px; background:#5b8bda; color:#fff!important; font-weight:lighter;
}


a.fleche{ background:none; padding:0; }


#chroniqueDuMois{padding-bottom:20px;}

#liensPages{width:500px; margin:0 auto; text-align:center; padding-top:30px;}
/*#liensPages a{padding:10px; margin: 5px; background:#fff; color:#5b8bda!important; border:dotted 1px #5b8bda;}*/

#liensPages em{font-style:normal;
font-size:14px;
color:#999;
position:relative;
bottom:14px;
font-weight:lighter;}
/* --------------------------------------
REGLEMENTS GENERAUX
---------------------------------------*/

.mesReglements a{
	padding:2px 5px; background:#5b8bda; color:#fff!important; font-weight:lighter;
}

.mesReglements h1{	border-bottom:dotted 2px #CCC!important;}

#regie, #generaux{padding-bottom:15px;}


/* --------------------------------------
EQUIPE
---------------------------------------*/

.equipePhoto{position:relative;top:-10px;}

/* --------------------------------------
LIENS UTILES
---------------------------------------*/

.liPad{padding-top:5px;padding-bottom:5px;}
.liLeft{float:right;}
.liRight{float:left;}

#divLiens{position:relative;top:-15px;}

/* --------------------------------------
INSCRIPTION
---------------------------------------*/

.btnInscription{padding-top:20px;}

.alignLeft{text-align:right;}
.alignRight{text-align:left;}

#formulaireInscription{position:relative;top:-15px;}


/* --------------------------------------
COLUMNS
---------------------------------------*/

.three_col {
float: left;
width:148px;
margin-right:24px;
}

.four_col {
float: left;
width:216px;
margin-right:21px;
display: inline;
}

.end_col {
float: left;
width:200px;
}

.six_col {
float: left;
width:148px;
margin-right:12px;
}


.deux_col {
width:225px;
float: left;
padding-right:26px;
}

.deux_col_large {
width:250px;
float: left;
padding-right:26px;
}


/* --------------------------------------
AUTRES
---------------------------------------*/

.fLeft{float:left;}
.fRight{float:right;}
.clear{clear:both;}
.centre{text-align:center;}
.surligne{	padding:2px 5px; background:#5b8bda; color:#fff!important; font-weight:lighter;}
.entoure{padding:5px; background:#fff; color:#5b8bda!important; border:dotted 1px #5b8bda;}
.petit{font-size:10px;}