html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


* {
	margin: 0;
	padding:0;

}

html, body {
height: 100%;
}


a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
	border-bottom:1px solid #000000;
	text-decoration:none;
	}
	
	a:hover{
	color:#24355d;
	}
	
	a[href^="http://"] 
		{
		padding-right: 10px;
		background-color: transparent;
		background-image: url("images/link.png");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 100% 0pt;
		}


p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	}
	
	
	p.langues{
	position:absolute;
	right:0;
	bottom:25px;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	z-index:100;
	color:#fff;
	text-decoration:none;
	}
	
	p.langues a{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
	}
	
	
	ul.news{
	margin-bottom:20px;
	margin-left:15px;
	}
	
	ul.news li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
	list-style-image:url(images/bullet.png);
	}
	
	article	ul li, ul#points li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	list-style:none;
	}
	
	aside p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	margin-bottom:20px;
	}
	
	h1{
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size:25px;
	line-height:20px;
	margin-bottom:30px;
	color:#ea9800;
	}
	
	aside h2,  h2.agenda{
	font-size:13px;
	line-height:20px;
	color:#24355d;
	margin:0px;
	margin-top:20px;
	padding:0;
	}
	
	h3.agenda{
	font-size:19px;
	line-height:20px;
	margin:5px 0 5px 0;
	padding-top:5px;
	color:#24355d;
	}
	
	h2{
	font-size:19px;
	line-height:20px;
	margin:20px 0 20px 0;
	padding-top:20px;
	color:#24355d;
	}
	
	hr{
	height: 1px; color: #ddd; background-color: #ddd;  border: none;
	}
	
	hr.clear{
	clear:both;
	background:none;
	height:0;
	}
	
	strong.pole{
	text-transform:uppercase;
	font-weight:normal;s
	}
	
	dl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	}
	
	dl dt{
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:5px;
	}
	
	dl dd, dl dd a{
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	font-style:italic;
	}
	
	dl dd a{
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	font-style:normal;
	}
	
	
	/*liens*/
	
	dl.liens{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	float:left;
	margin-left:20px;
	}
	
	dl.liens dt{
	font-size:16px;
	font-weight:bold;
	border:1px solid #ddd;
	width:200px;
	height:80px;
	display:block;
	text-align:center;
	}
	
	dl.liens dt img{
	margin:10px 0;
	}
	
	dl.liens dt a{
	border:none;
	background:none;
	}
	
	
	dl.liens dd{
	font-size:14px;
	line-height:20px;
	margin-bottom:30px;
	font-style:italic;
	width:200px;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	clear:left;
/*	background:url(images/bullet.png);*/

	text-indent:25px;
	}
	
	dl.liens dd a{
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
	font-style:normal;
	
	}
	
	
	
	dl#membres{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	width:715px;
	display:block;
	padding-top:20px;
	}
	
	dl#membres dt{
	font-size:16px;
	line-height:55px;
	font-weight:bold;
	width:180px;
	height:55px;
	display:block;
	float:left;
	}
	
	dl#membres dd{
	font-size:18px;
	line-height:55px;
	width:370px;
	height:55px;
	display:block;
	float:left;
	font-style:normal;
	}
	
	dl#membres dd.lien{
	line-height:20px;
	width:150px;
	height:38px;
	display:block;
	float:left;
	padding-top:17px;
	}
	
	dl#membres dd a{
	font-size:16px;
	line-height:20px;
	font-style:normal;
	}
	
	img.imgtitre{
		margin-right:20px;
		}
		
	p.lienmembre{
		color:#24355d;
		font-weight:bold;
	}
	
	a.retour{
		font-size:13px;
		color:#666;
		border-bottom:1px solid #666;
	}
	
	/*bouton*/


	p.membre {
	width:140px;
	height:32px;
	position:absolute;
	right:0;
	top:20px;
	background-image:url(images/bg-button.png);
	background-repeat:no-repeat;
	text-align:center;
	}

	p.membre a{
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	border:none;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:30px;
	padding-right:5px;
	}
	
	p.membre a:hover{
	text-decoration:underline;
	}
	
	.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	border:none;
	
}



a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
   
      hr.floatclear {
   
      background: none;
      border: 0;
      clear: both;
      display: block;
      float: none;
      font-size: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
      }


/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article, section {
	display: block;
}

#container {
min-height: 100%;
margin-bottom: -160px;
position: relative;
}


#entete{
	width:100%;
	height:208px;
	background:url(images/header-bg.png) repeat-x;
	position:relative;
	}

footer {
width:100%;
height: 140px;
position: relative;
background-color:#24355d;
padding-top:20px;

}

.clearfooter {
height: 160px;
clear: both;
}

#content{
	width:960px;
	margin:30px auto 20px auto;
}



#header{
	width:960px;
	margin:0 auto;
	height:208px;
	background:url(images/header.jpg) no-repeat;
	position:relative;
	z-index:1;
}


#entete h1{
	width:177px;
	height:40px;
	display:block;
	position:relative;
}

#entete h1 a{
	width:177px;
	height:40px;
	display:block;
	position:absolute;
	top:80px;
	left:18px;
	border:none;
}

nav{
	width:960px;
	margin:0 auto;
	margin-top:135px;
	}
	
	nav ul{
	width:705px;
	margin-left:255px;
	}
	
	nav ul li{
		display:inline;
		
	}
	
	nav ul li a{
		color:#24355d;
		text-transform:uppercase;
		font-size:14px;
		text-decoration:none;
		padding-right:9px;
		padding-left:9px;
		font-family:Arial, Helvetica, sans-serif;
		height:28px;
		line-height:28px;
		border:none;
		border-right:1px solid #38495a;
		}
		
		nav.de ul li a{
		font-size:13px;
		padding-right:7px;
		padding-left:7px;
		color:#24355d;
		text-transform:uppercase;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		height:28px;
		line-height:28px;
		border:none;
		border-right:1px solid #38495a;
		}
		
		nav ul li a:hover, nav ul li a.current{
		color:#ea9800;
		}
		nav ul li a:hover {
		}
		
		
		
	#footer{
	width:960px;
	margin:0 auto;
	height: 140px;
	position: relative;
	}
	
	footer address{
	width:665px;
	height:95px;
	margin-left:270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	color:#FFF;
	}
	
	footer address p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;

	}
	
	footer address p.float{
			margin-right:25px;
			float:left;
	}
	
	footer address a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#FFFFFF;
	}
	
	footer address a:hover{
	color:#FFFFFF;
	}
	
	
	ul#points {
	width:635px;
	padding:25px 25px 10px 25px;
	background: #ffefd1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefd1', endColorstr='#fef9f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffefd1), to(#fef9f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffefd1,  #fef9f0); /* for firefox 3.6+ */
	margin-bottom:20px;
	}
	
	
	article#partenaires {
	width:680px;
	padding:5px 0px 10px 5px;
	text-align:center;
	} 
	
	article#formulaire {
	width:685px;
	margin-bottom:20px;
	}
	
	article#partenaires img {
		display: inline;
		margin-top: 20px;
		margin-right: 12px;
		margin-bottom: 20px;
		margin-left: 13px;
		vertical-align: middle;
	} 
	
	article#partenaires a {
	border:none;
	background:none;
	} 
	
	
	article#fondateurs {
	width:635px;
	margin-bottom:20px;
	}
	
	article#fondateurs dl{
	width:190px;
	display:block;
	height:120px;
	border:1px solid #ddd;
	text-align:center;
	float:left;
	margin-right:15px;
	}
	
	article#fondateurs dl dt {
	width:190px;
	display:block;
	line-height:30px;
	height:30px;
	background-color:#ffefd1;
	font-weight:normal;
	margin-bottom:0;
	
		}
	
	article#fondateurs dl dd{
	border:none;
	color:#24355d;
	font-size:14px;
	width:190px;
	height:90px;
	display:block;
	}
	
	article#fondateurs dl dd a{
	border:none;
	width:190px;
	height:90px;
	display:block;
	line-height:90px;
	background:none;
	}
	
	article#fondateurs dl a {
	border:none;
	}
	
		article#fondateurs dl dd img {
		margin-top:20px;
	}
	

	
		aside h1{
			color:#000;
		}
	
		#gauche{
		width:200px;
		float:left;
		height:auto;
			background: #ffefd1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefd1', endColorstr='#fef9f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffefd1), to(#fef9f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffefd1,  #fef9f0); /* for firefox 3.6+ */
		margin-right:24px;
		padding:20px 10px; 
		}
		
		#droite{
		width:690px;
		padding:20px 0 0 25px;
		float:left;
		border-left:1px solid #d6d6d6;
		position:relative;
		}
	
	
	.btn-plus{
		text-align:right;
		width:200px;
		height:22px;
		display:block;
		
	}
	
	.btn-plus a{
		background:url(images/btn-plus.png) no-repeat;
		color:#000;
		padding:4px;
		padding-left:8px;
		font-size:13px;
		line-height:11px;
		text-align:left;
		text-decoration:none;
		width:137px;
		height:22px;
		display:block;
		margin-left:63px;
		border:none;
	}
	
	.btn-plus a:hover{
	text-decoration:underline;
	}
	
	.enovinfo{
	position:absolute;
	top:115px;
	right:0;
	}
	
	.enovinfo a{
	color:#FFFFFF;
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:12px;
	}


	.enovinfo a:hover{
	color:#FFFFFF;

	}	
	
	/*pagination*/
	.page{
		padding:3px 3px;
		font-size:12px;
		border:none;	
	}
	
	a.changepage{
		padding:3px 3px;
		border:1px solid #CCCCCC;
		background-color:#ffefd1;
		font-size:12px;	
	}
	
	/*----*/
	
		.clean{
		width:200px;
		border:solid 1px #dddddd; 
		background:#ffefd1 url(images/pdf.png) no-repeat 5px 7px;
		color:#222222;
		padding:4px;
		text-align:center;
		font-size:12px;
		margin-bottom:20px;
	}
	
			.clean a{
		color:#000;
		font-size:12px;
	}
	
		.clean a:hover{
		color:#24355d;
	}
	
	
	
	/*----------------- Flyer sur page d'accueil ---------------------*/
	
	#holder-flyer{
		width:685px;
		height:364px;
		display:block;
		position:relative;
		margin-bottom:40px;
		border-bottom:1px solid #d6d6d6;
	}
	
	
	#holder-flyer h1{
		width:406px;
		height:34px;
		display:block;
		position:absolute;
		top:-25px;
		left:0;
		z-index:10;
	}
	
	#holder-flyer p.img{
		width:635px;
		height:380px;
		display:block;
		position:absolute;
		top:20px;
		left:0;
		z-index:1;
	}
	
section#droite	#holder-flyer div.text{
		width:230px;
		height:180px;
		display:block;
		position:absolute;
		top:15px;
		right:0;
		font-family:Arial, Helvetica, sans-serif;
		line-height:20px;
		color:#000;
		z-index:20;
		text-align:right;
		text-transform:uppercase;
	}
	
section#droite	#holder-flyer div.text h1{
	font-weight:bold;
	width:230px;
	font-size:26px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	}

section#droite	#holder-flyer div.text h1 {
	top:0px;
	}
	
section#droite	#holder-flyer div.text h1 strong{
	color:#f8b333;
	}
	
section#droite	#holder-flyer div.text h2{
	font-size:16px;
	width:230px;
	font-weight:bold;
	margin-bottom:0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	section#droite	#holder-flyer div.text h4{
	font-size:12px;
	width:230px;
	font-weight:normal;
	margin-bottom:5px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}
section#droite	#holder-flyer div.text h3, #holder-flyer div.text p{
	font-size:15px;
	width:230px;
	margin-bottom:20px;
	font-weight:normal;
	}
	
	section#droite	#holder-flyer div.text h3{
	margin-bottom:15px;

	}
section#droite	#holder-flyer div.text p strong{
	color:#f8b333;
	}
	
section#droite	#holder-flyer div.text p {
	display:block;
	}
	
	
	
	
	/*----------- Fin flyer -------------*/
	
	
	/* styles du formulaire*/



.errors
{
	background-color: #FFC;
	border: #FC6 1px solid;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 5px 10px;
	width:665px;
}
div.errors p
{
	margin: 0;
}
div.form-container 
{

}

div.form-container div
{
	margin:15px 0 0 0;
}
div.form-container form fieldset
{
	margin:10px 0;
	padding:5px;
	
}
div.form-container form legend
{
	
}
div.form-container form fieldset div
{
	padding: 0.25em 0;
}
div.form-container label, 
 div.form-container span.label
{
	display: block;
	float: left;
	margin-right: 10px;
	margin-left:10px;
	padding-left: 20px;
	text-align: left;
	width: 180px;
	clear:both;
	line-height:20px;
	font-weight:bold;

}

div.form-container label em 
{
	font-size:12px;

}

div.form-container div.controlset label,
div.form-container div.controlset textarea, 
div.form-container div.controlset select,  
div.form-container div.controlset input
{
	display: inline;
	float: none;

}

div.form-container radio
{
	display: inline;
	float: none;
	line-height:10px;
	height:30px;

} 
div.form-container fieldset div input.txt,
div.form-container fieldset div textarea
{

	width:200px;
	height:20px;
	


}


div.form-container fieldset div textarea
{

	
	height:200px;
}
 input{
}
div.form-container fieldset div input#demande.txt, div.form-container fieldset div input#info.txt
{

		line-height:20px;
	height:20px;
	vertical-align:middle;
}


div.form-container fieldset div select
{
height:20px;
width:90px;
}


	
	
div.form-container div.buttonrow
{
	text-align:right;
	width:auto;
	padding-top:20px;
	padding-right:5px;
}

div.form-container div.buttonrow input
{
	height:30px;
	width:100px;
	
}
legend{
	color: #24355d;
	font-weight: bold;
	font-size:19px;
	border:none;
	padding:5px;
}

div.form-container h2{
	color: #24355d;
	font-weight: bold;
	font-size:19px;
	border:none;
	padding:5px 5px 10px 5px;
	margin:0 0 10px 0;
}


/*exposition*/



	dl.exposition{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	float:left;
	margin-left:20px;
	position:relative;
	z-index:1000;
	}
	
	dl.exposition dt{
	font-size:16px;
	font-weight:bold;
	border:1px solid #ddd;
	width:200px;
	height:80px;
	display:block;
	text-align:center;
	}
	
	dl.exposition dt img{
	margin:10px 0 10px 5px;
	}
	
	dl.exposition dt a{
	border:none;
	background:none;
	}
	
	
	dl.exposition dd{
	font-size:14px;
	line-height:20px;
	margin-bottom:30px;
	font-style:italic;
	width:200px;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	clear:left;
/*	background:url(images/bullet.png);*/
	text-indent:0px;
	}
	
	dl.exposition dd a{
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
	font-style:normal;
	
	}
ul.programme li span
{
width:600px;
display:block;
float:left;
}	
ul.programme li strong
{
width:120px;
display:block;
float:left;
}

ul.programme li 
{
clear:both;
padding:15px 0;
}

ul.proganimation li span
{
width:700px;
display:block;
padding:3px 0;

}	
ul.proganimation li strong
{
width:235px;
display:block;

}

ul.proganimation li 
{
clear:both;
padding:20px 0;
}

ul#galerie{
width:700px;
height:auto;
}

ul#galerie li{
width:100px;
height:100px;
overflow:hidden;
display:block;
margin:5px;
float:left;
}

#Galerieflyer{
width:685px;
line-height:160px;
height:160px;
display:block;
margin-bottom:30px;
vertical-align:middle;
background: #ffefd1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefd1', endColorstr='#fef9f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffefd1), to(#fef9f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffefd1,  #fef9f0); /* for firefox 3.6+ */
}

#Galerieflyer div{
line-height:160px;
display:block;
height:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
margin-bottom:0;
}

#Galerieflyer div a{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-decoration:none;
}

#Galerieflyer div  span{
padding-left:0px;
line-height:35px;
width:460px;
float:left;
margin:40px auto 0 auto;
display:block;
text-align:center;
}

#Galerieflyer div span strong{
text-transform:uppercase;
}