@import url(http://fonts.googleapis.com/css?family=Lato:300,700);


body{
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-size:14px;
}


/**** HEADER *******/

header{
	overflow: hidden;
	padding-bottom: 40px;
}

	#barre{
		border-bottom: 3px solid #7ECAE2;
		width: 100%;
		background: #E6E6E6;
		overflow: hidden;
		height:125px;
	}
	
		#lg{
			position: absolute;
			top: 0;
			right: 0;
			margin-top: 10px;
		}
		
			#lg li{
				float: left;
				margin-right: 5px;
				list-style: none;
			}
			
				#lg li a{
					background: #999999;
					padding: 10px;
					color: white;
					text-decoration: none;
					text-transform: uppercase;
				}
				
				#lg li a:hover{
					background: #7ECAE2;
					color: #666666;
				}
				
				

		
	
		header form{
			position: relative;
			overflow: hidden;
			float: right;
			margin-top: 8%;
		}
		
			#search{
				padding: 5px 20px;
				float: right;			
			}
			
				header form img{ 
					position: absolute;
					top: 0;
					right: 0;				
				}
	
	
	.menu{
		overflow: hidden;
	}
	
		.menu ul{
			margin: 0;
			float: right;
		
		}
		
			.menu ul li{
				padding:  0;
				margin-right: 2px;
				float: left;
				list-style: none;
			}
			
				.menu ul li a{
					padding: 6px 10px 6px 10px;
					background: #999999;
					color: white;
					text-decoration: none;
					font-size:16px;
					display:block;
				}
				
				.menu ul li a:hover{
					background: #7ECAE2;
					color: #666666;
				}
				
				.menu ul li a.ouvert{
					background: #7ECAE2;
				}

/**** CONTENU *******/

.container{
	max-width: 1000px;
	margin: 0 auto 0 auto;
}

	.container .col1{
		float:left;
		max-width:620px;
	}
	
	.container .col2{
		float:right;
		width:300px;
	}

/*---------------Agenda accueil------------------*/

#banner{
	width:100%;	
	margin:0 0 20px 0;
}



/**** FOOTER *******/

footer{
	margin-top: 5%;
	clear: both;
	padding: 30px 0;
	background: #E6E6E6;
	overflow: hidden;
}

	#logos{
		float: right;
	}
	#realisation{
		margin:0 0 0 10px;
	}
		#realisation p{
			font-size:13px;
			color:#000;
		}
			#realisation p a{
				font-size:13px;
				color:#000;
			}
			
				#realisation p a:hover{
					color:#666;
				}


/*---------------Mise en page du contenu-----------------*/

	.col1 h1{
		font-size:25px;
		margin:0 0 20px 0;
		color:#7ECAE2;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.col1 h2{
		font-size:18px;
		margin:0 0 10px 0;
		color:#000;
		font-weight:bold;	
	}
	
	
	.col1 h3{
		font-size:14px;
		margin:0 0 5px 0;
		color:#000;
		font-weight:bold;	
	}
	
	
	.col1 p{
		font-size:14px;
		margin:0 0 20px 0;
		text-align:justify;
	}
	
	.col1 a{
		color:#666;
	}
		.col1 a:hover{
			color:#999;
		}
		
	.col1 ul{
		margin:0 0 0 20px;
	}	
		.col1 ul li{
			list-style-type:square;
		}
			.col1 ul li a{
				color:#7ECAE2;
			}
	.col1 div.cadre{
		border:solid 1px #666;
		padding:5px ;
		margin:-15px 0 20px 0;
	}
	
	.col2 div.cadre{
		border:solid 1px #666;
		padding:5px ;
		margin:5px 0 20px 0;
	}
	.col2 p{
		font-size:14px;
		margin:5px 0 5px 5px;
		text-align:justify;
	}
	
		
	.col2 a.activities{
		display:block;
		font-size:20px;
		line-height:40px;
		padding:0 10px 0 10px;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		margin:0 0 30px 0;
		background: #7ECAE2 url(../img/puce_fleche_activities.png) no-repeat right center;	
	}
		.col2 a.activities:hover{
			background:#999 url(../img/puce_fleche_activities.png) no-repeat right center;
		}


/*---------Formulaire ajout de'activité----*/
table.activity{
	width:100%;
}
	table.activity tr td:first-child{
		text-align:right;
		min-width:25%;
	}
	
	.col2 table.activity tr td:first-child{
		text-align:left;
		min-width:25%;
	}

		table.activity tr td{
			padding:4px 15px 5px 10px;
			vertical-align:top;
		}
			table.activity tr td label{
				color:#7ECAE2;
				font-weight:bold;
				font-size: 16px;
			}
			
			
				table.activity tr td label span{
					color:red;
				}
				
			table.activity tr td input[type='text'], table.activity tr td input[type='email'], table.activity tr td input[type='url'], table.activity tr td input[type='password'], table.activity tr td input[type='datetime'], table.activity tr td select{
				width:420px;
				padding:0 5px 0 5px;
				line-height:25px;
				height:25px;
				background:#666;
				border:none;
				color:#FFF;			
			}
			
			.col2 table.activity tr td input[type='text'], table.activity tr td input[type='email'], table.activity tr td input[type='url'], table.activity tr td input[type='password'], table.activity tr td input[type='datetime'], table.activity tr td select{
				width:260px;
				padding:0 5px 0 5px;
				line-height:25px;
				height:25px;
				background:#666;
				border:none;
				color:#FFF;			
			}
			
			table.activity tr td textarea{
				width:420px;
				padding:0 5px 0 5px;
				height:70px;
				background:#666;
				border:none;
				color:#FFF;			
			}
			
			.col2 table.activity tr td textarea{
				width:260px;
				padding:0 5px 0 5px;
				height:70px;
				background:#666;
				border:none;
				color:#FFF;			
			}
			
			table.activity tr td input[type='submit']{
				padding:3px 15px 3px 15px;
				line-height:25px;
				background:#7ECAE2;
				border:none;
				color:#FFF;	
				font-weight:bold;
				cursor:pointer;		
			}