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


/*Misc rules
-----------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

.red{
	color: #f23300;
}

hr.both{
	clear: both;
	width: 100%;
	height: 0;
	background: none;
	color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
	outline: none;	
	visibility: hidden;
}

br.clear{
	clear: both;
}

.hidden{
	display: none;
}

/*Layout
-----------------------------------------------*/

html{
	position: relative;	
	border-top: 10px solid #5987c5;
}

html#home{
	background: #ffffff url("./../images/bgHtmlHome.jpg") center 125px repeat-x;
}

html#next{
	background: #ffffff url("./../images/bgHtmlNext.jpg") center 124px repeat-x;
}

body{
	position: relative;	
	width: 960px;
	margin: 0 auto;
	font-family: 'Lucida Sans', Arial, sans-serif;
}



/*Header
-----------------------------------------------*/

body header{
	position: relative;	
	font-family: 'Century Gothic', Futura, sans-serif;
}

body header h1{
	float: left;
	margin-top: 7px;
}

body header .slogan{
	color: #336699;
	float: right;
	font-size: .9em;
	margin-top: 12px;
	margin-right: 10px;
}

body header nav{
	padding: 66px 0 0 0;
}

body header nav ul{
	text-align: right;
	overflow: hidden;
}

body header nav ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0 0 0 10px;
}

body header nav ul li.back{
	background: #f0f0f0;
	-moz-box-shadow: inset 0 0 5px #d0d0d0;
	-webkit-box-shadow: inset 0 0 5px #d0d0d0;
	-o-box-shadow: inset 0 0 5px #d0d0d0;
	box-shadow: inset 0 0 5px #d0d0d0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	height: 1em;
	margin: 0;
	padding: 10px 0 12px;
}

body header nav ul li.back .left {
	display: none;
}

body header nav ul li a{
	text-decoration: none;	
	color: #666666;
	font-size: 110%;
	z-index: 10;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	padding: 10px 15px 12px;
}

body header nav ul li a:hover, body header nav ul li a:focus{
	color: #336699;
}

body header nav ul li a:active{
	color: #333333;
}

div#banner{
	clear: both;
	position: relative;
	margin-top: 18px;
}

#next div#banner{
	height: 136px;
	background: url("./../images/banner_s.png") top center no-repeat;	
}

#home div#banner{
	height: 239px;
	background: url("./../images/banner_h.png") top center no-repeat;	
}

#next div#banner h2{
	color: #336699;
	font-size: 250%;
	background: #ffffff;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(75%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%);
	background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%);
	margin: 0;
	padding: 3px 0 5px 40px;
	position: relative;
	top: 80px;
}

/* Content
--------------------------------------*/

section#content{
	position: relative;	
}

html#next section#content{
	padding: 55px 40px 20px 40px;
}

html#home section#content{
	padding: 40px 40px 10px 40px;
}

/* Home - rightBlock
--------------------*/
#home #rightCol{
	width: 46%;	
	float: right;
	position: relative;
}

#content .devenirmembre{
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #5987c6;
	margin-top: -10px;
}

#content .devenirmembre p, #content div.leftCol aside .devenirmembre p{
	background: url("../images/devenirmembre.png") bottom right no-repeat;
	font-family: 'Century Gothic', Futura, sans-serif;
	padding: 20px 110px 20px 20px;
	color: #ffffff;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
}

#content .devenirmembre a, #content div.leftCol aside .devenirmembre a{
	color: #ffffff;
	text-decoration: none;
}

#content aside.linkbox{
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #f3f6f7;
	border: none;
	position: relative;
	z-index: 1;
	margin: 20px 0;
	padding-bottom: 5px;
}

#content aside.linkbox.social{
	background: transparent;
	padding-bottom: 0;
}

#content aside.linkbox.social h2{
	color: #5987C6;
	float: left;
	font-size: 120%;
	padding: 10px 0 0;
	margin-right: .5em;
	margin-left: 20px;
	font-weight: normal;
}

#content aside.linkbox.social ul{
	margin-bottom: 0;
}

#content aside.linkbox.social li{
	display: inline-block;
	margin: 0 .5em;
}

#content aside.linkbox.social a{
	float: left;
	margin: 0;
	line-height: 1;
}

#content aside.linkbox.social img{
	line-height: 1;
}

#content aside.linkbox h2{
	position: relative;
	font-weight: bold;
	margin: 0;
	color: #ffffff;
	font-family: 'Century Gothic', Futura, sans-serif;
	padding: 16px 20px;
	font-size: 130%;
	border-radius: 10px 10px 0 0;
}

#content aside.linkbox.enbref h2{
	background: #5987C6 url("./../images/enbref.png") top right no-repeat;

}

#content aside.linkbox p{
	color: #333333;
	margin: 15px 20px 15px 20px;
	clear: both;
	font-size: 80%;
	
}
#content aside.linkbox a{
	color: #3366cc;
	text-align: right;
	margin: 20px 20px 20px 0;
	position: relative;
	display: block;
	font-size: 90%;
}

#content aside.linkbox.enbref>p>a{
	color: #3366cc;
	text-align: left;
	margin: 0;
	position: static;
	display: inline;
	font-size: 100%;
}

/*page liens utiles*/
#content .linklist{
	
}

#content .linklist dl{
	margin-left: 20px;
	margin-bottom: 50px;
	width: auto;
}

#content .linklist dt{
	font-weight: normal;
}

#content .linklist dd{
	margin-left: 20px;
	margin-bottom: 20px;
}

/* Missions
--------------------*/

#content h1{
	color: #336699;
	margin: 0 0 15px 0;
	font-size: 140%;
}

#content h2{
	color: #336699;
	margin: 0 0 15px 0;
	font-size: 140%;
}

#content p{
	color: #333333;
	margin: 0 0 30px 0;
	font-size: 90%;	
	line-height: 1.2em;
}

#content ul{
	margin: 0 0 30px 18px;
}

#content ul li{
	color: #333333;
	margin: 0 0 20px 0;
	font-size: 90%;	
	line-height: 1.2em;
}

#content a{
	color: #296c87;
}

#content a:hover{
	text-decoration: none;
}

#content h2.ca-aippi{
	margin-left: 0;	
}

#content img.ca-aippi{
	margin-left: 0;	
}

#content dl{
	color: #333333;
	margin: 20px 0 20px 476px;
	font-size: 90%;	
	line-height: 1.2em;
	width: 400px;
}

#content dl dt{
	font-weight: bold;
}

#content dl dd{
	margin-left: 60px;
}

#content ol{
	color: #333333;
	margin: 0 0 30px 21px;
	font-size: 90%;	
	line-height: 1.2em;
}

#content ol li{
	list-style: lower-alpha;
	margin-bottom: .5em;
}

#content .floatbox-right{
	float: right;
	width: 400px;
	margin: 0 0 30px 30px;
}

#content .floatbox-right a, #content .floatbox-right a img{
	display: block;
}

#content .floatbox-right dl{
	padding: 10px 20px 10px 30px;
	width: auto;
	background: #E3E3E3;
	margin: 0;
	border-radius: 0 0 6px 6px;
}

#content .floatbox-right dl dt{
	float: left;
	line-height: 1.4em;
}

#content .floatbox-right dl dt:after{
	content: ' : ';
	margin-right: 5px;
}

#content .floatbox-right dl dd{
	line-height: 1.4em;
}
/* Tableau Calendrier
--------------------*/

#home .calendar{
	width: 48%;
}

	#home .calendar h2{
		color: #336699;
		font-size: 160%;
	}

	#home .calendar ul{
		margin: 20px 0 10px 0;
	}

		#home .calendar ul li{
			margin: 0;
			padding: 15px 0;
			border-bottom: 2px dotted #cccccc;
			list-style: none;
		}

				#home .calendar ul li h3 a{
					text-decoration: none;
					color: #336699;
					font-size: 120%;
				}
				#home .calendar ul li h3 a:hover{
					text-decoration: underline;
				}

			#home .calendar ul li p.sub{
				margin: 10px 0;
				font-size: 80%;
				color: #666666;
			}

				#home .calendar ul li p.sub span.time, #home .calendar ul li p.sub span.place{
					padding-left: 20px;
				}
				
				#home .calendar ul li p.sub span.time{
					background: url("../images/clock.png") left top no-repeat;
					margin-right: 20px;
				}

				#home .calendar ul li p.sub span.place{
					text-transform: uppercase;
					background: url("../images/place.png") left top no-repeat;
				}

			#home .calendar ul li p.descr{
				color: #333333;
				font-size: 90%;
				margin-bottom: .5em;
			}
			
			#home .calendar ul li p.descr:last-child{
				margin-bottom: 0;
			}


/* Tableau Membres
--------------------*/

.membertable-title{
	color: #ffffff;
	background-color: #336699;
	font-size: 140%;
	margin: 0 -40px 20px;
	padding: 3px 40px;
}

table.membres{
	width: 100%;
	margin-bottom: 50px;
}

	table.membres caption{
		display: none;
	}
	
	table.membres thead{
		color: #336699;
		font-weight: bold;
		font-size: 110%;
	}

			table.membres thead tr th{
				padding: 12px;
			}
			
			table.membres thead tr th:first-child{
				padding: 12px 12px 0 12px;
			}
			
			table.membres thead tr th:last-child{
				padding: 12px 0 0 12px;
			}
			
				table.membres thead tr th span{
					font-weight: normal;
				}
				table.membres thead tr th span.hide{
					display: none;
				}

			table.membres thead tr.filters td{
				padding: 5px 0 5px 12px;	
			}
			
			table.membres thead tr td:nth-child(2), 
			table.membres thead tr tH:nth-child(2){
				padding: 5px 0 5px 12px;
			}
			
			table.membres thead tr.filters td:first-child{
				padding: 5px 0 10px 12px;	
			}
				
				table.membres thead tr.filters td input{
					font-weight: normal;
					color: #666;
					font-size: 75%;	
				}
				
				
				table.membres thead tr.filters td:nth-child(2) input{
					width: 65px !important;
				}

				table.membres tfoot tr td dl{
					float: right;
					padding-top: 30px;
					width: auto;
					margin: 20px 0 20px 300px;
				}

					table.membres tfoot tr td dl dt{
						float: left;
					}

					table.membres tfoot tr td dl dd{
						float: left;
						margin: 0 20px 0 5px;
					}

	table.membres tbody{
		color: #333333;
		font-size: 80%;
		line-height: 130%;
	}
	
		table.membres tbody strong{
			font-weight: bold;
		}
	
		table.membres tbody a{
			color: #d01818;	
			
		}
		
		table.membres tbody a.rs{
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
		}
		
		table.membres tbody span.rs{
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			color: #0eaede;	
		}

		table.membres tbody tr{
			border-top: 2px dotted #cccccc;
		}

			table.membres tr td{
				padding: 12px;
				width: 33.33%;
			}
			
			table.membres tbody tr:hover td{
				background: #f3fafd;
			}
			
			table.membres tbody tr td.type{
				vertical-align: middle;
				text-align: center;
				padding: 12px 0;
			}

				table.membres tbody tr td p{
					margin: 0;
				}

			table.membres tbody tr td:nth-child(2){
				background: #f5f5f5;
			}
			
			table.membres tbody tr:hover td:nth-child(2){
				background: #e9f0f3;
			}

				table.membres tbody tr td span.logoBox{
					width: 88px;
					height: 81px;
					background: #ffffff;
					display: block;
					float: left;
					margin: -12px 8px -12px -12px;
					padding: 12px 0 12px 0;
					overflow: hidden;
					position: relative;
				}
				table.membres tbody tr td span.logoBox.empty{
					background: transparent;	
				}

					table.membres tbody tr td img.logo{
						position: absolute;
						top: 15px;
						left: 0;
					}
					
					table.membres tbody tr td img.logo_n{
						z-index: 1;
					}
					
					table.membres tbody tr td img.logo_f{
						z-index: 2;
					}

/* Footer
--------------------------------------*/

footer:before{
	content: " ";
	position: absolute;	
	height: 10px;
	width: 100%;
	top: -10px;
	left: 0;
	background: #5987c5;
}

footer{
	position: relative;
	margin-bottom: 40px;
	color: #666666;
	padding: 5px 0 0 40px;
}

footer a#signature{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	color: #666666;
	text-decoration: none;
	font-size: .7em;
}

footer a#signature:hover, footer a#signature:focus{
	text-decoration: underline;
}

footer nav{
	margin-top: 12px;
}

footer nav ul li{
	display: inline-block;
	list-style: none;
	position: relative;
	margin: 0 38px 0 0;
}

footer nav ul li:before{
	content: " ";
	position: absolute;	
	bottom: 2px;
	left: -25px;
	height: 8px;
	width: 8px;
	border-radius: 8px;
	background: #999999;
}

footer nav ul li:first-child:before{
	display: none;
}

footer nav ul li a{
	color: #666666;
	text-decoration: none;
	font-size: 90%;
}

footer nav ul li.current a{
	text-decoration: underline;
}

footer nav ul li a:hover{
	color: #333333;
}

footer p.copyright{
	font-size: 80%;
	margin-top: 20px;
}

footer p.createdby{
	position: absolute;
	bottom: 0;
	left: 250px;
	font-size: 80%;
}

footer p.createdby a{
	
}

footer p.createdby img{
	
}

/*----------------------page Contact----------------------*/

#content div.leftCol{
	width: 40%;
	float: left;	
	margin-right: 50px;
}

#content div.leftCol aside{
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	position: relative;
	z-index: 1;
	margin: 40px 0 40px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#content div.leftCol aside h1{
	color: #336699;
    font-size: 130%;
	margin: 0 20px 0 20px;	
}

#content .leftCol aside#coord{
	margin-top: 0;
}

#content .leftCol aside#coord h1{
	line-height: 1.15;
	font-size: 115%;
}

#content div.leftCol aside h2{
	position: relative;
	z-index: 5;
	font-weight: bold;
	margin: 0 0 15px 23px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px -1px 2px #666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 9px 15px 9px 0;
	float: left;
	font-size: 100%;
}

#content div.leftCol aside p{
	color: #333333;
	margin: 10px 20px 10px 20px;
	clear: both;
	font-size: 90%;
	line-height: 1.2em;
}

#content div.leftCol aside a{
	color: #296c87;	
}
#content p.contact_msg{
	color: #336699;
}

#content p.contact_msg.error{
	color: #de0e0e;	
}

#content p.contact_msg.error a{
	color: #de0e0e;
}

form#contact{
	margin: 0 0 30px;
	padding: 0;
}

	form#contact fieldset{
		border: 0;
		margin: 0;
		padding: 0;
	}
	
		form#contact fieldset legend{
			color: #336699;
			font-size: 140%;
			margin: 0;	
			padding-bottom: 20px;
		}
		
			form#contact p{
				margin: 12px 0 12px 0;
				padding: 0;
				text-align: right;
			}
			
				form#contact p label{
					color: #333333;
					font-size: 90%;
					line-height: 1.4em;
				}
				
				form#contact input[type="text"],textarea, table#membres input{
					font-size: 85%;
					padding : 0 3px; 
					border : 1px solid #cccccc;
				}
				
				form#contact input[type="text"]{
					height:18px;
					width: 405px;
				}
				
				
				form#contact p.short_explanation{
					font-size: 70%;
					margin-top: 18px;
				}
				
				form#contact #capt{
				  width:60px;
				}
				
				form#contact input[type="submit"]{
					float: right;
					padding: 2px 10px 4px;
					color: white;
					background: #aaa;
					border: none;
					font-size: 90%;
					margin-top: 15px;
				}
				form#contact input[type="submit"]:hover, form#contact input[type="submit"]:focus{
					background: #336699;
				}
				
				form#contact input[type="submit"]:active{
					-moz-box-shadow: 0 0 4px #336699;
					-o-box-shadow: 0 0 4px #336699;
					-webkit-box-shadow: 0 0 4px #336699;
					box-shadow: 0 0 4px #336699;
				}
				
				form#contact textarea{
				  height:110px;
				  width:405px;
				}
				
				form#contact input[type="text"]:focus,textarea:focus{
					color : #333333;
					background-color : #f3fafd;
					-moz-box-shadow: 0 0 4px #336699;
					-o-box-shadow: 0 0 4px #336699;
					-webkit-box-shadow: 0 0 4px #336699;
					box-shadow: 0 0 4px #336699;
				}