/*
This file is part of Gobotom.be and GoboBriks.

Copyright 2007-2008-2009 Gobotom (real name not transmited but exist)

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/*---------------------------------
HTML, FONT, TITRES ET LIENS
-----------------------------------*/

body, html{
	padding:0;
	margin:0;
	height:100%;
	background-color:#48b8e8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#333333;
}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

a{
	font-size:11px;
	color:#af8066;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	font-size:11px;
	color:#48b8e8;
	text-decoration:overline;
	font-weight:bold;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#465731;
	font-stretch:ultra-expanded;
}

h2{
	font-size:14px;
	color:#81a55b;
}

h3{
	font-size:11px;
	text-decoration:underline;
	color:#707b7d;
}
	
/*---------------------------------
DIV ET TABLES 
---------------------------------*/

#admin{
	margin:0px;
	padding:0px;
	width:100%;
	height:30px;
	background-color:#eeeeee;
	border-bottom: solid 1px #CCCCCC;
}

	#lienAdmin{
	float:left;
	margin:0px;
	padding:3px;
	height:20px;
	background-color:#FFFFFF;
	margin-left:5px;
	}
	
	#lienAdmin:hover{
	float:left;
	margin:0px;
	padding:3px;
	height:20px;
	background-color:#CCCCFF;
	margin-left:5px;
	}

#principal {
	width: 762px;
	/*padding: 0 10px;*/
	background: url('../medias/images/struct/skin1/fondOmbre.jpg') center repeat-y;
	margin: 0 auto;
}

#banerTop{
	width: 762px;
	background: #7fcf2e url('../medias/images/struct/skin1/baner.jpg') no-repeat;
	height:115px;
}

#banerBottom{
	width: 762px;
	padding:0px;
	background: #83a55b url('../medias/images/struct/skin1/sousBan.jpg') no-repeat;	
	height:25px;
	margin:0px;
	position:relative;
}

#baner h1 {
	margin: 0;
}
#milieu {
	/* Pour �viter la superposition 
	du pied de page et du contenu : */
	width:100%;
	/*padding-bottom:5px;*/
	
}
#contentLeft {
	float: left;
	width: 562px;
	padding: 0px 10px;
	
	}

	#navi{
		margin-top:5px;
		border-bottom:1px solid #81a55b;
		margin-bottom:10px;
		vertical-align:middle;
	}
	#interieur{
		width:551px;
		margin:auto;
		position:relative;
		padding:0px;
		background: #7fcf2e url('../medias/images/struct/skin1/intMilieu.jpg') repeat-y;	
	}
		#intHaut{
			width:551px;
			height:50px;
			background: #7fcf2e url('../medias/images/struct/skin1/intHaut.jpg') no-repeat;
			position:relative;
			top:0px;
			text-align:center;
			vertical-align:bottom;
		}
		
		#intHautNiv3{
			width:551px;
			height:51px;
			background: #7fcf2e url('../medias/images/struct/skin1/niveau3Haut.jpg') no-repeat;
			position: relative; 
			top: 0px;
			text-align:center;
			vertical-align:bottom;
		}
		
		#titreNiv3{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:18px;
			position:absolute;
			top:24px;
			right:15px;
			color:#717c7e;
			text-decoration:underline;
		}
		
		#intMilieu{
			width:551px;
			height:350px;
			margin-top:0px;
			position:relative;
		}
		
		#intMilieuNiv3{
			width:551px;
			height:350px;
			margin-top:0px;
			position:relative;
			background-color:#ececec;
			padding:5px;
		}

			.intMilieuGauche{
				width:148px;
				padding:0px;				
			}
				
							
			#intMilieuDroite{
				position:relative;
				width:403px;
				padding:3px;
			}
			
			#normal{
				width:400px;
				margin:auto;
			}
			
			#niv3{
				width:551px;
			}
				
				#voirAussi2 a{
					width:300px;
					display: block ;
					color: #81a55b;
					text-decoration:none;
					padding: 4px 0 ;
					text-align:center;
					font-weight:bold;
					font-size:11px;
					margin-top:10px;
					
					border: solid 1px #000000;
					
				}
				
				#voirAussi2 a:hover{
					display: block ;
					color: #81a55b ;
					background-color:#d0d964;
					text-decoration:none;
					padding: 4px 0 ;
					text-align:center;
					font-weight:bold;
					font-size:11px;
					border-bottom: dashed 1px #73777e;
					width:300px;
					margin-top:10px;
					
				}

		#intBas{
			width:551px;
			height:13px;
			background: #7fcf2e url('../medias/images/struct/skin1/intBas.jpg') no-repeat;
			position:absolute;
			bottom: 0px;
		}
		
		#intBasNiv3{
			width:551px;
			height:13px;
			background: #7fcf2e url('../medias/images/struct/skin1/niveau3Bas.jpg') no-repeat;
			position:absolute;
			bottom: 0px;
		}
		
		#infoBottom{
			margin-top:10px;
			/*border-top:1px solid #81a55b;*/
			color:#81a55b;
			vertical-align:middle;
			text-align:inherit;
		}
#contentRight {
	float: right;
	width: 178px;
	}
					
		#rightL{
			width:155px;
			float:left;
			text-align:left;
			padding:0px;
		}/*#717d7d*/
			
			#search{
				background-color:#9da545;
				width:155px;
				border-bottom: solid 1px #FFFFFF;
				padding:0px;
			}
			
				#search p{
					margin:0px;
					padding:0px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:bold;
				}
			
			.BlocNews{
				border-bottom: solid 1px #FFFFFF;
				width:155px;
				margin-top:10px;
			}
			
			.BlocImageNews{
				width:113px;
				height:75px;
				overflow:hidden;
				margin:auto;
			}
			
			#albumPub{
				width:155px;
				border-bottom: solid 1px #FFFFFF;
			}
		
		a.blocNews{
			font-size:10px;
			color:#717d7d;
			text-decoration:none;
			font-weight:bold;
		}
		
		a.blocNews a:hover{
			font-size:10px;
			color:#717d7d;
			text-decoration:overline;
			font-weight:bold;
		}	
		
		#rightR{
			width:23px;
			float:right;
			
		}
#bas {
	
	bottom: 0;
	width: 100%;
	height:18px;
	background: url('../medias/images/struct/skin1/bas.jpg') no-repeat;
	color: #fff;
}
table.cooAssoc{
	width:90%;
	margin:auto;
}


#actus{
	margin:auto;
	width:507px;
	/*background: url('../medias/images/struct/skin1/actus/actuMilieu.jpg')repeat-y;*/
}

#titreAccueil{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#007F55;
}

#actuHaut{
	width:507px;
	height:25px;
	background: url('../medias/images/struct/skin1/actus/actuHaut.jpg') no-repeat;
}
	#actuHaut p{
		margin:0px;
		font-size:12px;
		color:#006600;
	}

#actuMilieu{
	width:507px;
	height:50px;
	padding:5px;
	background-image: url('../medias/images/struct/skin1/actus/actuMilieu.jpg');
	background-repeat:repeat-y;
}

#actuBas{
	width:507px;
	height:15px;
	background: url('../medias/images/struct/skin1/actus/actuBas.jpg') no-repeat;
}

.st640{
	width:400px;
}

#membreCollege{
	width:90%;
	margin:auto;
}

#field{
	border: 1px solid rgb(204, 204, 204); 
	margin: auto; 
	margin-top:25px;
	width: 80%;
	padding:10px;
}

#formBox{
	border: 1px dashed rgb(204, 204, 204);
	background-color:#d0d964;
	margin: auto; 
	margin-top:25px;
	width: 100%;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#legende{
	font-size:12px;
	color:#81a55b;
}

#atelier{
	width:85%;
	padding:15px;
	margin:auto;
	margin-top:20px;
	border:solid 1px #333333;
	background-color:#C8C8C8;
	position:relative;
}

	#atelier #image{
		position:absolute;
		margin:5px;
		right:3px;
		bottom:3px;
	}
	
	#atelier H2{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#333366;
	}
	
#association{
	width:85%;
	padding:15px;
	margin:auto;
	margin-top:20px;
	border:solid 1px #333333;
	background-color:#DDDDDD;
	position:relative;
}

	#association #image{
		position:absolute;
		margin:5px;
		right:3px;
		bottom:3px;
	}
	
	#association H2{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#333366;
	}
	
#association:hover{
	width:85%;
	padding:15px;
	margin:auto;
	margin-top:20px;
	border:solid 1px #333333;
	background-color:#EEEEEE;
	position:relative;
}
/*-----------------------------------*/

/*------------------------
LES INPUT
------------------------*/



input#nomAssoc{
	width:210px;
}

input#rueAssoc{
	width:210px;
}
input#lieuActivite{
	width:210px;
}
input#responsable{
	width:180px;
}
#divLundi,#divMardi,#divMercredi,#divJeudi,#divVendredi,#divSamedi,#divDimanche{
	visibility:hidden;
}

input#I_search{
	width:120px;
	background-color:#FFFFCC;
	font-size:10px;
	border:solid 1px #999999;
}

input#I_search_ok{
	width:20px;
	font-size:9px;
	border:solid 1px #FFFFFF;
}


p#titreAgenda{
	text-align:center;
	font-size:16px;
	font-weight: bold;
	color:#FFFFFF;
}

p#policeSearch{
	text-align:center;
	font-size:10px;
	font-weight: bold;
	color:#FFFFFF;
}

.blocForm{
	 width:80%;
	 margin:auto;
	 margin-top:10px;
	 border-style:dashed;
	 border-width:1px;
	 border-color:#FFFFFF;
	 background-color:#BBEABD;
	}

.tdBlocForm{
	 border-bottom-style:dashed;
	 border-bottom-width:1px;
	 border-bottom-color:#FFFFFF;
}

.codP{
	width:40px;
}




.loginKey{
	top:8px;
	margin-right:20px;
}

.searchBox
{
	position:relative;
	left:105px;
	top:34px;	
	height:23px;
}

	.searchInput{
		border:none;
		width:200px;
		background-color:#f5f5fb;
	}

.flags{
	width:60px;
	position:relative;
	left:695px;
	top:45px;
}
