/*Base*/
html{ background: #f6f0cc;}

/*Corps*/

body{ font-family: Trebuchet MS,Arial,Helvetica,Verdana, sans-serif;
 		 	 color: #333333;
			 font-size:small; 
			 margin: 0px 0px 0px 0px;
  		 text-align:justify;
			 font-weight:normal;			 
			 padding: 0px 0px 0px 0px;
			 line-height: 17px;
			background: #f6f0cc;
				}

#tbody{margin: 135px 230px 0px 160px;
			  padding:5px 0px 0px 0px;
			 text-align:center;			 
			min-height:430px;
				text-align:justify;
				border:none;
				color:#60665F;	 
			  font-size:small;
				font-weight:normal; 
				 border: none;}
#tbody5{margin: 85px 100px 0px 130px;
			  padding:5px 0px 0px 0px;
			 text-align:center;			 
			 min-height: 430px;
				text-align:justify;
				border:none;
				color:#60665F;	 
			  font-size:small;
				font-weight:bold; 
				 border: none;}
#tbody6{margin: 135px 165px 0px 145px;
			  padding:5px 0px 0px 0px;
			 text-align:center;			 
			 min-height: 700px;
				text-align:justify;
				border:none;
				color:#60665F;	 
			  font-size:small;
				font-weight:bold; 
				 border: none;}

#tbody1{margin: 135px 0px 0px 40px;
			  padding:5px 0px 0px 0px;
			 text-align:center;			 
			 min-height: 430px;
				text-align:justify;
				border:none;
				color:#60665F;	 
			  font-size:small;
				font-weight:bold; 
				 border: none;}
#tbody1 h1{margin-top:35px;
				 margin-left:165px;
				 margin-bottom: -10px;}
				 #tbody1 p{margin-left:165px;}
				 
				  .galerie {text-align:center;
				 margin:50px 0px 0px 60px;
				 padding: none;}
				 .galerie img{float:left;
				 margin-right:5px;
				 padding: none;}
				.galerie a{border:none;
				 margin-right:5px;
				 padding: none;}
			 
#info{margin: 0px 0px 0px 10px;
			  padding:5px 0px 0px 0px;
			 text-align:center;
				 
			 min-height: 2650px;
				text-align:justify;
				border:none;
				color:#60665F;	 
			  font-size:small;
				font-weight:normal; 
				 border: none;}
				 					 
/*Paragraphes*/

p   {margin-left:50px;
		margin-top: 10px;
		 		 }
				 
		/*Texte*/
				 
.gras{font-weight:bold;
color:#CC3300;
}
.grasgris{font-weight:bold;
color:#60665F;
}
.italic{font-style:italic;
color:white;}

	/*Titres*/
				
h1 {color:#CC3300;
			 		font-size:large; 
					font-weight:bold;
					margin-left:50px;
					margin-top:47px;
					background: #f6f0cc;					
					text-align:left;  		 
					}
h2 {color:#f88a17;
 		font-size:13px;
		margin-left:50px;
		margin-top:5px;
		background: none;
		font-style:italic;}
				
h3 {color:white;
			 		font-size:14px; 
					font-weight:bold;
					margin-left:10px;
					background: #3399CC;					
					text-align:left;  		 
					 }	
	h4 {color:white;
			 		font-size:14px; 
					font-weight:bold;
					margin-left:10px;
					background: #99CC33;					
					text-align:left;  		 
					 }
					 
					 
					 
					 	
/*Liens*/
					 				 		
a {}			
a{color: #363A35;
			    font-weight: bold;
					font-size: 12px;
					text-decoration:none;
					background: none;	
	        }
a:hover {color:#CC3300;
			 	 text-decoration:none;
				 background: none;
}	
/*Images*/

img {float:right;
}
.photodroite{float: right;
					padding:35px 25px 25px 25px;	}	


/*Navigation*/

.navigationglobale{}
#navigationindex{text-align:left;
						background:#CC3300;
						color: #FFFFCC;
					 z-index:2;
					 display:block;
						height: 145px;
						padding:1px 0px 0px 8px;
						position:absolute;
						top:158px;
						left:757px;
						margin:130px 0px 0px 0px;	
						width:130px;
				}
#navigationindex a{padding:0px 0px 0px 0px; 
						   color:#f6f0cc;
							background: #CC3300;	
										}
#navigationindex a:hover{color: black; 
										background: #f6f0cc;		}







/*Navigation principale*/

.navigation{text-align: center;
						background:#CC3300;
						color: #f6f0cc;
					  width:100% ;
						height: 14px;
						padding:5px 0px 5px 0px;
						position:absolute;
						top:135px;
						left:0px;
						float:left;}
.navigation a{padding:0px 35px 0px 8px; 
						  color: #f6f0cc;
							font-size: 13px;
							background:none;	
											}
.navigation a:hover{color: black; 
										background: #f6f0cc;		}
#navigationbis a:before{content: ' '; 
									background: #f88a17;	}
									
/*Navigation secondaire*/

#navigationbis{text-align: left;
font-style: normal;
font-weight: bold;
	 			  			background:#D33A1A;
								color: #f6f0cc;
								width:170px;
						min-height: 130px;
						padding: 15px 0px 5px 5px;
						position:absolute;
						top:171px;
						left:0px;					
						z-index: 2;
				}
#navigationbis a{padding:0px 34px 0px 5px; 
						   color: #f6f0cc;
							background:#d33a1a;
							font-style: normal;
font-weight: bold;
font-size:14px;
	width:185px;
								}
#navigationbis a:hover{color: #5A5B5E; 
											 background:#d33a1a;
											 }							 
											 
#navigationbis a.actif{font-weight:bold;
										background: #f88a17;
										}
#navigationbis a:before{content: ' '; 
									background: #f88a17;	}
#navigationbis .titre{color:#F88A17;
font-size:16px;
font-weight: bold;
background: #D33A1A;
text-align: center;
width:185px;
padding:10px 0px 0px 5px;
}
#navigationbis em{text-decoration: none;
font-style: normal;
width:180px;}
											 
#navigation3{text-align: left;

font-style: normal;
font-size: 16px;
font-weight: bold;
	 			  			background:#F88A17;
								color:#FFFFCC;
								width:170px;
		height:150px;
						padding: 20px 5px 0px 0px;
						position:absolute;
						top:335px;
						left:0px;					
						}
#navigation3 a{padding:0px 10px 0px 10px; 
						   color:#EE3135;
							background:#f88a17;
							font-style: normal;
font-weight: bold;
font-size: 16px;								}
#navigation3 a:hover{color: white; 
											 background:#d33a1a;
										 }
											 									 
#navigation4{text-align: left;
font-style: normal;
font-weight: bold;
font-size: small;
	 			  			background:#cc3300;
								color: #f6f0cc;
								width:180px;
						min-height: 190px;
						padding:10px 5px 5px 5px;
						position:absolute;
						top:315px;
						right:0px;					
						}
#navigation4 a{padding:0px 40px 0px 15px; 
						   color: #d33a1a;
							background:#EFF6FC;font-style: italic;
font-weight: bold;
											}
#navigation4 a:hover{color: #5A5B5E; 
											 background:#EFF6FC;
											 }	
#navigationbis a.actif{font-weight:bold;
										background: #f88a17;
										}
#navigationbis a:before{content: ' '; 
									background: #f88a17;	}											 													 
#navigation4 .titre{color:#F88A17;
font-size:15px;
font-weight: bold;
background: transparent;
text-align: center;
width:185px;
padding:10px 0px 0px 0px;
}
			
/*Tableau*/
			
table {margin-left:160px;
			 margin-bottom: 20px;			 
			 margin-top:25px; }
table h1{text-align: left;}
			
td    {
 		 	 color: #60665F;
			 background: #f6f0cc;
			 padding: 10px;
       
			 text-align: left;
			 font-weight: bold;
			 border: 1px solid red;}	
			 			
.tdphoto {padding: 20px;}
.tableborder{border:none;
												 text-align:center;
												 font-size: 14px;
												 }
.tableborder h1{text-align:center;}          			
									
/*Adresse client*/		    	
				 
address {
				 color: #60665F;
				 font-size: 13px;
				 border: 1px solid #AAB6AA;
				 padding: 5px;
				 text-align: center;
    		 background:#f1f0CC;
				 width:100%;
				 font-weight:bold;
}
address a{background: #f1f0cc;
					color:#CC3300;
}
address a:hover{background:#e5e7e4;
color: #60665F;}

/*Doc.bas de pages*/	

.vepa{text-align:right;
background: #F6F0CC;
font-size: x-small;
margin-right:5px;}

.vepa a{text-align:right;
background: #F6F0CC;
font-weight:normal;
font-size: x-small;
color:#cc3300;}

.docbaspage{margin-right:15px;
text-align:right;
font-style:italic;
background: #F6F0CC;
}

.docbaspage a{color:#cc3300;
font-weight:normal;
background: #F6F0CC;
font-size:x-small;}

.copyright{text-align:left;
background: #F6F0CC;
font-size: x-small;
margin-left:5px;
margin-top:-15px;}

.photodroite{float: right;
					padding:35px 25px 25px 25px;	}	

					
/*Configuration propre au design du client*/

/*Page accueil*/

.photoaccueil{margin:60px 0px 0px 200px;	
							text-align: left;
							float:left;	
									}
																	
.photoaccueil img{border:none;
							
								padding:0px;	}
								
		
	/*Page manifestations*/
					
.manifestation{margin-left:45px;
	margin-right:10px;
	margin-bottom: 15px;
	text-align:left;
	min-height:130px;}
	
.manifestation img{float: left;
	margin-right:20px;
	border:none;
}
	
.manifestation h2{margin-left:10px;
margin-top:2px;	}
	
	
	
	
.banner{position: absolute;
	top:0px;
	left:200px;	
		background: #f1f0cc;
	color:#CC3300;
	font-size:x-large;
	line-height:25px;
	font-style: italic;	
	text-align:center;
	overflow:hidden;}
	.banner img{padding:0px;
	}
	
.logo{float:left;
position:absolute;
top:3px;
left:25px;}
.logo img{padding: 0px 0px 0px 0px;}		
.enfants{position:absolute;
top:24px;
right:0px;}
.enfantsgauche{position:absolute;
top:383px;
left:-19px;}
.signature{font-style: italic;	
background: transparent;
	color:#CC3300;
	font-size:large;
	line-height:15px;
	float:left;
	margin-left:390px;}



               
.merci{text-align: left;
margin-top:80px;}


.textebanner{position:absolute;
top:10px;
left:30px;
float:left;
font-size:large;
text-align:left;
line-height:35px;}
.plansite a{text-decoration:underline;
color:#333333;
font-weight:normal;}
        

.plansite h1{margin-top:10px;
}
.plansite li{margin-left:50px;}

/*Page galerie photo*/

.galerie {
			margin: 20px 0px 5px 40px;
			text-align:left;
			color:#cc3300;
		min-height:150px;} 
.galerie img{padding:2px 1px 1px 1px;
border:1px solid grey;
margin-top:2px;}	
.galerietitre a{background:none;
color:#60665f;
}
.galerietitre p{margin-left:50px;
font-size:large;
texte-align:center;}

.galerietitre{margin:40px 0px 0px 40px;
color:#cc3300;
font-weight:bold;
texte-align:center;}
.texte{text-align:left;
			padding:0px;		
	margin-left: 100px;}
			.texte a{background:none;
	}
		
/*Page agrandir photo*/
.galerietitreagrandir a{text-align:center;
background:none;
color:#60665f;
}
.galerietitreagrandir img{float:left;
padding:10px;
margin-right:5px;
border: 1px solid #CC3300;}

.galerietitreagrandir {margin: 0px 200px 0px 90px;
text-align:left;
height:0px;
color:#60665f;}
.galerietitreagrandir p{
text-align:left;
margin-top:420px;
margin-left:0px;
margin-right:0px;}


.texte img{border:1px solid #60665f;
			padding:15px;
float:left;
			margin-bottom:0px;
}
	
.galeriephoto{margin: 60px 0px 200px 100px;
padding: 0px}
.galeriephoto a{margin: 60px 0px 200px 100px;
			border:none;
			}
.galeriephoto img{border:1px solid grey;
			padding: 2px;
			float:left;}
			
/*Page projet*/			
			
.projet{border: 1px solid black;
margin-left: 50px;
margin-bottom:5px;
height:168px;}	
.projet img{padding:8px 8px 0px 3px;
margin-left:15px;}

/*Page presse*/	

.presse a{text-decoration:underline;
margin-left:50px;}		

	/*Page projet educatif - inauguration*/	
.projetinauguration  img{float:left;
padding: 0px 0px 0px 0px;
margin-left:10px;

}		
.projetinauguration{margin:0px 0px 0px 200px;}	

	/*Page comite*/	
	.comite  img{float:right;
padding: 0px 120px 0px 80px;}	


	/*Page index*/
	.photoenfants{text-align:center;
	font-style: italic;
	border:1px solid grey;
	margin-right:0px;
	margin-left:50px;

	margin-top:50px;
	color:#cc3300;
	padding:0px 0px 0px 20px;}